@arquimedes.co/eureka-forms 1.9.134 → 2.0.1-test

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

@@ -59,7 +59,7 @@ export interface MaterialStyle {
 }
 export interface Section {
     id: string;
-    name: string;
+    name: string | null;
     title?: string;
     steps: string[];
     nextSection: string | null;

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

@@ -94,7 +94,7 @@ interface NestedStepClassifierOption {
 }
 interface HideValueOption {
     type: ClassifierOptionTypes.HIDE;
-    idClassifier: String;
+    idClassifier: string;
 }
 export interface EntityValuePicker extends GSteps.GSmartSelect {
     type: Types.ENTITYVALUEPICKER;
@@ -113,7 +113,7 @@ interface NestedEntityValuePickerOption {
 }
 interface HideFormEntityValuePickerOption {
     type: EntityValueOptionTypes.HIDE;
-    idEntityValue: String;
+    idEntityValue: string;
 }
 export type EntityValuePickerPath = StepEntityValuePickerPath | ValueEntityValuePickerPath;
 export interface StepEntityValuePickerPath {

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

@@ -1,5 +1,6 @@
 export interface GBaseStep {
     id: string;
+    idSection: string;
     type: string;
     editable?: boolean;
     partial?: boolean;

package/dist/App/App.css

@@ -0,0 +1,6 @@
+.hidden-input {
+    height: 0;
+    width: 0;
+    padding: 0;
+    border-width: 0;
+}

package/dist/{App.d.ts → App/App.d.ts}

@@ -1,13 +1,15 @@
-import { ReactNode } from 'react';
-import { Classifier, Form } from './@Types/Form';
-import { FormStep, Mapper } from './@Types/FormStep';
+/// <reference types="react" />
+import { Classifier, Form } from '../@Types/Form';
+import './App.css';
+import { FormComponentProps } from '../Form/Form';
+import { CustomStep } from '../FormSteps/CustomStep';
 export interface AppProps {
     /** If the app is currently a widget */
     isWidget?: boolean;
     /** The apikey of the Form */
     apiKey?: string;
-    /** The domain of the form's organization */
-    domain?: string;
+    /** The id of the form's organization */
+    idOrganization?: string;
     /** The form to display, (used for postviews) */
     formData?: Form;
     /** If the widget is usedInternally */
@@ -27,27 +29,17 @@ export interface AppProps {
     /** Custom steps to display */
     customSteps?: Record<string, CustomStep>;
     /** Custom steps to display */
-    customStepProps?: Record<string, any>;
+    customStepProps?: Record<string, unknown>;
     /** Classifiers dict */
     classifiers?: Record<string, Classifier>;
     /** Custom function to call on send */
-    customSend?: (values: any, reload: Function) => Promise<void>;
+    customSubmit?: (values: Record<string, unknown>, reload: () => void) => Promise<void>;
     /** Custom submit buttons */
-    customSubmit?: JSX.Element;
+    customSubmitBtns?: (onSubmit: FormComponentProps['onSubmit'], loading: boolean) => JSX.Element;
     /** Function to call on postview to fetch the download url of a file */
     fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
     /** Function to call after the confimation dialog has been closed */
-    handleConfirmed?: Function;
+    handleConfirmed?: () => void;
 }
-export interface CustomStep {
-    componentProps?: Record<string, any>;
-    component: ReactNode;
-    calcValue?: (step: any, value: any) => any;
-    /** Function to change custom steps nested step ids to the generated ones. */
-    calcRecursiveData?: (step: any, ids: Record<string, string>) => void;
-    calcDependencyValue?: (step: any, value: any) => any;
-}
-declare function App({ apiKey, domain, preview, partial, formData, postview, editable, isWidget, internal, valuesData, customSend, customSteps, classifiers, handleConfirmed, customStepProps, ...others }: AppProps): JSX.Element;
-export default App;
-export declare const addInitialMapper: (newValues: Record<string, any>, step: Mapper) => void;
-export declare const mapOriginalValue: (step: FormStep, value: any, newValues: Record<string, any>, form?: Form) => any;
+declare function AppComponent({ formData, valuesData, ...props }: AppProps): JSX.Element;
+export default AppComponent;

package/dist/App/App.js

@@ -0,0 +1,76 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import Loader from '../Shared/Loader/Loader';
+import styles from './App.module.css';
+import './App.css';
+import FormComponent from '../Form/Form';
+import { Provider } from 'react-redux';
+import { store } from '../Utils/store';
+import { useLogRocket, useSetupApp } from './AppHooks';
+import { useAppSelector } from '../hooks';
+import CustomContext from '../Contexts/CustomContext';
+function AppComponent(_a) {
+    var formData = _a.formData, valuesData = _a.valuesData, props = __rest(_a, ["formData", "valuesData"]);
+    return (_jsx(Provider, __assign({ store: store }, { children: _jsx(App, __assign({ formData: formData, valuesData: valuesData }, props)) })));
+}
+export default AppComponent;
+function App(_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var _h = _a.isWidget, isWidget = _h === void 0 ? true : _h, props = __rest(_a, ["isWidget"]);
+    var containerRef = useRef(null);
+    var loaded = useAppSelector(function (state) { return state.global.loaded; });
+    var _j = useSetupApp(isWidget, props), form = _j.form, organization = _j.organization, branding = _j.branding, reload = _j.reload;
+    useLogRocket(organization, form, props);
+    var loading = form === undefined || organization === undefined || !loaded;
+    if (loading) {
+        if (isWidget) {
+            return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_c = (_b = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _b === void 0 ? void 0 : _b.primaryColor) !== null && _c !== void 0 ? _c : '#b8b8b8' }) })) })));
+        }
+        return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_e = (_d = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _d === void 0 ? void 0 : _d.primaryColor) !== null && _e !== void 0 ? _e : '#b8b8b8' }) })));
+    }
+    else if (form === null) {
+        if (organization === null) {
+            if (isWidget) {
+                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "Error" })) })));
+            }
+            return _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }));
+        }
+        else {
+            if (isWidget) {
+                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "404" })) })));
+            }
+            return _jsx("div", __assign({ className: styles.curtain }, { children: "404" }));
+        }
+    }
+    else {
+        var customSteps = (_f = props.customSteps) !== null && _f !== void 0 ? _f : {};
+        return (_jsx(CustomContext.Provider, __assign({ value: {
+                customSteps: customSteps,
+                sendLabel: props.sendLabel,
+                fetchDownloadUrl: props.fetchDownloadUrl,
+                customStepProps: (_g = props.customStepProps) !== null && _g !== void 0 ? _g : {},
+            } }, { children: _jsx("div", __assign({ className: styles.container }, { children: _jsx(FormComponent, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, customSubmit: props.customSubmit, customSubmitBtns: props.customSubmitBtns }) })) })));
+    }
+}

