@ecomiq/storefront 3.1.1 → 3.3.0

package/dist/index.js

@@ -1,50 +1,51 @@
-import { createRequestHandler, worker } from "./worker-cbXmLvfR.js";
-import { collectionImageCandidates, found, readCountries, store, withImages } from "./store-uU2gWdMY.js";
+import { createRequestHandler, worker } from "./worker-BxlCSjSF.js";
+import { collectionImageCandidates, found, readCountries, store, withImages } from "./store-BGDvRGNS.js";
 import { cartCookie, cartToken, readCart } from "./cart-D7DxZ2lD.js";
-import { MAX_CART_QUANTITY, cartAction, loadCart } from "./cart-actions-IKRYGqfj.js";
-import { checkoutAction, checkoutAddressDefaults, checkoutProgress, checkoutStep, defaultPaymentMethod, loadCheckout, needsShipping } from "./checkout-DsI1MY14.js";
+import { MAX_CART_QUANTITY, cartAction, loadCart } from "./cart-actions-C2Csh1k0.js";
+import { checkoutAction, checkoutAddressDefaults, checkoutProgress, checkoutStep, defaultPaymentMethod, loadCheckout, needsShipping } from "./checkout-DnfQ8WhP.js";
 import { paymentMethodSaving } from "./payment-methods-B8ocTgFZ.js";
-import { useCheckout } from "./use-checkout-Jdk8P12A.js";
-import { addressAction, loadAccount, loadAddresses, loadOrder, loadOrders, loadProfile, profileAction, readCustomerAddress } from "./account-CZZ-ku6L.js";
-import { loadGeo, loadPage, loadReview, loadSearchSuggestions, loadTracking, productReviewAction, readPage, reviewAction } from "./public-pages-Byh01h-6.js";
-import { hasOrderPaymentContinuation, loadOrderStatus, orderPaymentAction, orderProgress, orderStepTitle } from "./order-status-QsmEO-89.js";
-import { isOrderDraftPayable, loadOrderDraft, orderDraftAction } from "./order-draft-D8sqUUNp.js";
+import { useCheckout } from "./use-checkout-BmVOLp_x.js";
+import { addressAction, loadAccount, loadAddresses, loadOrder, loadOrders, loadProfile, profileAction, readCustomerAddress } from "./account-DMM0ZZYb.js";
+import { loadGeo, loadPage, loadReview, loadSearchSuggestions, loadTracking, productReviewAction, readPage, reviewAction } from "./public-pages-BZXH5gt9.js";
+import { hasOrderPaymentContinuation, loadOrderStatus, orderPaymentAction, orderProgress, orderStepTitle } from "./order-status-C61ywW-E.js";
+import { isOrderDraftPayable, loadOrderDraft, orderDraftAction } from "./order-draft-XI7gDVeO.js";
 import { useOrderPayment } from "./use-order-payment-BKIz_IO0.js";
-import { OrderPaymentContinuation } from "./order-payment-continuation-CS6omD7E.js";
-import { OrderPaymentInReview } from "./order-payment-in-review-D5Y8bjGA.js";
+import { OrderPaymentContinuation } from "./order-payment-continuation-DEGeYVyv.js";
+import { OrderPaymentInReview } from "./order-payment-in-review-D81gcAOe.js";
 import { discountPercent, isVariantAvailable, pickVariant, variantOptions, variantSwatches } from "./product-variants-BNDHvs1y.js";
-import { SORT_OPTIONS, activeFilterChips, activeFilterCount, clearedFiltersHref, filterLabel, filterValueLabel, isSingleChoiceFilter, pageItems, selectedFacetCount, useFacets, useGeoCascade, usePagination, useSearchSuggestions, useSort } from "./catalog-hooks-DjmpXROv.js";
-import { completeCustomerLogin, customer, customerCsrfToken, customerHeaders, logout, requireCustomer, requireCustomerRegistration, startCustomerLogin, submitCustomerLogin } from "./session-DR_9-bcf.js";
+import { SORT_OPTIONS, activeFilterChips, activeFilterCount, clearedFiltersHref, filterLabel, filterValueLabel, isSingleChoiceFilter, pageItems, selectedFacetCount, useFacets, useGeoCascade, usePagination, useSearchSuggestions, useSort } from "./catalog-hooks-Dk_58L_I.js";
+import { completeCustomerLogin, customer, customerCsrfToken, customerHeaders, logout, requireCustomer, requireCustomerRegistration, startCustomerLogin, submitCustomerLogin } from "./session-CsuzPSJs.js";
 import { CustomerCsrfField, useCustomerCsrfToken } from "./customer-csrf-C1oDX-Py.js";
 import { CUSTOMER_CSRF_FIELD, FORM_CONTRACTS } from "./form-contracts-0R112spH.js";
 import { culqiSourceKey } from "./culqi-three-ds-HP3mfrvV.js";
 import { readCatalog, shouldRevalidateCatalogRoot } from "./catalog-7gJ-l5hW.js";
