yusmar
/
tbg-ecomm-nextjs
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
70 Révisions
1 Branche
204 MiB
 
 
Aborescence: 866b75d72f
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '866b75d72f'
${ noResults }
tbg-ecomm-nextjs/.next/cache/next-babel-loader/b3cb3a534fd79a5cd0ce720b79b...

1 ligne
57 KiB
Brut Annotations Historique 

  1. {"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 _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\suzuki\\\\cart\\\\checkout.js\";\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 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});\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: 94,\n      columnNumber: 12\n    }\n  }));\n});\n\nvar DataCheckout = function DataCheckout(_ref2) {\n  var _this = this;\n\n  var province = _ref2.province,\n      cities = _ref2.cities,\n      midtransClient = _ref2.midtransClient,\n      backend = _ref2.backend,\n      checkoutproduct = _ref2.checkoutproduct,\n      transactionToken = _ref2.transactionToken,\n      props = _objectWithoutProperties(_ref2, [\"province\", \"cities\", \"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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 117,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 17\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 119,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\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: 121,\n        columnNumber: 25\n      }\n    }, \"Alamat Pengiriman\"), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 123,\n        columnNumber: 38\n      }\n    }), __jsx(\"img\", {\n      src: image1,\n      style: {\n        width: \"1100px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 124,\n        columnNumber: 25\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 124,\n        columnNumber: 69\n      }\n    }), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 125,\n        columnNumber: 25\n      }\n    }, \"Yusmar\"), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 25\n      }\n    }, \"087797315685\"), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 127,\n        columnNumber: 25\n      }\n    }, \"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/edit-profile\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 128,\n        columnNumber: 25\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 129,\n        columnNumber: 29\n      }\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$useState3 = React.useState(''),\n        _React$useState4 = _slicedToArray(_React$useState3, 2),\n        age = _React$useState4[0],\n        setAge = _React$useState4[1];\n\n    var _React$useState5 = React.useState(''),\n        _React$useState6 = _slicedToArray(_React$useState5, 2),\n        pengiriman = _React$useState6[0],\n        setPengiriman = _React$useState6[1];\n\n    return __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 17\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 151,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 152,\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: 153,\n        columnNumber: 25\n      }\n    }, \"Pesanan Produk\"), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 155,\n        columnNumber: 38\n      }\n    }), __jsx(\"hr\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 155,\n        columnNumber: 47\n      }\n    }), __jsx(GridContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 156,\n        columnNumber: 25\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 157,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 158,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 37\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: 160,\n        columnNumber: 37\n      }\n    }))), __jsx(Grid, {\n      item: true,\n      xs: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 164,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 37\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 46\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 55\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 64\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 73\n      }\n    }), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 166,\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: 169,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 170,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 37\n      }\n    }, \"Warna\"), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 51\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 60\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 69\n      }\n    }), __jsx(FormControl, {\n      className: classes.formControl,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172,\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: 173,\n        columnNumber: 41\n      }\n    }, __jsx(MenuItem, {\n      value: 10,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179,\n        columnNumber: 41\n      }\n    }, \"Hitam\"), __jsx(MenuItem, {\n      value: 20,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 180,\n        columnNumber: 41\n      }\n    }, \"Merah\"), __jsx(MenuItem, {\n      value: 30,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 181,\n        columnNumber: 41\n      }\n    }, \"Biru\"), __jsx(MenuItem, {\n      value: 30,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 182,\n        columnNumber: 41\n      }\n    }, \"Putih\"))))), __jsx(Grid, {\n      item: true,\n      xs: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 187,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 188,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 189,\n        columnNumber: 37\n      }\n    }, \"Harga Satuan\"), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 189,\n        columnNumber: 58\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 189,\n        columnNumber: 67\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 189,\n        columnNumber: 76\n      }\n    }), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 190,\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: 193,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 194,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 37\n      }\n    }, \"Jumlah Unit\"), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 57\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 66\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 75\n      }\n    }), __jsx(FormControl, {\n      className: classes.formControl,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 196,\n        columnNumber: 37\n      }\n    }, __jsx(TextField, {\n      id: \"outlined-number\",\n      type: \"number\",\n      align: \"center\",\n      InputLabelProps: {\n        shrink: true\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 197,\n        columnNumber: 41\n      }\n    })))), __jsx(Grid, {\n      item: true,\n      xs: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 29\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 209,\n        columnNumber: 33\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 210,\n        columnNumber: 37\n      }\n    }, \"Sub Total Produk\"), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 210,\n        columnNumber: 62\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 210,\n        columnNumber: 71\n      }\n    }), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 210,\n        columnNumber: 80\n      }\n    }), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 211,\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: 215,\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: 216,\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: 217,\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: 230,\n        columnNumber: 29\n      }\n    }, __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 230,\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: 231,\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: 234,\n        columnNumber: 33\n      }\n    }, __jsx(AppBar, {\n      className: classes.appBar,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 235,\n        columnNumber: 37\n      }\n    }, __jsx(Toolbar, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 236,\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: 237,\n        columnNumber: 41\n      }\n    }, __jsx(CloseIcon, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 238,\n        columnNumber: 41\n      }\n    })), __jsx(Typography, {\n      variant: \"h6\",\n      className: classes.title,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 240,\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: 243,\n        columnNumber: 41\n      }\n    }, \"Pilih\"))), __jsx(List, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 248,\n        columnNumber: 37\n      }\n    }, __jsx(ListItem, {\n      button: true,\n      id: \"POS\",\n      value: pengiriman,\n      onChange: handleChanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 249,\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: 254,\n        columnNumber: 41\n      }\n    })), __jsx(Divider, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 256,\n        columnNumber: 37\n      }\n    }), __jsx(ListItem, {\n      button: true,\n      id: \"JNE\",\n      value: pengiriman,\n      onChange: handleChanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 257,\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: 262,\n        columnNumber: 41\n      }\n    })), __jsx(ListItem, {\n      button: true,\n      id: \"TIKI\",\n      value: pengiriman,\n      onChange: handleChanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 264,\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: 269,\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: 274,\n        columnNumber: 29\n      }\n    }, __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 274,\n        columnNumber: 82\n      }\n    }), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 275,\n        columnNumber: 33\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: 286,\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: 287,\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: 288,\n      columnNumber: 13\n    }\n  }, __jsx(SnackbarContent, {\n    message: __jsx(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 291,\n        columnNumber: 25\n      }\n    }, __jsx(\"b\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 291,\n        columnNumber: 29\n      }\n    }, \"Checkout\")),\n    align: \"center\",\n    color: \"danger\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 289,\n      columnNumber: 17\n    }\n  })), __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 297,\n      columnNumber: 13\n    }\n  }, CheckoutAlamat), __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 300,\n      columnNumber: 13\n    }\n  }, CheckoutProdukPesanan), __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 303,\n      columnNumber: 13\n    }\n  }, __jsx(Card, {\n    className: classes.textCenter,\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 304,\n      columnNumber: 17\n    }\n  }, __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 305,\n      columnNumber: 21\n    }\n  }, __jsx(GridContainer, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 320,\n      columnNumber: 25\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: 321,\n      columnNumber: 29\n    }\n  }, __jsx(Button1, {\n    color: \"info\",\n    onClick: function onClick(e) {\n      snap.pay(transactionToken);\n    },\n    style: {\n      width: \"100%\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 322,\n      columnNumber: 33\n    }\n  }, __jsx(Icon, {\n    className: classes.icons,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 323,\n      columnNumber: 37\n    }\n  }, \"attach_money\"), \"Bayar Pesanan\")))))));\n};\n\nexport default DataCheckout;","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/suzuki/cart/checkout.js"],"names":["React","makeStyles","clsx","SnackbarContent","Button1","image1","GridContainer","classNames","Icon","Grid","TextField","Button","Dialog","ListItemText","ListItem","List","Divider","AppBar","Toolbar","IconButton","Typography","CloseIcon","Slide","FormControl","Select","MenuItem","Card","CardBody","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","province","cities","midtransClient","backend","checkoutproduct","transactionToken","console","log","classes","useState","open","setOpen","handleClickOpen","handleClose","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","CheckoutAlamat","map","data","textCenter","icons","CheckoutProdukPesanan","handleChange","event","setAge","target","value","handleChanges","setPengiriman","age","pengiriman","img","name","formControl","price","shrink","margin","section","e","snap","pay"],"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 classNames from \"classnames\";\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 FormControl from '@material-ui/core/FormControl';\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\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 ({ province, cities, midtransClient, backend, checkoutproduct, transactionToken,  ...props }) {\r\n    console.log('Token :',transactionToken);\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 CheckoutAlamat = checkoutproduct.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                        <img src={image1} style={{width:\"1100px\"}}/><br></br>\r\n                        <h5>Yusmar</h5>\r\n                        <h5>087797315685</h5>\r\n                        <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</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                                    <FormControl className={classes.formControl}>\r\n                                        <TextField\r\n                                            id=\"outlined-number\"\r\n                                            type=\"number\"\r\n                                            align=\"center\"\r\n                                            InputLabelProps={{\r\n                                                shrink: true,\r\n                                            }}\r\n                                        />\r\n                                    </FormControl>\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                                        value={pengiriman}\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                                        value={pengiriman}\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                                        value={pengiriman}\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                                <h5>Total Rp. {data.price}</h5>\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                <Card className={classes.textCenter} align=\"center\">\r\n                    <CardBody>\r\n                        {/* <GridContainer>\r\n                            <Grid item xs={6} style={{padding:\"20px\"}}>\r\n                                <Button1 color=\"info\" href=\"/yamaha/order/order\"> \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\" onClick={(e)=>{snap.pay(transactionToken);}} 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                            {/* <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                    </CardBody>\r\n                </Card>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default DataCheckout;\r\n"]},"metadata":{},"sourceType":"module"}