{"version":3,"file":"component---src-pages-membership-js-5ffefdad7488936db386.js","mappings":"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","sources":["webpack://pintuna/./src/components/routes/Memberships/MembershipCancel.jsx","webpack://pintuna/./src/pages/membership.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect, useDispatch, useSelector } from 'react-redux';\nimport { useTranslation } from 'react-i18next';\nimport {\n Box,\n Button,\n CircularProgress,\n Container,\n Divider,\n Grid,\n Typography,\n} from '@material-ui/core';\n\nimport { Skeleton } from '@material-ui/lab';\nimport { Field, Form, Formik } from 'formik';\nimport * as Yup from 'yup';\nimport { TextField } from 'formik-material-ui';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CustomInputField from '../../custom/CustomInputField';\nimport { CustomImgCard } from '../../custom';\nimport { BusinessHeader, BusinessFooter, Content } from '../../layouts';\nimport SEO from '../../seo';\nimport { alert, businesses, memberships, organizations } from '../../../state';\nimport ConfirmationDialog from '../../custom/ConfirmationDialog';\nimport './style.css';\n\nconst MembershipCancel = ({\n fetchBusiness,\n fetchOrganization,\n business,\n location,\n fetchOrganizations,\n ...nav\n}) => {\n const { i18n, t } = useTranslation();\n const { id: routeId } = nav;\n const [cancelState, setCancelState] = useState(false);\n const [membershipCancelled, setMembershipCancelled] = useState(false);\n const dispatch = useDispatch();\n const membershipConfig = useSelector(memberships.selectors.selectConfigs);\n const useStyles = makeStyles(() => ({\n textColor: {\n '& *:not(.Mui-error):not(.sq-card-message-error):not(button):not(button span)': {\n color: membershipConfig.brandColors?.textColor,\n },\n },\n }));\n const classes = useStyles();\n const isLoading = useSelector(memberships.selectors.selectIsLoading);\n\n const openAlert = (payload) => dispatch(alert.actions.open(payload));\n\n React.useEffect(() => {\n dispatch(memberships.actions.getMembershipConfig({ id: routeId }));\n }, []);\n\n React.useEffect(() => {\n if (business && business.culture) {\n i18n.changeLanguage(business.culture);\n }\n }, [business]);\n\n const { businessName, logoUrl } = membershipConfig;\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n {isLoading ? (\n \n ) : (\n membershipConfig.businessName\n )}\n \n \n \n \n \n \n \n \n \n \n \n \n Yup.object().shape({\n code: Yup.string().required(\n 'Membership number is required'\n ),\n })\n }\n initialValues={{\n code: '',\n }}\n onSubmit={async ({ code }) => {\n const payload = {\n data: {\n code,\n membershipConfigId: membershipConfig.id,\n },\n };\n const res = await dispatch(\n memberships.actions.cancelRequest(payload)\n );\n if (!res.error) {\n openAlert({\n message: t('membership.successSentCode'),\n severity: 'success',\n });\n setCancelState(true);\n } else {\n openAlert({\n message:\n res?.payload?.message ||\n 'Membership is not found',\n severity: 'error',\n });\n }\n }}\n >\n {({ isSubmitting, handleSubmit, values }) => {\n const cancelConfirm = async () => {\n const res = await dispatch(\n memberships.actions.cancelMembership({\n cancelCode: values.verificationCode,\n code: values.code,\n })\n );\n if (!res.error) {\n setMembershipCancelled(true);\n } else {\n openAlert({\n message:\n res?.error?.message ||\n 'Membership is not found',\n severity: 'error',\n });\n }\n };\n return (\n <>\n \n \n {t('membership.membershipCancellationForm')}\n \n
\n \n \n \n \n \n \n \n {isSubmitting ? (\n \n ) : (\n t('verify')\n )}\n \n \n \n \n \n \n \n {t('membership.cancelNote')}\n \n \n \n
\n
\n \n \n \n

\n {t(\n 'membership.pleaseEnterVerificationCode'\n )}\n
({t('membership.checkSpamFolder')}\n )\n

\n \n \n \n {`${t('resendCode')}?`}\n \n \n \n \n {t('membership.cancelMembership')}\n \n \n
\n
\n
\n \n );\n }}\n \n
\n \n \n \n \n \n \n \n \n {\n setTimeout(() => window.location.reload(), 100);\n }}\n />\n \n \n \n );\n};\n\nMembershipCancel.propTypes = {\n fetchBusiness: PropTypes.func.isRequired,\n fetchOrganization: PropTypes.func.isRequired,\n location: PropTypes.objectOf(PropTypes.any).isRequired,\n fetchOrganizations: PropTypes.func.isRequired,\n business: PropTypes.shape({\n name: PropTypes.string,\n logoUrl: PropTypes.string,\n website: PropTypes.string,\n culture: PropTypes.string,\n }).isRequired,\n};\n\nconst mapStateToProps = (state) => ({\n business: businesses.selectors.selectBusiness(state),\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n fetchBusiness: (businessId) =>\n dispatch(businesses.actions.fetchBusiness(businessId)),\n fetchOrganization: (orgId) =>\n dispatch(organizations.actions.fetchOrganization(orgId)),\n fetchOrganizations: () =>\n dispatch(organizations.actions.fetchOrganizations()),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MembershipCancel);\n","import React from 'react';\nimport { Router } from '@reach/router';\n// import { useBeforeUnload } from 'react-use';\nimport {\n CheckIn,\n MembershipRegister,\n FreeItemRegister,\n AddSecondaryMembership,\n} from '../components/routes';\nimport MembershipCancel from '../components/routes/Memberships/MembershipCancel';\n\nconst MembershipPage = () => {\n // useBeforeUnload('Enable', 'You have unsaved changes, are you sure?');\n return (\n \n \n \n \n \n \n \n \n );\n};\n\nexport default MembershipPage;\n"],"names":["connect","state","business","businesses","dispatch","fetchBusiness","businessId","fetchOrganization","orgId","organizations","fetchOrganizations","nav","location","useTranslation","i18n","t","routeId","id","useState","cancelState","setCancelState","membershipCancelled","setMembershipCancelled","useDispatch","membershipConfig","useSelector","memberships","classes","makeStyles","textColor","color","brandColors","useStyles","isLoading","openAlert","payload","alert","React","culture","changeLanguage","businessName","logoUrl","Box","className","title","merchantUrl","merchantPintunaUrl","bgcolor","headerColor","backgroundColor","style","minHeight","Container","maxWidth","md","sm","borderRadius","border","p","mb","formColor","Grid","container","direction","justifyContent","alignItems","item","xs","pt","display","align","Typography","variant","Skeleton","width","py","name","imageUrl","enableReinitialize","validationSchema","Yup","shape","code","required","initialValues","onSubmit","data","membershipConfigId","res","error","message","severity","isSubmitting","handleSubmit","values","cancelConfirm","cancelCode","verificationCode","mt","spacing","margin","position","marginRight","CustomInputField","customInput","Field","component","TextField","fullWidth","autoFocus","label","right","top","Button","onClick","type","disabled","CircularProgress","size","textAlign","fontStyle","marginTop","pb","textDecoration","cursor","ConfirmationDialog","open","setOpen","isConfirmation","content","actionOk","setTimeout","window","reload","Divider","footerColor","basepath","path"],"sourceRoot":""}