-import { categorySeo, collectionSeo, homeSeo, pageSeo, productSeo, seoMeta } from "./page-seo-BKG-Ta6t.js";
-import { canonicalUrl, loadCategory, loadProduct, requireCanonical, resolveUrl } from "./urls-D4uinJVd.js";
-import { collectionPage, productPage, productReviews, resolvePage } from "./pages-DyItxkdE.js";
+import { categorySeo, collectionSeo, homeSeo, pageSeo, productSeo, seoMeta } from "./page-seo-BdyKwykI.js";
+import { canonicalUrl, loadCategory, loadProduct, requireCanonical, resolveUrl } from "./urls-BR4wv2K2.js";
+import { collectionPage, productPage, productReviews, resolvePage } from "./pages-ClOPuk55.js";
 import { money } from "./money-DtGOtDri.js";
 import { readPlace } from "./place-CmW4hBWY.js";
 import { optional, safeNext, text } from "./form-BtQcbXlJ.js";
-import { pickProducts, section, setting } from "./settings-B0NO2A6Y.js";
+import { pickProducts, pickProductsWithReviews, section, setting } from "./settings-CiW3OroM.js";
 import { Favicon } from "./favicon-YpyhVJ9H.js";
 import { Hidden } from "./hidden-CCWtOWKR.js";
 import { SourceProvider, source, sourceValue } from "./sources-B-3JFJfb.js";
 import { RichText } from "./rich-text-M-Ju8RL4.js";
-import { loadSections, sectionKey, useSection, withSectionBoundary, withSections } from "./sections-CgpjubkB.js";
-import { templateComponent, templateName, templatePath, templated } from "./templates-AgGupnPA.js";
-import { SectionPreview, sectionPreview, sectionPreviewMeta } from "./section-preview-BiYfeE-d.js";
+import { loadSections, sectionKey, useSection, withSectionBoundary, withSections } from "./sections-BkjGSM28.js";
+import { templateComponent, templateName, templatePath, templated } from "./templates-BM3WvMlA.js";
+import { SectionPreview, sectionPreview, sectionPreviewMeta } from "./section-preview-C7QbWAzE.js";
 import { StorefrontAnchor, StorefrontLink, readStorefrontLayout, readStorefrontLinks, storefrontHref, useStorefrontLinkPublished } from "./links-kFxBZfdb.js";
 import { PaymentLogo, paymentLogoCodes } from "./payment-logo-BoPaGJc_.js";
-import { BankAccountList } from "./bank-accounts-MpKIxHaX.js";
+import { BankAccountList } from "./bank-accounts-CktJ_34-.js";
 import { CustomerAvatar } from "./customer-avatar-CJXSDroK.js";
-import { CustomerLoginForm } from "./customer-login-form-k_q7_7FX.js";
-import { Captcha } from "./captcha-CZkpghTO.js";
-import { COMPLAINT_DOCUMENT_TYPES, IDENTITY_DOCUMENT_TYPES, identityDocumentRule } from "./documents-T1mzc_j8.js";
-import { complaintBookAction, complaintBookAttachmentError, complaintBookLinks, complaintBookNumber, loadComplaintBook } from "./complaint-book-aAQfGBvo.js";
-import { loadCustomerRegistration, submitCustomerRegistration } from "./registration-h_00PAhj.js";
-import { CustomerRegistrationForm } from "./customer-registration-form-PrBqUuI9.js";
+import { CustomerLoginForm } from "./customer-login-form-CnXH_JcT.js";
+import { Captcha } from "./captcha-BgiQrAfa.js";
+import { COMPLAINT_DOCUMENT_TYPES, IDENTITY_DOCUMENT_TYPES, identityDocumentRule } from "./documents-Ka-EL9m0.js";
+import { complaintBookAction, complaintBookAttachmentError, complaintBookLinks, complaintBookNumber, loadComplaintBook } from "./complaint-book-DvxhgbsM.js";
+import { loadCustomerRegistration, submitCustomerRegistration } from "./registration-BmWt3-eT.js";
+import { CustomerRegistrationForm } from "./customer-registration-form-CwwytTsq.js";
+import { PhoneField } from "./phone-field-D4io3zeV.js";
 import { storefrontContact } from "./store-contact--hY6CoFb.js";
