@arquimedes.co/eureka-forms 2.0.34-test → 2.0.36-test

package/cypress/utils/checkValidStep.ts

@@ -1,359 +0,0 @@
-import { FormStep } from '../../src/@Types/FormStep';
-import { CBRFormStep } from '../../src/@Types/CBRFormStep';
-import FormStepTypes, {
-    ClassifierOptionTypes,
-    OptionTypes,
-} from '../../src/constants/FormStepTypes';
-import { Form } from '../../src/@Types';
-import { faker } from '@faker-js/faker/locale/es';
-import { FilledStep } from '../@Types';
-import CBRFormStepTypes from '../../src/constants/CBRFormStepTypes';
-import { GSmartSelect } from '../../src/@Types/GenericFormSteps';
-import { calcRecursiveData } from '../../src/App/AppFunctions';
-import type { MapperElement } from '../../src/@Types/MapperElement';
-const DEFAULT_DATE = new Date(2018, 10, 30, 13, 23);
-const domain =
-    Cypress.env('environment') === 'prod' ? 'capta.co' : 'eureka-test.click';
-export function fillStep(
-    idStep: string,
-    steps: Record<string, FormStep | CBRFormStep>,
-    form: Form
-): Cypress.Chainable<FilledStep[]> {
-    const step = steps[idStep];
-    if (!step) return cy.wrap<FilledStep[]>([]);
-    switch (step.type) {
-        case FormStepTypes.TEXTINPUT: {
-            let value = faker.lorem.sentence();
-            if (step.validation?.type === 'EMAIL') {
-                value = faker.internet.email();
-            }
-            return fillInputStep(idStep, step, value);
-        }
-        case CBRFormStepTypes.CBR_COMENTARIO:
-        case FormStepTypes.TEXTAREA: {
-            if (step.type === FormStepTypes.TEXTAREA && step.hasTextEditor) {
-                const value = faker.lorem.paragraph();
-                cy.get('[data-testid= "' + idStep + '"]').type(value);
-                return cy.wrap<FilledStep[]>([{ idStep, step, value }]);
-            } else {
-                const value = faker.lorem.paragraph();
-                cy.get('[data-testid= "' + idStep + '"]')
-                    .find('textarea')
-                    .first()
-                    .type(value)
-                    .should('have.value', value);
-                return cy.wrap<FilledStep[]>([{ idStep, step, value }]);
-            }
-        }
-        case FormStepTypes.CHECKBOX: {
-            cy.get('[data-testid= "' + idStep + '"]')
-                .find('[name^=CHECKBOX-]')
-                .click();
-            return cy.wrap<FilledStep[]>([{ idStep, step, value: true }]);
-        }
-        case FormStepTypes.FILEUPLOAD: {
-            const path: string = 'cypress/fixtures/';
-            const files: string[] = ['Capta.png', 'example.txt'];
-            const url = `https://api.forms.${domain}/api`;
-            for (const file of files) {
-                cy.intercept('POST', url + '/uploadfile*', {
-                    body: [
-                        {
-                            postInfo: {
-                                url: url + '/UPLOADLINK',
-                                fields: {},
-                            },
-                            S3Key: 'ABCD',
-                        },
-                    ],
-                });
-
-                cy.url().then((baseUrl) => {
-                    const path = baseUrl.split('/');
-                    cy.intercept('OPTIONS', url + '/uploadfile*', {
-                        statusCode: 204,
-                        headers: {
-                            'access-control-allow-origin':
-                                path[0] + '//' + path[2],
-                            'access-control-allow-methods': 'POST',
-                            'access-control-allow-headers': 'content-type',
-                        },
-                    });
-                });
-
-                cy.intercept('POST', url + '/UPLOADLINK*', {
-                    statusCode: 204,
-                });
-
-                cy.get('[data-testid= "' + idStep + '"]')
-                    .find('>input')
-                    .selectFile(path + file, { force: true });
-                cy.get('[data-testid= "' + idStep + '"]').contains(file);
-            }
-            cy.get('[data-testid= "' + idStep + '"]')
-                .find('[role = "progressbar"]', { timeout: 20000 })
-                .should('have.length', 0);
-            return cy.wrap<FilledStep[]>([
-                {
-                    idStep,
-                    step,
-                    value: files,
-                },
-            ]);
-        }
-        case FormStepTypes.SELECTOR: {
-            const option = step.options[0];
-            const text = option.label;
-            if (step.searchable) {
-                cy.get('[data-testid= "' + idStep + '"]').click();
-                cy.get('[role="presentation"]')
-                    .find('li:contains("' + text + '")')
-                    .click();
-                return cy.wrap<FilledStep[]>([
-                    { idStep, step: step as FormStep, value: option.value },
-                ]);
-            } else {
-                cy.get('[data-testid= "' + idStep + '"]').click();
-                cy.get('[data-value = "' + option.value + '"]').click();
-                cy.get('[data-testid= "' + idStep + '"]').find(
-                    '[value = "' + option.value + '"]'
-                );
-            }
-            let filledSteps = cy.wrap<FilledStep[]>([
-                { idStep, step, value: option.value },
-            ]);
-            if (option.type === OptionTypes.NESTED) {
-                for (const idStep of option.steps) {
-                    filledSteps = filledSteps.then((filledSteps) =>
-                        fillStep(idStep, steps, form).then((a) => [
-                            ...filledSteps,
-                            ...a,
-                        ])
-                    );
-                }
-            }
-            return filledSteps;
-        }
-        case FormStepTypes.CLASSIFIER_SELECTOR: {
-            const idOption = form.classifiers?.[
-                step.idClassifier ?? ''
-            ]?.children.find(
-                (idOption) =>
-                    step.options[idOption]?.type !== ClassifierOptionTypes.HIDE
-            );
-            if (!idOption) return cy.wrap<FilledStep[]>([]);
-            const option = step.options[idOption];
-            const classifier = form.classifiers?.[idOption];
-            if (!classifier) return cy.wrap<FilledStep[]>([]);
-            const text = classifier?.clientName ?? classifier?.name;
-            if (step.searchable) {
-                cy.get('[data-testid= "' + idStep + '"]').click();
-                cy.get('[role="presentation"]')
-                    .find('li:contains("' + text + '")')
-                    .click();
-                return cy.wrap<FilledStep[]>([
-                    { idStep, step: step as FormStep, value: classifier._id },
-                ]);
-            } else {
-                cy.get('[data-testid= "' + idStep + '"]').click();
-                cy.get('[data-value = "' + idOption + '"]').click();
-                cy.get('[data-testid= "' + idStep + '"]').find(
-                    '[value = "' + idOption + '"]'
-                );
-            }
-
-            let filledSteps = cy.wrap<FilledStep[]>([
-                { idStep, step, value: idOption },
-            ]);
-            if (option && option!.type === ClassifierOptionTypes.NESTED) {
-                for (const idStep of option.steps) {
-                    filledSteps = filledSteps.then((filledSteps) =>
-                        fillStep(idStep, steps, form).then((a) => [
-                            ...filledSteps,
-                            ...a,
-                        ])
-                    );
-                }
-            }
-            return filledSteps;
-        }
-        case FormStepTypes.DATEPICKER: {
-            cy.get('[data-testid= "' + idStep + '"]').click();
-            cy.get('.EF-MuiDialogActions-root > .EF-MuiButtonBase-root')
-                .last()
-                .click();
-            return cy.wrap<FilledStep[]>([
-                {
-                    idStep,
-                    step,
-                    value: DEFAULT_DATE.toISOString(),
-                },
-            ]);
-        }
-        case FormStepTypes.API_SELECTOR: {
-            return fillSmartSelect(idStep, step);
-        }
-        case FormStepTypes.ENTITYVALUEPICKER: {
-            const filledSteps = fillSmartSelect(idStep, step);
-            //TODO: Ver como putas sacar las opciones que se renderizaron
-            return filledSteps;
-        }
-        case CBRFormStepTypes.CBR_FIRST_NAME: {
-            return fillInputStep(idStep, step, faker.person.firstName());
-        }
-        case CBRFormStepTypes.CBR_MIDDLE_NAME: {
-            return fillInputStep(idStep, step, faker.person.middleName());
-        }
-        case CBRFormStepTypes.CBR_LAST_NAME:
-        case CBRFormStepTypes.CBR_SECOND_LAST_NAME: {
-            return fillInputStep(idStep, step, faker.person.lastName());
-        }
-        case CBRFormStepTypes.CBR_DOC:
-        case CBRFormStepTypes.CBR_PHONE:
-        case CBRFormStepTypes.CBR_CEL: {
-            return fillInputStep(
-                idStep,
-                step,
-                faker.number.int({ max: 999999999999 }).toString()
-            );
-        }
-        case CBRFormStepTypes.CBR_EMAIL: {
-            return fillInputStep(idStep, step, faker.internet.email());
-        }
-        case CBRFormStepTypes.CBR_LOCATIVAS:
-            return fillSmartSelect(idStep, step).then((filledSteps) => {
-                if (step.subStep) {
-                    return fillStep(step.subStep, steps, form).then((a) => [
-                        ...filledSteps,
-                        ...a,
-                    ]);
-                } else return cy.wrap(filledSteps);
-            });
-        case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
-        case CBRFormStepTypes.CBR_MACRO_PROYECTO:
-        case CBRFormStepTypes.CBR_INMUEBLE:
-        case CBRFormStepTypes.CBR_TIPO_ESPACIO:
-        case CBRFormStepTypes.CBR_TIPO_DOC:
-        case CBRFormStepTypes.CBR_PROYECTO: {
-            return fillSmartSelect(idStep, step);
-        }
-        case FormStepTypes.RATING: {
-            // TODO:
-            break;
-        }
-        case FormStepTypes.MAPPER: {
-            // TODO:
-            return cy
-                .get('[id= "' + idStep + '"]')
-                .invoke('val')
-                .then((inputValue) => {
-                    const value: Readonly<MapperElement<unknown>>[] =
-                        JSON.parse(inputValue as string);
-                    const elements: Record<string, any>[] = [];
-                    for (const element of value) {
-                        const invertedIds = Object.fromEntries(
-                            Object.entries(element.ids).map(([key, value]) => [
-                                value,
-                                key,
-                            ])
-                        );
-                        const newSteps: Record<string, FormStep> = {};
-                        const elemSteps: Record<string, FormStep> = {};
-                        for (const idStep of Object.keys(step.steps)) {
-                            const baseStep = JSON.parse(
-                                JSON.stringify(step.steps[idStep] ?? '{}')
-                            );
-                            const newIdStep = element.ids[idStep];
-                            baseStep.id = newIdStep;
-                            elemSteps[newIdStep] = baseStep;
-                            newSteps[newIdStep] = baseStep;
-                        }
-                        calcRecursiveData(element, elemSteps, {});
-                        const allFilledSteps: FilledStep[] = [];
-                        for (const key of step.rootSteps) {
-                            const idSubStep = element.ids[key];
-                            fillStep(
-                                idSubStep,
-                                { ...steps, ...newSteps },
-                                form
-                            ).then((filledSteps) => {
-                                allFilledSteps.push(
-                                    ...filledSteps.map((filledStep) => ({
-                                        ...filledStep,
-                                        idStep: invertedIds[filledStep.idStep],
-                                    }))
-                                );
-                            });
-                        }
-                        elements.push(allFilledSteps);
-                    }
-                    return cy.wrap<FilledStep[]>([
-                        {
-                            idStep,
-                            step,
-                            value: elements,
-                        },
-                    ]);
-                });
-            break;
-        }
-        default:
-            break;
-    }
-    return cy.wrap<FilledStep[]>([]);
-}
-
-function fillSmartSelect(
-    idStep: string,
-    step: Omit<GSmartSelect, 'showIcon'>
-): Cypress.Chainable<FilledStep[]> {
-    if (step.searchable) {
-        cy.get('[data-testid= "' + idStep + '"]').click();
-        cy.get('[role="presentation"]').find('ul').children().first().click();
-        return cy
-            .get('[data-testid= "' + idStep + '"]')
-            .find('input')
-            .invoke('val')
-            .then((value) =>
-                cy.wrap<FilledStep[]>([
-                    { idStep, step: step as FormStep, value },
-                ])
-            );
-    } else {
-        cy.get('[data-testid= "' + idStep + '"]').click();
-        cy.get('[role="presentation"]')
-            .find('ul')
-            .children()
-            .first()
-            .next()
-            .click();
-        cy.get('[role="presentation"]', { timeout: 1000 })
-            .should('have.length.gte', 0)
-            .then((a) => {
-                if (a.length && a.length !== 0) {
-                    cy.get('body').focus();
-                }
-            });
-        return cy
-            .get('[data-testid= "' + idStep + '"]')
-            .find('input')
-            .invoke('val')
-            .then((value) =>
-                cy.wrap<FilledStep[]>([
-                    { idStep, step: step as FormStep, value },
-                ])
-            );
-    }
-}
-
-function fillInputStep(
-    idStep: string,
-    step: FormStep | CBRFormStep,
-    value: string
-): Cypress.Chainable<FilledStep[]> {
-    cy.get('[data-testid= "' + idStep + '"]')
-        .find('input')
-        .type(value)
-        .should('have.value', value);
-    return cy.wrap([{ idStep, step, value }]);
-}

