Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 

1 řádek
61 KiB

  1. {"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\suzuki\\\\cart\\\\checkout.js\";\nvar __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nimport Button1 from \"components/CustomButtons/Button.js\";\nimport image1 from \"../../../assets/img/mail.png\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport classNames from \"classnames\";\nimport swal from 'sweetalert';\nimport Icon from \"@material-ui/core/Icon\";\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@material-ui/core/List';\nimport Divider from '@material-ui/core/Divider';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport CloseIcon from '@material-ui/icons/Close';\nimport Slide from '@material-ui/core/Slide';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '100%'\n },\n button: {\n marginTop: theme.spacing(1),\n marginRight: theme.spacing(1)\n },\n actionsContainer: {\n marginBottom: theme.spacing(2)\n },\n resetContainer: {\n padding: theme.spacing(3)\n },\n appBar: {\n position: 'relative'\n },\n title: {\n marginLeft: theme.spacing(2),\n flex: 1\n },\n root: {\n '&:hover': {\n backgroundColor: 'transparent'\n }\n },\n icon: {\n borderRadius: '50%',\n width: 16,\n height: 16,\n boxShadow: 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\n backgroundColor: '#f5f8fa',\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\n '$root.Mui-focusVisible &': {\n outline: '2px auto rgba(19,124,189,.6)',\n outlineOffset: 2\n },\n 'input:hover ~ &': {\n backgroundColor: '#ebf1f5'\n },\n 'input:disabled ~ &': {\n boxShadow: 'none',\n background: 'rgba(206,217,224,.5)'\n }\n },\n checkedIcon: {\n backgroundColor: '#137cbd',\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\n '&:before': {\n display: 'block',\n width: 16,\n height: 16,\n backgroundImage: 'radial-gradient(#fff,#fff 28%,transparent 32%)',\n content: '\"\"'\n },\n 'input:hover ~ &': {\n backgroundColor: '#106ba3'\n }\n }\n}));\nconst Transition = React.forwardRef(function Transition(props, ref) {\n return __jsx(Slide, _extends({\n direction: \"up\",\n ref: ref\n }, props, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 12\n }\n }));\n});\n\nconst DataCheckout = function (_ref) {\n let {\n province,\n cities,\n midtransClient,\n backend,\n checkoutproduct,\n transactionToken\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"province\", \"cities\", \"midtransClient\", \"backend\", \"checkoutproduct\", \"transactionToken\"]);\n\n console.log('Token :', transactionToken);\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const rest = Object.assign({}, props);\n const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n const CheckoutAlamat = checkoutproduct.map(data => {\n return __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 118,\n columnNumber: 13\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 119,\n columnNumber: 17\n }\n }, __jsx(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 120,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 121,\n columnNumber: 21\n }\n }, __jsx(Typography, {\n variant: \"h6\",\n align: \"left\",\n className: classes.title,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 122,\n columnNumber: 25\n }\n }, \"Alamat Pengiriman\"), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 124,\n columnNumber: 38\n }\n }), __jsx(\"img\", {\n src: image1,\n style: {\n width: \"1100px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 25\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 69\n }\n }), __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 126,\n columnNumber: 25\n }\n }, \"Yusmar\"), __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 127,\n columnNumber: 25\n }\n }, \"087797315685\"), __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 128,\n columnNumber: 25\n }\n }, \"Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114\"), __jsx(Button1, {\n color: \"info\",\n href: \"/yamaha/profile/edit-profile\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 129,\n columnNumber: 25\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 130,\n columnNumber: 29\n }\n }, \"cached\"), \"Ubah Alamat\")))));\n });\n const CheckoutProdukPesanan = checkoutproduct.map(data => {\n const handleChange = event => {\n setAge(event.target.value);\n };\n\n const handleChanges = event => {\n setPengiriman(event.target.value);\n };\n\n const [age, setAge] = React.useState('');\n const [pengiriman, setPengiriman] = React.useState('');\n return __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 150,\n columnNumber: 13\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 151,\n columnNumber: 17\n }\n }, __jsx(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 152,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 153,\n columnNumber: 25\n }\n }, __jsx(Typography, {\n variant: \"h6\",\n align: \"left\",\n className: classes.title,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 154,\n columnNumber: 25\n }\n }, \"Pesanan Produk\"), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 156,\n columnNumber: 38\n }\n }), __jsx(\"hr\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 156,\n columnNumber: 47\n }\n }), __jsx(GridContainer, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 157,\n columnNumber: 25\n }\n }, __jsx(Grid, {\n item: true,\n xs: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 158,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 159,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 160,\n columnNumber: 37\n }\n }, \"Produk Dipesan\"), __jsx(\"img\", {\n className: navImageClasses,\n width: \"200px\",\n alt: \"First slide\",\n src: `${backend}${data.img[0][\"url\"]}`,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 161,\n columnNumber: 37\n }\n }))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 164,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 165,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 37\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 46\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 55\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 64\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 73\n }\n }), __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 167,\n columnNumber: 37\n }\n }, data.name))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 170,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 171,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 172,\n columnNumber: 37\n }\n }, \"Warna\"), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 172,\n columnNumber: 51\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 172,\n columnNumber: 60\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 172,\n columnNumber: 69\n }\n }), __jsx(FormControl, {\n className: classes.formControl,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 173,\n columnNumber: 37\n }\n }, __jsx(Select, {\n labelId: \"demo-simple-select-label\",\n id: \"demo-simple-select\",\n value: age,\n onChange: handleChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 174,\n columnNumber: 41\n }\n }, __jsx(MenuItem, {\n value: 10,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 180,\n columnNumber: 41\n }\n }, \"Hitam\"), __jsx(MenuItem, {\n value: 20,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 181,\n columnNumber: 41\n }\n }, \"Merah\"), __jsx(MenuItem, {\n value: 30,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 182,\n columnNumber: 41\n }\n }, \"Biru\"), __jsx(MenuItem, {\n value: 30,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 183,\n columnNumber: 41\n }\n }, \"Putih\"))))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 188,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 189,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 190,\n columnNumber: 37\n }\n }, \"Harga Satuan\"), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 190,\n columnNumber: 58\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 190,\n columnNumber: 67\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 190,\n columnNumber: 76\n }\n }), __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 191,\n columnNumber: 37\n }\n }, \"Rp.\", data.price))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 194,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 195,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 196,\n columnNumber: 37\n }\n }, \"Jumlah Unit\"), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 196,\n columnNumber: 57\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 196,\n columnNumber: 66\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 196,\n columnNumber: 75\n }\n }), __jsx(FormControl, {\n className: classes.formControl,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 197,\n columnNumber: 37\n }\n }, __jsx(TextField, {\n id: \"outlined-number\",\n type: \"number\",\n align: \"center\",\n InputLabelProps: {\n shrink: true\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 198,\n columnNumber: 41\n }\n })))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 209,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 210,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 211,\n columnNumber: 37\n }\n }, \"Sub Total Produk\"), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 211,\n columnNumber: 62\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 211,\n columnNumber: 71\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 211,\n columnNumber: 80\n }\n }), __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 212,\n columnNumber: 37\n }\n }, \"Total Rp.\", data.price)))), __jsx(GridContainer, {\n style: {\n padding: \"20px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 216,\n columnNumber: 25\n }\n }, __jsx(Grid, {\n item: true,\n xs: true,\n style: {\n padding: \"20px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 217,\n columnNumber: 29\n }\n }, __jsx(TextField, {\n id: \"outlined-full-width\",\n label: \"Pesan\",\n style: {\n margin: 8\n },\n placeholder: \"( Opsional ) Tinggalkan Pesan Kepada Dealer\",\n fullWidth: true,\n margin: \"normal\",\n InputLabelProps: {\n shrink: true\n },\n variant: \"outlined\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 218,\n columnNumber: 33\n }\n })), __jsx(Grid, {\n item: true,\n xs: true,\n style: {\n padding: \"20px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 231,\n columnNumber: 29\n }\n }, __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 231,\n columnNumber: 68\n }\n }), __jsx(Button, {\n variant: \"outlined\",\n color: \"primary\",\n onClick: handleClickOpen,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 232,\n columnNumber: 33\n }\n }, \"Pilih Opsi Pengiriman\"), __jsx(Dialog, {\n fullScreen: true,\n open: open,\n onClose: handleClose,\n TransitionComponent: Transition,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 235,\n columnNumber: 33\n }\n }, __jsx(AppBar, {\n className: classes.appBar,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 236,\n columnNumber: 37\n }\n }, __jsx(Toolbar, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 237,\n columnNumber: 37\n }\n }, __jsx(IconButton, {\n edge: \"start\",\n color: \"inherit\",\n onClick: handleClose,\n \"aria-label\": \"close\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 238,\n columnNumber: 41\n }\n }, __jsx(CloseIcon, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 239,\n columnNumber: 41\n }\n })), __jsx(Typography, {\n variant: \"h6\",\n className: classes.title,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 241,\n columnNumber: 41\n }\n }, \"Pilih Opsi Pengiriman\"), __jsx(Button, {\n autoFocus: true,\n color: \"inherit\",\n onClick: handleClose,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 244,\n columnNumber: 41\n }\n }, \"Pilih\"))), __jsx(List, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 249,\n columnNumber: 37\n }\n }, __jsx(ListItem, {\n button: true,\n id: \"POS\",\n value: pengiriman,\n onChange: handleChanges,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 250,\n columnNumber: 37\n }\n }, __jsx(ListItemText, {\n primary: \"POS\",\n secondary: \"Akan diterima pada tanggal 2 Apr - 6 Apr\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 255,\n columnNumber: 41\n }\n })), __jsx(Divider, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 257,\n columnNumber: 37\n }\n }), __jsx(ListItem, {\n button: true,\n id: \"JNE\",\n value: pengiriman,\n onChange: handleChanges,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 37\n }\n }, __jsx(ListItemText, {\n primary: \"JNE\",\n secondary: \"Akan diterima pada tanggal 30 Mar - 2 Apr\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 263,\n columnNumber: 41\n }\n })), __jsx(ListItem, {\n button: true,\n id: \"TIKI\",\n value: pengiriman,\n onChange: handleChanges,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 265,\n columnNumber: 37\n }\n }, __jsx(ListItemText, {\n primary: \"TIKI\",\n secondary: \"Akan diterima pada tanggal 1 Apr - 4 Apr, COD (Bayar di Tempat) tidak didukung\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 270,\n columnNumber: 41\n }\n }))))), __jsx(Grid, {\n item: true,\n xs: true,\n align: \"right\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 275,\n columnNumber: 29\n }\n }, __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 275,\n columnNumber: 57\n }\n }), __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 276,\n columnNumber: 33\n }\n }, \"Total Rp. \", data.price)))))));\n });\n return __jsx(\"div\", {\n style: {\n padding: \"50px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 287,\n columnNumber: 9\n }\n }, __jsx(\"script\", {\n type: \"text/javascript\",\n src: \"https://app.sandbox.midtrans.com/snap/snap.js\",\n \"data-client-key\": \"SB-Mid-client-srx674LjNbEybd4-\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 288,\n columnNumber: 13\n }\n }), __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 289,\n columnNumber: 13\n }\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h2\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 292,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 292,\n columnNumber: 29\n }\n }, \"Checkout\")),\n align: \"center\",\n color: \"danger\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 290,\n columnNumber: 17\n }\n })), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 298,\n columnNumber: 13\n }\n }, CheckoutAlamat), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 301,\n columnNumber: 13\n }\n }, CheckoutProdukPesanan), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 304,\n columnNumber: 13\n }\n }, __jsx(GridContainer, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 305,\n columnNumber: 17\n }\n }, __jsx(Grid, {\n item: true,\n xs: 6,\n style: {\n padding: \"20px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 306,\n columnNumber: 21\n }\n }, __jsx(Button1, {\n color: \"info\",\n style: {\n width: \"100%\"\n },\n onClick: async function (e) {\n // setFormValue({\n // cust_name : data.username,\n // ... formValue\n // });\n const response = await fetch(\"/api/transaction/create\", {\n method: \"POST\",\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n formValue\n })\n });\n\n if (response.ok) {\n var res = await response.json();\n\n if (res[\"STATUS\"] === 1) {\n res[\"DATA\"][\"transaction\"];\n swal(\"Produk Berhasil Ditambah ke Keranjang\", \"Silahkan Cek Keranjang Belanja Anda\", \"success\");\n } else {\n swal(\"Produk Gagal Ditambah ke Keranjang\", \"Silahkan Coba Lagi\", \"error\");\n }\n } else {\n swal(\"Transaksi Gagal\", \"Silahkan Coba Lagi\", \"error\");\n }\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 307,\n columnNumber: 25\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 337,\n columnNumber: 29\n }\n }, \"attach_money\"), \"Buat Pesanan\")), __jsx(Grid, {\n item: true,\n xs: 6,\n style: {\n padding: \"20px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 341,\n columnNumber: 21\n }\n }, __jsx(Button1, {\n color: \"danger\",\n style: {\n width: \"100%\"\n } // swal({\n // title: \"Anda Ingin Menghapus Pesanan ?\",\n // icon: \"warning\",\n // buttons: true,\n // dangerMode: true,\n // })\n // .then((willDelete) => {\n // if (willDelete) {\n // swal(\"Pesanan Anda Berhasil Dihapus\", {\n // icon: \"success\",\n // });\n // } else {\n // swal(\"Selamat Belanja Kembali\");\n // }\n // });\n ,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 342,\n columnNumber: 25\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 359,\n columnNumber: 29\n }\n }, \"attach_money\"), \"Batalkan Pesanan\")))));\n};\n\nexport default DataCheckout;","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/suzuki/cart/checkout.js"],"names":["React","makeStyles","clsx","SnackbarContent","Button1","image1","GridContainer","classNames","swal","Icon","Grid","TextField","Button","Dialog","ListItemText","ListItem","List","Divider","AppBar","Toolbar","IconButton","Typography","CloseIcon","Slide","FormControl","Select","MenuItem","Card","CardBody","useStyles","theme","root","width","button","marginTop","spacing","marginRight","actionsContainer","marginBottom","resetContainer","padding","appBar","position","title","marginLeft","flex","backgroundColor","icon","borderRadius","height","boxShadow","backgroundImage","outline","outlineOffset","background","checkedIcon","display","content","Transition","forwardRef","props","ref","DataCheckout","province","cities","midtransClient","backend","checkoutproduct","transactionToken","console","log","classes","open","setOpen","useState","handleClickOpen","handleClose","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","CheckoutAlamat","map","data","textCenter","icons","CheckoutProdukPesanan","handleChange","event","setAge","target","value","handleChanges","setPengiriman","age","pengiriman","img","name","formControl","price","shrink","margin","section","e","response","fetch","method","headers","body","JSON","stringify","formValue","ok","res","json"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport clsx from 'clsx';\r\n\r\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\r\nimport Button1 from \"components/CustomButtons/Button.js\";\r\nimport image1 from \"../../../assets/img/mail.png\"\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport classNames from \"classnames\";\r\nimport swal from 'sweetalert';\r\n\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport List from '@material-ui/core/List';\r\nimport Divider from '@material-ui/core/Divider';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n },\r\n button: {\r\n marginTop: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n actionsContainer: {\r\n marginBottom: theme.spacing(2),\r\n },\r\n resetContainer: {\r\n padding: theme.spacing(3),\r\n },\r\n appBar: {\r\n position: 'relative',\r\n },\r\n title: {\r\n marginLeft: theme.spacing(2),\r\n flex: 1,\r\n },\r\n root: {\r\n '&:hover': {\r\n backgroundColor: 'transparent',\r\n },\r\n },\r\n icon: {\r\n borderRadius: '50%',\r\n width: 16,\r\n height: 16,\r\n boxShadow: 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\r\n backgroundColor: '#f5f8fa',\r\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\r\n '$root.Mui-focusVisible &': {\r\n outline: '2px auto rgba(19,124,189,.6)',\r\n outlineOffset: 2,\r\n },\r\n 'input:hover ~ &': {\r\n backgroundColor: '#ebf1f5',\r\n },\r\n 'input:disabled ~ &': {\r\n boxShadow: 'none',\r\n background: 'rgba(206,217,224,.5)',\r\n },\r\n },\r\n checkedIcon: {\r\n backgroundColor: '#137cbd',\r\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\r\n '&:before': {\r\n display: 'block',\r\n width: 16,\r\n height: 16,\r\n backgroundImage: 'radial-gradient(#fff,#fff 28%,transparent 32%)',\r\n content: '\"\"',\r\n },\r\n 'input:hover ~ &': {\r\n backgroundColor: '#106ba3',\r\n },\r\n },\r\n}));\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return <Slide direction=\"up\" ref={ref} {...props} />;\r\n});\r\n\r\nconst DataCheckout = function ({ province, cities, midtransClient, backend, checkoutproduct, transactionToken, ...props }) {\r\n console.log('Token :',transactionToken);\r\n const classes = useStyles();\r\n const [open, setOpen] = React.useState(false);\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\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 navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\r\n\r\n const CheckoutAlamat = checkoutproduct.map((data) => {\r\n return (\r\n <div align=\"center\">\r\n <Card className={classes.textCenter} align=\"center\">\r\n <CardBody>\r\n <div style={{padding:\"10px\"}}>\r\n <Typography variant=\"h6\" align=\"left\" className={classes.title}>\r\n Alamat Pengiriman\r\n </Typography><br></br>\r\n <img src={image1} style={{width:\"1100px\"}}/><br></br>\r\n <h5>Yusmar</h5>\r\n <h5>087797315685</h5>\r\n <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5>\r\n <Button1 color=\"info\" href={\"/yamaha/profile/edit-profile\"}>\r\n <Icon className={classes.icons}>cached</Icon>\r\n Ubah Alamat\r\n </Button1>\r\n </div>\r\n </CardBody>\r\n </Card>\r\n </div>\r\n );\r\n })\r\n\r\n const CheckoutProdukPesanan = checkoutproduct.map((data) => {\r\n const handleChange = (event) => {\r\n setAge(event.target.value);\r\n };\r\n const handleChanges = (event) => {\r\n setPengiriman(event.target.value);\r\n };\r\n const [age, setAge] = React.useState('');\r\n const [pengiriman, setPengiriman] = React.useState('');\r\n return (\r\n <div align=\"center\">\r\n <Card className={classes.textCenter} align=\"center\">\r\n <CardBody>\r\n <div style={{padding:\"10px\"}}>\r\n <Typography variant=\"h6\" align=\"left\" className={classes.title}>\r\n Pesanan Produk\r\n </Typography><br></br><hr></hr>\r\n <GridContainer>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4>Produk Dipesan</h4>\r\n <img className={navImageClasses} width=\"200px\" alt=\"First slide\" src={`${backend}${data.img[0][\"url\"]}`} />\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4></h4><br></br><br></br><br></br><br></br>\r\n <h5>{data.name}</h5>\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4>Warna</h4><br></br><br></br><br></br>\r\n <FormControl className={classes.formControl}>\r\n <Select\r\n labelId=\"demo-simple-select-label\"\r\n id=\"demo-simple-select\"\r\n value={age}\r\n onChange={handleChange}\r\n >\r\n <MenuItem value={10}>Hitam</MenuItem>\r\n <MenuItem value={20}>Merah</MenuItem>\r\n <MenuItem value={30}>Biru</MenuItem>\r\n <MenuItem value={30}>Putih</MenuItem>\r\n </Select>\r\n </FormControl>\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4>Harga Satuan</h4><br></br><br></br><br></br>\r\n <h5>Rp.{data.price}</h5>\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4>Jumlah Unit</h4><br></br><br></br><br></br>\r\n <FormControl className={classes.formControl}>\r\n <TextField\r\n id=\"outlined-number\"\r\n type=\"number\"\r\n align=\"center\"\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n />\r\n </FormControl>\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4>Sub Total Produk</h4><br></br><br></br><br></br>\r\n <h5>Total Rp.{data.price}</h5>\r\n </div>\r\n </Grid>\r\n </GridContainer>\r\n <GridContainer style={{padding:\"20px\"}}>\r\n <Grid item xs style={{padding:\"20px\"}}>\r\n <TextField\r\n id=\"outlined-full-width\"\r\n label=\"Pesan\"\r\n style={{ margin: 8 }}\r\n placeholder=\"( Opsional ) Tinggalkan Pesan Kepada Dealer\"\r\n fullWidth\r\n margin=\"normal\"\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n variant=\"outlined\"\r\n />\r\n </Grid>\r\n <Grid item xs style={{padding:\"20px\"}}><br></br>\r\n <Button variant=\"outlined\" color=\"primary\" onClick={handleClickOpen}>\r\n Pilih Opsi Pengiriman\r\n </Button>\r\n <Dialog fullScreen open={open} onClose={handleClose} TransitionComponent={Transition}>\r\n <AppBar className={classes.appBar}>\r\n <Toolbar>\r\n <IconButton edge=\"start\" color=\"inherit\" onClick={handleClose} aria-label=\"close\">\r\n <CloseIcon />\r\n </IconButton>\r\n <Typography variant=\"h6\" className={classes.title}>\r\n Pilih Opsi Pengiriman\r\n </Typography>\r\n <Button autoFocus color=\"inherit\" onClick={handleClose}>\r\n Pilih\r\n </Button>\r\n </Toolbar>\r\n </AppBar>\r\n <List>\r\n <ListItem button\r\n id=\"POS\"\r\n value={pengiriman}\r\n onChange={handleChanges}\r\n >\r\n <ListItemText primary=\"POS\" secondary=\"Akan diterima pada tanggal 2 Apr - 6 Apr\" />\r\n </ListItem>\r\n <Divider />\r\n <ListItem button\r\n id=\"JNE\"\r\n value={pengiriman}\r\n onChange={handleChanges}\r\n >\r\n <ListItemText primary=\"JNE\" secondary=\"Akan diterima pada tanggal 30 Mar - 2 Apr\" />\r\n </ListItem>\r\n <ListItem button\r\n id=\"TIKI\"\r\n value={pengiriman}\r\n onChange={handleChanges}\r\n >\r\n <ListItemText primary=\"TIKI\" secondary=\"Akan diterima pada tanggal 1 Apr - 4 Apr, COD (Bayar di Tempat) tidak didukung\" />\r\n </ListItem>\r\n </List>\r\n </Dialog>\r\n </Grid>\r\n <Grid item xs align=\"right\"><br></br>\r\n <h5>Total Rp. {data.price}</h5>\r\n </Grid>\r\n </GridContainer>\r\n </div>\r\n </CardBody>\r\n </Card>\r\n </div>\r\n );\r\n })\r\n\r\n return (\r\n <div style={{padding:\"50px\"}}>\r\n <script type=\"text/javascript\" src=\"https://app.sandbox.midtrans.com/snap/snap.js\" data-client-key=\"SB-Mid-client-srx674LjNbEybd4-\"/>\r\n <div align=\"center\" className={classes.section} id=\"notifications\">\r\n <SnackbarContent\r\n message={\r\n <h2><b>Checkout</b></h2>\r\n }\r\n align=\"center\"\r\n color=\"danger\"\r\n />\r\n </div>\r\n <div>\r\n {CheckoutAlamat}\r\n </div>\r\n <div>\r\n {CheckoutProdukPesanan}\r\n </div>\r\n <div>\r\n <GridContainer>\r\n <Grid item xs={6} style={{padding:\"20px\"}}>\r\n <Button1 color=\"info\" style={{width:\"100%\"}}\r\n onClick={async function (e) {\r\n // setFormValue({\r\n // cust_name : data.username,\r\n // ... formValue\r\n // });\r\n const response = await fetch(\r\n \"/api/transaction/create\",\r\n {\r\n method: \"POST\",\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({formValue}),\r\n }\r\n );\r\n if (response.ok) {\r\n var res = await response.json();\r\n if (res[\"STATUS\"] === 1) {\r\n res[\"DATA\"][\"transaction\"];\r\n swal(\"Produk Berhasil Ditambah ke Keranjang\", \"Silahkan Cek Keranjang Belanja Anda\", \"success\");\r\n } \r\n else {\r\n swal(\"Produk Gagal Ditambah ke Keranjang\", \"Silahkan Coba Lagi\", \"error\");\r\n }\r\n } else {\r\n swal(\"Transaksi Gagal\", \"Silahkan Coba Lagi\", \"error\");\r\n }\r\n }}\r\n > \r\n <Icon className={classes.icons}>attach_money</Icon>\r\n Buat Pesanan\r\n </Button1>\r\n </Grid>\r\n <Grid item xs={6} style={{padding:\"20px\"}}>\r\n <Button1 color=\"danger\" style={{width:\"100%\"}}\r\n // swal({\r\n // title: \"Anda Ingin Menghapus Pesanan ?\",\r\n // icon: \"warning\",\r\n // buttons: true,\r\n // dangerMode: true,\r\n // })\r\n // .then((willDelete) => {\r\n // if (willDelete) {\r\n // swal(\"Pesanan Anda Berhasil Dihapus\", {\r\n // icon: \"success\",\r\n // });\r\n // } else {\r\n // swal(\"Selamat Belanja Kembali\");\r\n // }\r\n // });\r\n >\r\n <Icon className={classes.icons}>attach_money</Icon>\r\n Batalkan Pesanan\r\n </Button1>\r\n </Grid>\r\n </GridContainer>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DataCheckout;\r\n"]},"metadata":{},"sourceType":"module"}