tbg-ecomm-nextjs/.next/cache/next-babel-loader/ab4ffa0f1c8281f7f5e373bf6833a82a.json

{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"backend\", \"detailygp\"];\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 Rating from '@material-ui/lab/Rating';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\nimport CustomTabs from \"components/CustomTabs/CustomTabs.js\";\nimport NumberFormat from 'react-number-format';\nimport Select from 'react-select';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport GridItem from \"components/Grid/GridItem.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\";\nvar useStyles = makeStyles(styles);\n\nvar DetailDataYGP = function DetailDataYGP(_ref) {\n  var backend = _ref.backend,\n      detailygp = _ref.detailygp,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  console.log(detailygp);\n  var classes = useStyles();\n\n  var rest = _extends({}, props);\n\n  var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n\n  var _React$useState = React.useState(5),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      value = _React$useState2[0],\n      setValue = _React$useState2[1];\n\n  var _React$useState3 = React.useState(5),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      value5 = _React$useState4[0],\n      setValue5 = _React$useState4[1];\n\n  var _React$useState5 = React.useState(4),\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\n      value4 = _React$useState6[0],\n      setValue4 = _React$useState6[1];\n\n  var _React$useState7 = React.useState(3),\n      _React$useState8 = _slicedToArray(_React$useState7, 2),\n      value3 = _React$useState8[0],\n      setValue3 = _React$useState8[1];\n\n  var _React$useState9 = React.useState(2),\n      _React$useState10 = _slicedToArray(_React$useState9, 2),\n      value2 = _React$useState10[0],\n      setValue2 = _React$useState10[1];\n\n  var _React$useState11 = React.useState(1),\n      _React$useState12 = _slicedToArray(_React$useState11, 2),\n      value1 = _React$useState12[0],\n      setValue1 = _React$useState12[1];\n\n  var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  var YGPdetails = detailygp.map(function (data) {\n    return __jsx(\"div\", null, __jsx(GridContainer, null, __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    }, __jsx(\"div\", {\n      className: classes.section,\n      id: \"notifications\"\n    }, __jsx(\"div\", {\n      className: classes.section\n    }, __jsx(\"div\", {\n      className: classes.container\n    }, __jsx(GridContainer, null, __jsx(GridItem, {\n      className: classes.marginAuto\n    }, __jsx(Card, null, __jsx(\"img\", {\n      className: navImageClasses,\n      width: \"300px\",\n      alt: \"First slide\",\n      src: \"\".concat(backend).concat(data.img[\"url\"])\n    })), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h3\", null, __jsx(\"b\", null, \"Pilih Varian Sparepart\")), __jsx(Select, {\n      getOptionLabel: function getOptionLabel(option) {\n        return \"\".concat(option.name);\n      },\n      getOptionValue: function getOptionValue(option) {\n        return option.id;\n      },\n      options: data.ygp_units,\n      isMulti: true,\n      instanceId: \"name\",\n      placeholder: \"Pilih Varian\",\n      onChange: function onChange(values) {\n        return handleName(values);\n      }\n    }), __jsx(\"h3\", null, __jsx(\"b\", null, \"Ulasan (17)\")), __jsx(\"h5\", null, __jsx(\"b\", null, data.name)), __jsx(GridContainer, null, __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    }, __jsx(\"h1\", null, __jsx(\"b\", null, \"5.0\")), __jsx(Rating, {\n      align: \"center\",\n      name: \"read-only\",\n      value: value,\n      readOnly: true\n    })), __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    }, __jsx(GridContainer, null, __jsx(Grid, {\n      fluid: true,\n      xs: 3\n    }, __jsx(Rating, {\n      name: \"read-only\",\n      value: value5,\n      readOnly: true\n    })), __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    })), __jsx(GridContainer, null, __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    }, __jsx(Rating, {\n      name: \"read-only\",\n      value: value4,\n      readOnly: true\n    })), __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    })), __jsx(GridContainer, null, __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    }, __jsx(Rating, {\n      name: \"read-only\",\n      value: value3,\n      readOnly: true\n    })), __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    })), __jsx(GridContainer, null, __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    }, __jsx(Rating, {\n      name: \"read-only\",\n      value: value2,\n      readOnly: true\n    })), __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    })), __jsx(GridContainer, null, __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    }, __jsx(Rating, {\n      name: \"read-only\",\n      value: value1,\n      readOnly: true\n    })), __jsx(Grid, {\n      fluid: true,\n      xs: 5\n    }))))))))))), __jsx(Grid, {\n      xs: 7,\n      style: {\n        padding: \"40px\",\n        marginTop: \"-30px\"\n      }\n    }, __jsx(\"h2\", null, __jsx(\"b\", null, data.name)), __jsx(Rating, {\n      name: \"read-only\",\n      value: value,\n      readOnly: true\n    }), __jsx(\"div\", {\n      style: {\n        marginTop: \"-20px\"\n      }\n    }, __jsx(\"h3\", null, __jsx(\"b\", null, __jsx(NumberFormat, {\n      value: data.price1,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })))), __jsx(\"br\", null), __jsx(CustomTabs, {\n      headerColor: \"info\",\n      tabs: [{\n        tabName: \"Detail Product\",\n        tabContent: __jsx(\"p\", {\n          className: classes.textCenter\n        }, __jsx(\"b\", null, ReactHtmlParser(data.description)))\n      }, {\n        tabName: \"Info Penting\",\n        tabContent: __jsx(\"p\", {\n          className: classes.textCenter\n        }, __jsx(\"h4\", null, __jsx(\"b\", null, \"Informasi mengenai prosedur pengiriman, pembelian dan dokumen\")), __jsx(\"ul\", null, __jsx(\"li\", null, \"Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*\"), __jsx(\"li\", null, \"Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan\"), __jsx(\"li\", null, \"Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*\"), __jsx(\"li\", null, \"Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*\")), __jsx(\"h4\", null, __jsx(\"b\", null, \"Informasi mengenai prosedur pengiriman, pembelian dan dokumen\")), __jsx(\"h4\", null, __jsx(\"b\", null, \"Harga\")), __jsx(\"ul\", null, __jsx(\"li\", null, \"Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)\"), __jsx(\"li\", null, \"Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.\"), __jsx(\"li\", null, \"Harga OTR sewaktu-waktu dapat berubah.\"), __jsx(\"li\", null, \"Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.\"), __jsx(\"li\", null, \"Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan  diinformasikan oleh pihak Dealer.\"), __jsx(\"li\", null, \"Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.\")), __jsx(\"h4\", null, __jsx(\"b\", null, \"Dokumen\")), __jsx(\"ul\", null, __jsx(\"li\", null, \"Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.\"), __jsx(\"li\", null, \"Proses pembuatan BPKB adalah 3-4 bulan.\"), __jsx(\"li\", null, \"STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.\"), __jsx(\"li\", null, \"Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.\"), __jsx(\"li\", null, \"Buku servis diterima bersamaan dengan pengiriman sepeda motor.\")), __jsx(\"h4\", null, __jsx(\"b\", null, \"*tidak termasuk Sabtu dan Minggu.\")))\n      }]\n    }))));\n  });\n  return __jsx(Card, {\n    className: classes.textCenter\n  }, __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(CardHeader, {\n    color: \"info\"\n  }, \"Product Detail\")), __jsx(CardBody, null, __jsx(\"div\", null, YGPdetails)), __jsx(CardFooter, {\n    className: classes.textMuted,\n    textAlign: \"center\"\n  }, \"\\xA9 2020 , All Right Reserved by @Thamrin Brother Company\"));\n};\n\nexport default DetailDataYGP;","map":null,"metadata":{},"sourceType":"module"}