tbg-ecomm-nextjs/.next/cache/next-babel-loader/12ead0a3ce6b5c80c6a3511e1430c683.json

{"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\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 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';\nconst useStyles = makeStyles(theme => ({\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\nconst DataApparel = function (_ref) {\n  let {\n    profile,\n    user\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"profile\", \"user\"]);\n\n  const [pass, setPass] = React.useState(\"\");\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 Profile = profile.map(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/product/product_detail?s=\"\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(\"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=\"\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: event => setPass(event.target.value),\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: event => setPass(event.target.value),\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: event => setPass(event.target.value),\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=\"\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, {\n    justify: \"center\",\n    style: {\n      padding: \"10px\"\n    }\n  }, Profile)), __jsx(\"br\", null), __jsx(\"br\", null))));\n};\n\nexport default DataApparel;","map":null,"metadata":{},"sourceType":"module"}