npm - @arquimedes.co/eureka-forms - Versions diffs - 2.0.32 → 2.0.34-test - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (980) hide show

package/Embeddables/package.json ADDED Viewed

@@ -0,0 +1,38 @@
+{
+    "name": "eureka-form-embeddables",
+    "version": "1.0.0",
+    "private": true,
+    "scripts": {
+        "start": "react-scripts start",
+        "build": "react-scripts build"
+    },
+    "dependencies": {
+        "@arquimedes.co/eureka-forms": "file:../",
+        "react": "file:../node_modules/react",
+        "react-dom": "file:../node_modules/react-dom",
+        "react-router-dom": "^6.20.1",
+        "react-scripts": "5.0.1",
+        "typescript": "^4.9.5"
+    },
+    "eslintConfig": {
+        "extends": [
+            "react-app",
+            "react-app/jest"
+        ]
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "devDependencies": {
+        "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
+    }
+}

package/Embeddables/public/favicon.ico ADDED Viewed

Binary file

package/Embeddables/public/index.html ADDED Viewed

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#3d5a7f" />
+  <meta name="description" content="Eureka by Arquimedes.co" />
+  <meta charset="utf-8" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+  <link rel="icon" href="/favicon.ico" id="favicon" />
+  <meta name="robots" content="index, follow" />
+  <title>Eureka Forms Embeddables</title>
+</head>
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+</body>
+</html>

package/Embeddables/src/App.module.css ADDED Viewed

@@ -0,0 +1,30 @@
+.saContainer {
+    width: 100%;
+    height: 100vh;
+}
+.responsiveIframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
+.widgetPageContainer {
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.widgetContainer {
+    min-height: 500px;
+    height: 800px;
+    max-height: 100vh;
+    height: fit-content;
+    position: relative;
+    overflow-y: scroll;
+}

package/Embeddables/src/App.tsx ADDED Viewed

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Route, Routes } from 'react-router-dom';
+import WidgetComponent from './WidgetComponent';
+import LibComponent from './LibComponent';
+function App(): JSX.Element {
+    return (
+        <div className="App">
+            <div className="app">
+                <Routes>
+                    <Route path="/" element={<LibComponent />}></Route>
+                    <Route
+                        path="/widget"
+                        element={<WidgetComponent />}
+                    ></Route>
+                </Routes>
+            </div>
+        </div>
+    );
+}
+export default App;

package/Embeddables/src/LibComponent.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import EurekaForm from '@arquimedes.co/eureka-forms';
+import React from 'react';
+import { useSearchParams } from 'react-router-dom';
+function Form(props: any): JSX.Element {
+    const [searchParams] = useSearchParams();
+    const values = searchParams.get('data-values');
+    return (
+        <EurekaForm
+            {...props}
+            apiKey={searchParams.get('apikey')}
+            idOrganization={searchParams.get('idOrganization')}
+            valuesData={
+                values ? JSON.parse(decodeURIComponent(values)) : undefined
+            }
+        />
+    );
+}
+export default Form;

package/Embeddables/src/WidgetComponent.tsx ADDED Viewed

@@ -0,0 +1,38 @@
+import { useEffect } from 'react';
+import styles from './App.module.css';
+import React from 'react';
+import { useSearchParams } from 'react-router-dom';
+function WidgetComponent(): JSX.Element {
+    const [searchParams] = useSearchParams();
+    const customId = "widget:eureka123"
+    useEffect(() => {
+        const script = document.createElement('script');
+        script.src = 'http://localhost:3004/widget_eureka-form_bundle.js';
+        script.setAttribute('data-id', customId);
+        script.defer = true;
+        document.body.appendChild(script);
+    }, []);
+    const values = searchParams.get('data-values');
+    return (
+        <div className={styles.widgetPageContainer}>
+            <div className={styles.widgetContainer}>
+                <div
+                    id={customId}
+                    data-formurl={`https://${searchParams.get(
+                        'idOrganization'
+                    )}.forms.${process.env.REACT_APP_DOMAIN}/${searchParams.get(
+                        'apikey'
+                    )}`}
+                    data-values={
+                        values ? decodeURIComponent(values) : undefined
+                    }
+                ></div>
+            </div>
+        </div>
+    );
+}
+export default WidgetComponent;

package/Embeddables/src/index.tsx ADDED Viewed

@@ -0,0 +1,10 @@
+import * as ReactDOM from 'react-dom';
+import App from './App';
+import { BrowserRouter } from 'react-router-dom';
+import React from 'react';
+ReactDOM.render(
+    <BrowserRouter>
+        <App />
+    </BrowserRouter>,
+    document.getElementById('root')
+);

package/Embeddables/tsconfig.json ADDED Viewed

@@ -0,0 +1,4 @@
+{
+    "extends": "../tsconfig.json",
+    "include": ["./src"]
+}

package/LocalEmbeddables.sh ADDED Viewed

@@ -0,0 +1,26 @@
+sudo echo "127.0.0.1 arquimedes.localhost" | sudo tee -a /etc/hosts
+npm install -g local-web-server
+#Standalone
+# rm -rf ./build
+# npm run-script build
+# ws --port 3003 --directory build --spa index.html --rewrite '/api/(.*)->https://api.forms.eureka-test.click/api/$1' > ServerLogs.txt &
+# Library:
+rm -rf ./dist
+npm run-script tsc-build
+cd src && find . -name '*.css' -exec cp --parents -prv '{}' '../dist/mjs/' ';' && cd ..
+cd src && find . -name '*.css' -exec cp --parents -prv '{}' '../dist/cjs/' ';' && cd ..
+#Widget
+rm -rf ./webpack
+npm install -g webpack webpack-cli css-loader
+webpack --mode=production
+ws --port 3004 --directory webpack > ContentLogs.txt &
+cd Embeddables
+npm i
+npm run start

package/README CHANGED Viewed

@@ -1,4 +1,4 @@
 # E2E
 Se prueban los 3 casos:
 Standalone, desplegando la app buildeada
-Widget y Libreria con el TestApp,
+Widget y Libreria con el TestApp,

package/base.tsconfig.json ADDED Viewed

@@ -0,0 +1,44 @@
+{
+    "compilerOptions": {
+        "module": "es2015",
+        "target": "es5",
+        "lib": ["es6", "dom", "dom.iterable", "esnext"],
+        "allowJs": true,
+        "jsx": "react-jsx",
+        "moduleResolution": "node",
+        "baseUrl": "src",
+        "rootDir": "src",
+        "declaration": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": true,
+        "noImplicitAny": true,
+        "strictNullChecks": true,
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "inlineSourceMap": false,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "listEmittedFiles": false,
+        "traceResolution": false,
+        "listFiles": false
+    },
+    "compileOnSave": false,
+    "exclude": [
+        "build",
+        "content",
+        "converage",
+        "dist",
+        "Embeddables",
+        "node_modules",
+        "webpack",
+        "cypress.config.ts",
+        "**/*.cy.ts",
+        "**/*.test.ts"
+    ],
+    "include": ["src"]
+}

package/cjs.tsconfig.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+    "extends": "./base.tsconfig.json",
+    "compilerOptions": {
+        "module": "commonjs",
+        "outDir": "dist/cjs",
+        "target": "es2015"
+    }
+}

