{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"children\", \"value\", \"index\"],\n    _excluded2 = [\"profile\", \"user\"];\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport Dashboard from \"@material-ui/icons/Dashboard\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport NavPills from \"components/NavPills/NavPills.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Grid from '@material-ui/core/Grid';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport Paper from '@material-ui/core/Paper';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport SwipeableViews from 'react-swipeable-views';\nimport AppBar from '@material-ui/core/AppBar';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport Box from '@material-ui/core/Box';\nimport stylecss from \"pages-sections/yamaha/profile/profile.css\";\nimport Voucher1 from 'assets/img/Group1.png';\nvar useStyles = makeStyles(function (theme) {\n  return {\n    root: {\n      backgroundColor: theme.palette.background.paper,\n      width: '100%'\n    },\n    heading: {\n      fontSize: theme.typography.pxToRem(15),\n      flexBasis: '33.33%',\n      flexShrink: 0\n    },\n    secondaryHeading: {\n      fontSize: theme.typography.pxToRem(15),\n      color: theme.palette.text.secondary\n    }\n  };\n});\n\nfunction TabPanel(props) {\n  var children = props.children,\n      value = props.value,\n      index = props.index,\n      other = _objectWithoutProperties(props, _excluded);\n\n  return __jsx(\"div\", _extends({\n    role: \"tabpanel\",\n    hidden: value !== index,\n    id: \"full-width-tabpanel-\".concat(index),\n    \"aria-labelledby\": \"full-width-tab-\".concat(index)\n  }, other), value === index && __jsx(Box, {\n    p: 3\n  }, __jsx(Typography, null, children)));\n}\n\nfunction a11yProps(index) {\n  return {\n    id: \"full-width-tab-\".concat(index),\n    'aria-controls': \"full-width-tabpanel-\".concat(index)\n  };\n}\n\nvar DataProfile = function DataProfile(_ref) {\n  var profile = _ref.profile,\n      user = _ref.user,\n      props = _objectWithoutProperties(_ref, _excluded2);\n\n  var classes = useStyles();\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 rest = _extends({}, props);\n\n  var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n  var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  var theme = useTheme();\n\n  var _React$useState3 = React.useState(0),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      value = _React$useState4[0],\n      setValue = _React$useState4[1];\n\n  var handleChange = function handleChange(event, newValue) {\n    setValue(newValue);\n  };\n\n  var handleChangeIndex = function handleChangeIndex(index) {\n    setValue(index);\n  };\n\n  var AkunSaya = profile.map(function (data) {\n    var classes = useStyles();\n\n    var _React$useState5 = React.useState(false),\n        _React$useState6 = _slicedToArray(_React$useState5, 2),\n        expanded = _React$useState6[0],\n        setExpanded = _React$useState6[1];\n\n    var handleChange = function handleChange(panel) {\n      return function (event, isExpanded) {\n        setExpanded(isExpanded ? panel : false);\n      };\n    };\n\n    return __jsx(\"div\", {\n      style: {\n        padding: \"30px\"\n      },\n      className: classes.root\n    }, __jsx(Accordion, {\n      expanded: expanded === 'panel1',\n      onChange: handleChange('panel1')\n    }, __jsx(AccordionSummary, {\n      expandIcon: __jsx(ExpandMoreIcon, null),\n      \"aria-controls\": \"panel1bh-content\",\n      id: \"panel1bh-header\"\n    }, __jsx(Typography, {\n      className: classes.heading\n    }, __jsx(\"strong\", null, \"Profil Saya\")), __jsx(Typography, {\n      className: classes.secondaryHeading\n    }, __jsx(\"strong\", null, \"Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun\"))), __jsx(AccordionDetails, null, __jsx(Typography, null, __jsx(Grid, {\n      container: \"container\"\n    }, __jsx(Grid, {\n      item: \"item\",\n      xs: 12\n    }, __jsx(\"hr\", null)), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Username\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.username)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Nama\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.firstName)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Email\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.email)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Tanggal Lahir\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": 15 Mei 1998\")), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Jenis Kelamin\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": Laki - Laki\")), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Nomer Telpon\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.telp)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Alamat\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.address)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Button, {\n      color: \"info\",\n      round: \"round\",\n      href: \"/yamaha/profile/edit-profile?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Edit Profile\"))))), __jsx(Accordion, {\n      expanded: expanded === 'panel3',\n      onChange: handleChange('panel3')\n    }, __jsx(AccordionSummary, {\n      expandIcon: __jsx(ExpandMoreIcon, null),\n      \"aria-controls\": \"panel3bh-content\",\n      id: \"panel3bh-header\"\n    }, __jsx(Typography, {\n      className: classes.heading\n    }, __jsx(\"strong\", null, \"Ubah Password Saya\")), __jsx(Typography, {\n      className: classes.secondaryHeading\n    }, __jsx(\"strong\", null, \"Kelola Password Saya Untuk Meningkatkan Keamanan Akun Anda\"))), __jsx(AccordionDetails, null, __jsx(Typography, null, __jsx(Grid, {\n      container: \"container\"\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"hr\", null)), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: 3\n    }, \"Password Saat Ini\"), __jsx(Grid, {\n      item: true,\n      xs: 9\n    }, \":\", __jsx(\"div\", {\n      align: \"left\"\n    }, __jsx(CustomInput, {\n      labelText: \"Password Saat Ini\",\n      id: \"pass\",\n      value: pass,\n      formControlProps: {\n        fullWidth: true\n      },\n      inputProps: {\n        onChange: function onChange(event) {\n          return setPass(event.target.value);\n        },\n        type: \"password\",\n        endAdornment: __jsx(InputAdornment, {\n          position: \"end\"\n        }, __jsx(Icon, {\n          className: classes.inputIconsColor\n        }, \"lock_outline\")),\n        autoComplete: \"off\"\n      }\n    }))))), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: 3\n    }, \"Password Baru\"), __jsx(Grid, {\n      item: true,\n      xs: 9\n    }, \":\", __jsx(\"div\", {\n      align: \"left\"\n    }, __jsx(CustomInput, {\n      labelText: \"Masukan Password Baru Anda\",\n      id: \"pass\",\n      value: pass,\n      formControlProps: {\n        fullWidth: true\n      },\n      inputProps: {\n        onChange: function onChange(event) {\n          return setPass(event.target.value);\n        },\n        type: \"password\",\n        endAdornment: __jsx(InputAdornment, {\n          position: \"end\"\n        }, __jsx(Icon, {\n          className: classes.inputIconsColor\n        }, \"lock_outline\")),\n        autoComplete: \"off\"\n      }\n    })))), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: 3\n    }, \"Confirm Password\"), __jsx(Grid, {\n      item: true,\n      xs: 9\n    }, \":\", __jsx(\"div\", {\n      align: \"left\"\n    }, __jsx(CustomInput, {\n      labelText: \"Masukan Kembali Password Anda\",\n      id: \"pass\",\n      value: pass,\n      formControlProps: {\n        fullWidth: true\n      },\n      inputProps: {\n        onChange: function onChange(event) {\n          return setPass(event.target.value);\n        },\n        type: \"password\",\n        endAdornment: __jsx(InputAdornment, {\n          position: \"end\"\n        }, __jsx(Icon, {\n          className: classes.inputIconsColor\n        }, \"lock_outline\")),\n        autoComplete: \"off\"\n      }\n    })))), __jsx(Button, {\n      color: \"info\",\n      round: \"round\",\n      href: \"/yamaha/product/product_detail?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Simpan\"))))));\n  });\n  var Notifikasi = profile.map(function (data) {\n    var classes = useStyles();\n\n    var _React$useState7 = React.useState(false),\n        _React$useState8 = _slicedToArray(_React$useState7, 2),\n        expanded = _React$useState8[0],\n        setExpanded = _React$useState8[1];\n\n    var handleChange = function handleChange(panel) {\n      return function (event, isExpanded) {\n        setExpanded(isExpanded ? panel : false);\n      };\n    };\n\n    return __jsx(\"div\", {\n      style: {\n        padding: \"30px\"\n      },\n      className: classes.root\n    }, __jsx(Accordion, {\n      expanded: expanded === 'panel1',\n      onChange: handleChange('panel1')\n    }, __jsx(AccordionSummary, {\n      expandIcon: __jsx(ExpandMoreIcon, null),\n      \"aria-controls\": \"panel1bh-content\",\n      id: \"panel1bh-header\"\n    }, __jsx(Typography, {\n      className: classes.heading\n    }, __jsx(\"strong\", null, \"Profil Saya\")), __jsx(Typography, {\n      className: classes.secondaryHeading\n    }, __jsx(\"strong\", null, \"Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun\"))), __jsx(AccordionDetails, null, __jsx(Typography, null, __jsx(Grid, {\n      container: \"container\"\n    }, __jsx(Grid, {\n      item: \"item\",\n      xs: 12\n    }, __jsx(\"hr\", null)), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Username\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.username)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Nama\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.firstName)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Email\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.email)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Tanggal Lahir\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": 15 Mei 1998\")), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Jenis Kelamin\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": Laki - Laki\")), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Nomer Telpon\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.telp)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, \"Alamat\"), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"left\"\n    }, \": \", data.address)), __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    })), __jsx(Button, {\n      color: \"info\",\n      round: \"round\",\n      href: \"/yamaha/profile/edit-profile?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Edit Profile\"))))), __jsx(Accordion, {\n      expanded: expanded === 'panel3',\n      onChange: handleChange('panel3')\n    }, __jsx(AccordionSummary, {\n      expandIcon: __jsx(ExpandMoreIcon, null),\n      \"aria-controls\": \"panel3bh-content\",\n      id: \"panel3bh-header\"\n    }, __jsx(Typography, {\n      className: classes.heading\n    }, __jsx(\"strong\", null, \"Ubah Password Saya\")), __jsx(Typography, {\n      className: classes.secondaryHeading\n    }, __jsx(\"strong\", null, \"Kelola Password Saya Untuk Meningkatkan Keamanan Akun Anda\"))), __jsx(AccordionDetails, null, __jsx(Typography, null, __jsx(Grid, {\n      container: \"container\"\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"hr\", null)), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: 3\n    }, \"Password Saat Ini\"), __jsx(Grid, {\n      item: true,\n      xs: 9\n    }, \":\", __jsx(\"div\", {\n      align: \"left\"\n    }, __jsx(CustomInput, {\n      labelText: \"Password Saat Ini\",\n      id: \"pass\",\n      value: pass,\n      formControlProps: {\n        fullWidth: true\n      },\n      inputProps: {\n        onChange: function onChange(event) {\n          return setPass(event.target.value);\n        },\n        type: \"password\",\n        endAdornment: __jsx(InputAdornment, {\n          position: \"end\"\n        }, __jsx(Icon, {\n          className: classes.inputIconsColor\n        }, \"lock_outline\")),\n        autoComplete: \"off\"\n      }\n    }))))), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: 3\n    }, \"Password Baru\"), __jsx(Grid, {\n      item: true,\n      xs: 9\n    }, \":\", __jsx(\"div\", {\n      align: \"left\"\n    }, __jsx(CustomInput, {\n      labelText: \"Masukan Password Baru Anda\",\n      id: \"pass\",\n      value: pass,\n      formControlProps: {\n        fullWidth: true\n      },\n      inputProps: {\n        onChange: function onChange(event) {\n          return setPass(event.target.value);\n        },\n        type: \"password\",\n        endAdornment: __jsx(InputAdornment, {\n          position: \"end\"\n        }, __jsx(Icon, {\n          className: classes.inputIconsColor\n        }, \"lock_outline\")),\n        autoComplete: \"off\"\n      }\n    })))), __jsx(Grid, {\n      container: \"container\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(Grid, {\n      item: true,\n      xs: 3\n    }, \"Confirm Password\"), __jsx(Grid, {\n      item: true,\n      xs: 9\n    }, \":\", __jsx(\"div\", {\n      align: \"left\"\n    }, __jsx(CustomInput, {\n      labelText: \"Masukan Kembali Password Anda\",\n      id: \"pass\",\n      value: pass,\n      formControlProps: {\n        fullWidth: true\n      },\n      inputProps: {\n        onChange: function onChange(event) {\n          return setPass(event.target.value);\n        },\n        type: \"password\",\n        endAdornment: __jsx(InputAdornment, {\n          position: \"end\"\n        }, __jsx(Icon, {\n          className: classes.inputIconsColor\n        }, \"lock_outline\")),\n        autoComplete: \"off\"\n      }\n    })))), __jsx(Button, {\n      color: \"info\",\n      round: \"round\",\n      href: \"/yamaha/product/product_detail?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Simpan\"))))));\n  });\n  var Voucher = profile.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"30px\"\n      },\n      className: classes.root\n    }, __jsx(\"div\", {\n      className: classes.root\n    }, __jsx(AppBar, {\n      position: \"static\",\n      color: \"default\"\n    }, __jsx(Tabs, {\n      value: value,\n      onChange: handleChange,\n      indicatorColor: \"primary\",\n      textColor: \"primary\",\n      variant: \"fullWidth\",\n      \"aria-label\": \"full width tabs example\"\n    }, __jsx(Tab, _extends({\n      label: \"Semua\"\n    }, a11yProps(0))), __jsx(Tab, _extends({\n      label: \"Terbaru\"\n    }, a11yProps(1))), __jsx(Tab, _extends({\n      label: \"Terpopuler\"\n    }, a11yProps(2))), __jsx(Tab, _extends({\n      label: \"Segera Berakhir\"\n    }, a11yProps(3))))), __jsx(SwipeableViews, {\n      axis: theme.direction === 'rtl' ? 'x-reverse' : 'x',\n      index: value,\n      onChangeIndex: handleChangeIndex\n    }, __jsx(TabPanel, {\n      value: value,\n      index: 0,\n      dir: theme.direction\n    }, __jsx(\"div\", {\n      className: classes.root,\n      align: \"center\"\n    }, __jsx(Grid, {\n      container: true,\n      spacing: 3\n    }, __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\"))), __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\")))), __jsx(Grid, {\n      container: true,\n      spacing: 3\n    }, __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\"))), __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\")))))), __jsx(TabPanel, {\n      value: value,\n      index: 1,\n      dir: theme.direction\n    }, __jsx(\"div\", {\n      className: classes.root,\n      align: \"center\"\n    }, __jsx(Grid, {\n      container: true,\n      spacing: 3\n    }, __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\"))), __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\")))), __jsx(Grid, {\n      container: true,\n      spacing: 3\n    }, __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\"))), __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\")))))), __jsx(TabPanel, {\n      value: value,\n      index: 2,\n      dir: theme.direction\n    }, __jsx(\"div\", {\n      className: classes.root,\n      align: \"center\"\n    }, __jsx(Grid, {\n      container: true,\n      spacing: 3\n    }, __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\"))), __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\")))), __jsx(Grid, {\n      container: true,\n      spacing: 3\n    }, __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\"))), __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\")))))), __jsx(TabPanel, {\n      value: value,\n      index: 3,\n      dir: theme.direction\n    }, __jsx(\"div\", {\n      className: classes.root,\n      align: \"center\"\n    }, __jsx(Grid, {\n      container: true,\n      spacing: 3\n    }, __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\"))), __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\")))), __jsx(Grid, {\n      container: true,\n      spacing: 3\n    }, __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\"))), __jsx(Grid, {\n      item: true,\n      xs: 6\n    }, __jsx(\"div\", {\n      className: \"container\"\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        width: \"500px\",\n        display: \"block\"\n      },\n      src: Voucher1,\n      className: navImageClasses\n    }), __jsx(\"p\", {\n      className: \"name\"\n    }, __jsx(\"strong\", null, \"Voucher Gratis Ongkir\")), __jsx(\"br\", null), __jsx(\"p\", {\n      className: \"valid\"\n    }, \"s/d: 19.09.2021\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"used\"\n    }, \"Pakai Voucher\"), __jsx(\"a\", {\n      href: \"#\",\n      target: \"_blank\",\n      className: \"sk\"\n    }, \"S&K\")))))))));\n  });\n  return __jsx(Card, {\n    className: classes.textCenter\n  }, __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(CardHeader, {\n    color: \"info\"\n  }, __jsx(\"b\", null, \"Profile\"))), __jsx(CardBody, null, __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(\"h2\", null, __jsx(\"b\", null, \"Profile & User Management\"))), __jsx(GridContainer, {\n    justify: \"center\"\n  }, __jsx(GridItem, null, __jsx(NavPills, {\n    alignCenter: true,\n    color: \"primary\",\n    tabs: [{\n      tabButton: \"Akun Saya\",\n      tabIcon: Dashboard,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\"\n      }, AkunSaya)\n    }, {\n      tabButton: \"Notifikasi\",\n      tabIcon: Dashboard,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\"\n      }, Notifikasi)\n    }, {\n      tabButton: \"Voucher Saya\",\n      tabIcon: Dashboard,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\"\n      }, Voucher)\n    }]\n  })))));\n};\n\nexport default DataProfile;","map":null,"metadata":{},"sourceType":"module"}