tbg-ecomm-nextjs/.next/cache/next-babel-loader/64585ee950def5259da31452afc7c50a.json

{"ast":null,"code":"var __jsx = React.createElement;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React from \"react\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport Icon from \"@material-ui/core/Icon\"; // @material-ui/icons\n\nimport Email from \"@material-ui/icons/Email\";\nimport People from \"@material-ui/icons/People\"; // core components\n\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\nimport swal from 'sweetalert';\nimport styles from \"assets/jss/nextjs-material-kit/pages/loginPage.js\";\nimport image from \"assets/img/bgtbg.jpg\";\nimport { Form, FormGroup, ControlLabel, SelectPicker } from \"rsuite\";\nimport Collapse from \"@material-ui/core/Collapse\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport { useRouter } from \"next/router\";\nconst useStyles = makeStyles(styles);\nexport default function RegisterPage(props) {\n  const [cardAnimaton, setCardAnimation] = React.useState(\"cardHidden\");\n  const [first_name] = React.useState(\"\");\n  const [last_name] = React.useState(\"\");\n  const [username] = React.useState(\"\");\n  const [email, setEmail] = React.useState(\"\");\n  const [pass, setPass] = React.useState(\"\");\n  const [open, setOpen] = React.useState(false);\n  const [error, setError] = React.useState(\"\");\n  const router = useRouter();\n  setTimeout(function () {\n    setCardAnimation(\"\");\n  }, 700);\n  const classes = useStyles();\n  const rest = Object.assign({}, props);\n  const [formValue, setFormValue] = React.useState({\n    first_name: \"\",\n    last_name: \"\",\n    username: \"\",\n    email: \"\",\n    pass: \"\"\n  });\n  console.log(\"isi form value :\", formValue);\n  return __jsx(\"div\", null, __jsx(Collapse, {\n    className: classes.collapsible,\n    in: open\n  }, __jsx(Alert, {\n    severity: \"error\",\n    action: __jsx(IconButton, {\n      \"aria-label\": \"close\",\n      color: \"inherit\",\n      size: \"small\",\n      onClick: () => {\n        setOpen(false);\n      }\n    }, __jsx(CloseIcon, {\n      fontSize: \"inherit\"\n    }))\n  }, error)), __jsx(\"div\", {\n    className: classes.pageHeader,\n    style: {\n      backgroundImage: \"url(\" + image + \")\",\n      backgroundSize: \"cover\",\n      backgroundPosition: \"top center\"\n    }\n  }, __jsx(Form, {\n    onSubmit: async value => {\n      const response = await fetch(\"/api/register/create\", {\n        method: \"POST\",\n        headers: {\n          'Content-Type': 'application/json'\n        }\n      });\n\n      if (response.ok) {\n        var res = await response.json();\n\n        if (res[\"STATUS\"] === 1) {\n          res[\"DATA\"][\"user\"];\n          swal(\"Berhasil Melakukan Registrasi\", \"Silahkan Login\", \"success\");\n        } else {\n          swal(\"Gagal Melakukan Registrasi\", \"Silahkan Coba Lagi\", \"error\");\n        }\n      } else {\n        swal(\"Gagal Dalam Melakukan Registrasi\", \"Silahkan Coba Lagi\", \"error\");\n      }\n    }\n  }, __jsx(\"div\", {\n    className: classes.container\n  }, __jsx(GridContainer, {\n    justify: \"center\"\n  }, __jsx(GridItem, {\n    xs: 6\n  }, __jsx(Card, {\n    className: classes[cardAnimaton]\n  }, __jsx(CardHeader, {\n    color: \"info\",\n    className: classes.cardHeader\n  }, __jsx(\"h4\", null, \"Register\")), __jsx(\"p\", {\n    className: classes.divider\n  }, \"Selamat Datang di Halaman Register Thamrin Brothers\"), __jsx(CardBody, null, __jsx(CustomInput, {\n    labelText: \"Nama Depan\",\n    id: \"first_name\",\n    value: first_name,\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      type: \"text\",\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(People, {\n        className: classes.inputIconsColor\n      }))\n    },\n    onInput: e => {\n      setFormValue(_objectSpread({}, formValue, {\n        first_name: e.target.value\n      }));\n    }\n  }), __jsx(CustomInput, {\n    labelText: \"Nama Belakang\",\n    id: \"last_name\",\n    value: last_name,\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      type: \"text\",\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(People, {\n        className: classes.inputIconsColor\n      }))\n    },\n    onInput: e => {\n      setFormValue(_objectSpread({}, formValue, {\n        last_name: e.target.value\n      }));\n    }\n  }), __jsx(CustomInput, {\n    labelText: \"Username\",\n    id: \"username\",\n    value: username,\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      type: \"text\",\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(People, {\n        className: classes.inputIconsColor\n      }))\n    },\n    onInput: e => {\n      setFormValue(_objectSpread({}, formValue, {\n        username: e.target.value\n      }));\n    }\n  }), __jsx(CustomInput, {\n    labelText: \"Email...\",\n    id: \"email\",\n    value: email,\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      type: \"email\",\n      onChange: event => setEmail(event.target.value),\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(Email, {\n        className: classes.inputIconsColor\n      }))\n    },\n    onInput: e => {\n      setFormValue(_objectSpread({}, formValue, {\n        email: e.target.value\n      }));\n    }\n  }), __jsx(CustomInput, {\n    labelText: \"Password\",\n    id: \"pass\",\n    value: pass,\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      onChange: event => setPass(event.target.value),\n      type: \"password\",\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(Icon, {\n        className: classes.inputIconsColor\n      }, \"lock_outline\")),\n      autoComplete: \"off\"\n    },\n    onInput: e => {\n      setFormValue(_objectSpread({}, formValue, {\n        pass: e.target.value\n      }));\n    }\n  })), __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(\"a\", {\n    href: \"/yamaha/login\"\n  }, \"Sudah Punya Akun ? Silahkan Login\")), __jsx(\"br\", null), __jsx(CardFooter, {\n    className: classes.cardFooter\n  }, __jsx(Button, {\n    type: \"submit\",\n    color: \"info\",\n    size: \"lg\"\n  }, \"Register\")))))))));\n}","map":null,"metadata":{},"sourceType":"module"}