@arquimedes.co/eureka-forms 3.0.32 → 3.0.33-test

package/dist/App/AppHooks.d.ts

@@ -1,10 +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, idCurrentAgent, ...others }: Omit<AppProps, 'isWidget'>) => {
+export declare const useSetupApp: (isEmbedded: boolean, props: 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;
+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

@@ -1,232 +1,149 @@
-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 { useCallback, useEffect, useMemo, useState } from 'react';
 import { reset } from '../States/GlobalSlice';
 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 { jwtDecode } from 'jwt-decode';
 import InternalFormStyle from '../constants/InternalFormStyle';
 import { calcDependencies } from '../Form/FormFunctions';
 import { iterateNestedSteps } from '../FormSteps/StepFunctions';
 import { createNextState } from '@reduxjs/toolkit';
 import { BaseConfirmationMessage } from '../Contexts/FormContext';
-export var useSetupApp = function (isEmbedded, _a) {
-    var _b;
-    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, idCurrentAgent = _a.idCurrentAgent, others = __rest(_a, ["preview", "internal", "postview", "partial", "editable", "handleConfirmed", "customSteps", "valuesData", "apiKey", "formData", "classifiers", "idCurrentAgent"]);
-    var _c = useState(undefined), form = _c[0], setForm = _c[1];
-    var _d = useState(undefined), organization = _d[0], setOrganization = _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
-                        }
-                    }
-                    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();
-                    return [2 /*return*/, form];
+export const useSetupApp = (isEmbedded, props) => {
+    const { preview, internal, postview, partial, editable, handleConfirmed, customSteps, valuesData, apiKey, formData, classifiers, idCurrentAgent, ...others } = props;
+    const [form, setForm] = useState(undefined);
+    const [organization, setOrganization] = useState(undefined);
+    const dispatch = useAppDispatch();
+    // Create stable stringified versions that only change when content changes
+    const valuesDataKey = useMemo(() => JSON.stringify(valuesData), [valuesData]);
+    const formDataKey = useMemo(() => JSON.stringify(formData), [formData]);
+    const loadOrg = async (idOrganization) => {
+        const organization = await fetchOrganization(idOrganization);
+        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
             }
-        });
-    }); };
-    var loadData = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var idOrganization, organization, user, form, countryCode, match, dependencies, values, token;
-        var _a;
-        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 = _h.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
-                    _a = _h.sent(), organization = _a[0], form = _a[1];
-                    _h.label = 4;
-                case 4:
-                    if (organization && !idOrganization)
-                        idOrganization = organization.idOrganization;
-                    setOrganization(organization);
-                    countryCode = (_c = (_b = others.countryCode) !== null && _b !== void 0 ? _b : organization === null || organization === void 0 ? void 0 : organization.countryCode) !== null && _c !== void 0 ? _c : 'CO';
-                    /** For localhost development */
-                    if (!idOrganization && process.env.NODE_ENV !== 'production') {
-                        match = location.origin.match(/\/\/(.*?)\./);
-                        idOrganization = match ? match[1] : '';
-                    }
-                    if (form) {
-                        form = createNextState(form, function (form) {
-                            var _a;
-                            var firstSection = form.sections[form.firstSection];
-                            if (firstSection.steps === undefined &&
-                                form.rootSteps !== undefined) {
-                                firstSection.steps = form.rootSteps;
-                            }
-                            //If a rootStep is a mapper of type section
-                            if (form && classifiers)
-                                form.classifiers = classifiers;
-                            var _loop_1 = function (section) {
-                                for (var _c = 0, _d = section.steps; _c < _d.length; _c++) {
-                                    var idStep = _d[_c];
-                                    iterateNestedSteps(idStep, form.steps, function (step, path) {
-                                        step.idSection = section.id;
-                                        step.stepPath = path;
-                                    });
-                                }
-                                for (var _e = 0, _f = (_a = form.hiddenSteps) !== null && _a !== void 0 ? _a : []; _e < _f.length; _e++) {
-                                    var idStep = _f[_e];
-                                    iterateNestedSteps(idStep, form.steps, function (step, path) {
-                                        step.idSection = section.id;
-                                        step.stepPath = path;
-                                    });
-                                }
-                            };
-                            /** Assign the idSection to all the forms steps */
-                            for (var _i = 0, _b = Object.values(form.sections); _i < _b.length; _i++) {
-                                var section = _b[_i];
-                                _loop_1(section);
-                            }
-                            var CBRStep = Object.values(form.steps).find(function (step) { return step.type.startsWith('CBR'); });
-                            if (CBRStep)
-                                form = calcCbrForm(form, valuesData !== null && valuesData !== void 0 ? valuesData : {});
+        }
+        return organization;
+    };
+    const loadForm = async (apiKey, idOrganization) => {
+        const form = await fetchForm(apiKey, idOrganization);
+        return form;
+    };
+    const loadData = async () => {
+        let idOrganization = others.idOrganization;
+        let organization = null;
+        let form = formData ?? null;
+        if (form && preview && form.isStandAlone) {
+            organization = await loadOrg();
+        }
+        else if (!form && apiKey) {
+            //Is iframe or widget
+            [organization, form] = await Promise.all([loadOrg(idOrganization), loadForm(apiKey, idOrganization)]);
+        }
+        if (organization && !idOrganization)
+            idOrganization = organization.idOrganization;
+        setOrganization(organization);
+        const countryCode = others.countryCode ?? organization?.countryCode ?? 'CO';
+        /** For localhost development */
+        if (!idOrganization && process.env.NODE_ENV !== 'production') {
+            const match = /\/\/(.*?)\./.exec(location.origin);
+            idOrganization = match ? match[1] : '';
+        }
+        if (form) {
+            form = createNextState(form, (form) => {
+                const firstSection = form.sections[form.firstSection];
+                if (firstSection.steps === undefined && form.rootSteps !== undefined) {
+                    firstSection.steps = form.rootSteps;
+                }
+                //If a rootStep is a mapper of type section
+                if (form && classifiers)
+                    form.classifiers = classifiers;
+                /** Assign the idSection to all the forms steps */
+                for (const section of Object.values(form.sections)) {
+                    for (const idStep of section.steps) {
+                        iterateNestedSteps(idStep, form.steps, (step, path) => {
+                            step.idSection = section.id;
+                            step.stepPath = path;
                         });
                     }
-                    setForm(form);
-                    if (!form || !idOrganization)
-                        return [2 /*return*/];
-                    dependencies = {};
-                    return [4 /*yield*/, calcValuesStore({ idOrganization: idOrganization, countryCode: countryCode }, form, valuesData, postview, customSteps)];
-                case 5:
-                    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');
-                            }
-                        }
+                    for (const idStep of form.hiddenSteps ?? []) {
+                        iterateNestedSteps(idStep, form.steps, (step, path) => {
+                            step.idSection = section.id;
+                            step.stepPath = path;
+                        });
                     }
-                    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: (_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*/];
-            }
-        });
-    }); };
-    useEffect(function () {
-        loadData();
-        return function () {
+                }
+                const CBRStep = Object.values(form.steps).find((step) => step.type.startsWith('CBR'));
+                if (CBRStep)
+                    form = calcCbrForm(form, valuesData ?? {});
+            });
+        }
+        setForm(form);
+        if (!form || !idOrganization)
+            return;
+        const dependencies = {};
+        const values = await calcValuesStore({ idOrganization, countryCode }, form, valuesData, postview, customSteps);
+        dispatch(reset({
+            apiKey,
+            formStyle: internal
+                ? InternalFormStyle
+                : {
+                    ...InternalFormStyle,
+                    ...(form?.style ?? {}),
+                },
+            confirmation: {
+                confirmationMessage: form.confirmationMessage ?? BaseConfirmationMessage,
+                showLink: form.showLink ?? false,
+            },
+            internal: !!internal,
+            idOrganization,
+            idCurrentAgent,
+            preview: !!preview,
+            partial: !!partial,
+            postview: !!postview,
+            editable: !!(editable ?? true),
+            values,
+            ...calcInitialSections(form),
+            dependencies: calcDependencies(form.steps, customSteps, form.steps, dependencies, values),
+            countryCode,
+        }));
+    };
+    useEffect(() => {
+        void loadData();
+        // eslint-disable-next-line no-console
+        console.log('Form props Changed!');
+        return () => {
             dispatch({ type: 'CLEAR' });
         };
-    }, []);
-    var reload = useCallback(function () {
+        // Use stringified keys for stable comparison - only changes when content changes
+        // Other object/function props (classifiers) are still
+        // intentionally excluded to prevent re-renders when parent re-creates these objects
+    }, [
+        apiKey,
+        partial,
+        preview,
+        internal,
+        postview,
+        editable,
+        customSteps,
+        formDataKey,
+        valuesDataKey,
+        idCurrentAgent,
+        handleConfirmed,
+    ]);
+    const reload = useCallback(() => {
         if (!form)
             return;
-        var tempForm = __assign({}, form);
+        const tempForm = { ...form };
         setForm(undefined);
-        setTimeout(function () {
+        setTimeout(() => {
             setForm(tempForm);
         }, 100);
         if (handleConfirmed) {
@@ -234,51 +151,28 @@ export var useSetupApp = function (isEmbedded, _a) {
         }
     }, [form]);
     return {
-        form: form,
-        organization: organization,
-        branding: (organization === null || organization === void 0 ? void 0 : organization.customBrandings)
-            ? (_b = form === null || form === void 0 ? void 0 : form.branding) !== null && _b !== void 0 ? _b : organization.branding
-            : organization === null || organization === void 0 ? void 0 : organization.branding,
-        reload: reload,
+        form,
+        organization,
+        branding: organization?.customBrandings ? (form?.branding ?? organization.branding) : organization?.branding,
+        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*/];
+export const useLogRocket = (organization, form, { apiKey, internal, postview, preview }) => {
+    const loadLogRocket = async () => {
+        if (form && organization && process.env.NODE_ENV === 'production' && !internal && !postview && !preview) {
+            try {
+                const LogRocket = await import('logrocket');
+                LogRocket.default.init('63mg8a/forms-uv0gd');
+                LogRocket.default.identify(organization.idOrganization + '/' + apiKey, {
+                    name: organization.name + '/' + (form?.name ?? '404'),
+                });
             }
-        });
-    }); };
-    useEffect(function () {
-        loadLogRocket();
+            catch (error) {
+                console.error('LogRocker Error', error);
+            }
+        }
+    };
+    useEffect(() => {
+        void loadLogRocket();
     }, [organization, form]);
 };

