@arquimedes.co/eureka-forms 2.0.119 → 2.0.121

package/dist/@Types/ErkValue.d.ts

@@ -0,0 +1,16 @@
+import ErkValueTypes from '../constants/ErkValueTypes';
+import { EurekaDraft } from './Draft/Draft';
+export type ErkValue = StepErkValue | DraftErkValue | BooleanErkValue;
+interface StepErkValue {
+    type: ErkValueTypes.STEP;
+    idStep: string;
+}
+interface DraftErkValue {
+    type: ErkValueTypes.DRAFT;
+    value: EurekaDraft;
+}
+interface BooleanErkValue {
+    type: ErkValueTypes.BOOLEAN;
+    value: boolean;
+}
+export {};

package/dist/@Types/ErkValue.js

@@ -0,0 +1 @@
+export {};

package/dist/@Types/Form.d.ts

@@ -11,6 +11,7 @@ export interface Form {
     size: FormSize;
     firstSection: string;
     type?: FormTypes;
+    hasLogin?: boolean;
     hasCaptcha?: boolean;
     isStandAlone?: boolean;
     style?: FormStyle;

package/dist/@Types/FormStep.d.ts

@@ -2,6 +2,7 @@ import FormStepTypes, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperS
 import IconTypes from '../constants/IconTypes';
 import { Condition } from './Condition';
 import { EurekaDraft } from './Draft/Draft';
+import { ErkValue } from './ErkValue';
 import * as GSteps from './GenericFormSteps';
 import { Time } from './Time';
 export type FormStep = Title | TimePicker | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper;
@@ -146,7 +147,7 @@ export interface ValueEntityValuePickerPath {
     type: EntityValueDataTypes.VALUE;
     idEntityValue: string | null;
 }
-export type EntityValuePickerFilter = StepEntityValuePickerFilter | ValueEntityValuePickerFilter | CurrentAgentEntityValuePickerFilter;
+export type EntityValuePickerFilter = StepEntityValuePickerFilter | ValueEntityValuePickerFilter | CurrentAgentEntityValuePickerFilter | IntegrationEntityValuePickerFilter;
 export interface StepEntityValuePickerFilter {
     idProperty: string;
     type: EntityValueDataTypes.STEP;
@@ -163,6 +164,12 @@ export interface CurrentAgentEntityValuePickerFilter {
     idProperty: string;
     type: EntityValueDataTypes.CURRENT_AGENT;
 }
+export interface IntegrationEntityValuePickerFilter {
+    idProperty: string;
+    type: EntityValueDataTypes.INTEGRATION;
+    idIntegration: string;
+    values?: Record<string, ErkValue>;
+}
 export interface ApiSelector extends GSteps.GSmartSelect {
     type: FormStepTypes.API_SELECTOR;
     icon?: IconTypes;

package/dist/@Types/User.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The currently active user
+ */
+export interface User {
+    /** The User's id (if capta agent)*/
+    _id?: string;
+    /** The User's name */
+    name?: string;
+    /** The user's Email*/
+    email: string;
+    /** The expiration of the token */
+    exp: number;
+}

package/dist/@Types/User.js

@@ -0,0 +1 @@
+export {};

package/dist/App/AppHooks.js

@@ -63,6 +63,7 @@ import { fetchForm } from '../Services/FormService';
 import { calcCbrForm } from '../Utils/CBRFunctions';
 import { calcInitialSections, calcValuesStore } from './AppFunctions';
 import { useAppDispatch } from '../hooks';
+import { jwtDecode } from 'jwt-decode';
 import InternalFormStyle from '../constants/InternalFormStyle';
 import { calcDependencies } from '../Form/FormFunctions';
 import { iterateNestedSteps } from '../FormSteps/StepFunctions';
@@ -108,19 +109,20 @@ export var useSetupApp = function (isEmbedded, _a) {
         });
     }); };
     var loadData = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var idOrganization, organization, form, countryCode, match, dependencies, values;
+        var idOrganization, organization, user, form, countryCode, match, dependencies, values, token;
         var _a;
