@ecomiq/storefront 1.1.0 → 1.1.2

package/dist/chunks/client.js

@@ -1,11 +1,12 @@
 "use client";
 import { z } from 'zod';
 import { QueryClient, hydrate, QueryClientProvider, useMutation, useQuery, useQueryClient, useInfiniteQuery } from '@tanstack/react-query';
-import React2, { createContext, useRef, useEffect, useContext, useState, useMemo, useCallback } from 'react';
+import React2, { createContext, forwardRef, useRef, useState, useCallback, useMemo, useImperativeHandle, useEffect, useContext } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { toast } from 'sonner';
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
+import { useShallow } from 'zustand/shallow';
 
 // src/core/client/store-api-errors.ts
 function isCartNotActiveApiError(error) {
@@ -57,7 +58,10 @@ var StoreApiClient = class {
     const pathNorm = path.replace(/^\/+/, "");
     const url = path.startsWith("http") ? path : `${this.baseUrl}/${pathNorm}`;
     const headers = new Headers(init.headers ?? {});
-    headers.set("Content-Type", "application/json");
+    const isFormData = typeof FormData !== "undefined" && init.body instanceof FormData;
+    if (!isFormData) {
+      headers.set("Content-Type", "application/json");
+    }
     headers.set("Accept-Encoding", "identity");
     const explicitStoreId = options?.xStoreId?.trim();
     const runtimeStoreId = explicitStoreId || (typeof window === "undefined" ? serverStoreIdGetter : clientStoreIdGetter);
@@ -121,6 +125,10 @@ var StoreApiClient = class {
       options
     );
   }
+  /** POST multipart (no fuerza `Content-Type`; el runtime añade el boundary). */
+  postForm(path, form, options) {
+    return this.request(path, { method: "POST", body: form }, options);
+  }
   patch(path, data, options) {
     return this.request(path, {
       method: "PATCH",
@@ -475,6 +483,9 @@ var CartItemRequestSchema = z.object({
   quantity: z.number().int().positive(),
   modifiers: z.array(CartItemModifierRequestSchema).optional()
 });
+var CartItemUpdateRequestSchema = z.object({
+  quantity: z.number().int().positive()
+});
 var CartCouponRequestSchema = z.object({
   code: z.string().min(1)
 });
@@ -544,6 +555,8 @@ var CartResponseSchema = z.object({
   firstName: z.string().nullable().optional(),
   lastName: z.string().nullable().optional(),
   currencyCode: z.string(),
+  /** Estado del carrito en backend (`inProgress`, `completed`, etc.). */
+  status: z.string().nullable().optional(),
   completedAt: z.string().nullable().optional(),
   shippingAddress: z.unknown().nullable().optional(),
   billingAddress: z.unknown().nullable().optional(),
@@ -702,6 +715,26 @@ async function addCartItem(data, cartId) {
   });
   return CartResponseSchema.parse(response);
 }
+async function updateCartItem(cartId, itemId, data) {
+  if (!cartId) throw new Error("cartId is required");
+  if (!itemId.trim()) throw new Error("itemId is required");
+  const payload = CartItemUpdateRequestSchema.parse(data);
+  const client = await getStoreApiClient();
+  const response = await client.patch(
+    `carts/${cartId}/items/${encodeURIComponent(itemId.trim())}`,
+    payload
+  );
+  return CartResponseSchema.parse(response);
+}
+async function deleteCartItem(cartId, itemId) {
+  if (!cartId) throw new Error("cartId is required");
+  if (!itemId.trim()) throw new Error("itemId is required");
+  const client = await getStoreApiClient();
+  const response = await client.delete(
+    `carts/${cartId}/items/${encodeURIComponent(itemId.trim())}`
+  );
+  return CartResponseSchema.parse(response);
+}
 async function patchCartBuyer(data, cartId) {
   if (!cartId) throw new Error("cartId is required");
   const payload = CartBuyerRequestSchema.parse(data);
@@ -753,32 +786,15 @@ async function checkoutCart(data, cartId) {
 }
 async function uploadPaymentReceipt(cartId, file) {
   if (!cartId) throw new Error("cartId is required");
-  const baseUrl = await getStoreApiBaseUrl();
+  const client = await getStoreApiClient();
   const form = new FormData();
   form.set("file", file);
-  const response = await fetch(
-    `${baseUrl.replace(/\/$/, "")}/carts/${encodeURIComponent(cartId)}/payment-receipt`,
-    {
-      method: "POST",
-      body: form,
-      ...typeof window === "undefined" && { cache: "no-store" }
-    }
+  const response = await client.postForm(
+    `carts/${cartId}/payment-receipt`,
+    form,
+    typeof window === "undefined" ? { noStore: true } : void 0
   );
-  if (!response.ok) {
-    let body;
-    try {
-      const errorText = await response.text();
-      body = errorText ? JSON.parse(errorText) : void 0;
-    } catch {
-      body = void 0;
-    }
-    const message = typeof body === "object" && body !== null && "title" in body && typeof body.title === "string" ? body.title : response.statusText || "Store API error";
-    const error = new Error(message);
-    error.status = response.status;
-    error.body = body;
-    throw error;
-  }
-  return CartPaymentReceiptResponseSchema.parse(await response.json());
+  return CartPaymentReceiptResponseSchema.parse(response);
 }
 async function getCartCheckout(cartId) {
   if (!cartId) throw new Error("cartId is required");
@@ -1366,6 +1382,7 @@ function useStorePages() {
     useRefreshStorefrontPages
   };
 }
+var CART_PERSIST_KEY = "cart-storage";
 var useCart = create()(
   persist(
     (set) => ({
@@ -1421,6 +1438,14 @@ var useCart = create()(
         const count = Math.max(0, cart.reduce((sum, i) => sum + Math.max(0, i.quantity), 0));
         return { count, cart };
       }),
+      replaceCartItems: (items) => set(() => {
+        const cart = items.map((item) => ({
+          ...item,
+          quantity: Math.max(0, item.quantity)
+        }));
+        const count = cart.reduce((sum, i) => sum + Math.max(0, i.quantity), 0);
+        return { count, cart };
+      }),
       clearCartSession: () => set(() => ({
         count: 0,
         cart: [],
@@ -1429,9 +1454,15 @@ var useCart = create()(
         checkoutCustomerLocal: null
       }))
     }),
-    { name: "cart-storage" }
+    { name: CART_PERSIST_KEY }
   )
 );
+if (typeof window !== "undefined") {
+  window.addEventListener("storage", (event) => {
+    if (event.key !== CART_PERSIST_KEY) return;
+    void useCart.persist.rehydrate();
+  });
+}
 
 // src/react/shell/hooks/use-store-cart.ts
 function useStoreCart() {
@@ -1460,6 +1491,12 @@ function useStoreCart() {
   const useAddCartItem = () => useMutation({
     mutationFn: ({ cartId, ...data }) => addCartItem(data, cartId)
   });
+  const useUpdateCartItem = () => useMutation({
+    mutationFn: ({ cartId, itemId, data }) => updateCartItem(cartId, itemId, data)
+  });
+  const useDeleteCartItem = () => useMutation({
+    mutationFn: ({ cartId, itemId }) => deleteCartItem(cartId, itemId)
+  });
   const useCheckoutCart = () => useMutation({
     mutationFn: ({ data, cartId }) => checkoutCart(data, cartId)
   });
@@ -1544,6 +1581,8 @@ function useStoreCart() {
     useUpdateCartBuyer,
     useUpdateCartAddresses,
     useAddCartItem,
+    useUpdateCartItem,
+    useDeleteCartItem,
     useCheckoutCart,
     useUploadPaymentReceipt,
     useGetCartPaymentMethods,
@@ -1913,6 +1952,2814 @@ function formatCurrency(amount, currency = "USD") {
     currency
   }).format(amount);
 }
+var CHECKOUT_FIELD_FOCUS_ORDER = [
+  "email",
+  "firstName",
+  "lastName",
+  "countryCode",
+  "address",
+  "department",
+  "province-geo",
+  "district",
+  "city",
+  "province-region",
+  "phone",
+  "checkout-shipping-method",
+  "checkout-payment-method"
+];
+var zodPathToFieldId = {
+  email: "email",
+  firstName: "firstName",
+  lastName: "lastName",
+  countryCode: "countryCode",
+  address: "address",
+  phone: "phone",
+  departmentCode: "department",
+  provinceCode: "province-geo",
+  districtCode: "district",
+  city: "city",
+  province: "province-region",
+  selectedShippingKey: "checkout-shipping-method",
+  selectedPaymentCode: "checkout-payment-method"
+};
+function buildCheckoutFormValidationSchema(currency) {
+  const phoneDigits = currency === "PEN" ? 9 : 10;
+  return z.object({
+    email: z.string().trim().min(1, "El email es requerido").email("Ingresa un email v\xE1lido"),
+    firstName: z.string().trim().min(1, "El nombre es requerido").min(2, "El nombre debe tener al menos 2 caracteres"),
+    lastName: z.string().trim().min(1, "El apellido es requerido").min(2, "El apellido debe tener al menos 2 caracteres"),
+    countryCode: z.string().trim().min(2, "Selecciona un pa\xEDs"),
+    address: z.string().trim().min(1, "La direcci\xF3n es requerida").min(5, "La direcci\xF3n debe tener al menos 5 caracteres"),
+    phone: z.string().trim().min(1, "El tel\xE9fono es requerido").regex(/^\d+$/, "El tel\xE9fono solo debe contener n\xFAmeros").length(
+      phoneDigits,
+      `El tel\xE9fono debe tener ${phoneDigits} d\xEDgitos`
+    ),
+    departmentCode: z.string(),
+    provinceCode: z.string(),
+    districtCode: z.string(),
+    city: z.string(),
+    province: z.string(),
+    selectedShippingKey: z.string().nullable(),
+    shippingOptionsCount: z.number().int().nonnegative(),
+    selectedPaymentCode: z.string().nullable(),
+    paymentMethodsCount: z.number().int().nonnegative()
+  }).superRefine((data, ctx) => {
+    const country = data.countryCode.toUpperCase();
+    if (country === "PE") {
+      if (!data.departmentCode.trim()) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["departmentCode"],
+          message: "Selecciona un departamento"
+        });
+      }
+      if (!data.provinceCode.trim()) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["provinceCode"],
+          message: "Selecciona una provincia"
+        });
+      }
+      if (!data.districtCode.trim()) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["districtCode"],
+          message: "Selecciona un distrito"
+        });
+      }
+    } else {
+      if (!data.city.trim()) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["city"],
+          message: "La ciudad es requerida"
+        });
+      }
+      if (!data.province.trim()) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["province"],
+          message: "La regi\xF3n es requerida"
+        });
+      }
+    }
+    if (data.shippingOptionsCount > 0 && !data.selectedShippingKey?.trim()) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["selectedShippingKey"],
+        message: "Selecciona un m\xE9todo de env\xEDo"
+      });
+    }
+    if (data.paymentMethodsCount > 0 && !data.selectedPaymentCode?.trim()) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["selectedPaymentCode"],
+        message: "Selecciona un m\xE9todo de pago"
+      });
+    }
+  });
+}
+function checkoutValidationInputFromContext(ctx) {
+  const { contact } = ctx;
+  return {
+    email: contact.email,
+    firstName: contact.firstName,
+    lastName: contact.lastName,
+    countryCode: contact.countryCode,
+    address: contact.address,
+    phone: contact.phone,
+    departmentCode: contact.departmentCode,
+    provinceCode: contact.provinceCode,
+    districtCode: contact.districtCode,
+    city: contact.city,
+    province: contact.province,
+    selectedShippingKey: ctx.selectedShippingKey,
+    shippingOptionsCount: ctx.shippingOptionsCount,
+    selectedPaymentCode: ctx.selectedPaymentCode,
+    paymentMethodsCount: ctx.paymentMethodsCount
+  };
+}
+function mapZodIssuesToFieldErrors(error) {
+  const out = {};
+  for (const issue of error.issues) {
+    const key = issue.path[0];
+    if (typeof key !== "string") continue;
+    const fieldId = zodPathToFieldId[key];
+    if (!fieldId || out[fieldId]) continue;
+    out[fieldId] = issue.message;
+  }
+  return out;
+}
+function firstInvalidFieldId(errors) {
+  for (const id of CHECKOUT_FIELD_FOCUS_ORDER) {
+    if (errors[id]) return id;
+  }
+  return null;
+}
+function focusCheckoutField(fieldId) {
+  if (typeof document === "undefined") return;
+  const el = document.getElementById(fieldId);
+  if (el) {
+    el.focus({ preventScroll: false });
+    el.scrollIntoView({ behavior: "smooth", block: "center" });
+    return;
+  }
+  if (fieldId === "checkout-shipping-method") {
+    const radio = document.querySelector(
+      'input[name="shipping"]'
+    );
+    radio?.focus();
+    radio?.scrollIntoView({ behavior: "smooth", block: "center" });
+    return;
+  }
+  if (fieldId === "checkout-payment-method") {
+    const radio = document.querySelector(
+      'input[name="payment"]'
+    );
+    radio?.focus();
+    radio?.scrollIntoView({ behavior: "smooth", block: "center" });
+  }
+}
+
+// src/react/pages/checkout-page/hooks/use-checkout-form-validation.ts
+function useCheckoutFormValidation(currency = "PEN") {
+  const schema = useMemo(
+    () => buildCheckoutFormValidationSchema(currency),
+    [currency]
+  );
+  const [fieldErrors, setFieldErrors] = useState({});
+  const [validationError, setValidationError] = useState(null);
+  const clearFieldError = useCallback((fieldId) => {
+    setFieldErrors((prev) => {
+      if (!prev[fieldId]) return prev;
+      const next = { ...prev };
+      delete next[fieldId];
+      return next;
+    });
+    setValidationError(null);
+  }, []);
+  const getFieldError = useCallback(
+    (fieldId) => fieldErrors[fieldId],
+    [fieldErrors]
+  );
+  const validateCheckoutForm = useCallback(
+    (context) => {
+      const result = schema.safeParse(
+        checkoutValidationInputFromContext(context)
+      );
+      if (result.success) {
+        setFieldErrors({});
+        setValidationError(null);
+        return true;
+      }
+      const errors = mapZodIssuesToFieldErrors(result.error);
+      setFieldErrors(errors);
+      const firstId = firstInvalidFieldId(errors);
+      if (firstId) {
+        focusCheckoutField(firstId);
+        setValidationError(errors[firstId] ?? null);
+      } else {
+        setValidationError("Completa los campos requeridos.");
+      }
+      return false;
+    },
+    [schema]
+  );
+  return {
+    fieldErrors,
+    validationError,
+    setValidationError,
+    validateCheckoutForm,
+    clearFieldError,
+    getFieldError
+  };
+}
+
+// src/core/lib/storefront-geo-inei.ts
+function toGeoItems(data) {
+  if (!Array.isArray(data)) return [];
+  return data.map((raw) => {
+    if (!raw || typeof raw !== "object") return null;
+    const item = raw;
+    return {
+      code: String(item.code ?? ""),
+      name: String(item.name ?? "")
+    };
+  }).filter((x) => !!x && !!x.code && !!x.name);
+}
+var departmentsCache = null;
+var departmentsRequest = null;
+function loadStorefrontGeoDepartments(headers) {
+  if (departmentsCache) return Promise.resolve(departmentsCache);
+  if (departmentsRequest) return departmentsRequest;
+  departmentsRequest = fetch(
+    `/api/store/geo/departments?countryCode=PE&source=inei&limit=200`,
+    { cache: "no-store", headers }
+  ).then((r) => r.json()).then((data) => {
+    const items = toGeoItems(data);
+    departmentsCache = items;
+    return items;
+  }).catch(() => {
+    departmentsCache = [];
+    return [];
+  }).finally(() => {
+    departmentsRequest = null;
+  });
+  return departmentsRequest;
+}
+async function fetchStorefrontGeoProvinces(headers, countryCode, departmentCode) {
+  const res = await fetch(
+    `/api/store/geo/provinces?countryCode=${encodeURIComponent(
+      countryCode
+    )}&departmentCode=${encodeURIComponent(departmentCode)}&source=inei&limit=200`,
+    { headers }
+  );
+  const data = await res.json();
+  return toGeoItems(data);
+}
+async function fetchStorefrontGeoDistricts(headers, countryCode, provinceCode) {
+  const res = await fetch(
+    `/api/store/geo/districts?countryCode=${encodeURIComponent(
+      countryCode
+    )}&provinceCode=${encodeURIComponent(provinceCode)}&source=inei`,
+    { headers }
+  );
+  const data = await res.json();
+  return toGeoItems(data);
+}
+async function resolveIneiCodesFromLabels(storeId, labels, countryCode = "PE") {
+  const id = storeId.trim();
+  if (!id) return null;
+  const headers = { "X-Store-Id": id };
+  const departments = await loadStorefrontGeoDepartments(headers);
+  const dept = departments.find((d) => d.name.trim() === labels.department.trim());
+  if (!dept) return null;
+  const provinces = await fetchStorefrontGeoProvinces(headers, countryCode, dept.code);
+  const prov = provinces.find((p) => p.name.trim() === labels.province.trim());
+  if (!prov) {
+    return { departmentCode: dept.code, provinceCode: "", districtCode: "" };
+  }
+  const districts = await fetchStorefrontGeoDistricts(headers, countryCode, prov.code);
+  const dist = districts.find((d) => d.name.trim() === labels.district.trim());
+  return {
+    departmentCode: dept.code,
+    provinceCode: prov.code,
+    districtCode: dist?.code ?? ""
+  };
+}
+
+// src/react/pages/checkout-page/hooks/use-checkout-delivery-form.ts
+function useCheckoutDeliveryForm({
+  storeId,
+  contact,
+  onContactChange
+}) {
+  const [departments, setDepartments] = useState([]);
+  const [provinces, setProvinces] = useState([]);
+  const [districts, setDistricts] = useState([]);
+  const [loadingDepartments, setLoadingDepartments] = useState(false);
+  const [loadingProvinces, setLoadingProvinces] = useState(false);
+  const [loadingDistricts, setLoadingDistricts] = useState(false);
+  const prevDepartmentCode = useRef(void 0);
+  const prevProvinceCode = useRef(void 0);
+  const resolvedLabelsRef = useRef(false);
+  const onChangeRef = useRef(onContactChange);
+  onChangeRef.current = onContactChange;
+  const patchContact = useCallback((patch) => {
+    onChangeRef.current(patch);
+  }, []);
+  const countryCode = (contact.countryCode || "PE").toUpperCase();
+  const isPeru = countryCode === "PE";
+  const storeRequestHeaders = useMemo(() => {
+    const id = storeId.trim();
+    if (!id) return null;
+    return { "X-Store-Id": id };
+  }, [storeId]);
+  useEffect(() => {
+    if (!isPeru || !storeRequestHeaders) {
+      setDepartments([]);
+      setLoadingDepartments(false);
+      return;
+    }
+    let active = true;
+    setLoadingDepartments(true);
+    loadStorefrontGeoDepartments(storeRequestHeaders).then((items) => {
+      if (active) setDepartments(items);
+    }).finally(() => {
+      if (active) setLoadingDepartments(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [isPeru, storeRequestHeaders]);
+  useEffect(() => {
+    if (!isPeru || !storeId.trim()) return;
+    if (contact.departmentCode) return;
+    if (resolvedLabelsRef.current) return;
+    if (!contact.departmentName.trim()) return;
+    if (!contact.province && !contact.city) return;
+    resolvedLabelsRef.current = true;
+    let cancelled = false;
+    void resolveIneiCodesFromLabels(storeId, {
+      department: contact.departmentName,
+      province: contact.province,
+      district: contact.city
+    }).then((codes) => {
+      if (cancelled || !codes) return;
+      patchContact({
+        departmentCode: codes.departmentCode,
+        provinceCode: codes.provinceCode,
+        districtCode: codes.districtCode
+      });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    contact.city,
+    contact.departmentCode,
+    contact.departmentName,
+    contact.province,
+    isPeru,
+    patchContact,
+    storeId
+  ]);
+  useEffect(() => {
+    const dept = contact.departmentCode;
+    const prev = prevDepartmentCode.current;
+    const departmentChanged = prev !== void 0 && prev !== dept;
+    prevDepartmentCode.current = dept;
+    if (!isPeru || !storeRequestHeaders) {
+      setProvinces([]);
+      if (!dept) {
+        setDistricts([]);
+        prevProvinceCode.current = "";
+      }
+      return;
+    }
+    if (!dept) {
+      setProvinces([]);
+      setDistricts([]);
+      prevProvinceCode.current = "";
+      return;
+    }
+    if (departmentChanged) {
+      patchContact({
+        provinceCode: "",
+        provinceName: "",
+        districtCode: "",
+        districtName: "",
+        province: "",
+        city: "",
+        postalCode: ""
+      });
+      setDistricts([]);
+      prevProvinceCode.current = "";
+    }
+    const deptName = departments.find((d) => d.code === dept)?.name ?? "";
+    if (deptName && deptName !== contact.departmentName) {
+      patchContact({ departmentName: deptName });
+    }
+    let active = true;
+    setLoadingProvinces(true);
+    fetchStorefrontGeoProvinces(storeRequestHeaders, countryCode, dept).then((items) => {
+      if (active) setProvinces(items);
+    }).catch(() => {
+      if (active) setProvinces([]);
+    }).finally(() => {
+      if (active) setLoadingProvinces(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [
+    contact.departmentCode,
+    contact.departmentName,
+    countryCode,
+    departments,
+    isPeru,
+    patchContact,
+    storeRequestHeaders
+  ]);
+  useEffect(() => {
+    const prov = contact.provinceCode;
+    const prev = prevProvinceCode.current;
+    const provinceChanged = prev !== void 0 && prev !== prov;
+    prevProvinceCode.current = prov;
+    if (!isPeru || !storeRequestHeaders) {
+      setDistricts([]);
+      return;
+    }
+    if (!prov) {
+      setDistricts([]);
+      prevProvinceCode.current = "";
+      return;
+    }
+    if (provinceChanged) {
+      patchContact({
+        districtCode: "",
+        districtName: "",
+        city: "",
+        postalCode: ""
+      });
+    }
+    const provName = provinces.find((p) => p.code === prov)?.name ?? "";
+    if (provName && provName !== contact.provinceName) {
+      patchContact({ provinceName: provName, province: provName });
+    }
+    let active = true;
+    setLoadingDistricts(true);
+    fetchStorefrontGeoDistricts(storeRequestHeaders, countryCode, prov).then((items) => {
+      if (active) setDistricts(items);
+    }).catch(() => {
+      if (active) setDistricts([]);
+    }).finally(() => {
+      if (active) setLoadingDistricts(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [
+    contact.provinceCode,
+    contact.provinceName,
+    countryCode,
+    isPeru,
+    patchContact,
+    provinces,
+    storeRequestHeaders
+  ]);
+  useEffect(() => {
+    if (!contact.districtCode) return;
+    const distName = districts.find((d) => d.code === contact.districtCode)?.name ?? "";
+    const patch = {};
+    if (distName && distName !== contact.districtName) {
+      patch.districtName = distName;
+      patch.city = distName;
+    }
+    if (contact.postalCode !== contact.districtCode) {
+      patch.postalCode = contact.districtCode;
+    }
+    if (Object.keys(patch).length > 0) patchContact(patch);
+  }, [
+    contact.districtCode,
+    contact.districtName,
+    contact.postalCode,
+    districts,
+    patchContact
+  ]);
+  const handleDepartmentChange = useCallback(
+    (code) => {
+      const name = departments.find((d) => d.code === code)?.name ?? "";
+      prevDepartmentCode.current = code;
+      prevProvinceCode.current = "";
+      patchContact({
+        departmentCode: code,
+        departmentName: name,
+        provinceCode: "",
+        provinceName: "",
+        districtCode: "",
+        districtName: "",
+        province: "",
+        city: "",
+        postalCode: ""
+      });
+    },
+    [departments, patchContact]
+  );
+  const handleProvinceChange = useCallback(
+    (code) => {
+      const name = provinces.find((p) => p.code === code)?.name ?? "";
+      prevProvinceCode.current = code;
+      patchContact({
+        provinceCode: code,
+        provinceName: name,
+        province: name,
+        districtCode: "",
+        districtName: "",
+        city: "",
+        postalCode: ""
+      });
+    },
+    [patchContact, provinces]
+  );
+  const handleDistrictChange = useCallback(
+    (code) => {
+      const name = districts.find((d) => d.code === code)?.name ?? "";
+      patchContact({
+        districtCode: code,
+        districtName: name,
+        city: name,
+        postalCode: code
+      });
+    },
+    [districts, patchContact]
+  );
+  return {
+    isPeru,
+    departments,
+    provinces,
+    districts,
+    loadingDepartments,
+    loadingProvinces,
+    loadingDistricts,
+    handleDepartmentChange,
+    handleProvinceChange,
+    handleDistrictChange
+  };
+}
+function CheckoutTextField({
+  id,
+  label,
+  value,
+  onChange,
+  onClearError,
+  error,
+  type = "text",
+  optional,
+  half
+}) {
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: `ecomiq-checkout-page__field${half ? " ecomiq-checkout-page__field--half" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "ecomiq-checkout-page__label", children: [
+          label,
+          optional ? " (optional)" : ""
+        ] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id,
+            type,
+            className: `ecomiq-checkout-page__input${error ? " ecomiq-checkout-page__input--error" : ""}`,
+            value,
+            "aria-invalid": error ? true : void 0,
+            "aria-describedby": error ? `${id}-error` : void 0,
+            onChange: (e) => {
+              onClearError?.();
+              onChange(e.target.value);
+            }
+          }
+        ),
+        error ? /* @__PURE__ */ jsx("span", { id: `${id}-error`, className: "ecomiq-checkout-page__field-error-inline", role: "alert", children: error }) : null
+      ]
+    }
+  );
+}
+function CheckoutSelectField({
+  id,
+  label,
+  value,
+  onChange,
+  onClearError,
+  error,
+  disabled,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: "ecomiq-checkout-page__field", children: [
+    /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__label", children: label }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        id,
+        className: `ecomiq-checkout-page__input${error ? " ecomiq-checkout-page__input--error" : ""}`,
+        value,
+        disabled,
+        "aria-invalid": error ? true : void 0,
+        "aria-describedby": error ? `${id}-error` : void 0,
+        onChange: (e) => {
+          onClearError?.();
+          onChange(e.target.value);
+        },
+        children
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("span", { id: `${id}-error`, className: "ecomiq-checkout-page__field-error-inline", role: "alert", children: error }) : null
+  ] });
+}
+function geoSelect(id, label, value, placeholder, disabled, options, onChange, error, onClearError) {
+  return /* @__PURE__ */ jsxs(
+    CheckoutSelectField,
+    {
+      id,
+      label,
+      value,
+      error,
+      disabled,
+      onClearError,
+      onChange,
+      children: [
+        /* @__PURE__ */ jsx("option", { value: "", children: placeholder }),
+        options.map((item) => /* @__PURE__ */ jsx("option", { value: item.code, children: item.name }, item.code))
+      ]
+    }
+  );
+}
+function CheckoutDeliveryForm({
+  storeId,
+  contact,
+  onContactChange,
+  getFieldError,
+  clearFieldError
+}) {
+  const {
+    isPeru,
+    departments,
+    provinces,
+    districts,
+    loadingDepartments,
+    loadingProvinces,
+    loadingDistricts,
+    handleDepartmentChange,
+    handleProvinceChange,
+    handleDistrictChange
+  } = useCheckoutDeliveryForm({ storeId, contact, onContactChange });
+  return /* @__PURE__ */ jsxs("section", { className: "ecomiq-checkout-page__section", children: [
+    /* @__PURE__ */ jsx("h2", { children: "Delivery" }),
+    /* @__PURE__ */ jsxs(
+      CheckoutSelectField,
+      {
+        id: "countryCode",
+        label: "Country/Region",
+        value: contact.countryCode,
+        error: getFieldError("countryCode"),
+        onClearError: () => clearFieldError("countryCode"),
+        onChange: (v) => onContactChange({ countryCode: v }),
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "PE", children: "Peru" }),
+          /* @__PURE__ */ jsx("option", { value: "US", children: "United States" }),
+          /* @__PURE__ */ jsx("option", { value: "MX", children: "Mexico" }),
+          /* @__PURE__ */ jsx("option", { value: "CO", children: "Colombia" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__row", children: [
+      /* @__PURE__ */ jsx(
+        CheckoutTextField,
+        {
+          id: "firstName",
+          label: "First name",
+          half: true,
+          value: contact.firstName,
+          error: getFieldError("firstName"),
+          onClearError: () => clearFieldError("firstName"),
+          onChange: (v) => onContactChange({ firstName: v })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckoutTextField,
+        {
+          id: "lastName",
+          label: "Last name",
+          half: true,
+          value: contact.lastName,
+          error: getFieldError("lastName"),
+          onClearError: () => clearFieldError("lastName"),
+          onChange: (v) => onContactChange({ lastName: v })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      CheckoutTextField,
+      {
+        id: "address",
+        label: "Address",
+        value: contact.address,
+        error: getFieldError("address"),
+        onClearError: () => clearFieldError("address"),
+        onChange: (v) => onContactChange({ address: v })
+      }
+    ),
+    isPeru ? /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__row ecomiq-checkout-page__row--3", children: [
+      geoSelect(
+        "department",
+        "Departamento",
+        contact.departmentCode,
+        loadingDepartments ? "Cargando\u2026" : "Selecciona",
+        loadingDepartments || departments.length === 0,
+        departments,
+        handleDepartmentChange,
+        getFieldError("department"),
+        () => clearFieldError("department")
+      ),
+      geoSelect(
+        "province-geo",
+        "Provincia",
+        contact.provinceCode,
+        !contact.departmentCode ? "Selecciona depto." : loadingProvinces ? "Cargando\u2026" : "Selecciona",
+        !contact.departmentCode || loadingProvinces || provinces.length === 0,
+        provinces,
+        handleProvinceChange,
+        getFieldError("province-geo"),
+        () => clearFieldError("province-geo")
+      ),
+      geoSelect(
+        "district",
+        "Distrito",
+        contact.districtCode,
+        !contact.provinceCode ? "Selecciona prov." : loadingDistricts ? "Cargando\u2026" : "Selecciona",
+        !contact.provinceCode || loadingDistricts || districts.length === 0,
+        districts,
+        handleDistrictChange,
+        getFieldError("district"),
+        () => clearFieldError("district")
+      )
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__row ecomiq-checkout-page__row--3", children: [
+      /* @__PURE__ */ jsx(
+        CheckoutTextField,
+        {
+          id: "city",
+          label: "City",
+          value: contact.city,
+          error: getFieldError("city"),
+          onClearError: () => clearFieldError("city"),
+          onChange: (v) => onContactChange({ city: v })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckoutTextField,
+        {
+          id: "province-region",
+          label: "Region",
+          value: contact.province,
+          error: getFieldError("province-region"),
+          onClearError: () => clearFieldError("province-region"),
+          onChange: (v) => onContactChange({ province: v })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      CheckoutTextField,
+      {
+        id: "postalCode",
+        label: "Postal code",
+        optional: true,
+        value: contact.postalCode,
+        onChange: (v) => onContactChange({ postalCode: v })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CheckoutTextField,
+      {
+        id: "phone",
+        label: "Phone",
+        type: "tel",
+        value: contact.phone,
+        error: getFieldError("phone"),
+        onClearError: () => clearFieldError("phone"),
+        onChange: (v) => onContactChange({ phone: v })
+      }
+    )
+  ] });
+}
+
+// src/react/components/checkout/payment-providers/checkout-payment-helpers.ts
+function getPaymentFromCheckout(checkout) {
+  if (!checkout) return null;
+  const raw = checkout.payment;
+  if (!raw || typeof raw !== "object") return null;
+  return raw;
+}
+function resolveStripeElementConfig(checkout) {
+  if (!checkout) return null;
+  const payment = getPaymentFromCheckout(checkout);
+  const nestedPk = payment?.action?.publicConfiguration?.publishableKey;
+  const nestedSecret = payment?.action?.clientSecret;
+  const publicKey = (typeof nestedPk === "string" ? nestedPk : void 0) ?? checkout.stripePublicKey ?? checkout.publishableKey ?? checkout.publicKey ?? void 0;
+  const clientSecret = (typeof nestedSecret === "string" ? nestedSecret : void 0) ?? checkout.clientSecret ?? checkout.intentClientSecret ?? void 0;
+  if (!publicKey || !clientSecret) return null;
+  return { publicKey, clientSecret };
+}
+function normalizeProviderId(raw) {
+  return (raw ?? "").trim().toLowerCase();
+}
+function getProcessingReturnUrl() {
+  if (typeof window === "undefined") return "";
+  return `${window.location.origin}/store/checkout/processing`;
+}
+function RedirectPaymentButton({
+  url,
+  label
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: url,
+      className: "ecomiq-payment-provider__redirect",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: label
+    }
+  );
+}
+function PaymentPanel({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "ecomiq-payment-provider__panel", children });
+}
+function ExpiresNotice({ expiresAt }) {
+  if (!expiresAt) return null;
+  return /* @__PURE__ */ jsxs("p", { className: "ecomiq-payment-provider__hint ecomiq-payment-provider__hint--sm", children: [
+    "Vence: ",
+    /* @__PURE__ */ jsx("time", { dateTime: expiresAt, children: expiresAt })
+  ] });
+}
+var PaymentSubmissionContext = createContext(null);
+function PaymentSubmissionProvider({ children }) {
+  const submitRef = useRef(null);
+  const [hasSubmitHandler, setHasSubmitHandler] = useState(false);
+  const registerSubmit = useCallback((fn) => {
+    submitRef.current = fn;
+    setHasSubmitHandler(fn != null);
+  }, []);
+  const submitPayment = useCallback(async () => {
+    const fn = submitRef.current;
+    if (!fn) {
+      return {
+        kind: "error",
+        code: "no_handler",
+        message: "El m\xE9todo de pago a\xFAn no est\xE1 listo. Espera un momento e int\xE9ntalo de nuevo.",
+        provider: "unknown"
+      };
+    }
+    return fn();
+  }, []);
+  const value = useMemo(
+    () => ({ registerSubmit, submitPayment, hasSubmitHandler }),
+    [registerSubmit, submitPayment, hasSubmitHandler]
+  );
+  return /* @__PURE__ */ jsx(PaymentSubmissionContext.Provider, { value, children });
+}
+function usePaymentSubmission() {
+  const ctx = useContext(PaymentSubmissionContext);
+  if (!ctx) {
+    throw new Error("usePaymentSubmission must be used within PaymentSubmissionProvider");
+  }
+  return ctx;
+}
+function useSyncPaymentSubmit(submit) {
+  const { registerSubmit } = usePaymentSubmission();
+  useEffect(() => {
+    registerSubmit(submit);
+    return () => registerSubmit(null);
+  }, [registerSubmit, submit]);
+}
+
+// src/react/components/checkout/payment-providers/payment-submit-by-provider.ts
+async function submitMercadoPagoPayment(payment) {
+  const url = payment.action?.url;
+  if (typeof url === "string" && url.length > 0) {
+    return { kind: "redirect", url, provider: "mercadopago" };
+  }
+  return {
+    kind: "error",
+    code: "no_checkout_url",
+    message: "No hay URL de pago de Mercado Pago. Vuelve a iniciar el checkout.",
+    provider: "mercadopago"
+  };
+}
+async function submitPaypalPayment(payment) {
+  const url = payment.action?.url;
+  if (typeof url === "string" && url.length > 0) {
+    return { kind: "redirect", url, provider: "paypal" };
+  }
+  return {
+    kind: "error",
+    code: "no_approval_url",
+    message: "No se recibi\xF3 la URL de PayPal.",
+    provider: "paypal"
+  };
+}
+async function submitCulqiPayment(payment) {
+  const url = payment.action?.url;
+  if (typeof url === "string" && url.length > 0) {
+    return { kind: "redirect", url, provider: "culqi" };
+  }
+  return {
+    kind: "error",
+    code: "culqi_embedded",
+    message: "Completa el pago con Culqi seg\xFAn las instrucciones mostradas; la confirmaci\xF3n embebida se integrar\xE1 aqu\xED cuando corresponda.",
+    provider: "culqi"
+  };
+}
+async function submitYapePayment(payment) {
+  const qr = payment.action?.qrCode;
+  if (typeof qr === "string" && qr.length > 0) {
+    return {
+      kind: "error",
+      code: "manual_qr",
+      message: "Escanea el c\xF3digo QR con Yape y, cuando el banco confirme, actualizaremos tu pedido autom\xE1ticamente.",
+      provider: "yape"
+    };
+  }
+  return {
+    kind: "error",
+    code: "no_qr",
+    message: "No se recibi\xF3 QR de Yape.",
+    provider: "yape"
+  };
+}
+async function submitPagoEfectivoPayment(payment) {
+  const ref = payment.reference ?? payment.transactionId;
+  if (ref) {
+    return {
+      kind: "error",
+      code: "manual_reference",
+      message: "Paga en efectivo con el c\xF3digo indicado antes de la fecha l\xEDmite. Te avisaremos cuando registremos el pago.",
+      provider: "pagoefectivo"
+    };
+  }
+  return {
+    kind: "error",
+    code: "no_reference",
+    message: "No hay c\xF3digo de pago en efectivo disponible.",
+    provider: "pagoefectivo"
+  };
+}
+async function submitGenericPayment(payment) {
+  const url = payment.action?.url;
+  if (typeof url === "string" && url.length > 0) {
+    return {
+      kind: "redirect",
+      url,
+      provider: normalizeId(payment.providerId) || "unknown"
+    };
+  }
+  if (payment.actionType === "manual") {
+    return {
+      kind: "redirect",
+      url: getProcessingReturnUrl(),
+      provider: normalizeId(payment.providerId) || "unknown"
+    };
+  }
+  return {
+    kind: "error",
+    code: "manual_or_unsupported",
+    message: "Completa el pago con los datos mostrados arriba o elige otro m\xE9todo si est\xE1 disponible.",
+    provider: normalizeId(payment.providerId) || "unknown"
+  };
+}
+function normalizeId(id) {
+  return (id ?? "").trim().toLowerCase();
+}
+function CulqiPaymentProvider({ payment }) {
+  const submit = useCallback(() => submitCulqiPayment(payment), [payment]);
+  useSyncPaymentSubmit(submit);
+  const pk = payment.action?.publicConfiguration?.publishableKey;
+  const url = payment.action?.url;
+  return /* @__PURE__ */ jsxs(PaymentPanel, { children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Culqi" }),
+    typeof url === "string" && url.length > 0 ? /* @__PURE__ */ jsx(RedirectPaymentButton, { url, label: "Pagar con Culqi" }) : pk ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Clave p\xFAblica recibida. Integra Culqi Checkout o JS seg\xFAn tu backend (embedded)." }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Configuraci\xF3n de Culqi incompleta." })
+  ] });
+}
+function GenericPaymentProvider({ payment }) {
+  const submit = useCallback(() => submitGenericPayment(payment), [payment]);
+  useSyncPaymentSubmit(submit);
+  const url = payment.action?.url;
+  const qr = payment.action?.qrCode;
+  return /* @__PURE__ */ jsxs(PaymentPanel, { children: [
+    /* @__PURE__ */ jsxs("p", { className: "ecomiq-payment-provider__title", children: [
+      "Pago ",
+      payment.providerId ? `(${payment.providerId})` : ""
+    ] }),
+    payment.status ? /* @__PURE__ */ jsxs("p", { className: "ecomiq-payment-provider__hint ecomiq-payment-provider__hint--sm", children: [
+      "Estado: ",
+      payment.status
+    ] }) : null,
+    typeof url === "string" && url.length > 0 ? /* @__PURE__ */ jsx(RedirectPaymentButton, { url, label: "Abrir p\xE1gina de pago" }) : null,
+    typeof qr === "string" && qr.length > 0 ? /* @__PURE__ */ jsx("div", { className: "ecomiq-payment-provider__qr-wrap", children: /* @__PURE__ */ jsx("img", { src: qr, alt: "C\xF3digo QR", className: "ecomiq-payment-provider__qr" }) }) : null,
+    payment.reference ? /* @__PURE__ */ jsx("p", { className: "ecomiq-payment-provider__hint ecomiq-payment-provider__hint--sm ecomiq-payment-provider__mono", children: payment.reference }) : null,
+    /* @__PURE__ */ jsx(ExpiresNotice, { expiresAt: payment.action?.expiresAt }),
+    /* @__PURE__ */ jsxs("details", { className: "ecomiq-payment-provider__details", children: [
+      /* @__PURE__ */ jsx("summary", { children: "Detalle t\xE9cnico" }),
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(payment, null, 2) })
+    ] })
+  ] });
+}
+function MercadoPagoPaymentProvider({ payment }) {
+  const submit = useCallback(() => submitMercadoPagoPayment(payment), [payment]);
+  useSyncPaymentSubmit(submit);
+  const url = payment.action?.url;
+  const mode = payment.action?.publicConfiguration?.checkoutMode;
+  return /* @__PURE__ */ jsxs(PaymentPanel, { children: [
+    /* @__PURE__ */ jsx("p", { className: "ecomiq-payment-provider__title", children: "Mercado Pago" }),
+    mode ? /* @__PURE__ */ jsxs("p", { className: "ecomiq-payment-provider__hint ecomiq-payment-provider__hint--sm", children: [
+      "Modo: ",
+      mode
+    ] }) : null,
+    typeof url === "string" && url.length > 0 ? /* @__PURE__ */ jsx(RedirectPaymentButton, { url, label: "Pagar con Mercado Pago" }) : /* @__PURE__ */ jsx("p", { className: "ecomiq-payment-provider__hint", children: "Completa el pago cuando el backend env\xEDe la URL de checkout." }),
+    payment.reference ? /* @__PURE__ */ jsxs("p", { className: "ecomiq-payment-provider__hint ecomiq-payment-provider__hint--sm ecomiq-payment-provider__mono", children: [
+      "Ref.: ",
+      payment.reference
+    ] }) : null
+  ] });
+}
+function PagoEfectivoPaymentProvider({ payment }) {
+  const submit = useCallback(() => submitPagoEfectivoPayment(payment), [payment]);
+  useSyncPaymentSubmit(submit);
+  const reference = payment.reference ?? payment.transactionId;
+  return /* @__PURE__ */ jsxs(PaymentPanel, { children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Pago en efectivo" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Usa el c\xF3digo de pago en una agencia o app autorizada antes de que venza." }),
+    reference ? /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted px-3 py-2 font-mono text-sm break-all", children: reference }) : null,
+    payment.amount != null ? /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+      "Monto a pagar: ",
+      /* @__PURE__ */ jsx("strong", { children: payment.amount })
+    ] }) : null,
+    /* @__PURE__ */ jsx(ExpiresNotice, { expiresAt: payment.action?.expiresAt })
+  ] });
+}
+function PaypalPaymentProvider({ payment }) {
+  const submit = useCallback(() => submitPaypalPayment(payment), [payment]);
+  useSyncPaymentSubmit(submit);
+  const url = payment.action?.url;
+  return /* @__PURE__ */ jsxs(PaymentPanel, { children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "PayPal" }),
+    typeof url === "string" && url.length > 0 ? /* @__PURE__ */ jsx(RedirectPaymentButton, { url, label: "Continuar a PayPal" }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Esperando URL de aprobaci\xF3n de PayPal desde el servidor." })
+  ] });
+}
+async function confirmStripePaymentWithElements(params) {
+  const { stripe, elements, returnUrl } = params;
+  const result = await stripe.confirmPayment({
+    elements,
+    confirmParams: {
+      return_url: returnUrl,
+      payment_method_data: {}
+    },
+    redirect: "if_required"
+  });
+  if (result.error) {
+    return {
+      kind: "error",
+      code: result.error.code ?? "stripe_error",
+      message: result.error.message ?? "Error al procesar el pago",
+      provider: "stripe",
+      raw: result.error
+    };
+  }
+  const paymentIntent = result.paymentIntent;
+  if (paymentIntent?.status === "succeeded") {
+    return {
+      kind: "success",
+      transactionId: paymentIntent.id,
+      provider: "stripe",
+      raw: paymentIntent
+    };
+  }
+  return {
+    kind: "error",
+    code: "pending",
+    message: "El pago est\xE1 pendiente.",
+    provider: "stripe",
+    raw: paymentIntent
+  };
+}
+function StripePaymentProvider({ checkout }) {
+  const stripeMountRef = useRef(null);
+  const stripePaymentElementRef = useRef(null);
+  const stripeRef = useRef(null);
+  const elementsRef = useRef(null);
+  const { registerSubmit } = usePaymentSubmission();
+  const stripeConfig = resolveStripeElementConfig(checkout);
+  useEffect(() => {
+    if (!stripeConfig) {
+      stripePaymentElementRef.current?.unmount?.();
+      stripePaymentElementRef.current = null;
+      stripeRef.current = null;
+      elementsRef.current = null;
+      registerSubmit(null);
+      return;
+    }
+    let cancelled = false;
+    const ensureStripeScript = () => new Promise((resolve, reject) => {
+      const maybeStripe = globalThis.Stripe;
+      if (maybeStripe) return resolve();
+      const existing = document.querySelector('script[src="https://js.stripe.com/v3/"]');
+      if (existing) {
+        existing.addEventListener("load", () => resolve(), { once: true });
+        existing.addEventListener(
+          "error",
+          () => reject(new Error("Stripe script failed to load")),
+          { once: true }
+        );
+        return;
+      }
+      const script = document.createElement("script");
+      script.src = "https://js.stripe.com/v3/";
+      script.async = true;
+      script.addEventListener("load", () => resolve(), { once: true });
+      script.addEventListener(
+        "error",
+        () => reject(new Error("Stripe script failed to load")),
+        { once: true }
+      );
+      document.head.appendChild(script);
+    });
+    const mountStripePaymentElement = async () => {
+      await ensureStripeScript();
+      if (cancelled) return;
+      const StripeCtor = globalThis.Stripe;
+      if (!StripeCtor) throw new Error("Stripe is not available");
+      const stripeJs = StripeCtor(stripeConfig.publicKey);
+      stripeRef.current = stripeJs;
+      const elements = stripeJs.elements({ clientSecret: stripeConfig.clientSecret });
+      stripePaymentElementRef.current?.unmount?.();
+      stripePaymentElementRef.current = null;
+      const paymentElement = elements.create("payment");
+      const mountNode = stripeMountRef.current;
+      if (!mountNode) return;
+      paymentElement.mount(mountNode);
+      stripePaymentElementRef.current = paymentElement;
+      elementsRef.current = elements;
+      registerSubmit(async () => {
+        const s = stripeRef.current;
+        const el = elementsRef.current;
+        if (!s || !el) {
+          return {
+            kind: "error",
+            code: "stripe_not_ready",
+            message: "Stripe no est\xE1 listo. Espera un momento e int\xE9ntalo de nuevo.",
+            provider: "stripe"
+          };
+        }
+        const returnUrl = getProcessingReturnUrl();
+        return confirmStripePaymentWithElements({
+          stripe: s,
+          elements: el,
+          returnUrl
+        });
+      });
+    };
+    mountStripePaymentElement().catch(() => {
+      registerSubmit(null);
+    });
+    return () => {
+      cancelled = true;
+      stripePaymentElementRef.current?.unmount?.();
+      stripePaymentElementRef.current = null;
+      stripeRef.current = null;
+      elementsRef.current = null;
+      registerSubmit(null);
+    };
+  }, [stripeConfig?.publicKey, stripeConfig?.clientSecret, registerSubmit]);
+  if (!stripeConfig) {
+    return /* @__PURE__ */ jsx(PaymentPanel, { children: /* @__PURE__ */ jsx("p", { className: "ecomiq-payment-provider__hint", children: "No se recibi\xF3 la configuraci\xF3n de Stripe (publishable key / client secret)." }) });
+  }
+  return /* @__PURE__ */ jsx(PaymentPanel, { children: /* @__PURE__ */ jsx("div", { ref: stripeMountRef }) });
+}
+function YapePaymentProvider({ payment }) {
+  const submit = useCallback(() => submitYapePayment(payment), [payment]);
+  useSyncPaymentSubmit(submit);
+  const qr = payment.action?.qrCode;
+  return /* @__PURE__ */ jsxs(PaymentPanel, { children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Yape" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Escanea el c\xF3digo QR con la app Yape para completar el pago." }),
+    typeof qr === "string" && qr.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: qr,
+        alt: "C\xF3digo QR Yape",
+        className: "max-w-[220px] rounded-md border bg-white p-2"
+      }
+    ) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: "No se recibi\xF3 QR en la respuesta." }),
+    payment.amount != null ? /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+      "Monto: ",
+      /* @__PURE__ */ jsx("strong", { children: payment.amount })
+    ] }) : null,
+    /* @__PURE__ */ jsx(ExpiresNotice, { expiresAt: payment.action?.expiresAt })
+  ] });
+}
+var REGISTRY = {
+  stripe: StripePaymentProvider,
+  mercadopago: MercadoPagoPaymentProvider,
+  mercado_pago: MercadoPagoPaymentProvider,
+  paypal: PaypalPaymentProvider,
+  culqi: CulqiPaymentProvider,
+  yape: YapePaymentProvider,
+  pagoefectivo: PagoEfectivoPaymentProvider,
+  pago_efectivo: PagoEfectivoPaymentProvider
+};
+function PaymentProviderRouter({ checkout }) {
+  const payment = useMemo(() => getPaymentFromCheckout(checkout), [checkout]);
+  if (!payment) {
+    return null;
+  }
+  const key = normalizeProviderId(payment.providerId);
+  const Provider = key ? REGISTRY[key] : void 0;
+  if (Provider) {
+    return /* @__PURE__ */ jsx(Provider, { payment, checkout });
+  }
+  return /* @__PURE__ */ jsx(GenericPaymentProvider, { payment, checkout });
+}
+
+// src/react/pages/checkout-page/lib/checkout-payment-method.ts
+var PROVIDER_CHECKOUT_UI = /* @__PURE__ */ new Set(["stripe", "mercadopago", "mercado_pago"]);
+function normalizeProviderKey(raw) {
+  return raw.trim().toLowerCase().replace(/[\s-]+/g, "_");
+}
+function methodUsesProviderCheckoutUi(method) {
+  if (method.isManual) return false;
+  const keys = [method.providerMethodCode, method.kind, method.code].filter(
+    Boolean
+  );
+  return keys.some((key) => {
+    const normalized = normalizeProviderKey(key);
+    return PROVIDER_CHECKOUT_UI.has(normalized) || normalized.includes("stripe") || normalized.includes("mercado");
+  });
+}
+
+// src/react/pages/checkout-page/hooks/use-checkout-payment.ts
+function useCheckoutPayment({
+  paymentMethods,
+  selectedPaymentCode,
+  selectPaymentMethod,
+  providerPaymentCompleted,
+  setProviderPaymentCompleted,
+  checkoutResponse,
+  checkoutMethodCode,
+  loadingCheckout,
+  checkoutError,
+  onUploadReceipt,
+  onPaymentSubmissionResult,
+  onCanProceedToPayChange,
+  clearFieldError
+}) {
+  const { submitPayment, hasSubmitHandler } = usePaymentSubmission();
+  const activeMethods = useMemo(
+    () => paymentMethods.filter((m) => m.isActive).slice().sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0)),
+    [paymentMethods]
+  );
+  const selectedMethod = useMemo(
+    () => activeMethods.find((m) => m.code === selectedPaymentCode) ?? null,
+    [activeMethods, selectedPaymentCode]
+  );
+  const requiresProviderUi = Boolean(
+    selectedMethod && methodUsesProviderCheckoutUi(selectedMethod)
+  );
+  const effectiveCheckout = checkoutMethodCode && checkoutMethodCode === selectedMethod?.code ? checkoutResponse ?? null : null;
+  const activeLoadingCheckout = !!checkoutMethodCode && checkoutMethodCode === selectedMethod?.code && loadingCheckout;
+  const activeCheckoutError = checkoutMethodCode && checkoutMethodCode === selectedMethod?.code ? checkoutError : null;
+  const manualPaymentDetails = useMemo(() => {
+    if (!selectedMethod?.isManual) return null;
+    const action = getPaymentFromCheckout(effectiveCheckout)?.action ?? null;
+    const publicConfiguration = action?.publicConfiguration ?? {};
+    const phoneNumber = selectedMethod.phoneNumber ?? publicConfiguration.phoneNumber ?? null;
+    const accountHolder = selectedMethod.accountHolder ?? publicConfiguration.accountHolder ?? null;
+    const qrImageUrl = action?.qrCode ?? selectedMethod.qrImageUrl ?? publicConfiguration.qrImageUrl ?? null;
+    if (!phoneNumber && !accountHolder && !qrImageUrl) return null;
+    return { phoneNumber, accountHolder, qrImageUrl };
+  }, [selectedMethod, effectiveCheckout]);
+  const needsReceipt = Boolean(selectedMethod?.isManual && manualPaymentDetails);
+  const showProviderPanel = requiresProviderUi && !!selectedMethod && !!effectiveCheckout && !activeLoadingCheckout && !activeCheckoutError;
+  const [receiptFile, setReceiptFile] = useState(null);
+  const [receiptUrl, setReceiptUrl] = useState(null);
+  const [receiptError, setReceiptError] = useState(null);
+  const [confirmingProvider, setConfirmingProvider] = useState(false);
+  const receiptPreviewUrl = useMemo(
+    () => receiptFile ? URL.createObjectURL(receiptFile) : null,
+    [receiptFile]
+  );
+  useEffect(() => {
+    return () => {
+      if (receiptPreviewUrl) URL.revokeObjectURL(receiptPreviewUrl);
+    };
+  }, [receiptPreviewUrl]);
+  useEffect(() => {
+    setReceiptFile(null);
+    setReceiptUrl(null);
+    setReceiptError(null);
+  }, [selectedMethod?.code]);
+  const selectPayment = useCallback(
+    (code) => {
+      clearFieldError?.("checkout-payment-method");
+      selectPaymentMethod(code);
+    },
+    [clearFieldError, selectPaymentMethod]
+  );
+  const handleReceiptChange = useCallback((event) => {
+    const file = event.target.files?.[0] ?? null;
+    setReceiptUrl(null);
+    setReceiptError(null);
+    if (!file) {
+      setReceiptFile(null);
+      return;
+    }
+    if (!file.type.startsWith("image/")) {
+      setReceiptFile(null);
+      setReceiptError("Adjunta una imagen del comprobante.");
+      return;
+    }
+    setReceiptFile(file);
+  }, []);
+  const confirmProviderPayment = useCallback(async () => {
+    if (!showProviderPanel) return;
+    setConfirmingProvider(true);
+    try {
+      const result = await submitPayment();
+      if (result.kind === "redirect") {
+        onPaymentSubmissionResult?.(result);
+        return;
+      }
+      if (result.kind === "success") {
+        setProviderPaymentCompleted(true);
+        return;
+      }
+      onPaymentSubmissionResult?.(result);
+    } catch {
+      setReceiptError("No se pudo completar el pago. Int\xE9ntalo de nuevo.");
+    } finally {
+      setConfirmingProvider(false);
+    }
+  }, [
+    onPaymentSubmissionResult,
+    setProviderPaymentCompleted,
+    showProviderPanel,
+    submitPayment
+  ]);
+  const runPreCheckoutSteps = useCallback(async () => {
+    if (!selectedMethod) return { ok: false };
+    setReceiptError(null);
+    try {
+      if (needsReceipt) {
+        let nextReceiptUrl = receiptUrl;
+        if (!nextReceiptUrl) {
+          if (!receiptFile) {
+            setReceiptError("Adjunta el comprobante para completar la orden.");
+            return { ok: false };
+          }
+          const uploaded = await onUploadReceipt(receiptFile);
+          nextReceiptUrl = uploaded.url;
+          setReceiptUrl(nextReceiptUrl);
+        }
+        return { ok: true, receiptUrl: nextReceiptUrl ?? void 0 };
+      }
+      if (requiresProviderUi) {
+        if (!providerPaymentCompleted) {
+          setReceiptError(
+            "Confirma el pago con Stripe o Mercado Pago antes de finalizar el pedido."
+          );
+          return { ok: false };
+        }
+        return { ok: true, finalizeOnly: true };
+      }
+      return { ok: true };
+    } catch {
+      setReceiptError("No se pudo completar el pago. Int\xE9ntalo de nuevo.");
+      return { ok: false };
+    }
+  }, [
+    needsReceipt,
+    onUploadReceipt,
+    providerPaymentCompleted,
+    receiptFile,
+    receiptUrl,
+    requiresProviderUi,
+    selectedMethod
+  ]);
+  const canProceedToPay = useMemo(() => {
+    if (!selectedMethod) return false;
+    if (activeLoadingCheckout || activeCheckoutError) return false;
+    if (requiresProviderUi) {
+      return providerPaymentCompleted;
+    }
+    return (!needsReceipt || !!receiptFile || !!receiptUrl) && (!showProviderPanel || hasSubmitHandler);
+  }, [
+    activeCheckoutError,
+    activeLoadingCheckout,
+    hasSubmitHandler,
+    needsReceipt,
+    providerPaymentCompleted,
+    receiptFile,
+    receiptUrl,
+    requiresProviderUi,
+    selectedMethod,
+    showProviderPanel
+  ]);
+  useEffect(() => {
+    onCanProceedToPayChange?.(canProceedToPay);
+  }, [canProceedToPay, onCanProceedToPayChange]);
+  const providerConfirmLabel = useMemo(() => {
+    if (!selectedMethod) return "Confirmar pago";
+    const key = (selectedMethod.providerMethodCode ?? selectedMethod.kind ?? "").toLowerCase().replace(/[\s-]+/g, "_");
+    if (key.includes("mercado")) return "Ir a Mercado Pago";
+    if (key.includes("stripe")) return "Confirmar pago con tarjeta";
+    return "Confirmar pago";
+  }, [selectedMethod]);
+  return {
+    activeMethods,
+    selectedMethod,
+    effectiveCheckout,
+    activeLoadingCheckout,
+    activeCheckoutError,
+    manualPaymentDetails,
+    needsReceipt,
+    requiresProviderUi,
+    showProviderPanel,
+    providerPaymentCompleted,
+    confirmingProvider,
+    providerConfirmLabel,
+    receiptFile,
+    receiptUrl,
+    receiptError,
+    receiptPreviewUrl,
+    selectPayment,
+    handleReceiptChange,
+    confirmProviderPayment,
+    runPreCheckoutSteps,
+    canProceedToPay,
+    hasSubmitHandler
+  };
+}
+function CheckoutPaymentSectionInner({
+  paymentRef,
+  getFieldError,
+  clearFieldError,
+  ...paymentArgs
+}) {
+  const payment = useCheckoutPayment({
+    ...paymentArgs,
+    clearFieldError
+  });
+  useImperativeHandle(
+    paymentRef,
+    () => ({
+      runPreCheckoutSteps: payment.runPreCheckoutSteps,
+      canProceedToPay: payment.canProceedToPay
+    }),
+    [payment.canProceedToPay, payment.runPreCheckoutSteps]
+  );
+  const paymentFieldError = getFieldError?.("checkout-payment-method");
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "ecomiq-checkout-page__section",
+      id: "checkout-payment-method",
+      children: [
+        /* @__PURE__ */ jsx("h2", { children: "Payment" }),
+        /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__hint", children: "All transactions are secure and encrypted." }),
+        paymentFieldError ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__field-error-inline", role: "alert", children: paymentFieldError }) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `ecomiq-checkout-page__options${paymentFieldError ? " ecomiq-checkout-page__options--error" : ""}`,
+            children: payment.activeMethods.length === 0 ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__hint", children: "No payment methods available." }) : payment.activeMethods.map((method) => /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: `ecomiq-checkout-page__option${paymentArgs.selectedPaymentCode === method.code ? " is-selected" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "payment",
+                      checked: paymentArgs.selectedPaymentCode === method.code,
+                      onChange: () => payment.selectPayment(method.code)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("span", { className: "ecomiq-checkout-page__option-body", children: [
+                    /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-title", children: method.name }),
+                    method.description ? /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-sub", children: method.description }) : null
+                  ] })
+                ]
+              },
+              method.code
+            ))
+          }
+        ),
+        payment.activeLoadingCheckout ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__hint", children: "Cargando configuraci\xF3n del m\xE9todo de pago\u2026" }) : null,
+        payment.activeCheckoutError ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__field-error", role: "alert", children: payment.activeCheckoutError }) : null,
+        payment.selectedMethod && payment.manualPaymentDetails ? /* @__PURE__ */ jsx("div", { className: "ecomiq-checkout-page__manual-payment", children: /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__manual-payment-body", children: [
+          payment.manualPaymentDetails.qrImageUrl ? /* @__PURE__ */ jsx("div", { className: "ecomiq-checkout-page__manual-payment-qr", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: payment.manualPaymentDetails.qrImageUrl,
+              alt: `${payment.selectedMethod.name} QR`
+            }
+          ) }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__manual-payment-info", children: [
+            /* @__PURE__ */ jsxs("p", { className: "ecomiq-checkout-page__manual-payment-title", children: [
+              "Pay with ",
+              payment.selectedMethod.name
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__hint", children: "Send the payment and keep your receipt. The order will stay pending until it is reviewed." }),
+            payment.manualPaymentDetails.phoneNumber ? /* @__PURE__ */ jsxs("p", { className: "ecomiq-checkout-page__manual-payment-row", children: [
+              /* @__PURE__ */ jsx("span", { children: "Cell phone" }),
+              /* @__PURE__ */ jsx("strong", { children: payment.manualPaymentDetails.phoneNumber })
+            ] }) : null,
+            payment.manualPaymentDetails.accountHolder ? /* @__PURE__ */ jsxs("p", { className: "ecomiq-checkout-page__manual-payment-row", children: [
+              /* @__PURE__ */ jsx("span", { children: "Holder" }),
+              /* @__PURE__ */ jsx("strong", { children: payment.manualPaymentDetails.accountHolder })
+            ] }) : null,
+            /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__receipt-upload", children: [
+              /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__label", children: "Payment receipt" }),
+              /* @__PURE__ */ jsxs("label", { className: "ecomiq-checkout-page__receipt-label", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "file",
+                    accept: "image/*",
+                    className: "ecomiq-checkout-page__receipt-input",
+                    onChange: payment.handleReceiptChange
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: payment.receiptFile?.name ?? (payment.receiptUrl ? "Receipt attached" : "Upload receipt") })
+              ] }),
+              payment.receiptPreviewUrl ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: payment.receiptPreviewUrl,
+                  alt: "Payment receipt",
+                  className: "ecomiq-checkout-page__receipt-preview"
+                }
+              ) : null,
+              payment.receiptError ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__field-error-inline", role: "alert", children: payment.receiptError }) : null
+            ] })
+          ] })
+        ] }) }) : null,
+        payment.showProviderPanel && payment.effectiveCheckout ? /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__payment-provider", children: [
+          /* @__PURE__ */ jsx(PaymentProviderRouter, { checkout: payment.effectiveCheckout }),
+          !payment.providerPaymentCompleted ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "ecomiq-checkout-page__provider-confirm",
+              disabled: payment.confirmingProvider || !payment.hasSubmitHandler,
+              onClick: () => void payment.confirmProviderPayment(),
+              children: payment.confirmingProvider ? "Procesando pago\u2026" : payment.providerConfirmLabel
+            }
+          ) : /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__hint", role: "status", children: "Pago confirmado. Pulsa Pay now para finalizar tu pedido." })
+        ] }) : null,
+        payment.requiresProviderUi && !payment.showProviderPanel && !payment.activeLoadingCheckout && !payment.activeCheckoutError ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__hint", children: "Espera a que cargue la configuraci\xF3n del m\xE9todo de pago." }) : null
+      ]
+    }
+  );
+}
+var CheckoutPaymentSection = forwardRef(function CheckoutPaymentSection2(props, ref) {
+  return /* @__PURE__ */ jsx(PaymentSubmissionProvider, { children: /* @__PURE__ */ jsx(CheckoutPaymentSectionInner, { paymentRef: ref, ...props }) });
+});
+function CheckoutMainForm({
+  storeId,
+  contact,
+  onContactChange,
+  billingChoice,
+  onBillingChange,
+  shippingOptions,
+  shippingLoading,
+  shippingError,
+  selectedShippingKey,
+  onSelectShipping,
+  paymentMethods,
+  selectedPaymentCode,
+  selectPaymentMethod,
+  providerPaymentCompleted,
+  setProviderPaymentCompleted,
+  checkoutPaymentResponse,
+  checkoutPaymentMethodCode,
+  checkoutPaymentLoading,
+  checkoutPaymentError,
+  onUploadReceipt,
+  onPaymentSubmissionResult,
+  currency,
+  formError,
+  isSaving,
+  onPayNow,
+  signInHref,
+  Link
+}) {
+  const paymentRef = useRef(null);
+  const [canProceedToPay, setCanProceedToPay] = useState(false);
+  const {
+    validationError,
+    validateCheckoutForm,
+    clearFieldError,
+    getFieldError
+  } = useCheckoutFormValidation(currency);
+  const displayError = validationError ?? formError;
+  const handlePayClick = async () => {
+    const valid = validateCheckoutForm({
+      contact,
+      selectedShippingKey,
+      shippingOptionsCount: shippingOptions.length,
+      selectedPaymentCode,
+      paymentMethodsCount: paymentMethods.length
+    });
+    if (!valid) return;
+    const prep = await paymentRef.current?.runPreCheckoutSteps();
+    if (!prep?.ok) return;
+    await onPayNow({ receiptUrl: prep.receiptUrl });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__form", children: [
+    /* @__PURE__ */ jsxs("section", { className: "ecomiq-checkout-page__section", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__section-head", children: [
+        /* @__PURE__ */ jsx("h2", { children: "Contact" }),
+        signInHref ? /* @__PURE__ */ jsx(Link, { href: signInHref, className: "ecomiq-checkout-page__link", children: "Sign in" }) : null
+      ] }),
+      /* @__PURE__ */ jsx(
+        CheckoutTextField,
+        {
+          id: "email",
+          label: "Email",
+          type: "email",
+          value: contact.email,
+          error: getFieldError("email"),
+          onClearError: () => clearFieldError("email"),
+          onChange: (v) => onContactChange({ email: v })
+        }
+      ),
+      /* @__PURE__ */ jsxs("label", { className: "ecomiq-checkout-page__checkbox", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: contact.marketingOptIn,
+            onChange: (e) => onContactChange({ marketingOptIn: e.target.checked })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: "Email me with news and offers" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CheckoutDeliveryForm,
+      {
+        storeId,
+        contact,
+        onContactChange,
+        getFieldError,
+        clearFieldError
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "ecomiq-checkout-page__section",
+        id: "checkout-shipping-method",
+        children: [
+          /* @__PURE__ */ jsx("h2", { children: "Shipping method" }),
+          getFieldError("checkout-shipping-method") ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__field-error-inline", role: "alert", children: getFieldError("checkout-shipping-method") }) : null,
+          shippingLoading ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__hint", children: "Loading shipping options\u2026" }) : shippingError ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__field-error", children: shippingError }) : shippingOptions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__hint", children: "Enter your postal code to see shipping rates." }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `ecomiq-checkout-page__options${getFieldError("checkout-shipping-method") ? " ecomiq-checkout-page__options--error" : ""}`,
+              children: shippingOptions.map((opt) => /* @__PURE__ */ jsxs(
+                "label",
+                {
+                  className: `ecomiq-checkout-page__option${selectedShippingKey === opt.key ? " is-selected" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name: "shipping",
+                        checked: selectedShippingKey === opt.key,
+                        onChange: () => {
+                          clearFieldError("checkout-shipping-method");
+                          onSelectShipping(opt.key);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("span", { className: "ecomiq-checkout-page__option-body", children: [
+                      /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-title", children: opt.title }),
+                      /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-sub", children: opt.subtitle })
+                    ] }),
+                    /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-price", children: formatCurrency(opt.price, currency) })
+                  ]
+                },
+                opt.key
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CheckoutPaymentSection,
+      {
+        ref: paymentRef,
+        paymentMethods,
+        selectedPaymentCode,
+        selectPaymentMethod,
+        providerPaymentCompleted,
+        setProviderPaymentCompleted,
+        checkoutResponse: checkoutPaymentResponse,
+        onCanProceedToPayChange: setCanProceedToPay,
+        checkoutMethodCode: checkoutPaymentMethodCode,
+        loadingCheckout: checkoutPaymentLoading,
+        checkoutError: checkoutPaymentError,
+        onUploadReceipt,
+        onPaymentSubmissionResult,
+        getFieldError,
+        clearFieldError
+      }
+    ),
+    /* @__PURE__ */ jsxs("section", { className: "ecomiq-checkout-page__section", children: [
+      /* @__PURE__ */ jsx("h2", { children: "Billing address" }),
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__options", children: [
+        /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: `ecomiq-checkout-page__option${billingChoice === "same_as_shipping" ? " is-selected" : ""}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: "billing",
+                  checked: billingChoice === "same_as_shipping",
+                  onChange: () => onBillingChange("same_as_shipping")
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-body", children: /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-title", children: "Same as shipping address" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: `ecomiq-checkout-page__option${billingChoice === "different" ? " is-selected" : ""}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: "billing",
+                  checked: billingChoice === "different",
+                  onChange: () => onBillingChange("different")
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-body", children: /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__option-title", children: "Use a different billing address" }) })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    displayError ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__field-error", role: "alert", children: displayError }) : null,
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "ecomiq-checkout-page__pay",
+        disabled: isSaving || !canProceedToPay,
+        onClick: () => void handlePayClick(),
+        children: isSaving ? "Processing\u2026" : "Pay now"
+      }
+    ),
+    /* @__PURE__ */ jsxs("nav", { className: "ecomiq-checkout-page__policies", "aria-label": "Policies", children: [
+      /* @__PURE__ */ jsx("a", { href: "#", children: "Refund policy" }),
+      /* @__PURE__ */ jsx("a", { href: "#", children: "Shipping" }),
+      /* @__PURE__ */ jsx("a", { href: "#", children: "Privacy policy" }),
+      /* @__PURE__ */ jsx("a", { href: "#", children: "Terms of service" })
+    ] })
+  ] });
+}
+function CheckoutOrderSummary({
+  items,
+  currency,
+  subtotal,
+  shipping,
+  discount,
+  tax,
+  total,
+  couponCodes,
+  couponCode,
+  couponError,
+  couponBusy,
+  onCouponCodeChange,
+  onApplyCoupon,
+  onRemoveCoupon
+}) {
+  const onCouponSubmit = (e) => {
+    e.preventDefault();
+    onApplyCoupon();
+  };
+  return /* @__PURE__ */ jsxs("aside", { className: "ecomiq-checkout-page__summary", children: [
+    /* @__PURE__ */ jsx("ul", { className: "ecomiq-checkout-page__summary-items", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: "ecomiq-checkout-page__summary-item", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__summary-thumb", children: [
+        /* @__PURE__ */ jsx("div", { className: "ecomiq-checkout-page__summary-thumb-image", children: item.image ? /* @__PURE__ */ jsx("img", { src: item.image, alt: "" }) : /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__summary-thumb-ph" }) }),
+        /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__summary-qty", children: item.quantity })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__summary-item-body", children: [
+        /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__summary-item-title", children: item.title }),
+        (item.variantLabel || item.size) && /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__summary-item-meta", children: item.variantLabel ?? item.size })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__summary-item-price", children: formatCurrency(item.price * item.quantity, currency) })
+    ] }, item.id)) }),
+    /* @__PURE__ */ jsxs("form", { className: "ecomiq-checkout-page__discount", onSubmit: onCouponSubmit, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: "ecomiq-checkout-page__input",
+          placeholder: "Discount code or gift card",
+          value: couponCode,
+          onChange: (e) => onCouponCodeChange(e.target.value),
+          "aria-label": "Discount code"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          className: "ecomiq-checkout-page__discount-apply",
+          disabled: !couponCode.trim() || couponBusy,
+          children: "Apply"
+        }
+      )
+    ] }),
+    couponError ? /* @__PURE__ */ jsx("p", { className: "ecomiq-checkout-page__field-error", children: couponError }) : null,
+    couponCodes.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "ecomiq-checkout-page__coupon-tags", children: couponCodes.map((code) => /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsx("span", { children: code }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onRemoveCoupon(code), "aria-label": `Remove ${code}`, children: "\xD7" })
+    ] }, code)) }) : null,
+    /* @__PURE__ */ jsxs("dl", { className: "ecomiq-checkout-page__totals", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__totals-row", children: [
+        /* @__PURE__ */ jsx("dt", { children: "Subtotal" }),
+        /* @__PURE__ */ jsx("dd", { children: formatCurrency(subtotal, currency) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__totals-row", children: [
+        /* @__PURE__ */ jsx("dt", { children: "Shipping" }),
+        /* @__PURE__ */ jsx("dd", { children: shipping > 0 ? formatCurrency(shipping, currency) : shipping === 0 ? "Free" : "\u2014" })
+      ] }),
+      discount > 0 ? /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__totals-row", children: [
+        /* @__PURE__ */ jsx("dt", { children: "Discount" }),
+        /* @__PURE__ */ jsxs("dd", { children: [
+          "-",
+          formatCurrency(discount, currency)
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__totals-row", children: [
+        /* @__PURE__ */ jsx("dt", { children: "Taxes" }),
+        /* @__PURE__ */ jsx("dd", { children: tax > 0 ? formatCurrency(tax, currency) : "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__totals-row ecomiq-checkout-page__totals-row--total", children: [
+        /* @__PURE__ */ jsx("dt", { children: "Total" }),
+        /* @__PURE__ */ jsxs("dd", { children: [
+          /* @__PURE__ */ jsx("span", { className: "ecomiq-checkout-page__total-currency", children: currency }),
+          formatCurrency(total, currency)
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Block({
+  className = "",
+  style
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `ecomiq-checkout-page__skeleton-block${className ? ` ${className}` : ""}`,
+      style,
+      "aria-hidden": true
+    }
+  );
+}
+function CheckoutPageSkeleton({ header }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "ecomiq-checkout-page ecomiq-checkout-page--skeleton",
+      "aria-busy": "true",
+      "aria-label": "Loading checkout",
+      children: [
+        header,
+        /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__layout", children: [
+          /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__main-wrap", children: [
+            /* @__PURE__ */ jsxs("section", { className: "ecomiq-checkout-page__section", children: [
+              /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__section-head", children: [
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-title" }),
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-link" })
+              ] }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-checkbox" })
+            ] }),
+            /* @__PURE__ */ jsxs("section", { className: "ecomiq-checkout-page__section", children: [
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-title" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field" }),
+              /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__skeleton-row", children: [
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field ecomiq-checkout-page__skeleton-field--half" }),
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field ecomiq-checkout-page__skeleton-field--half" })
+              ] }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field" }),
+              /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__skeleton-row", children: [
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field ecomiq-checkout-page__skeleton-field--third" }),
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field ecomiq-checkout-page__skeleton-field--third" }),
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field ecomiq-checkout-page__skeleton-field--third" })
+              ] }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-field" })
+            ] }),
+            /* @__PURE__ */ jsxs("section", { className: "ecomiq-checkout-page__section", children: [
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-title" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-option" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-option" })
+            ] }),
+            /* @__PURE__ */ jsxs("section", { className: "ecomiq-checkout-page__section", children: [
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-title" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-option" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-option" })
+            ] }),
+            /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-button" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "ecomiq-checkout-page__summary-wrap", children: /* @__PURE__ */ jsxs("aside", { className: "ecomiq-checkout-page__summary", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__skeleton-summary-item", children: [
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-thumb" }),
+              /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__skeleton-summary-body", children: [
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-line" }),
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-line ecomiq-checkout-page__skeleton-line--short" })
+              ] }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-price" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__skeleton-coupon", children: [
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-coupon-input" }),
+              /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-coupon-btn" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__skeleton-totals", children: [
+              Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__skeleton-total-row", children: [
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-line ecomiq-checkout-page__skeleton-line--short" }),
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-line ecomiq-checkout-page__skeleton-line--xs" })
+              ] }, i)),
+              /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__skeleton-total-row ecomiq-checkout-page__skeleton-total-row--final", children: [
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-line" }),
+                /* @__PURE__ */ jsx(Block, { className: "ecomiq-checkout-page__skeleton-line ecomiq-checkout-page__skeleton-line--price" })
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/react/pages/checkout-page/lib/cart-mappers.ts
+function mapApiItemsToCartItems(items) {
+  if (!items?.length) return [];
+  return items.map((raw) => {
+    const item = raw;
+    const price = Number(item.unitPrice);
+    const quantity = Number(item.quantity);
+    const variantId = String(item.variantId ?? "");
+    if (!Number.isFinite(price) || !Number.isFinite(quantity) || !variantId) return null;
+    return {
+      id: item.id,
+      title: item.title,
+      image: String(item.thumbnail ?? ""),
+      size: String(item.variantLabel ?? "\u2014"),
+      price,
+      quantity,
+      variantId,
+      variantSku: item.variantSku ?? void 0,
+      variantLabel: item.variantLabel ?? void 0
+    };
+  }).filter(Boolean);
+}
+function shippingValuesFromCartAddress(cartData) {
+  const addr = cartData.shippingAddress;
+  if (!addr) return void 0;
+  const geo = addr.geo;
+  return {
+    address: addr.address1,
+    zipCode: addr.postalCode ?? "",
+    countryCode: addr.countryCode ?? "PE",
+    departmentCode: geo?.departmentCode ?? "",
+    departmentName: "",
+    provinceCode: geo?.provinceCode ?? "",
+    provinceName: addr.province ?? "",
+    districtCode: geo?.districtCode ?? "",
+    districtName: addr.district ?? addr.city ?? ""
+  };
+}
+
+// src/react/pages/checkout-page/lib/cart-sync.ts
+var checkoutReadQueryKey = (cartId) => ["storefront", "cart", cartId, "checkout"];
+function cartItemsSignature(items) {
+  return items.map((i) => `${i.variantId ?? i.id}:${i.quantity}`).sort().join("|");
+}
+function apiCartItemsFromResponse(cart) {
+  return mapApiItemsToCartItems(cart?.items);
+}
+function groupCartQuantitiesByVariant(items) {
+  const map = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const variantId = item.variantId ?? item.id;
+    map.set(variantId, (map.get(variantId) ?? 0) + Math.max(0, item.quantity));
+  }
+  return map;
+}
+function groupApiLinesByVariant(items) {
+  const map = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const variantId = item.variantId ?? item.id;
+    const lines = map.get(variantId) ?? [];
+    lines.push(item);
+    map.set(variantId, lines);
+  }
+  return map;
+}
+function findCartReconciliationActions(local, api) {
+  const actions = [];
+  const localQty = groupCartQuantitiesByVariant(local);
+  const apiLinesByVariant = groupApiLinesByVariant(api);
+  const variantIds = /* @__PURE__ */ new Set([
+    ...localQty.keys(),
+    ...apiLinesByVariant.keys()
+  ]);
+  for (const variantId of variantIds) {
+    const targetQty = localQty.get(variantId) ?? 0;
+    const apiLines = apiLinesByVariant.get(variantId) ?? [];
+    const apiQty = apiLines.reduce((sum, line) => sum + line.quantity, 0);
+    if (targetQty > apiQty) {
+      actions.push({
+        action: "add",
+        variantId,
+        quantity: targetQty - apiQty
+      });
+      continue;
+    }
+    if (targetQty >= apiQty) continue;
+    let excess = apiQty - targetQty;
+    for (const line of [...apiLines].reverse()) {
+      if (excess <= 0) break;
+      if (line.quantity <= excess) {
+        actions.push({ action: "remove", itemId: line.id });
+        excess -= line.quantity;
+      } else {
+        actions.push({
+          action: "update",
+          itemId: line.id,
+          quantity: line.quantity - excess
+        });
+        excess = 0;
+      }
+    }
+  }
+  return actions;
+}
+function areCartSignaturesEqual(a, b) {
+  return cartItemsSignature(a) === cartItemsSignature(b);
+}
+function cartSessionSignature(cartTokenId, items) {
+  return `${cartTokenId ?? ""}|${cartItemsSignature(items)}`;
+}
+function readCartCheckoutStatus(cart) {
+  if (!cart) return null;
+  const status = cart.status ?? null;
+  return typeof status === "string" && status.trim() ? status.trim() : null;
+}
+function isCheckoutCartAlreadyPurchased(cart, localCartItemCount) {
+  if (localCartItemCount > 0) return false;
+  const status = readCartCheckoutStatus(cart);
+  if (!status) return false;
+  return status.toLowerCase() === "inprogress";
+}
+function useCartListener({
+  cartId,
+  enabled,
+  isReconciling,
+  checkoutReady
+}) {
+  const localCart = useCart((s) => s.cart);
+  const cartTokenId = useCart((s) => s.cartTokenId);
+  const [cartChangedExternally, setCartChangedExternally] = useState(false);
+  const baselineRef = useRef(null);
+  useEffect(() => {
+    baselineRef.current = null;
+    setCartChangedExternally(false);
+  }, [cartId]);
+  useEffect(() => {
+    if (!enabled || !checkoutReady || isReconciling) return;
+    const sig = cartSessionSignature(cartTokenId ?? cartId, localCart);
+    if (baselineRef.current === null) {
+      baselineRef.current = sig;
+      return;
+    }
+    if (sig !== baselineRef.current) {
+      setCartChangedExternally(true);
+    }
+  }, [
+    cartId,
+    cartTokenId,
+    checkoutReady,
+    enabled,
+    isReconciling,
+    localCart
+  ]);
+  const reloadCheckout = useCallback(() => {
+    if (typeof window !== "undefined") {
+      window.location.reload();
+    }
+  }, []);
+  return {
+    cartChangedExternally,
+    reloadCheckout
+  };
+}
+
+// src/react/pages/checkout-page/hooks/use-checkout-session.ts
+function useCheckoutSession(cartId) {
+  const queryClient = useQueryClient();
+  const storeId = useStore((s) => s.data?.store?.id ?? "");
+  const currency = useStore((s) => s.data?.store?.currency ?? "PEN");
+  const { setCartTokenId, clearCartSession, cart: localCart } = useCart(
+    useShallow((s) => ({
+      setCartTokenId: s.setCartTokenId,
+      clearCartSession: s.clearCartSession,
+      cart: s.cart
+    }))
+  );
+  const [checkoutAlreadyPurchased, setCheckoutAlreadyPurchased] = useState(false);
+  const skipCartTokenBindRef = useRef(false);
+  useEffect(() => {
+    skipCartTokenBindRef.current = false;
+    setCheckoutAlreadyPurchased(false);
+  }, [cartId]);
+  const {
+    useGetCartCheckout,
+    useUpdateCartBuyer,
+    useUpdateCartAddresses,
+    useGetShippingOptions,
+    usePutCartShippingMethod,
+    useCheckoutCart,
+    useAddCartCoupon,
+    useRemoveCartCoupon,
+    useAddCartItem,
+    useUpdateCartItem,
+    useDeleteCartItem,
+    useUploadPaymentReceipt
+  } = useStoreCart();
+  const checkoutQuery = useGetCartCheckout(cartId);
+  const updateBuyer = useUpdateCartBuyer();
+  const updateAddresses = useUpdateCartAddresses();
+  const putShippingMethod = usePutCartShippingMethod();
+  const checkoutCartMutation = useCheckoutCart();
+  const addCartCouponMutation = useAddCartCoupon();
+  const removeCartCouponMutation = useRemoveCartCoupon();
+  const addCartItemMutation = useAddCartItem();
+  const updateCartItemMutation = useUpdateCartItem();
+  const deleteCartItemMutation = useDeleteCartItem();
+  const uploadPaymentReceiptMutation = useUploadPaymentReceipt();
+  const cartData = checkoutQuery.data?.cart;
+  const paymentMethods = checkoutQuery.data?.paymentMethods?.methods ?? [];
+  useEffect(() => {
+    if (!checkoutQuery.isSuccess || !cartData) return;
+    if (!isCheckoutCartAlreadyPurchased(cartData, localCart.length)) return;
+    if (skipCartTokenBindRef.current) return;
+    skipCartTokenBindRef.current = true;
+    setCheckoutAlreadyPurchased(true);
+    clearCartSession();
+  }, [
+    cartData,
+    checkoutQuery.isSuccess,
+    clearCartSession,
+    localCart.length
+  ]);
+  useEffect(() => {
+    if (skipCartTokenBindRef.current) return;
+    setCartTokenId(cartId);
+  }, [cartId, setCartTokenId]);
+  const [contact, setContact] = useState({
+    email: "",
+    marketingOptIn: true,
+    firstName: "",
+    lastName: "",
+    company: "",
+    address: "",
+    address2: "",
+    city: "",
+    province: "",
+    postalCode: "",
+    phone: "",
+    countryCode: "PE",
+    departmentCode: "",
+    departmentName: "",
+    provinceCode: "",
+    provinceName: "",
+    districtCode: "",
+    districtName: ""
+  });
+  const [billingChoice, setBillingChoice] = useState("same_as_shipping");
+  const [selectedShippingKey, setSelectedShippingKey] = useState(null);
+  const [selectedPaymentCode, setSelectedPaymentCode] = useState(null);
+  const [providerPaymentCompleted, setProviderPaymentCompleted] = useState(false);
+  const [couponCode, setCouponCode] = useState("");
+  const [couponError, setCouponError] = useState(null);
+  const [formError, setFormError] = useState(null);
+  const [isReconciling, setIsReconciling] = useState(false);
+  const hydratedRef = useRef(false);
+  useEffect(() => {
+    if (!cartData || hydratedRef.current) return;
+    hydratedRef.current = true;
+    const ship = shippingValuesFromCartAddress(cartData);
+    setContact((c) => ({
+      ...c,
+      email: cartData.email ?? c.email,
+      firstName: cartData.firstName ?? c.firstName,
+      lastName: cartData.lastName ?? c.lastName,
+      phone: cartData.phone ?? c.phone,
+      address: ship?.address ?? c.address,
+      postalCode: ship?.zipCode ?? c.postalCode,
+      province: ship?.provinceName ?? c.province,
+      city: ship?.districtName ?? c.city,
+      countryCode: ship?.countryCode ?? c.countryCode,
+      departmentCode: ship?.departmentCode ?? c.departmentCode,
+      departmentName: ship?.departmentName ?? c.departmentName,
+      provinceCode: ship?.provinceCode ?? c.provinceCode,
+      provinceName: ship?.provinceName ?? c.provinceName,
+      districtCode: ship?.districtCode ?? c.districtCode,
+      districtName: ship?.districtName ?? c.districtName
+    }));
+  }, [cartData]);
+  const postalCodeForRates = contact.postalCode.trim();
+  const shippingOptionsQuery = useGetShippingOptions(
+    cartId,
+    postalCodeForRates || void 0,
+    !!postalCodeForRates
+  );
+  const shippingFlat = useMemo(() => {
+    const out = [];
+    for (const group of shippingOptionsQuery.data?.groups ?? []) {
+      for (const rate of group.rates ?? []) {
+        out.push({
+          key: `${group.sellerId ?? ""}::${rate.rateId}`,
+          group,
+          rate
+        });
+      }
+    }
+    return out;
+  }, [shippingOptionsQuery.data?.groups]);
+  const apiCartItems = useMemo(
+    () => apiCartItemsFromResponse(cartData),
+    [cartData]
+  );
+  const cartsReconciled = useMemo(
+    () => areCartSignaturesEqual(localCart, apiCartItems),
+    [localCart, apiCartItems]
+  );
+  const uiCartItems = useMemo(() => {
+    if (cartsReconciled && apiCartItems.length > 0) return apiCartItems;
+    if (localCart.length > 0) return localCart;
+    return apiCartItems;
+  }, [apiCartItems, cartsReconciled, localCart]);
+  const reconcileAttemptRef = useRef(null);
+  const isReconcilingRef = useRef(false);
+  const localSubtotal = useMemo(
+    () => localCart.reduce((sum, item) => sum + item.price * item.quantity, 0),
+    [localCart]
+  );
+  const subtotal = cartsReconciled ? cartData?.totals?.subtotal ?? localSubtotal : localSubtotal;
+  const shipping = cartsReconciled ? cartData?.totals?.shippingTotal ?? 0 : 0;
+  const discount = cartsReconciled ? cartData?.totals?.discountTotal ?? 0 : 0;
+  const tax = cartsReconciled ? cartData?.totals?.taxTotal ?? 0 : 0;
+  const total = cartsReconciled ? cartData?.totals?.total ?? subtotal + shipping + tax - discount : localSubtotal;
+  const mergeCartIntoCheckoutCache = useCallback(
+    (next) => {
+      queryClient.setQueryData(
+        checkoutReadQueryKey(cartId),
+        (prev) => !prev ? { cart: next, paymentMethods: { methods: [] } } : { ...prev, cart: next }
+      );
+    },
+    [queryClient, cartId]
+  );
+  useEffect(() => {
+    reconcileAttemptRef.current = null;
+  }, [cartId]);
+  useEffect(() => {
+    if (!checkoutQuery.isSuccess || !cartData) return;
+    if (isReconcilingRef.current) return;
+    const apiItems = apiCartItemsFromResponse(cartData);
+    if (localCart.length === 0 && apiItems.length === 0) return;
+    if (areCartSignaturesEqual(localCart, apiItems)) return;
+    const reconcileActions = findCartReconciliationActions(localCart, apiItems);
+    if (reconcileActions.length === 0) return;
+    const attemptKey = `${cartId}::${cartItemsSignature(localCart)}::${cartItemsSignature(apiItems)}`;
+    if (reconcileAttemptRef.current === attemptKey) return;
+    reconcileAttemptRef.current = attemptKey;
+    isReconcilingRef.current = true;
+    setIsReconciling(true);
+    void (async () => {
+      try {
+        const applyCartResponse = (updatedCart) => {
+          mergeCartIntoCheckoutCache(updatedCart);
+        };
+        for (const action of reconcileActions) {
+          if (action.action === "remove" || action.action === "update") {
+            try {
+              const updatedCart = action.action === "remove" ? await deleteCartItemMutation.mutateAsync({
+                cartId,
+                itemId: action.itemId
+              }) : await updateCartItemMutation.mutateAsync({
+                cartId,
+                itemId: action.itemId,
+                data: { quantity: action.quantity }
+              });
+              applyCartResponse(updatedCart);
+            } catch {
+            }
+          }
+        }
+        for (const action of reconcileActions) {
+          if (action.action !== "add") continue;
+          try {
+            const updatedCart = await addCartItemMutation.mutateAsync({
+              cartId,
+              variantId: action.variantId,
+              quantity: action.quantity
+            });
+            applyCartResponse(updatedCart);
+          } catch {
+          }
+        }
+        await checkoutQuery.refetch();
+      } finally {
+        isReconcilingRef.current = false;
+        setIsReconciling(false);
+      }
+    })();
+  }, [
+    addCartItemMutation,
+    cartData,
+    cartId,
+    checkoutQuery,
+    deleteCartItemMutation,
+    localCart,
+    mergeCartIntoCheckoutCache,
+    updateCartItemMutation
+  ]);
+  const saveContactAndDelivery = useCallback(async () => {
+    setFormError(null);
+    const buyerCart = await updateBuyer.mutateAsync({
+      cartId,
+      data: {
+        email: contact.email,
+        firstName: contact.firstName,
+        lastName: contact.lastName,
+        phone: contact.phone
+      }
+    });
+    mergeCartIntoCheckoutCache(buyerCart);
+    const countryCode = (contact.countryCode || "PE").toUpperCase();
+    const districtName = contact.districtName || contact.city;
+    const provinceName = contact.provinceName || contact.province;
+    const baseAddress = {
+      name: contact.address,
+      address1: contact.address,
+      city: districtName,
+      countryCode,
+      company: contact.company || null,
+      address2: contact.address2 || null,
+      province: provinceName,
+      postalCode: contact.postalCode,
+      district: districtName,
+      phone: contact.phone || null,
+      latitude: null,
+      longitude: null,
+      geo: {
+        departmentCode: contact.departmentCode || "",
+        provinceCode: contact.provinceCode || "",
+        districtCode: contact.districtCode || ""
+      }
+    };
+    const updatedCart = await updateAddresses.mutateAsync({
+      cartId,
+      data: {
+        shippingAddress: baseAddress,
+        billingAddress: billingChoice === "same_as_shipping" ? baseAddress : baseAddress
+      }
+    });
+    mergeCartIntoCheckoutCache(updatedCart);
+    await checkoutQuery.refetch();
+  }, [
+    billingChoice,
+    cartId,
+    contact,
+    mergeCartIntoCheckoutCache,
+    updateAddresses,
+    updateBuyer,
+    checkoutQuery
+  ]);
+  const confirmShipping = useCallback(
+    async (selection) => {
+      const updatedCart = await putShippingMethod.mutateAsync({
+        cartId,
+        data: {
+          rateId: selection.rate.rateId,
+          shippingMethodId: selection.rate.shippingMethodId,
+          serviceCode: selection.rate.serviceCode ?? null,
+          sellerId: selection.group.sellerId ?? null,
+          shippingProfileId: selection.group.shippingProfileId ?? null,
+          locationId: null,
+          pickupPointId: null,
+          scheduledDate: null,
+          scheduledTime: null
+        }
+      });
+      mergeCartIntoCheckoutCache(updatedCart);
+    },
+    [cartId, mergeCartIntoCheckoutCache, putShippingMethod]
+  );
+  const handleApplyCoupon = useCallback(async () => {
+    const code = couponCode.trim();
+    if (!code) return;
+    setCouponError(null);
+    try {
+      const nextCart = await addCartCouponMutation.mutateAsync({ cartId, data: { code } });
+      mergeCartIntoCheckoutCache(nextCart);
+      setCouponCode("");
+    } catch (error) {
+      setCouponError(error instanceof Error ? error.message : "No se pudo aplicar el cup\xF3n.");
+    }
+  }, [addCartCouponMutation, cartId, couponCode, mergeCartIntoCheckoutCache]);
+  const handleRemoveCoupon = useCallback(
+    async (code) => {
+      setCouponError(null);
+      try {
+        const nextCart = await removeCartCouponMutation.mutateAsync({ cartId, code });
+        mergeCartIntoCheckoutCache(nextCart);
+      } catch (error) {
+        setCouponError(error instanceof Error ? error.message : "No se pudo remover el cup\xF3n.");
+      }
+    },
+    [cartId, mergeCartIntoCheckoutCache, removeCartCouponMutation]
+  );
+  const externalRef = `checkout-${cartId}`;
+  const checkoutCartMutate = checkoutCartMutation.mutate;
+  const checkoutCartMutateAsync = checkoutCartMutation.mutateAsync;
+  const checkoutPaymentInitKeyRef = useRef(null);
+  useEffect(() => {
+    checkoutPaymentInitKeyRef.current = null;
+  }, [cartId]);
+  const initProviderCheckout = useCallback(
+    (paymentMethodCode) => {
+      const method = paymentMethods.find((m) => m.code === paymentMethodCode);
+      if (!method || !methodUsesProviderCheckoutUi(method)) return;
+      const dedupeKey = `${cartId}:${paymentMethodCode}`;
+      if (checkoutPaymentInitKeyRef.current === dedupeKey) return;
+      checkoutPaymentInitKeyRef.current = dedupeKey;
+      checkoutCartMutate({
+        cartId,
+        data: { paymentMethodCode, externalRef }
+      });
+    },
+    [cartId, checkoutCartMutate, externalRef, paymentMethods]
+  );
+  const selectPaymentMethod = useCallback(
+    (paymentMethodCode) => {
+      setSelectedPaymentCode(paymentMethodCode);
+      setProviderPaymentCompleted(false);
+      initProviderCheckout(paymentMethodCode);
+    },
+    [initProviderCheckout]
+  );
+  const payNow = useCallback(
+    async (options) => {
+      setFormError(null);
+      try {
+        await saveContactAndDelivery();
+        if (selectedShippingKey) {
+          const picked = shippingFlat.find((o) => o.key === selectedShippingKey);
+          if (picked) await confirmShipping({ group: picked.group, rate: picked.rate });
+        }
+        const code = selectedPaymentCode ?? paymentMethods[0]?.code;
+        if (!code) {
+          setFormError("Selecciona un m\xE9todo de pago.");
+          return;
+        }
+        const method = paymentMethods.find((m) => m.code === code);
+        const usesProviderUi = method ? methodUsesProviderCheckoutUi(method) : false;
+        if (usesProviderUi) {
+          if (!providerPaymentCompleted) {
+            setFormError("Completa el pago con Stripe o Mercado Pago antes de continuar.");
+            return;
+          }
+          const existing = checkoutCartMutation.data;
+          const postedCode = checkoutCartMutation.variables?.data.paymentMethodCode ?? null;
+          if (existing && postedCode === code) {
+            return existing;
+          }
+        }
+        const result = await checkoutCartMutateAsync({
+          cartId,
+          data: {
+            paymentMethodCode: code,
+            externalRef,
+            ...options?.receiptUrl ? { receiptUrl: options.receiptUrl } : {}
+          }
+        });
+        return result;
+      } catch (error) {
+        setFormError(error instanceof Error ? error.message : "No se pudo completar el pago.");
+        throw error;
+      }
+    },
+    [
+      checkoutCartMutation.data,
+      checkoutCartMutation.variables?.data.paymentMethodCode,
+      confirmShipping,
+      checkoutCartMutateAsync,
+      cartId,
+      externalRef,
+      paymentMethods,
+      providerPaymentCompleted,
+      saveContactAndDelivery,
+      selectedPaymentCode,
+      selectedShippingKey,
+      shippingFlat
+    ]
+  );
+  const checkoutReady = checkoutQuery.isSuccess && !checkoutQuery.isLoading && !isReconciling;
+  const { cartChangedExternally, reloadCheckout } = useCartListener({
+    cartId,
+    enabled: Boolean(cartId.trim()),
+    isReconciling,
+    checkoutReady
+  });
+  return {
+    storeId,
+    currency,
+    cartId,
+    checkoutQuery,
+    cartData,
+    uiCartItems,
+    cartsReconciled,
+    isReconciling,
+    cartChangedExternally,
+    checkoutAlreadyPurchased,
+    reloadCheckout,
+    contact,
+    setContact,
+    billingChoice,
+    setBillingChoice,
+    selectedShippingKey,
+    setSelectedShippingKey,
+    selectedPaymentCode,
+    setSelectedPaymentCode,
+    selectPaymentMethod,
+    providerPaymentCompleted,
+    setProviderPaymentCompleted,
+    payNow,
+    couponCode,
+    setCouponCode,
+    couponError,
+    formError,
+    handleApplyCoupon,
+    handleRemoveCoupon,
+    shippingOptionsQuery,
+    shippingFlat,
+    paymentMethods,
+    subtotal,
+    shipping,
+    discount,
+    tax,
+    total,
+    checkoutCartMutation,
+    checkoutPaymentResponse: checkoutCartMutation.data,
+    checkoutPaymentMethodCode: checkoutCartMutation.variables?.data.paymentMethodCode ?? null,
+    checkoutPaymentLoading: checkoutCartMutation.isPending,
+    checkoutPaymentError: checkoutCartMutation.isError ? "Tuvimos problemas al cargar el m\xE9todo de pago. Int\xE9ntalo de nuevo." : null,
+    uploadPaymentReceipt: uploadPaymentReceiptMutation.mutateAsync,
+    addCartCouponMutation,
+    removeCartCouponMutation,
+    clearCartSession,
+    saveContactAndDelivery,
+    isSaving: isReconciling || updateBuyer.isPending || updateAddresses.isPending || putShippingMethod.isPending || uploadPaymentReceiptMutation.isPending || checkoutCartMutation.isPending
+  };
+}
+function DefaultLink({ href, className, children }) {
+  return /* @__PURE__ */ jsx("a", { href, className, children });
+}
+function CheckoutPage({
+  cartId,
+  storeName: storeNameProp,
+  logoUrl,
+  logoHref = "/",
+  signInHref,
+  homeHref = "/",
+  onPaymentSuccess,
+  getProcessingUrl,
+  Link: LinkComponent = DefaultLink
+}) {
+  const Link = LinkComponent;
+  const brandingName = useStore((s) => s.data?.store?.name);
+  const logoFromCms = useStore(
+    (s) => s.data?.cms?.settings?.branding?.logoUrl
+  );
+  const storeName = storeNameProp ?? brandingName ?? "Store";
+  const resolvedLogo = logoUrl ?? logoFromCms;
+  const session = useCheckoutSession(cartId);
+  const {
+    shippingFlat,
+    selectedShippingKey,
+    setSelectedShippingKey,
+    paymentMethods,
+    selectedPaymentCode,
+    selectPaymentMethod
+  } = session;
+  useEffect(() => {
+    if (!shippingFlat.length || selectedShippingKey) return;
+    setSelectedShippingKey(shippingFlat[0].key);
+  }, [shippingFlat, selectedShippingKey, setSelectedShippingKey]);
+  useEffect(() => {
+    if (!paymentMethods.length || selectedPaymentCode) return;
+    const first = paymentMethods.find((m) => m.isDefault) ?? paymentMethods[0];
+    if (first) selectPaymentMethod(first.code);
+  }, [paymentMethods, selectedPaymentCode, selectPaymentMethod]);
+  const shippingOptions = useMemo(
+    () => session.shippingFlat.map((o) => ({
+      key: o.key,
+      title: o.rate.name ?? "Shipping",
+      subtitle: o.rate.description ?? (o.rate.estimatedDeliveryDays != null ? `${o.rate.estimatedDeliveryDays} business days` : "Standard delivery"),
+      price: Number(o.rate.price) || 0
+    })),
+    [session.shippingFlat]
+  );
+  const handlePaymentSubmissionResult = useCallback(
+    (result) => {
+      if (result.kind === "success") {
+        session.clearCartSession();
+        const url = getProcessingUrl?.(cartId, result.transactionId);
+        if (url && typeof window !== "undefined") {
+          window.location.assign(url);
+        }
+        return;
+      }
+      if (result.kind === "redirect") {
+        session.clearCartSession();
+        window.location.assign(result.url);
+        return;
+      }
+      toast.error(result.message);
+    },
+    [cartId, getProcessingUrl, session]
+  );
+  const handlePayNow = async (options) => {
+    try {
+      const result = await session.payNow(options);
+      if (!result) return;
+      session.clearCartSession();
+      if (onPaymentSuccess) {
+        onPaymentSuccess(result);
+        return;
+      }
+      const url = getProcessingUrl?.(
+        cartId,
+        result.payment?.transactionId ?? void 0
+      );
+      if (url && typeof window !== "undefined") {
+        window.location.assign(url);
+      }
+    } catch {
+    }
+  };
+  if (!cartId.trim()) {
+    return /* @__PURE__ */ jsx("div", { className: "ecomiq-checkout-page", children: /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__state", children: [
+      /* @__PURE__ */ jsx("h1", { children: "Invalid checkout" }),
+      /* @__PURE__ */ jsx("p", { children: "Missing cart ID in the URL." })
+    ] }) });
+  }
+  const checkoutHeader = /* @__PURE__ */ jsx("header", { className: "ecomiq-checkout-page__top", children: /* @__PURE__ */ jsx(Link, { href: logoHref, className: "ecomiq-checkout-page__logo", children: resolvedLogo ? /* @__PURE__ */ jsx("img", { src: resolvedLogo, alt: storeName }) : storeName }) });
+  if (session.checkoutQuery.isLoading || session.isReconciling) {
+    return /* @__PURE__ */ jsx(CheckoutPageSkeleton, { header: checkoutHeader });
+  }
+  if (session.checkoutQuery.isError) {
+    return /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page", children: [
+      checkoutHeader,
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__state", children: [
+        /* @__PURE__ */ jsx("h1", { children: "Checkout unavailable" }),
+        /* @__PURE__ */ jsx("p", { children: session.checkoutQuery.error?.message ?? "Could not load this cart. It may have expired." }),
+        /* @__PURE__ */ jsx(Link, { href: homeHref, className: "ecomiq-checkout-page__link", children: "Return to store" })
+      ] })
+    ] });
+  }
+  if (session.checkoutAlreadyPurchased) {
+    return /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page", children: [
+      checkoutHeader,
+      /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__state", children: [
+        /* @__PURE__ */ jsx("h1", { children: "Pedido ya realizado" }),
+        /* @__PURE__ */ jsx("p", { children: "Este checkout ya fue completado. Tu bolsa se ha reiniciado para que puedas seguir comprando." }),
+        /* @__PURE__ */ jsx(Link, { href: homeHref, className: "ecomiq-checkout-page__link", children: "Volver a la tienda" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page", "data-ecomiq-checkout-page": true, children: [
+    checkoutHeader,
+    session.cartChangedExternally ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "ecomiq-checkout-page__external-cart-banner",
+        role: "alert",
+        "aria-live": "polite",
+        children: [
+          /* @__PURE__ */ jsx("p", { children: "Tu carrito se acaba de actualizar." }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "ecomiq-checkout-page__external-cart-reload",
+              onClick: session.reloadCheckout,
+              children: "Recargar checkout"
+            }
+          )
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: "ecomiq-checkout-page__layout", children: [
+      /* @__PURE__ */ jsx("div", { className: "ecomiq-checkout-page__main-wrap", children: /* @__PURE__ */ jsx(
+        CheckoutMainForm,
+        {
+          storeId: session.storeId,
+          contact: session.contact,
+          onContactChange: (patch) => session.setContact((c) => ({ ...c, ...patch })),
+          billingChoice: session.billingChoice,
+          onBillingChange: session.setBillingChoice,
+          shippingOptions,
+          shippingLoading: session.shippingOptionsQuery.isLoading,
+          shippingError: session.shippingOptionsQuery.isError ? session.shippingOptionsQuery.error?.message ?? "Could not load shipping options." : null,
+          selectedShippingKey: session.selectedShippingKey,
+          onSelectShipping: session.setSelectedShippingKey,
+          paymentMethods: session.paymentMethods,
+          selectedPaymentCode: session.selectedPaymentCode,
+          selectPaymentMethod: session.selectPaymentMethod,
+          providerPaymentCompleted: session.providerPaymentCompleted,
+          setProviderPaymentCompleted: session.setProviderPaymentCompleted,
+          checkoutPaymentResponse: session.checkoutPaymentResponse,
+          checkoutPaymentMethodCode: session.checkoutPaymentMethodCode,
+          checkoutPaymentLoading: session.checkoutPaymentLoading,
+          checkoutPaymentError: session.checkoutPaymentError,
+          onUploadReceipt: async (file) => {
+            const uploaded = await session.uploadPaymentReceipt({ cartId, file });
+            return { url: uploaded.url };
+          },
+          onPaymentSubmissionResult: handlePaymentSubmissionResult,
+          currency: session.currency,
+          formError: session.formError,
+          isSaving: session.isSaving || session.cartChangedExternally,
+          onPayNow: handlePayNow,
+          signInHref,
+          Link
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "ecomiq-checkout-page__summary-wrap", children: /* @__PURE__ */ jsx(
+        CheckoutOrderSummary,
+        {
+          items: session.uiCartItems,
+          currency: session.currency,
+          subtotal: session.subtotal,
+          shipping: session.shipping,
+          discount: session.discount,
+          tax: session.tax,
+          total: session.total,
+          couponCodes: session.cartData?.promotionCodes ?? [],
+          couponCode: session.couponCode,
+          couponError: session.couponError,
+          couponBusy: session.addCartCouponMutation.isPending || session.removeCartCouponMutation.isPending,
+          onCouponCodeChange: session.setCouponCode,
+          onApplyCoupon: () => void session.handleApplyCoupon(),
+          onRemoveCoupon: (code) => void session.handleRemoveCoupon(code)
+        }
+      ) })
+    ] })
+  ] });
+}
 function buildOptionGroups(variants) {
   const map = /* @__PURE__ */ new Map();
   for (const v of variants) {
@@ -2022,6 +4869,6 @@ function ProductVariantSelector({
   ] });
 }
 
-export { CustomerAddressSchema, CustomerAddressUpsertSchema, CustomerMeSchema, CustomerOrderDetailSchema, CustomerOrderListItemSchema, CustomerProfilePatchSchema, CustomerRegisterRequestSchema, EcomiqProvider, ProductVariantSelector, QueryProvider, StoreApiClient, StorefrontAuthProvider, addCartCoupon, checkoutCart, createCart, createCustomerAddress, createStoreApiClient, customerMeToProfilePatch, deleteCustomerAddress, ecomiqOAuthPasswordClient, getCart, getCartCheckout, getCartPaymentMethods, getCustomerAddresses, getCustomerMe, getCustomerOrder, getCustomerOrders, getSharedOrderDraft, getShippingOptions, getStoreApiBaseUrl, getStoreApiClient, getStorefrontCollectionBySlug, getStorefrontCollections, getStorefrontPageBySlug, getStorefrontPagePreview, getStorefrontPages, getStorefrontProductBySlug, getStorefrontProducts, isCartNotActiveApiError, patchCartAddresses, patchCartBuyer, patchCustomer, putCartShippingMethod, registerCustomer, removeCartCoupon, setClientStoreId, setServerRequestOrigin, setServerStoreId, signInWithEcomiqCredentials, storeApiClient, storefrontAccessTokenNeedsRefresh, storefrontSessionEndsSoon, updateCustomerAddress, uploadPaymentReceipt, useCart, useStore, useStoreCart, useStoreCollections, useStorePages, useStoreProducts, useStorefrontAuthClient, useStorefrontSession };
+export { CheckoutPage, CustomerAddressSchema, CustomerAddressUpsertSchema, CustomerMeSchema, CustomerOrderDetailSchema, CustomerOrderListItemSchema, CustomerProfilePatchSchema, CustomerRegisterRequestSchema, EcomiqProvider, ProductVariantSelector, QueryProvider, StoreApiClient, StorefrontAuthProvider, addCartCoupon, checkoutCart, createCart, createCustomerAddress, createStoreApiClient, customerMeToProfilePatch, deleteCustomerAddress, ecomiqOAuthPasswordClient, getCart, getCartCheckout, getCartPaymentMethods, getCustomerAddresses, getCustomerMe, getCustomerOrder, getCustomerOrders, getSharedOrderDraft, getShippingOptions, getStoreApiBaseUrl, getStoreApiClient, getStorefrontCollectionBySlug, getStorefrontCollections, getStorefrontPageBySlug, getStorefrontPagePreview, getStorefrontPages, getStorefrontProductBySlug, getStorefrontProducts, isCartNotActiveApiError, patchCartAddresses, patchCartBuyer, patchCustomer, putCartShippingMethod, registerCustomer, removeCartCoupon, setClientStoreId, setServerRequestOrigin, setServerStoreId, signInWithEcomiqCredentials, storeApiClient, storefrontAccessTokenNeedsRefresh, storefrontSessionEndsSoon, updateCustomerAddress, uploadPaymentReceipt, useCart, useCheckoutSession, useStore, useStoreCart, useStoreCollections, useStorePages, useStoreProducts, useStorefrontAuthClient, useStorefrontSession };
 //# sourceMappingURL=client.js.map
 //# sourceMappingURL=client.js.map