You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
12 KiB

  1. {"ast":null,"code":"var __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nimport Button1 from \"components/CustomButtons/Button.js\";\nimport image1 from \"../../../assets/img/mail.png\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport 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\";\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}));\n\nfunction StyledRadio(props) {\n const 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\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 midtransClient,\n backend,\n checkoutproduct,\n transactionToken\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"midtransClient\", \"backend\", \"checkoutproduct\", \"transactionToken\"]);\n\n console.log('Token :', transactionToken);\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const rest = Object.assign({}, props);\n const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n const CheckoutAlamat = checkoutproduct.map(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 const CheckoutProdukPesanan = checkoutproduct.map(data => {\n const handleChange = event => {\n setAge(event.target.value);\n };\n\n const [age, setAge] = React.useState('');\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: `${backend}${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: 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"}