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

package/cypress/utils/checkValidStep.ts

@@ -0,0 +1,359 @@
+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

@@ -0,0 +1,83 @@
+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

@@ -0,0 +1,13 @@
+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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1,97 @@
+"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 }) })) })));
+    }
+}