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

{"ast":null,"code":"import _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 __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 classNames from \"classnames\";\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 Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormControl from '@material-ui/core/FormControl';\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\";\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});\n\nfunction StyledRadio(props) {\n  var classes = useStyles();\n  return __jsx(Radio, _extends({\n    className: classes.root,\n    disableRipple: true,\n    color: \"default\",\n    checkedIcon: __jsx(\"span\", {\n      className: clsx(classes.icon, classes.checkedIcon)\n    }),\n    icon: __jsx(\"span\", {\n      className: classes.icon\n    })\n  }, props));\n}\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 midtransClient = _ref2.midtransClient,\n      backend = _ref2.backend,\n      checkoutproduct = _ref2.checkoutproduct,\n      transactionToken = _ref2.transactionToken,\n      props = _objectWithoutProperties(_ref2, [\"midtransClient\", \"backend\", \"checkoutproduct\", \"transactionToken\"]);\n\n  console.log('Token :', transactionToken);\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  var CheckoutAlamat = checkoutproduct.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(\"img\", {\n      src: image1,\n      style: {\n        width: \"1100px\"\n      }\n    }), __jsx(\"br\", null), __jsx(\"h5\", null, \"Yusmar\"), __jsx(\"h5\", null, \"087797315685\"), __jsx(\"h5\", null, \"Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114\"), __jsx(Button1, {\n      color: \"info\",\n      href: \"/yamaha/profile/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 _React$useState3 = React.useState(''),\n        _React$useState4 = _slicedToArray(_React$useState3, 2),\n        age = _React$useState4[0],\n        setAge = _React$useState4[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(\"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(\"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(FormControl, {\n      className: classes.formControl\n    }, __jsx(Select, {\n      labelId: \"demo-simple-select-label\",\n      id: \"demo-simple-select\",\n      value: age,\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(FormControl, {\n      className: classes.formControl\n    }, __jsx(TextField, {\n      id: \"outlined-number\",\n      type: \"number\",\n      align: \"center\",\n      InputLabelProps: {\n        shrink: true\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    }, __jsx(ListItemText, {\n      primary: \"Reguler\",\n      secondary: \"Akan diterima pada tanggal 2 Apr - 6 Apr\"\n    })), __jsx(Divider, null), __jsx(ListItem, {\n      button: true\n    }, __jsx(ListItemText, {\n      primary: \"Kargo\",\n      secondary: \"Akan diterima pada tanggal 30 Mar - 2 Apr\"\n    })), __jsx(ListItem, {\n      button: true\n    }, __jsx(ListItemText, {\n      primary: \"Hemat\",\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), \"Total Rp. \", data.price))))));\n  });\n  return __jsx(\"div\", {\n    style: {\n      padding: \"50px\"\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  }), __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(\"div\", null, CheckoutAlamat), __jsx(\"div\", null, CheckoutProdukPesanan), __jsx(\"div\", null, __jsx(Card, {\n    className: classes.textCenter,\n    align: \"center\"\n  }, __jsx(CardBody, null, __jsx(\"div\", {\n    style: {\n      padding: \"10px\"\n    }\n  }, __jsx(Button1, {\n    color: \"info\",\n    onClick: function onClick(e) {\n      snap.pay(transactionToken);\n    },\n    style: {\n      width: \"100%\"\n    }\n  }, __jsx(Icon, {\n    className: classes.icons\n  }, \"attach_money\"), \"Bayar Pesanan\"))))));\n};\n\nexport default DataCheckout;","map":null,"metadata":{},"sourceType":"module"}