Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 

1 řádek
66 KiB

  1. {"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 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 _this = this;\n\n var profile = _ref.profile,\n user = _ref.user,\n props = _objectWithoutProperties(_ref, [\"profile\", \"user\"]);\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 __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 29\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: 12,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 33\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 37\n }\n }, __jsx(\"h3\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 41\n }\n }, \"Profile Saya\"), __jsx(\"span\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 86,\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: 87,\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: 90,\n columnNumber: 33\n }\n }, __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(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 41\n }\n }, \"Username\")), __jsx(Grid, {\n item: \"item\",\n xs: 6,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\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: 105,\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: 107,\n columnNumber: 33\n }\n }, __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(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 113,\n columnNumber: 41\n }\n }, \"Nama\")), __jsx(Grid, {\n item: \"item\",\n xs: 6,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 117,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 118,\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: 122,\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: 124,\n columnNumber: 33\n }\n }, __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(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 130,\n columnNumber: 41\n }\n }, \"Email\")), __jsx(Grid, {\n item: \"item\",\n xs: 6,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 134,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 135,\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: 139,\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: 141,\n columnNumber: 33\n }\n }, __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(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 147,\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: 151,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 152,\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: 156,\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: 158,\n columnNumber: 33\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 159,\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: 167,\n columnNumber: 29\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: 12,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 168,\n columnNumber: 33\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 169,\n columnNumber: 37\n }\n }, __jsx(\"h3\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 170,\n columnNumber: 41\n }\n }, \"Alamat Saya\"), __jsx(\"span\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 171,\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: 173,\n columnNumber: 37\n }\n })), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 175,\n columnNumber: 33\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 176,\n columnNumber: 33\n }\n }, __jsx(Carousel, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 177,\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: 178,\n columnNumber: 37\n }\n })))), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 186,\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: 187,\n columnNumber: 33\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 192,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 193,\n columnNumber: 41\n }\n }, \"Nama\")), __jsx(Grid, {\n item: \"item\",\n xs: 6,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 197,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 198,\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: 202,\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: 204,\n columnNumber: 33\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 209,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 210,\n columnNumber: 41\n }\n }, \"Telpon\")), __jsx(Grid, {\n item: \"item\",\n xs: 6,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 214,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 215,\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: 219,\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: 221,\n columnNumber: 33\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 226,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 227,\n columnNumber: 41\n }\n }, \"Alamat\")), __jsx(Grid, {\n item: \"item\",\n xs: 6,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 231,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 232,\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: 236,\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: 238,\n columnNumber: 33\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 239,\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: 247,\n columnNumber: 29\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: 12,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 248,\n columnNumber: 33\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 249,\n columnNumber: 37\n }\n }, __jsx(\"h3\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 250,\n columnNumber: 41\n }\n }, \"Ubah Password\"), __jsx(\"span\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 251,\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: 254,\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: 256,\n columnNumber: 33\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 261,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 262,\n columnNumber: 41\n }\n }, __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 263,\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: 267,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 268,\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: 280,\n columnNumber: 57\n }\n }, __jsx(Icon, {\n className: classes.inputIconsColor,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 281,\n columnNumber: 61\n }\n }, \"lock_outline\")),\n autoComplete: \"off\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 269,\n columnNumber: 45\n }\n }))), __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 290,\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: 292,\n columnNumber: 33\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 297,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 298,\n columnNumber: 41\n }\n }, __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 299,\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: 303,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 304,\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: 316,\n columnNumber: 57\n }\n }, __jsx(Icon, {\n className: classes.inputIconsColor,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 317,\n columnNumber: 61\n }\n }, \"lock_outline\")),\n autoComplete: \"off\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 305,\n columnNumber: 45\n }\n }))), __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 326,\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: 328,\n columnNumber: 33\n }\n }, __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 333,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 334,\n columnNumber: 41\n }\n }, __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 335,\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: 339,\n columnNumber: 37\n }\n }, __jsx(\"div\", {\n align: \"left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 340,\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: 352,\n columnNumber: 57\n }\n }, __jsx(Icon, {\n className: classes.inputIconsColor,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 353,\n columnNumber: 61\n }\n }, \"lock_outline\")),\n autoComplete: \"off\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 341,\n columnNumber: 45\n }\n }))), __jsx(Grid, {\n item: \"item\",\n xs: \"xs\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 362,\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: 364,\n columnNumber: 33\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 365,\n columnNumber: 37\n }\n }, \"open_in_new\"), \"Simpan\"))\n }],\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 13\n }\n });\n });\n return __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 375,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 376,\n columnNumber: 13\n }\n }, __jsx(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 377,\n columnNumber: 17\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 378,\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: 379,\n columnNumber: 25\n }\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 386,\n columnNumber: 55\n }\n }, \" Profile\"),\n align: \"center\",\n color: \"info\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 386,\n columnNumber: 29\n }\n })), __jsx(GridContainer, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 388,\n columnNumber: 25\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 389,\n columnNumber: 25\n }\n }, __jsx(Carousel, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 390,\n columnNumber: 29\n }\n }, Profile)))), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 396,\n columnNumber: 21\n }\n }), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 397,\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","Carousel","GridItem","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","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","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","marginAuto","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\nimport Carousel from \"react-slick\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\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 settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: true,\r\n time: 5\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 <GridContainer>\r\n <GridItem className={classes.marginAuto}>\r\n <Carousel>\r\n <img\r\n src={image1}\r\n style={{\r\n width: \"920px\"\r\n }}/>\r\n </Carousel>\r\n </GridItem>\r\n </GridContainer>\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 <GridItem className={classes.marginAuto}>\r\n <Carousel>\r\n {Profile}\r\n </Carousel>\r\n </GridItem>\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"}