tbg-ecomm-nextjs/.next/cache/next-babel-loader/866541fc4856dd33c07f47f729302dde.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 _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\profile\\\\profile.js\";\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 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 _this = this;\n\n  var profile = _ref.profile,\n      user = _ref.user,\n      props = _objectWithoutProperties(_ref, [\"profile\", \"user\"]);\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          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 72,\n            columnNumber: 29\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: 12,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 73,\n            columnNumber: 33\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 74,\n            columnNumber: 37\n          }\n        }, __jsx(\"h3\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 75,\n            columnNumber: 41\n          }\n        }, \"Profile Saya\"), __jsx(\"span\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 76,\n            columnNumber: 41\n          }\n        }, \"Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun\"), __jsx(\"hr\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 77,\n            columnNumber: 41\n          }\n        }))), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 80,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 85,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 86,\n            columnNumber: 41\n          }\n        }, \"Username\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 90,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 91,\n            columnNumber: 41\n          }\n        }, \": \", data.username)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 95,\n            columnNumber: 37\n          }\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 97,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 102,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 103,\n            columnNumber: 41\n          }\n        }, \"Nama\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 107,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 108,\n            columnNumber: 41\n          }\n        }, \": \", data.firstName)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 112,\n            columnNumber: 37\n          }\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 114,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 119,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 120,\n            columnNumber: 41\n          }\n        }, \"Email\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 124,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 125,\n            columnNumber: 41\n          }\n        }, \": \", data.email)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 129,\n            columnNumber: 37\n          }\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 131,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 136,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 137,\n            columnNumber: 41\n          }\n        }, \"Nomer Telpon\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 141,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 142,\n            columnNumber: 41\n          }\n        }, \": \", data.telp)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 146,\n            columnNumber: 37\n          }\n        })), __jsx(Button, {\n          color: \"info\",\n          round: \"round\",\n          href: \"/yamaha/profile/edit-profile?s=\" + data.id,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 148,\n            columnNumber: 33\n          }\n        }, __jsx(Icon, {\n          className: classes.icons,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 149,\n            columnNumber: 37\n          }\n        }, \"open_in_new\"), \"Edit Profile\"))\n      }, {\n        tabButton: \"Alamat\",\n        tabIcon: LocationOn,\n        tabContent: __jsx(Grid, {\n          container: \"container\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 157,\n            columnNumber: 29\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: 12,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 158,\n            columnNumber: 33\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 159,\n            columnNumber: 37\n          }\n        }, __jsx(\"h3\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 160,\n            columnNumber: 41\n          }\n        }, \"Alamat Saya\"), __jsx(\"span\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 161,\n            columnNumber: 41\n          }\n        }, \"Kelola informasi Alamat Anda untuk Proses Pengirim Barang\")), __jsx(\"hr\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 163,\n            columnNumber: 37\n          }\n        })), __jsx(\"img\", {\n          src: image1,\n          style: {\n            width: \"920px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 165,\n            columnNumber: 33\n          }\n        }), __jsx(\"br\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 170,\n            columnNumber: 33\n          }\n        }), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 171,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 176,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 177,\n            columnNumber: 41\n          }\n        }, \"Nama\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 181,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 182,\n            columnNumber: 41\n          }\n        }, \": \", data.firstName)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 186,\n            columnNumber: 37\n          }\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 188,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 193,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 194,\n            columnNumber: 41\n          }\n        }, \"Telpon\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 198,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 199,\n            columnNumber: 41\n          }\n        }, \": \", data.telp)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 203,\n            columnNumber: 37\n          }\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 205,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 210,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 211,\n            columnNumber: 41\n          }\n        }, \"Alamat\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 215,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 216,\n            columnNumber: 41\n          }\n        }, \": \", data.address)), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 220,\n            columnNumber: 37\n          }\n        })), __jsx(Button, {\n          color: \"info\",\n          round: \"round\",\n          href: \"/yamaha/product/product_detail?s=\" + data.id,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 222,\n            columnNumber: 33\n          }\n        }, __jsx(Icon, {\n          className: classes.icons,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 223,\n            columnNumber: 37\n          }\n        }, \"open_in_new\"), \"Edit Alamat\"))\n      }, {\n        tabButton: \"Ubah Password\",\n        tabIcon: Lock,\n        tabContent: __jsx(Grid, {\n          container: \"container\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 231,\n            columnNumber: 29\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: 12,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 232,\n            columnNumber: 33\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 233,\n            columnNumber: 37\n          }\n        }, __jsx(\"h3\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 234,\n            columnNumber: 41\n          }\n        }, \"Ubah Password\"), __jsx(\"span\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 235,\n            columnNumber: 41\n          }\n        }, \"Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke orang lain\")), __jsx(\"hr\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 238,\n            columnNumber: 37\n          }\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 240,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 245,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 246,\n            columnNumber: 41\n          }\n        }, __jsx(\"br\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 247,\n            columnNumber: 45\n          }\n        }), \"Password Saat Ini\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 251,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 252,\n            columnNumber: 41\n          }\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              __self: _this,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 264,\n                columnNumber: 57\n              }\n            }, __jsx(Icon, {\n              className: classes.inputIconsColor,\n              __self: _this,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 265,\n                columnNumber: 61\n              }\n            }, \"lock_outline\")),\n            autoComplete: \"off\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 253,\n            columnNumber: 45\n          }\n        }))), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 274,\n            columnNumber: 37\n          }\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 276,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 281,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 282,\n            columnNumber: 41\n          }\n        }, __jsx(\"br\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 283,\n            columnNumber: 45\n          }\n        }), \"Password Baru\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 287,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 288,\n            columnNumber: 41\n          }\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              __self: _this,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 300,\n                columnNumber: 57\n              }\n            }, __jsx(Icon, {\n              className: classes.inputIconsColor,\n              __self: _this,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 301,\n                columnNumber: 61\n              }\n            }, \"lock_outline\")),\n            autoComplete: \"off\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 289,\n            columnNumber: 45\n          }\n        }))), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 310,\n            columnNumber: 37\n          }\n        })), __jsx(Grid, {\n          container: \"container\",\n          style: {\n            padding: \"10px\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 312,\n            columnNumber: 33\n          }\n        }, __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 317,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 318,\n            columnNumber: 41\n          }\n        }, __jsx(\"br\", {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 319,\n            columnNumber: 45\n          }\n        }), \"Konfirmasi Password\")), __jsx(Grid, {\n          item: \"item\",\n          xs: 6,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 323,\n            columnNumber: 37\n          }\n        }, __jsx(\"div\", {\n          align: \"left\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 324,\n            columnNumber: 41\n          }\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              __self: _this,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 336,\n                columnNumber: 57\n              }\n            }, __jsx(Icon, {\n              className: classes.inputIconsColor,\n              __self: _this,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 337,\n                columnNumber: 61\n              }\n            }, \"lock_outline\")),\n            autoComplete: \"off\"\n          },\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 325,\n            columnNumber: 45\n          }\n        }))), __jsx(Grid, {\n          item: \"item\",\n          xs: \"xs\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 346,\n            columnNumber: 37\n          }\n        })), __jsx(Button, {\n          color: \"info\",\n          round: \"round\",\n          href: \"/yamaha/product/product_detail?s=\" + data.id,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 348,\n            columnNumber: 33\n          }\n        }, __jsx(Icon, {\n          className: classes.icons,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 349,\n            columnNumber: 37\n          }\n        }, \"open_in_new\"), \"Simpan\"))\n      }],\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 13\n      }\n    });\n  });\n  return __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 359,\n      columnNumber: 9\n    }\n  }, __jsx(Card, {\n    className: classes.textCenter,\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 360,\n      columnNumber: 13\n    }\n  }, __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 361,\n      columnNumber: 17\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 362,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    className: classes.section,\n    id: \"notifications\",\n    style: {\n      marginTop: \"-50px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 363,\n      columnNumber: 25\n    }\n  }, __jsx(SnackbarContent, {\n    message: __jsx(\"h4\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 370,\n        columnNumber: 55\n      }\n    }, \" Profile\"),\n    align: \"center\",\n    color: \"info\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 370,\n      columnNumber: 29\n    }\n  })), __jsx(GridContainer, {\n    justify: \"center\",\n    style: {\n      padding: \"10px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 372,\n      columnNumber: 25\n    }\n  }, Profile)), __jsx(\"br\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 380,\n      columnNumber: 21\n    }\n  }), __jsx(\"br\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 381,\n      columnNumber: 21\n    }\n  }))));\n};\n\nexport default DataApparel;","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/yamaha/profile/profile.js"],"names":["React","classNames","makeStyles","Select","People","LocationOn","Lock","image1","CustomInput","InputAdornment","Button","Icon","Card","CardBody","GridContainer","SnackbarContent","NavPills","styles","Grid","Paper","useStyles","theme","root","flexGrow","paper","padding","spacing","textAlign","color","palette","text","secondary","DataApparel","profile","user","props","useState","pass","setPass","classes","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","Profile","map","data","tabsGrid","xs","sm","md","contentGrid","tabButton","tabIcon","tabContent","username","firstName","email","telp","id","icons","width","address","fullWidth","onChange","event","target","value","type","endAdornment","inputIconsColor","autoComplete","textCenter","section","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport {makeStyles} from \"@material-ui/core/styles\";\r\nimport Select from 'react-select';\r\n\r\nimport People from \"@material-ui/icons/People\";\r\nimport LocationOn from \"@material-ui/icons/LocationOn\";\r\nimport Lock from \"@material-ui/icons/Lock\";\r\nimport image1 from \"../../../assets/img/mail.png\"\r\n\r\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\r\nimport NavPills from \"components/NavPills/NavPills.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/pillsStyle.js\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        flexGrow: 1\r\n    },\r\n    paper: {\r\n        padding: theme.spacing(2),\r\n        textAlign: 'center',\r\n        color: theme.palette.text.secondary\r\n    }\r\n}));\r\n\r\nconst DataApparel = function ({\r\n    profile,\r\n    user,\r\n    ...props\r\n}) {\r\n    const [pass, setPass] = React.useState(\"\");\r\n    const classes = useStyles();\r\n    const {\r\n        ...rest\r\n    } = 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    const Profile = profile.map((data) => {\r\n        return (\r\n            <NavPills\r\n                color=\"info\"\r\n                horizontal={{\r\n                    tabsGrid: {\r\n                        xs: 4,\r\n                        sm: 3,\r\n                        md: 3\r\n                    },\r\n                    contentGrid: {\r\n                        xs: 14,\r\n                        sm: 9,\r\n                        md: 9\r\n                    }\r\n                }}\r\n                tabs={[\r\n                    {\r\n                        tabButton: \"Profile\",\r\n                        tabIcon: People,\r\n                        tabContent: (\r\n                            <Grid container=\"container\">\r\n                                <Grid item=\"item\" xs={12}>\r\n                                    <div align=\"left\">\r\n                                        <h3>Profile Saya</h3>\r\n                                        <span>Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun</span>\r\n                                        <hr></hr>\r\n                                    </div>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            Username\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            : {data.username}\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            Nama\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            : {data.firstName}\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            Email\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            : {data.email}\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            Nomer Telpon\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            : {data.telp}\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Button color=\"info\" round=\"round\" href={\"/yamaha/profile/edit-profile?s=\"+data.id}>\r\n                                    <Icon className={classes.icons}>open_in_new</Icon>Edit Profile\r\n                                </Button>\r\n                            </Grid>\r\n                        )\r\n                    }, {\r\n                        tabButton: \"Alamat\",\r\n                        tabIcon: LocationOn,\r\n                        tabContent: (\r\n                            <Grid container=\"container\">\r\n                                <Grid item=\"item\" xs={12}>\r\n                                    <div align=\"left\">\r\n                                        <h3>Alamat Saya</h3>\r\n                                        <span>Kelola informasi Alamat Anda untuk Proses Pengirim Barang</span>\r\n                                    </div>\r\n                                    <hr></hr>\r\n                                </Grid>\r\n                                <img\r\n                                    src={image1}\r\n                                    style={{\r\n                                        width: \"920px\"\r\n                                    }}/>\r\n                                <br></br>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            Nama\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            : {data.firstName}\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            Telpon\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            : {data.telp}\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            Alamat\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            : {data.address}\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Button color=\"info\" round=\"round\" href={\"/yamaha/product/product_detail?s=\"+data.id}>\r\n                                    <Icon className={classes.icons}>open_in_new</Icon>Edit Alamat\r\n                                </Button>\r\n                            </Grid>\r\n                        )\r\n                    }, {\r\n                        tabButton: \"Ubah Password\",\r\n                        tabIcon: Lock,\r\n                        tabContent: (\r\n                            <Grid container=\"container\">\r\n                                <Grid item=\"item\" xs={12}>\r\n                                    <div align=\"left\">\r\n                                        <h3>Ubah Password</h3>\r\n                                        <span>Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke\r\n                                            orang lain</span>\r\n                                    </div>\r\n                                    <hr></hr>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            <br></br>\r\n                                            Password Saat Ini\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            <CustomInput\r\n                                                labelText=\"Password Saat Ini\"\r\n                                                id=\"pass\"\r\n                                                value={pass}\r\n                                                formControlProps={{\r\n                                                    fullWidth: true\r\n                                                }}\r\n                                                inputProps={{\r\n                                                    onChange: (event) => setPass(event.target.value),\r\n                                                    type: \"password\",\r\n                                                    endAdornment: (\r\n                                                        <InputAdornment position=\"end\">\r\n                                                            <Icon className={classes.inputIconsColor}>\r\n                                                                lock_outline\r\n                                                            </Icon>\r\n                                                        </InputAdornment>\r\n                                                    ),\r\n                                                    autoComplete: \"off\"\r\n                                                }}/>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            <br></br>\r\n                                            Password Baru\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            <CustomInput\r\n                                                labelText=\"Password Baru\"\r\n                                                id=\"pass\"\r\n                                                value={pass}\r\n                                                formControlProps={{\r\n                                                    fullWidth: true\r\n                                                }}\r\n                                                inputProps={{\r\n                                                    onChange: (event) => setPass(event.target.value),\r\n                                                    type: \"password\",\r\n                                                    endAdornment: (\r\n                                                        <InputAdornment position=\"end\">\r\n                                                            <Icon className={classes.inputIconsColor}>\r\n                                                                lock_outline\r\n                                                            </Icon>\r\n                                                        </InputAdornment>\r\n                                                    ),\r\n                                                    autoComplete: \"off\"\r\n                                                }}/>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Grid\r\n                                    container=\"container\"\r\n                                    style={{\r\n                                        padding: \"10px\"\r\n                                    }}>\r\n                                    <Grid item=\"item\" xs=\"xs\">\r\n                                        <div align=\"left\">\r\n                                            <br></br>\r\n                                            Konfirmasi Password\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs={6}>\r\n                                        <div align=\"left\">\r\n                                            <CustomInput\r\n                                                labelText=\"Konfirmasi Password\"\r\n                                                id=\"pass\"\r\n                                                value={pass}\r\n                                                formControlProps={{\r\n                                                    fullWidth: true\r\n                                                }}\r\n                                                inputProps={{\r\n                                                    onChange: (event) => setPass(event.target.value),\r\n                                                    type: \"password\",\r\n                                                    endAdornment: (\r\n                                                        <InputAdornment position=\"end\">\r\n                                                            <Icon className={classes.inputIconsColor}>\r\n                                                                lock_outline\r\n                                                            </Icon>\r\n                                                        </InputAdornment>\r\n                                                    ),\r\n                                                    autoComplete: \"off\"\r\n                                                }}/>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    <Grid item=\"item\" xs=\"xs\"></Grid>\r\n                                </Grid>\r\n                                <Button color=\"info\" round=\"round\" href={\"/yamaha/product/product_detail?s=\"+data.id}>\r\n                                    <Icon className={classes.icons}>open_in_new</Icon>\r\n                                    Simpan\r\n                                </Button>\r\n                            </Grid>\r\n                        )\r\n                    }\r\n                ]}/>\r\n        );\r\n    })\r\n    return (\r\n        <div>\r\n            <Card className={classes.textCenter} align=\"center\">\r\n                <CardBody>\r\n                    <div align=\"center\">\r\n                        <div\r\n                            align=\"center\"\r\n                            className={classes.section}\r\n                            id=\"notifications\"\r\n                            style={{\r\n                                marginTop: \"-50px\"\r\n                            }}>\r\n                            <SnackbarContent message={<h4 > Profile</h4>} align=\"center\" color=\"info\"/>\r\n                        </div>\r\n                        <GridContainer\r\n                            justify=\"center\"\r\n                            style={{\r\n                                padding: \"10px\"\r\n                            }}>\r\n                            {Profile}\r\n                        </GridContainer>\r\n                    </div>\r\n                    <br></br>\r\n                    <br></br>\r\n                </CardBody>\r\n            </Card>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default DataApparel;"]},"metadata":{},"sourceType":"module"}