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

{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"profile\", \"user\"];\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Select from 'react-select';\nimport People from \"@material-ui/icons/People\";\nimport LocationOn from \"@material-ui/icons/LocationOn\";\nimport Lock from \"@material-ui/icons/Lock\";\nimport image1 from \"../../../assets/img/mail.png\";\nimport Carousel from \"react-slick\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nimport NavPills from \"components/NavPills/NavPills.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/pillsStyle.js\";\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nvar useStyles = makeStyles(function (theme) {\n  return {\n    root: {\n      flexGrow: 1\n    },\n    paper: {\n      padding: theme.spacing(2),\n      textAlign: 'center',\n      color: theme.palette.text.secondary\n    }\n  };\n});\n\nvar DataApparel = function DataApparel(_ref) {\n  var profile = _ref.profile,\n      user = _ref.user,\n      props = _objectWithoutProperties(_ref, _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\n  var _React$useState = React.useState(\"\"),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      pass = _React$useState2[0],\n      setPass = _React$useState2[1];\n\n  var classes = useStyles();\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 Profile = profile.map(function (data) {\n    return __jsx(NavPills, {\n      color: \"info\",\n      horizontal: {\n        tabsGrid: {\n          xs: 4,\n          sm: 3,\n          md: 3\n        },\n        contentGrid: {\n          xs: 14,\n          sm: 9,\n          md: 9\n        }\n      },\n      tabs: [{\n        tabButton: \"Profile\",\n        tabIcon: People,\n        tabContent: __jsx(Grid, {\n          container: \"container\"\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: 12\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(\"h3\", null, \"Profile Saya\"), __jsx(\"span\", null, \"Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun\"), __jsx(\"hr\", null))), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \"Username\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \": \", data.username)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \"Nama\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \": \", data.firstName)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \"Email\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \": \", data.email)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \"Nomer Telpon\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \": \", data.telp)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Button, {\n          color: \"info\",\n          round: \"round\",\n          href: \"/yamaha/profile/edit-profile?s=\" + data.id\n        }, __jsx(Icon, {\n          className: classes.icons\n        }, \"open_in_new\"), \"Edit Profile\"))\n      }, {\n        tabButton: \"Alamat\",\n        tabIcon: LocationOn,\n        tabContent: __jsx(Grid, {\n          container: \"container\"\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: 12\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(\"h3\", null, \"Alamat Saya\"), __jsx(\"span\", null, \"Kelola informasi Alamat Anda untuk Proses Pengirim Barang\")), __jsx(\"hr\", null)), __jsx(GridContainer, null, __jsx(GridItem, {\n          className: classes.marginAuto\n        }, __jsx(Carousel, null, __jsx(\"img\", {\n          src: image1,\n          style: {\n            width: \"920px\"\n          }\n        })))), __jsx(\"br\", null), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \"Nama\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \": \", data.firstName)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \"Telpon\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \": \", data.telp)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \"Alamat\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, \": \", data.address)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Button, {\n          color: \"info\",\n          round: \"round\",\n          href: \"/yamaha/product/product_detail?s=\" + data.id\n        }, __jsx(Icon, {\n          className: classes.icons\n        }, \"open_in_new\"), \"Edit Alamat\"))\n      }, {\n        tabButton: \"Ubah Password\",\n        tabIcon: Lock,\n        tabContent: __jsx(Grid, {\n          container: \"container\"\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: 12\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(\"h3\", null, \"Ubah Password\"), __jsx(\"span\", null, \"Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke orang lain\")), __jsx(\"hr\", null)), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(\"br\", null), \"Password Saat Ini\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(CustomInput, {\n          labelText: \"Password Saat Ini\",\n          id: \"pass\",\n          value: pass,\n          formControlProps: {\n            fullWidth: true\n          },\n          inputProps: {\n            onChange: function onChange(event) {\n              return setPass(event.target.value);\n            },\n            type: \"password\",\n            endAdornment: __jsx(InputAdornment, {\n              position: \"end\"\n            }, __jsx(Icon, {\n              className: classes.inputIconsColor\n            }, \"lock_outline\")),\n            autoComplete: \"off\"\n          }\n        }))), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(\"br\", null), \"Password Baru\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(CustomInput, {\n          labelText: \"Password Baru\",\n          id: \"pass\",\n          value: pass,\n          formControlProps: {\n            fullWidth: true\n          },\n          inputProps: {\n            onChange: function onChange(event) {\n              return setPass(event.target.value);\n            },\n            type: \"password\",\n            endAdornment: __jsx(InputAdornment, {\n              position: \"end\"\n            }, __jsx(Icon, {\n              className: classes.inputIconsColor\n            }, \"lock_outline\")),\n            autoComplete: \"off\"\n          }\n        }))), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(\"br\", null), \"Konfirmasi Password\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6\n        }, __jsx(\"div\", {\n          align: \"left\"\n        }, __jsx(CustomInput, {\n          labelText: \"Konfirmasi Password\",\n          id: \"pass\",\n          value: pass,\n          formControlProps: {\n            fullWidth: true\n          },\n          inputProps: {\n            onChange: function onChange(event) {\n              return setPass(event.target.value);\n            },\n            type: \"password\",\n            endAdornment: __jsx(InputAdornment, {\n              position: \"end\"\n            }, __jsx(Icon, {\n              className: classes.inputIconsColor\n            }, \"lock_outline\")),\n            autoComplete: \"off\"\n          }\n        }))), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\"\n        })), __jsx(Button, {\n          color: \"info\",\n          round: \"round\",\n          href: \"/yamaha/product/product_detail?s=\" + data.id\n        }, __jsx(Icon, {\n          className: classes.icons\n        }, \"open_in_new\"), \"Simpan\"))\n      }]\n    });\n  });\n  return __jsx(\"div\", null, __jsx(Card, {\n    className: classes.textCenter,\n    align: \"center\"\n  }, __jsx(CardBody, null, __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(\"div\", {\n    align: \"center\",\n    className: classes.section,\n    id: \"notifications\",\n    style: {\n      marginTop: \"-50px\"\n    }\n  }, __jsx(SnackbarContent, {\n    message: __jsx(\"h4\", null, \" Profile\"),\n    align: \"center\",\n    color: \"info\"\n  })), __jsx(GridContainer, null, __jsx(GridItem, {\n    className: classes.marginAuto\n  }, __jsx(Carousel, null, Profile)))), __jsx(\"br\", null), __jsx(\"br\", null))));\n};\n\nexport default DataApparel;","map":null,"metadata":{},"sourceType":"module"}