tbg-ecomm-nextjs/.next/cache/next-babel-loader/65b7aeef40cea9f28fbefbe5da84d58b.json

{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\dealers\\\\dealers.js\";\nvar _excluded = [\"selected\", \"handleName\", \"backend\", \"dealers\"];\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Select from 'react-select';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Quote from \"components/Typography/Quote.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataDealer = function DataDealer(_ref) {\n  var _this = this;\n\n  var selected = _ref.selected,\n      handleName = _ref.handleName,\n      backend = _ref.backend,\n      dealers = _ref.dealers,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  var classes = useStyles();\n  var Dealers = dealers.map(function (data) {\n    return __jsx(Grid, {\n      align: \"center\",\n      style: {\n        padding: \"30px\",\n        marginTop: \"-50px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 21,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      style: {\n        width: \"20rem\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 17\n      }\n    }, __jsx(\"img\", {\n      style: {\n        height: \"180px\",\n        width: \"100%\",\n        display: \"block\"\n      },\n      className: classes.imgCardTop,\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 21\n      }\n    }), __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 21\n      }\n    }, __jsx(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 29,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 29,\n        columnNumber: 24\n      }\n    }, data.name)), __jsx(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 24\n      }\n    }, data.kota_dealer)), __jsx(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 31,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 31,\n        columnNumber: 24\n      }\n    }, data.telp)), __jsx(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 32,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 32,\n        columnNumber: 24\n      }\n    }, data.address)), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 21\n      }\n    }, __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: data.location,\n      target: \"_blank\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 25\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 29\n      }\n    }, \"room\"), \"View Location\")))));\n  });\n  return __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 9\n    }\n  }, __jsx(Card, {\n    className: classes.textCenter,\n    align: \"center\",\n    style: {\n      padding: \"5px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 13\n    }\n  }, __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 17\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    style: {\n      marginTop: \"-50px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 17\n    }\n  }, __jsx(\"h2\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 21\n    }\n  }, __jsx(\"b\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 25\n    }\n  }, \"Yamaha Dealers\")), __jsx(Select, {\n    value: selected ? dealers.filter(function (i) {\n      return i.id == selected;\n    }) : null,\n    getOptionLabel: function getOptionLabel(option) {\n      return \"\".concat(option.name);\n    },\n    getOptionValue: function getOptionValue(option) {\n      return option.id;\n    },\n    options: dealers,\n    isMulti: true,\n    instanceId: \"name\",\n    placeholder: \"Cari Dealer\",\n    onChange: function onChange(values) {\n      return handleName(values);\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49,\n      columnNumber: 21\n    }\n  }), __jsx(\"br\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59,\n      columnNumber: 21\n    }\n  }), __jsx(GridContainer, {\n    justify: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60,\n      columnNumber: 21\n    }\n  }, Dealers)))));\n};\n\nexport default DataDealer;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/yamaha/dealers/dealers.js"],"names":["React","makeStyles","Select","GridContainer","Grid","Card","CardBody","CardHeader","Quote","Icon","Button","styles","useStyles","DataDealer","selected","handleName","backend","dealers","props","classes","Dealers","map","data","padding","marginTop","width","height","display","imgCardTop","img","name","kota_dealer","telp","address","location","icons","textCenter","filter","i","id","option","values"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,UAAP,MAAuB,+BAAvB;AACA,OAAOC,KAAP,MAAkB,gCAAlB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,MAAP,MAAmB,oCAAnB;AACA,OAAOC,MAAP,MAAmB,gFAAnB;AAEA,IAAMC,SAAS,GAAGX,UAAU,CAACU,MAAD,CAA5B;;AACA,IAAME,UAAU,GAAG,SAAbA,UAAa,OAAiE;AAAA;;AAAA,MAArDC,QAAqD,QAArDA,QAAqD;AAAA,MAA3CC,UAA2C,QAA3CA,UAA2C;AAAA,MAA/BC,OAA+B,QAA/BA,OAA+B;AAAA,MAAtBC,OAAsB,QAAtBA,OAAsB;AAAA,MAAVC,KAAU;;AAChF,MAAMC,OAAO,GAAGP,SAAS,EAAzB;AAEA,MAAMQ,OAAO,GAAGH,OAAO,CAACI,GAAR,CAAY,UAACC,IAAD,EAAU;AAClC,WACI,MAAC,IAAD;AAAM,MAAA,KAAK,EAAC,QAAZ;AAAqB,MAAA,KAAK,EAAE;AAACC,QAAAA,OAAO,EAAC,MAAT;AAAiBC,QAAAA,SAAS,EAAC;AAA3B,OAA5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,IAAD;AAAM,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAE;AAAR,OAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AACA,MAAA,KAAK,EAAE;AAACC,QAAAA,MAAM,EAAE,OAAT;AAAkBD,QAAAA,KAAK,EAAE,MAAzB;AAAiCE,QAAAA,OAAO,EAAE;AAA1C,OADP;AAEA,MAAA,SAAS,EAAER,OAAO,CAACS,UAFnB;AAGA,MAAA,GAAG,YAAKZ,OAAL,SAAeM,IAAI,CAACO,GAAL,CAAS,KAAT,CAAf,CAHH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,EAMI,MAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIP,IAAI,CAACQ,IAAT,CAAH,CADA,EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIR,IAAI,CAACS,WAAT,CAAH,CAFA,EAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIT,IAAI,CAACU,IAAT,CAAH,CAHA,EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIV,IAAI,CAACW,OAAT,CAAH,CAJA,EAKA;AAAK,MAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,MAAd;AAAqB,MAAA,KAAK,MAA1B;AAA2B,MAAA,IAAI,EAAEX,IAAI,CAACY,QAAtC;AAAgD,MAAA,MAAM,EAAC,QAAvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,IAAD;AAAM,MAAA,SAAS,EAAEf,OAAO,CAACgB,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cADJ,kBADJ,CALA,CANJ,CADJ,CADJ;AAsBC,GAvBW,CAAhB;AAwBI,SACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,SAAS,EAAEhB,OAAO,CAACiB,UAAzB;AAAqC,IAAA,KAAK,EAAC,QAA3C;AAAoD,IAAA,KAAK,EAAE;AAACb,MAAAA,OAAO,EAAC;AAAT,KAA3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA;AAAK,IAAA,KAAK,EAAC,QAAX;AAAoB,IAAA,KAAK,EAAE;AAACC,MAAAA,SAAS,EAAC;AAAX,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAJ,CADJ,EAEI,MAAC,MAAD;AACI,IAAA,KAAK,EAAGV,QAAD,GAAWG,OAAO,CAACoB,MAAR,CAAe,UAACC,CAAD;AAAA,aAAKA,CAAC,CAACC,EAAF,IAAMzB,QAAX;AAAA,KAAf,CAAX,GAA+C,IAD1D;AAEI,IAAA,cAAc,EAAE,wBAAA0B,MAAM;AAAA,uBAAOA,MAAM,CAACV,IAAd;AAAA,KAF1B;AAGI,IAAA,cAAc,EAAE,wBAAAU,MAAM;AAAA,aAAIA,MAAM,CAACD,EAAX;AAAA,KAH1B;AAII,IAAA,OAAO,EAAEtB,OAJb;AAKI,IAAA,OAAO,MALX;AAMI,IAAA,UAAU,EAAC,MANf;AAOI,IAAA,WAAW,EAAC,aAPhB;AAQI,IAAA,QAAQ,EAAE,kBAAAwB,MAAM;AAAA,aAAI1B,UAAU,CAAC0B,MAAD,CAAd;AAAA,KARpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFJ,EAYI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAZJ,EAaI,MAAC,aAAD;AAAe,IAAA,OAAO,EAAC,QAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACKrB,OADL,CAbJ,CADA,CADJ,CADJ,CADA;AAyBP,CApDD;;AAsDA,eAAeP,UAAf","sourcesContent":["import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Select from 'react-select';\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Grid from '@material-ui/core/Grid';\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 Quote from \"components/Typography/Quote.js\"\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataDealer = function ({ selected, handleName, backend, dealers, ...props })  {\r\n    const classes = useStyles();\r\n\r\n    const Dealers = dealers.map((data) => {\r\n        return (\r\n            <Grid align=\"center\" style={{padding:\"30px\", marginTop:\"-50px\"}}>\r\n                <Card style={{width: \"20rem\"}}>\r\n                    <img\r\n                    style={{height: \"180px\", width: \"100%\", display: \"block\"}}\r\n                    className={classes.imgCardTop}\r\n                    src={`${backend}${data.img[\"url\"]}`}\r\n                    />\r\n                    <CardBody>\r\n                    <p><b>{data.name}</b></p>\r\n                    <p><b>{data.kota_dealer}</b></p>\r\n                    <p><b>{data.telp}</b></p>\r\n                    <p><b>{data.address}</b></p>\r\n                    <div align=\"center\">\r\n                        <Button color=\"info\" round href={data.location} target=\"_blank\">\r\n                            <Icon className={classes.icons}>room</Icon>View Location\r\n                        </Button>\r\n                    </div>\r\n                    </CardBody>\r\n                </Card>\r\n            </Grid>\r\n            );\r\n        })\r\n        return (\r\n        <div>\r\n            <Card className={classes.textCenter} align=\"center\" style={{padding:\"5px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{marginTop:\"-50px\"}}>\r\n                    <h2><b>Yamaha Dealers</b></h2>\r\n                    <Select\r\n                        value={(selected)?dealers.filter((i)=>i.id==selected):null} \r\n                        getOptionLabel={option => `${option.name}`}\r\n                        getOptionValue={option => option.id}\r\n                        options={dealers}\r\n                        isMulti\r\n                        instanceId=\"name\"\r\n                        placeholder=\"Cari Dealer\"\r\n                        onChange={values => handleName(values)}\r\n                    />\r\n                    <br></br>\r\n                    <GridContainer justify=\"center\">\r\n                        {Dealers}\r\n                    </GridContainer>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default DataDealer;\r\n"]},"metadata":{},"sourceType":"module"}