package/content/Capta/Capta.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 360 1080 360"><defs><style>.cls-1{fill:#3d5a7f;}.cls-2{fill:#ed6c4d;}</style></defs><title>CAPTA FINAL</title><path class="cls-1" d="M155.27,581.54a49.36,49.36,0,1,1,36.36-82.71h52.15a94.59,94.59,0,1,0-.12,67H191.34A49.15,49.15,0,0,1,155.27,581.54Z"/><path class="cls-1" d="M805.37,488.83V444H767.3V393.67l-47.06,14.12V444H690.67v44.85h29.57v69.61c0,24.49,5,40.36,15.61,50,12.78,11.53,34.92,15.48,69.52,12.36v-42c-15.9.74-26.48-.25-32.71-6.11-3.55-3.35-5.36-8.12-5.36-14.19V488.83Z"/><path class="cls-1" d="M960.24,442.3v11c-13-9.09-31.4-15.74-49.57-15.74a94.58,94.58,0,0,0,0,189.15A87,87,0,0,0,960.24,611v12.75h47.06V442.3ZM910.67,581.54A49.36,49.36,0,1,1,960,532.17,49.43,49.43,0,0,1,910.67,581.54Z"/><path class="cls-1" d="M589.25,437.6c-18.17,0-36.56,6.65-49.57,15.74v-11H492.62v252h47.06V611a87,87,0,0,0,49.57,15.74,94.58,94.58,0,0,0,0-189.15Zm0,143.94a49.36,49.36,0,1,1,49.35-49.37A49.43,49.43,0,0,1,589.25,581.54Z"/><path class="cls-1" d="M413,442.3v11c-13-9.09-31.4-15.74-49.57-15.74A94.73,94.73,0,0,0,275,498.83h52.15a49.37,49.37,0,1,1,.28,67H275.08a94.72,94.72,0,0,0,88.39,60.94A87,87,0,0,0,413,611v12.75H460.1V442.3Z"/><path class="cls-2" d="M390.67,532A27,27,0,0,1,340,545.11l-.36-.65H179.46l-.35.65a27.07,27.07,0,1,1,.22-25.61l.35.68H339.27l.35-.68A27.05,27.05,0,0,1,390.67,532Z"/></svg>