package/dist/App/AppFunctions.d.ts

@@ -0,0 +1,17 @@
+import { Form } from '../@Types';
+import { FormStep, Mapper } from '../@Types/FormStep';
+import { MapperElement } from '../FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep';
+import { SiteState, ValuesStore } from '../States/SiteStateReducer';
+import { DependencyStore } from '../Form/Form';
+import { CustomStep } from '../FormSteps/CustomStep';
+export declare const calcValuesStore: (originalValues: Record<string, any>, form: Form, dependencies: DependencyStore, customSteps: Record<string, CustomStep>) => ValuesStore;
+export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<string, CustomStep>) => {
+    element: MapperElement<Type>;
+    /** Record of all the new mapper values created */
+    mappers: Record<string, MapperElement<Type>[]>;
+    /** Record of all the new steps created */
+    steps: Record<string, FormStep>;
+};
+export declare function calcRecursiveData<Type>(element: Readonly<MapperElement<Type>>, newSteps: Record<string, FormStep>, customSteps: Record<string, CustomStep>): void;
+export declare const mapOriginalValue: (step: FormStep, value: any, values: ValuesStore, form?: Form) => any;
+export declare const calcInitialSections: (form: Form) => Pick<SiteState, 'previousSections' | 'idCurrentSection' | 'nextSections'>;

package/dist/App/AppFunctions.js

