@arquimedes.co/eureka-forms 3.0.71 → 3.0.72-test

package/dist/Shared/ErkBookingPicker/ErkBookingPicker.stories.js

@@ -5,10 +5,8 @@ import { withFormStepProviders } from '../../FormSteps/@StoryDecorators/FormStep
 import { BookingMode, PersonSelectionMode } from '../../@Types/BookingFormStep';
 const SLOTS = [
     { id: 's-1', startTime: '09:00', endTime: '09:50', available: true },
-    { id: 's-2', startTime: '10:00', endTime: '10:50', available: false },
     { id: 's-3', startTime: '11:00', endTime: '11:50', available: true },
     { id: 's-4', startTime: '14:00', endTime: '14:50', available: true },
-    { id: 's-5', startTime: '15:00', endTime: '15:50', available: false },
     { id: 's-6', startTime: '16:00', endTime: '16:50', available: true },
 ];
 function mockFetchSlots() {
@@ -69,32 +67,43 @@ export const NoPerson = {
         fetchSlots: mockFetchSlots,
     },
 };
-/** Extra contact step (collectContact). */
-export const WithContact = {
+/** The email comes from an earlier step of the form: the picker only asks for the name. */
+export const EmailFromStep = {
     args: {
         value: null,
         label: 'Agendar cita',
-        description: 'Elige y déjanos tus datos.',
+        description: 'Elige y déjanos tu nombre.',
         durationMinutes: 45,
         personSelectionMode: PersonSelectionMode.OPTIONAL,
         persons: PERSONS,
-        collectContact: true,
+        knownContact: { email: 'juan@correo.com' },
         fetchSlots: mockFetchSlots,
     },
 };
-/** Full config: contact data, buffer, lock notice and in-person mode. */
+/** Full config: name and email asked in the picker, lock notice, in-person mode and the organization clock. */
 export const Complete = {
     args: {
         value: null,
         label: 'Agendar cita',
         description: 'Soporte postventa',
         durationMinutes: 60,
-        bufferMinutes: 10,
         bookingMode: BookingMode.IN_PERSON,
         temporaryLockMinutes: 15,
         personSelectionMode: PersonSelectionMode.OPTIONAL,
         persons: PERSONS,
-        collectContact: true,
+        askEmail: true,
+        timeZone: 'America/Bogota',
+        fetchSlots: mockFetchSlots,
+    },
+};
+/** A hold that lapsed after it was made: the requester is sent back to the hours with the reason. */
+export const Lapsed = {
+    args: {
+        value: null,
+        label: 'Agendar cita',
+        durationMinutes: 30,
+        personSelectionMode: PersonSelectionMode.NONE,
+        lapsed: 'Tu reserva venció; elige la hora de nuevo.',
         fetchSlots: mockFetchSlots,
     },
 };
@@ -115,3 +124,54 @@ export const ReadOnly = {
         },
     },
 };
+/** Several event templates: the requester picks what they need first, and its duration rules the hours. */
+export const PickEventTemplate = {
+    args: {
+        value: null,
+        label: 'Agendar cita',
+        description: 'Elige qué necesitas, el día y la hora.',
+        durationMinutes: 30,
+        bookingMode: BookingMode.VIRTUAL,
+        personSelectionMode: PersonSelectionMode.OPTIONAL,
+        persons: PERSONS,
+        eventTemplates: [
+            { id: 't-1', name: 'Valoración', description: 'Primera visita, sin costo.', durationMinutes: 30 },
+            {
+                id: 't-2',
+                name: 'Asesoría de crédito',
+                description: 'Revisamos tu caso con un asesor.',
+                durationMinutes: 45,
+            },
+            { id: 't-3', name: 'Firma de documentos', durationMinutes: 60, bookingMode: BookingMode.IN_PERSON },
+        ],
+        timeZone: 'America/Bogota',
+        fetchSlots: mockFetchSlots,
+    },
+};
+/** Booked with an event template: the summary names it with its duration. */
+export const BookedWithEventTemplate = {
+    args: {
+        label: 'Agendar cita',
+        durationMinutes: 45,
+        value: {
+            type: 'BOOKING_VALUE',
+            date: '2026-07-02',
+            startTime: '11:00',
+            endTime: '11:45',
+            personName: 'María González',
+            status: 'PENDING',
+            eventTemplate: { name: 'Asesoría de crédito', durationMinutes: 45 },
+        },
+    },
+};
+/** The offer did not load: the entry card stays disabled and offers "Reintentar". */
+export const OfferFailed = {
+    args: {
+        value: null,
+        label: 'Agendar cita',
+        durationMinutes: 30,
+        disabled: true,
+        loadError: 'No pudimos cargar los horarios.',
+        onRetryLoad: () => undefined,
+    },
+};