package/cypress/utils/validateRequest.ts

@@ -1,83 +0,0 @@
-import CBRFormStepTypes from '../../src/constants/CBRFormStepTypes';
-import StepTypes from '../../src/constants/FormStepTypes';
-import { FilledStep } from '../@Types';
-
-export function validateRequest(
-    values: Record<string, any>,
-    expectSteps: FilledStep[],
-    globalValues: Record<string, any> = {}
-): void {
-    assert(
-        Object.keys(values).length ===
-            expectSteps.length + Object.keys(globalValues).length,
-        `number of steps expect: ${expectSteps.length}`
-    );
-    for (const expectStep of expectSteps) {
-        validateStep(expectStep, values);
-    }
-    for (const key of Object.keys(globalValues)) {
-        assert(values[key] === globalValues[key], 'Global Value: ' + key);
-    }
-}
-
-function validateStep(
-    filledStep: FilledStep,
-    values: Record<string, any>
-): void {
-    const step = filledStep.step;
-    const idStep = filledStep.idStep;
-    const value = values[idStep];
-    assert(value != undefined, 'Not Empty');
-    switch (step.type) {
-        case StepTypes.TEXTAREA:
-            return assert(value.value === filledStep.value, step.type);
-        case StepTypes.FILEUPLOAD: {
-            return assert(
-                filledStep.value.every((file: any) =>
-                    value.find((fileR: any) => fileR.fileName === file)
-                ),
-                step.type
-            );
-        }
-        case StepTypes.DATEPICKER: {
-            const expectValue: string = filledStep.value.substring(0, 16);
-            const reqValue: string = value.substr(0, 16);
-            return assert(
-                reqValue === expectValue,
-                'Classifier: expect:' + expectValue + ' request: ' + reqValue
-            );
-        }
-        case StepTypes.API_SELECTOR:
-        case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
-        case CBRFormStepTypes.CBR_MACRO_PROYECTO:
-        case CBRFormStepTypes.CBR_INMUEBLE:
-        case CBRFormStepTypes.CBR_TIPO_ESPACIO:
-        case CBRFormStepTypes.CBR_TIPO_DOC:
-        case CBRFormStepTypes.CBR_LOCATIVAS:
-        case CBRFormStepTypes.CBR_PROYECTO: {
-            const expect = step.searchable ? value.label : value.id;
-            return assert(expect === filledStep.value, step.type);
-        }
-        case StepTypes.ENTITYVALUEPICKER:
-            const expect = step.searchable ? value.label : value._id;
-            return assert(expect === filledStep.value, step.type);
-        case StepTypes.MAPPER:
-            for (let i = 0; i < filledStep.value.length; i++) {
-                const filledElement = filledStep.value[i];
-                for (const filledSubStep of filledElement) {
-                    validateStep(filledSubStep, value[i]);
-                }
-            }
-            break;
-        case StepTypes.RATING:
-        case StepTypes.CHECKBOX:
-        case StepTypes.SELECTOR:
-        case StepTypes.TEXTINPUT:
-        case StepTypes.CLASSIFIER_SELECTOR:
-        default:
-            return assert(
-                value === filledStep.value,
-                `${step.type} Expected: ${filledStep.value} Got: ${value}`
-            );
-    }
-}

