@arquimedes.co/eureka-forms 3.0.69 → 3.0.71-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 (146) hide show
  1. package/README +1 -33
  2. package/dist/@Types/FormStep.d.ts +2 -7
  3. package/dist/@Types/FormStep.js +1 -2
  4. package/dist/App/App.stories.d.ts +0 -10
  5. package/dist/App/App.stories.js +0 -189
  6. package/dist/App/AppHooks.js +0 -8
  7. package/dist/App/AppHooks.test.js +0 -8
  8. package/dist/Form/Form.js +6 -7
  9. package/dist/Form/FormFunctions.d.ts +0 -17
  10. package/dist/Form/FormFunctions.js +0 -22
  11. package/dist/Form/FormFunctions.test.js +1 -28
  12. package/dist/FormSteps/AYFStepMapper.js +2 -24
  13. package/dist/FormSteps/CheckBoxStep/CheckBoxStep.mobileLabel.test.js +12 -20
  14. package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js +13 -6
  15. package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.module.css +13 -2
  16. package/dist/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js +1 -3
  17. package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js +26 -26
  18. package/dist/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js +11 -1
  19. package/dist/FormSteps/SmartSelectStep/SmartSelectStep.staleOptions.test.js +100 -0
  20. package/dist/FormSteps/Step.js +0 -16
  21. package/dist/FormSteps/StepFunctions.js +0 -14
  22. package/dist/FormSteps/StepFunctions.test.js +0 -54
  23. package/dist/FormSteps/StepHooks.d.ts +0 -21
  24. package/dist/FormSteps/StepHooks.js +8 -55
  25. package/dist/FormSteps/ciudadesICAQuery.d.ts +8 -0
  26. package/dist/FormSteps/ciudadesICAQuery.js +31 -0
  27. package/dist/FormSteps/ciudadesICAQuery.test.js +39 -0
  28. package/dist/Shared/ErkDatePicker/ErkDatePicker.js +3 -1
  29. package/dist/Shared/ErkDateRangePicker/ErkDateRangePicker.d.ts +3 -2
  30. package/dist/Shared/ErkDateRangePicker/ErkDateRangePicker.js +2 -1
  31. package/dist/Shared/ErkSmartSelect/ErkSmartSelect.js +4 -14
  32. package/dist/Shared/ErkSmartSelect/ErkSmartSelect.test.js +21 -1
  33. package/dist/Utils/AxiosWidget.js +1 -9
  34. package/dist/constants/FormStepTypes.d.ts +1 -5
  35. package/dist/constants/FormStepTypes.js +0 -4
  36. package/dist/index.lib.d.ts +2 -4
  37. package/dist/index.lib.js +1 -3
  38. package/package.json +1 -2
  39. package/dist/@Types/AvailabilityFormStep.d.ts +0 -48
  40. package/dist/@Types/AvailabilityFormStep.js +0 -24
  41. package/dist/@Types/BankAccountFormStep.d.ts +0 -67
  42. package/dist/@Types/BankAccountFormStep.js +0 -14
  43. package/dist/@Types/BookingFormStep.d.ts +0 -197
  44. package/dist/@Types/BookingFormStep.js +0 -44
  45. package/dist/@Types/CalendarFormStep.d.ts +0 -209
  46. package/dist/@Types/CalendarFormStep.js +0 -55
  47. package/dist/@Types/CommunicationChannelFormStep.d.ts +0 -51
  48. package/dist/@Types/CommunicationChannelFormStep.js +0 -15
  49. package/dist/@Types/ConsentFormStep.d.ts +0 -36
  50. package/dist/@Types/ConsentFormStep.js +0 -8
  51. package/dist/@Types/EntityFormFormStep.d.ts +0 -66
  52. package/dist/@Types/EntityFormFormStep.js +0 -20
  53. package/dist/@Types/EventFormStep.d.ts +0 -52
  54. package/dist/@Types/EventFormStep.js +0 -13
  55. package/dist/@Types/ExternalReferenceFormStep.d.ts +0 -74
  56. package/dist/@Types/ExternalReferenceFormStep.js +0 -20
  57. package/dist/@Types/LocationFormStep.d.ts +0 -159
  58. package/dist/@Types/LocationFormStep.js +0 -46
  59. package/dist/@Types/NumericFormSteps.d.ts +0 -108
  60. package/dist/@Types/NumericFormSteps.js +0 -20
  61. package/dist/@Types/PredefinedSelectorFormStep.d.ts +0 -51
  62. package/dist/@Types/PredefinedSelectorFormStep.js +0 -39
  63. package/dist/@Types/StepRef.d.ts +0 -135
  64. package/dist/@Types/StepRef.js +0 -49
  65. package/dist/FormSteps/AvailabilityStep/AvailabilityStep.d.ts +0 -7
  66. package/dist/FormSteps/AvailabilityStep/AvailabilityStep.js +0 -14
  67. package/dist/FormSteps/AvailabilityStep/MaterialAvailabilityStep/MaterialAvailabilityStep.d.ts +0 -8
  68. package/dist/FormSteps/AvailabilityStep/MaterialAvailabilityStep/MaterialAvailabilityStep.js +0 -32
  69. package/dist/FormSteps/BookingStep/BookingStep.d.ts +0 -17
  70. package/dist/FormSteps/BookingStep/BookingStep.js +0 -14
  71. package/dist/FormSteps/BookingStep/MaterialBookingStep/MaterialBookingStep.d.ts +0 -14
  72. package/dist/FormSteps/BookingStep/MaterialBookingStep/MaterialBookingStep.js +0 -129
  73. package/dist/FormSteps/ClassifierSelectorStep/ClassifierSelectorStep.lateClassifiers.test.js +0 -70
  74. package/dist/FormSteps/EntityValueStep/entityValueDependencyValue.d.ts +0 -12
  75. package/dist/FormSteps/EntityValueStep/entityValueDependencyValue.js +0 -35
  76. package/dist/FormSteps/EntityValueStep/entityValueDependencyValue.test.js +0 -31
  77. package/dist/FormSteps/EntityValueStep/entityValuePickerWatchedSteps.d.ts +0 -27
  78. package/dist/FormSteps/EntityValueStep/entityValuePickerWatchedSteps.js +0 -64
  79. package/dist/FormSteps/EntityValueStep/entityValuePickerWatchedSteps.test.d.ts +0 -1
  80. package/dist/FormSteps/EntityValueStep/entityValuePickerWatchedSteps.test.js +0 -95
  81. package/dist/FormSteps/LocationStep/LocationStep.d.ts +0 -10
  82. package/dist/FormSteps/LocationStep/LocationStep.js +0 -14
  83. package/dist/FormSteps/LocationStep/MaterialLocationStep/MaterialLocationStep.d.ts +0 -3
  84. package/dist/FormSteps/LocationStep/MaterialLocationStep/MaterialLocationStep.js +0 -54
  85. package/dist/FormSteps/LocationStep/MaterialLocationStep/MaterialLocationStep.module.css +0 -18
  86. package/dist/FormSteps/NumberStep/MaterialNumberStep/MaterialNumberStep.d.ts +0 -3
  87. package/dist/FormSteps/NumberStep/MaterialNumberStep/MaterialNumberStep.js +0 -170
  88. package/dist/FormSteps/NumberStep/MaterialNumberStep/MaterialNumberStep.module.css +0 -96
  89. package/dist/FormSteps/NumberStep/NumberStep.d.ts +0 -10
  90. package/dist/FormSteps/NumberStep/NumberStep.js +0 -14
  91. package/dist/FormSteps/StepHooks.test.d.ts +0 -1
  92. package/dist/FormSteps/StepHooks.test.js +0 -92
  93. package/dist/FormSteps/isStepHiddenByCondition.test.d.ts +0 -1
  94. package/dist/FormSteps/isStepHiddenByCondition.test.js +0 -42
  95. package/dist/Icons/AddIcon.d.ts +0 -3
  96. package/dist/Icons/AddIcon.js +0 -7
  97. package/dist/Icons/EditIcon.d.ts +0 -3
  98. package/dist/Icons/EditIcon.js +0 -7
  99. package/dist/Icons/RemoveIcon.d.ts +0 -3
  100. package/dist/Icons/RemoveIcon.js +0 -7
  101. package/dist/Icons/ViewDayIcon.d.ts +0 -3
  102. package/dist/Icons/ViewDayIcon.js +0 -7
  103. package/dist/Icons/ViewWeekIcon.d.ts +0 -3
  104. package/dist/Icons/ViewWeekIcon.js +0 -7
  105. package/dist/Services/BookingService.d.ts +0 -79
  106. package/dist/Services/BookingService.js +0 -66
  107. package/dist/Services/BookingService.test.d.ts +0 -1
  108. package/dist/Services/BookingService.test.js +0 -57
  109. package/dist/Shared/ErkAddressAutocomplete/ErkAddressAutocomplete.d.ts +0 -19
  110. package/dist/Shared/ErkAddressAutocomplete/ErkAddressAutocomplete.js +0 -80
  111. package/dist/Shared/ErkAddressAutocomplete/ErkAddressAutocomplete.module.css +0 -88
  112. package/dist/Shared/ErkAddressAutocomplete/googlePlaces.d.ts +0 -29
  113. package/dist/Shared/ErkAddressAutocomplete/googlePlaces.js +0 -139
  114. package/dist/Shared/ErkAvailabilityPicker/ErkAvailabilityPicker.d.ts +0 -25
  115. package/dist/Shared/ErkAvailabilityPicker/ErkAvailabilityPicker.js +0 -112
  116. package/dist/Shared/ErkAvailabilityPicker/ErkAvailabilityPicker.module.css +0 -88
  117. package/dist/Shared/ErkAvailabilityPicker/ErkAvailabilityPicker.test.d.ts +0 -1
  118. package/dist/Shared/ErkAvailabilityPicker/ErkAvailabilityPicker.test.js +0 -73
  119. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.d.ts +0 -52
  120. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.js +0 -292
  121. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.module.css +0 -608
  122. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.stories.d.ts +0 -28
  123. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.stories.js +0 -117
  124. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.stories.test.d.ts +0 -1
  125. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.stories.test.js +0 -49
  126. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.test.d.ts +0 -1
  127. package/dist/Shared/ErkBookingPicker/ErkBookingPicker.test.js +0 -157
  128. package/dist/Shared/ErkIconButton/ErkIconButton.d.ts +0 -17
  129. package/dist/Shared/ErkIconButton/ErkIconButton.js +0 -11
  130. package/dist/Shared/ErkIconButton/ErkIconButton.module.css +0 -41
  131. package/dist/Shared/ErkLocationField/ErkLocationField.d.ts +0 -24
  132. package/dist/Shared/ErkLocationField/ErkLocationField.js +0 -128
  133. package/dist/Shared/ErkLocationField/ErkLocationField.module.css +0 -164
  134. package/dist/Shared/ErkLocationField/ErkLocationField.test.d.ts +0 -1
  135. package/dist/Shared/ErkLocationField/ErkLocationField.test.js +0 -82
  136. package/dist/Shared/ErkLocationField/addressFields.d.ts +0 -12
  137. package/dist/Shared/ErkLocationField/addressFields.js +0 -34
  138. package/dist/Shared/ErkLocationField/locationRestrictions.d.ts +0 -6
  139. package/dist/Shared/ErkLocationField/locationRestrictions.js +0 -51
  140. package/dist/Shared/ErkLocationInput/ErkLocationInput.d.ts +0 -15
  141. package/dist/Shared/ErkLocationInput/ErkLocationInput.js +0 -502
  142. package/dist/Shared/ErkLocationInput/ErkLocationInput.module.css +0 -128
  143. package/dist/Shared/ErkNumberField/ErkNumberField.d.ts +0 -42
  144. package/dist/Shared/ErkNumberField/ErkNumberField.js +0 -169
  145. /package/dist/FormSteps/{ClassifierSelectorStep/ClassifierSelectorStep.lateClassifiers.test.d.ts → SmartSelectStep/SmartSelectStep.staleOptions.test.d.ts} +0 -0
  146. /package/dist/FormSteps/{EntityValueStep/entityValueDependencyValue.test.d.ts → ciudadesICAQuery.test.d.ts} +0 -0