package/dist/Shared/ErkBookingPicker/ErkBookingPicker.stories.test.js

@@ -5,18 +5,14 @@ import { composeStories } from '@storybook/react-vite';
 import { describe, expect, it } from 'vitest';
 import '@testing-library/jest-dom';
 import { format } from 'date-fns';
+import { es } from 'date-fns/locale';
 import * as stories from './ErkBookingPicker.stories';
 const { Complete } = composeStories(stories);
 function clickableToday() {
-    // El número de hoy puede aparecer también como día de un mes adyacente (deshabilitado).
-    const candidates = screen.getAllByRole('button', { name: format(new Date(), 'd') });
-    const enabled = candidates.find((b) => !b.disabled);
-    if (!enabled)
-        throw new Error('No selectable day found for today');
-    return enabled;
+    return screen.getByRole('button', { name: format(new Date(), "EEEE d 'de' MMMM 'de' yyyy", { locale: es }) });
 }
 describe('ErkBookingPicker Complete story', () => {
-    it('opens the wizard in a modal, completes it, and confirming closes the modal leaving the summary', async () => {
+    it('opens the wizard in a modal, completes it, and reserving closes the modal leaving the summary', async () => {
         const user = userEvent.setup();
         render(_jsx(Complete, {}));
         // Trigger → modal con el wizard
@@ -31,16 +27,18 @@ describe('ErkBookingPicker Complete story', () => {
         await user.click(screen.getByRole('button', { name: 'Siguiente' }));
         // Hora (los slots del mock llegan con delay)
         await screen.findByRole('heading', { name: 'Elige una hora' });
-        await user.click(await screen.findByRole('button', { name: '09:00' }));
+        expect(screen.getByText(/^Horas en hora de Bogotá/)).toBeInTheDocument();
+        await user.click(await screen.findByRole('button', { name: /^09:00/ }));
         await user.click(screen.getByRole('button', { name: 'Siguiente' }));
-        // Confirmar
-        await screen.findByRole('heading', { name: 'Revisa y confirma tu cita' });
-        await user.type(screen.getByLabelText('Nombre'), 'Juan Pérez');
-        await user.type(screen.getByLabelText('Correo'), 'juan@correo.com');
-        await user.click(screen.getByRole('button', { name: 'Confirmar cita' }));
+        // Reservar
+        await screen.findByRole('heading', { name: 'Revisa y reserva tu horario' });
+        await user.type(screen.getByLabelText(/Nombre/), 'Juan Pérez');
+        await user.type(screen.getByLabelText(/Correo/), 'juan@correo.com');
+        await user.click(screen.getByRole('button', { name: 'Reservar' }));
         // El modal se cierra y queda el resumen compacto con opción de cambiar
-        await waitFor(() => expect(screen.queryByRole('heading', { name: 'Revisa y confirma tu cita' })).not.toBeInTheDocument());
-        expect(screen.getByText(/María González .* 09:00–09:50/)).toBeInTheDocument();
+        await waitFor(() => expect(screen.queryByRole('heading', { name: 'Revisa y reserva tu horario' })).not.toBeInTheDocument());
+        expect(screen.getByText(/09:00–09:50 · con María González/)).toBeInTheDocument();
+        expect(screen.getByText(/Envía el formulario para confirmar la cita/)).toBeInTheDocument();
         expect(screen.getByRole('button', { name: 'Cambiar' })).toBeInTheDocument();
         // "Cambiar" limpia el valor y vuelve al botón de agendar
         await user.click(screen.getByRole('button', { name: 'Cambiar' }));