You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
87 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 _excluded = [\"checkoutprofile\", \"province\", \"cities\", \"backend\", \"checkoutproduct\"];\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\cart\\\\checkout.js\";\nvar __jsx = React.createElement;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\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 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 FormControl from '@material-ui/core/FormControl';\nimport { Form, FormGroup, ControlLabel, SelectPicker } from \"rsuite\";\nimport NumberFormat from 'react-number-format';\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: 100,\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, _excluded);\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 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: GenerateID(),\n cust_name: \"\",\n cust_telp: \"\",\n cust_address: \"\",\n product_img: \"\",\n product_name: \"\",\n product_color: \"\",\n product_quantity: \"\",\n product_price: \"\",\n product_courier: \"\",\n note: \"\",\n // selectPicker: 'Louisa',\n status: 1\n }),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n formValue = _React$useState4[0],\n setFormValue = _React$useState4[1]; // const [formValue, setFormValue] = React.useState({\n // order_id: \"Trx-Ord-9ab8ab88\",\n // cust_name: \"Yusmar\",\n // cust_telp: \"087797315685\",\n // cust_address: \"Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114\",\n // product_img: null,\n // product_name: \"NMAX 155\",\n // product_color: \"Red\",\n // product_quantity: \"1\",\n // product_price: \"28545000\",\n // product_courier: \"JNE\",\n // note: \"Tes\",\n // });\n\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 var CheckoutAlamat = checkoutprofile.map(function (data) {\n return __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 170,\n columnNumber: 13\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 171,\n columnNumber: 17\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 172,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 173,\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: 174,\n columnNumber: 25\n }\n }, \"Alamat Pengiriman\"), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 176,\n columnNumber: 38\n }\n }), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 177,\n columnNumber: 25\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 178,\n columnNumber: 29\n }\n }, __jsx(Carousel, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 179,\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: 180,\n columnNumber: 37\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 180,\n columnNumber: 81\n }\n })))), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 184,\n columnNumber: 25\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: 185,\n columnNumber: 29\n }\n })), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 187,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 187,\n columnNumber: 29\n }\n }, data.username.toUpperCase())), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 188,\n columnNumber: 25\n }\n }, __jsx(FormControl, {\n name: \"cust_telp\",\n value: data.telp,\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 189,\n columnNumber: 29\n }\n })), __jsx(\"h5\", {\n style: {\n marginTop: \"-20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 191,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 191,\n columnNumber: 57\n }\n }, data.telp)), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 191,\n columnNumber: 80\n }\n }), __jsx(\"h5\", {\n style: {\n marginTop: \"-20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 195,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 195,\n columnNumber: 57\n }\n }, data.email.toUpperCase())), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 196,\n columnNumber: 25\n }\n }, __jsx(ControlLabel, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 197,\n columnNumber: 29\n }\n }, \"SelectPicker\"), __jsx(FormControl, {\n name: \"selectPicker\",\n accepter: SelectPicker,\n disabled: disabled,\n readOnly: readOnly,\n plaintext: plaintext,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 198,\n columnNumber: 29\n }\n })), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 206,\n columnNumber: 25\n }\n }, __jsx(FormControl, {\n name: \"cust_address\",\n value: data.address,\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 207,\n columnNumber: 29\n }\n })), __jsx(\"h5\", {\n style: {\n marginTop: \"-20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 209,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 209,\n columnNumber: 57\n }\n }, data.address.toUpperCase())), __jsx(Button1, {\n color: \"info\",\n href: \"/yamaha/profile/edit-profile\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 210,\n columnNumber: 25\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 211,\n columnNumber: 29\n }\n }, \"cached\"), \"Ubah Alamat\")))));\n });\n var CheckoutProdukPesanan = checkoutproduct.map(function (data) {\n var handleChange = function handleChange(event) {\n setColor(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 color = _React$useState6[0],\n setColor = _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 var handleClose = function handleClose() {\n setFormValue(_objectSpread({}, formValue, {\n product_courier: pengiriman\n }));\n setOpen(false);\n };\n\n return __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 239,\n columnNumber: 13\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 240,\n columnNumber: 17\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 241,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 242,\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: 243,\n columnNumber: 25\n }\n }, \"Pesanan Produk\"), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 38\n }\n }), __jsx(\"hr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 47\n }\n }), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 246,\n columnNumber: 25\n }\n }, __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 247,\n columnNumber: 29\n }\n }, __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 248,\n columnNumber: 33\n }\n }, __jsx(FormControl, {\n name: \"product_img\",\n value: \"\".concat(backend).concat(data.img[0][\"url\"]),\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 249,\n columnNumber: 37\n }\n })), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 251,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 252,\n columnNumber: 37\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 252,\n columnNumber: 41\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: 253,\n columnNumber: 37\n }\n }))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 256,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 257,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 37\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 46\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 55\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 64\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 73\n }\n }), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 259,\n columnNumber: 41\n }\n }, __jsx(FormControl, {\n name: \"product_name\",\n value: data.name,\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 260,\n columnNumber: 45\n }\n })), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 262,\n columnNumber: 37\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 262,\n columnNumber: 41\n }\n }, data.name)))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 265,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 266,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 267,\n columnNumber: 37\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 267,\n columnNumber: 41\n }\n }, \"Warna\")), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 267,\n columnNumber: 58\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 267,\n columnNumber: 67\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 267,\n columnNumber: 76\n }\n }), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 268,\n columnNumber: 37\n }\n }, __jsx(FormControl, {\n className: classes.formControl,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 269,\n columnNumber: 41\n }\n }, __jsx(Select, {\n labelId: \"demo-simple-select-label\",\n id: \"demo-simple-select\",\n value: color,\n name: \"product_color\",\n onChange: function onChange(e) {\n setFormValue(_objectSpread({}, formValue, {\n product_color: e.target.value.toString()\n }));\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 270,\n columnNumber: 45\n }\n }, __jsx(MenuItem, {\n value: 1,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 282,\n columnNumber: 49\n }\n }, \"Hitam\"), __jsx(MenuItem, {\n value: 2,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 283,\n columnNumber: 49\n }\n }, \"Merah\"), __jsx(MenuItem, {\n value: 3,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 284,\n columnNumber: 49\n }\n }, \"Biru\"), __jsx(MenuItem, {\n value: 4,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 285,\n columnNumber: 49\n }\n }, \"Putih\")))))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 291,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 292,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 37\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 41\n }\n }, \"Harga Satuan\")), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 65\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 74\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 83\n }\n }), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 294,\n columnNumber: 37\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 295,\n columnNumber: 41\n }\n }, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 296,\n columnNumber: 45\n }\n }))))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 301,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 302,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 303,\n columnNumber: 37\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 303,\n columnNumber: 41\n }\n }, \"Jumlah Unit\")), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 303,\n columnNumber: 64\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 303,\n columnNumber: 73\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 303,\n columnNumber: 82\n }\n }), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 304,\n columnNumber: 37\n }\n }, __jsx(FormControl, {\n className: classes.formControl,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 305,\n columnNumber: 41\n }\n }, __jsx(TextField, {\n id: \"outlined-number\",\n type: \"number\",\n align: \"center\",\n name: \"quantity\",\n InputLabelProps: {\n shrink: false\n },\n onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n product_quantity: e.target.value\n }));\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 306,\n columnNumber: 45\n }\n }))))), __jsx(Grid, {\n item: true,\n xs: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 325,\n columnNumber: 29\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 326,\n columnNumber: 33\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 327,\n columnNumber: 37\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 327,\n columnNumber: 41\n }\n }, \"Sub Total Produk\")), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 327,\n columnNumber: 69\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 327,\n columnNumber: 78\n }\n }), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 327,\n columnNumber: 87\n }\n }), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 328,\n columnNumber: 37\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 328,\n columnNumber: 41\n }\n }, \"Total Rp.\", __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 328,\n columnNumber: 53\n }\n })))))), __jsx(GridContainer, {\n style: {\n padding: \"20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 332,\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: 333,\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 onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n note: e.target.value\n }));\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 334,\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: 353,\n columnNumber: 29\n }\n }, __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 353,\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: 354,\n columnNumber: 33\n }\n }, \"Pilih Opsi Pengiriman\"), __jsx(\"span\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 357,\n columnNumber: 33\n }\n }, formValue.product_courier), __jsx(Dialog, {\n fullScreen: true,\n open: open,\n onClose: handleClose,\n TransitionComponent: Transition,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 358,\n columnNumber: 33\n }\n }, __jsx(AppBar, {\n className: classes.appBar,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 359,\n columnNumber: 37\n }\n }, __jsx(Toolbar, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 360,\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: 361,\n columnNumber: 41\n }\n }, __jsx(CloseIcon, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 362,\n columnNumber: 41\n }\n })), __jsx(Typography, {\n variant: \"h6\",\n className: classes.title,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 364,\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: 367,\n columnNumber: 41\n }\n }, \"Pilih\"))), __jsx(List, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 372,\n columnNumber: 37\n }\n }, __jsx(ListItem, {\n button: true,\n id: \"POS\",\n selected: pengiriman == \"POS\",\n onClick: function onClick(e) {\n setPengiriman(\"POS\");\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 373,\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: 380,\n columnNumber: 41\n }\n })), __jsx(Divider, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 382,\n columnNumber: 37\n }\n }), __jsx(ListItem, {\n button: true,\n id: \"JNE\",\n selected: pengiriman == \"JNE\",\n onClick: function onClick(e) {\n setPengiriman(\"JNE\");\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 383,\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: 390,\n columnNumber: 41\n }\n })), __jsx(ListItem, {\n button: true,\n id: \"TIKI\",\n selected: pengiriman == \"TIKI\",\n onClick: function onClick(e) {\n setPengiriman(\"TIKI\");\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 392,\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: 399,\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: 404,\n columnNumber: 29\n }\n }, __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 404,\n columnNumber: 82\n }\n }), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 405,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 405,\n columnNumber: 37\n }\n }, \"Total Rp.\", __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 405,\n columnNumber: 49\n }\n }))), __jsx(FormGroup, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 406,\n columnNumber: 33\n }\n }, __jsx(FormControl, {\n name: \"product_price\",\n value: data.price,\n type: \"text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 407,\n columnNumber: 37\n }\n }))))))));\n });\n return __jsx(\"div\", {\n style: {\n padding: \"50px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 419,\n columnNumber: 9\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 420,\n columnNumber: 13\n }\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h2\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 423,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 423,\n columnNumber: 29\n }\n }, \"Checkout\")),\n align: \"center\",\n color: \"info\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 421,\n columnNumber: 17\n }\n })), __jsx(Form, {\n onSubmit: function _callee(value) {\n var newformValue, response, res;\n return _regeneratorRuntime.async(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n newformValue = _objectSpread({}, formValue, {\n cust_name: checkoutprofile[0].username,\n cust_telp: checkoutprofile[0].telp.toString(),\n cust_address: checkoutprofile[0].address,\n // product_img: checkoutproduct[0].img,\n product_name: checkoutproduct[0].name,\n product_price: checkoutproduct[0].price\n });\n setFormValue(newformValue);\n _context.next = 4;\n return _regeneratorRuntime.awrap(fetch(\"/api/transaction/create\", {\n method: \"POST\",\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(newformValue)\n }));\n\n case 4:\n response = _context.sent;\n\n if (!response.ok) {\n _context.next = 12;\n break;\n }\n\n _context.next = 8;\n return _regeneratorRuntime.awrap(response.json());\n\n case 8:\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 = 13;\n break;\n\n case 12:\n swal(\"Transaksi Gagal\", \"Silahkan Coba Lagi\", \"error\");\n\n case 13:\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: 429,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 466,\n columnNumber: 17\n }\n }, CheckoutAlamat), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 469,\n columnNumber: 17\n }\n }, CheckoutProdukPesanan), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 473,\n columnNumber: 17\n }\n }, __jsx(GridContainer, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 474,\n columnNumber: 21\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: 475,\n columnNumber: 25\n }\n }, __jsx(Button1, {\n color: \"info\",\n style: {\n width: \"100%\"\n },\n type: \"submit\" // onClick={async function (e) {\n // // setFormValue({\n // // cust_name : data.username,\n // // ... formValue\n // // });\n //\n // }}\n ,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 476,\n columnNumber: 29\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 486,\n columnNumber: 33\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: 490,\n columnNumber: 25\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: 491,\n columnNumber: 29\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 508,\n columnNumber: 33\n }\n }, \"attach_money\"), \"Batalkan Pesanan\"))))));\n};\n\nexport default DataCheckout;","map":{"version":3,"sources":["E:/Project/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","FormControl","Form","FormGroup","ControlLabel","SelectPicker","NumberFormat","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","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","order_id","GenerateID","cust_name","cust_telp","cust_address","product_img","product_name","product_color","product_quantity","product_price","product_courier","note","status","formValue","setFormValue","dt","Date","getTime","uuid","replace","c","r","Math","random","floor","toString","CheckoutAlamat","map","data","textCenter","marginAuto","username","toUpperCase","telp","email","disabled","readOnly","plaintext","address","icons","CheckoutProdukPesanan","handleChange","event","setColor","target","value","handleChanges","setPengiriman","color","pengiriman","handleClose","img","name","formControl","e","price","shrink","margin","section","newformValue","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 FormControl from '@material-ui/core/FormControl';\r\nimport { Form, FormGroup, ControlLabel, SelectPicker } from \"rsuite\";\r\n\r\nimport NumberFormat from 'react-number-format';\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\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, setFormValue] = React.useState({\r\n order_id: GenerateID(),\r\n cust_name: \"\",\r\n cust_telp: \"\",\r\n cust_address: \"\",\r\n product_img: \"\",\r\n product_name: \"\",\r\n product_color: \"\",\r\n product_quantity: \"\",\r\n product_price: \"\",\r\n product_courier: \"\",\r\n note: \"\",\r\n // selectPicker: 'Louisa',\r\n status : 1,\r\n\t});\r\n\r\n // const [formValue, setFormValue] = React.useState({\r\n // order_id: \"Trx-Ord-9ab8ab88\",\r\n // cust_name: \"Yusmar\",\r\n // cust_telp: \"087797315685\",\r\n // cust_address: \"Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114\",\r\n // product_img: null,\r\n // product_name: \"NMAX 155\",\r\n // product_color: \"Red\",\r\n // product_quantity: \"1\",\r\n // product_price: \"28545000\",\r\n // product_courier: \"JNE\",\r\n // note: \"Tes\",\r\n // });\r\n\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 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 <FormControl name=\"cust_name\" value={data.username} type=\"text\"/>\r\n </FormGroup>\r\n <h5><b>{data.username.toUpperCase()}</b></h5>\r\n <FormGroup>\r\n <FormControl name=\"cust_telp\" value={data.telp} type=\"text\"/>\r\n </FormGroup>\r\n <h5 style={{marginTop:\"-20px\"}}><b>{data.telp}</b></h5><br/>\r\n {/* <FormGroup>\r\n <FormControl name=\"cust_telp\" value={data.email} type=\"text\"/>\r\n </FormGroup> */}\r\n <h5 style={{marginTop:\"-20px\"}}><b>{data.email.toUpperCase()}</b></h5>\r\n <FormGroup>\r\n <ControlLabel>SelectPicker</ControlLabel>\r\n <FormControl\r\n name=\"selectPicker\"\r\n accepter={SelectPicker}\r\n disabled={disabled}\r\n readOnly={readOnly}\r\n plaintext={plaintext}\r\n />\r\n </FormGroup>\r\n <FormGroup>\r\n <FormControl name=\"cust_address\" value={data.address} type=\"text\"/>\r\n </FormGroup>\r\n <h5 style={{marginTop:\"-20px\"}}><b>{data.address.toUpperCase()}</b></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 setColor(event.target.value);\r\n };\r\n const handleChanges = (event) => {\r\n setPengiriman(event.target.value);\r\n };\r\n\r\n const [color, setColor] = React.useState('');\r\n const [pengiriman, setPengiriman] = React.useState('');\r\n const handleClose = () => {\r\n setFormValue({\r\n ...formValue,\r\n product_courier: pengiriman,\r\n })\r\n setOpen(false);\r\n };\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 <FormGroup>\r\n <FormControl name=\"product_img\" value={`${backend}${data.img[0][\"url\"]}`} type=\"text\"/>\r\n </FormGroup>\r\n <div align=\"center\">\r\n <h4><b>Produk Dipesan</b></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 <FormGroup>\r\n <FormControl name=\"product_name\" value={data.name} type=\"text\"/>\r\n </FormGroup>\r\n <h5><b>{data.name}</b></h5>\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4><b>Warna</b></h4><br></br><br></br><br></br>\r\n <FormGroup>\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={color}\r\n name=\"product_color\"\r\n onChange={(e)=>{\r\n setFormValue({\r\n ...formValue,\r\n product_color: e.target.value.toString()\r\n })\r\n }}\r\n >\r\n <MenuItem value={1}>Hitam</MenuItem>\r\n <MenuItem value={2}>Merah</MenuItem>\r\n <MenuItem value={3}>Biru</MenuItem>\r\n <MenuItem value={4}>Putih</MenuItem>\r\n </Select>\r\n </FormControl>\r\n </FormGroup>\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4><b>Harga Satuan</b></h4><br></br><br></br><br></br>\r\n <h5>\r\n <b>\r\n <NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />\r\n </b>\r\n </h5>\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4><b>Jumlah Unit</b></h4><br></br><br></br><br></br>\r\n <FormGroup>\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=\"quantity\"\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n onInput={(e)=>{\r\n setFormValue({\r\n ...formValue,\r\n product_quantity: e.target.value\r\n })\r\n }}\r\n />\r\n </FormControl>\r\n </FormGroup>\r\n </div>\r\n </Grid>\r\n <Grid item xs>\r\n <div align=\"center\">\r\n <h4><b>Sub Total Produk</b></h4><br></br><br></br><br></br>\r\n <h5><b>Total Rp.<NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b></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 onInput={(e)=>{\r\n setFormValue({\r\n ...formValue,\r\n note: e.target.value\r\n })\r\n }}\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 <span>{formValue.product_courier}</span>\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 selected={(pengiriman==\"POS\")}\r\n onClick={(e)=>{\r\n setPengiriman(\"POS\");\r\n }}\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 selected={(pengiriman==\"JNE\")}\r\n onClick={(e)=>{\r\n setPengiriman(\"JNE\");\r\n }}\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 selected={(pengiriman==\"TIKI\")}\r\n onClick={(e)=>{\r\n setPengiriman(\"TIKI\");\r\n }}\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 <h5><b>Total Rp.<NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b></h5>\r\n <FormGroup>\r\n <FormControl name=\"product_price\" value={data.price} type=\"text\"/>\r\n </FormGroup>\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 <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=\"info\"\r\n />\r\n </div>\r\n <Form\r\n onSubmit={async(value) => {\r\n var newformValue = {\r\n ...formValue,\r\n cust_name: checkoutprofile[0].username,\r\n cust_telp: checkoutprofile[0].telp.toString(),\r\n cust_address: checkoutprofile[0].address,\r\n\r\n // product_img: checkoutproduct[0].img,\r\n product_name: checkoutproduct[0].name,\r\n product_price: checkoutproduct[0].price,\r\n }\r\n setFormValue(newformValue)\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(newformValue),\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 <div>\r\n {CheckoutAlamat}\r\n </div>\r\n <div>\r\n {CheckoutProdukPesanan}\r\n </div>\r\n\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 type=\"submit\"\r\n // onClick={async function (e) {\r\n // // setFormValue({\r\n // // cust_name : data.username,\r\n // // ... formValue\r\n // // });\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 </Form>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DataCheckout;\r\n"]},"metadata":{},"sourceType":"module"}