@@ -0,0 +1,210 @@
+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 { nanoid } from 'nanoid';
+import StepTypes, { FormTypes } from '../constants/FormStepTypes';
+import { EditorState, convertFromRaw } from 'draft-js';
+import { getRawText, stringToDraft } from '../Utils/DraftFunctions';
+import { calcDependencies } from '../Form/FormFunctions';
+import { calcSubSteps } from '../FormSteps/StepFunctions';
+export var calcValuesStore = function (originalValues, form, dependencies, customSteps) {
+    var _a;
+    var _b;
+    var values = {
+        global: {},
+        sections: {},
+    };
+    for (var _i = 0, _c = Object.keys(originalValues); _i < _c.length; _i++) {
+        var idValue = _c[_i];
+        var step = form.steps[idValue];
+        if (step) {
+            var value = mapOriginalValue(step, originalValues[step.id], values, form);
+            if (value !== undefined) {
+                if (!values.sections[step.idSection])
+                    values.sections[step.idSection] = {};
+                values.sections[step.idSection][step.id] = value;
+            }
+        }
+        else {
+            values.global[idValue] = originalValues[idValue];
+        }
+    }
+    for (var _d = 0, _e = Object.values(form.steps); _d < _e.length; _d++) {
+        var step = _e[_d];
+        if (step.type !== StepTypes.MAPPER ||
+            ((_b = values.sections[step.idSection]) === null || _b === void 0 ? void 0 : _b[step.id]) ||
+            !step.required)
+            continue;
+        if (!values.sections[step.idSection])
+            values.sections[step.idSection] = {};
+        var _f = addMapperStep(step, customSteps), element = _f.element, steps = _f.steps, mappers = _f.mappers;
+        values.sections[step.idSection] = __assign(__assign(__assign({}, values.sections[step.idSection]), mappers), (_a = {}, _a[step.id] = [element], _a));
+        calcDependencies(steps, {}, customSteps, __assign(__assign({}, form.steps), steps), dependencies);
+    }
+    return values;
+};
+export var addMapperStep = function (step, customSteps) {
+    var idElement = nanoid();
+    var element = {
+        ids: {},
+        id: idElement,
+        originalValues: {},
+        isOriginal: false,
+    };
+    var steps = {};
+    var mappers = {};
+    for (var _i = 0, _a = Object.keys(step.steps); _i < _a.length; _i++) {
+        var idStep = _a[_i];
+        var baseStep = JSON.parse(JSON.stringify(step.steps[idStep]));
+        var newIdStep = step.id + '-' + idStep + '-' + idElement;
+        baseStep.id = newIdStep;
+        element.ids[idStep] = newIdStep;
+        steps[newIdStep] = baseStep;
+    }
+    calcRecursiveData(element, steps, customSteps);
+    for (var _b = 0, _c = Object.values(steps); _b < _c.length; _b++) {
+        var nestedStep = _c[_b];
+        if (nestedStep.type === StepTypes.MAPPER && nestedStep.required) {
+            var nested = addMapperStep(nestedStep, customSteps);
+            steps = __assign(__assign({}, steps), nested.steps);
+            mappers = __assign(__assign({}, mappers), nested.mappers);
+            mappers[nestedStep.id] = [nested.element];
+        }
+    }
+    return { element: element, mappers: mappers, steps: steps };
+};
+export function calcRecursiveData(element, newSteps, customSteps) {
+    if (!newSteps)
+        return;
+    for (var _i = 0, _a = Object.keys(newSteps); _i < _a.length; _i++) {
+        var idStep = _a[_i];
+        var step = newSteps[idStep];
+        if (step.dependencies) {
+            for (var i = 0; i < step.dependencies.length; i++) {
+                var idDep = step.dependencies[i];
+                var newId = element.ids[idDep];
+                if (newId) {
+                    step.dependencies[i] = newId;
+                }
+            }
+        }
+        var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
+        if (custom === null || custom === void 0 ? void 0 : custom.calcRecursiveData) {
+            custom.calcRecursiveData(step, element.ids);
+        }
+        calcSubSteps(step, function (idStep) { var _a; return (_a = element.ids[idStep]) !== null && _a !== void 0 ? _a : idStep; });
+    }
+}
+export var mapOriginalValue = function (step, value, values, form) {
+    var _a, _b, _c, _d, _e, _f;
+    if (!value)
+        return value;
+    switch (step === null || step === void 0 ? void 0 : step.type) {
+        case StepTypes.MAPPER: {
+            var elements = value;
+            var mappedElements = [];
+            for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
+                var element = elements_1[_i];
+                var idElement = (_a = element.id) !== null && _a !== void 0 ? _a : nanoid();
+                var mappedElement = {
+                    id: idElement,
+                    ids: {},
+                    originalValues: {},
+                    isOriginal: true,
+                };
+                if (element.value) {
+                    mappedElement.value = element.value;
+                }
+                for (var _g = 0, _h = Object.keys(step.steps); _g < _h.length; _g++) {
+                    var idStep = _h[_g];
+                    var newIdStep = step.id + '-' + idStep + '-' + idElement;
+                    mappedElement.ids[idStep] = newIdStep;
+                    var value_1 = mapOriginalValue(step.steps[idStep], element[idStep], values, form);
+                    if (value_1 !== undefined) {
+                        if (!values.sections[step.idSection])
+                            values.sections[step.idSection] = {};
+                        values.sections[step.idSection][step.id] = value_1;
+                    }
+                }
+                for (var _j = 0, _k = Object.keys(element); _j < _k.length; _j++) {
+                    var key = _k[_j];
+                    if (step.steps[key])
+                        continue;
+                    mappedElement.originalValues[key] = element[key];
+                }
+                mappedElements.push(mappedElement);
+            }
+            return mappedElements;
+        }
+        case StepTypes.TEXTAREA: {
+            if (step.hasTextEditor) {
+                return calcDefaultDraftValue(value);
+            }
+            var defaultValue = (_b = value.value) !== null && _b !== void 0 ? _b : value;
+            if (typeof defaultValue === 'string') {
+                return defaultValue;
+            }
+            else {
+                return (_c = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) !== null && _c !== void 0 ? _c : '';
+            }
+        }
+        case StepTypes.SELECTOR: {
+            var option = step.options.find(function (option) { return option.value == value; });
+            if (!(value === null || value === void 0 ? void 0 : value.value))
+                return option;
+            return value;
+        }
+        case StepTypes.CLASSIFIER_SELECTOR: {
+            var stepClassifier = (_d = form === null || form === void 0 ? void 0 : form.classifiers) === null || _d === void 0 ? void 0 : _d[(_e = step.idClassifier) !== null && _e !== void 0 ? _e : ''];
+            if (stepClassifier) {
+                var classifier = (_f = form.classifiers) === null || _f === void 0 ? void 0 : _f[value];
+                if (!(value === null || value === void 0 ? void 0 : value.value))
+                    return { value: value, label: classifier === null || classifier === void 0 ? void 0 : classifier.name };
+            }
+            break;
+        }
+        default:
+            if (step.type.startsWith('CBR_') &&
+                (value === null || value === void 0 ? void 0 : value.id) &&
+                typeof value.id === 'number') {
+                return __assign(__assign({}, value), { id: value.id.toString() });
+            }
+            return value;
+    }
+};
+var calcDefaultDraftValue = function (defaultValue) {
+    if (typeof defaultValue === 'string') {
+        return EditorState.createWithContent(convertFromRaw(stringToDraft(defaultValue)));
+    }
+    else {
+        return EditorState.createWithContent(convertFromRaw(getRawText(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.draft, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text)));
+    }
+};
+export var calcInitialSections = function (form) {
+    var previousSections = [];
+    var nextSections = calcNextSections(form.firstSection, form);
+    var idCurrentSection = null;
+    if (form.type === FormTypes.STEPPER) {
+        var firstSection = nextSections.shift();
+        if (firstSection)
+            idCurrentSection = firstSection;
+    }
+    return { previousSections: previousSections, idCurrentSection: idCurrentSection, nextSections: nextSections };
+};
+var calcNextSections = function (idSection, form) {
+    var section = form.sections[idSection];
+    if (!section)
+        return [];
+    var sections = [idSection];
+    if (section.nextSection)
+        sections.push.apply(sections, calcNextSections(section.nextSection, form));
+    return sections;
+};