package/dist/App/AppHooks.test.js

@@ -0,0 +1,154 @@
+/* eslint-disable @typescript-eslint/require-await */
+import { useSetupApp } from './AppHooks';
+import { renderHookWithProviders } from '../Utils/TestUtils';
+import { act, waitFor } from '@testing-library/react';
+import { afterEach, describe, expect, test, vi } from 'vitest';
+const mocks = vi.hoisted(() => ({
+    get: vi.fn(),
+    post: vi.fn(),
+}));
+vi.mock('axios', async (importActual) => {
+    const actual = await importActual();
+    const mockAxios = {
+        default: {
+            ...actual.default,
+            create: vi.fn(() => ({
+                ...actual.default.create(),
+                get: mocks.get,
+                post: mocks.post,
+            })),
+        },
+    };
+    return mockAxios;
+});
+const BaseForm = {
+    isStandAlone: true,
+    sections: {
+        FIRST: {
+            id: 'FIRST',
+            name: 'FIRST',
+            nextSection: null,
+            steps: [],
+        },
+    },
+    steps: {},
+    size: {
+        blockNum: 4,
+        blockSize: 210,
+        spacingSize: 20,
+    },
+    firstSection: 'FIRST',
+};
+describe('AppHooks', function () {
+    afterEach(() => {
+        mocks.get.mockReset();
+        mocks.post.mockReset();
+    });
+    describe('useSetupApp', function () {
+        test('Empty App', async () => {
+            const { result: { current }, } = renderHookWithProviders(() => useSetupApp(false, {}));
+            await waitFor(() => current.form !== undefined);
+            expect(current.form).toBeNull();
+            expect(current.organization).toBeNull();
+            expect(current.branding).toBeUndefined();
+        });
+        test('Standalone Preview', async () => {
+            mocks.get.mockImplementation(() => {
+                return Promise.resolve({
+                    data: {
+                        idOrganization: 'capta',
+                    },
+                });
+            });
+            let result;
+            await act(async () => {
+                result = renderHookWithProviders(() => useSetupApp(false, {
+                    formData: BaseForm,
+                    preview: true,
+                })).result;
+            });
+            await vi.waitUntil(() => result.current?.form !== undefined);
+            expect(mocks.get).toHaveBeenCalledWith('/organization');
+            expect(result.current?.form).toBeTruthy();
+            expect(result.current.organization?.idOrganization).toBe('capta');
+        });
+        test('Embedded Form', async () => {
+            const { result } = renderHookWithProviders(() => useSetupApp(false, {
+                formData: BaseForm,
+            }));
+            await waitFor(() => result.current.form !== undefined);
+            expect(result.current.form).toBeTruthy();
+            expect(result.current.organization).toBeNull();
+            expect(result.current.branding).toBeUndefined();
+        });
+        test('Apikey Default', async () => {
+            mocks.get.mockImplementation((a) => {
+                if (a === '/organization') {
+                    return Promise.resolve({
+                        data: {
+                            idOrganization: 'capta',
+                            branding: {
+                                name: 'Branding',
+                            },
+                        },
+                    });
+                }
+                else if (a === '/form/123') {
+                    return Promise.resolve({
+                        data: BaseForm,
+                    });
+                }
+                else {
+                    throw new Error('Invalid URL');
+                }
+            });
+            let result;
+            await act(async () => {
+                result = renderHookWithProviders(() => useSetupApp(false, {
+                    apiKey: '123',
+                })).result;
+            });
+            await waitFor(() => result.current.form !== undefined);
+            expect(mocks.get).toHaveBeenCalledWith('/organization');
+            expect(result.current.form).toBeTruthy();
+            expect(result.current.organization?.idOrganization).toBe('capta');
+            expect(result.current.branding?.name).toBe('Branding');
+        });
+        test('Apikey With Custom Branding', async () => {
+            mocks.get.mockImplementation((a) => {
+                if (a === '/organization') {
+                    return Promise.resolve({
+                        data: {
+                            idOrganization: 'capta',
+                            customBrandings: true,
+                        },
+                    });
+                }
+                else if (a === '/form/123') {
+                    return Promise.resolve({
+                        data: {
+                            ...BaseForm,
+                            branding: {
+                                name: 'Custom Branding',
+                            },
+                        },
+                    });
+                }
+                else {
+                    throw new Error('Invalid URL');
+                }
+            });
+            let result;
+            await act(async () => {
+                result = renderHookWithProviders(() => useSetupApp(false, {
+                    apiKey: '123',
+                })).result;
+            });
+            await vi.waitFor(() => result.current.form !== undefined);
+            expect(mocks.get).toHaveBeenCalledWith('/organization');
+            expect(result.current.form).toBeTruthy();
+            expect(result.current.organization?.idOrganization).toBe('capta');
+            expect(result.current.branding?.name).toBe('Custom Branding');
+        });
+    });
+});