package/cypress.config.ts

@@ -1,13 +0,0 @@
-export default {
-    e2e: {
-        setupNodeEvents(on, config) {
-            // implement node event listeners here
-        },
-        defaultCommandTimeout: 30000,
-        env: {
-            idOrganization: 'arquimedes',
-            apikey: 'IuNyaOmNmOqWxGZn2CN41',
-            environment: 'test',
-        },
-    },
-};

package/dist/cjs/@Types/@Types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/AYFFormStep.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/Branding.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/CBRFormStep.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/Form.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/FormStep.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/GenericFormSteps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/MapperElement.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/Organization.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/@Types/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./@Types"), exports);

package/dist/cjs/App/App.js

@@ -1,97 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IdFormContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const Loader_1 = __importDefault(require("../Shared/Loader/Loader"));
-const App_module_css_1 = __importDefault(require("./App.module.css"));
-require("./App.css");
-const Form_1 = __importDefault(require("../Form/Form"));
-const react_redux_1 = require("react-redux");
-const store_1 = require("../Utils/store");
-const AppHooks_1 = require("./AppHooks");
-const hooks_1 = require("../hooks");
-const CustomContext_1 = __importDefault(require("../Contexts/CustomContext"));
-const toolkit_1 = require("@reduxjs/toolkit");
-exports.IdFormContext = (0, react_1.createContext)('');
-function AppComponent(_a) {
-    var { formData, valuesData } = _a, props = __rest(_a, ["formData", "valuesData"]);
-    const [idForm] = react_1.default.useState((0, toolkit_1.nanoid)(6));
-    return ((0, jsx_runtime_1.jsx)(exports.IdFormContext.Provider, Object.assign({ value: idForm }, { children: (0, jsx_runtime_1.jsx)(react_redux_1.Provider, Object.assign({ store: store_1.store, context: hooks_1.StoreContext }, { children: (0, jsx_runtime_1.jsx)(App, Object.assign({ formData: formData, valuesData: valuesData }, props)) })) })));
-}
-exports.default = AppComponent;
-function App(_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var { isWidget = true } = _a, props = __rest(_a, ["isWidget"]);
-    const containerRef = (0, react_1.useRef)(null);
-    const loaded = (0, hooks_1.useAppSelector)((state) => state.global.loaded);
-    const { form, organization, branding, reload } = (0, AppHooks_1.useSetupApp)(isWidget, props);
-    (0, AppHooks_1.useLogRocket)(organization, form, props);
-    const loading = form === undefined || organization === undefined || !loaded;
-    if (loading) {
-        if (isWidget) {
-            return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.widgetContainer }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.curtain }, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { 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 ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.curtain }, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { 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 ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.widgetContainer }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.curtain }, { children: "Error" })) })));
-            }
-            return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.curtain }, { children: "Error" }));
-        }
-        else {
-            if (isWidget) {
-                return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.widgetContainer }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.curtain }, { children: "404" })) })));
-            }
-            return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.curtain }, { children: "404" }));
-        }
-    }
-    else {
-        const customSteps = (_f = props.customSteps) !== null && _f !== void 0 ? _f : {};
-        return ((0, jsx_runtime_1.jsx)(CustomContext_1.default.Provider, Object.assign({ value: {
-                customSteps,
-                sendLabel: props.sendLabel,
-                fetchDownloadUrl: props.fetchDownloadUrl,
-                customStepProps: (_g = props.customStepProps) !== null && _g !== void 0 ? _g : {},
-            } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: App_module_css_1.default.container }, { children: (0, jsx_runtime_1.jsx)(Form_1.default, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, customSubmit: props.customSubmit, scrollToTop: props.scrollToTop, customSubmitBtns: props.customSubmitBtns }) })) })));
-    }
-}