tbg-ecomm-nextjs/.next/cache/next-babel-loader/594c3cea141556d8562dbecc8981231d.json

{"ast":null,"code":"var __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\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\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, { Component, Fragment } from 'react';\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\nimport Selects from 'react-select';\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 Typography from '@material-ui/core/Typography';\nimport Slide from '@material-ui/core/Slide';\nimport Select from '@material-ui/core/Select';\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 InputLabel from '@material-ui/core/InputLabel';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport NumberFormat from 'react-number-format';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: '100%'\n  },\n  button: {\n    marginTop: theme.spacing(1),\n    marginRight: theme.spacing(1)\n  },\n  actionsContainer: {\n    marginBottom: theme.spacing(2)\n  },\n  resetContainer: {\n    padding: theme.spacing(3)\n  },\n  appBar: {\n    position: 'relative'\n  },\n  title: {\n    marginLeft: theme.spacing(2),\n    flex: 1\n  },\n  root: {\n    '&:hover': {\n      backgroundColor: 'transparent'\n    }\n  },\n  icon: {\n    borderRadius: '50%',\n    width: 16,\n    height: 16,\n    boxShadow: 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\n    backgroundColor: '#f5f8fa',\n    backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\n    '$root.Mui-focusVisible &': {\n      outline: '2px auto rgba(19,124,189,.6)',\n      outlineOffset: 2\n    },\n    'input:hover ~ &': {\n      backgroundColor: '#ebf1f5'\n    },\n    'input:disabled ~ &': {\n      boxShadow: 'none',\n      background: 'rgba(206,217,224,.5)'\n    }\n  },\n  checkedIcon: {\n    backgroundColor: '#137cbd',\n    backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\n    '&:before': {\n      display: 'block',\n      width: 16,\n      height: 16,\n      backgroundImage: 'radial-gradient(#fff,#fff 28%,transparent 32%)',\n      content: '\"\"'\n    },\n    'input:hover ~ &': {\n      backgroundColor: '#106ba3'\n    }\n  }\n}));\nconst Transition = React.forwardRef(function Transition(props, ref) {\n  return __jsx(Slide, _extends({\n    direction: \"up\",\n    ref: ref\n  }, props));\n});\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 StyledTableCell = withStyles(theme => ({\n    head: {\n      backgroundColor: theme.palette.common.black,\n      color: theme.palette.common.white\n    },\n    body: {\n      fontSize: 14\n    }\n  }))(TableCell);\n  const StyledTableRow = withStyles(theme => ({\n    root: {\n      '&:nth-of-type(odd)': {\n        backgroundColor: theme.palette.action.hover\n      }\n    }\n  }))(TableRow);\n  const settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoplay: false,\n    time: 5\n  };\n  const classes = useStyles();\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, setFormValue] = 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    status: 1\n  }); // 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  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  const CheckoutAlamat = checkoutprofile.map(data => {\n    return __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\"\n    }, __jsx(TableContainer, null, __jsx(Table, {\n      className: classes.table,\n      \"aria-label\": \"customized table\"\n    }, __jsx(TableHead, null, __jsx(TableRow, null, __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Nama Customer\"), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Email Customer\"), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"No.Telp Customer\"), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Alamat Customer\"))), __jsx(TableBody, null, __jsx(StyledTableRow, null, __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(\"b\", null, data.username)), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(\"b\", null, data.email)), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(\"b\", null, data.telp)), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(\"b\", null, data.address)))))));\n  });\n  const CheckoutProdukPesanan = checkoutproduct.map(data => {\n    const [state, setState] = React.useState({\n      warna: '',\n      name: 'hai'\n    });\n\n    const handleChange = event => {\n      const name = event.target.name;\n      setState(_objectSpread({}, state, {\n        [name]: event.target.value\n      }));\n    };\n\n    return __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\"\n    }, __jsx(TableContainer, null, __jsx(Table, {\n      className: classes.table,\n      \"aria-label\": \"customized table\"\n    }, __jsx(TableHead, null, __jsx(TableRow, null, __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Produk Dipesan\"), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Nama Produk\"), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Warna\"), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Harga Per Unit\"), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Jumlah Unit\"), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, \"Subtotal Harga\"))), __jsx(TableBody, null, __jsx(StyledTableRow, null, __jsx(StyledTableCell, null, __jsx(\"img\", {\n      className: navImageClasses,\n      width: \"200px\",\n      alt: \"First slide\",\n      src: `${backend}${data.img[0][\"url\"]}`\n    })), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(\"b\", null, data.name)), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(FormControl, {\n      variant: \"outlined\",\n      className: classes.formControl\n    }, __jsx(InputLabel, {\n      htmlFor: \"outlined-age-native-simple\"\n    }, \"Warna\"), __jsx(Select, {\n      native: true,\n      value: state.warna,\n      onChange: handleChange,\n      label: \"Warna\",\n      name: \"product_color\",\n      inputProps: {\n        name: 'warna',\n        id: 'outlined-age-native-simple'\n      },\n      onInput: e => {\n        setFormValue(_objectSpread({}, formValue, {\n          product_color: e.target.value.toString()\n        }));\n      }\n    }, __jsx(\"option\", {\n      \"aria-label\": \"None\",\n      value: \"\"\n    }), __jsx(\"option\", {\n      value: \"Hitam\"\n    }, \"Hitam\"), __jsx(\"option\", {\n      value: \"Putih\"\n    }, \"Putih\"), __jsx(\"option\", {\n      value: \"Merah\"\n    }, \"Merah\")))), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(\"h5\", null, __jsx(\"b\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })))), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(TextField, {\n      id: \"outlined-number\",\n      label: \"Number\",\n      type: \"number\",\n      name: \"quantity\",\n      InputLabelProps: {\n        shrink: true\n      },\n      onInput: e => {\n        setFormValue(_objectSpread({}, formValue, {\n          product_quantity: e.target.value\n        }));\n      },\n      variant: \"outlined\"\n    })), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(\"h5\", null, __jsx(\"b\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })))))))), __jsx(TableContainer, null, __jsx(Table, null, __jsx(TableBody, null, __jsx(TableRow, null, __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(TextField, {\n      id: \"outlined-full-width\",\n      label: \"Pesan\",\n      style: {\n        width: \"550px\"\n      },\n      placeholder: \"( Opsional ) Tinggalkan Pesan Kepada Dealer\",\n      margin: \"normal\",\n      variant: \"outlined\",\n      onInput: e => {\n        setFormValue(_objectSpread({}, formValue, {\n          note: e.target.value\n        }));\n      }\n    })), __jsx(StyledTableCell, {\n      align: \"center\"\n    }, __jsx(FormControl, {\n      variant: \"outlined\",\n      className: classes.formControl\n    }, __jsx(InputLabel, {\n      htmlFor: \"outlined-age-native-simple\"\n    }, \"Pilih Ekspedisi Pengiriman\"), __jsx(Select, {\n      native: true,\n      style: {\n        width: \"550px\"\n      },\n      value: state.age,\n      onChange: handleChange,\n      label: \"Pilih Ekspedisi Pengiriman\",\n      inputProps: {\n        name: 'age',\n        id: 'outlined-age-native-simple'\n      },\n      onInput: e => {\n        setFormValue(_objectSpread({}, formValue, {\n          product_courier: e.target.value\n        }));\n      }\n    }, __jsx(\"option\", {\n      \"aria-label\": \"None\",\n      value: \"\"\n    }), __jsx(\"option\", {\n      value: \"JNE\"\n    }, \"JNE\"), __jsx(\"option\", {\n      value: \"Antar Aja\"\n    }, \"Antar Aja\"), __jsx(\"option\", {\n      value: \"TIKI\"\n    }, \"TIKI\"))))))))));\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: \"info\"\n  })), __jsx(Form, {\n    onSubmit: async value => {\n      var 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.img,\n        product_name: checkoutproduct[0].name,\n        product_price: checkoutproduct[0].price\n      });\n\n      setFormValue(newformValue);\n      const response = await fetch(\"/api/transaction/create\", {\n        method: \"POST\",\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(newformValue)\n      });\n\n      if (response.ok) {\n        var res = await response.json();\n\n        if (res[\"STATUS\"] === 1) {\n          res[\"DATA\"][\"transaction\"];\n          swal(\"Produk Berhasil Ditambah ke Keranjang\", \"Silahkan Cek Keranjang Belanja Anda\", \"success\");\n        } else {\n          swal(\"Produk Gagal Ditambah ke Keranjang\", \"Silahkan Coba Lagi\", \"error\");\n        }\n      } else {\n        swal(\"Transaksi Gagal\", \"Silahkan Coba Lagi\", \"error\");\n      }\n    }\n  }, __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    type: \"submit\" // onClick={async function (e) {\n    //     // setFormValue({\n    //     //     cust_name : data.username,\n    //     //     ... formValue\n    //     // });\n    //\n    // }}\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"}