package/dist/Contexts/CustomContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomStep, CustomStepProps } from '../FormSteps/CustomStep';
 import { EurekaDraft } from '../@Types/Draft/Draft';
 export interface CustomContextData {

package/dist/Contexts/CustomContext.js

@@ -1,5 +1,5 @@
 import { createContext } from 'react';
-var CustomContext = createContext({
+const CustomContext = createContext({
     customSteps: {},
     customStepProps: {},
 });

package/dist/Contexts/FormContext.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { Form } from '../@Types';
 import { EurekaDraft } from '../@Types/Draft/Draft';
 export declare const BaseConfirmationMessage: EurekaDraft;
 declare const FormContext: import("react").Context<Form>;
 export default FormContext;
+export declare const IdFormContext: import("react").Context<string>;

package/dist/Contexts/FormContext.js

@@ -2,7 +2,7 @@ import { createContext } from 'react';
 import { DraftEntityTypes } from '../constants/Draft/DraftEntityTypes';
 import { DraftEntityDataTypes } from '../constants/Draft/DraftEntityDataTypes';
 import { TicketPropertyTypes } from '../constants/TicketPropertyTypes';
-export var BaseConfirmationMessage = {
+export const BaseConfirmationMessage = {
     blocks: [
         {
             depth: 0,
@@ -46,7 +46,7 @@ export var BaseConfirmationMessage = {
         },
     },
 };
-var FormContext = createContext({
+const FormContext = createContext({
     firstSection: 'FIRST',
     sections: {
         FIRST: {
@@ -66,3 +66,4 @@ var FormContext = createContext({
     },
 });
 export default FormContext;
+export const IdFormContext = createContext('');