@@ -1,57 +0,0 @@
1
- /* eslint-disable @typescript-eslint/unbound-method, @typescript-eslint/require-await, @typescript-eslint/explicit-function-return-type -- test file: vi.mocked()/expect() reference mocked axios methods as values, and the mock factory uses terse async/return types */
2
- import { beforeEach, describe, expect, it, vi } from 'vitest';
3
- import axiosInstance from '../Utils/AxiosAPI';
4
- import widgetInstance from '../Utils/AxiosWidget';
5
- import { bookingErrorMessage, clockIn, fetchBookingOffer, fetchBookingSlots, holdBookingSlot, releaseBookingSlot, toPickerSlot, } from './BookingService';
6
- vi.mock('../Utils/AxiosWidget', () => ({
7
- default: { get: vi.fn(), post: vi.fn() },
8
- }));
9
- vi.mock('../Utils/AxiosAPI', () => ({
10
- default: { get: vi.fn(), post: vi.fn() },
11
- axiosBaseQuery: () => async () => ({ data: undefined }),
12
- }));
13
- const ROUTE = { apiKey: 'form-key', idStep: 'BOOKING-1' };
14
- describe('BookingService', () => {
15
- beforeEach(() => {
16
- vi.clearAllMocks();
17
- });
18
- it('reads a slot on the organization’s clock, not the browser’s', () => {
19
- // 14:00Z is 09:00 in Bogotá and 16:00 in Madrid; the picker shows the calendar's own hours.
20
- expect(clockIn('2026-09-22T14:00:00.000Z', 'America/Bogota')).toBe('09:00');
21
- expect(clockIn('2026-09-22T14:00:00.000Z', 'Europe/Madrid')).toBe('16:00');
22
- expect(clockIn('2026-09-22T05:00:00.000Z', 'America/Bogota')).toBe('00:00');
23
- expect(toPickerSlot({ start: '2026-09-22T14:00:00.000Z', end: '2026-09-22T14:30:00.000Z', token: 'tok' }, 'America/Bogota')).toEqual({ id: 'tok', startTime: '09:00', endTime: '09:30', available: true });
24
- });
25
- it('talks to the same-origin API for a form served under the organization', async () => {
26
- vi.mocked(axiosInstance.get).mockResolvedValue({ data: { days: ['2026-09-22'] } });
27
- await fetchBookingOffer(ROUTE);
28
- expect(axiosInstance.get).toHaveBeenCalledWith('/booking/form-key/BOOKING-1');
29
- await fetchBookingSlots(ROUTE, '2026-09-22', 'person-token');
30
- expect(axiosInstance.get).toHaveBeenLastCalledWith('/booking/form-key/BOOKING-1/slots?date=2026-09-22&person=person-token');
31
- expect(widgetInstance.get).not.toHaveBeenCalled();
32
- });
33
- it('names the organization and goes through the forms domain for an embedded form', async () => {
34
- vi.mocked(widgetInstance.get).mockResolvedValue({ data: { days: [] } });
35
- vi.mocked(widgetInstance.post).mockResolvedValue({ data: { appointment: 'a1', hold: 'h1', lockedUntil: 'x' } });
36
- const route = { ...ROUTE, idOrganization: 'acme' };
37
- await fetchBookingOffer(route, 'p');
38
- expect(widgetInstance.get).toHaveBeenCalledWith('/booking/form-key/BOOKING-1?idOrganization=acme&person=p');
39
- const held = await holdBookingSlot(route, { slot: 'slot-token', contact: { name: 'Ana' } });
40
- expect(widgetInstance.post).toHaveBeenCalledWith('/booking/form-key/BOOKING-1/hold?idOrganization=acme', {
41
- slot: 'slot-token',
42
- contact: { name: 'Ana' },
43
- });
44
- expect(held).toEqual({ appointment: 'a1', hold: 'h1', lockedUntil: 'x' });
45
- await releaseBookingSlot(route, { appointment: 'a1', hold: 'h1' });
46
- expect(widgetInstance.post).toHaveBeenLastCalledWith('/booking/form-key/BOOKING-1/release?idOrganization=acme', {
47
- appointment: 'a1',
48
- hold: 'h1',
49
- });
50
- expect(axiosInstance.get).not.toHaveBeenCalled();
51
- });
52
- it('surfaces the edge’s plain-text refusal, and a generic message otherwise', () => {
53
- expect(bookingErrorMessage({ response: { data: 'That slot is no longer available' } })).toBe('That slot is no longer available');
54
- expect(bookingErrorMessage({ response: { data: { message: 'Forbidden' } } })).toBe('No pudimos reservar ese horario. Intenta de nuevo.');
55
- expect(bookingErrorMessage(new Error('network'))).toBe('No pudimos reservar ese horario. Intenta de nuevo.');
56
- });
57
- });
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { LocationStepValue } from '../../@Types/LocationFormStep';
3
- export interface ErkAddressAutocompleteProps {
4
- value?: LocationStepValue | null;
5
- onChange: (value: LocationStepValue) => void;
6
- /** ISO-2 para acotar las sugerencias (ej. ['co']). */
7
- regionCodes?: string[];
8
- placeholder?: string;
9
- error?: boolean;
10
- required?: boolean;
11
- readOnly?: boolean;
12
- inputRef?: React.Ref<HTMLInputElement>;
13
- }
14
- /**
15
- * Buscador de direcciones con el `Autocomplete` de Base UI + Google Places.
16
- * Emite un `LocationStepValue` (source GOOGLE_PLACES) con el desglose estructurado.
17
- */
18
- declare function ErkAddressAutocomplete({ value, onChange, regionCodes, placeholder, error, required, readOnly, inputRef, }: ErkAddressAutocompleteProps): JSX.Element;
19
- export default ErkAddressAutocomplete;
@@ -1,80 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useCallback, useEffect, useRef, useState } from 'react';
3
- import { Autocomplete } from '@base-ui/react/autocomplete';
4
- import { fetchAddressSuggestions, loadPlaces, newSessionToken, resolvePrediction, } from './googlePlaces';
5
- import styles from './ErkAddressAutocomplete.module.css';
6
- /**
7
- * Buscador de direcciones con el `Autocomplete` de Base UI + Google Places.
8
- * Emite un `LocationStepValue` (source GOOGLE_PLACES) con el desglose estructurado.
9
- */
10
- function ErkAddressAutocomplete({ value, onChange, regionCodes = ['co'], placeholder = 'Buscar dirección…', error = false, required = false, readOnly = false, inputRef, }) {
11
- const apiKey = import.meta.env.VITE_GOOGLE_MAPS_API_KEY ?? '';
12
- const [ready, setReady] = useState(false);
13
- const [inputValue, setInputValue] = useState(value?.address ?? value?.name ?? '');
14
- const [options, setOptions] = useState([]);
15
- const [loading, setLoading] = useState(false);
16
- const [hasSearched, setHasSearched] = useState(false);
17
- const debounceRef = useRef(undefined);
18
- const sessionTokenRef = useRef(undefined);
19
- useEffect(() => {
20
- if (readOnly)
21
- return;
22
- let active = true;
23
- void loadPlaces(apiKey)
24
- .then(() => {
25
- if (!active)
26
- return;
27
- sessionTokenRef.current = newSessionToken();
28
- setReady(true);
29
- })
30
- .catch(() => {
31
- if (active)
32
- setReady(false);
33
- });
34
- return () => {
35
- active = false;
36
- };
37
- }, [apiKey, readOnly]);
38
- const handleInput = useCallback((text) => {
39
- setInputValue(text);
40
- if (debounceRef.current)
41
- clearTimeout(debounceRef.current);
42
- if (!ready || !text || text.length < 3) {
43
- setOptions([]);
44
- setHasSearched(false);
45
- return;
46
- }
47
- setLoading(true);
48
- debounceRef.current = setTimeout(() => {
49
- void (async () => {
50
- try {
51
- setOptions(await fetchAddressSuggestions(text, {
52
- sessionToken: sessionTokenRef.current,
53
- regionCodes,
54
- }));
55
- }
56
- catch {
57
- setOptions([]);
58
- }
59
- finally {
60
- setLoading(false);
61
- setHasSearched(true);
62
- }
63
- })();
64
- }, 300);
65
- }, [ready, regionCodes]);
66
- const handleSelect = useCallback(async (prediction) => {
67
- try {
68
- const stepValue = await resolvePrediction(prediction);
69
- setInputValue(stepValue.address ?? stepValue.name ?? prediction.label);
70
- setOptions([]);
71
- onChange(stepValue);
72
- }
73
- finally {
74
- // Cada selección cierra la sesión de billing de Google.
75
- sessionTokenRef.current = newSessionToken();
76
- }
77
- }, [onChange]);
78
- return (_jsxs(Autocomplete.Root, { items: options, mode: "none", value: inputValue, onValueChange: handleInput, disabled: readOnly, children: [_jsx(Autocomplete.Input, { ref: inputRef, placeholder: placeholder, required: required, readOnly: readOnly, className: error ? `${styles.input} ${styles.inputError}` : styles.input }), _jsx(Autocomplete.Portal, { children: _jsx(Autocomplete.Positioner, { className: styles.positioner, sideOffset: 4, children: _jsxs(Autocomplete.Popup, { className: styles.popup, children: [loading && _jsx("div", { className: styles.status, children: "Buscando\u2026" }), _jsx(Autocomplete.Empty, { className: styles.status, children: hasSearched ? 'No se encontraron resultados' : 'Escribe para buscar…' }), _jsx(Autocomplete.List, { className: styles.list, children: (option) => (_jsxs(Autocomplete.Item, { value: option, className: styles.item, onClick: () => void handleSelect(option), children: [_jsx("span", { className: styles.optionLabel, children: option.label }), option.description && (_jsx("span", { className: styles.optionDescription, children: option.description }))] }, option.placeId)) })] }) }) })] }));
79
- }
80
- export default ErkAddressAutocomplete;
@@ -1,88 +0,0 @@
1
- .input {
2
- width: 100%;
3
- box-sizing: border-box;
4
- height: 31px;
5
- padding: 6px 12px;
6
- font-size: 1rem;
7
- font-family: inherit;
8
- color: var(--eureka-text, #293241);
9
- background-color: var(--eureka-bg, #fff);
10
- border: 1px solid var(--eureka-outline, #b8b8b8);
11
- border-radius: 10px;
12
- outline: none;
13
- }
14
-
15
- .input::placeholder {
16
- color: var(--eureka-text, #293241);
17
- opacity: 0.5;
18
- }
19
-
20
- .input:hover:not(:disabled):not(:read-only) {
21
- border-color: var(--eureka-primary, #3d5a7f);
22
- }
23
-
24
- .input:focus:not(:read-only) {
25
- border-color: var(--eureka-primary, #3d5a7f);
26
- border-width: 2px;
27
- padding: 5px 11px;
28
- }
29
-
30
- .input:disabled {
31
- opacity: 0.5;
32
- }
33
-
34
- .inputError {
35
- border-color: var(--eureka-error, #e53935);
36
- }
37
-
38
- .positioner {
39
- z-index: 1400;
40
- width: var(--anchor-width);
41
- }
42
-
43
- .popup {
44
- box-sizing: border-box;
45
- max-height: 320px;
46
- overflow-y: auto;
47
- padding: 4px;
48
- background-color: var(--eureka-bg, #fff);
49
- border: 1px solid var(--eureka-outline, #b8b8b8);
50
- border-radius: 10px;
51
- box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
52
- }
53
-
54
- .list {
55
- display: flex;
56
- flex-direction: column;
57
- }
58
-
59
- .status {
60
- padding: 10px 12px;
61
- font-size: 0.875rem;
62
- color: var(--eureka-text, #666);
63
- opacity: 0.7;
64
- }
65
-
66
- .item {
67
- display: flex;
68
- flex-direction: column;
69
- gap: 2px;
70
- padding: 8px 12px;
71
- border-radius: 8px;
72
- cursor: pointer;
73
- }
74
-
75
- .item[data-highlighted],
76
- .item:hover {
77
- background-color: var(--eureka-primary, #3d5a7f);
78
- color: #fff;
79
- }
80
-
81
- .optionLabel {
82
- font-size: 0.9375rem;
83
- }
84
-
85
- .optionDescription {
86
- font-size: 0.8125rem;
87
- opacity: 0.7;
88
- }
@@ -1,29 +0,0 @@
1
- import { LocationAddressDetail, LocationStepValue } from '../../@Types/LocationFormStep';
2
- /** Asegura el script cargado y las clases de Places listas. Idempotente. */
3
- export declare function loadPlaces(apiKey: string): Promise<void>;
4
- /** Token de sesión nuevo (mejora el billing/relevancia de Google). */
5
- export declare function newSessionToken(): any;
6
- /** Reverse-geocoding para el modo GPS: coordenadas → dirección estructurada. */
7
- export declare function reverseGeocode(apiKey: string, lat: number, lng: number): Promise<{
8
- address?: string;
9
- addressDetail: LocationAddressDetail;
10
- }>;
11
- export interface AddressPrediction {
12
- placeId: string;
13
- label: string;
14
- description: string;
15
- toPlace: () => any;
16
- }
17
- export interface FetchSuggestionsOptions {
18
- sessionToken?: any;
19
- /** ISO-2, ej. ['co'] */
20
- regionCodes?: string[];
21
- }
22
- export declare function fetchAddressSuggestions(input: string, options?: FetchSuggestionsOptions): Promise<AddressPrediction[]>;
23
- /**
24
- * Descompone los `addressComponents` de un Place en el shape estructurado del step.
25
- * Acepta el formato nuevo (`longText`/`shortText`) y el legacy (`long_name`/`short_name`).
26
- */
27
- export declare function parseAddressComponents(components: any[] | null | undefined): LocationAddressDetail;
28
- /** Resuelve una predicción a un `LocationStepValue` completo (fetchFields + parse). */
29
- export declare function resolvePrediction(prediction: AddressPrediction): Promise<LocationStepValue>;
@@ -1,139 +0,0 @@
1
- import { LocationInputMode } from '../../@Types/LocationFormStep';
2
- /**
3
- * Carga y consulta de Google Places (nueva API `AutocompleteSuggestion`).
4
- * Encapsula el script loader + importLibrary que antes vivía inline en ErkLocationInput,
5
- * para reutilizarlo desde el autocomplete de Base UI sin duplicar lógica.
6
- */
7
- // Google's new Places classes (AutocompleteSuggestion/SessionToken) are untyped in the
8
- // installed @types/google.maps, so they're kept as `any` — same approach as ErkLocationInput.
9
- let loadPromise = null;
10
- let suggestionClass = null;
11
- let sessionTokenClass = null;
12
- let geocoderClass = null;
13
- function loadScript(apiKey) {
14
- if (typeof window === 'undefined')
15
- return Promise.resolve();
16
- const win = window;
17
- if (win.google?.maps?.importLibrary)
18
- return Promise.resolve();
19
- if (loadPromise)
20
- return loadPromise;
21
- loadPromise = new Promise((resolve, reject) => {
22
- const script = document.createElement('script');
23
- script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&loading=async`;
24
- script.async = true;
25
- script.defer = true;
26
- script.onload = () => resolve();
27
- script.onerror = () => {
28
- loadPromise = null;
29
- reject(new Error('Google Maps script failed to load.'));
30
- };
31
- document.head.appendChild(script);
32
- });
33
- return loadPromise;
34
- }
35
- /** Asegura el script cargado y las clases de Places listas. Idempotente. */
36
- export async function loadPlaces(apiKey) {
37
- await loadScript(apiKey);
38
- const win = window;
39
- if (win.google?.maps?.importLibrary && !suggestionClass) {
40
- const places = await win.google.maps.importLibrary('places');
41
- suggestionClass = places.AutocompleteSuggestion;
42
- sessionTokenClass = places.AutocompleteSessionToken;
43
- }
44
- }
45
- /** Token de sesión nuevo (mejora el billing/relevancia de Google). */
46
- export function newSessionToken() {
47
- return sessionTokenClass ? new sessionTokenClass() : undefined;
48
- }
49
- /** Reverse-geocoding para el modo GPS: coordenadas → dirección estructurada. */
50
- export async function reverseGeocode(apiKey, lat, lng) {
51
- await loadScript(apiKey);
52
- const win = window;
53
- if (win.google?.maps?.importLibrary && !geocoderClass) {
54
- const geocoding = await win.google.maps.importLibrary('geocoding');
55
- geocoderClass = geocoding.Geocoder;
56
- }
57
- else if (!geocoderClass && win.google?.maps?.Geocoder) {
58
- geocoderClass = win.google.maps.Geocoder;
59
- }
60
- if (!geocoderClass)
61
- return { addressDetail: {} };
62
- const geocoder = new geocoderClass();
63
- return new Promise((resolve) => {
64
- geocoder.geocode({ location: { lat, lng } }, (results, status) => {
65
- if (status === 'OK' && results?.[0]) {
66
- resolve({
67
- address: results[0].formatted_address,
68
- addressDetail: parseAddressComponents(results[0].address_components),
69
- });
70
- }
71
- else {
72
- resolve({ addressDetail: {} });
73
- }
74
- });
75
- });
76
- }
77
- export async function fetchAddressSuggestions(input, options) {
78
- if (!suggestionClass)
79
- return [];
80
- const request = { input };
81
- if (options?.sessionToken)
82
- request.sessionToken = options.sessionToken;
83
- if (options?.regionCodes)
84
- request.includedRegionCodes = options.regionCodes;
85
- const { suggestions } = await suggestionClass.fetchAutocompleteSuggestions(request);
86
- return suggestions
87
- .filter((s) => s.placePrediction)
88
- .map((s) => ({
89
- placeId: s.placePrediction.placeId,
90
- label: s.placePrediction.mainText?.text ?? s.placePrediction.text.text,
91
- description: s.placePrediction.secondaryText?.text ?? s.placePrediction.text.text,
92
- toPlace: () => s.placePrediction.toPlace(),
93
- }));
94
- }
95
- /**
96
- * Descompone los `addressComponents` de un Place en el shape estructurado del step.
97
- * Acepta el formato nuevo (`longText`/`shortText`) y el legacy (`long_name`/`short_name`).
98
- */
99
- export function parseAddressComponents(components) {
100
- const detail = {};
101
- for (const component of components ?? []) {
102
- const types = component.types;
103
- const longName = component.longText ?? component.long_name;
104
- const shortName = component.shortText ?? component.short_name;
105
- if (types.includes('route'))
106
- detail.street = longName;
107
- else if (types.includes('street_number'))
108
- detail.streetNumber = longName;
109
- else if (types.includes('subpremise'))
110
- detail.unit = longName;
111
- else if (types.includes('neighborhood') || types.includes('sublocality'))
112
- detail.neighborhood = longName;
113
- else if (types.includes('locality'))
114
- detail.city = longName;
115
- else if (types.includes('administrative_area_level_1'))
116
- detail.state = longName;
117
- else if (types.includes('country')) {
118
- detail.country = longName;
119
- detail.countryCode = shortName;
120
- }
121
- else if (types.includes('postal_code'))
122
- detail.postalCode = longName;
123
- }
124
- return detail;
125
- }
126
- /** Resuelve una predicción a un `LocationStepValue` completo (fetchFields + parse). */
127
- export async function resolvePrediction(prediction) {
128
- const place = prediction.toPlace();
129
- await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location', 'addressComponents'] });
130
- return {
131
- source: LocationInputMode.GOOGLE_PLACES,
132
- latitude: place.location?.lat(),
133
- longitude: place.location?.lng(),
134
- name: place.displayName ?? prediction.label,
135
- address: place.formattedAddress ?? undefined,
136
- placeId: prediction.placeId,
137
- addressDetail: parseAddressComponents(place.addressComponents),
138
- };
139
- }
@@ -1,25 +0,0 @@
1
- import { CalendarValue } from '../../@Types/CalendarFormStep';
2
- export interface ErkAvailabilityPickerProps {
3
- value: CalendarValue | null;
4
- onChange: (value: CalendarValue | null) => void;
5
- label: string;
6
- description?: string | null;
7
- /** Hora mínima del grid (HH:mm). @default "07:00" */
8
- minTime?: string;
9
- /** Hora máxima del grid (HH:mm). @default "19:00" */
10
- maxTime?: string;
11
- /** Muestra sábado y domingo. @default true */
12
- showWeekends?: boolean;
13
- /** Zona horaria que se guarda junto a los eventos. */
14
- timezone?: string;
15
- readOnly?: boolean;
16
- error?: string;
17
- }
18
- /**
19
- * Picker compacto de disponibilidad para el paso CALENDAR/Availability del form:
20
- * un grid semanal pequeño (día × hora) donde quien responde marca sus ventanas
21
- * disponibles. Produce ventanas WORKING con recurrencia semanal (RRULE), las que
22
- * un paso BOOKING puede usar como disponibilidad.
23
- */
24
- declare function ErkAvailabilityPicker({ value, onChange, label, description, minTime, maxTime, showWeekends, timezone, readOnly, error, }: ErkAvailabilityPickerProps): JSX.Element;
25
- export default ErkAvailabilityPicker;
@@ -1,112 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useMemo } from 'react';
3
- import { addDays, format, startOfWeek } from 'date-fns';
4
- import { CalendarEventCategory } from '../../@Types/CalendarFormStep';
5
- import styles from './ErkAvailabilityPicker.module.css';
6
- const DOW_LABELS = ['L', 'M', 'M', 'J', 'V', 'S', 'D'];
7
- const DOW_NAMES = ['Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado', 'Domingo'];
8
- function parseHour(hhmm) {
9
- return Number(hhmm.split(':')[0]) || 0;
10
- }
11
- /** Ancla del día `dayIdx` (0=Lun … 6=Dom) en la semana actual. */
12
- function anchorDate(dayIdx) {
13
- return addDays(startOfWeek(new Date(), { weekStartsOn: 1 }), dayIdx);
14
- }
15
- function cellISO(dayIdx, hour) {
16
- const day = anchorDate(dayIdx);
17
- return `${format(day, 'yyyy-MM-dd')}T${String(hour).padStart(2, '0')}:00:00`;
18
- }
19
- /** `Date.getDay()` → índice de columna (0=Lun … 6=Dom). */
20
- function dayToIdx(day) {
21
- return (day + 6) % 7;
22
- }
23
- const RRULE_DAY_CODES = ['SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'];
24
- /**
25
- * Expande el value a celdas marcadas. Soporta las ventanas que el propio picker
26
- * genera (semanales por día) y BYDAY (ej: L–V) por si el valor viene de otra fuente.
27
- */
28
- function valueToCells(value) {
29
- const cells = new Set();
30
- for (const event of value?.events ?? []) {
31
- const startHour = parseHour(event.start.slice(11, 16));
32
- const endHour = parseHour(event.end.slice(11, 16)) || 24;
33
- const byday = /BYDAY=([A-Z,]+)/.exec(event.recurrence ?? '');
34
- const dayIdxs = byday
35
- ? byday[1]
36
- .split(',')
37
- .map((code) => RRULE_DAY_CODES.indexOf(code))
38
- .filter((d) => d >= 0)
39
- .map(dayToIdx)
40
- : [dayToIdx(new Date(`${event.start.slice(0, 10)}T00:00:00`).getDay())];
41
- for (const dayIdx of dayIdxs) {
42
- for (let h = startHour; h < endHour; h++)
43
- cells.add(`${dayIdx}:${h}`);
44
- }
45
- }
46
- return cells;
47
- }
48
- /** Convierte las celdas marcadas en ventanas semanales contiguas por día. */
49
- function cellsToEvents(cells, hours) {
50
- const events = [];
51
- for (let dayIdx = 0; dayIdx < 7; dayIdx++) {
52
- let windowStart = null;
53
- for (const h of hours) {
54
- const marked = cells.has(`${dayIdx}:${h}`);
55
- if (marked && windowStart === null)
56
- windowStart = h;
57
- if (!marked && windowStart !== null) {
58
- events.push(windowEvent(dayIdx, windowStart, h));
59
- windowStart = null;
60
- }
61
- }
62
- if (windowStart !== null) {
63
- events.push(windowEvent(dayIdx, windowStart, hours[hours.length - 1] + 1));
64
- }
65
- }
66
- return events;
67
- }
68
- function windowEvent(dayIdx, startHour, endHour) {
69
- return {
70
- id: `avail-${dayIdx}-${startHour}-${endHour}`,
71
- category: CalendarEventCategory.WORKING,
72
- start: cellISO(dayIdx, startHour),
73
- end: cellISO(dayIdx, endHour),
74
- recurrence: 'FREQ=WEEKLY',
75
- };
76
- }
77
- /**
78
- * Picker compacto de disponibilidad para el paso CALENDAR/Availability del form:
79
- * un grid semanal pequeño (día × hora) donde quien responde marca sus ventanas
80
- * disponibles. Produce ventanas WORKING con recurrencia semanal (RRULE), las que
81
- * un paso BOOKING puede usar como disponibilidad.
82
- */
83
- function ErkAvailabilityPicker({ value, onChange, label, description, minTime = '07:00', maxTime = '19:00', showWeekends = true, timezone, readOnly = false, error, }) {
84
- const minHour = parseHour(minTime);
85
- const maxHour = parseHour(maxTime);
86
- const hours = useMemo(() => Array.from({ length: Math.max(maxHour - minHour, 1) }, (_, i) => minHour + i), [minHour, maxHour]);
87
- const dayIdxs = showWeekends ? [0, 1, 2, 3, 4, 5, 6] : [0, 1, 2, 3, 4];
88
- const cells = useMemo(() => valueToCells(value), [value]);
89
- const toggle = (dayIdx, hour) => {
90
- if (readOnly)
91
- return;
92
- const next = new Set(cells);
93
- const key = `${dayIdx}:${hour}`;
94
- if (next.has(key))
95
- next.delete(key);
96
- else
97
- next.add(key);
98
- onChange({
99
- type: 'CALENDAR_VALUE',
100
- events: cellsToEvents(next, hours),
101
- timezone: value?.timezone ?? timezone,
102
- });
103
- };
104
- const markedCount = cells.size;
105
- return (_jsxs("div", { className: styles.container, children: [_jsx("span", { className: styles.label, children: label }), description && _jsx("p", { className: styles.description, children: description }), _jsxs("div", { className: styles.card, children: [_jsxs("div", { className: styles.grid, style: { gridTemplateColumns: `44px repeat(${dayIdxs.length}, 1fr)` }, children: [_jsx("span", { className: styles.corner }), dayIdxs.map((d) => (_jsx("span", { className: styles.dow, children: DOW_LABELS[d] }, d))), hours.map((h) => (_jsxs("div", { className: styles.row, children: [_jsxs("span", { className: styles.hour, children: [h, ":00"] }), dayIdxs.map((d) => {
106
- const on = cells.has(`${d}:${h}`);
107
- return (_jsx("button", { type: "button", disabled: readOnly, "aria-pressed": on, "aria-label": `${DOW_NAMES[d]} ${h}:00`, className: on ? `${styles.cell} ${styles.cellOn}` : styles.cell, onClick: () => toggle(d, h) }, d));
108
- })] }, h)))] }), _jsx("div", { className: styles.footer, children: markedCount > 0
109
- ? 'Disponible cada semana en las horas marcadas.'
110
- : 'Marca las horas en las que estás disponible cada semana.' })] }), error && _jsx("div", { className: styles.err, children: error })] }));
111
- }
112
- export default ErkAvailabilityPicker;
@@ -1,88 +0,0 @@
1
- .container {
2
- max-width: 100%;
3
- box-sizing: border-box;
4
- display: flex;
5
- flex-direction: column;
6
- gap: 4px;
7
- }
8
- .label {
9
- font-size: 14.5px;
10
- font-weight: 700;
11
- color: var(--eureka-text, #293241);
12
- }
13
- .description {
14
- margin: 0 0 4px;
15
- font-size: 12.5px;
16
- color: #787878;
17
- }
18
-
19
- .card {
20
- border: 1px solid var(--eureka-outline, #d9dee6);
21
- border-radius: 12px;
22
- overflow: hidden;
23
- background: var(--eureka-bg, #fff);
24
- max-width: 460px;
25
- }
26
- .grid {
27
- display: grid;
28
- padding: 10px 12px 4px;
29
- gap: 2px;
30
- font-variant-numeric: tabular-nums;
31
- }
32
- .corner {
33
- grid-column: 1;
34
- }
35
- .dow {
36
- text-align: center;
37
- font-size: 10.5px;
38
- font-weight: 700;
39
- color: #787878;
40
- text-transform: uppercase;
41
- padding-bottom: 2px;
42
- }
43
- .row {
44
- display: contents;
45
- }
46
- .hour {
47
- font-size: 10.5px;
48
- color: #787878;
49
- text-align: right;
50
- padding-right: 6px;
51
- align-self: center;
52
- }
53
- .cell {
54
- height: 26px;
55
- border: 1px solid var(--eureka-outline, #eceff3);
56
- border-radius: 6px;
57
- background: #fbfcfd;
58
- cursor: pointer;
59
- padding: 0;
60
- }
61
- .cell:hover {
62
- border-color: var(--eureka-primary, #3d5a7f);
63
- }
64
- .cell:disabled {
65
- cursor: default;
66
- }
67
- .cellOn {
68
- background: repeating-linear-gradient(
69
- -45deg,
70
- color-mix(in srgb, var(--eureka-primary, #3d5a7f) 30%, #fff),
71
- color-mix(in srgb, var(--eureka-primary, #3d5a7f) 30%, #fff) 5px,
72
- color-mix(in srgb, var(--eureka-primary, #3d5a7f) 18%, #fff) 5px,
73
- color-mix(in srgb, var(--eureka-primary, #3d5a7f) 18%, #fff) 10px
74
- );
75
- border-color: var(--eureka-primary, #3d5a7f);
76
- }
77
- .footer {
78
- padding: 8px 12px 10px;
79
- font-size: 11.5px;
80
- color: #787878;
81
- border-top: 1px solid var(--eureka-outline, #eceff3);
82
- background: color-mix(in srgb, var(--eureka-primary, #3d5a7f) 2%, #fff);
83
- }
84
- .err {
85
- font-size: 12px;
86
- color: #d0473f;
87
- margin-top: 2px;
88
- }
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';