@arquimedes.co/eureka-forms 3.0.49-new-steps → 3.0.50-test

package/dist/Shared/ErkAddressAutocomplete/googlePlaces.js

@@ -1,139 +0,0 @@
-import { LocationInputMode } from '../../@Types/LocationFormStep';
-/**
- * Carga y consulta de Google Places (nueva API `AutocompleteSuggestion`).
- * Encapsula el script loader + importLibrary que antes vivía inline en ErkLocationInput,
- * para reutilizarlo desde el autocomplete de Base UI sin duplicar lógica.
- */
-// Google's new Places classes (AutocompleteSuggestion/SessionToken) are untyped in the
-// installed @types/google.maps, so they're kept as `any` — same approach as ErkLocationInput.
-let loadPromise = null;
-let suggestionClass = null;
-let sessionTokenClass = null;
-let geocoderClass = null;
-function loadScript(apiKey) {
-    if (typeof window === 'undefined')
-        return Promise.resolve();
-    const win = window;
-    if (win.google?.maps?.importLibrary)
-        return Promise.resolve();
-    if (loadPromise)
-        return loadPromise;
-    loadPromise = new Promise((resolve, reject) => {
-        const script = document.createElement('script');
-        script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&loading=async`;
-        script.async = true;
-        script.defer = true;
-        script.onload = () => resolve();
-        script.onerror = () => {
-            loadPromise = null;
-            reject(new Error('Google Maps script failed to load.'));
-        };
-        document.head.appendChild(script);
-    });
-    return loadPromise;
-}
-/** Asegura el script cargado y las clases de Places listas. Idempotente. */
-export async function loadPlaces(apiKey) {
-    await loadScript(apiKey);
-    const win = window;
-    if (win.google?.maps?.importLibrary && !suggestionClass) {
-        const places = await win.google.maps.importLibrary('places');
-        suggestionClass = places.AutocompleteSuggestion;
-        sessionTokenClass = places.AutocompleteSessionToken;
-    }
-}
-/** Token de sesión nuevo (mejora el billing/relevancia de Google). */
-export function newSessionToken() {
-    return sessionTokenClass ? new sessionTokenClass() : undefined;
-}
-/** Reverse-geocoding para el modo GPS: coordenadas → dirección estructurada. */
-export async function reverseGeocode(apiKey, lat, lng) {
-    await loadScript(apiKey);
-    const win = window;
-    if (win.google?.maps?.importLibrary && !geocoderClass) {
-        const geocoding = await win.google.maps.importLibrary('geocoding');
-        geocoderClass = geocoding.Geocoder;
-    }
-    else if (!geocoderClass && win.google?.maps?.Geocoder) {
-        geocoderClass = win.google.maps.Geocoder;
-    }
-    if (!geocoderClass)
-        return { addressDetail: {} };
-    const geocoder = new geocoderClass();
-    return new Promise((resolve) => {
-        geocoder.geocode({ location: { lat, lng } }, (results, status) => {
-            if (status === 'OK' && results?.[0]) {
-                resolve({
-                    address: results[0].formatted_address,
-                    addressDetail: parseAddressComponents(results[0].address_components),
-                });
-            }
-            else {
-                resolve({ addressDetail: {} });
-            }
-        });
-    });
-}
-export async function fetchAddressSuggestions(input, options) {
-    if (!suggestionClass)
-        return [];
-    const request = { input };
-    if (options?.sessionToken)
-        request.sessionToken = options.sessionToken;
-    if (options?.regionCodes)
-        request.includedRegionCodes = options.regionCodes;
-    const { suggestions } = await suggestionClass.fetchAutocompleteSuggestions(request);
-    return suggestions
-        .filter((s) => s.placePrediction)
-        .map((s) => ({
-        placeId: s.placePrediction.placeId,
-        label: s.placePrediction.mainText?.text ?? s.placePrediction.text.text,
-        description: s.placePrediction.secondaryText?.text ?? s.placePrediction.text.text,
-        toPlace: () => s.placePrediction.toPlace(),
-    }));
-}
-/**
- * Descompone los `addressComponents` de un Place en el shape estructurado del step.
- * Acepta el formato nuevo (`longText`/`shortText`) y el legacy (`long_name`/`short_name`).
- */
-export function parseAddressComponents(components) {
-    const detail = {};
-    for (const component of components ?? []) {
-        const types = component.types;
-        const longName = component.longText ?? component.long_name;
-        const shortName = component.shortText ?? component.short_name;
-        if (types.includes('route'))
-            detail.street = longName;
-        else if (types.includes('street_number'))
-            detail.streetNumber = longName;
-        else if (types.includes('subpremise'))
-            detail.unit = longName;
-        else if (types.includes('neighborhood') || types.includes('sublocality'))
-            detail.neighborhood = longName;
-        else if (types.includes('locality'))
-            detail.city = longName;
-        else if (types.includes('administrative_area_level_1'))
-            detail.state = longName;
-        else if (types.includes('country')) {
-            detail.country = longName;
-            detail.countryCode = shortName;
-        }
-        else if (types.includes('postal_code'))
-            detail.postalCode = longName;
-    }
-    return detail;
-}
-/** Resuelve una predicción a un `LocationStepValue` completo (fetchFields + parse). */
-export async function resolvePrediction(prediction) {
-    const place = prediction.toPlace();
-    await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location', 'addressComponents'] });
-    return {
-        source: LocationInputMode.GOOGLE_PLACES,
-        latitude: place.location?.lat(),
-        longitude: place.location?.lng(),
-        name: place.displayName ?? prediction.label,
-        address: place.formattedAddress ?? undefined,
-        placeId: prediction.placeId,
-        addressDetail: parseAddressComponents(place.addressComponents),
-    };
-}

package/dist/Shared/ErkLocationField/ErkLocationField.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { LocationInputMode, LocationStep, LocationStepValue } from '../../@Types/LocationFormStep';
-export interface ErkLocationFieldProps {
-    value?: LocationStepValue | null;
-    onChange: (value: LocationStepValue | null) => void;
-    allowedModes: LocationInputMode[];
-    defaultMode?: LocationInputMode;
-    addressFields?: LocationStep['addressFields'];
-    /** ISO-2 para acotar el buscador (ej. ['co']). */
-    regionCodes?: string[];
-    error?: boolean;
-    helperText?: string | null;
-    required?: boolean;
-    readOnly?: boolean;
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-/**
- * Campo de ubicación (rehecho con Base UI). Ofrece los modos habilitados
- * (buscador de Google Places, GPS, entrada manual) y aplica la config por campo
- * (fijo / omitir) al valor resultante.
- */
-declare function ErkLocationField({ value, onChange, allowedModes, defaultMode, addressFields, regionCodes, error, helperText, required, readOnly, inputRef, }: ErkLocationFieldProps): JSX.Element;
-export default ErkLocationField;

package/dist/Shared/ErkLocationField/ErkLocationField.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { AddressFieldMode, LocationInputMode, } from '../../@Types/LocationFormStep';
-import ErkAddressAutocomplete from '../ErkAddressAutocomplete/ErkAddressAutocomplete';
-import { reverseGeocode } from '../ErkAddressAutocomplete/googlePlaces';
-import { ADDRESS_FIELDS, applyAddressFields, fieldConfig } from './addressFields';
-import ErkTextField from '../ErkTextField/ErkTextField';
-import ErkButton from '../ErkButton/ErkButton';
-import LocationIcon from '../../Icons/LocationIcon';
-import styles from './ErkLocationField.module.css';
-const MODE_LABELS = {
-    [LocationInputMode.GOOGLE_PLACES]: 'Buscar',
-    [LocationInputMode.GPS]: 'Mi ubicación',
-    [LocationInputMode.MANUAL]: 'Manual',
-};
-/**
- * Campo de ubicación (rehecho con Base UI). Ofrece los modos habilitados
- * (buscador de Google Places, GPS, entrada manual) y aplica la config por campo
- * (fijo / omitir) al valor resultante.
- */
-function ErkLocationField({ value, onChange, allowedModes, defaultMode, addressFields, regionCodes = ['co'], error = false, helperText, required = false, readOnly = false, inputRef, }) {
-    const apiKey = import.meta.env.VITE_GOOGLE_MAPS_API_KEY ?? '';
-    const initialMode = defaultMode && allowedModes.includes(defaultMode) ? defaultMode : allowedModes[0];
-    const [mode, setMode] = useState(initialMode);
-    const [gpsLoading, setGpsLoading] = useState(false);
-    const [gpsError, setGpsError] = useState(null);
-    const handleGoogle = useCallback((resolved) => {
-        onChange({ ...resolved, addressDetail: applyAddressFields(resolved.addressDetail ?? {}, addressFields) });
-    }, [onChange, addressFields]);
-    const handleGps = useCallback(() => {
-        if (!navigator.geolocation) {
-            setGpsError('La geolocalización no es compatible con este navegador.');
-            return;
-        }
-        setGpsLoading(true);
-        setGpsError(null);
-        navigator.geolocation.getCurrentPosition((position) => {
-            const lat = position.coords.latitude;
-            const lng = position.coords.longitude;
-            void reverseGeocode(apiKey, lat, lng)
-                .then(({ address, addressDetail }) => {
-                onChange({
-                    source: LocationInputMode.GPS,
-                    latitude: lat,
-                    longitude: lng,
-                    address: address ?? `${lat.toFixed(6)}, ${lng.toFixed(6)}`,
-                    addressDetail: applyAddressFields(addressDetail, addressFields),
-                });
-            })
-                .finally(() => setGpsLoading(false));
-        }, () => {
-            setGpsError('No se pudo obtener la ubicación.');
-            setGpsLoading(false);
-        }, { enableHighAccuracy: false, timeout: 15000, maximumAge: 300000 });
-    }, [apiKey, onChange, addressFields]);
-    const updateManualField = useCallback((key, text) => {
-        const base = value?.source === LocationInputMode.MANUAL ? (value.addressDetail ?? {}) : {};
-        const nextDetail = applyAddressFields({ ...base, [key]: text || undefined }, addressFields);
-        const address = ADDRESS_FIELDS.map(({ key: k }) => nextDetail[k])
-            .filter(Boolean)
-            .join(', ');
-        onChange({ source: LocationInputMode.MANUAL, address, addressDetail: nextDetail });
-    }, [value, onChange, addressFields]);
-    const manualDetail = value?.source === LocationInputMode.MANUAL ? (value.addressDetail ?? {}) : {};
-    return (_jsxs("div", { className: styles.container, children: [allowedModes.length > 1 && (_jsx("div", { className: styles.modeSwitch, children: allowedModes.map((m) => (_jsx(ErkButton, { color: m === mode ? 'primary' : 'secondary', disabled: readOnly, onClick: () => setMode(m), children: MODE_LABELS[m] }, m))) })), mode === LocationInputMode.GOOGLE_PLACES && (_jsx(ErkAddressAutocomplete, { value: value, onChange: handleGoogle, regionCodes: regionCodes, error: error, required: required, readOnly: readOnly, inputRef: inputRef })), mode === LocationInputMode.GPS && (_jsxs(ErkButton, { color: "primary", loading: gpsLoading, disabled: readOnly, onClick: handleGps, children: [_jsx(LocationIcon, { fill: "currentColor" }), " Usar mi ubicaci\u00F3n actual"] })), mode === LocationInputMode.MANUAL && (_jsx("div", { className: styles.manualGrid, children: ADDRESS_FIELDS.map(({ key, label }) => {
-                    const config = fieldConfig(addressFields, key);
-                    if (config.mode === AddressFieldMode.OMIT)
-                        return null;
-                    const fixed = config.mode === AddressFieldMode.FIXED;
-                    return (_jsx(ErkTextField, { label: fixed ? `${label} (fijo)` : label, value: fixed ? (config.fixedValue ?? '') : (manualDetail[key] ?? ''), readOnly: fixed || readOnly, onChange: (text) => updateManualField(key, text) }, key));
-                }) })), (gpsError ?? helperText) && (_jsx("div", { className: error || gpsError ? styles.errorText : styles.helperText, children: gpsError ?? helperText }))] }));
-}
-export default ErkLocationField;

package/dist/Shared/ErkLocationField/ErkLocationField.module.css

@@ -1,29 +0,0 @@
-.container {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    width: 100%;
-}
-
-.modeSwitch {
-    display: flex;
-    gap: 8px;
-    flex-wrap: wrap;
-}
-
-.manualGrid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 10px;
-}
-
-.helperText {
-    font-size: 12px;
-    color: var(--eureka-text, #666);
-    opacity: 0.7;
-}
-
-.errorText {
-    font-size: 12px;
-    color: var(--eureka-error, #e53935);
-}

package/dist/Shared/ErkLocationField/addressFields.d.ts

@@ -1,12 +0,0 @@
-import { AddressFieldConfig, AddressFieldKey, LocationAddressDetail, LocationStep } from '../../@Types/LocationFormStep';
-/** Campos de dirección en orden de render, con su etiqueta de UI. */
-export declare const ADDRESS_FIELDS: {
-    key: AddressFieldKey;
-    label: string;
-}[];
-export declare function fieldConfig(addressFields: LocationStep['addressFields'], key: AddressFieldKey): AddressFieldConfig;
-/**
- * Aplica la config por campo a una dirección resuelta (Google/GPS):
- * los `FIXED` se sobreescriben con el valor del diseñador y los `OMIT` se descartan.
- */
-export declare function applyAddressFields(detail: LocationAddressDetail, addressFields: LocationStep['addressFields']): LocationAddressDetail;

package/dist/Shared/ErkLocationField/addressFields.js

@@ -1,34 +0,0 @@
-import { AddressFieldMode, } from '../../@Types/LocationFormStep';
-/** Campos de dirección en orden de render, con su etiqueta de UI. */
-export const ADDRESS_FIELDS = [
-    { key: 'street', label: 'Calle' },
-    { key: 'streetNumber', label: 'Número' },
-    { key: 'unit', label: 'Interior / Apto' },
-    { key: 'neighborhood', label: 'Barrio' },
-    { key: 'city', label: 'Ciudad' },
-    { key: 'state', label: 'Departamento / Región' },
-    { key: 'postalCode', label: 'Código postal' },
-    { key: 'country', label: 'País' },
-];
-export function fieldConfig(addressFields, key) {
-    return addressFields?.[key] ?? { mode: AddressFieldMode.ASK };
-}
-/**
- * Aplica la config por campo a una dirección resuelta (Google/GPS):
- * los `FIXED` se sobreescriben con el valor del diseñador y los `OMIT` se descartan.
- */
-export function applyAddressFields(detail, addressFields) {
-    if (!addressFields)
-        return detail;
-    const result = { ...detail };
-    for (const { key } of ADDRESS_FIELDS) {
-        const config = addressFields[key];
-        if (!config)
-            continue;
-        if (config.mode === AddressFieldMode.OMIT)
-            delete result[key];
-        else if (config.mode === AddressFieldMode.FIXED)
-            result[key] = config.fixedValue;
-    }
-    return result;
-}

package/dist/Shared/ErkLocationField/locationRestrictions.d.ts

@@ -1,6 +0,0 @@
-import { LocationRestriction } from '../../@Types/LocationFormStep';
-/**
- * Valida una coordenada contra todas las restricciones (lógica AND).
- * Devuelve el mensaje de error de la primera restricción que falla, o `null` si es válida.
- */
-export declare function validateRestrictions(lat: number, lng: number, restrictions: LocationRestriction[] | undefined): string | null;

package/dist/Shared/ErkLocationField/locationRestrictions.js

@@ -1,51 +0,0 @@
-import { LocationRestrictionBehavior, LocationRestrictionType, } from '../../@Types/LocationFormStep';
-const EARTH_RADIUS_M = 6371000;
-function toRad(deg) {
-    return (deg * Math.PI) / 180;
-}
-/** Distancia en metros entre dos coordenadas (haversine). */
-function haversineMeters(aLat, aLng, bLat, bLng) {
-    const dLat = toRad(bLat - aLat);
-    const dLng = toRad(bLng - aLng);
-    const lat1 = toRad(aLat);
-    const lat2 = toRad(bLat);
-    const h = Math.sin(dLat / 2) ** 2 + Math.cos(lat1) * Math.cos(lat2) * Math.sin(dLng / 2) ** 2;
-    return 2 * EARTH_RADIUS_M * Math.asin(Math.min(1, Math.sqrt(h)));
-}
-/** Punto dentro de polígono (ray casting). El polígono se cierra automáticamente. */
-function pointInPolygon(lat, lng, polygon) {
-    let inside = false;
-    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-        const yi = polygon[i].latitude;
-        const xi = polygon[i].longitude;
-        const yj = polygon[j].latitude;
-        const xj = polygon[j].longitude;
-        const intersects = yi > lat !== yj > lat && lng < ((xj - xi) * (lat - yi)) / (yj - yi) + xi;
-        if (intersects)
-            inside = !inside;
-    }
-    return inside;
-}
-function isInside(lat, lng, restriction) {
-    if (restriction.type === LocationRestrictionType.RADIUS) {
-        return (haversineMeters(lat, lng, restriction.center.latitude, restriction.center.longitude) <=
-            restriction.radiusMeters);
-    }
-    return pointInPolygon(lat, lng, restriction.polygon);
-}
-/**
- * Valida una coordenada contra todas las restricciones (lógica AND).
- * Devuelve el mensaje de error de la primera restricción que falla, o `null` si es válida.
- */
-export function validateRestrictions(lat, lng, restrictions) {
-    for (const restriction of restrictions ?? []) {
-        const inside = isInside(lat, lng, restriction);
-        if (restriction.behavior === LocationRestrictionBehavior.ALLOW && !inside) {
-            return restriction.errorMessage ?? 'La ubicación está fuera de la zona permitida.';
-        }
-        if (restriction.behavior === LocationRestrictionBehavior.DENY && inside) {
-            return restriction.errorMessage ?? 'La ubicación está en una zona no permitida.';
-        }
-    }
-    return null;
-}

package/dist/Shared/ErkLocationInput/ErkLocationInput.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { LocationInputMode, LocationStepValue } from '../../@Types/LocationFormStep';
-export interface ErkLocationInputProps {
-    value?: LocationStepValue | null;
-    onChange?: (value: LocationStepValue | null) => void;
-    allowedModes: LocationInputMode[];
-    defaultMode?: LocationInputMode;
-    label: string;
-    helperText?: string | null;
-    required?: boolean;
-    error?: boolean;
-    readOnly?: boolean;
-    inputRef?: React.Ref<any>;
-}
-export default function ErkLocationInput({ value, onChange, allowedModes, label, helperText, required, error, readOnly, inputRef, }: ErkLocationInputProps): JSX.Element;