package/dist/App/AppHooks.d.ts

@@ -0,0 +1,10 @@
+import { Form, Organization } from '../@Types';
+import { AppProps } from './App';
+import { Branding } from '../@Types/Branding';
+export declare const useSetupApp: (isEmbedded: boolean, { preview, internal, postview, partial, editable, handleConfirmed, customSteps, valuesData, apiKey, formData, classifiers, ...others }: Omit<AppProps, 'isWidget'>) => {
+    form: Form | undefined | null;
+    organization: Organization | undefined | null;
+    branding: Branding | undefined;
+    reload: () => void;
+};
+export declare const useLogRocket: (organization: Organization | null | undefined, form: Form | null | undefined, { apiKey, internal, postview, preview, }: Pick<AppProps, 'apiKey' | 'internal' | 'postview' | 'preview'>) => void;

package/dist/App/AppHooks.js

@@ -0,0 +1,235 @@
+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);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useCallback, useEffect, useState } from 'react';
+import { reset } from '../States/GlobalStateReducer';
+import { fetchOrganization } from '../Services/OrganizationService';
+import { fetchForm } from '../Services/FormService';
+import { calcCbrForm } from '../Utils/CBRFunctions';
+import { calcInitialSections, calcValuesStore } from './AppFunctions';
+import { useAppDispatch } from '../hooks';
+import InternalFormStyle from '../constants/InternalFormStyle';
+import { calcDependencies } from '../Form/FormFunctions';
+import { iterateNestedSteps } from '../FormSteps/StepFunctions';
+export var useSetupApp = function (isEmbedded, _a) {
+    var preview = _a.preview, internal = _a.internal, postview = _a.postview, partial = _a.partial, editable = _a.editable, handleConfirmed = _a.handleConfirmed, customSteps = _a.customSteps, valuesData = _a.valuesData, apiKey = _a.apiKey, formData = _a.formData, classifiers = _a.classifiers, others = __rest(_a, ["preview", "internal", "postview", "partial", "editable", "handleConfirmed", "customSteps", "valuesData", "apiKey", "formData", "classifiers"]);
+    var _b = useState(undefined), form = _b[0], setForm = _b[1];
+    var _c = useState(undefined), organization = _c[0], setOrganization = _c[1];
+    var _d = useState(), branding = _d[0], setBranding = _d[1];
+    var dispatch = useAppDispatch();
+    var loadOrg = function (idOrganization) { return __awaiter(void 0, void 0, void 0, function () {
+        var organization;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetchOrganization(idOrganization)];
+                case 1:
+                    organization = _a.sent();
+                    if (organization) {
+                        if (!isEmbedded) {
+                            // document.title = currentOrg.name;
+                            // const favicon: any = document.getElementById('favicon');
+                            // if (favicon !== undefined) {
+                            //     favicon.href = currentOrg.partialLogoUrl;
+                            // }
+                            //TODO cambiar el color del navbar en movil
+                            // eslint-disable-next-line no-console
+                        }
+                        if (!organization.customBrandings) {
+                            setBranding(organization.branding);
+                        }
+                    }
+                    return [2 /*return*/, organization];
+            }
+        });
+    }); };
+    var loadForm = function (apiKey, idOrganization) { return __awaiter(void 0, void 0, void 0, function () {
+        var form;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetchForm(apiKey, idOrganization)];
+                case 1:
+                    form = _a.sent();
+                    if (form && form.branding)
+                        setBranding(form.branding);
+                    return [2 /*return*/, form];
+            }
+        });
+    }); };
+    var loadData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var idOrganization, organization, form, match, _loop_1, _i, _a, section, CBRStep, dependencies, values;
+        var _b;
+        var _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    idOrganization = others.idOrganization;
+                    organization = 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 = _d.sent();
+                    return [3 /*break*/, 4];
+                case 2:
+                    if (!(!form && apiKey)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, Promise.all([
+                            loadOrg(idOrganization),
+                            loadForm(apiKey, idOrganization),
+                        ])];
+                case 3:
+                    //Is iframe or widget
+                    _b = _d.sent(), organization = _b[0], form = _b[1];
+                    _d.label = 4;
+                case 4:
+                    if (organization && !idOrganization)
+                        idOrganization = organization.idOrganization;
+                    setOrganization(organization);
+                    /** For localhost development */
+                    if (!idOrganization && process.env.NODE_ENV !== 'production') {
+                        match = location.origin.match(/\/\/(.*?)\./);
+                        idOrganization = match ? match[1] : '';
+                    }
+                    if (form) {
+                        if (form)
+                            form.classifiers = classifiers;
+                        _loop_1 = function (section) {
+                            for (var _e = 0, _f = section.steps; _e < _f.length; _e++) {
+                                var idStep = _f[_e];
+                                iterateNestedSteps(idStep, form.steps, function (step) {
+                                    step.idSection = section.id;
+                                });
+                            }
+                        };
+                        /** Assign the idSection to all the forms steps */
+                        for (_i = 0, _a = Object.values(form.sections); _i < _a.length; _i++) {
+                            section = _a[_i];
+                            _loop_1(section);
+                        }
+                        CBRStep = Object.values(form.steps).find(function (step) { return step.type.startsWith('CBR'); });
+                        if (CBRStep)
+                            form = calcCbrForm(form, valuesData !== null && valuesData !== void 0 ? valuesData : {});
+                    }
+                    setForm(form);
+                    if (!form || !idOrganization)
+                        return [2 /*return*/];
+                    dependencies = {};
+                    values = calcValuesStore(valuesData !== null && valuesData !== void 0 ? valuesData : {}, form, dependencies, customSteps !== null && customSteps !== void 0 ? customSteps : {});
+                    dispatch(reset(__assign(__assign({ formStyle: internal
+                            ? InternalFormStyle
+                            : __assign(__assign({}, InternalFormStyle), ((_c = form === null || form === void 0 ? void 0 : form.style) !== null && _c !== void 0 ? _c : {})), internal: !!internal, idOrganization: idOrganization, preview: !!preview, partial: !!partial, postview: !!postview, editable: !!(editable !== null && editable !== void 0 ? editable : true), values: values }, calcInitialSections(form)), { dependencies: calcDependencies(form.steps, valuesData, customSteps, form.steps, dependencies) })));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        loadData();
+    }, []);
+    var reload = useCallback(function () {
+        if (!form)
+            return;
+        var tempForm = __assign({}, form);
+        setForm(undefined);
+        setTimeout(function () {
+            setForm(tempForm);
+        }, 100);
+        if (handleConfirmed) {
+            handleConfirmed();
+        }
+    }, [form]);
+    return { form: form, organization: organization, branding: branding, reload: reload };
+};
+export var useLogRocket = function (organization, form, _a) {
+    var apiKey = _a.apiKey, internal = _a.internal, postview = _a.postview, preview = _a.preview;
+    var loadLogRocket = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var LogRocket, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(form &&
+                        organization &&
+                        process.env.NODE_ENV === 'production' &&
+                        //Tools
+                        // apiKey !== 'rCgWiEfOSN1TlUmHO28Y0' &&
+                        !internal &&
+                        !postview &&
+                        !preview)) return [3 /*break*/, 4];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, import('logrocket')];
+                case 2:
+                    LogRocket = _a.sent();
+                    LogRocket.default.init('63mg8a/forms-uv0gd');
+                    LogRocket.default.identify(organization.idOrganization + '/' + apiKey, {
+                        name: organization.name +
+                            '/' +
+                            ((form === null || form === void 0 ? void 0 : form.name) ? form === null || form === void 0 ? void 0 : form.name : '404'),
+                    });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('LogRocker Error', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        loadLogRocket();
+    }, [organization, form]);
+};

package/dist/Contexts/CustomContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CustomStep } from '../FormSteps/CustomStep';
+export interface CustomContextData {
+    sendLabel?: string;
+    customStepProps: Record<string, unknown>;
+    customSteps: Record<string, CustomStep>;
+    /** Function to call on postview to fetch the download url of a file */
+    fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
+}
+declare const CustomContext: import("react").Context<CustomContextData>;
+export default CustomContext;