package/content/Capta/CaptaIcon.png ADDED Viewed

Binary file

package/content/Capta/CaptaSmall.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080"><defs><style>.cls-1{fill:#3d5a7f;}.cls-2{fill:#ed6c4d;}</style></defs><title>CAPTA FINAL</title><path class="cls-1" d="M295.61,640.65a108.63,108.63,0,1,1,80-182H490.38C460.68,380,384.57,323.89,295.61,323.89,180.84,323.89,87.49,417.24,87.49,532s93.35,208.16,208.12,208.16c88.71,0,164.63-55.8,194.52-134.11H375A108.18,108.18,0,0,1,295.61,640.65Z"/><path class="cls-1" d="M862.87,334.24v24.29c-28.63-20-69.1-34.64-109.09-34.64-89,0-165,56.09-194.77,134.74H673.77a108.65,108.65,0,1,1,.63,147.42H559.26c29.89,78.31,105.81,134.11,194.52,134.11a191.54,191.54,0,0,0,109.09-34.64v28H966.44V334.24Z"/><path class="cls-2" d="M815.41,531.57a61.28,61.28,0,0,1-114.82,29.78l-.3-.52H349.9l-.28.52a61.34,61.34,0,1,1,.5-58l.29.53H699.46l.28-.53a61.29,61.29,0,0,1,115.67,28.26Z"/></svg>

package/content/Capta/CaptaSqr.png ADDED Viewed

Binary file

package/content/Capta/CaptaSqrIcon.png ADDED Viewed

Binary file

package/content/Capta/CaptaWhite.png ADDED Viewed

Binary file

