@arquimedes.co/eureka-forms 3.0.54 → 3.0.55

package/dist/App/App.cbr.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/App/App.cbr.test.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import '@testing-library/jest-dom';
+import App from './App';
+import CBRFormStepTypes from '../constants/CBRFormStepTypes';
+const INCIDENT = {
+    idSpaceStep: 'CBR_TIPO_ESPACIO-PYDqn',
+    idElementStep: 'CBR_LOCATIVAS-fp6xL',
+    idCommentStep: 'CBR_COMENTARIO-sQjpP',
+    num: 1,
+};
+const ID_SUB_ELEMENT_STEP = 'CBR_LOCATIVAS-G4S0r';
+/** Shaped after a real posventa ticket: incidents are stored flat, keyed by generated step ids. */
+const POSVENTA_VALUES = {
+    CBR_INCIDENCIAS: [INCIDENT],
+    [INCIDENT.idSpaceStep]: { id: '35365', label: 'Zona de Oficios' },
+    [INCIDENT.idCommentStep]: 'GRAN HUMEDAD!!!',
+    [INCIDENT.idElementStep]: { id: '06', label: 'CIELOS', subStep: ID_SUB_ELEMENT_STEP },
+    [ID_SUB_ELEMENT_STEP]: { id: '0601', label: 'Cielo Falso' },
+};
+const POSVENTA_FORM = {
+    name: 'Formulario PosVenta',
+    firstSection: 'FIRST',
+    sections: {
+        FIRST: { id: 'FIRST', name: '', nextSection: null, steps: ['CBR_INCIDENCIAS'] },
+    },
+    steps: {
+        CBR_INCIDENCIAS: {
+            id: 'CBR_INCIDENCIAS',
+            type: CBRFormStepTypes.CBR_INCIDENCIAS,
+            label: 'Incidencias',
+            description: null,
+            addBtnLabel: 'Agregar Incidencia',
+            required: true,
+            unitLabel: 'Incidencia',
+            dependencies: ['CBR_PROYECTO'],
+            spaceStep: {
+                label: 'Espacio',
+                description: null,
+                size: 1,
+                required: true,
+                showIcon: true,
+                searchable: true,
+            },
+            commentStep: { label: 'Comentario', description: null, size: 1, required: true },
+            elementStep: {
+                label: 'Elemento',
+                description: null,
+                size: 1,
+                required: true,
+                showIcon: true,
+                searchable: true,
+                subStep: {
+                    label: 'Elemento Hijo',
+                    description: null,
+                    size: 1,
+                    required: true,
+                    showIcon: true,
+                    searchable: true,
+                },
+            },
+        },
+    },
+    size: { blockNum: 4, blockSize: 210, spacingSize: 20 },
+};
+describe('CBR posventa postview', () => {
+    it('renders the submitted incidents read-only', async () => {
+        const { container } = render(_jsx(App, { formData: POSVENTA_FORM, valuesData: POSVENTA_VALUES, idOrganization: 'melendez', postview: true, internal: true, isWidget: true, editable: false }));
+        await waitFor(() => {
+            expect(container.textContent).toContain('Incidencia 1');
+        });
+        expect(container.textContent).toContain('GRAN HUMEDAD!!!');
+        expect(screen.getByDisplayValue('Zona de Oficios')).toBeInTheDocument();
+        expect(screen.getByDisplayValue('CIELOS')).toBeInTheDocument();
+        expect(screen.getByDisplayValue('Cielo Falso')).toBeInTheDocument();
+    });
+});

package/dist/Utils/CBRFunctions.js

