\n
\n \n
\n \n
\n \n );\n}\n\nexport default connect(\n (state) => {\n return {\n loginError: state.errors.loginError\n }\n },\n { login, editLoginError: loginErrorActionCreator }\n)(LoginPage);\n\n\nLoginPage.propTypes = {\n login: PropTypes.func,\n loginError: PropTypes.string,\n location: PropTypes.object\n};\n","import { api } from \"./index\";\nimport { ERROR } from \"components/dist/Utils/LoggerUtils\";\n\nexport const fetchAvailableEntities = () =>\n api.get('register/availableEntities')\n .then(\n (response) => response.data,\n (error) => {\n ERROR(error)\n }\n )","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect, useSelector } from 'react-redux';\nimport { forgotPasswordRequest } from '../providers/ReduxProvider/actions/userActions';\nimport { Authentication as Auth } from \"components\"\n\nimport { THEME_CUSTOM, THEME_LIGHT } from \"../utils/constants\";\nimport { isLight } from \"../utils/styleUtils\";\nimport Logo from \"../components/common/Logo\";\nimport { __ } from '../utils/appHelper'\nimport { T } from \"../utils/translations\"\nimport getErrorText from \"../utils/getErrorText\";\n\nconst textCommons = { T, __, getErrorText }\n\nconst ForgotPasswordPage = (props) => {\n const theme = useSelector((state) => state?.ui?.theme);\n const customColors = useSelector((state) => state?.ui?.customColors);\n\n const handleSubmit = values => {\n let payload = { values };\n props.forgotPasswordRequest(payload);\n };\n\n return (\n \n\n {\n (!token) ?\n (\n
\n \n
\n \n \n
\n \n \n
\n \n \n );\n};\n\nexport default connect(\n (state) => {\n return {\n isLoading: state.user.isLoading\n };\n },\n { forgotPasswordRequest }\n)(ForgotPasswordPage);\n\nForgotPasswordPage.propTypes = {\n forgotPasswordRequest: PropTypes.func,\n isLoading: PropTypes.bool,\n};","import * as yup from 'yup'\nimport _ from 'lodash'\nimport {\n isAValidName,\n isAValidUsername,\n missingNameChars,\n missingUsernameChars,\n REGEX_EMAIL,\n REGEX_PHONE,\n REGEX_PHONE_PREFIX\n} from '../constants/regexes'\nimport { __, cases } from './appHelper'\nimport { T } from './translations'\n\n\nexport const isRequiredSchema = () => yup.string().required(__(T.requiredField, cases.CAPITALIZE_SENTENCE))\nexport const minSchema = (number = 1) => yup.string().min(number, __(T.minLength, cases.CAPITALIZE_SENTENCE))\nexport const maxSchema = (number = 64) => yup.string().max(number, __(T.maxLength, cases.CAPITALIZE_SENTENCE))\nexport const illegalCharsName = () => yup.string().test('name-illegal-chars', (value, options) => {\n const { createError, path } = options\n const cleanedValue = value && value.replace(/\\s/g, '')\n\n if (cleanedValue && !isAValidName(cleanedValue)) {\n let message = __(T.invalidInput, cases.CAPITALIZE_SENTENCE)\n const illegalChars = missingNameChars(cleanedValue)\n if (!_.isEmpty(illegalChars)) message = `${__(T.illegalChars, cases.CAPITALIZE_SENTENCE)}: ${Array.from(illegalChars).join(', ')}`\n\n return createError({ message, path })\n }\n return true\n})\n\nexport const illegalCharsUsername = () => yup.string().test('username-illegal-chars', (value, options) => {\n const { createError, path } = options\n const cleanedValue = value && value.replace(/\\s/g, '')\n\n if (cleanedValue && !isAValidUsername(cleanedValue)) {\n let message = __(T.invalidInput, cases.CAPITALIZE_SENTENCE)\n const illegalChars = missingUsernameChars(cleanedValue)\n if (!_.isEmpty(illegalChars)) message = `${__(T.illegalChars, cases.CAPITALIZE_SENTENCE)}: ${Array.from(illegalChars).join(', ')}`\n\n return createError({ message, path })\n }\n return true\n})\nexport const phoneSchema = () => yup.string().matches(REGEX_PHONE, __(T.invalidPhoneNumber, cases.CAPITALIZE_SENTENCE))\nexport const prefixSchema = () => yup.string().matches(REGEX_PHONE_PREFIX, __(T.invalidPrefix, cases.CAPITALIZE_SENTENCE))\nexport const emailSchema = () => yup.string().matches(REGEX_EMAIL, __(T.invalidEmail, cases.CAPITALIZE_SENTENCE))\n\nexport const domainSchema = (domains) => {\n if (!domains || _.isEmpty(domains)) return undefined\n\n return yup.string().test('allowed-domain', (value, options) => {\n const { createError, path } = options\n\n if (value && domains.some((d) => value.endsWith(d))) return true\n return createError({ message: __(T.invalidDomain, cases.CAPITALIZE_SENTENCE), path })\n })\n}\n\nexport default {\n isRequiredSchema,\n minSchema,\n maxSchema,\n illegalCharsName,\n illegalCharsUsername,\n phoneSchema,\n prefixSchema,\n emailSchema,\n domainSchema,\n}\n","import * as yup from 'yup'\nimport V from '../../utils/validation'\n\nexport const signupValidationSchema = (fields, allowedEmailDomains) => {\n const formValidationSchema = {}\n fields.forEach(({ destination, required }) => {\n const schema = getSignupInputValidationSchema({ name: destination, required, allowedEmailDomains })\n if (schema) formValidationSchema[destination] = schema\n })\n\n return yup.object().shape(formValidationSchema)\n}\n\nconst getSignupInputValidationSchema = ({ name, required, allowedEmailDomains: domains }) => {\n const baseSchema = yup.string().concat(required && V.isRequiredSchema())\n switch (name) {\n case 'firstName':\n case 'lastName':\n return baseSchema.concat(V.minSchema()).concat(V.maxSchema()).concat(V.illegalCharsName()).nullable()\n case 'username':\n return baseSchema.concat(V.minSchema()).concat(V.maxSchema()).concat(V.illegalCharsUsername()).nullable()\n case 'phone':\n return baseSchema.concat(V.phoneSchema()).concat(V.prefixSchema()).nullable()\n case 'email':\n return baseSchema.concat(V.emailSchema()).concat(domains && V.domainSchema(domains)).nullable()\n default:\n return baseSchema.nullable()\n }\n}","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography, Row } from 'antd';\nimport { connect, useSelector } from 'react-redux';\nimport { Text } from \"components/dist/styles\"\nimport { Gutter } from \"components/dist/styles\"\nimport { Authentication as Auth } from 'components';\nimport { getEntitySettings, signUpRequest } from '../../providers/ReduxProvider/actions/userActions';\nimport { __ } from '../../utils/appHelper'\nimport { T } from \"../../utils/translations\"\nimport getErrorText from \"../../utils/getErrorText\";\nimport { api } from \"../../providers/ApiProvider\";\nimport { signupValidationSchema } from './validation';\nimport { parse } from 'query-string'\nimport { THEME_CUSTOM, THEME_LIGHT } from '../../utils/constants';\nimport { isLight } from '../../utils/styleUtils';\nimport Logo from '../../components/common/Logo';\n\nconst textCommons = { T, __, getErrorText }\n\nconst { Title } = Typography;\n\nconst SignUpPage = (props) => {\n const [isLoading, setIsLoading] = useState(true);\n const [entity, setEntity] = useState(null)\n const entitySettings = useSelector((state) => state?.ui?.entitySettings);\n const theme = useSelector((state) => state?.ui?.theme);\n const customColors = useSelector((state) => state?.ui?.customColors);\n const entityName = props.match.params.entityName;\n\n const search = parse(props.location.search)\n\n useEffect(() => {\n api.get(`register/availableEntities/${entityName}`).then((response) => {\n setEntity(response.data)\n\t response?.data?.id && props.getEntitySettings(response?.data?.id);\n setIsLoading(false);\n });\n }, []);\n\n const { userRegistration } = entitySettings || {}\n const { fields, allowedEmailDomains } = userRegistration || {}\n\n const handleSubmit = (entity, values) => {\n const search = parse(props.location.search);\n props.signUpRequest(\n entity,\n values,\n search?.url,\n userRegistration.onSuccessfulSignUp,\n search.allow !== \"signup\");\n };\n\n return (\n \n {\n (userRegistration?.selfRegistrationEnabled) &&\n (\n <>\n \n \n \n \n \n\t\t\t\t\t {__('Self registration is not enabled, please contact the management')}\n\t\t\t\t \n\t\t\t \n\t\t )\n\t }\n
\n }\n \n {entity?.name || \"\"}
\n\n
\n );\n};\n\nexport default LottieFile;\n\nLottieFile.defaultProps = {\n loop: true,\n width: \"65%\"\n};\n\nLottieFile.props = {\n file: PropTypes.string.isRequired,\n loop: PropTypes.bool,\n width: PropTypes.string,\n};","import React from \"react\";\nimport { Row, Col, Typography } from \"antd\";\nimport {CheckCircleTwoTone, CloseCircleTwoTone} from '@ant-design/icons';\nimport PropTypes from 'prop-types';\nimport LottieFile from \"./LottieFile\";\nimport lottieWidget1 from '../../assets/lottie/widget1.json';\nimport lottieWidget2 from '../../assets/lottie/widget2.json';\n\nconst {Text} = Typography;\n\nconst MessageImg = ({type}) => {\n switch(type) {\n case 'success':\n return(\n \n
\n
\n );\n};\n\nexport default MessageView;\n\nMessageView.defaultProps = {\n title: '',\n subtitle: '',\n type: null,\n};\n\nMessageView.props = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n type: PropTypes.string,\n};","import React from \"react\";\nimport {Button, Popover} from \"antd\";\nimport PropTypes from 'prop-types';\nimport {ChromePicker} from \"react-color\";\nimport {__} from \"../../utils/appHelper\";\n\nconst ColorPicker = (props) => {\n const {value, onChange} = props;\n return (\n \n \n
\n \n {props?.title} \n
\n \n {props?.subtitle} \n
\n \n \n onChange(color?.hex)}\n />}\n title=\"Set color\"\n trigger=\"click\"\n >\n \n \n
\n );\n};\n\nexport default ColorPicker;\n\nColorPicker.defaultProps = {};\n\nColorPicker.props = {\n value: PropTypes.any,\n onChange: PropTypes.func,\n};","import {__} from \"../../utils/appHelper\";\nimport {Switch} from \"antd\";\nimport React from \"react\";\n\nconst HorizontalSwitch = (props) => {\n\treturn (\n\t\t\n\t\t\t{__(\"automatic language detection\")}\n\t\t\t
\n\t)\n}\n\nexport default HorizontalSwitch\n","import React, { useEffect, useState } from 'react';\nimport {\n Button,\n Col,\n Divider,\n Form,\n Input,\n InputNumber,\n Layout,\n Row,\n Select,\n Typography,\n Modal,\n Switch,\n Radio,\n} from 'antd';\nimport { __, renameProp } from \"../utils/appHelper\";\nimport axios from 'axios'\n\nimport { THEME_CLASSIC, THEME_CUSTOM, THEME_DARK, THEME_LIGHT } from \"../utils/constants\";\nimport Iframe from \"react-iframe\";\nimport MessageView from \"../components/common/MessageView\";\nimport ColorPicker from \"../components/common/ColorPicker\";\nimport { getApiUrl } from \"../constants/globalConfiguration\";\nimport { connect, useSelector } from \"react-redux\";\nimport { getLanguagesWrapped, setBaseURI } from \"../providers/ReduxProvider/actions/userActions\";\nimport * as S from \"../providers/StyleProvider/styleComponents\";\nimport { api } from '../providers/ApiProvider';\nimport HorizontalSwitch from \"../components/common/Switch\";\n\n\nconst { Content } = Layout;\nconst { Title, Text } = Typography;\nconst { Option } = Select;\n\nconst WidgetConfigPage = (props) => {\n\n const { updateLanguages, updateBaseURI } = props\n\n const availableLanguages = useSelector((state) => state?.ui.availableLanguages);\n\n const [preview, setPreview] = useState(null);\n const [widget, setWidget] = useState(null);\n const [showModal, setShowModal] = useState(false);\n const [entitySettings, setEntitySettings] = useState(null)\n const [availableEntities, setAvailableEntities] = useState(null);\n const [update, setUpdate] = useState(-1);\n const [showCustomSettings, setShowCustomSettings] = useState(false);\n const [showLanguages, setShowLanguages] = useState(false)\n\n const [form] = Form.useForm();\n\n const MIN_WIDTH = 400;\n const MAX_WIDTH = 1920;\n const MIN_HEIGHT = 600;\n const MAX_HEIGHT = 1080;\n\n const GODOO_DEFAULT_URL = 'test.godoo.ch';\n\n\n useEffect(() => {\n updateBaseURI(window.location.hostname);\n getAvailableCompanies();\n updateLanguages()\n }, []);\n\n\n function getAvailableCompanies(url) {\n if (!url) {\n url = getApiUrl(window.location.hostname);\n }\n\n return axios.get(`${url}/register/availableEntities`)\n .then(\n response => {\n let data = response.data;\n data.forEach(obj => renameProp(obj, 'name', 'value'));\n setAvailableEntities(data);\n },\n error => {\n console.log(error);\n setAvailableEntities(null);\n }\n );\n }\n\n const onFinish = (values) => {\n\t setPreview(null)\n const resource = (!values.allow || values.allow !== \"signup\") ? \"login\" : `sign-up/${values.entityName}`;\n\n let src = `${window.location.origin}${window.location.pathname}#/${resource}?url=${values.url}&theme=${values.theme}`;\n if (values.entityName) {\n src += `&entityName=${values.entityName}`;\n }\n if (values.allow) {\n src += `&allow=${values.allow}`;\n }\n if (values.theme === THEME_CUSTOM) {\n src += `&primary=${values?.primary.substring(1)}\n &secondary=${values?.secondary.substring(1)}\n &tertiary=${values?.tertiary.substring(1)}`\n }\n\n if (!values.languageAuto) {\n src += `&language=${values?.language}`\n }\n /*\n Widget preview\n */\n const widgetOptions = {\n src,\n width: values.width,\n height: values.height,\n allow: values.allow\n };\n setPreview(widgetOptions);\n /*\n Widget export\n */\n const iFrame = ``;\n setWidget(iFrame);\n setUpdate(0);\n };\n\n const onValuesChange = (changedValues, allValues) => {\n if (changedValues.entityName) {\n api.get(`register/availableEntities/${changedValues.entityName}`).then((response) => {\n api.get(`entitySettings/${response.data.id}`).then((res) => {\n setEntitySettings(res.data)\n });\n });\n }\n\t\tif (changedValues.languageAuto === false) {\n\t\t\tform.setFieldsValue({ ['language']: null })\n\t\t}\n };\n\n const themeSelected = (theme) => {\n (theme === THEME_CUSTOM) ? setShowCustomSettings(true) : setShowCustomSettings(false);\n };\n\n const onUrlBlur = (e) => {\n form.setFieldsValue({ entityName: \"\" });\n updateBaseURI(e.target.value);\n getAvailableCompanies(getApiUrl(e.target.value));\n updateLanguages()\n };\n\n return (\n \n {__(\"configuration\")} \n \n \n 0),\n message: __(\"please select the company or user-group name for sign-up\"),\n },\n ]}\n >\n \n option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n \n \n \n \n\n \n \n \n\n {\n (showCustomSettings) && (\n \n \n {__(\"login\")} \n {__(\"signup\")} \n {__(\"both\")} \n \n \n \n )\n }\n\n \n\t prevValues.languageAuto !== currentValues.languageAuto}\n\t >\n\t\t {({ getFieldValue }) => {\n\t\t\t\t\t\t\t\t\t\treturn (getFieldValue('languageAuto') !== false ?\n\t\t\t\t\t\t\t\t\t\t\tnull : (\n\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (!value && showLanguages) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn Promise.reject()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn Promise.resolve()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmessage: __('please select the language'),\n\t\t\t\t\t\t\t\t\t\t\t\t\t}]}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t }}\n\t \n \n \n
\n \n \n \n \n \n
\n )\n }\n {\n (entitySettings?.userRegistration?.selfRegistrationEnabled) && (\n <>\n \n {__(\"Preview\")} \n {\n (preview) ? (\n
\n \n \n {\n (widget && (\n
\n ) : (\n \n\n setShowModal(false)}\n cancelButtonProps={{ style: { display: 'none' } }}\n >\n \n
\n \n
\n ))\n }\n \n {\n (widget && (\n \n {widget} \n \n \n \n {__(\"copy and paste the godoo plugin code in your website\")} \n
\n \n
\n )\n )\n }\n \n \n
\n
\n );\n};\n\nexport default connect(\n (state) => {\n return {\n user: state.user\n };\n },\n { logout, getGuiUser }\n)(LoggedPage);\n\nLoggedPage.propTypes = {};\n","import React, { useEffect } from 'react'\nimport { connect, useSelector } from 'react-redux'\nimport { getEntitySettings } from '../providers/ReduxProvider/actions/userActions'\n\nimport { Authentication as Auth } from 'components'\nimport { Gutter } from 'components/dist/styles'\nimport { Text } from 'components/dist/styles'\nimport { api } from '../providers/ApiProvider'\nimport { __ } from '../utils/appHelper'\nimport { T } from \"../utils/translations\"\nimport getErrorText from \"../utils/getErrorText\";\n\nconst textCommons = { T, __, getErrorText }\n\nconst SuccessMessagePage = (props) => {\n const { homeURL } = props\n\n const { userRegistration } = useSelector((state) => state?.ui?.entitySettings) || {}\n const { successfulSignUpPageConfiguration } = userRegistration || {}\n\n const entityName = props.match.params.entityName;\n\n useEffect(() => {\n api.get(`register/availableEntities/${entityName}`).then((response) => {\n props.getEntitySettings(response.data.id);\n })\n }, [])\n\n return (\n <>\n \n {user &&\n
\n \n
\n
\n
\n\n {__('Go check it out')}\n \n
\n }\n \n
{__('Welcome back')}, {user?.firstName}!
\n \n {\n (isLoading) ?
\n \n
\n
\n {__(\"or\")} {__(\"Logout\")}\n
\n \n {entityName || ''}\n
\n\n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n