package/content/Capta/CaptaWhite.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 360 1080 360"><defs><style>.cls-1{fill:#efefef;}.cls-2{fill:#ed6c4d;}</style></defs><title>CAPTA FINAL</title><path class="cls-1" d="M155.27,581.54a49.36,49.36,0,1,1,36.36-82.71h52.15a94.59,94.59,0,1,0-.12,67H191.34A49.15,49.15,0,0,1,155.27,581.54Z"/><path class="cls-1" d="M805.37,488.83V444H767.3V393.67l-47.06,14.12V444H690.67v44.85h29.57v69.61c0,24.49,5,40.36,15.61,50,12.78,11.53,34.92,15.48,69.52,12.36v-42c-15.9.74-26.48-.25-32.71-6.11-3.55-3.35-5.36-8.12-5.36-14.19V488.83Z"/><path class="cls-1" d="M960.24,442.3v11c-13-9.09-31.4-15.74-49.57-15.74a94.58,94.58,0,0,0,0,189.15A87,87,0,0,0,960.24,611v12.75h47.06V442.3ZM910.67,581.54A49.36,49.36,0,1,1,960,532.17,49.43,49.43,0,0,1,910.67,581.54Z"/><path class="cls-1" d="M589.25,437.6c-18.17,0-36.56,6.65-49.57,15.74v-11H492.62v252h47.06V611a87,87,0,0,0,49.57,15.74,94.58,94.58,0,0,0,0-189.15Zm0,143.94a49.36,49.36,0,1,1,49.35-49.37A49.43,49.43,0,0,1,589.25,581.54Z"/><path class="cls-1" d="M413,442.3v11c-13-9.09-31.4-15.74-49.57-15.74A94.73,94.73,0,0,0,275,498.83h52.15a49.37,49.37,0,1,1,.28,67H275.08a94.72,94.72,0,0,0,88.39,60.94A87,87,0,0,0,413,611v12.75H460.1V442.3Z"/><path class="cls-2" d="M390.67,532A27,27,0,0,1,340,545.11l-.36-.65H179.46l-.35.65a27.07,27.07,0,1,1,.22-25.61l.35.68H339.27l.35-.68A27.05,27.05,0,0,1,390.67,532Z"/></svg>

package/content/Capta/CaptaWhiteSmall.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080"><defs><style>.cls-1{fill:#efefef;}.cls-2{fill:#ed6c4d;}</style></defs><title>CAPTA FINAL</title><path class="cls-1" d="M295.61,640.65a108.63,108.63,0,1,1,80-182H490.38C460.68,380,384.57,323.89,295.61,323.89,180.84,323.89,87.49,417.24,87.49,532s93.35,208.16,208.12,208.16c88.71,0,164.63-55.8,194.52-134.11H375A108.18,108.18,0,0,1,295.61,640.65Z"/><path class="cls-1" d="M862.87,334.24v24.29c-28.63-20-69.1-34.64-109.09-34.64-89,0-165,56.09-194.77,134.74H673.77a108.65,108.65,0,1,1,.63,147.42H559.26c29.89,78.31,105.81,134.11,194.52,134.11a191.54,191.54,0,0,0,109.09-34.64v28H966.44V334.24Z"/><path class="cls-2" d="M815.41,531.57a61.28,61.28,0,0,1-114.82,29.78l-.3-.52H349.9l-.28.52a61.34,61.34,0,1,1,.5-58l.29.53H699.46l.28-.53a61.29,61.29,0,0,1,115.67,28.26Z"/></svg>

package/content/Capta/Ratings/like-0.png ADDED Viewed

Binary file

package/content/Capta/Ratings/like-1.png ADDED Viewed

Binary file

package/content/Capta/Ratings/satisfaction-1.png ADDED Viewed

Binary file

package/content/Capta/Ratings/satisfaction-2.png ADDED Viewed

Binary file

package/content/Capta/Ratings/satisfaction-3.png ADDED Viewed

Binary file

package/content/Capta/Ratings/satisfaction-4.png ADDED Viewed

Binary file

package/content/Capta/Ratings/scale.png ADDED Viewed

Binary file

package/content/LogosClientes/A&A-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/ASS-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/Arias.png ADDED Viewed

Binary file

package/content/LogosClientes/Arqui y Conc.png ADDED Viewed

Binary file

package/content/LogosClientes/Arqui&Conc.png ADDED Viewed

Binary file

package/content/LogosClientes/GTC-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/GTC.png ADDED Viewed

Binary file

package/content/LogosClientes/LVP-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/LVP2.png ADDED Viewed

Binary file

package/content/LogosClientes/LogoAC.png ADDED Viewed

Binary file

package/content/LogosClientes/LogoLVP.png ADDED Viewed

Binary file

package/content/LogosClientes/LogoMelendez.png ADDED Viewed

Binary file

package/content/LogosClientes/LogoOspinas.png ADDED Viewed

Binary file