@@ -1,17 +1,19 @@
 import CBRFormStepTypes from '../constants/CBRFormStepTypes';
 export const calcCbrForm = (form, formValues) => {
+    /** Callers pass the form straight out of `createNextState`, whose result Immer deep-freezes. */
+    const steps = { ...form.steps };
     for (const step of Object.values(form.steps)) {
         if (step.type === CBRFormStepTypes.CBR_INCIDENCIAS) {
             const incidentStep = step;
             const incValue = formValues[incidentStep.id ?? ''];
             if (incValue) {
                 for (const incident of incValue) {
-                    handleAddIncident(incident, incidentStep, form.steps, formValues);
+                    handleAddIncident(incident, incidentStep, steps, formValues);
                 }
             }
         }
     }
-    return form;
+    return { ...form, steps };
 };
 const handleAddIncident = (incident, step, steps, formValues) => {
     const spaceStep = {

package/dist/Utils/CBRFunctions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Utils/CBRFunctions.test.js

@@ -0,0 +1,123 @@
+import { createNextState } from '@reduxjs/toolkit';
+import { describe, expect, test } from 'vitest';
+import CBRFormStepTypes from '../constants/CBRFormStepTypes';
+import { calcCbrForm } from './CBRFunctions';
+const INCIDENT = {
+    idSpaceStep: 'CBR_TIPO_ESPACIO-space1',
+    idElementStep: 'CBR_LOCATIVAS-element1',
+    idCommentStep: 'CBR_COMENTARIO-comment1',
+    num: 1,
+};
+/** Second element level, reached through the element value's `subStep` pointer. */
+const ID_SUB_ELEMENT_STEP = 'CBR_LOCATIVAS-subElement1';
+const FORM_VALUES = {
+    CBR_INCIDENCIAS: [INCIDENT],
+    [INCIDENT.idSpaceStep]: { id: '35362', label: 'Sala' },
+    [INCIDENT.idCommentStep]: 'GRAN HUMEDAD',
+    [INCIDENT.idElementStep]: {
+        id: '06',
+        label: 'CIELOS',
+        subStep: ID_SUB_ELEMENT_STEP,
+    },
+    [ID_SUB_ELEMENT_STEP]: { id: '0601', label: 'Cielo Falso' },
+};
+function buildForm() {
+    return {
+        name: 'Formulario PosVenta',
+        firstSection: 'FIRST',
+        sections: {
+            FIRST: {
+                id: 'FIRST',
+                name: '',
+                nextSection: null,
+                steps: ['CBR_INCIDENCIAS'],
+            },
+        },
+        steps: {
+            CBR_INCIDENCIAS: {
+                id: 'CBR_INCIDENCIAS',
+                type: CBRFormStepTypes.CBR_INCIDENCIAS,
+                label: 'Incidencias',
+                description: null,
+                addBtnLabel: 'Agregar',
+                required: true,
+                unitLabel: 'Incidencia',
+                dependencies: ['CBR_PROYECTO'],
+                spaceStep: {
+                    label: 'Espacio',
+                    description: null,
+                    size: 1,
+                    required: true,
+                    showIcon: true,
+                    searchable: true,
+                },
+                commentStep: {
+                    label: 'Comentario',
+                    description: null,
+                    size: 1,
+                    required: true,
+                },
+                elementStep: {
+                    label: 'Elemento',
+                    description: null,
+                    size: 1,
+                    required: true,
+                    showIcon: true,
+                    searchable: true,
+                    subStep: {
+                        label: 'Elemento Hijo',
+                        description: null,
+                        size: 1,
+                        required: true,
+                        showIcon: true,
+                        searchable: true,
+                    },
+                },
+            },
+        },
+        size: { blockNum: 4, blockSize: 210, spacingSize: 20 },
+    };
+}
+describe('calcCbrForm', function () {
+    test('expands every incident into its own space, comment and element steps', () => {
+        const result = calcCbrForm(buildForm(), FORM_VALUES);
+        expect(result.steps[INCIDENT.idSpaceStep]).toMatchObject({
+            id: INCIDENT.idSpaceStep,
+            type: CBRFormStepTypes.CBR_TIPO_ESPACIO,
+        });
+        expect(result.steps[INCIDENT.idCommentStep]).toMatchObject({
+            id: INCIDENT.idCommentStep,
+            type: CBRFormStepTypes.CBR_COMENTARIO,
+        });
+        expect(result.steps[INCIDENT.idElementStep]).toMatchObject({
+            id: INCIDENT.idElementStep,
+            type: CBRFormStepTypes.CBR_LOCATIVAS,
+            subStep: ID_SUB_ELEMENT_STEP,
+        });
+        expect(result.steps[ID_SUB_ELEMENT_STEP]).toMatchObject({
+            id: ID_SUB_ELEMENT_STEP,
+            type: CBRFormStepTypes.CBR_LOCATIVAS,
+        });
+    });
+    test('leaves the form it was given untouched', () => {
+        const form = buildForm();
+        calcCbrForm(form, FORM_VALUES);
+        expect(Object.keys(form.steps)).toEqual(['CBR_INCIDENCIAS']);
+    });
+    /**
+     * The caller hands the form straight out of `createNextState`, whose result Immer deep-freezes, so
+     * expanding the incidents by writing into that same `steps` object throws and leaves the form stuck
+     * loading forever.
+     */
+    test('expands a form frozen by createNextState', () => {
+        const frozenForm = createNextState(buildForm(), (draft) => {
+            draft.steps.CBR_INCIDENCIAS.idSection = 'FIRST';
+        });
+        expect(Object.isFrozen(frozenForm.steps)).toBe(true);
+        const result = calcCbrForm(frozenForm, FORM_VALUES);
+        expect(result.steps[INCIDENT.idSpaceStep]).toBeDefined();
+        expect(result.steps[INCIDENT.idCommentStep]).toBeDefined();
+        expect(result.steps[INCIDENT.idElementStep]).toBeDefined();
+        expect(result.steps[ID_SUB_ELEMENT_STEP]).toBeDefined();
+    });
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version": "3.0.54",
+  "version": "3.0.55",
   "scripts": {
     "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
     "start": "vite",