ERR: {t(authApp.error)}
\n ) : null}\nredirecting...
;\n }}\n />\n \n \n
\n \n ) :(\n \n
\n \n
\n \n
\n \n {t(\"ResetPassword\", { email: values.email})}\n
\n \n
\n );\n}\n\nconst schema = object().shape({\n email: string()\n .required(\"Email is required\")\n .email(\"Valid Email is required\")\n});\n\nexport const ForgotPasswordForm3PAppWrapper = withRouter(\n withFormik({\n mapPropsToValues: (props) => {\n return {\n email: props.email ?? \"\"\n };\n },\n validationSchema: (props) => {\n return schema;\n },\n handleSubmit: (\n values,\n { setSubmitting, setStatus}\n ) => {\n let promise = apiClient(`co-nect/v1/forgotpassword`, {\n method: \"POST\",\n body: {\n email: values.email\n },\n }).then(({ data }) => {\n setStatus(\"SUCCESS\");\n setSubmitting(false);\n });\n\n promise.catch(({ data, response }) => {\n setStatus(\"SERVER_ERROR\");\n setSubmitting(false);\n });\n },\n\n displayName: \"ForgotPasswordForm\",\n })(ForgotPasswordForm)\n);\n","import React from \"react\";\nimport { withFormik } from \"formik\";\nimport { withRouter } from \"react-router-dom\";\nimport { string, object } from \"yup\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faSpinner } from \"@fortawesome/free-solid-svg-icons\";\n\nimport { apiClient } from \"../../api\";\nimport { withTranslation } from \"react-i18next\";\nimport { ForgotPasswordForm3PAppWrapper } from \"./ForgotPassword3PApp\";\nimport {\n\n faEye,\n faEyeSlash,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { toast } from \"react-toastify\";\n\nclass LoginForm extends React.Component {\n state = {\n showForgotPassword: false,\n showPassword:false,\n };\n toggleForgotPassword = () => {\n this.setState({ showForgotPassword: !this.state.showForgotPassword });\n };\n getErrorMessage(status) {\n if (status === \"EMAIL_PASSWORD_ERROR\")\n return `Login failed: please check your email${\n this.props.email ? ` and password` : ``\n }`;\n\n if (status === \"SERVER_ERROR\") {\n return \"Oops something went wrong, please try again in few mins!\";\n }\n }\n authContainerStyle = {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n minHeight: \"85vh\",\n padding: \"2rem\",\n maxWidth: \"600px\",\n };\n\n inputStyle = {\n backgroundColor: \"#FFFFFF\",\n border: \"none\",\n borderRadius: \"20px\",\n marginBottom: \"0.5rem\",\n padding: \"12px\",\n width: \"100%\",\n color: \"#000\",\n };\n\n inputDisabledStyle = {\n backgroundColor: \"#DCDCDC\",\n border: \"none\",\n borderRadius: \"20px\",\n marginBottom: \"0.5rem\",\n padding: \"12px\",\n width: \"100%\",\n color: \"#000\",\n };\n\n errorMessageStyle = {\n color: \"rgb(255, 95, 144)\",\n };\n\n render() {\n const {\n values,\n touched,\n errors,\n handleChange,\n handleBlur,\n handleSubmit,\n isValid,\n dirty,\n isSubmitting,\n t,\n } = this.props;\n if (this.state.showForgotPassword) {\n return (\n \n
\n \n \n \n
\n \n \n {this.props.authApp.appInfo.logo ? (\n
\n {this.props.authApp.appInfo.name}
\n\n \n {t(\"Login\")}\n {isSubmitting ? (\n
\n \n \n \n );\n }\n}\n\nconst schema = object().shape({\n email: string()\n .required(\"Email is required\")\n .email(\"Valid Email is required\"),\n password: string().required(\"Password is required\"),\n});\n\nconst LoginFormWithTs = withTranslation()(LoginForm);\nexport const LoginViewFormWrapper = withRouter(\n withFormik({\n mapPropsToValues: (props) => {\n return { email: props.email ?? \"\", password: \"\" };\n },\n validationSchema: (props) => {\n return schema;\n },\n handleSubmit: (\n values,\n { setSubmitting, props, setFieldError, setStatus, resetForm }\n ) => {\n let promise;\n promise = apiClient(`co-nect/v1/login`, {\n method: \"POST\",\n body: {\n email: values.email,\n password: values.password,\n serviceId: props.authApp.currentAppId,\n },\n })\n .then((res) => {\n console.log(res, props, props.auth, props.authApp);\n // props.auth.setUser({token: data.accessToken})\n return props.auth.preLogin(props.skipPreCheck || false);\n })\n .then(() => {\n console.log(\"In close view\");\n props.authApp.closeView();\n });\n\n promise.catch(({ data, response }) => {\n toast.error(data.error);\n if (\n response &&\n (response.status === 404 ||\n response.status === 401 ||\n response.status === 400)\n ){\n setStatus(\"EMAIL_PASSWORD_ERROR\");\n \n }else{\n setStatus(\"SERVER_ERROR\");\n }\n\n setSubmitting(false);\n });\n },\n\n displayName: \"LoginForm\",\n })(LoginFormWithTs)\n);\n","import { faSpinner } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { observer } from \"mobx-react\";\nimport React, { useEffect } from \"react\";\nimport { useLayoutEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\nimport { styleInject } from \"../../common/helper\";\nimport { useQueryParams } from \"../../hooks/useQueryParams\";\nimport { useStores } from \"../../hooks/useStore\";\nimport { LanguageSwitcher } from \"../shared/LanguageSwitcher\";\nimport { LoginViewFormWrapper } from \"./LoginView\";\n\nexport const AppLogin = observer((props) => {\n const params = useParams();\n const {t} = useTranslation()\n const queryParams = useQueryParams();\n const { auth, authApp } = useStores();\n useEffect(() => {\n console.log(params.appId,queryParams.get('redirect') );\n authApp.setCurrentApp(params.appId, decodeURI(queryParams.get('redirect') ?? \"\"), decodeURI(queryParams.get('redirectPath') ?? \"\"));\n // eslint-disable-next-line\n }, []);\n const themeCss = authApp?.appInfo?.loginThemeCss\n useLayoutEffect(()=>{\n styleInject(themeCss, {id:'appTheme'})\n },[themeCss])\n\n const mainContainerStyle = {\n backgroundColor: \"#e9e9e9\",\n height: \"100vh\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\"\n };\n\n const mainHeaderStyle = {\n alignItems: 'center',\n //backgroundColor: '#bfbfbf',\n display: 'flex',\n flexDirection: 'row-reverse',\n justifyContent: 'space-between',\n padding: '0.5rem',\n position: 'absolute',\n top: '1rem',\n width: '100%',\n zIndex: 2000,\n color:\"#28282B\"\n }; \n\n const mainContentStyle = {\n paddingTop: \"3rem\",\n display: \"flex\",\n justifyContent: \"center\"\n };\n\n const pinkBorderStyle = {\n borderTop: \"1px solid #ff5f90\",\n bottom: \"1rem\",\n marginBottom: \"1rem\",\n marginTop: \"1rem\",\n opacity: \"1\",\n position: \"relative\",\n width: \"100%\"\n };\n\n return (\n \n
\n
\n );\n});\n","import React from \"react\";\nimport { withFormik } from \"formik\";\nimport { string, object, ref } from \"yup\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faSpinner } from \"@fortawesome/free-solid-svg-icons\";\nimport { apiClient } from \"../../api\";\nimport { withStore } from \"../../hoc/withStore\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction SetPasswordForm(props) {\n const {\n values,\n touched,\n errors,\n handleChange,\n handleBlur,\n handleSubmit,\n isValid,\n dirty,\n status,\n isSubmitting,\n } = props;\n const {t} = useTranslation()\n return (\n \n
\n Log in
\n \n\n {authApp?.status === \"loading\" ? (\n
\n \n
\n \n \n {status === \"SERVER_ERROR\"\n ? t(\"Oops something went wrong, please try again after some time!\")\n : \"\"}\n \n
\n );\n}\n\nconst schema = object().shape({\n email: string()\n .required(\"Email is required\")\n .email(\"Valid Email is required\"),\n password: string()\n .required(\"Password is required\")\n .min(12, \"Password should be 12 characters minimum\"),\n confirmPassword: string()\n .required(\"Confirm Password is required\")\n .oneOf([ref(\"password\")], \"Password does not match\"),\n});\n\nexport const SetPassword3PAppFormWrapper = withStore(\n withFormik({\n mapPropsToValues: (props) => ({\n email: props.data.email,\n password: \"\",\n confirmPassword: \"\",\n }),\n validationSchema: schema,\n handleSubmit: (\n values,\n { setSubmitting, props, setFieldError, setStatus, resetForm }\n ) => {\n apiClient(\"co-nect/v1/setnewpassword\", {\n method: \"POST\",\n body: {\n email: values.email,\n password: values.password,\n },\n headers: {\n Authorization: `Bearer ${props.data.initialToken}`,\n },\n })\n .then((res) => {\n console.log(\"In close view\")\n props.authApp.closeView()\n setStatus(\"SUCCESS\");\n })\n .catch((err) => {\n setStatus(\"SERVER_ERROR\");\n setSubmitting(false);\n });\n },\n\n displayName: \"SignUpForm\",\n })(SetPasswordForm)\n);\n","import { observer } from \"mobx-react\";\nimport React, { useEffect, useLayoutEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useQueryParams } from \"../../hooks/useQueryParams\";\nimport { useStores } from \"../../hooks/useStore\";\nimport { SetPassword3PAppFormWrapper } from \"./SetPassword3PApp\";\nimport { faSpinner } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { styleInject } from \"../../common/helper\";\nimport { useTranslation } from \"react-i18next\";\nimport { LanguageSwitcher } from \"../shared/LanguageSwitcher\";\n\n\n// https://local-dev.dev.bubl.cloud/auth/new-password/92f2e365-fe04-4657-8993-c02510d29e9b?redirectPath=%2Fservice%2Fv1%2F92f2e365-fe04-4657-8993-c02510d29e9b%2F&email=gurpreetseedhar%2B101%40gmail.com\n\nexport const NewPasswordFormWrapper = observer(() => {\n const params = useParams();\n const queryParams = useQueryParams();\n const { authApp } = useStores();\n const {t} = useTranslation()\n useEffect(() => {\n authApp.setCurrentApp(\n params.appId,\n null,\n decodeURI(queryParams.get(\"redirectPath\") ?? \"\")\n );\n // eslint-disable-next-line\n }, []);\n const themeCss = authApp?.appInfo?.loginThemeCss\n useLayoutEffect(()=>{\n styleInject(themeCss, {id:'appTheme'})\n },[themeCss])\n return (\n \n {props.authApp?.appInfo?.logo?===-1?'data:image/jpeg;base64,':''}${props.authApp?.appInfo?.logo}`})
:null}\n
\n {props.authApp?.appInfo?.name||\"\"}
\n\n \n {t(\"Email\")}\n \n {\n handleBlur(e)\n }}\n data-testid=\"email-input\"\n />\n \n {errors.email && touched.email ? t(errors.email) : \"\"}\n \n
\n \n \n {t(\"Password\")}\n \n {\n handleBlur(e)\n }}\n />\n \n {errors.password && touched.password ? t(errors.password) : \"\"}\n \n
\n *{t(\"Password should be 12 characters minimum\")}
\n\n \n {t(\"Confirm Password\")}\n \n {\n handleBlur(e)\n }}\n />\n \n {errors.confirmPassword ? t(errors.confirmPassword) : \"\"}\n \n
\n \n \n {t('Set Password')}\n {isSubmitting ?
\n ![\"logo\"](\"/logo-bubl.png\"){kind=logo}
\n {authApp?.status === \"loading\" ? (\n
\n \n );\n});\n","import React, { lazy, Suspense, useState } from \"react\";\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faSpinner } from \"@fortawesome/free-solid-svg-icons\";\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\nimport { ToastContainer } from \"react-toastify\";\nimport { PrivateRoute } from \"./components/shared/PrivateRoute\";\nimport { StoreProvider } from \"./stores/storeContexts\";\nimport { useStores } from \"./hooks/useStore\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { AppLogin } from \"./components/Auth/AppLogin\";\nimport { NewPasswordFormWrapper } from \"./components/Auth/NewPasswordWrapper\";\n\nconst HomeWrapper = lazy(() => import(\"./components/Home\"));\nconst EmailVerifyLazy = lazy(() => import(\"./components/Auth/EmailVerify\"));\nconst ResetPasswordFormWrapperLazy = lazy(() =>\n import(\"./components/Auth/ResetPassword\")\n);\nconst EmailConfirmLazy = lazy(() => import(\"./components/Auth/EmailConfirm\"));\nconst DashboardLazy = lazy(() => import(\"./components/Dashboard/Dashboard\"));\nconst LogsLazy = lazy(() => import(\"./components/Logs/Logs\"));\n\nfunction CheckPreLogin(props) {\n let { auth } = useStores();\n auth\n .preLogin()\n .then(() => {\n props.setInitialLoader(false);\n })\n .catch((err) => {\n props.setInitialLoader(false);\n });\n return (\n ERR: {t(authApp.error)}
\n ) : null}\n\n
\n \n );\n}\n\nfunction App() {\n let [initialLoader, setInitialLoader] = useState(true);\n return (\n \n {\n i18n.changeLanguage(\"en-US\");\n }}\n >\n {\n i18n.changeLanguage(\"nl-NL\");\n }}\n >\n
\n );\n \n if (isStatic)\n return EN
\n \n |\nNL
\n \n{Switcher}
;\n\n return Switcher;\n});\n"],"sourceRoot":""}