-        var _b, _c, _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
+        var _b, _c, _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
                 case 0:
                     idOrganization = others.idOrganization;
                     organization = null;
+                    user = null;
                     form = formData !== null && formData !== void 0 ? formData : null;
                     if (!(form && preview && form.isStandAlone)) return [3 /*break*/, 2];
                     return [4 /*yield*/, loadOrg()];
                 case 1:
-                    organization = _g.sent();
+                    organization = _h.sent();
                     return [3 /*break*/, 4];
                 case 2:
                     if (!(!form && apiKey)) return [3 /*break*/, 4];
@@ -130,8 +132,8 @@ export var useSetupApp = function (isEmbedded, _a) {
                         ])];
                 case 3:
                     //Is iframe or widget
-                    _a = _g.sent(), organization = _a[0], form = _a[1];
-                    _g.label = 4;
+                    _a = _h.sent(), organization = _a[0], form = _a[1];
+                    _h.label = 4;
                 case 4:
                     if (organization && !idOrganization)
                         idOrganization = organization.idOrganization;
@@ -185,13 +187,30 @@ export var useSetupApp = function (isEmbedded, _a) {
                     dependencies = {};
                     return [4 /*yield*/, calcValuesStore({ idOrganization: idOrganization, countryCode: countryCode }, form, valuesData, postview, customSteps)];
                 case 5:
-                    values = _g.sent();
-                    dispatch(reset(__assign(__assign({ apiKey: apiKey, formStyle: internal
+                    values = _h.sent();
+                    if (form.hasLogin && !internal && !preview) {
+                        token = localStorage.getItem('token');
+                        if (token) {
+                            try {
+                                user = jwtDecode(token);
+                                if (user && Date.now() / 1000 >= user.exp) {
+                                    //TODO: Posible check specific login key to make sure this user is valid? or have token per key?
+                                    user = null;
+                                    localStorage.removeItem('token');
+                                }
+                            }
+                            catch (error) {
+                                user = null;
+                                localStorage.removeItem('token');
+                            }
+                        }
+                    }
+                    dispatch(reset(__assign(__assign({ user: user, apiKey: apiKey, formStyle: internal
                             ? InternalFormStyle
                             : __assign(__assign({}, InternalFormStyle), ((_d = form === null || form === void 0 ? void 0 : form.style) !== null && _d !== void 0 ? _d : {})), confirmation: {
                             confirmationMessage: (_e = form.confirmationMessage) !== null && _e !== void 0 ? _e : BaseConfirmationMessage,
                             showLink: (_f = form.showLink) !== null && _f !== void 0 ? _f : false,
-                        }, internal: !!internal, idOrganization: idOrganization, idCurrentAgent: idCurrentAgent, preview: !!preview, partial: !!partial, postview: !!postview, editable: !!(editable !== null && editable !== void 0 ? editable : true), values: values }, calcInitialSections(form)), { dependencies: calcDependencies(form.steps, customSteps, form.steps, dependencies, values), countryCode: countryCode })));
+                        }, internal: !!internal, idOrganization: idOrganization, idCurrentAgent: (_g = user === null || user === void 0 ? void 0 : user._id) !== null && _g !== void 0 ? _g : idCurrentAgent, preview: !!preview, partial: !!partial, postview: !!postview, editable: !!(editable !== null && editable !== void 0 ? editable : true), values: values }, calcInitialSections(form)), { dependencies: calcDependencies(form.steps, customSteps, form.steps, dependencies, values), countryCode: countryCode })));
                     return [2 /*return*/];
             }
         });

package/dist/Form/Form.js

@@ -68,6 +68,7 @@ import { useAppDispatch, useAppSelector } from '../hooks';
 import FormContext from '../Contexts/FormContext';
 import { getAppState } from '../Utils/store';
 import { focusStep } from '../States/SiteSlice';
