您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 

1 行
38 KiB

  1. {"ast":null,"code":"var __jsx = React.createElement;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles, 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 Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport stylecss from \"pages-sections/yamaha/profile/profile.css\";\nimport Voucher1 from 'assets/img/Group1.png';\nconst useStyles = makeStyles(theme => ({\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\nfunction TabPanel(props) {\n const {\n children,\n value,\n index\n } = props,\n other = _objectWithoutProperties(props, [\"children\", \"value\", \"index\"]);\n\n return __jsx(\"div\", _extends({\n role: \"tabpanel\",\n hidden: value !== index,\n id: `full-width-tabpanel-${index}`,\n \"aria-labelledby\": `full-width-tab-${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-${index}`,\n 'aria-controls': `full-width-tabpanel-${index}`\n };\n}\n\nconst DataProfile = function (_ref) {\n let {\n profile,\n user\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"profile\", \"user\"]);\n\n const classes = useStyles();\n const [pass, setPass] = React.useState(\"\");\n const rest = Object.assign({}, props);\n const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n const theme = useTheme();\n const [value, setValue] = React.useState(0);\n\n const handleChange = (event, newValue) => {\n setValue(newValue);\n };\n\n const handleChangeIndex = index => {\n setValue(index);\n };\n\n const [open, setOpen] = React.useState(false);\n const [scroll, setScroll] = React.useState('paper');\n\n const handleClickOpen = scrollType => () => {\n setOpen(true);\n setScroll(scrollType);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const descriptionElementRef = React.useRef(null);\n React.useEffect(() => {\n if (open) {\n const {\n current: descriptionElement\n } = descriptionElementRef;\n\n if (descriptionElement !== null) {\n descriptionElement.focus();\n }\n }\n }, [open]);\n const AkunSaya = profile.map(data => {\n const classes = useStyles();\n const [expanded, setExpanded] = React.useState(false);\n\n const handleChange = panel => (event, isExpanded) => {\n setExpanded(isExpanded ? panel : false);\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: event => setPass(event.target.value),\n type: \"password\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(Icon, {\n className: classes.inputIconsColor\n }, \"lock_outline\")),\n autoComplete: \"off\"\n }\n }))))), __jsx(Grid, {\n 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: event => setPass(event.target.value),\n type: \"password\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(Icon, {\n className: classes.inputIconsColor\n }, \"lock_outline\")),\n autoComplete: \"off\"\n }\n })))), __jsx(Grid, {\n 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: event => setPass(event.target.value),\n type: \"password\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(Icon, {\n className: classes.inputIconsColor\n }, \"lock_outline\")),\n autoComplete: \"off\"\n }\n })))), __jsx(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 const Notifikasi = profile.map(data => {\n const classes = useStyles();\n const [expanded, setExpanded] = React.useState(false);\n\n const handleChange = panel => (event, isExpanded) => {\n setExpanded(isExpanded ? panel : false);\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: event => setPass(event.target.value),\n type: \"password\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(Icon, {\n className: classes.inputIconsColor\n }, \"lock_outline\")),\n autoComplete: \"off\"\n }\n }))))), __jsx(Grid, {\n 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: event => setPass(event.target.value),\n type: \"password\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(Icon, {\n className: classes.inputIconsColor\n }, \"lock_outline\")),\n autoComplete: \"off\"\n }\n })))), __jsx(Grid, {\n 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: event => setPass(event.target.value),\n type: \"password\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(Icon, {\n className: classes.inputIconsColor\n }, \"lock_outline\")),\n autoComplete: \"off\"\n }\n })))), __jsx(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 const Voucher = profile.map(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 onClick: handleClickOpen('paper'),\n className: \"sk\"\n }, \"S&K\"), __jsx(Dialog, {\n open: open,\n onClose: handleClose,\n scroll: scroll,\n \"aria-labelledby\": \"scroll-dialog-title\",\n \"aria-describedby\": \"scroll-dialog-description\"\n }, __jsx(DialogTitle, {\n id: \"scroll-dialog-title\"\n }, \"Syarat & Ketentuan Penggunaan Voucher\"), __jsx(DialogContent, {\n dividers: scroll === 'paper'\n }, __jsx(DialogContentText, {\n id: \"scroll-dialog-description\",\n ref: descriptionElementRef,\n tabIndex: -1\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(\"h4\", {\n className: \"text\"\n }, __jsx(\"strong\", null, \"Promosi\")), __jsx(\"br\", null), __jsx(\"p\", {\n style: {\n marginTop: \"-30px\"\n }\n }, \"Voucher Gratis Ongkir\"), __jsx(\"h4\", {\n className: \"text\"\n }, __jsx(\"strong\", null, \"Masa Berlaku\")), __jsx(\"br\", null), __jsx(\"p\", {\n style: {\n marginTop: \"-30px\"\n }\n }, \"13.09.2021 00:00 - 19.09.2021 23:59\"), __jsx(\"h4\", {\n className: \"text\"\n }, __jsx(\"strong\", null, \"Produk\")), __jsx(\"br\", null), __jsx(\"p\", {\n style: {\n marginTop: \"-30px\"\n }\n }, \"Produk bertanda Gratis Ongkir di E-Commerce Yamaha\"), __jsx(\"h4\", {\n className: \"text\"\n }, __jsx(\"strong\", null, \"Metode Pembayaran\")), __jsx(\"br\", null), __jsx(\"p\", {\n style: {\n marginTop: \"-30px\"\n }\n }, \"Semua metode pembayaran\"), __jsx(\"h4\", {\n className: \"text\"\n }, __jsx(\"strong\", null, \"S&K\")), __jsx(\"br\", null), __jsx(\"p\", {\n style: {\n marginTop: \"-30px\"\n }\n }, \"Voucher Gratis Ongkir ini berlaku untuk semua toko berlogo Gratis Ongkir di E-Commerce Yamaha. Berlaku pada 13-19 September 2021 WIB sesuai ketentuan berikut : -- 1. Semua toko bertanda Gratis Ongkir dengan menggunakan pengiriman Reguler atau Hemat dengan min. belanja 30RB dan potongan s/d 10RB untuk pengiriman ke Area Sumatera Selatan dan Bengkulu. 2. Semua toko bertanda Gratis Ongkir dengan menggunakan pengiriman Reguler atau Hemat dengan min. belanja 30RB dan potongan s/d 25RB untuk pengiriman ke Sumatera Selatan. 3. Semua toko bertanda Gratis Ongkir dengan menggunakan pengiriman Reguler atau Hemat dengan min. belanja 30RB dan potongan s/d 30RB untuk pengiriman ke Sumatera Selatan dan Bengkulu -- Cek S&K selengkapnya di halaman Gratis Ongkir E-Commerce Yamaha. Dengan menggunakan Voucher ini, Anda telah menyetujui Syarat Layanan E-Commerce Yamaha.\"))), __jsx(DialogActions, null, __jsx(Button, {\n onClick: handleClose,\n color: \"primary\"\n }, \"Cancel\"), __jsx(Button, {\n onClick: handleClose,\n color: \"primary\"\n }, \"Subscribe\"))))), __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"}