tbg-ecomm-nextjs/.next/cache/next-babel-loader/1247f05c9d44b1ccb38dfc444358f9f0.json

{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\product\\\\helmet_details.js\";\nvar _excluded = [\"backend\", \"detailhelmet\"];\nvar __jsx = React.createElement;\nimport React, { useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport ReactHtmlParser from \"react-html-parser\";\nimport Dashboard from \"@material-ui/icons/Dashboard\";\nimport Icon from \"@material-ui/core/Icon\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport GridItem from \"components/Grid/GridItem.js\";\nimport NavPills from \"components/NavPills/NavPills.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\nimport Carousel from \"react-slick\";\nvar useStyles = makeStyles(styles);\n\nvar DetailDataHelmet = function DetailDataHelmet(_ref) {\n  var _this = this;\n\n  var backend = _ref.backend,\n      detailhelmet = _ref.detailhelmet,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  var classes = useStyles();\n\n  var rest = _extends({}, props);\n\n  var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n  var settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoplay: true,\n    time: 5\n  };\n  var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  var Helmetdetails = detailhelmet.map(function (data) {\n    return __jsx(\"div\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 42,\n        columnNumber: 13\n      }\n    }, __jsx(GridContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 17\n      }\n    }, __jsx(Grid, {\n      fluid: true,\n      xs: 5,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 44,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      className: classes.section,\n      id: \"notifications\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      className: classes.section,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 25\n      }\n    }, __jsx(\"div\", {\n      className: classes.container,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 29\n      }\n    }, __jsx(GridContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 48,\n        columnNumber: 29\n      }\n    }, __jsx(GridItem, {\n      className: classes.marginAuto,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 33\n      }\n    }, __jsx(Card, {\n      carousel: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 50,\n        columnNumber: 37\n      }\n    }, __jsx(Carousel, _extends({}, settings, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 41\n      }\n    }), __jsx(\"img\", {\n      className: navImageClasses,\n      width: \"300px\",\n      alt: \"First slide\",\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 45\n      }\n    }))))))))), __jsx(Grid, {\n      xs: 7,\n      style: {\n        padding: \"40px\",\n        marginTop: \"-30px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61,\n        columnNumber: 21\n      }\n    }, __jsx(\"h3\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62,\n        columnNumber: 25\n      }\n    }, data.name), __jsx(\"h3\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 25\n      }\n    }, \"Rp.\", data.price), __jsx(\"hr\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 25\n      }\n    }), __jsx(\"ul\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 65,\n        columnNumber: 25\n      }\n    }, __jsx(\"li\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 29\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 33\n      }\n    }, \"Stock : \", data.stock)), __jsx(\"li\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 29\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 33\n      }\n    }, \"Part Code : \", ReactHtmlParser(data.part_code)))))), __jsx(GridContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 17\n      }\n    }, __jsx(Grid, {\n      className: classes.marginAuto,\n      style: {\n        padding: \"10px\",\n        marginTop: \"-30px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 21\n      }\n    }, __jsx(\"img\", {\n      className: navImageClasses,\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      height: \"165px\",\n      width: \"200px\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73,\n        columnNumber: 25\n      }\n    })), __jsx(Grid, {\n      className: classes.marginAuto,\n      style: {\n        padding: \"10px\",\n        marginTop: \"-30px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 21\n      }\n    }, __jsx(\"img\", {\n      className: navImageClasses,\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      height: \"165px\",\n      width: \"200px\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 25\n      }\n    })), __jsx(Grid, {\n      className: classes.marginAuto,\n      style: {\n        padding: \"10px\",\n        marginTop: \"-30px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78,\n        columnNumber: 21\n      }\n    }, __jsx(\"img\", {\n      className: navImageClasses,\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      height: \"165px\",\n      width: \"200px\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 25\n      }\n    }))), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 17\n      }\n    }, __jsx(\"hr\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 83,\n        columnNumber: 21\n      }\n    }), __jsx(\"h2\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 21\n      }\n    }, \"Deskripsi\")), __jsx(\"div\", {\n      align: \"justify\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 17\n      }\n    }, __jsx(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 21\n      }\n    }, ReactHtmlParser(data.description))));\n  });\n  return __jsx(Card, {\n    className: classes.textCenter,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 9\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 94,\n      columnNumber: 13\n    }\n  }, __jsx(CardHeader, {\n    color: \"info\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95,\n      columnNumber: 17\n    }\n  }, \"Product Detail\")), __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97,\n      columnNumber: 13\n    }\n  }, __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 98,\n      columnNumber: 17\n    }\n  }, Helmetdetails)), __jsx(CardFooter, {\n    className: classes.textMuted,\n    textAlign: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 13\n    }\n  }, \"\\xA9 2020 , All Right Reserved by @Thamrin Brother Company\"));\n};\n\nexport default DetailDataHelmet;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/yamaha/product/helmet_details.js"],"names":["React","useState","useEffect","classNames","makeStyles","ReactHtmlParser","Dashboard","Icon","GridContainer","Grid","GridItem","NavPills","Card","CardBody","CardHeader","CardFooter","Button","styles","Carousel","useStyles","DetailDataHelmet","backend","detailhelmet","props","classes","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","navImageClasses","imgRounded","imgGallery","Helmetdetails","map","data","section","container","marginAuto","img","padding","marginTop","name","price","stock","part_code","description","textCenter","textMuted"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport Dashboard from \"@material-ui/icons/Dashboard\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport NavPills from \"components/NavPills/NavPills.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardHeader from \"components/Card/CardHeader.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\r\nimport Carousel from \"react-slick\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst DetailDataHelmet = function ({ backend, detailhelmet, ...props })  {\r\n    const classes = useStyles();\r\n    const { ...rest } = props;\r\n    const imageClasses = classNames(\r\n        classes.imgRaised,\r\n        classes.imgRoundedCircle,\r\n        classes.imgFluid\r\n        );\r\n        const settings = {\r\n        dots: true,\r\n        infinite: true,\r\n        speed: 500,\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1,\r\n        autoplay: true,\r\n        time: 5\r\n    };\r\n    const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\r\n    const Helmetdetails = detailhelmet.map((data) => {\r\n        return (\r\n            <div>\r\n                <GridContainer>\r\n                    <Grid fluid xs={5}> \r\n                    <div className={classes.section} id=\"notifications\">\r\n                        <div className={classes.section}>\r\n                            <div className={classes.container}>\r\n                            <GridContainer>\r\n                                <GridItem className={classes.marginAuto}>\r\n                                    <Card carousel>\r\n                                        <Carousel {...settings}>\r\n                                            <img className={navImageClasses} width=\"300px\" alt=\"First slide\" src={`${backend}${data.img[\"url\"]}`} />\r\n                                        </Carousel>\r\n                                    </Card>\r\n                                </GridItem>\r\n                            </GridContainer>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    </Grid>\r\n                    <Grid xs={7} style={{padding:\"40px\", marginTop:\"-30px\"}}>\r\n                        <h3>{data.name}</h3>\r\n                        <h3>Rp.{data.price}</h3>\r\n                        <hr></hr>\r\n                        <ul>\r\n                            <li><h4>Stock : {data.stock}</h4></li>\r\n                            <li><h4>Part Code : {ReactHtmlParser(data.part_code)}</h4></li>\r\n                        </ul>\r\n                    </Grid>\r\n                </GridContainer>\r\n                <GridContainer>\r\n                    <Grid className={classes.marginAuto} style={{padding:\"10px\", marginTop:\"-30px\"}}>\r\n                        <img className={navImageClasses} src={`${backend}${data.img[\"url\"]}`} height=\"165px\" width=\"200px\"/>\r\n                    </Grid>\r\n                    <Grid className={classes.marginAuto} style={{padding:\"10px\", marginTop:\"-30px\"}}>\r\n                        <img className={navImageClasses} src={`${backend}${data.img[\"url\"]}`} height=\"165px\" width=\"200px\"/>\r\n                    </Grid>\r\n                    <Grid className={classes.marginAuto} style={{padding:\"10px\", marginTop:\"-30px\"}}>\r\n                        <img className={navImageClasses} src={`${backend}${data.img[\"url\"]}`} height=\"165px\" width=\"200px\"/>\r\n                    </Grid>\r\n                </GridContainer>\r\n                <div align=\"center\">\r\n                    <hr></hr>\r\n                    <h2>Deskripsi</h2>\r\n                </div>\r\n                <div align=\"justify\">\r\n                    <p>{ReactHtmlParser(data.description)}</p>\r\n                </div>\r\n            </div> \r\n        );\r\n    })\r\n    return (\r\n        <Card className={classes.textCenter}>\r\n            <div align=\"center\">\r\n                <CardHeader color=\"info\">Product Detail</CardHeader>\r\n            </div>\r\n            <CardBody>\r\n                <div> \r\n                    {Helmetdetails}\r\n                </div>\r\n            </CardBody>\r\n            <CardFooter className={classes.textMuted} textAlign=\"center\">\r\n                © 2020 , All Right Reserved by @Thamrin Brother Company\r\n            </CardFooter>\r\n        </Card>\r\n    );\r\n}\r\n\r\nexport default DetailDataHelmet;"]},"metadata":{},"sourceType":"module"}