-import { loadStorefrontTranslations, storefrontText } from "./storefront-text-Co7iUnLM.js";
-import { StorefrontLanguageProvider, useStorefrontLocale, useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
-import { storefrontRouteText } from "./route-text-B6pWdevi.js";
-export { BankAccountList, COMPLAINT_DOCUMENT_TYPES, CUSTOMER_CSRF_FIELD, Captcha, CustomerAvatar, CustomerCsrfField, CustomerLoginForm, CustomerRegistrationForm, FORM_CONTRACTS, Favicon, Hidden, IDENTITY_DOCUMENT_TYPES, MAX_CART_QUANTITY, OrderPaymentContinuation, OrderPaymentInReview, PaymentLogo, RichText, SORT_OPTIONS, SectionPreview, SourceProvider, StorefrontAnchor, StorefrontLanguageProvider, StorefrontLink, activeFilterChips, activeFilterCount, addressAction, canonicalUrl, cartAction, cartCookie, cartToken, categorySeo, checkoutAction, checkoutAddressDefaults, checkoutProgress, checkoutStep, clearedFiltersHref, collectionImageCandidates, collectionPage, collectionSeo, complaintBookAction, complaintBookAttachmentError, complaintBookLinks, complaintBookNumber, completeCustomerLogin, createRequestHandler, culqiSourceKey, customer, customerCsrfToken, customerHeaders, defaultPaymentMethod, discountPercent, filterLabel, filterValueLabel, found, hasOrderPaymentContinuation, homeSeo, identityDocumentRule, isOrderDraftPayable, isSingleChoiceFilter, isVariantAvailable, loadAccount, loadAddresses, loadCart, loadCategory, loadCheckout, loadComplaintBook, loadCustomerRegistration, loadGeo, loadOrder, loadOrderDraft, loadOrderStatus, loadOrders, loadPage, loadProduct, loadProfile, loadReview, loadSearchSuggestions, loadSections, loadStorefrontTranslations, loadTracking, logout, money, needsShipping, optional, orderDraftAction, orderPaymentAction, orderProgress, orderStepTitle, pageItems, pageSeo, paymentLogoCodes, paymentMethodSaving, pickProducts, pickVariant, productPage, productReviewAction, productReviews, productSeo, profileAction, readCart, readCatalog, readCountries, readCustomerAddress, readPage, readPlace, readStorefrontLayout, readStorefrontLinks, requireCanonical, requireCustomer, requireCustomerRegistration, resolvePage, resolveUrl, reviewAction, safeNext, section, sectionKey, sectionPreview, sectionPreviewMeta, selectedFacetCount, seoMeta, setting, shouldRevalidateCatalogRoot, source, sourceValue, startCustomerLogin, store, storefrontContact, storefrontHref, storefrontRouteText, storefrontText, submitCustomerLogin, submitCustomerRegistration, templateComponent, templateName, templatePath, templated, text, useCheckout, useCustomerCsrfToken, useFacets, useGeoCascade, useOrderPayment, usePagination, useSearchSuggestions, useSection, useSort, useStorefrontLinkPublished, useStorefrontLocale, useStorefrontText, variantOptions, variantSwatches, withImages, withSectionBoundary, withSections, worker };
+import { loadStorefrontTranslations, storefrontText } from "./storefront-text-ClFfYMVk.js";
+import { StorefrontLanguageProvider, useStorefrontLocale, useStorefrontText } from "./storefront-language-20hJejSi.js";
+import { storefrontRouteText } from "./route-text-CkupKB1b.js";
+export { BankAccountList, COMPLAINT_DOCUMENT_TYPES, CUSTOMER_CSRF_FIELD, Captcha, CustomerAvatar, CustomerCsrfField, CustomerLoginForm, CustomerRegistrationForm, FORM_CONTRACTS, Favicon, Hidden, IDENTITY_DOCUMENT_TYPES, MAX_CART_QUANTITY, OrderPaymentContinuation, OrderPaymentInReview, PaymentLogo, PhoneField, RichText, SORT_OPTIONS, SectionPreview, SourceProvider, StorefrontAnchor, StorefrontLanguageProvider, StorefrontLink, activeFilterChips, activeFilterCount, addressAction, canonicalUrl, cartAction, cartCookie, cartToken, categorySeo, checkoutAction, checkoutAddressDefaults, checkoutProgress, checkoutStep, clearedFiltersHref, collectionImageCandidates, collectionPage, collectionSeo, complaintBookAction, complaintBookAttachmentError, complaintBookLinks, complaintBookNumber, completeCustomerLogin, createRequestHandler, culqiSourceKey, customer, customerCsrfToken, customerHeaders, defaultPaymentMethod, discountPercent, filterLabel, filterValueLabel, found, hasOrderPaymentContinuation, homeSeo, identityDocumentRule, isOrderDraftPayable, isSingleChoiceFilter, isVariantAvailable, loadAccount, loadAddresses, loadCart, loadCategory, loadCheckout, loadComplaintBook, loadCustomerRegistration, loadGeo, loadOrder, loadOrderDraft, loadOrderStatus, loadOrders, loadPage, loadProduct, loadProfile, loadReview, loadSearchSuggestions, loadSections, loadStorefrontTranslations, loadTracking, logout, money, needsShipping, optional, orderDraftAction, orderPaymentAction, orderProgress, orderStepTitle, pageItems, pageSeo, paymentLogoCodes, paymentMethodSaving, pickProducts, pickProductsWithReviews, pickVariant, productPage, productReviewAction, productReviews, productSeo, profileAction, readCart, readCatalog, readCountries, readCustomerAddress, readPage, readPlace, readStorefrontLayout, readStorefrontLinks, requireCanonical, requireCustomer, requireCustomerRegistration, resolvePage, resolveUrl, reviewAction, safeNext, section, sectionKey, sectionPreview, sectionPreviewMeta, selectedFacetCount, seoMeta, setting, shouldRevalidateCatalogRoot, source, sourceValue, startCustomerLogin, store, storefrontContact, storefrontHref, storefrontRouteText, storefrontText, submitCustomerLogin, submitCustomerRegistration, templateComponent, templateName, templatePath, templated, text, useCheckout, useCustomerCsrfToken, useFacets, useGeoCascade, useOrderPayment, usePagination, useSearchSuggestions, useSection, useSort, useStorefrontLinkPublished, useStorefrontLocale, useStorefrontText, variantOptions, variantSwatches, withImages, withSectionBoundary, withSections, worker };

package/dist/{invoice-fields-BzDfV1nR.js → invoice-fields-BPRnSo_s.js}

@@ -1,5 +1,5 @@
-import { useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
-import { IDENTITY_DOCUMENT_TYPES, identityDocumentError, identityDocumentRule, isIdentityDocumentType } from "./documents-T1mzc_j8.js";
+import { useStorefrontText } from "./storefront-language-20hJejSi.js";
+import { IDENTITY_DOCUMENT_TYPES, buyerDocumentError, identityDocumentRule, isIdentityDocumentType } from "./documents-Ka-EL9m0.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/invoice-fields.tsx
@@ -14,7 +14,7 @@ function useDocumentInput(type, countryCode, initial) {
 	const [value, setValue] = useState(initial);
 	const [checked, setChecked] = useState(false);
 	const translate = useStorefrontText();
-	const failure = identityDocumentError(type, countryCode, value);
+	const failure = buyerDocumentError(type, countryCode, value);
 	const error = failure === null ? null : translate(failure);
 	const rule = identityDocumentRule(type);
 	return {

package/dist/{mercadopago-dialog-CpGlgKBl.js → mercadopago-dialog-C8pRoGAB.js}

@@ -1,8 +1,8 @@
-import { useStorefrontLocale, useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
+import { useStorefrontLocale, useStorefrontText } from "./storefront-language-20hJejSi.js";
 import { loadMercadoPago } from "./mercadopago-checkout-DC7RXa8k.js";
 import { money } from "./money-DtGOtDri.js";
 import { PaymentLogo } from "./payment-logo-BoPaGJc_.js";
-import { PaymentDialogFrame } from "./payment-dialog-frame-xtidt_eM.js";
+import { PaymentDialogFrame } from "./payment-dialog-frame-C2n--N7s.js";
 import { useEffect, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/mercadopago-dialog.tsx

package/dist/{order-display-CUXVESaF.js → order-display-CK-5wCsa.js}

@@ -1,7 +1,7 @@
 import { orderStepLabel, orderStepOf, paymentLabel } from "./order-view-9IlBg5AF.js";
 import { cartModifiers } from "./personalization-BSVlktZP.js";
 import { PaymentLogo, hasPaymentLogo } from "./payment-logo-BoPaGJc_.js";
-import { useStorefrontLocale, useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
+import { useStorefrontLocale, useStorefrontText } from "./storefront-language-20hJejSi.js";
 import { Form } from "react-router";
 import { formatOrderDate } from "@ecomiq/core";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{order-draft-D8sqUUNp.js → order-draft-XI7gDVeO.js}

@@ -1,4 +1,4 @@
-import { found, store } from "./store-uU2gWdMY.js";
+import { found, store } from "./store-BGDvRGNS.js";
 import { data, redirect } from "react-router";
 import { ApiError } from "@ecomiq/core";
 // src/order-draft.ts

package/dist/{order-payment-continuation-CS6omD7E.js → order-payment-continuation-DEGeYVyv.js}

@@ -1,7 +1,7 @@
-import { useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
-import { VoucherPayment } from "./voucher-payment-B3o9ybg6.js";
+import { useStorefrontText } from "./storefront-language-20hJejSi.js";
+import { VoucherPayment } from "./voucher-payment-Cbq4DRiL.js";
 import { useCulqiCheckout } from "./use-culqi-checkout-CrjLAipU.js";
-import { CulqiAuthentication } from "./culqi-authentication-DHxjPJRE.js";
+import { CulqiAuthentication } from "./culqi-authentication-CThvkZYc.js";
 import { useRevalidator } from "react-router";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{order-payment-in-review-D5Y8bjGA.js → order-payment-in-review-D81gcAOe.js}

@@ -1,5 +1,5 @@
 import { money } from "./money-DtGOtDri.js";
-import { useStorefrontLocale, useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
+import { useStorefrontLocale, useStorefrontText } from "./storefront-language-20hJejSi.js";
 import { Link, useLocation, useRevalidator } from "react-router";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{order-status-QsmEO-89.js → order-status-C61ywW-E.js}

@@ -1,7 +1,7 @@
 import { orderAnalytics } from "./analytics/events-CWmKY7oX.js";
 import { text } from "./form-BtQcbXlJ.js";
-import { found, store } from "./store-uU2gWdMY.js";
-import { worker } from "./worker-cbXmLvfR.js";
+import { found, store } from "./store-BGDvRGNS.js";
+import { worker } from "./worker-BxlCSjSF.js";
 import { PAYMENT_RETURN_CONFIRMING, PAYMENT_RETURN_PARAM } from "./payment-return-5cjypwIw.js";
 import { data, redirect } from "react-router";
 import { ApiError, AuthenticateOrderPaymentInputSchema } from "@ecomiq/core";

package/dist/{page-seo-BKG-Ta6t.js → page-seo-BdyKwykI.js}

@@ -1,6 +1,6 @@
-import { loadStorefrontTranslations, storefrontText } from "./storefront-text-Co7iUnLM.js";
-import { store } from "./store-uU2gWdMY.js";
-import { absoluteUrl, canonicalOrigin, requestUrl } from "./urls-D4uinJVd.js";
+import { loadStorefrontTranslations, storefrontText } from "./storefront-text-ClFfYMVk.js";
+import { store } from "./store-BGDvRGNS.js";
+import { absoluteUrl, canonicalOrigin, requestUrl } from "./urls-BR4wv2K2.js";
 // src/page-seo.ts
 const DESCRIPTION_LENGTH = 160;
 const TITLE_LENGTH = 65;

package/dist/{pages-DyItxkdE.js → pages-ClOPuk55.js}

@@ -1,8 +1,8 @@
 import { categoryAnalytics, collectionAnalytics, productAnalytics } from "./analytics/events-CWmKY7oX.js";
 import { readCatalog } from "./catalog-7gJ-l5hW.js";
-import { store } from "./store-uU2gWdMY.js";
-import { requestUrl, requireCanonical } from "./urls-D4uinJVd.js";
-import { worker } from "./worker-cbXmLvfR.js";
+import { store } from "./store-BGDvRGNS.js";
+import { requestUrl, requireCanonical } from "./urls-BR4wv2K2.js";
+import { worker } from "./worker-BxlCSjSF.js";
 import { data, redirect } from "react-router";
 import { CategoryDetailSchema, CollectionSchema, GraphQLResponseError, ProductDetailSchema, ProductSummarySchema, ProductsResponseSchema, graphQLSelection, sanitizeHtml } from "@ecomiq/core";
 import { z } from "zod";

package/dist/{payment-dialog-frame-xtidt_eM.js → payment-dialog-frame-C2n--N7s.js}

@@ -1,4 +1,4 @@
-import { useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
+import { useStorefrontText } from "./storefront-language-20hJejSi.js";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/payment-dialog-frame.tsx

package/dist/{personalization-fields-CwBR8oGr.js → personalization-fields-BtNqpVpB.js}

@@ -1,5 +1,5 @@
 import { modifierOptionField, modifierQuantityField, modifierValueField } from "./personalization-BSVlktZP.js";
-import { useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
+import { useStorefrontText } from "./storefront-language-20hJejSi.js";
 import { modifierLabel } from "@ecomiq/core";
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/phone-B350moyr.js

@@ -0,0 +1,13 @@
+import { isSupportedCountry, isValidPhoneNumber } from "libphonenumber-js/min";
+// src/phone.ts
+const PHONE_ERROR = "Revisa tu celular: ese número no es válido para el país elegido.";
+const MAX_LENGTH = 20;
+const PHONE_SHAPE = /^[\s(]*\+?[\d\s().-]+$/;
+function phoneError(value, countryCode) {
+	const phone = value.replace(/\p{Cf}/gu, "");
+	if (phone.trim() === "") return null;
+	if (phone.length > MAX_LENGTH || !PHONE_SHAPE.test(phone)) return PHONE_ERROR;
+	const country = countryCode.toUpperCase();
+	return isValidPhoneNumber(phone.replace(/[()]/g, ""), isSupportedCountry(country) ? country : void 0) ? null : PHONE_ERROR;
+}
+export { PHONE_ERROR, phoneError };

package/dist/phone-field-D4io3zeV.js

@@ -0,0 +1,141 @@
+import { phoneError } from "./phone-B350moyr.js";
+import { useStorefrontLanguage, useStorefrontText } from "./storefront-language-20hJejSi.js";
+import { createElement, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import PhoneInput, { getCountries, getCountryCallingCode, isSupportedCountry, parsePhoneNumber } from "react-phone-number-input/min";
+// src/phone-field.tsx
+const COUNTRY_SELECT = "rounded-s-md border border-e-0 border-input bg-background px-3 text-foreground focus-within:border-ring focus-within:ring-1 focus-within:ring-ring";
+let loadedFlags = null;
+function useFlags() {
+	const [flags, setFlags] = useState(loadedFlags);
+	useEffect(() => {
+		if (flags !== null) return;
+		import("react-phone-number-input/flags").then((module) => {
+			loadedFlags = module.default;
+			setFlags(module.default);
+		});
+	}, [flags]);
+	return flags;
+}
+function PhoneCountrySelect({ value, onChange, options, disabled, className, "aria-label": label }) {
+	const flags = useFlags();
+	const Flag = value === void 0 ? void 0 : flags?.[value];
+	return /* @__PURE__ */ jsxs("span", {
+		className: `relative flex shrink-0 items-center gap-1.5 ${className ?? ""}`,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "flex h-4 w-6 shrink-0 overflow-hidden rounded-[2px] bg-muted [&_svg]:size-full",
+				children: Flag ? /* @__PURE__ */ jsx(Flag, { title: label ?? "" }) : null
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "text-sm tabular-nums",
+				children: value === void 0 ? "+" : `+${getCountryCallingCode(value)}`
+			}),
+			/* @__PURE__ */ jsx("svg", {
+				"aria-hidden": "true",
+				viewBox: "0 0 24 24",
+				className: "size-3.5 text-muted-foreground",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 2,
+				children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+			}),
+			/* @__PURE__ */ jsx("select", {
+				"aria-label": label,
+				value: value ?? "",
+				disabled,
+				onChange: (event) => onChange(isSupportedCountry(event.target.value) ? event.target.value : void 0),
+				className: "absolute inset-0 cursor-pointer opacity-0",
+				children: options.map((option) => /* @__PURE__ */ jsx("option", {
+					value: option.value ?? "",
+					children: option.value === void 0 ? option.label : `${option.label} (+${getCountryCallingCode(option.value)})`
+				}, option.value ?? ""))
+			})
+		]
+	});
+}
+function PhoneNumberInput({ selectClassName = COUNTRY_SELECT, inputClassName, defaultCountry, ref, ...props }) {
+	return /* @__PURE__ */ createElement(PhoneInput, {
+		...props,
+		ref,
+		key: defaultCountry,
+		defaultCountry,
+		addInternationalOption: false,
+		initialValueFormat: "national",
+		smartCaret: false,
+		countrySelectComponent: PhoneCountrySelect,
+		countrySelectProps: { className: selectClassName },
+		numberInputProps: { className: inputClassName }
+	});
+}
+function submittedPhone(value, country) {
+	if (value === void 0) return "";
+	const parsed = parsePhoneNumber(value);
+	return parsed !== void 0 && parsed.country === country ? parsed.nationalNumber : value;
+}
+function usePhoneField(countryCode, initial, name = "phone") {
+	const upperCode = countryCode.toUpperCase();
+	const country = isSupportedCountry(upperCode) ? upperCode : void 0;
+	const [value, setValue] = useState(() => parsePhoneNumber(initial, country)?.number);
+	const [valueCountry, setValueCountry] = useState(country);
+	const [checked, setChecked] = useState(initial !== "");
+	if (valueCountry !== country) {
+		setValueCountry(country);
+		setValue(parsePhoneNumber(submittedPhone(value, valueCountry), country)?.number);
+	}
+	const translate = useStorefrontText();
+	const language = useStorefrontLanguage();
+	const labels = useMemo(() => {
+		const names = new Intl.DisplayNames([language], { type: "region" });
+		const countries = {};
+		for (const code of getCountries()) countries[code] = names.of(code) ?? code;
+		return countries;
+	}, [language]);
+	const submitted = submittedPhone(value, country);
+	const failure = phoneError(submitted, countryCode);
+	const error = failure === null ? null : translate(failure);
+	const ref = useRef(null);
+	useEffect(() => {
+		ref.current?.setCustomValidity(error ?? "");
+	});
+	return {
+		error: checked ? error : null,
+		hidden: {
+			name,
+			value: submitted
+		},
+		input: {
+			ref,
+			value,
+			"aria-invalid": checked && error !== null,
+			onChange: (next) => setValue(next),
+			onBlur: () => setChecked(true),
+			defaultCountry: country,
+			labels: {
+				...labels,
+				country: translate("País del celular")
+			},
+			locales: language
+		}
+	};
+}
+function PhoneField({ countryCode, initial, name = "phone", id = name, className, errorClassName = "text-sm text-destructive", ...props }) {
+	const phone = usePhoneField(countryCode, initial, name);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("input", {
+			type: "hidden",
+			...phone.hidden
+		}),
+		/* @__PURE__ */ jsx(PhoneNumberInput, {
+			...phone.input,
+			...props,
+			id,
+			className: `flex ${className ?? ""}`
+		}),
+		phone.error ? /* @__PURE__ */ jsx("p", {
+			className: errorClassName,
+			children: phone.error
+		}) : null
+	] });
+}
+export { PhoneField, PhoneNumberInput, usePhoneField };

package/dist/phone-field.d.ts

@@ -0,0 +1,44 @@
+import { ComponentProps, ElementType, FocusEvent } from "react";
+import PhoneInput, { Country, Value } from "react-phone-number-input/min";
+type Labels = NonNullable<ComponentProps<typeof PhoneInput>["labels"]>;
+export type PhoneNumberInputProps = {
+  value?: Value;
+  onChange: (value?: Value) => void;
+  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+  defaultCountry?: Country;
+  labels?: Labels;
+  locales?: string;
+  required?: boolean;
+  id?: string;
+  className?: string;
+  selectClassName?: string;
+  inputClassName?: string;
+  inputComponent?: ElementType;
+  ref?: ComponentProps<"input">["ref"];
+};
+export declare function PhoneNumberInput({ selectClassName, inputClassName, defaultCountry, ref, ...props }: PhoneNumberInputProps): import("react").JSX.Element;
+export type PhoneFieldState = {
+  error: string | null;
+  hidden: {
+    name: string;
+    value: string;
+  };
+  input: Pick<PhoneNumberInputProps, "value" | "onChange" | "onBlur" | "defaultCountry" | "labels" | "locales" | "ref"> & {
+    "aria-invalid": boolean;
+  };
+};
+export declare function usePhoneField(countryCode: string, initial: string, name?: string): PhoneFieldState;
+export type PhoneFieldProps = {
+  countryCode: string;
+  initial: string;
+  name?: string;
+  id?: string;
+  required?: boolean;
+  className?: string;
+  selectClassName?: string;
+  inputClassName?: string;
+  errorClassName?: string;
+  inputComponent?: ElementType;
+};
+export declare function PhoneField({ countryCode, initial, name, id, className, errorClassName, ...props }: PhoneFieldProps): import("react").JSX.Element;
+export {};

package/dist/phone.d.ts

@@ -0,0 +1,2 @@
+export declare const PHONE_ERROR = "Revisa tu celular: ese número no es válido para el país elegido.";
+export declare function phoneError(value: string, countryCode: string): string | null;

package/dist/{preview-JWdMO6kX.js → preview-GypCcfup.js}

@@ -1,5 +1,5 @@
-import { previewAddress } from "./preview-address-bvieGEKb.js";
-import { paymentMethods, previewCart } from "./preview-cart-COIP3Vfh.js";
+import { previewAddress } from "./preview-address-BobkvMlP.js";
+import { paymentMethods, previewCart } from "./preview-cart-CRSPTs6g.js";
 // src/preview.ts
 const PREVIEW_TOKEN = "ecomiq-editor-preview";
 const PREVIEW_REVIEW = "preview-review";

package/dist/{preview-address-bvieGEKb.js → preview-address-BobkvMlP.js}

@@ -1,4 +1,4 @@
-import { loadStorefrontTranslations, storefrontText } from "./storefront-text-Co7iUnLM.js";
+import { loadStorefrontTranslations, storefrontText } from "./storefront-text-ClFfYMVk.js";
 // src/preview-address.ts
 async function previewAddress(store) {
 	const translations = await loadStorefrontTranslations(store.language);

package/dist/{preview-cart-COIP3Vfh.js → preview-cart-CRSPTs6g.js}

@@ -1,4 +1,4 @@
-import { previewAddress } from "./preview-address-bvieGEKb.js";
+import { previewAddress } from "./preview-address-BobkvMlP.js";
 // src/preview-cart.ts
 const PREVIEW_CART_TOKEN = "ecomiq-editor-preview-cart";
 const BUYER = {

package/dist/{public-pages-Byh01h-6.js → public-pages-BZXH5gt9.js}

@@ -1,6 +1,6 @@
 import { text } from "./form-BtQcbXlJ.js";
-import { customer, customerHeaders } from "./session-DR_9-bcf.js";
-import { found, store, storeHeaders } from "./store-uU2gWdMY.js";
+import { customer, customerHeaders } from "./session-CsuzPSJs.js";
+import { found, store, storeHeaders } from "./store-BGDvRGNS.js";
 import { data, redirect } from "react-router";
 import { ApiError, getOrderReviewContext, getOrderTracking, sanitizeHtml } from "@ecomiq/core";
 import { z } from "zod";

package/dist/{registration-h_00PAhj.js → registration-BmWt3-eT.js}

@@ -1,8 +1,9 @@
 import { safeNext, text } from "./form-BtQcbXlJ.js";
+import { PHONE_ERROR, phoneError } from "./phone-B350moyr.js";
 import { rejectCrossOriginAction, rejectCustomerCsrf } from "./request-security-CRsRMgwj.js";
-import { customer, customerHeaders } from "./session-DR_9-bcf.js";
-import { store } from "./store-uU2gWdMY.js";
-import { worker } from "./worker-cbXmLvfR.js";
+import { customer, customerHeaders } from "./session-CsuzPSJs.js";
+import { store } from "./store-BGDvRGNS.js";
+import { worker } from "./worker-BxlCSjSF.js";
 import { data, redirect } from "react-router";
 import { ApiError, CustomerRegistrationInputSchema } from "@ecomiq/core";
 // src/registration.ts
@@ -32,7 +33,8 @@ async function registrationData(registration, next, context, error = null, statu
 		next,
 		storeName: settings.store.name,
 		error,
-		today: await registrationToday(context)
+		today: await registrationToday(context),
+		countryCode: settings.store.countryCode
 	}, {
 		status,
 		headers: PRIVATE_HEADERS
@@ -74,6 +76,8 @@ async function submitCustomerRegistration(request, context) {
 	const parsed = CustomerRegistrationInputSchema.safeParse(input);
 	if (!parsed.success) return registrationData(submitted, next, context, "Revisa los datos ingresados y vuelve a intentar.", 400);
 	for (const field of FIELDS) if (registration.fields[field] === "required" && !submitted[field]?.trim()) return registrationData(submitted, next, context, "Completa los datos obligatorios para continuar.", 400);
+	const { store: settings } = await client.getSettings();
+	if (input.phone && phoneError(input.phone, settings.countryCode) !== null) return registrationData(submitted, next, context, PHONE_ERROR, 400);
 	if (input.dateOfBirth && input.dateOfBirth > await registrationToday(context)) return registrationData(submitted, next, context, "La fecha de nacimiento no puede ser futura.", 400);
 	try {
 		const completed = await client.completeCustomerRegistration(parsed.data, options);
@@ -85,6 +89,7 @@ async function submitCustomerRegistration(request, context) {
 	} catch (error) {
 		let message = "No pudimos guardar tus datos. Intenta de nuevo.";
 		if (error instanceof ApiError && error.status === 400) message = error.message;
+		if (error instanceof ApiError && error.code === "Customers.InvalidPhone") message = PHONE_ERROR;
 		return registrationData(submitted, next, context, message, 400);
 	}
 }

package/dist/registration.d.ts

@@ -6,6 +6,7 @@ export type CustomerRegistrationData = {
   next: string;
   error: string | null;
   today: string;
+  countryCode: string;
 };
 /** The session exists at this stage; profile completion must not guard its own route. */
 export declare function loadCustomerRegistration(request: Request, context: Readonly<RouterContextProvider>): Promise<Response | ReturnType<typeof data<CustomerRegistrationData>>>;

package/dist/{route-text-B6pWdevi.js → route-text-CkupKB1b.js}

@@ -1,4 +1,4 @@
-import { storefrontText } from "./storefront-text-Co7iUnLM.js";
+import { storefrontText } from "./storefront-text-ClFfYMVk.js";
 import { z } from "zod";
 // src/route-text.ts
 const RootLanguage = z.object({ shop: z.object({ translations: z.record(z.string(), z.string()).default({}) }) });

package/dist/{section-preview-BiYfeE-d.js → section-preview-C7QbWAzE.js}

@@ -1,5 +1,5 @@
-import { loadSections, withSections } from "./sections-CgpjubkB.js";
-import { worker } from "./worker-cbXmLvfR.js";
+import { loadSections, withSections } from "./sections-BkjGSM28.js";
+import { worker } from "./worker-BxlCSjSF.js";
 import { data, useLoaderData } from "react-router";
 import { createElement, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/sections/account-addresses.js

@@ -1,7 +1,8 @@
-import { useStorefrontText } from "../storefront-language-Bnt-TU2F.js";
+import { PhoneField } from "../phone-field-D4io3zeV.js";
+import { useStorefrontText } from "../storefront-language-20hJejSi.js";
 import { AddressForm } from "../account-forms-AVk71ko7.js";
-import { addressDefaults } from "../address-defaults-BqjRhS82.js";
-import { placeValue, useGeoCascade } from "../catalog-hooks-DjmpXROv.js";
+import { addressDefaults } from "../address-defaults-Bj8j8noq.js";
+import { placeValue, useGeoCascade } from "../catalog-hooks-Dk_58L_I.js";
 import { useNavigation } from "react-router";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -64,6 +65,12 @@ function PlaceSelect({ name, label, items, value, disabled, onChange }) {
 		onChange
 	});
 }
+function PhoneInputBox(props) {
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		className: "min-w-0 flex-1 rounded-s-none"
+	});
+}
 function AddressFields({ countries, defaults, label }) {
 	const storefrontTranslate = useStorefrontText();
 	const geo = useGeoCascade({
@@ -129,6 +136,7 @@ function AddressFields({ countries, defaults, label }) {
 				children: /* @__PURE__ */ jsx(Input, {
 					name: "department",
 					defaultValue: defaults.department ?? "",
+					maxLength: 100,
 					required: true
 				})
 			}), /* @__PURE__ */ jsx(Labeled, {
@@ -136,6 +144,7 @@ function AddressFields({ countries, defaults, label }) {
 				children: /* @__PURE__ */ jsx(Input, {
 					name: "district",
 					defaultValue: defaults.district ?? "",
+					maxLength: 100,
 					required: true
 				})
 			})] }),
@@ -146,6 +155,7 @@ function AddressFields({ countries, defaults, label }) {
 					name: "line",
 					autoComplete: "street-address",
 					defaultValue: defaults.line ?? "",
+					maxLength: 200,
 					required: true
 				})
 			}),
@@ -153,16 +163,17 @@ function AddressFields({ countries, defaults, label }) {
 				label: storefrontTranslate("Referencia (opcional)"),
 				children: /* @__PURE__ */ jsx(Input, {
 					name: "reference",
-					defaultValue: defaults.reference ?? ""
+					defaultValue: defaults.reference ?? "",
+					maxLength: 500
 				})
 			}),
 			/* @__PURE__ */ jsx(Labeled, {
 				label: storefrontTranslate("Celular"),
-				children: /* @__PURE__ */ jsx(Input, {
-					name: "phone",
-					type: "tel",
-					autoComplete: "tel",
-					defaultValue: defaults.phone ?? ""
+				children: /* @__PURE__ */ jsx(PhoneField, {
+					countryCode: geo.country,
+					initial: defaults.phone ?? "",
+					required: true,
+					inputComponent: PhoneInputBox
 				})
 			})
 		]

package/dist/sections/account-order.js

@@ -1,11 +1,11 @@
 import { CustomerCsrfField } from "../customer-csrf-C1oDX-Py.js";
 import { money } from "../money-DtGOtDri.js";
-import { orderProgress } from "../order-status-QsmEO-89.js";
-import { useStorefrontLocale, useStorefrontText } from "../storefront-language-Bnt-TU2F.js";
-import { PayButton, PaymentPreview, ReorderButton, useOrderStepDetail } from "../order-display-CUXVESaF.js";
+import { orderProgress } from "../order-status-C61ywW-E.js";
+import { useStorefrontLocale, useStorefrontText } from "../storefront-language-20hJejSi.js";
+import { PayButton, PaymentPreview, ReorderButton, useOrderStepDetail } from "../order-display-CK-5wCsa.js";
 import { orderStepLabel, orderStepOf, paymentStatusLabel } from "../order-view-9IlBg5AF.js";
 import { orderSummaryLines } from "../cart-summary-B6vtRGBO.js";
-import { ItemPersonalization } from "../personalization-fields-CwBR8oGr.js";
+import { ItemPersonalization } from "../personalization-fields-BtNqpVpB.js";
 import { Form, Link, useNavigation } from "react-router";
 import { formatOrderDate, lineUnitPrice } from "@ecomiq/core";
 import { useEffect, useState } from "react";

package/dist/sections/account-orders.js

@@ -1,8 +1,8 @@
 import { money } from "../money-DtGOtDri.js";
-import { useStorefrontLocale, useStorefrontText } from "../storefront-language-Bnt-TU2F.js";
-import { PayButton, PaymentPreview, ReorderButton, useOrderHeadline, useOrderStepDetail } from "../order-display-CUXVESaF.js";
+import { useStorefrontLocale, useStorefrontText } from "../storefront-language-20hJejSi.js";
+import { PayButton, PaymentPreview, ReorderButton, useOrderHeadline, useOrderStepDetail } from "../order-display-CK-5wCsa.js";
 import { mainPayment, orderStepLabel, orderStepOf } from "../order-view-9IlBg5AF.js";
-import { orderFiltersQuery } from "../account-CZZ-ku6L.js";
+import { orderFiltersQuery } from "../account-DMM0ZZYb.js";
 import { useOrderPages } from "../order-pages-Dm6l5m0m.js";
 import { Form, Link, useLocation, useNavigate } from "react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";