Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 

1 wiersz
67 KiB

  1. {"ast":null,"code":"import _regeneratorRuntime from \"@babel/runtime/regenerator\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\cart\\\\checkout.js\";\nvar __jsx = React.createElement;\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 Carousel from \"react-slick\";\nimport GridItem from \"components/Grid/GridItem.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 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\";\nimport { Form, FormGroup, FormControl, ControlLabel, HelpBlock } from 'rsuite';\nvar useStyles = makeStyles(function (theme) {\n var _ref;\n\n return _ref = {\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 }, _defineProperty(_ref, \"root\", {\n '&:hover': {\n backgroundColor: 'transparent'\n }\n }), _defineProperty(_ref, \"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 }), _defineProperty(_ref, \"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 }), _ref;\n});\nvar 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: 97,\n columnNumber: 12\n }\n }));\n});\n\nvar DataCheckout = function DataCheckout(_ref2) {\n var _this = this;\n\n var checkoutprofile = _ref2.checkoutprofile,\n province = _ref2.province,\n cities = _ref2.cities,\n backend = _ref2.backend,\n checkoutproduct = _ref2.checkoutproduct,\n props = _objectWithoutProperties(_ref2, [\"checkoutprofile\", \"province\", \"cities\", \"backend\", \"checkoutproduct\"]);\n\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 classes = useStyles();\n\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n open = _React$useState2[0],\n setOpen = _React$useState2[1];\n\n var handleClickOpen = function handleClickOpen() {\n setOpen(true);\n };\n\n var handleClose = function handleClose() {\n setOpen(false);\n };\n\n var rest = _extends({}, props);\n\n var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n\n var _React$useState3 = React.useState({\n order_id: \"tes note\",\n cust_name: \"\",\n cust_telp: null,\n cust_address: null,\n product_img: null,\n product_name: null,\n product_color: null,\n product_quantity: null,\n product_price: null,\n product_courier: null,\n note: \"\"\n }),\n _React$useState4 = _slicedToArray(_React$useState3, 1),\n formValue = _React$useState4[0];\n\n function GenerateID() {\n var dt = new Date().getTime();\n var uuid = 'Trx-Ord-yyyyyyyy'.replace(/[y]/g, function (c) {\n var r = (dt + Math.random() * 16) % 16 | 0;\n dt = Math.floor(dt / 16);\n return (c == 'x' ? r : r & 0x3 | 0x8).toString(16);\n });\n return uuid;\n }\n\n console.log(\"ID\", GenerateID());\n var CheckoutAlamat = checkoutprofile.map(function (data) {\n return __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 154,\n columnNumber: 13\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 155,\n columnNumber: 17\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 156,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 157,\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: 158,\n columnNumber: 25\n }\n }, \"Alamat Pengiriman\"), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 160,\n columnNumber: 38\n }\n }), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 161,\n columnNumber: 25\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 162,\n columnNumber: 29\n }\n }, __jsx(Carousel, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 163,\n columnNumber: 33\n }\n }, __jsx(\"img\", {\n src: image1,\n style: {\n width: \"1100px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 164,\n columnNumber: 37\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 164,\n columnNumber: 81\n }\n })))), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 168,\n columnNumber: 25\n }\n }, __jsx(Form, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 169,\n columnNumber: 29\n }\n }, __jsx(FormControl, {\n name: \"cust_name\",\n value: data.username,\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 170,\n columnNumber: 29\n }\n }))), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 173,\n columnNumber: 25\n }\n }, data.username), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 174,\n columnNumber: 25\n }\n }, data.telp), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 175,\n columnNumber: 25\n }\n }, data.address), __jsx(Button1, {\n color: \"info\",\n href: \"/yamaha/profile/edit-profile\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 176,\n columnNumber: 25\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 177,\n columnNumber: 29\n }\n }, \"cached\"), \"Ubah Alamat\")))));\n });\n var CheckoutProdukPesanan = checkoutproduct.map(function (data) {\n var handleChange = function handleChange(event) {\n setAge(event.target.value);\n };\n\n var handleChanges = function handleChanges(event) {\n setPengiriman(event.target.value);\n };\n\n var _React$useState5 = React.useState(''),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n age = _React$useState6[0],\n setAge = _React$useState6[1];\n\n var _React$useState7 = React.useState(''),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n pengiriman = _React$useState8[0],\n setPengiriman = _React$useState8[1];\n\n return __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 197,\n columnNumber: 13\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 198,\n columnNumber: 17\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 199,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 200,\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: 201,\n columnNumber: 25\n }\n }, \"Pesanan Produk\"), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 203,\n columnNumber: 38\n }\n }), __jsx(\"hr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 203,\n columnNumber: 47\n }\n }), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 204,\n columnNumber: 25\n }\n }, __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 205,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 206,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 207,\n columnNumber: 37\n }\n }, \"Produk Dipesan\"), __jsx(\"img\", {\n className: navImageClasses,\n width: \"200px\",\n alt: \"First slide\",\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 208,\n columnNumber: 37\n }\n }))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 211,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 212,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 213,\n columnNumber: 37\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 213,\n columnNumber: 46\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 213,\n columnNumber: 55\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 213,\n columnNumber: 64\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 213,\n columnNumber: 73\n }\n }), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 214,\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: 217,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 218,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 219,\n columnNumber: 37\n }\n }, \"Warna\"), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 219,\n columnNumber: 51\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 219,\n columnNumber: 60\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 219,\n columnNumber: 69\n }\n }), __jsx(Form, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 220,\n columnNumber: 37\n }\n }, __jsx(FormControl, {\n className: classes.formControl,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 221,\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: 222,\n columnNumber: 41\n }\n }, __jsx(MenuItem, {\n value: 10,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 228,\n columnNumber: 41\n }\n }, \"Hitam\"), __jsx(MenuItem, {\n value: 20,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 229,\n columnNumber: 41\n }\n }, \"Merah\"), __jsx(MenuItem, {\n value: 30,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 230,\n columnNumber: 41\n }\n }, \"Biru\"), __jsx(MenuItem, {\n value: 30,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 231,\n columnNumber: 41\n }\n }, \"Putih\")))))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 237,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 238,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 239,\n columnNumber: 37\n }\n }, \"Harga Satuan\"), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 239,\n columnNumber: 58\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 239,\n columnNumber: 67\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 239,\n columnNumber: 76\n }\n }), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 240,\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: 243,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 244,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 37\n }\n }, \"Jumlah Unit\"), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 57\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 66\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 75\n }\n })), __jsx(Form, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 247,\n columnNumber: 33\n }\n }, __jsx(FormControl, {\n className: classes.formControl,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 248,\n columnNumber: 33\n }\n }, __jsx(TextField, {\n id: \"outlined-number\",\n type: \"number\",\n align: \"center\",\n name: \"product_quantity\",\n InputLabelProps: {\n shrink: true\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 249,\n columnNumber: 37\n }\n })))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 261,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 262,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 263,\n columnNumber: 37\n }\n }, \"Sub Total Produk\"), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 263,\n columnNumber: 62\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 263,\n columnNumber: 71\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 263,\n columnNumber: 80\n }\n }), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 264,\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: 268,\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: 269,\n columnNumber: 29\n }\n }, __jsx(Form, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 270,\n columnNumber: 29\n }\n }, __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 271,\n columnNumber: 5\n }\n }, __jsx(ControlLabel, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 272,\n columnNumber: 7\n }\n }, \"Textarea\"), __jsx(FormControl, {\n rows: 5,\n name: \"note\",\n componentClass: \"textarea\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 273,\n columnNumber: 7\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: 277,\n columnNumber: 29\n }\n }, __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 277,\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: 278,\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: 281,\n columnNumber: 33\n }\n }, __jsx(AppBar, {\n className: classes.appBar,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 282,\n columnNumber: 37\n }\n }, __jsx(Toolbar, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 283,\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: 284,\n columnNumber: 41\n }\n }, __jsx(CloseIcon, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 285,\n columnNumber: 41\n }\n })), __jsx(Typography, {\n variant: \"h6\",\n className: classes.title,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 287,\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: 290,\n columnNumber: 41\n }\n }, \"Pilih\"))), __jsx(List, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 295,\n columnNumber: 37\n }\n }, __jsx(ListItem, {\n button: true,\n id: \"POS\",\n onChange: handleChanges,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 296,\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: 300,\n columnNumber: 41\n }\n })), __jsx(Divider, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 302,\n columnNumber: 37\n }\n }), __jsx(ListItem, {\n button: true,\n id: \"JNE\",\n onChange: handleChanges,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 303,\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: 307,\n columnNumber: 41\n }\n })), __jsx(ListItem, {\n button: true,\n id: \"TIKI\",\n onChange: handleChanges,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 309,\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: 313,\n columnNumber: 41\n }\n }))))), __jsx(Grid, {\n item: true,\n xs: true,\n align: \"right\",\n style: {\n padding: \"20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 318,\n columnNumber: 29\n }\n }, __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 318,\n columnNumber: 82\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: 330,\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: 331,\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: 332,\n columnNumber: 13\n }\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h2\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 335,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 335,\n columnNumber: 29\n }\n }, \"Checkout\")),\n align: \"center\",\n color: \"danger\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 333,\n columnNumber: 17\n }\n })), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 341,\n columnNumber: 13\n }\n }, CheckoutAlamat), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 344,\n columnNumber: 13\n }\n }, CheckoutProdukPesanan), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 347,\n columnNumber: 13\n }\n }, __jsx(GridContainer, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 348,\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: 349,\n columnNumber: 21\n }\n }, __jsx(Button1, {\n color: \"info\",\n style: {\n width: \"100%\"\n },\n onClick: function _callee(e) {\n var response, res;\n return _regeneratorRuntime.async(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return _regeneratorRuntime.awrap(fetch(\"/api/transaction/create\", {\n method: \"POST\",\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n formValue: formValue\n })\n }));\n\n case 2:\n response = _context.sent;\n\n if (!response.ok) {\n _context.next = 10;\n break;\n }\n\n _context.next = 6;\n return _regeneratorRuntime.awrap(response.json());\n\n case 6:\n res = _context.sent;\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\n _context.next = 11;\n break;\n\n case 10:\n swal(\"Transaksi Gagal\", \"Silahkan Coba Lagi\", \"error\");\n\n case 11:\n case \"end\":\n return _context.stop();\n }\n }\n }, null, null, null, Promise);\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 350,\n columnNumber: 25\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 376,\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: 380,\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: 381,\n columnNumber: 25\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 398,\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/yamaha/cart/checkout.js"],"names":["React","makeStyles","clsx","SnackbarContent","Button1","image1","GridContainer","Carousel","GridItem","classNames","swal","Icon","Grid","TextField","Button","Dialog","ListItemText","ListItem","List","Divider","AppBar","Toolbar","IconButton","Typography","CloseIcon","Slide","Select","MenuItem","Card","CardBody","Form","FormGroup","FormControl","ControlLabel","HelpBlock","useStyles","theme","root","width","button","marginTop","spacing","marginRight","actionsContainer","marginBottom","resetContainer","padding","appBar","position","title","marginLeft","flex","backgroundColor","borderRadius","height","boxShadow","backgroundImage","outline","outlineOffset","background","display","content","Transition","forwardRef","props","ref","DataCheckout","checkoutprofile","province","cities","backend","checkoutproduct","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","classes","useState","open","setOpen","handleClickOpen","handleClose","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","order_id","cust_name","cust_telp","cust_address","product_img","product_name","product_color","product_quantity","product_price","product_courier","note","formValue","GenerateID","dt","Date","getTime","uuid","replace","c","r","Math","random","floor","toString","console","log","CheckoutAlamat","map","data","textCenter","marginAuto","username","telp","address","icons","CheckoutProdukPesanan","handleChange","event","setAge","target","value","handleChanges","setPengiriman","age","pengiriman","img","name","formControl","price","shrink","section","e","fetch","method","headers","body","JSON","stringify","response","ok","json","res"],"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 Carousel from \"react-slick\";\r\nimport GridItem from \"components/Grid/GridItem.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 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\nimport { Form, FormGroup, FormControl, ControlLabel, HelpBlock } from 'rsuite';\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 ({ checkoutprofile, province, cities, backend, checkoutproduct, ...props }) {\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 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 [formValue] = React.useState({\r\n order_id: \"tes note\",\r\n cust_name: \"\",\r\n cust_telp: null,\r\n cust_address: null,\r\n product_img: null,\r\n product_name: null,\r\n product_color: null,\r\n product_quantity: null,\r\n product_price: null,\r\n product_courier: null,\r\n note: \"\",\r\n\t});\r\n\r\n function GenerateID(){\r\n var dt = new Date().getTime();\r\n var uuid = 'Trx-Ord-yyyyyyyy'.replace(/[y]/g, function(c) {\r\n var r = (dt + Math.random()*16)%16 | 0;\r\n dt = Math.floor(dt/16);\r\n return (c=='x' ? r :(r&0x3|0x8)).toString(16);\r\n });\r\n return uuid;\r\n }\r\n \r\n console.log(\"ID\",GenerateID());\r\n \r\n const CheckoutAlamat = checkoutprofile.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 <GridContainer>\r\n <GridItem className={classes.marginAuto}>\r\n <Carousel>\r\n <img src={image1} style={{width:\"1100px\"}}/><br></br>\r\n </Carousel>\r\n </GridItem>\r\n </GridContainer>\r\n <FormGroup>\r\n <Form>\r\n <FormControl name=\"cust_name\" value={data.username} type=\"text\"/>\r\n </Form>\r\n\t\t\t\t\t\t</FormGroup>\r\n <h5>{data.username}</h5>\r\n <h5>{data.telp}</h5>\r\n <h5>{data.address}</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 <Form>\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 </Form>\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 </div>\r\n <Form>\r\n <FormControl className={classes.formControl}>\r\n <TextField\r\n id=\"outlined-number\"\r\n type=\"number\"\r\n align=\"center\"\r\n name=\"product_quantity\"\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n />\r\n </FormControl>\r\n </Form>\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 <Form>\r\n <FormGroup>\r\n <ControlLabel>Textarea</ControlLabel>\r\n <FormControl rows={5} name=\"note\" componentClass=\"textarea\" />\r\n </FormGroup>\r\n </Form>\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 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 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 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\" style={{padding:\"20px\"}}><br></br>\r\n Total Rp. {data.price}\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 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 {/* <GridContainer>\r\n <Grid item xs={6} style={{padding:\"20px\"}}>\r\n <Button1 color=\"info\" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:\"100%\"}}>\r\n <Icon className={classes.icons}>attach_money</Icon>\r\n Bayar 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;"]},"metadata":{},"sourceType":"module"}