tbg-ecomm-nextjs/.next/cache/next-babel-loader/07ff4915cbc53f16a5cda57e08e1f949.json

{"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\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 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 { FormGroup } from \"rsuite\";\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: 37,\n      columnNumber: 12\n    }\n  }));\n});\n\nconst DataCheckout = function (_ref) {\n  let {\n    checkoutprofile,\n    province,\n    cities,\n    backend,\n    checkoutproduct\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"checkoutprofile\", \"province\", \"cities\", \"backend\", \"checkoutproduct\"]);\n\n  const settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoplay: true,\n    time: 5\n  };\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 [formValue] = React.useState({\n    order_id: GenerateID,\n    cust_name: \"tes\",\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: null\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  console.log(\"ID\", GenerateID());\n  const CheckoutAlamat = checkoutprofile.map(data => {\n    return __jsx(\"div\", {\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 95,\n        columnNumber: 17\n      }\n    }, __jsx(CardBody, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 96,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      },\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 97,\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: 98,\n        columnNumber: 25\n      }\n    }, \"Alamat Pengiriman\"), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 100,\n        columnNumber: 38\n      }\n    }), __jsx(GridContainer, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 25\n      }\n    }, __jsx(GridItem, {\n      className: classes.marginAuto,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 102,\n        columnNumber: 29\n      }\n    }, __jsx(Carousel, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 103,\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: 104,\n        columnNumber: 37\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 81\n      }\n    })))), __jsx(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 108,\n        columnNumber: 25\n      }\n    }, data.username), __jsx(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 109,\n        columnNumber: 25\n      }\n    }, data.telp), __jsx(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\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: 111,\n        columnNumber: 25\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\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: 132,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 17\n      }\n    }, __jsx(CardBody, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      },\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\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: 136,\n        columnNumber: 25\n      }\n    }, \"Pesanan Produk\"), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 38\n      }\n    }), __jsx(\"hr\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 47\n      }\n    }), __jsx(GridContainer, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 139,\n        columnNumber: 25\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 141,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 142,\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: 143,\n        columnNumber: 37\n      }\n    }))), __jsx(Grid, {\n      item: true,\n      xs: true,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 37\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 46\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 55\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 64\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 73\n      }\n    }), __jsx(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\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: 152,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 153,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 154,\n        columnNumber: 37\n      }\n    }, \"Warna\"), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 154,\n        columnNumber: 51\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 154,\n        columnNumber: 60\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 154,\n        columnNumber: 69\n      }\n    }), __jsx(FormControl, {\n      className: classes.formControl,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 155,\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: 156,\n        columnNumber: 41\n      }\n    }, __jsx(MenuItem, {\n      value: 10,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 162,\n        columnNumber: 41\n      }\n    }, \"Hitam\"), __jsx(MenuItem, {\n      value: 20,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 41\n      }\n    }, \"Merah\"), __jsx(MenuItem, {\n      value: 30,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 164,\n        columnNumber: 41\n      }\n    }, \"Biru\"), __jsx(MenuItem, {\n      value: 30,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 41\n      }\n    }, \"Putih\"))))), __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    }, \"Harga Satuan\"), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172,\n        columnNumber: 58\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172,\n        columnNumber: 67\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172,\n        columnNumber: 76\n      }\n    }), __jsx(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173,\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: 176,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 177,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178,\n        columnNumber: 37\n      }\n    }, \"Jumlah Unit\"), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178,\n        columnNumber: 57\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178,\n        columnNumber: 66\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178,\n        columnNumber: 75\n      }\n    }))), __jsx(Grid, {\n      item: true,\n      xs: true,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 181,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 182,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 183,\n        columnNumber: 37\n      }\n    }, \"Sub Total Produk\"), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 183,\n        columnNumber: 62\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 183,\n        columnNumber: 71\n      }\n    }), __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 183,\n        columnNumber: 80\n      }\n    }), __jsx(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 184,\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: 188,\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: 189,\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: 190,\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: 203,\n        columnNumber: 29\n      }\n    }, __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\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: 204,\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: 207,\n        columnNumber: 33\n      }\n    }, __jsx(AppBar, {\n      className: classes.appBar,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 37\n      }\n    }, __jsx(Toolbar, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 209,\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: 210,\n        columnNumber: 41\n      }\n    }, __jsx(CloseIcon, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 211,\n        columnNumber: 41\n      }\n    })), __jsx(Typography, {\n      variant: \"h6\",\n      className: classes.title,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\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: 216,\n        columnNumber: 41\n      }\n    }, \"Pilih\"))), __jsx(List, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\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: 222,\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: 226,\n        columnNumber: 41\n      }\n    })), __jsx(Divider, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 228,\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: 229,\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: 233,\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: 235,\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: 239,\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: 244,\n        columnNumber: 29\n      }\n    }, __jsx(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 244,\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: 256,\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: 257,\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: 258,\n      columnNumber: 13\n    }\n  }, __jsx(SnackbarContent, {\n    message: __jsx(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 261,\n        columnNumber: 25\n      }\n    }, __jsx(\"b\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 261,\n        columnNumber: 29\n      }\n    }, \"Checkout\")),\n    align: \"center\",\n    color: \"danger\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 259,\n      columnNumber: 17\n    }\n  })), __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 267,\n      columnNumber: 13\n    }\n  }, CheckoutAlamat), __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 270,\n      columnNumber: 13\n    }\n  }, CheckoutProdukPesanan), __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 273,\n      columnNumber: 13\n    }\n  }, __jsx(GridContainer, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 274,\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: 275,\n      columnNumber: 21\n    }\n  }, __jsx(Button1, {\n    color: \"info\",\n    style: {\n      width: \"100%\"\n    },\n    onClick: async function (e) {\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(\"Berhasil Ditambah Ke Keranjang\", `${res[\"DATA\"].message || res[\"DATA\"]}`, \"success\");\n        } else {\n          swal(\"Transaksi Gagal\", `${res[\"DATA\"].message || res[\"DATA\"]}`, \"error\");\n        }\n      } else {\n        alert(`Transaksi Gagal 2. ${response.statusText} `);\n      }\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 276,\n      columnNumber: 25\n    }\n  }, __jsx(Icon, {\n    className: classes.icons,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 302,\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: 306,\n      columnNumber: 21\n    }\n  }, __jsx(Button1, {\n    color: \"danger\",\n    style: {\n      width: \"100%\"\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: 308,\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","FormControl","FormGroup","Transition","forwardRef","props","ref","DataCheckout","checkoutprofile","province","cities","backend","checkoutproduct","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","classes","useStyles","open","setOpen","useState","handleClickOpen","handleClose","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","formValue","order_id","GenerateID","cust_name","cust_telp","cust_address","product_img","product_name","product_color","product_quantity","product_price","product_courier","note","dt","Date","getTime","uuid","replace","c","r","Math","random","floor","toString","console","log","CheckoutAlamat","map","data","textCenter","padding","title","marginAuto","width","username","telp","address","icons","CheckoutProdukPesanan","handleChange","event","setAge","target","value","handleChanges","setPengiriman","age","pengiriman","img","name","formControl","price","margin","shrink","appBar","section","e","response","fetch","method","headers","body","JSON","stringify","ok","res","json","message","alert","statusText"],"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 { FormGroup } from \"rsuite\";\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: GenerateID,\r\n        cust_name: \"tes\",\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: null,\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                        <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                                    <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                                </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                                        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(\"Berhasil Ditambah Ke Keranjang\", `${res[\"DATA\"].message || res[\"DATA\"] }`, \"success\");\r\n                                    } \r\n                                    else {\r\n                                        swal(\"Transaksi Gagal\", `${res[\"DATA\"].message || res[\"DATA\"] }`, \"error\");\r\n                                    }\r\n                                } else {\r\n                                    alert(`Transaksi Gagal 2. ${response.statusText} `);\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                            <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"}