package/content/LogosClientes/LogoServimercadeo.png ADDED Viewed

Binary file

package/content/LogosClientes/LogoSinco.png ADDED Viewed

Binary file

package/content/LogosClientes/Melendez-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/Melendez.png ADDED Viewed

Binary file

package/content/LogosClientes/Ospina-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/Ospinas.png ADDED Viewed

Binary file

package/content/LogosClientes/Prodesa-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/Prodesa.png ADDED Viewed

Binary file

package/content/LogosClientes/SINCO-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/SM-SF.png ADDED Viewed

Binary file

package/content/LogosClientes/Servi.png ADDED Viewed

Binary file

package/content/LogosClientes/Sinco.png ADDED Viewed

Binary file

package/cypress/@Types.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { CBRFormStep } from '../src/@Types/CBRFormStep';
+import { FormStep } from '../src/@Types/FormStep';
+export interface FilledStep {
+    idStep: string;
+    step: FormStep | CBRFormStep;
+    value: any;
+}

package/cypress/e2e/Lib.cy.ts ADDED Viewed

@@ -0,0 +1,95 @@
+import { Form } from '../../src/@Types';
+import { FormStep } from '../../src/@Types/FormStep';
+import StepTypes from '../../src/constants/FormStepTypes';
+import { FilledStep } from '../@Types';
+import { fillStep } from '../utils/checkValidStep';
+import { validateRequest } from '../utils/validateRequest';
+const idOrganization = Cypress.env('idOrganization');
+const apikey = Cypress.env('apikey');
+const env = Cypress.env('environment');
+const requestTimeout = env === 'prod' ? 10000 : 30000;
+Cypress.config('defaultCommandTimeout', requestTimeout);
+export const DEFAULT_DATE = new Date(2018, 10, 30, 13, 23);
+const GlobalValues = { globalValue: 'Global Value' };
+const HiddenStep: FormStep = {
+    id: 'idHiddenStep',
+    type: StepTypes.TEXTINPUT,
+    description: null,
+    idSection: 'hidden',
+    label: 'Hidden Step',
+    required: true,
+    size: 1,
+};
+describe('Lib Form', () => {
+    const formUrl = `http://localhost:3002?apikey=${apikey}&idOrganization=${idOrganization}&data-values=${encodeURIComponent(
+        JSON.stringify({
+            idHiddenStep: 'Hidden Value',
+            ...GlobalValues,
+        })
+    )}`;
+    beforeEach(() => {
+        cy.clock(DEFAULT_DATE, ['Date']);
+        cy.intercept('GET', /api\/form\/[a-z0-9A-z]+/).as('getForm');
+        cy.visit(formUrl, {
+            failOnStatusCode: false,
+            timeout: env === 'prod' ? 3000 : 8000,
+        });
+        cy.wait('@getForm', { timeout: requestTimeout }).then(
+            ({ response }) => {
+                const form = response?.body as Form;
+                if (!form.hiddenSteps) form.hiddenSteps = [];
+                form.hiddenSteps.push(HiddenStep.id);
+                form.steps[HiddenStep.id] = HiddenStep;
+                cy.wrap(form).as('form');
+            }
+        );
+    });
+    it('Submit valid Form', () => {
+        const filledSteps = cy.get<Form>('@form').then((form) => {
+            let idSection: string | null = form.firstSection;
+            let filledSteps = cy.wrap<FilledStep[]>([
+                {
+                    idStep: HiddenStep.id,
+                    step: HiddenStep,
+                    value: 'Hidden Value',
+                },
+            ]);
+            while (idSection) {
+                const section = form.sections[idSection];
+                for (const idStep of section.steps) {
+                    filledSteps = filledSteps.then((filledSteps) =>
+                        fillStep(idStep, form.steps, form).then((a) => [
+                            ...filledSteps,
+                            ...a,
+                        ])
+                    );
+                }
+                idSection = section.nextSection;
+                if (form.type === 'STEPPER') {
+                    ///handle next btn
+                }
+            }
+            return filledSteps;
+        });
+        cy.intercept('POST', /api\/ticket\/[a-z0-9A-z]+/, {
+            case: 'ABCDEFGHI',
+            url: 'https://arquimedes.clients.capta.co/tickets/abcdefghijklmnopqrstuvwx',
+        }).as('submit');
+        cy.get('[data-testid= "form__submit"]').click();
+        cy.wait('@submit').then(({ request }) => {
+            filledSteps.then((filledSteps) => {
+                validateRequest(request?.body, filledSteps, GlobalValues);
+            });
+        });
+    });
+});

