\r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Signature;","import React from 'react'\r\n\r\nexport const Spacer = props => {\r\n const { element } = props;\r\n \r\n return (\r\n \r\n \r\n ![{element.text}]()
\r\n
\r\n {!context.isReadOnly && \r\n \r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n )\r\n}","import React from 'react'\r\nimport { i18nText } from '../../../Services';\r\n\r\nexport const StaticText = props => {\r\n const { context, defaultValue, element, modelPath } = props;\r\n const inputModel = context.readModel(modelPath, defaultValue);\r\n\r\n if (i18nText.exists(element.text))\r\n return (\r\n {i18nText.getText(element.text)}\r\n );\r\n\r\n return (\r\n {inputModel?.value}\r\n )\r\n}\r\n\r\nexport default StaticText;\r\n","import React from 'react'\r\nimport { Input } from './'\r\n\r\nexport const Text = props => { \r\n const customProps = Object.assign({}, { \"defaultValue\": \"\", \"type\": \"text\" }, props);\r\n \r\n return ()\r\n}\r\n\r\nexport default Text;","import React, { useEffect, useRef } from 'react'\r\n\r\nexport const Textarea = props => {\r\n const { context, defaultValue, element, modelPath } = props;\r\n const inputModel = context.readModel(modelPath, defaultValue);\r\n let inputRef = useRef(null);\r\n\r\n const change = () => {\r\n const errors = context.validateElement(inputRef.current, element, inputRef.current.value);\r\n context.updateModel(modelPath, inputRef.current.value, errors);\r\n\r\n console.log('textarea', element.name, inputRef.current.value);\r\n }\r\n\r\n useEffect(() => {\r\n context.validators.subscribe(change);\r\n return () => context.validators.unsubscribe(change);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [context, element, modelPath, inputRef]);\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default Textarea;","import React from 'react'\r\nimport { Input } from './'\r\nimport { timeService } from '../../../Services';\r\n\r\nexport const Time = props => {\r\n if (!props.element)\r\n return null;\r\n\r\n const customProps = Object.assign({}, { \"defaultValue\": \"\", \"type\": \"time\" }, props);\r\n \r\n if (customProps.element.min)\r\n customProps.element.min = timeService.getTime(customProps.element.min);\r\n\r\n if (customProps.element.max)\r\n customProps.element.max = timeService.getTime(customProps.element.max);\r\n\r\n return ()\r\n}\r\n\r\nexport default Time;","import React from 'react'\r\nimport { Input } from './'\r\n\r\nexport const Url = props => { \r\n const customProps = Object.assign({}, { \"defaultValue\": \"http://\", \"type\": \"url\" }, props);\r\n \r\n return ()\r\n}\r\n\r\nexport default Url;","import React from 'react'\r\nimport { Input } from './'\r\nimport { dateService } from '../../../Services';\r\n\r\nexport const Week = props => {\r\n if (!props.element)\r\n return null;\r\n\r\n const customProps = Object.assign({}, { \"defaultValue\": \"\", \"type\": \"week\" }, props);\r\n \r\n if (customProps.element.min)\r\n customProps.element.min = dateService.getWeek(customProps.element.min);\r\n\r\n if (customProps.element.max)\r\n customProps.element.max = dateService.getWeek(customProps.element.max);\r\n\r\n return ()\r\n}\r\n\r\nexport default Week;","import './autoform.css'\r\n\r\nimport React, { useEffect, useRef, useState } from 'react'\r\nimport { Trans, useTranslation } from 'react-i18next';\r\nimport { authHeader, handleResponse } from '../../Helpers'\r\n\r\nimport { BigButton } from '../../Components'\r\nimport { Consent } from '../'\r\nimport { Element } from './Elements'\r\nimport EnglishResourceBundle from './locale/autoform.en.json'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport FrenchResourceBundle from './locale/autoform.fr.json'\r\nimport ReactDOM from \"react-dom\";\r\nimport {useHistory} from 'react-router-dom';\r\n\r\nexport const AutoForm = (props) => {\r\n const history = useHistory();\r\n \r\n const { t, i18n } = useTranslation();\r\n i18n.addResourceBundle('en', 'autoform', EnglishResourceBundle);\r\n i18n.addResourceBundle('fr', 'autoform', FrenchResourceBundle);\r\n\r\n let formElement = useRef(null);\r\n\r\n const [formChanged, setFormChanged] = useState(false);\r\n const [model, setModel] = useState(props.data.formModel || {});\r\n const [defaultModel] = useState(props.data.form.defaultModel || {});\r\n const [saving, setSaving] = useState(false);\r\n const [saved, setSaved] = useState(null);\r\n const [messages, setMessages] = useState([]);\r\n const [validated, setValidated] = useState(false);\r\n const [termsChecked, setTermsChecked] = useState(false);\r\n\r\n const onSave = (notify) => {\r\n setSaving(true);\r\n setSaved(null);\r\n\r\n notify = notify || false;\r\n\r\n context.validators.validate();\r\n\r\n const fileInputs = [...formElement.current.elements].filter(p => p.type === \"file\");\r\n const formData = new FormData();\r\n const route = !props.ea || props.ea.length === 0 ? `/savemodel` : `/q/${props.ea}/savemodel`;\r\n\r\n formData.append(\"id\", props.data.form.id);\r\n formData.append(\"status\", props.data.formVersion.status);\r\n formData.append(\"model\", JSON.stringify(model));\r\n\r\n if (termsChecked) {\r\n formData.append(\"clientTermId\", getLocalizeValue(props.data.clientTerms, i18n.language, \"id\"));\r\n formData.append(\"formTermId\", getLocalizeValue(props.data.formTerms, i18n.language, \"id\"));\r\n }\r\n\r\n let allFileIndex = 0;\r\n fileInputs.forEach(fileInput => {\r\n let fileIndex = 0;\r\n [...fileInput.files].forEach(file => {\r\n formData.append(\"files\", file);\r\n formData.append(\"paths\", `${allFileIndex++};${fileInput.getAttribute(\"aform-path\")}.value[${fileIndex++}]`);\r\n });\r\n });\r\n formData.append(\"notify\", notify);\r\n\r\n const request = {\r\n method: \"POST\",\r\n headers: Object.assign({}, authHeader()),\r\n body: formData\r\n }\r\n\r\n fetch(`${process.env.REACT_APP_APIURL}/api/forms${route}?culture=${i18n.language.substring(0, 2)}`, request)\r\n .then(handleResponse)\r\n .then(json => {\r\n let saved = null;\r\n\r\n if (json.messages && json.messages.filter(m => m.messageType === 8).length === 0) {\r\n fileInputs.forEach(element => element.value = \"\");\r\n\r\n const atLeastOnError = hasErrors(model);\r\n saved = {\r\n hasErrors: atLeastOnError,\r\n message: atLeastOnError ? t(\"autoform:savedWithErrors\") : t(\"autoform:saved\")\r\n }\r\n\r\n if (props.onSave)\r\n props.onSave(json);\r\n\r\n setFormChanged(false);\r\n setValidated(!atLeastOnError);\r\n } else {\r\n setValidated(false);\r\n }\r\n\r\n setSaved(saved);\r\n setMessages(json.messages);\r\n\r\n if (saved && saved.hasErrors)\r\n scrollToFirstErrorOrTop();\r\n })\r\n .finally(() => {\r\n setSaving(false);\r\n\r\n if (notify)\r\n history.push('/');\r\n });\r\n }\r\n\r\n const onSubmit = (e) => {\r\n e.preventDefault();\r\n onSave(true);\r\n }\r\n\r\n const readDefaultValue = (modelPath, alternativeDefaultValue) => {\r\n\r\n const deepRead = (branch, name) => {\r\n if (name.startsWith(\"[\")) {\r\n if (Array.isArray(branch.value))\r\n return branch.value[parseInt(name.slice(1, -1))];\r\n\r\n return branch;\r\n }\r\n\r\n if (!branch[name]) {\r\n return alternativeDefaultValue;\r\n }\r\n\r\n return branch[name];\r\n }\r\n\r\n modelPath = modelPath || \"\";\r\n const path = modelPath.split('.');\r\n let branch = { ...defaultModel };\r\n\r\n for (let i = 0, l = path.length; i < l; i++) {\r\n const pathItem = path[i];\r\n branch = deepRead(branch, pathItem);\r\n }\r\n\r\n return branch;\r\n }\r\n\r\n const context = {\r\n defaultModel: { ...defaultModel },\r\n download: function (fileId, filename) {\r\n const request = {\r\n method: \"POST\",\r\n headers: Object.assign({}, authHeader())\r\n }\r\n\r\n const route = !props.ea || props.ea.length === 0 ? `/${props.data.form.id}/download/${fileId}` :\r\n `/q/${props.ea}/download/${fileId}`;\r\n\r\n fetch(`${process.env.REACT_APP_APIURL}/api/forms${route}?culture=${i18n.language.substring(0, 2)}`, request)\r\n .then(response => {\r\n if (!response.ok)\r\n throw Error(response);\r\n\r\n return response;\r\n })\r\n .then(response => {\r\n return response.blob();\r\n })\r\n .then(blob => {\r\n this.downloadBlob(blob, filename);\r\n })\r\n .catch(response => {\r\n console.error(\"download error\", response);\r\n });\r\n },\r\n downloadBlob: function (blob, filename) {\r\n const url = window.URL.createObjectURL(blob);\r\n let tempLink = document.createElement('a');\r\n tempLink.href = url;\r\n tempLink.setAttribute('download', filename);\r\n tempLink.click();\r\n URL.revokeObjectURL(url);\r\n },\r\n getModel: () => model,\r\n readModel: (modelPath, defaultValue) => {\r\n const deepRead = (branch, name) => {\r\n if (name.startsWith(\"[\")) {\r\n if (Array.isArray(branch.value))\r\n return branch.value[parseInt(name.slice(1, -1))];\r\n\r\n return branch;\r\n }\r\n\r\n if (!branch[name]) {\r\n const presetDefaultValue = Array.isArray(defaultValue) ? defaultValue : readDefaultValue(modelPath, defaultValue);\r\n branch[name] = { \"value\": presetDefaultValue, \"errors\": [] };\r\n }\r\n\r\n return branch[name];\r\n }\r\n\r\n modelPath = modelPath || \"\";\r\n let branch = model;\r\n const path = modelPath.split('.');\r\n\r\n for (let i = 0, l = path.length; i < l; i++) {\r\n const pathItem = path[i];\r\n branch = deepRead(branch, pathItem);\r\n }\r\n\r\n return branch;\r\n },\r\n isReadOnly: props.data.isReadOnly,\r\n updateModel: (modelPath, value, errors) => {\r\n const newModel = { ...model };\r\n const modelString = JSON.stringify(model);\r\n\r\n const deepUpdate = (branch, name) => {\r\n if (name.startsWith(\"[\")) {\r\n if (!branch.value)\r\n branch.value = { \"value\": [], \"errors\": [] };\r\n\r\n const index = parseInt(name.slice(1, -1));\r\n return branch.value[index];\r\n }\r\n\r\n if (!branch[name]) {\r\n branch[name] = { \"value\": \"\", \"errors\": [] };\r\n }\r\n\r\n return branch[name];\r\n }\r\n\r\n modelPath = modelPath || \"\";\r\n const path = modelPath.split('.');\r\n let branch = newModel;\r\n\r\n for (let i = 0, l = path.length; i < l; i++) {\r\n const pathItem = path[i];\r\n branch = deepUpdate(branch, pathItem);\r\n }\r\n\r\n branch.value = value;\r\n branch.errors = errors || [];\r\n\r\n const changed = formChanged || JSON.stringify(newModel) !== modelString\r\n\r\n setModel(newModel);\r\n setFormChanged(changed);\r\n setValidated(!changed);\r\n },\r\n validators: {\r\n observers: [],\r\n subscribe: f => context.validators.observers.push(f),\r\n unsubscribe: f => context.validators.observers.filter(subscriber => subscriber !== f),\r\n validate: () => {\r\n context.validators.observers.forEach(observer => observer());\r\n }\r\n },\r\n validateElement: function (e, element, value) {\r\n const messages = [];\r\n\r\n if (e && e.checkValidity && !e.checkValidity()) {\r\n if (e.validity.valueMissing) {\r\n messages.push({ name: \"valueMissing\", type: e.type });\r\n }\r\n else if (e.validity.typeMismatch) {\r\n messages.push({ name: \"typeMismatch\", type: e.type, value: e.value });\r\n }\r\n else if (e.validity.patternMismatch) {\r\n messages.push({ name: \"patternMismatch\", type: e.type, pattern: e.pattern, value: e.value });\r\n }\r\n else if (e.validity.tooLong) {\r\n messages.push({ name: \"tooLong\", type: e.type, maxLength: e.maxLength, value: e.value, length: e.value.length });\r\n }\r\n else if (e.validity.tooShort) {\r\n messages.push({ name: \"tooShort\", type: e.type, minLength: e.minLength, value: e.value, length: e.value.length });\r\n }\r\n else if (e.validity.rangeUnderflow) {\r\n messages.push({ name: \"rangeUnderflow\", type: e.type, min: e.min, value: e.value });\r\n }\r\n else if (e.validity.rangeOverflow) {\r\n messages.push({ name: \"rangeOverflow\", type: e.type, max: e.max, value: e.value });\r\n }\r\n else if (e.validity.stepMismatch) {\r\n messages.push({ name: \"stepMismatch\", type: e.type, step: e.step, value: e.value });\r\n }\r\n else if (e.validity.badInput) {\r\n messages.push({ name: \"badInput\", type: e.type });\r\n }\r\n }\r\n\r\n element.validations && element.validations.forEach(validation => {\r\n if (validation.email && validation.phone && value && value.length > 0) {\r\n if (!new RegExp(/^(([^<>()[\\],;:\\s@\"]+(\\.[^<>()[\\].,;:\\s@\"]+)*)|(\".+\"))@(([^<>()[\\].,;:\\s@\"]+\\.)+[^<>()[\\].,;:\\s@\"]{2,})$|^[+]{0,1}[1]{0,1}[ ]{0,1}[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s./0-9]*$/).test(value))\r\n messages.push({ name: \"invalidEmailorPhone\" });\r\n } else if (validation.email && value && value.length > 0) {\r\n if (!new RegExp(/^(([^<>()[\\],;:\\s@\"]+(\\.[^<>()[\\].,;:\\s@\"]+)*)|(\".+\"))@(([^<>()[\\].,;:\\s@\"]+\\.)+[^<>()[\\].,;:\\s@\"]{2,})$/i).test(value))\r\n messages.push({ name: \"invalidEmail\" });\r\n } else if (validation.phone && value && value.length > 0) {\r\n if (!new RegExp(/^[+]{0,1}[1]{0,1}[ ]{0,1}[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s./0-9]*$/).test(value))\r\n messages.push({ name: \"invalidPhone\" });\r\n }\r\n\r\n if (validation.regex && validation.text && validation.name && !new RegExp(validation.regex).test(value)) {\r\n messages.push({ name: validation.name, regex: validation.regex });\r\n }\r\n })\r\n\r\n return messages;\r\n }\r\n }\r\n\r\n const scrollToFirstErrorOrTop = () => {\r\n const node = ReactDOM.findDOMNode(formElement.current);\r\n const firstInvalidElement = node && node.querySelector('.is-invalid');\r\n\r\n const getOffsetTop = element => {\r\n let offsetTop = 0;\r\n while (element) {\r\n offsetTop += element.offsetTop;\r\n element = element.offsetParent;\r\n }\r\n return offsetTop;\r\n }\r\n\r\n let top = firstInvalidElement ? getOffsetTop(firstInvalidElement) : 0;\r\n window.scrollTo({ top: top, behavior: 'smooth' });\r\n }\r\n\r\n const hasErrors = obj => {\r\n if (obj == null)\r\n return false;\r\n\r\n let atleastOnError = false;\r\n for (let [key, value] of Object.entries(obj)) {\r\n if (key === \"errors\" && Array.isArray(value) && value.length > 0) {\r\n atleastOnError = true;\r\n }\r\n else if (typeof value === \"object\") {\r\n atleastOnError = hasErrors(value);\r\n }\r\n\r\n if (atleastOnError)\r\n break;\r\n }\r\n\r\n return atleastOnError;\r\n }\r\n\r\n const getLocalizeValue = (obj, culture, name) => {\r\n let localizeObj = obj && obj[culture.substring(0, 2)] ? obj[culture.substring(0, 2)] : null;\r\n\r\n if (localizeObj == null) {\r\n const keys = Object.keys(obj);\r\n if (keys.length > 0)\r\n localizeObj = obj[keys[0]];\r\n }\r\n\r\n if (localizeObj == null)\r\n return \"\";\r\n\r\n return localizeObj[name] ? localizeObj[name] : \"\";\r\n }\r\n\r\n useEffect(() => {\r\n const onUnload = (event) => {\r\n if (!formChanged)\r\n return;\r\n\r\n event.returnValue = t(\"autoform:beforeUnload\");\r\n }\r\n\r\n window.addEventListener(\"beforeunload\", onUnload);\r\n\r\n return function cleanUp() {\r\n window.removeEventListener(\"beforeunload\", onUnload);\r\n }\r\n }, [formChanged, t, context]);\r\n\r\n return (\r\n <>\r\n {context.isReadOnly &&\r\n \r\n
\r\n }\r\n\r\n \r\n \r\n )\r\n}","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Link } from 'react-router-dom'\r\n\r\nimport { useTranslation } from 'react-i18next';\r\nimport EnglishResourceBundle from './locale/consent.en.json'\r\nimport FrenchResourceBundle from './locale/consent.fr.json'\r\n\r\nexport const Consent = props => {\r\n const { t, i18n } = useTranslation();\r\n i18n.addResourceBundle('en', 'consent', EnglishResourceBundle);\r\n i18n.addResourceBundle('fr', 'consent', FrenchResourceBundle);\r\n\r\n const { clientKey, context, data, termsChanged } = props;\r\n const [state, setState] = useState({ clientIsInvalid: true, formIsInvalid: true });\r\n const clientRef = useRef(null);\r\n const formRef = useRef(null);\r\n\r\n const getLocalizeValue = (obj, culture, name) => {\r\n let localizeObj = obj && obj[culture.substring(0, 2)] ? obj[culture.substring(0, 2)] : null;\r\n\r\n if (localizeObj == null) {\r\n const keys = Object.keys(obj);\r\n if (keys.length > 0)\r\n localizeObj = obj[keys[0]];\r\n }\r\n\r\n if (localizeObj == null)\r\n return \"\";\r\n\r\n return localizeObj[name] ? localizeObj[name] : \"\";\r\n }\r\n\r\n const validator = () => {\r\n const newState = { ...state };\r\n\r\n if (clientRef.current) {\r\n const clientErrors = context.validateElement(clientRef.current, {}, clientRef.current.value);\r\n newState.clientIsInvalid = clientErrors && clientErrors.length > 0;\r\n }\r\n else {\r\n newState.clientIsInvalid = false;\r\n }\r\n\r\n if (formRef.current) {\r\n const formErrors = context.validateElement(formRef.current, {}, formRef.current.value);\r\n newState.formIsInvalid = formErrors && formErrors.length > 0;\r\n }\r\n else {\r\n newState.formIsInvalid = false;\r\n }\r\n\r\n setState(newState);\r\n\r\n if (termsChanged)\r\n termsChanged(!newState.clientIsInvalid && !newState.formIsInvalid);\r\n }\r\n\r\n const hasClientTerms = getLocalizeValue(data.clientTerms, i18n.language, \"id\").length > 0;\r\n const hasFormTerms = getLocalizeValue(data.formTerms, i18n.language, \"id\").length > 0;\r\n\r\n useEffect(() => {\r\n context.validators.subscribe(validator);\r\n return () => context.validators.unsubscribe(validator);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [context, clientRef, formRef]);\r\n\r\n return (\r\n <>\r\n {(hasFormTerms || hasClientTerms) &&\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n }\r\n \r\n );\r\n}","import React from 'react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nimport './bigButton.css'\r\n\r\nexport const BigButton = props => { \r\n return (\r\n \r\n {hasClientTerms &&\r\n
\r\n \r\n
\r\n }\r\n {hasFormTerms &&\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n );\r\n}","import React from 'react';\r\n\r\nexport const ColorBox = props => {\r\n const imageSrc = props.imageSrc;\r\n const color = props.color || `#${Math.random().toString(16).slice(2, 8)}`;\r\n const width = props.width || \"32\";\r\n const height = props.height || \"32\";\r\n\r\n return (\r\n <>\r\n {imageSrc && imageSrc.length > 0 ?\r\n \r\n
\r\n \r\n aform\r\n
\r\n\r\n \r\n
\r\n - \r\n { currentUser &&
- {t(\"header:yourRecentActivities\")} }\r\n
- \r\n { currentUser &&\r\n {t(\"header:logOut\")}\r\n }\r\n {!currentUser &&\r\n {t(\"header:signIn\")}\r\n }\r\n \r\n
{t(\"loading:text\")}
\r\n );\r\n}","import React from 'react'\r\n\r\nimport { MediaBoxEmptyRow } from '../../Components'\r\n\r\nexport const MediaBox = props => {\r\n const { title, description, emptyText } = props;\r\n\r\n return (\r\n\r\n
\r\n );\r\n}","import React from 'react'\r\n\r\nexport const MediaBoxEmptyRow = props => {\r\n return (\r\n {title} {description && {description}}
\r\n {props.children ? \r\n props.children \r\n :\r\n{props.text}
0 ? \" pointer\" : \"\")} onClick={go}>\r\n
\r\n );\r\n}","import React from 'react'\r\n\r\nexport const PageHeader = (props) => {\r\n return (\r\n \r\n {title}\r\n {description && \r\n
\r\n - \r\n {description.map((d, dIndex) => { \r\n return (\r\n
- · }\r\n
- {d} \r\n
\r\n { props.title &&
\r\n );\r\n}","import React from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\n\r\nimport { authenticationService } from '../../Services';\r\n\r\nexport const PrivateRoute = ({ component: Component, ...rest }) => {\r\n return (\r\n {props.title}
}\r\n { props.description &&{props.description}
}\r\n\r\n
\r\n )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { useParams } from 'react-router-dom';\r\nimport { authHeader, handleResponse } from '../../Helpers';\r\nimport 'moment/locale/fr'\r\nimport Moment from 'react-moment'\r\n\r\nimport { useTranslation } from 'react-i18next';\r\nimport EnglishResourceBundle from './locale/formTerms.en.json'\r\nimport FrenchResourceBundle from './locale/formTerms.fr.json'\r\n\r\nimport './formTerms.css'\r\n\r\nexport const FormTerms = props => {\r\n const ReactMarkdown = require('react-markdown/with-html');\r\n\r\n const { t, i18n } = useTranslation();\r\n i18n.addResourceBundle('en', 'formTerms', EnglishResourceBundle);\r\n i18n.addResourceBundle('fr', 'formTerms', FrenchResourceBundle);\r\n\r\n const { clientKey, formKey, termId } = useParams();\r\n const [state, setState] = useState({ terms: [] });\r\n const [locale, setLocale] = useState(\"\")\r\n\r\n const getLocalizeValue = (obj, culture, name) => {\r\n let localizeObj = obj && obj[culture.substring(0, 2)] ? obj[culture.substring(0, 2)] : null;\r\n\r\n if (localizeObj == null) {\r\n const keys = Object.keys(obj);\r\n if (keys.length > 0)\r\n localizeObj = obj[keys[0]];\r\n }\r\n\r\n if (localizeObj == null)\r\n return \"\";\r\n\r\n return localizeObj[name] ? localizeObj[name] : \"\";\r\n }\r\n\r\n useEffect(() => {\r\n if (!i18n.language)\r\n return;\r\n\r\n const locale =i18n.language.substring(0, 2);\r\n setLocale(locale);\r\n\r\n const request = {\r\n method: \"GET\",\r\n headers: authHeader()\r\n }\r\n\r\n const routeModifier = formKey && formKey.length > 0 ? `/forms/${formKey}` : \"\";\r\n const route = `${process.env.REACT_APP_APIURL}/api/clients/${clientKey}${routeModifier}/terms/${termId}?culture=${locale}`;\r\n\r\n fetch(route, request)\r\n .then(handleResponse)\r\n .then(setState);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [i18n.language]);\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n <>\r\n {data.client.style && }\r\n {data.template.style && }\r\n \r\n
\r\n {t(\"form:unknown\")}
\r\n- \r\n
- {t(\"form:unknownWhy1\")} \r\n
- {t(\"form:unknownWhy2\")} \r\n
- {t(\"form:unknownWhy4\")} \r\n
- {t(\"form:unknownWhy3\")} \r\n
{t(\"form:unknownTryAgain\")}
\r\n\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n {getLocalizeValue(data.clientLocalizations, i18n.language, \"logo\") &&\r\n
\r\n\r\n \r\n 
\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n {getLocalizeValue(data.clientLocalizations, i18n.language, \"name\")}
\r\n\r\n
\r\n \r\n
\r\n \r\n
- \r\n {data.client && data.client.phone &&
- {t(\"form:phone\")} {data.client.phone} }\r\n {data.client && data.client.fax &&
- {t(\"form:fax\")} {data.client.fax} }\r\n {data.client && data.client.email &&
- {t(\"form:email\")} {data.client.email} }\r\n {data.client && getLocalizeValue(data.clientLocalizations, i18n.language, \"website\") &&
- {getLocalizeValue(data.clientLocalizations, i18n.language, \"website\") ? getLocalizeValue(data.clientLocalizations, i18n.language, \"website\").replace(/(^\\w+:|^)\\/\\//, '').toLowerCase() : \"\"} }\r\n
\r\n
\r\n\r\n \r\n
\r\n {getLocalizeValue(data.templateLocalizations, i18n.language, \"name\")}
\r\n- \r\n
- {t(\"form:createdOn\")}
- {t(\"form:modifiedOn\")}
{getLocalizeValue(data.templateLocalizations, i18n.language, \"description\")}
\r\n * {t(\"form:requiredFieldsNote\")}\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}","import './home.css'\r\n\r\nimport { Footer, Header, MediaBox, MediaBoxRow, PageHeader } from '../../Components';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { authHeader, handleResponse } from '../../Helpers';\r\n\r\nimport EnglishResourceBundle from './locale/home.en.json';\r\nimport FrenchResourceBundle from './locale/home.fr.json';\r\nimport moment from 'moment'\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport const Home = () => {\r\n const { t, i18n } = useTranslation();\r\n i18n.addResourceBundle('en', 'home', EnglishResourceBundle);\r\n i18n.addResourceBundle('fr', 'home', FrenchResourceBundle);\r\n\r\n const [state, setState] = useState({\r\n formsToComplete: [],\r\n formsNotified: [],\r\n notifications: [],\r\n clients: [],\r\n templates: []\r\n });\r\n\r\n useEffect(() => {\r\n if (!i18n.language)\r\n return;\r\n\r\n const request = {\r\n method: \"GET\",\r\n headers: authHeader()\r\n }\r\n\r\n fetch(`${process.env.REACT_APP_APIURL}/api/home?culture=${i18n.language.substring(0, 2)}`, request)\r\n .then(handleResponse)\r\n .then(json => { \r\n setState({\r\n formsToComplete: json.forms.filter(p => p.status < 3 && p.isRecipient),\r\n formsNotified: json.forms.filter(p => p.status >= 3 && p.isRecipient),\r\n notifications: json.forms.filter(p => p.status >= 3 && p.isSender),\r\n clients: json.clients,\r\n templates: json.templates\r\n });\r\n });\r\n }, [i18n.language]);\r\n\r\n const getFormData = form => {\r\n const getLocalize = (localizations, name) => {\r\n let localize = localizations.find(p => p.culture === culture) ?? localizations[0];\r\n\r\n if (!localize[name])\r\n localize = localizations[0];\r\n\r\n return localize ? localize[name] : \"\";\r\n }\r\n\r\n const culture = i18n.language.substring(0, 2);\r\n const templates = state.templates.filter(p => p.id === form.templateId);\r\n const clients = state.clients.filter(p => p.id === form.clientId);\r\n \r\n moment.locale(i18n.language.substring(0,2));\r\n\r\n let description = [ getLocalize(clients, \"name\"), `version ${form.version}`, moment.utc(form.modificationDate).fromNow(), form.number ];\r\n\r\n return {\r\n title: getLocalize(templates, \"name\"),\r\n description: description,\r\n href: `/${getLocalize(clients, \"key\")}/${form.recipientEmail}/forms/${getLocalize(templates, \"key\")}/${form.number}${form.privateKey && form.privateKey.length > 0 ? `/${form.privateKey}` : \"\"}`.toLowerCase(),\r\n imageSrc: getLocalize(clients, \"logo\")\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n - \r\n
- {t(\"formTerms:version\")} {getLocalizeValue(state.terms, locale, \"version\")} \r\n
- {t(\"formTerms:modificationDate\")}
\r\n
\r\n );\r\n}","import './login.css';\r\n\r\nimport React, { useRef, useState } from 'react';\r\n\r\nimport EnglishResourceBundle from './locale/login.en.json'\r\nimport FrenchResourceBundle from './locale/login.fr.json'\r\nimport { SelectLanguage } from '../../Components'\r\nimport { authenticationService } from '../../Services';\r\nimport { history } from '../../Helpers';\r\nimport { useParams } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n// import { Link } from 'react-router-dom';\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nexport const Login = (props) => { \r\n let formElement = useRef(null);\r\n\r\n const { t, i18n } = useTranslation();\r\n i18n.addResourceBundle('en', 'login', EnglishResourceBundle);\r\n i18n.addResourceBundle('fr', 'login', FrenchResourceBundle);\r\n\r\n const { email } = useParams();\r\n const [state, setState] = useState({\r\n username: email || \"\",\r\n password: \"\",\r\n disabled: false,\r\n errors: {\r\n username: \"\",\r\n password: \"\",\r\n api: \"\"\r\n }\r\n });\r\n\r\n if (authenticationService.currentUserValue) {\r\n history.push('/');\r\n }\r\n\r\n const onChange = (e) => {\r\n const newState = {...state};\r\n newState[e.target.name] = e.target.value;\r\n setState(newState);\r\n }\r\n\r\n const onSubmit = (e) => { \r\n e.preventDefault();\r\n setState({...state, disabled: true});\r\n authenticationService.login(state.username, state.password)\r\n .then(\r\n user => {\r\n const { from } = props.location.state || { from: { pathname: \"/\" } };\r\n history.push(from);\r\n history.replace(from.pathname);\r\n },\r\n error => {\r\n const newState = {...state};\r\n newState.disabled = false;\r\n newState.errors.api = error ? error : t(\"login:errorMessage\");\r\n setState(newState); \r\n }\r\n )\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n { state.formsToComplete.length > 0 && state.formsToComplete.map(form => {\r\n const formData = getFormData(form);\r\n return ( \r\n\r\n { state.formsNotified.length > 0 && \r\n <>\r\n
\r\n\r\n \r\n { state.formsNotified.map(form => {\r\n const formData = getFormData(form);\r\n return ( \r\n \r\n }\r\n\r\n { state.notifications.length > 0 && \r\n <>\r\n
\r\n \r\n \r\n { state.notifications.map(form => {\r\n const formData = getFormData(form);\r\n return ( \r\n \r\n } \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n ![\"\"]({require(\"./img/bg.jpg\")})
\r\n
\r\n )\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport './app.css'\r\n\r\nimport { Form, FormTerms, Home, Login } from './../Pages';\r\nimport { Route, Router } from 'react-router-dom';\r\nimport { faArrowRight, faCheck, faChevronUp, faDownload, faEye, faEyeSlash, faSave, faShare, faSpinner, faTrashAlt } from '@fortawesome/free-solid-svg-icons'\r\n\r\nimport { PrivateRoute } from './../Components';\r\nimport React from 'react';\r\nimport { history } from './../Helpers';\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\n\r\nconst App = () => {\r\n library.add(faArrowRight, faCheck, faChevronUp, faDownload, faEye, faEyeSlash, faSave, faShare, faSpinner, faTrashAlt);\r\n\r\n return ( \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n aform
\r\n{t(\"login:yourForms\")}
\r\n{t(\"login:yourFormsSubtitle\")}
\r\n\r\n
\r\n - \r\n
- {t(\"login:personalInformation\")} \r\n {/*
- {t(\"login:aboutUs\")} \r\n
- {t(\"login:terms\")} */}\r\n