+import LoginPage from '../Login/LoginPage';
 var localeMap = {
     en: enLocale,
     'en-US': enLocale,
@@ -85,7 +86,7 @@ function FormComponent(_a) {
     var _this = this;
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, isWidget = _a.isWidget, branding = _a.branding, setSubmit = _a.setSubmit, scrollToTop = _a.scrollToTop, customSteps = _a.customSteps, containerRef = _a.containerRef, customSubmit = _a.customSubmit, customSubmitBtns = _a.customSubmitBtns, customConfirmation = _a.customConfirmation;
-    var _l = useAppSelector(function (state) { return state.global; }), idOrganization = _l.idOrganization, internal = _l.internal, postview = _l.postview;
+    var _l = useAppSelector(function (state) { return state.global; }), idOrganization = _l.idOrganization, internal = _l.internal, postview = _l.postview, user = _l.user;
     var formMethods = useForm({
         mode: 'onTouched',
         shouldFocusError: true,
@@ -184,8 +185,11 @@ function FormComponent(_a) {
             } }, { children: _jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef }, { children: renderForm() })) })));
     }
     else {
+        if (user === null && form.hasLogin) {
+            return (_jsx("div", __assign({ className: styles.loginContainer }, { children: _jsx(LoginPage, { form: form }) })));
+        }
         //Standalone cant have widget
-        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: branding === null || branding === void 0 ? void 0 : branding.images.logoUrl, color: (_e = (_d = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _d === void 0 ? void 0 : _d.navbarColor) !== null && _e !== void 0 ? _e : (_f = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _f === void 0 ? void 0 : _f.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef, style: {
+        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { apiKey: form.apiKey, logo: branding === null || branding === void 0 ? void 0 : branding.images.logoUrl, color: (_e = (_d = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _d === void 0 ? void 0 : _d.navbarColor) !== null && _e !== void 0 ? _e : (_f = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _f === void 0 ? void 0 : _f.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef, style: {
                         background: (_h = (_g = form.style) === null || _g === void 0 ? void 0 : _g.standAloneBackgroundColor) !== null && _h !== void 0 ? _h : '#ffffff',
                     } }, { children: _jsx("div", __assign({ className: isResponsive
                             ? styles.fullScreenStandAloneForm

package/dist/Form/Form.module.css

@@ -14,6 +14,15 @@
     overflow: hidden;
 }
 
+.loginContainer {
+    width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+    min-height: 100vh;
+    display: flex;
+    overflow-x: hidden;
+}
+
 .standAloneFormCard {
     -webkit-box-shadow: -6px 0px 8px 5px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: -6px 0px 8px 5px rgba(0, 0, 0, 0.2);

package/dist/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -62,8 +62,8 @@ function ClassifierSelectorStep(_a) {
     if (!classifier)
         return _jsx("div", {});
     var options = useMemo(function () {
-        var _a;
-        return (_a = classifier.children) === null || _a === void 0 ? void 0 : _a.filter(function (idClassifier) {
+        var _a, _b;
+        return ((_b = (_a = classifier.children) === null || _a === void 0 ? void 0 : _a.filter(function (idClassifier) {
             var _a;
             var option = step.options[idClassifier];
             if ((option === null || option === void 0 ? void 0 : option.type) === ClassifierOptionTypes.HIDE ||
@@ -82,7 +82,7 @@ function ClassifierSelectorStep(_a) {
                     ? classifier === null || classifier === void 0 ? void 0 : classifier.clientName
                     : classifier === null || classifier === void 0 ? void 0 : classifier.name,
             };
-        });
+        })) !== null && _b !== void 0 ? _b : []);
     }, idDependencies.map(function (id) { return dependencies[id].value; }));
     var mapNestedOption = function () {
         if (value) {

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js

@@ -65,13 +65,53 @@ import FormContext from '../../../Contexts/FormContext';
 import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
 import { evaluateCondition } from '../../StepFunctions';
 import { recursivelyCalcConditionSteps, selectDependencies, } from '../../StepHooks';
-import { useAppSelector } from '../../../hooks';
+import { useApiSubscribe, useAppSelector } from '../../../hooks';
 import MaterialEntityValueDialog from './MaterialEntityValueDialog/MaterialEntityValueDialog';
+import ErkValueTypes from '../../../constants/ErkValueTypes';
+import { IntegrationsApi } from '../../../Services/IntegrationService';
+import { IdFormContext } from '../../../App/App';
 function EntityValuePickerStep(_a) {
+    var _this = this;
     var _b, _c;
     var step = _a.step, editable = _a.editable;
+    var subscribe = useApiSubscribe();
     var form = useContext(FormContext);
+    var idForm = useContext(IdFormContext);
+    // const mapDraftEntities = useContext(CustomContext).mapDraftEntities;
     var _d = useState(), dialogs = _d[0], setDialogs = _d[1];
+    // const path = useMemo(
+    //     () => [...step.stepPath, step.id].join('.'),
+    //     [step.stepPath, step.id]
+    // );
+    // //TODO: Esto toca revisarlo, es un borrador.
+    // const mapDraft = useCallback(
+    //     async (property: string): Promise<EurekaDraft | undefined> => {
+    //         const state = await dispatch(getAppState({ idForm })).unwrap();
+    //         const dependencies = selectDependencies(state, step.dependencies);
+    //         return await subscribe(
+    //             DraftApi.endpoints.mapDraft.initiate({
+    //                 idForm,
+    //                 property: `${path}.${property}`,
+    //                 dependencies,
+    //                 mapDraftEntities,
+    //             })
+    //         );
+    //     },
+    //     [subscribe, idForm, mapDraftEntities, path]
+    // );
+    var fetchFilterIntegration = useCallback(function (idIntegration, payload) { return __awaiter(_this, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, subscribe(IntegrationsApi.endpoints.fetchFilterIntegration.initiate({
+                        idForm: idForm,
+                        payload: payload,
+                        idIntegration: idIntegration,
+                    }))];
+                case 1: return [2 /*return*/, ((_a = (_b.sent())) !== null && _a !== void 0 ? _a : [])];
+            }
+        });
+    }); }, [subscribe, idForm]);
     var dialogsIdStepDeps = useMemo(function () {
         var ids = [];
         if (!step.dialogs)
@@ -96,7 +136,17 @@ function EntityValuePickerStep(_a) {
                 : undefined;
         });
     }, []);
-    return (_jsxs(React.Fragment, { children: [dialogs !== undefined && ((_b = form.entities) === null || _b === void 0 ? void 0 : _b[step.idEntity]) && (_jsx(MaterialEntityValueDialog, { type: dialogs.current.type, entity: (_c = form.entities) === null || _c === void 0 ? void 0 : _c[step.idEntity], entityValue: dialogs.value, message: dialogs.current.message, handleClose: handleCloseDialog })), _jsx(StepFillerContainer, __assign({ step: step }, { children: _jsx(SmartSelect, { editable: editable, step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getEntityValueOptions, getOptionalDependencies: getOptionalDependencies, getOptionSelected: function (option, value) {
+    var getOptions = useCallback(function (step, dependencyStore, ids) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getEntityValueOptions(step, dependencyStore, ids, 
+                    // mapDraft
+                    fetchFilterIntegration)];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [fetchFilterIntegration]);
+    return (_jsxs(React.Fragment, { children: [dialogs !== undefined && ((_b = form.entities) === null || _b === void 0 ? void 0 : _b[step.idEntity]) && (_jsx(MaterialEntityValueDialog, { type: dialogs.current.type, entity: (_c = form.entities) === null || _c === void 0 ? void 0 : _c[step.idEntity], entityValue: dialogs.value, message: dialogs.current.message, handleClose: handleCloseDialog })), _jsx(StepFillerContainer, __assign({ step: step }, { children: _jsx(SmartSelect, { editable: editable, step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getOptions, getOptionalDependencies: getOptionalDependencies, getOptionSelected: function (option, value) {
                         return option._id === value._id;
                     }, calcDepError: function (steps) {
                         for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
@@ -171,13 +221,15 @@ function EntityValuePickerStep(_a) {
                     } }) }))] }));
 }
 export default EntityValuePickerStep;
-var getEntityValueOptions = function (step, dependencyStore, _a) {
+var getEntityValueOptions = function (step, dependencyStore, _a, fetchFilterIntegration
+// mapDraftEntities: (property: string) => Promise<EurekaDraft | undefined>
+) {
     var idOrganization = _a.idOrganization, idCurrentAgent = _a.idCurrentAgent;
     return __awaiter(void 0, void 0, void 0, function () {
-        var urlPath, _i, _b, path, idEntityValue, currentValue, params, _c, _d, filter, currentValue, url, response;
-        var _e, _f, _g, _h, _j;
-        return __generator(this, function (_k) {
-            switch (_k.label) {
+        var urlPath, _i, _b, path, idEntityValue, currentValue, params, _c, _d, filter, _e, payload, _f, _g, _h, key, erkValue, currentValue, filtered, currentValue, url, response;
+        var _j, _k, _l, _m, _o, _p, _q, _r;
+        return __generator(this, function (_s) {
+            switch (_s.label) {
                 case 0:
                     if (!idOrganization)
                         return [2 /*return*/, null];
@@ -187,56 +239,106 @@ var getEntityValueOptions = function (step, dependencyStore, _a) {
                         idEntityValue = 'null';
                         switch (path.type) {
                             case EntityValueDataTypes.STEP: {
-                                currentValue = (_e = dependencyStore[path.idStep]) === null || _e === void 0 ? void 0 : _e.value;
+                                currentValue = (_j = dependencyStore[path.idStep]) === null || _j === void 0 ? void 0 : _j.value;
                                 if (!currentValue)
                                     return [2 /*return*/, null];
                                 if (typeof currentValue === 'string')
                                     idEntityValue = currentValue;
                                 else
-                                    idEntityValue = (_f = currentValue._id) !== null && _f !== void 0 ? _f : currentValue.id;
+                                    idEntityValue = (_k = currentValue._id) !== null && _k !== void 0 ? _k : currentValue.id;
                                 break;
                             }
                             case EntityValueDataTypes.VALUE:
                             default:
-                                idEntityValue = (_g = path.idEntityValue) !== null && _g !== void 0 ? _g : 'null';
+                                idEntityValue = (_l = path.idEntityValue) !== null && _l !== void 0 ? _l : 'null';
                                 break;
                         }
                         urlPath +=
                             '/' + path.idEntity + (idEntityValue ? '/' + idEntityValue : '');
                     }
                     params = new URLSearchParams({});
-                    for (_c = 0, _d = step.filters; _c < _d.length; _c++) {
-                        filter = _d[_c];
-                        switch (filter.type) {
-                            case EntityValueDataTypes.STEP: {
-                                currentValue = (_h = dependencyStore[filter.idStep]) === null || _h === void 0 ? void 0 : _h.value;
+                    _c = 0, _d = step.filters;
+                    _s.label = 1;
+                case 1:
+                    if (!(_c < _d.length)) return [3 /*break*/, 8];
+                    filter = _d[_c];
+                    _e = filter.type;
+                    switch (_e) {
+                        case EntityValueDataTypes.INTEGRATION: return [3 /*break*/, 2];
+                        case EntityValueDataTypes.STEP: return [3 /*break*/, 4];
+                        case EntityValueDataTypes.CURRENT_AGENT: return [3 /*break*/, 5];
+                        case EntityValueDataTypes.VALUE: return [3 /*break*/, 6];
+                    }
+                    return [3 /*break*/, 6];
+                case 2:
+                    payload = {};
+                    for (_f = 0, _g = Object.entries((_m = filter.values) !== null && _m !== void 0 ? _m : {}); _f < _g.length; _f++) {
+                        _h = _g[_f], key = _h[0], erkValue = _h[1];
+                        switch (erkValue.type) {
+                            case ErkValueTypes.BOOLEAN:
+                                payload[key] = erkValue.value;
+                                break;
+                            case ErkValueTypes.DRAFT: {
+                                //TODO: Hacer esto bien, la lambda tiene que ser capaz de calcular un draft en un filtro
+                                // values[key] = await mapDraftEntities(
+                                //     `filters[${index}].values.${key}`
+                                // );
+                                break;
+                            }
+                            case ErkValueTypes.STEP: {
+                                currentValue = (_o = dependencyStore[erkValue.idStep]) === null || _o === void 0 ? void 0 : _o.value;
                                 if (currentValue) {
                                     if (typeof currentValue === 'string')
-                                        params.set(filter.idProperty, currentValue);
+                                        payload[key] = currentValue;
                                     else
-                                        params.set(filter.idProperty, (_j = currentValue._id) !== null && _j !== void 0 ? _j : currentValue.id);
-                                }
-                                else if (filter.required) {
-                                    return [2 /*return*/, null];
+                                        payload[key] =
+                                            (_p = currentValue._id) !== null && _p !== void 0 ? _p : currentValue.id;
                                 }
+                                else
+                                    payload[key] = null;
                                 break;
                             }
-                            case EntityValueDataTypes.CURRENT_AGENT:
-                                if (idCurrentAgent)
-                                    params.set(filter.idProperty, idCurrentAgent);
-                                break;
-                            case EntityValueDataTypes.VALUE:
-                            default:
-                                params.set(filter.idProperty, filter.value);
-                                break;
                         }
                     }
+                    return [4 /*yield*/, fetchFilterIntegration(filter.idIntegration, payload)];
+                case 3:
+                    filtered = _s.sent();
+                    if (filtered.length === 0)
+                        return [2 /*return*/, null];
+                    params.set(filter.idProperty, filtered.join(','));
+                    return [3 /*break*/, 7];
+                case 4:
+                    {
+                        currentValue = (_q = dependencyStore[filter.idStep]) === null || _q === void 0 ? void 0 : _q.value;
+                        if (currentValue) {
+                            if (typeof currentValue === 'string')
+                                params.set(filter.idProperty, currentValue);
+                            else
+                                params.set(filter.idProperty, (_r = currentValue._id) !== null && _r !== void 0 ? _r : currentValue.id);
+                        }
+                        else if (filter.required) {
+                            return [2 /*return*/, null];
+                        }
+                        return [3 /*break*/, 7];
+                    }
+                    _s.label = 5;
+                case 5:
+                    if (idCurrentAgent)
+                        params.set(filter.idProperty, idCurrentAgent);
+                    return [3 /*break*/, 7];
+                case 6:
+                    params.set(filter.idProperty, filter.value);
+                    return [3 /*break*/, 7];
+                case 7:
+                    _c++;
+                    return [3 /*break*/, 1];
+                case 8:
                     url = "".concat(idOrganization, "/entities/").concat(step.idEntity).concat(urlPath, "?").concat(params.toString());
                     return [4 /*yield*/, widgetInstance.get(url, {
                             timeout: 120000,
                         })];
-                case 1:
-                    response = _k.sent();
+                case 9:
+                    response = _s.sent();
                     return [2 /*return*/, response.data.filter(function (option) { var _a; return ((_a = step.options[option._id]) === null || _a === void 0 ? void 0 : _a.type) !== EntityValueOptionTypes.HIDE; })];
             }
         });

package/dist/Icons/EmailIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from './@IconTypes';
+declare function EmailIcon({ className, style, fill }: IconProps): JSX.Element;
+export default EmailIcon;

package/dist/Icons/EmailIcon.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+function EmailIcon(_a) {
+    var className = _a.className, style = _a.style, fill = _a.fill;
+    return (_jsx("svg", __assign({ fill: fill, style: style, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-1 14H5c-.55 0-1-.45-1-1V8l6.94 4.34c.65.41 1.47.41 2.12 0L20 8v9c0 .55-.45 1-1 1zm-7-7L4 6h16l-8 5z" }) })));
+}
+export default EmailIcon;

package/dist/Icons/LockedIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from './@IconTypes';
+declare function LockedIcon({ className, style, fill }: IconProps): JSX.Element;
+export default LockedIcon;

package/dist/Icons/LockedIcon.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+function LockedIcon(_a) {
+    var className = _a.className, style = _a.style, fill = _a.fill;
+    return (_jsx("svg", __assign({ fill: fill, style: style, className: className, version: "1.1", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M81.9,49.6c0-9-0.4-9.4-9.3-9.7c0,0,0,0,0,0c0-4,0-9-0.1-12.1C72,16,64.7,8.9,53,8.7c-2,0-4,0-6.1,0  c-13,0.1-20.6,8-20.4,20.9c0,0,0,0.1,0,0.1V40c-0.7,0-1.4,0-2.2,0c-5.8,0-7.1,1.4-7.1,7.2c0,12.3,0.1,24.6-0.1,36.9  c-0.1,4.7,1.8,6.9,6.5,6.9c17.4,0,34.7,0,52.1,0c4.4,0,6.4-2,6.3-6.5C81.8,72.9,81.9,61.3,81.9,49.6z M53.1,67.5v5.8  c0,2-1.6,3.5-3.5,3.5S46,75.2,46,73.3v-5.8c-2.9-1.3-5-4.3-5-7.8c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5  C58.1,63.2,56,66.2,53.1,67.5z M61.7,39.9C61.7,39.9,61.7,39.9,61.7,39.9c-8.1,0-16.1,0.1-24.2,0.1v-8.5c0.1-0.6,0.1-1.2,0.1-1.7  c-0.1-7.3,4-10.3,13-10.1c7.4,0.1,11.1,3.6,11.1,10.6C61.7,33.5,61.7,36.7,61.7,39.9z" }) })));
+}
+export default LockedIcon;

package/dist/Login/Login.module.css

@@ -0,0 +1,135 @@
+.rightPanel {
+    background-color: #3d5a7f;
+    display: flex;
+    border-radius: 0 20px 20px 0;
+    flex-grow: 0;
+    max-width: 41.666667%;
+    flex-basis: 41.666667%;
+}
+.rightPanelMessage {
+    margin: auto;
+    text-align: center;
+    padding: 0 30px 0 30px;
+}
+.rightPanelMessage h1 {
+    color: white;
+    font-size: 40px;
+    font-weight: 900;
+}
+.rightPanelMessage p {
+    color: white;
+}
+.leftPanel {
+    display: flex;
+    text-align: center;
+    flex-direction: column;
+    flex-grow: 1;
+    max-width: 100%;
+    min-height: fit-content;
+    flex-basis: 0;
+    position: relative;
+    justify-content: center;
+}
+.leftPanel h1 {
+    margin-left: auto;
+    margin-right: auto;
+    color: #3d5a7f;
+    font-size: 40px;
+    font-weight: 900;
+    margin-top: 40px;
+    padding-left: 20px;
+    padding-right: 20px;
+    margin-bottom: 40px;
+}
+.leftPanel a {
+    font-size: 22px;
+    cursor: pointer;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    padding-left: 20px;
+    padding-right: 20px;
+    margin: 0px auto 25px auto;
+    text-decoration: underline;
+}
+.loginButton {
+    background-color: #3d5a7f;
+    border-radius: 40px;
+    padding: 22px 50px;
+    margin: 0 auto 0 auto;
+    color: white;
+    font-weight: 800;
+    font-size: 22px;
+    cursor: pointer;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    width: fit-content;
+    max-width: calc(100% - 40px);
+    height: fit-content;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.loginButton[disabled] {
+    pointer-events: none;
+    opacity: 0.5;
+}
+.loaderContainer {
+    position: absolute;
+    margin: auto;
+    height: 40px;
+    width: 40px;
+}
+.logo {
+    position: absolute;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    left: 40px;
+    top: 33px;
+    height: 65px;
+    margin-right: auto;
+}
+.loginInputsContainer {
+    width: 60%;
+    margin: 0 auto 0 auto;
+}
+.loginInput {
+    min-height: 80px;
+}
+@media screen and (max-width: 825px) {
+    .rightPanel {
+        display: none;
+    }
+    .loginInputsContainer {
+        width: 70%;
+        margin: 0 auto 0 auto;
+    }
+    .leftPanel h1 {
+        margin-top: 5%;
+    }
+}
+
+@media screen and (max-width: 678px) {
+    .logo {
+        display: none;
+    }
+    .loginInputsContainer {
+        width: 80%;
+    }
+}
+
+@media screen and (max-height: 720px) {
+    .logo {
+        display: none;
+    }
+    .loginButton {
+        margin-bottom: 40px;
+    }
+}