package/cypress/e2e/Standalone.cy.ts ADDED Viewed

@@ -0,0 +1,94 @@
+import { Form } from '../../src/@Types';
+import StepTypes from '../../src/constants/FormStepTypes';
+import { FilledStep } from '../@Types';
+import { fillStep } from '../utils/checkValidStep';
+import { validateRequest } from '../utils/validateRequest';
+const idOrganization = Cypress.env('idOrganization');
+const apikey = Cypress.env('apikey');
+const env = Cypress.env('environment');
+const requestTimeout = env === 'prod' ? 10000 : 30000;
+Cypress.config('defaultCommandTimeout', requestTimeout);
+export const DEFAULT_DATE = new Date(2018, 10, 30, 13, 23);
+const GlobalValues = { globalValue: 'Global Value' };
+const HiddenStep: FormStep = {
+    id: 'idHiddenStep',
+    type: StepTypes.TEXTINPUT,
+    description: null,
+    idSection: 'hidden',
+    label: 'Hidden Step',
+    required: true,
+    size: 1,
+};
+describe('Standalone Form', () => {
+    const formUrl = `http://${idOrganization}.localhost:3003/${apikey}?data-values=${encodeURIComponent(
+        JSON.stringify({
+            idHiddenStep: 'Hidden Value',
+            ...GlobalValues,
+        })
+    )}`;
+    beforeEach(() => {
+        cy.clock(DEFAULT_DATE, ['Date']);
+        cy.intercept('GET', /api\/form\/[a-z0-9A-z]+/).as('getForm');
+        cy.visit(formUrl, {
+            failOnStatusCode: false,
+            timeout: env === 'prod' ? 3000 : 8000,
+        });
+        cy.wait('@getForm', { timeout: requestTimeout }).then(
+            ({ response }) => {
+                const form = response?.body as Form;
+                if (!form.hiddenSteps) form.hiddenSteps = [];
+                form.hiddenSteps.push(HiddenStep.id);
+                form.steps[HiddenStep.id] = HiddenStep;
+                cy.wrap(form).as('form');
+            }
+        );
+    });
+    it('Submit valid Form', () => {
+        const filledSteps = cy.get<Form>('@form').then((form) => {
+            let idSection: string | null = form.firstSection;
+            let filledSteps = cy.wrap<FilledStep[]>([
+                {
+                    idStep: HiddenStep.id,
+                    step: HiddenStep,
+                    value: 'Hidden Value',
+                },
+            ]);
+            while (idSection) {
+                const section = form.sections[idSection];
+                for (const idStep of section.steps) {
+                    filledSteps = filledSteps.then((filledSteps) =>
+                        fillStep(idStep, form.steps, form).then((a) => [
+                            ...filledSteps,
+                            ...a,
+                        ])
+                    );
+                }
+                idSection = section.nextSection;
+                if (form.type === 'STEPPER') {
+                    ///handle next btn
+                }
+            }
+            return filledSteps;
+        });
+        cy.intercept('POST', /api\/ticket\/[a-z0-9A-z]+/, {
+            case: 'ABCDEFGHI',
+            url: 'https://arquimedes.clients.capta.co/tickets/abcdefghijklmnopqrstuvwx',
+        }).as('submit');
+        cy.get('[data-testid= "form__submit"]').click();
+        cy.wait('@submit').then(({ request }) => {
+            filledSteps.then((filledSteps) => {
+                validateRequest(request?.body, filledSteps, GlobalValues);
+            });
+        });
+    });
+});