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

{"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\", \"backend\", \"checkoutproduct\"];\nvar __jsx = React.createElement;\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nimport Button1 from \"components/CustomButtons/Button.js\";\nimport image1 from \"../../../assets/img/mail.png\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Carousel from \"react-slick\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport classNames from \"classnames\";\nimport swal from 'sweetalert';\nimport Icon from \"@material-ui/core/Icon\";\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@material-ui/core/List';\nimport Divider from '@material-ui/core/Divider';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport CloseIcon from '@material-ui/icons/Close';\nimport Slide from '@material-ui/core/Slide';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport FormControl from '@material-ui/core/FormControl';\nimport { Form, FormGroup } from \"rsuite\";\nvar useStyles = makeStyles(function (theme) {\n  var _ref;\n\n  return _ref = {\n    root: {\n      width: '100%'\n    },\n    button: {\n      marginTop: theme.spacing(1),\n      marginRight: theme.spacing(1)\n    },\n    actionsContainer: {\n      marginBottom: theme.spacing(2)\n    },\n    resetContainer: {\n      padding: theme.spacing(3)\n    },\n    appBar: {\n      position: 'relative'\n    },\n    title: {\n      marginLeft: theme.spacing(2),\n      flex: 1\n    }\n  }, _defineProperty(_ref, \"root\", {\n    '&:hover': {\n      backgroundColor: 'transparent'\n    }\n  }), _defineProperty(_ref, \"icon\", {\n    borderRadius: '50%',\n    width: 16,\n    height: 16,\n    boxShadow: 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\n    backgroundColor: '#f5f8fa',\n    backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\n    '$root.Mui-focusVisible &': {\n      outline: '2px auto rgba(19,124,189,.6)',\n      outlineOffset: 2\n    },\n    'input:hover ~ &': {\n      backgroundColor: '#ebf1f5'\n    },\n    'input:disabled ~ &': {\n      boxShadow: 'none',\n      background: 'rgba(206,217,224,.5)'\n    }\n  }), _defineProperty(_ref, \"checkedIcon\", {\n    backgroundColor: '#137cbd',\n    backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\n    '&:before': {\n      display: 'block',\n      width: 16,\n      height: 16,\n      backgroundImage: 'radial-gradient(#fff,#fff 28%,transparent 32%)',\n      content: '\"\"'\n    },\n    'input:hover ~ &': {\n      backgroundColor: '#106ba3'\n    }\n  }), _ref;\n});\nvar Transition = React.forwardRef(function Transition(props, ref) {\n  return __jsx(Slide, _extends({\n    direction: \"up\",\n    ref: ref\n  }, props));\n});\n\nvar DataCheckout = function DataCheckout(_ref2) {\n  var checkoutprofile = _ref2.checkoutprofile,\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 handleClose = function handleClose() {\n    setOpen(false);\n  };\n\n  var rest = _extends({}, props);\n\n  var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n  var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n\n  var _React$useState3 = React.useState({\n    order_id: \"Trx-Ord-Suzuki\",\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      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      formValue = _React$useState4[0],\n      setFormValue = _React$useState4[1];\n\n  function GenerateID() {\n    var dt = new Date().getTime();\n    var uuid = 'Trx-Ord-yyyyyyyy'.replace(/[y]/g, function (c) {\n      var r = (dt + Math.random() * 16) % 16 | 0;\n      dt = Math.floor(dt / 16);\n      return (c == 'x' ? r : r & 0x3 | 0x8).toString(16);\n    });\n    return uuid;\n  }\n\n  console.log(\"ID\", GenerateID());\n  var CheckoutAlamat = checkoutprofile.map(function (data) {\n    return __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\"\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Typography, {\n      variant: \"h6\",\n      align: \"left\",\n      className: classes.title\n    }, \"Alamat Pengiriman\"), __jsx(\"br\", null), __jsx(GridContainer, null, __jsx(GridItem, {\n      className: classes.marginAuto\n    }, __jsx(Carousel, null, __jsx(\"img\", {\n      src: image1,\n      style: {\n        width: \"1100px\"\n      }\n    }), __jsx(\"br\", null)))), __jsx(FormGroup, null, __jsx(FormControl, {\n      name: \"cust_name\",\n      value: data.username,\n      type: \"text\"\n    })), __jsx(\"h5\", null, data.username), __jsx(FormGroup, null, __jsx(FormControl, {\n      name: \"cust_telp\",\n      value: data.telp,\n      type: \"text\"\n    })), __jsx(\"h5\", null, data.telp), __jsx(FormGroup, null, __jsx(FormControl, {\n      name: \"cust_address\",\n      value: data.address,\n      type: \"text\"\n    })), __jsx(\"h5\", null, data.address), __jsx(Button1, {\n      color: \"info\",\n      href: \"/yamaha/profile/edit-profile\"\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"cached\"), \"Ubah Alamat\")))));\n  });\n  var CheckoutProdukPesanan = checkoutproduct.map(function (data) {\n    var handleChange = function handleChange(event) {\n      setAge(event.target.value);\n    };\n\n    var handleChanges = function handleChanges(event) {\n      setPengiriman(event.target.value);\n    };\n\n    var _React$useState5 = React.useState(''),\n        _React$useState6 = _slicedToArray(_React$useState5, 2),\n        age = _React$useState6[0],\n        setAge = _React$useState6[1];\n\n    var _React$useState7 = React.useState(''),\n        _React$useState8 = _slicedToArray(_React$useState7, 2),\n        pengiriman = _React$useState8[0],\n        setPengiriman = _React$useState8[1];\n\n    return __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\"\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Typography, {\n      variant: \"h6\",\n      align: \"left\",\n      className: classes.title\n    }, \"Pesanan Produk\"), __jsx(\"br\", null), __jsx(\"hr\", null), __jsx(GridContainer, null, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(FormGroup, null, __jsx(FormControl, {\n      name: \"product_img\",\n      value: \"\".concat(backend).concat(data.img[0][\"url\"]),\n      type: \"text\"\n    })), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h4\", null, \"Produk Dipesan\"), __jsx(\"img\", {\n      className: navImageClasses,\n      width: \"200px\",\n      alt: \"First slide\",\n      src: \"\".concat(backend).concat(data.img[0][\"url\"])\n    }))), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h4\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(FormGroup, null, __jsx(FormControl, {\n      name: \"product_name\",\n      value: data.name,\n      type: \"text\"\n    })), __jsx(\"h5\", null, data.name))), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h4\", null, \"Warna\"), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(FormGroup, null, __jsx(FormControl, {\n      className: classes.formControl\n    }, __jsx(Select, {\n      labelId: \"demo-simple-select-label\",\n      id: \"demo-simple-select\",\n      value: age,\n      name: \"product_color\",\n      onChange: handleChange\n    }, __jsx(MenuItem, {\n      value: 10\n    }, \"Hitam\"), __jsx(MenuItem, {\n      value: 20\n    }, \"Merah\"), __jsx(MenuItem, {\n      value: 30\n    }, \"Biru\"), __jsx(MenuItem, {\n      value: 30\n    }, \"Putih\")))))), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h4\", null, \"Harga Satuan\"), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"h5\", null, \"Rp.\", data.price))), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h4\", null, \"Jumlah Unit\"), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(FormGroup, null, __jsx(FormControl, {\n      className: classes.formControl\n    }, __jsx(TextField, {\n      id: \"outlined-number\",\n      type: \"number\",\n      align: \"center\",\n      name: \"quantity\",\n      InputLabelProps: {\n        shrink: false\n      }\n    }))))), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h4\", null, \"Sub Total Produk\"), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"h5\", null, \"Total Rp.\", data.price)))), __jsx(GridContainer, {\n      style: {\n        padding: \"20px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true,\n      style: {\n        padding: \"20px\"\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    })), __jsx(Grid, {\n      item: true,\n      xs: true,\n      style: {\n        padding: \"20px\"\n      }\n    }, __jsx(\"br\", null), __jsx(Button, {\n      variant: \"outlined\",\n      color: \"primary\",\n      onClick: handleClickOpen\n    }, \"Pilih Opsi Pengiriman\"), __jsx(Dialog, {\n      fullScreen: true,\n      open: open,\n      onClose: handleClose,\n      TransitionComponent: Transition\n    }, __jsx(AppBar, {\n      className: classes.appBar\n    }, __jsx(Toolbar, null, __jsx(IconButton, {\n      edge: \"start\",\n      color: \"inherit\",\n      onClick: handleClose,\n      \"aria-label\": \"close\"\n    }, __jsx(CloseIcon, null)), __jsx(Typography, {\n      variant: \"h6\",\n      className: classes.title\n    }, \"Pilih Opsi Pengiriman\"), __jsx(Button, {\n      autoFocus: true,\n      color: \"inherit\",\n      onClick: handleClose\n    }, \"Pilih\"))), __jsx(List, null, __jsx(ListItem, {\n      button: true,\n      id: \"POS\",\n      onChange: handleChanges\n    }, __jsx(ListItemText, {\n      primary: \"POS\",\n      secondary: \"Akan diterima pada tanggal 2 Apr - 6 Apr\"\n    })), __jsx(Divider, null), __jsx(ListItem, {\n      button: true,\n      id: \"JNE\",\n      onChange: handleChanges\n    }, __jsx(ListItemText, {\n      primary: \"JNE\",\n      secondary: \"Akan diterima pada tanggal 30 Mar - 2 Apr\"\n    })), __jsx(ListItem, {\n      button: true,\n      id: \"TIKI\",\n      onChange: handleChanges\n    }, __jsx(ListItemText, {\n      primary: \"TIKI\",\n      secondary: \"Akan diterima pada tanggal 1 Apr - 4 Apr, COD (Bayar di Tempat) tidak didukung\"\n    }))))), __jsx(Grid, {\n      item: true,\n      xs: true,\n      align: \"right\",\n      style: {\n        padding: \"20px\"\n      }\n    }, __jsx(\"br\", null), __jsx(\"h5\", null, \"Total Rp. \", data.price), __jsx(FormGroup, null, __jsx(FormControl, {\n      name: \"product_price\",\n      value: data.price,\n      type: \"text\"\n    }))))))));\n  });\n  return __jsx(\"div\", {\n    style: {\n      padding: \"50px\"\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    className: classes.section,\n    id: \"notifications\"\n  }, __jsx(SnackbarContent, {\n    message: __jsx(\"h2\", null, __jsx(\"b\", null, \"Checkout\")),\n    align: \"center\",\n    color: \"danger\"\n  })), __jsx(Form, {\n    onChange: function onChange(value) {\n      console.log(\"tes\", value);\n      setFormValue(value);\n    }\n  }, __jsx(\"div\", null, CheckoutAlamat), __jsx(\"div\", null, CheckoutProdukPesanan), __jsx(\"div\", null, __jsx(GridContainer, null, __jsx(Grid, {\n    item: true,\n    xs: 6,\n    style: {\n      padding: \"20px\"\n    }\n  }, __jsx(Button1, {\n    color: \"info\",\n    style: {\n      width: \"100%\"\n    },\n    onClick: function _callee(e) {\n      var response, res;\n      return _regeneratorRuntime.async(function _callee$(_context) {\n        while (1) {\n          switch (_context.prev = _context.next) {\n            case 0:\n              _context.next = 2;\n              return _regeneratorRuntime.awrap(fetch(\"/api/transaction/createHonda\", {\n                method: \"POST\",\n                headers: {\n                  'Content-Type': 'application/json'\n                },\n                body: JSON.stringify({\n                  formValue: formValue\n                })\n              }));\n\n            case 2:\n              response = _context.sent;\n\n              if (!response.ok) {\n                _context.next = 10;\n                break;\n              }\n\n              _context.next = 6;\n              return _regeneratorRuntime.awrap(response.json());\n\n            case 6:\n              res = _context.sent;\n\n              if (res[\"STATUS\"] === 1) {\n                res[\"DATA\"][\"transactionHonda\"];\n                swal(\"Produk Berhasil Ditambah ke Keranjang\", \"Silahkan Cek Keranjang Belanja Anda\", \"success\");\n              } else {\n                swal(\"Produk Gagal Ditambah ke Keranjang\", \"Silahkan Coba Lagi\", \"error\");\n              }\n\n              _context.next = 11;\n              break;\n\n            case 10:\n              swal(\"Transaksi Gagal\", \"Silahkan Coba Lagi\", \"error\");\n\n            case 11:\n            case \"end\":\n              return _context.stop();\n          }\n        }\n      }, null, null, null, Promise);\n    }\n  }, __jsx(Icon, {\n    className: classes.icons\n  }, \"attach_money\"), \"Buat Pesanan\")), __jsx(Grid, {\n    item: true,\n    xs: 6,\n    style: {\n      padding: \"20px\"\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  }, __jsx(Icon, {\n    className: classes.icons\n  }, \"attach_money\"), \"Batalkan Pesanan\"))))));\n};\n\nexport default DataCheckout;","map":null,"metadata":{},"sourceType":"module"}