@ecomiq/storefront 0.1.0 → 0.1.1

package/dist/react.js

@@ -1,15 +1,412 @@
-import axios from 'axios';
 import { z } from 'zod';
+import { Modal } from '@ecomiq/ui/components/modal';
+import { formatCurrency as formatCurrency$1, StorefrontPageDetailSchema as StorefrontPageDetailSchema$1, useCart as useCart$1, useStore as useStore$1, useStorefrontAuthClient as useStorefrontAuthClient$1, useStorefrontSession as useStorefrontSession$1, SignInForm, SignUpForm, storefrontStoreRecord as storefrontStoreRecord$1 } from '@ecomiq/storefront/react';
+import { toast, Toaster as Toaster$1 } from 'sonner';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTheme } from 'next-themes';
+import axios from 'axios';
 import { QueryClient, hydrate, QueryClientProvider, useMutation, useQuery, useQueryClient, useInfiniteQuery } from '@tanstack/react-query';
-import { createContext, useRef, useEffect, useContext, useState, useMemo, useCallback } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React2, { createContext, useRef, useEffect, useContext, useState, useMemo, useCallback } from 'react';
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import { createAuthMiddleware, createAuthEndpoint, formCsrfMiddleware } from 'better-auth/api';
 import { APIError } from 'better-auth';
 import { setSessionCookie } from 'better-auth/cookies';
 import { parseUserOutput } from 'better-auth/db';
-import { formatCurrency as formatCurrency$1, StorefrontPageDetailSchema as StorefrontPageDetailSchema$1 } from '@ecomiq/storefront/react';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/core/client/store-api-client.ts
+function setClientStoreId(storeId) {
+  if (typeof window === "undefined") return;
+  clientStoreIdGetter = storeId?.trim() || null;
+}
+async function getStoreApiBaseUrl() {
+  if (typeof window !== "undefined") {
+    return STORE_API_PATH;
+  }
+  if (serverRequestOriginGetter) {
+    return `${serverRequestOriginGetter.replace(/\/$/, "")}/${STORE_API_PATH.replace(/^\//, "")}`;
+  }
+  return STORE_API_PATH;
+}
+async function getStoreApiClient() {
+  const baseUrl = await getStoreApiBaseUrl();
+  return new StoreApiClient(baseUrl);
+}
+var STORE_API_PATH, serverRequestOriginGetter, serverStoreIdGetter, clientStoreIdGetter, StoreApiClient;
+var init_store_api_client = __esm({
+  "src/core/client/store-api-client.ts"() {
+    STORE_API_PATH = "/api/store";
+    serverRequestOriginGetter = null;
+    serverStoreIdGetter = null;
+    clientStoreIdGetter = null;
+    StoreApiClient = class {
+      baseUrl;
+      constructor(baseUrl = STORE_API_PATH) {
+        this.baseUrl = baseUrl.replace(/\/$/, "");
+      }
+      async request(path, init, options) {
+        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");
+        headers.set("Accept-Encoding", "identity");
+        const explicitStoreId = options?.xStoreId?.trim();
+        const runtimeStoreId = explicitStoreId || (typeof window === "undefined" ? serverStoreIdGetter : clientStoreIdGetter);
+        if (runtimeStoreId && !headers.has("x-store-id")) {
+          headers.set("X-Store-Id", runtimeStoreId);
+        }
+        if (options?.xStoreDomain) {
+          headers.set("X-Store-Domain", options.xStoreDomain);
+        }
+        if (options?.xCartId) {
+          headers.set("X-Cart-Token", options.xCartId);
+        }
+        const bearer = typeof options?.bearerToken === "string" && options.bearerToken.trim().length > 0 ? options.bearerToken.trim() : void 0;
+        if (bearer) {
+          headers.set(
+            "Authorization",
+            bearer.toLowerCase().startsWith("bearer ") ? bearer : `Bearer ${bearer}`
+          );
+        }
+        const isServer = typeof window === "undefined";
+        const res = await fetch(url, {
+          ...init,
+          headers,
+          credentials: isServer ? "same-origin" : "include",
+          ...options?.noStore ? { cache: "no-store" } : {},
+          ...options?.cacheKey && isServer && !options?.noStore ? {
+            next: {
+              revalidate: 60,
+              tags: [options.cacheKey]
+            }
+          } : {}
+        });
+        if (!res.ok) {
+          let body;
+          try {
+            const errorText = await res.text();
+            body = errorText ? JSON.parse(errorText) : void 0;
+          } catch {
+            body = void 0;
+          }
+          const msg = typeof body === "object" && body !== null && "title" in body && typeof body.title === "string" ? body.title : res.statusText || "Store API error";
+          const err = new Error(msg);
+          err.status = res.status;
+          err.body = body;
+          throw err;
+        }
+        const text = await res.text();
+        if (!text) return void 0;
+        return JSON.parse(text);
+      }
+      get(path, options) {
+        return this.request(path, { method: "GET" }, options);
+      }
+      post(path, data, options) {
+        return this.request(
+          path,
+          {
+            method: "POST",
+            body: data != null ? JSON.stringify(data) : void 0
+          },
+          options
+        );
+      }
+      patch(path, data, options) {
+        return this.request(path, {
+          method: "PATCH",
+          body: data != null ? JSON.stringify(data) : void 0
+        }, options);
+      }
+      put(path, data, options) {
+        return this.request(
+          path,
+          {
+            method: "PUT",
+            body: data != null ? JSON.stringify(data) : void 0
+          },
+          options
+        );
+      }
+      delete(path, options) {
+        return this.request(path, { method: "DELETE" }, options);
+      }
+    };
+    new StoreApiClient(STORE_API_PATH);
+  }
+});
+function customerAuthOptions(accessToken) {
+  const token = typeof accessToken === "string" && accessToken.trim().length > 0 ? accessToken.trim() : void 0;
+  return token ? { bearerToken: token } : {};
+}
+async function registerCustomer(data) {
+  const payload = CustomerRegisterRequestSchema.parse(data);
+  const client = await getStoreApiClient();
+  return client.post("customer/register", payload);
+}
+async function getCustomerMe(accessToken) {
+  const client = await getStoreApiClient();
+  const response = await client.get("customer", customerAuthOptions(accessToken));
+  return CustomerMeSchema.parse(response);
+}
+var CustomerRegisterRequestSchema, CustomerAddressSchema, CustomerMeSchema;
+var init_store_api_customer_service = __esm({
+  "src/core/client/store-api-customer.service.ts"() {
+    init_store_api_client();
+    CustomerRegisterRequestSchema = z.object({
+      email: z.string().email(),
+      firstName: z.string().trim().min(1),
+      lastName: z.string().trim().min(1),
+      countryIsoCode: z.string().trim().length(2),
+      password: z.string(),
+      phone: z.string().trim().optional()
+    });
+    CustomerAddressSchema = z.object({
+      /** Presente en listados cuando el upstream expone el id para PUT/DELETE. */
+      id: z.string().optional(),
+      addressKey: z.string(),
+      countryIsoCode: z.string(),
+      addressLine: z.string(),
+      addressNumber: z.string(),
+      department: z.string(),
+      province: z.string(),
+      district: z.string(),
+      phone: z.string(),
+      cellPhone: z.string(),
+      postalCode: z.string(),
+      reference: z.string(),
+      latitude: z.number().nullable(),
+      longitude: z.number().nullable(),
+      isDefault: z.boolean()
+    });
+    CustomerAddressSchema.omit({ id: true });
+    CustomerMeSchema = z.object({
+      id: z.string(),
+      storeId: z.string(),
+      email: z.string().email(),
+      firstName: z.string(),
+      lastName: z.string(),
+      phone: z.string(),
+      identificationNumber: z.string().nullable(),
+      identificationType: z.string().nullable(),
+      entityName: z.string().nullable(),
+      dateOfBirth: z.string().nullable(),
+      gender: z.string().nullable(),
+      countryIsoCode: z.string(),
+      role: z.string().nullable(),
+      companyName: z.string().nullable(),
+      consent: z.boolean(),
+      userId: z.string(),
+      customerType: z.string(),
+      status: z.string(),
+      entityIdentificationNumber: z.string().nullable(),
+      defaultAddressId: z.string().nullable(),
+      metadata: z.unknown().nullable(),
+      totalOrders: z.number(),
+      avgOrders: z.number(),
+      lastOrderId: z.string().nullable(),
+      lastOrderDate: z.string().nullable(),
+      loyaltyPoints: z.number(),
+      addresses: z.array(CustomerAddressSchema),
+      createdOn: z.string(),
+      updatedOn: z.string().nullable()
+    });
+    z.object({
+      firstName: z.string().trim().min(1),
+      lastName: z.string().trim().min(1),
+      phone: z.string().trim(),
+      identificationNumber: z.string().nullable(),
+      identificationType: z.string().nullable(),
+      entityName: z.string().nullable(),
+      entityIdentificationNumber: z.string().nullable(),
+      gender: z.string().nullable(),
+      role: z.string().nullable(),
+      companyName: z.string().nullable(),
+      dateOfBirth: z.string().nullable(),
+      consent: z.boolean(),
+      countryIsoCode: z.string().trim().length(2)
+    });
+  }
+});
+var ModalsFactory;
+var init_modals_factory = __esm({
+  "src/react/shell/components/modals-factory.tsx"() {
+    "use client";
+    init_store_api_customer_service();
+    ModalsFactory = () => {
+      const cart = useCart$1();
+      const store = useStore$1();
+      const authClient = useStorefrontAuthClient$1();
+      const { refetch } = useStorefrontSession$1();
+      const handlerLogin = async (values) => {
+        const settings = store.data;
+        const record = storefrontStoreRecord$1(settings);
+        const checkout = record?.checkoutSettings;
+        if (!record?.id) {
+          toast.error("Tienda no disponible");
+          return;
+        }
+        const identityScope = checkout?.identityScope === "tenant" ? "tenant" : "store";
+        const identityHeaders = {
+          "x-Identity-Scope": identityScope,
+          "x-Store-Id": record.id
+        };
+        if (record.tenantId) {
+          identityHeaders["x-Tenant-Id"] = record.tenantId;
+        }
+        try {
+          const response = await authClient.$fetch("/ecomiq-oauth/sign-in", {
+            method: "POST",
+            headers: identityHeaders,
+            body: { email: values.email, password: values.password }
+          });
+          if (response.error) {
+            toast.error(response.error.message);
+            return;
+          }
+          const me = await getCustomerMe();
+          const displayName = `${me.firstName} ${me.lastName}`.trim() || me.email;
+          const updateUserResponse = await authClient.$fetch("/update-user", {
+            method: "POST",
+            body: {
+              name: displayName,
+              firstName: me.firstName,
+              lastName: me.lastName,
+              phone: me.phone
+            }
+          });
+          if (updateUserResponse.error) {
+            throw new Error(updateUserResponse.error?.message ?? "No se pudo sincronizar el perfil");
+          }
+          if (me.email) {
+            cart.setCheckoutCustomerLocal({
+              email: me.email,
+              firstName: me.firstName,
+              lastName: me.lastName,
+              phone: me.phone ?? ""
+            });
+          }
+          await refetch();
+          toast.success("Sesi\xF3n iniciada correctamente");
+          store.closeModal("login");
+        } catch (error) {
+          console.error("Error al iniciar sesion:", error);
+          toast.error("Error al iniciar sesion");
+        }
+      };
+      const handlerSignup = async (values) => {
+        try {
+          await registerCustomer({
+            email: values.email,
+            firstName: values.firstName,
+            lastName: values.lastName,
+            countryIsoCode: values.countryIsoCode,
+            password: values.password,
+            phone: values.phone
+          });
+          toast.success("Cuenta creada correctamente");
+          store.closeModal("signup");
+          setTimeout(() => {
+            store.openModal("login");
+          }, 1e3);
+        } catch (error) {
+          console.error("Error al registrarse:", error);
+          toast.error("Error al registrarse");
+        }
+      };
+      return /* @__PURE__ */ jsxs(
+        Modal,
+        {
+          isOpen: store.modals.login || store.modals.signup,
+          onClose: () => store.closeAllModals(),
+          children: [
+            store.modals.login && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(SignInForm, { onSubmit: (values) => handlerLogin(values) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-center items-center mt-4", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: "No tienes cuenta?" }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => store.openModal("signup"),
+                    className: "text-primary hover:underline ml-2 cursor-pointer",
+                    children: "Registrate"
+                  }
+                )
+              ] })
+            ] }),
+            store.modals.signup && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(SignUpForm, { onSubmit: (values) => handlerSignup(values) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-center items-center mt-4", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: "Ya tienes cuenta?" }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => store.openModal("login"),
+                    className: "text-primary hover:underline ml-2 cursor-pointer",
+                    children: "Inicia sesion"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      );
+    };
+  }
+});
+var Toaster;
+var init_Toaster = __esm({
+  "src/react/shell/components/Toaster.tsx"() {
+    "use client";
+    Toaster = ({ ...props }) => {
+      const { theme = "system" } = useTheme();
+      return /* @__PURE__ */ jsx(
+        Toaster$1,
+        {
+          theme,
+          className: "toaster group",
+          style: {
+            "--normal-bg": "var(--popover)",
+            "--normal-text": "var(--popover-foreground)",
+            "--normal-border": "var(--border)"
+          },
+          ...props
+        }
+      );
+    };
+  }
+});
+
+// src/react/shell/providers/ecomiq-shell-ui.tsx
+var ecomiq_shell_ui_exports = {};
+__export(ecomiq_shell_ui_exports, {
+  EcomiqShellUi: () => EcomiqShellUi
+});
+function EcomiqShellUi() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ModalsFactory, {}),
+    /* @__PURE__ */ jsx(Toaster, { position: "bottom-right" })
+  ] });
+}
+var init_ecomiq_shell_ui = __esm({
+  "src/react/shell/providers/ecomiq-shell-ui.tsx"() {
+    "use client";
+    init_modals_factory();
+    init_Toaster();
+  }
+});
 
 // src/core/constants/api-paths.ts
 var STOREFRONT_API_PATH_PREFIX = "v1";
@@ -1719,6 +2116,31 @@ var useCart = create()(
     { name: "cart-storage" }
   )
 );
+init_store_api_client();
+function EcomiqProvider({
+  store,
+  authClient,
+  children,
+  withShellUi = false
+}) {
+  useStore.setState({ data: store ?? null });
+  useEffect(() => {
+    setClientStoreId(store?.store.id ?? null);
+    return () => setClientStoreId(null);
+  }, [store]);
+  const [queryClient] = useState(() => new QueryClient());
+  return /* @__PURE__ */ jsx(StorefrontAuthProvider, { authClient, children: /* @__PURE__ */ jsxs(QueryClientProvider, { client: queryClient, children: [
+    children,
+    withShellUi ? /* @__PURE__ */ jsx(EcomiqShellUi2, {}) : null
+  ] }) });
+}
+function EcomiqShellUi2() {
+  const [ui, setUi] = useState(null);
+  useEffect(() => {
+    void Promise.resolve().then(() => (init_ecomiq_shell_ui(), ecomiq_shell_ui_exports)).then((mod) => setUi(() => mod.EcomiqShellUi));
+  }, []);
+  return ui ? React2.createElement(ui) : null;
+}
 
 // src/react/auth/ecomiq-oauth-password-constants.ts
 var PLUGIN_ID = "ecomiq-oauth-password";
@@ -2016,979 +2438,6 @@ function ecomiqOAuthPasswordClient() {
     ]
   };
 }
-
-// src/react/components/cms-sections/utils.ts
-var PRODUCT_SORTS = /* @__PURE__ */ new Set([
-  "price_asc",
-  "price_desc",
-  "name_asc",
-  "name_desc",
-  "newest"
-]);
-function orderedBlocks(blocks) {
-  return [...blocks ?? []].sort((a, b) => a.order - b.order);
-}
-function getCmsSectionKey(section, index) {
-  return section.id ?? `${canonicalSectionType(section.type)}-${section.order}-${index}`;
-}
-function getCmsBlockKey(block, index) {
-  return block.id ?? `${block.type}-${block.order}-${index}`;
-}
-function canonicalSectionType(type) {
-  if (type === "page-hero") {
-    return "hero";
-  }
-  if (type === "featured-products") {
-    return "product-list";
-  }
-  return type;
-}
-function storefrontHref(value) {
-  const href = value.trim();
-  if (!href) {
-    return "#";
-  }
-  if (href === "#" || href.startsWith("http://") || href.startsWith("https://") || href.startsWith("mailto:") || href.startsWith("tel:")) {
-    return href;
-  }
-  if (href === "/") {
-    return "/store";
-  }
-  if (href.startsWith("/store") || href.startsWith("/product")) {
-    return href;
-  }
-  if (href.startsWith("/collections") || href.startsWith("/pages") || href.startsWith("/account")) {
-    return `/store${href}`;
-  }
-  return href;
-}
-function sectionTitleContent(section) {
-  return settingContent(section.settings, "title") || settingContent(section.settings, "name");
-}
-function settingString(settings, key) {
-  const value = settings?.[key];
-  return typeof value === "string" ? value : "";
-}
-function settingContent(settings, key) {
-  const value = settings?.[key];
-  if (typeof value === "string" || typeof value === "number") {
-    return value;
-  }
-  if (value == null || typeof value === "boolean") {
-    return "";
-  }
-  return value;
-}
-function settingNumber(settings, key, fallback) {
-  const value = settings?.[key];
-  if (typeof value === "number" && Number.isFinite(value)) {
-    return value;
-  }
-  if (typeof value === "string") {
-    const parsed = Number(value);
-    return Number.isFinite(parsed) ? parsed : fallback;
-  }
-  return fallback;
-}
-function layoutChildren(settings, key) {
-  const children = settings.children;
-  if (typeof children !== "object" || children === null || Array.isArray(children)) {
-    return [];
-  }
-  const value = children[key];
-  return Array.isArray(value) ? value : [];
-}
-function layoutPadding(value) {
-  switch (value) {
-    case "none":
-      return "py-0";
-    case "small":
-      return "py-6";
-    case "large":
-      return "py-16";
-    default:
-      return "py-10";
-  }
-}
-function layoutMaxWidth(value) {
-  switch (value) {
-    case "full":
-      return "max-w-none";
-    case "narrow":
-      return "max-w-3xl";
-    default:
-      return "max-w-7xl";
-  }
-}
-function layoutBackground(value) {
-  switch (value) {
-    case "muted":
-      return "bg-neutral-50";
-    case "dark":
-      return "bg-neutral-950 text-white";
-    default:
-      return "bg-white";
-  }
-}
-function layoutGap(value) {
-  switch (value) {
-    case "none":
-      return "gap-0";
-    case "small":
-      return "gap-3";
-    case "large":
-      return "gap-8";
-    default:
-      return "gap-5";
-  }
-}
-function layoutAlign(value) {
-  switch (value) {
-    case "start":
-      return "items-start";
-    case "center":
-      return "items-center";
-    case "end":
-      return "items-end";
-    default:
-      return "items-stretch";
-  }
-}
-function layoutJustify(value) {
-  switch (value) {
-    case "center":
-      return "justify-center";
-    case "end":
-      return "justify-end";
-    case "between":
-      return "justify-between";
-    default:
-      return "justify-start";
-  }
-}
-function productSortValue(value) {
-  return PRODUCT_SORTS.has(value) ? value : "newest";
-}
-function sanitizeHtml(html) {
-  return html.replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/<style[\s\S]*?>[\s\S]*?<\/style>/gi, "").replace(/<(iframe|object|embed|link|meta)[\s\S]*?>/gi, "").replace(/\son\w+\s*=\s*(['"]).*?\1/gi, "").replace(/\s(href|src)\s*=\s*(['"])\s*javascript:[\s\S]*?\2/gi, "");
-}
-var DEFAULT_CMS_IMAGE_URL = "data:image/svg+xml;charset=UTF-8," + encodeURIComponent(`
-    <svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">
-      <rect width="640" height="360" fill="#f4f4f5"/>
-      <rect x="40" y="36" width="560" height="288" rx="20" fill="#ffffff" stroke="#d4d4d8"/>
-      <path d="M148 246l102-102 78 78 48-48 120 120H148z" fill="#d4d4d8"/>
-      <circle cx="456" cy="118" r="32" fill="#e4e4e7"/>
-    </svg>
-  `);
-function SectionHeading({ section }) {
-  const title = sectionTitleContent(section);
-  const subtitle = settingContent(section.settings, "subtitle");
-  if (!title && !subtitle) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
-    title ? /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight text-neutral-950", children: title }) : null,
-    subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-neutral-600", children: subtitle }) : null
-  ] });
-}
-function EmptyState({ children }) {
-  return /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed p-6 text-center text-sm text-neutral-500", children });
-}
-function DefaultLink({ href, className, children }) {
-  return /* @__PURE__ */ jsx("a", { href, className, children });
-}
-function CmsImage({
-  src,
-  fallbackSrc = DEFAULT_CMS_IMAGE_URL,
-  onError,
-  ...props
-}) {
-  const imageSrc = src?.trim() || fallbackSrc;
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src: imageSrc,
-      onError: (event) => {
-        onError?.(event);
-        const image = event.currentTarget;
-        if (image.dataset.cmsFallback === "true") {
-          return;
-        }
-        image.dataset.cmsFallback = "true";
-        image.src = fallbackSrc;
-      },
-      ...props
-    }
-  );
-}
-function RichTextSection({ section }) {
-  const html = settingString(section.settings, "html") || settingString(section.settings, "content") || settingString(section.settings, "richText");
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    html ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "prose prose-neutral max-w-none",
-        dangerouslySetInnerHTML: { __html: sanitizeHtml(html) }
-      }
-    ) : null
-  ] });
-}
-function CustomHtmlSection({ section }) {
-  const html = settingString(section.settings, "html") || settingString(section.settings, "content");
-  if (!html) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      className: "cms-custom-html",
-      dangerouslySetInnerHTML: { __html: sanitizeHtml(html) }
-    }
-  );
-}
-function FloatingBlockSection({
-  section,
-  linkComponent: LinkComponent
-}) {
-  const settings = section.settings ?? {};
-  const title = settingContent(settings, "title");
-  const text = settingContent(settings, "text");
-  const imageUrl = settingString(settings, "imageUrl");
-  const linkText = settingContent(settings, "linkText");
-  const linkUrl = storefrontHref(settingString(settings, "linkUrl"));
-  const x = boundedPercent(settingNumber(settings, "x", 8));
-  const y = boundedPercent(settingNumber(settings, "y", 12));
-  const width = Math.min(
-    Math.max(boundedPercent(settingNumber(settings, "width", 28)), 12),
-    90
-  );
-  const zIndex = Math.max(Math.round(settingNumber(settings, "zIndex", 20)), 1);
-  if (!title && !text && !imageUrl) {
-    return null;
-  }
-  const content = /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-black/10 bg-white text-neutral-950 shadow-lg", children: [
-    imageUrl ? /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-neutral-100", children: /* @__PURE__ */ jsx(
-      CmsImage,
-      {
-        src: imageUrl,
-        alt: "",
-        className: "h-full w-full object-cover",
-        loading: "lazy"
-      }
-    ) }) : null,
-    /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-      title ? /* @__PURE__ */ jsx("p", { className: "text-base font-semibold leading-6", children: title }) : null,
-      text ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-5 text-neutral-600", children: text }) : null,
-      linkText && linkUrl !== "#" ? /* @__PURE__ */ jsx("span", { className: "mt-3 inline-flex text-sm font-medium underline underline-offset-4", children: linkText }) : null
-    ] })
-  ] });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute",
-      style: {
-        left: `${x}%`,
-        top: `${y}%`,
-        width: `${width}%`,
-        zIndex
-      },
-      children: linkText && linkUrl !== "#" ? /* @__PURE__ */ jsx(LinkComponent, { href: linkUrl, children: content }) : content
-    }
-  );
-}
-function FaqSection({ section }) {
-  const items = orderedBlocks(section.blocks);
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-12", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsx("div", { className: "divide-y rounded-lg border bg-white", children: items.map((item, index) => /* @__PURE__ */ jsxs("details", { className: "group p-4", children: [
-      /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-sm font-medium text-neutral-950", children: settingContent(item.settings, "question") || settingContent(item.settings, "title") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-6 text-neutral-600", children: settingContent(item.settings, "answer") || settingContent(item.settings, "content") })
-    ] }, getCmsBlockKey(item, index))) })
-  ] });
-}
-function boundedPercent(value) {
-  if (!Number.isFinite(value)) {
-    return 0;
-  }
-  return Math.min(Math.max(value, 0), 100);
-}
-function NewsletterSection({ section }) {
-  const title = sectionTitleContent(section) || "Recibe novedades";
-  const subtitle = settingContent(section.settings, "subtitle");
-  const placeholder = settingString(section.settings, "placeholder") || "tu@email.com";
-  const buttonText = settingContent(section.settings, "buttonText") || "Suscribirme";
-  return /* @__PURE__ */ jsx("section", { className: "bg-neutral-950 px-4 py-14 text-white", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-3xl font-semibold", children: title }),
-    subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-white/70", children: subtitle }) : null,
-    /* @__PURE__ */ jsxs("form", { className: "mt-6 flex flex-col gap-2 sm:flex-row", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "email",
-          placeholder,
-          className: "h-10 flex-1 rounded-md border border-white/20 bg-white px-3 text-sm text-neutral-950 outline-none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "submit",
-          className: "h-10 rounded-md bg-white px-5 text-sm font-medium text-neutral-950",
-          children: buttonText
-        }
-      )
-    ] })
-  ] }) });
-}
-function IconRowSection({
-  section,
-  linkComponent: LinkComponent
-}) {
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: orderedBlocks(section.blocks).map((block, index) => {
-      const settings = block.settings ?? {};
-      const href = storefrontHref(settingString(settings, "linkUrl"));
-      const content = /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-white p-4", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-neutral-950", children: settingContent(settings, "title") || settingContent(settings, "label") }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-neutral-600", children: settingContent(settings, "subtitle") || settingContent(settings, "description") })
-      ] });
-      return href === "#" ? /* @__PURE__ */ jsx("div", { children: content }, getCmsBlockKey(block, index)) : /* @__PURE__ */ jsx(LinkComponent, { href, children: content }, getCmsBlockKey(block, index));
-    }) })
-  ] });
-}
-function TestimonialsSection({
-  section
-}) {
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-12", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-3", children: orderedBlocks(section.blocks).map((block, index) => /* @__PURE__ */ jsxs(
-      "blockquote",
-      {
-        className: "rounded-lg border bg-white p-5",
-        children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm leading-6 text-neutral-700", children: settingString(block.settings, "quote") || settingContent(block.settings, "content") || settingContent(block.settings, "text") }),
-          /* @__PURE__ */ jsx("footer", { className: "mt-4 text-sm font-medium text-neutral-950", children: settingContent(block.settings, "author") || settingContent(block.settings, "name") })
-        ]
-      },
-      getCmsBlockKey(block, index)
-    )) })
-  ] });
-}
-function StatsSection({ section }) {
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-12", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: orderedBlocks(section.blocks).map((block, index) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "rounded-lg border bg-white p-5",
-        children: [
-          /* @__PURE__ */ jsx("p", { className: "text-3xl font-semibold text-neutral-950", children: settingContent(block.settings, "value") }),
-          /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-neutral-600", children: settingContent(block.settings, "label") || settingContent(block.settings, "title") })
-        ]
-      },
-      getCmsBlockKey(block, index)
-    )) })
-  ] });
-}
-function TimelineSection({ section }) {
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-12", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-4 border-l pl-5", children: orderedBlocks(section.blocks).map((block, index) => /* @__PURE__ */ jsxs("article", { className: "relative", children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute -left-[27px] top-1 size-3 rounded-full bg-neutral-950" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-neutral-950", children: settingContent(block.settings, "title") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-neutral-600", children: settingContent(block.settings, "description") || settingContent(block.settings, "content") })
-    ] }, getCmsBlockKey(block, index))) })
-  ] });
-}
-function ContactFormSection({ section }) {
-  const fields = orderedBlocks(section.blocks);
-  const submitText = settingString(section.settings, "submitText") || "Enviar";
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-12", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsxs("form", { className: "mx-auto grid max-w-2xl gap-3", children: [
-      (fields.length > 0 ? fields : defaultContactFields()).map(
-        (field, index) => /* @__PURE__ */ jsx(ContactField, { field }, getCmsBlockKey(field, index))
-      ),
-      /* @__PURE__ */ jsx("button", { className: "h-10 rounded-md bg-neutral-950 px-4 text-sm font-medium text-white", children: submitText })
-    ] })
-  ] });
-}
-function ContactField({ field }) {
-  const type = settingString(field.settings, "type") || "text";
-  const label = settingString(field.settings, "label");
-  const placeholder = settingString(field.settings, "placeholder");
-  const name = settingString(field.settings, "name");
-  const className = "h-10 rounded-md border px-3 text-sm";
-  if (type === "textarea") {
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        name,
-        "aria-label": label || placeholder,
-        className: "min-h-32 rounded-md border px-3 py-2 text-sm",
-        placeholder: placeholder || label
-      }
-    );
-  }
-  if (type === "select") {
-    const rawOptions = field.settings?.options;
-    const options = Array.isArray(rawOptions) ? rawOptions.filter((item) => typeof item === "string") : settingString(field.settings, "options").split("\n").map((item) => item.trim()).filter(Boolean);
-    return /* @__PURE__ */ jsxs("select", { name, "aria-label": label, className, children: [
-      /* @__PURE__ */ jsx("option", { value: "", children: placeholder || label }),
-      options.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      name,
-      type,
-      "aria-label": label || placeholder,
-      className,
-      placeholder: placeholder || label
-    }
-  );
-}
-function defaultContactFields() {
-  return [
-    {
-      type: "field",
-      order: 1,
-      settings: { name: "fullName", type: "text", label: "Nombre" }
-    },
-    {
-      type: "field",
-      order: 2,
-      settings: { name: "email", type: "email", label: "Email" }
-    },
-    {
-      type: "field",
-      order: 3,
-      settings: { name: "message", type: "textarea", label: "Mensaje" }
-    }
-  ];
-}
-function UnknownSection({ section }) {
-  return /* @__PURE__ */ jsx("section", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxs("div", { className: "rounded border border-dashed p-4 text-sm text-neutral-500", children: [
-    'Seccion tipo "',
-    section.type,
-    '" pendiente de renderer.'
-  ] }) });
-}
-function AnnouncementBarSection({
-  section,
-  linkComponent: LinkComponent
-}) {
-  const text = settingContent(section.settings, "text") || sectionTitleContent(section);
-  const linkText = settingContent(section.settings, "linkText");
-  const href = storefrontHref(settingString(section.settings, "linkUrl"));
-  if (!text) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("section", { className: "bg-neutral-950 px-4 py-2 text-white", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto flex flex-wrap items-center justify-center gap-2 text-center text-sm", children: [
-    /* @__PURE__ */ jsx("span", { children: text }),
-    linkText && href !== "#" ? /* @__PURE__ */ jsx(
-      LinkComponent,
-      {
-        href,
-        className: "font-medium underline underline-offset-4",
-        children: linkText
-      }
-    ) : null
-  ] }) });
-}
-function HeroSection({
-  section,
-  linkComponent: LinkComponent
-}) {
-  const slides = orderedBlocks(section.blocks);
-  const fallbackSlide = {
-    id: `${section.id ?? "section"}-fallback`,
-    type: "slide",
-    order: 1,
-    settings: section.settings ?? {}
-  };
-  const visibleSlides = slides.length > 0 ? slides : [fallbackSlide];
-  return /* @__PURE__ */ jsx("section", { className: "bg-neutral-950 text-white", children: /* @__PURE__ */ jsx("div", { className: "flex snap-x overflow-x-auto", children: visibleSlides.map((slide, index) => {
-    const settings = slide.settings ?? {};
-    const imageUrl = settingString(settings, "imageUrl") || settingString(section.settings, "imageUrl") || DEFAULT_CMS_IMAGE_URL;
-    const title = settingContent(settings, "title") || settingContent(section.settings, "title") || sectionTitleContent(section);
-    const subtitle = settingContent(settings, "subtitle") || settingContent(section.settings, "subtitle");
-    const ctaText = settingContent(settings, "ctaText") || settingContent(section.settings, "ctaText");
-    const ctaUrl = settingString(settings, "ctaUrl") || settingString(section.settings, "ctaUrl");
-    const href = storefrontHref(ctaUrl);
-    return /* @__PURE__ */ jsxs(
-      "article",
-      {
-        className: "relative min-h-[520px] w-full shrink-0 snap-start overflow-hidden",
-        children: [
-          /* @__PURE__ */ jsx(
-            CmsImage,
-            {
-              src: imageUrl,
-              alt: "",
-              className: "absolute inset-0 h-full w-full object-cover opacity-75"
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 via-black/35 to-transparent" }),
-          /* @__PURE__ */ jsx("div", { className: "container relative z-10 mx-auto flex min-h-[520px] items-center px-4", children: /* @__PURE__ */ jsxs("div", { className: "max-w-2xl py-16", children: [
-            /* @__PURE__ */ jsx("h1", { className: "text-4xl font-semibold tracking-tight md:text-6xl", children: title }),
-            subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-4 max-w-xl text-base text-white/85 md:text-lg", children: subtitle }) : null,
-            ctaText && href !== "#" ? /* @__PURE__ */ jsx(
-              LinkComponent,
-              {
-                href,
-                className: "mt-8 inline-flex h-10 items-center rounded-md bg-white px-5 text-sm font-medium text-neutral-950 transition hover:bg-white/90",
-                children: ctaText
-              }
-            ) : null
-          ] }) })
-        ]
-      },
-      getCmsBlockKey(slide, index)
-    );
-  }) }) });
-}
-function ProductsSection({
-  section,
-  products,
-  carousel,
-  linkComponent,
-  currency,
-  preview
-}) {
-  const placeholders = preview && products.length === 0;
-  const count = Math.min(
-    productPreviewCount(section, carousel),
-    carousel ? 5 : 8
-  );
-  return /* @__PURE__ */ jsxs("section", { className: carousel ? "py-12" : "container mx-auto px-4 py-12", children: [
-    carousel ? /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ jsx(SectionHeading, { section }) }) : /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsx("div", { className: carousel ? "container mx-auto overflow-x-auto px-4" : "", children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: carousel ? "flex min-w-full gap-4 pb-2" : "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
-        children: placeholders ? Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(ProductPlaceholder, { carousel }, index)) : products.map((product) => /* @__PURE__ */ jsx(
-          ProductCard,
-          {
-            product,
-            carousel,
-            linkComponent,
-            currency
-          },
-          product.id
-        ))
-      }
-    ) }),
-    !placeholders && products.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { children: "No hay productos para mostrar." }) : null
-  ] });
-}
-function CategoryGridSection({
-  section,
-  collections,
-  linkComponent: LinkComponent,
-  preview
-}) {
-  const blockItems = orderedBlocks(section.blocks).map((block) => {
-    const settings = block.settings ?? {};
-    const name = settingContent(settings, "name") || settingContent(settings, "title");
-    const url = settingString(settings, "url") || settingString(settings, "linkUrl");
-    const imageUrl = settingString(settings, "imageUrl");
-    if (!name) {
-      return null;
-    }
-    return {
-      id: getCmsBlockKey(block, block.order),
-      name,
-      href: storefrontHref(url || "/collections"),
-      imageUrl: imageUrl || DEFAULT_CMS_IMAGE_URL
-    };
-  }).filter(Boolean);
-  const collectionItems = collections.map((collection) => ({
-    id: collection.id,
-    name: collection.name,
-    href: `/store/collections/${collection.slug}`,
-    imageUrl: collection.imageUrl || DEFAULT_CMS_IMAGE_URL
-  }));
-  const previewItems = preview ? createPreviewCollections(section) : [];
-  const items = blockItems.length > 0 ? blockItems : collectionItems.length > 0 ? collectionItems : previewItems;
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-12", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    items.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: items.map((item) => /* @__PURE__ */ jsxs(
-      LinkComponent,
-      {
-        href: item.href,
-        className: "group overflow-hidden rounded-lg border bg-white",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "aspect-[4/3] overflow-hidden bg-neutral-100", children: /* @__PURE__ */ jsx(
-            CmsImage,
-            {
-              src: item.imageUrl,
-              alt: "",
-              className: "h-full w-full object-cover transition duration-300 group-hover:scale-105"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("h3", { className: "text-base font-medium text-neutral-950", children: item.name }) })
-        ]
-      },
-      item.id
-    )) }) : /* @__PURE__ */ jsx(EmptyState, { children: "No hay categorias para mostrar." })
-  ] });
-}
-function PromoCardsSection({
-  section,
-  linkComponent: LinkComponent
-}) {
-  const cards = orderedBlocks(section.blocks);
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-12", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2", children: cards.map((card, index) => {
-      const settings = card.settings ?? {};
-      const title = settingContent(settings, "title");
-      const subtitle = settingContent(settings, "subtitle");
-      const imageUrl = settingString(settings, "imageUrl") || DEFAULT_CMS_IMAGE_URL;
-      const ctaText = settingContent(settings, "ctaText");
-      const ctaUrl = storefrontHref(
-        settingString(settings, "ctaUrl") || settingString(settings, "url")
-      );
-      return /* @__PURE__ */ jsxs(
-        LinkComponent,
-        {
-          href: ctaUrl,
-          className: "group relative min-h-[260px] overflow-hidden rounded-lg bg-neutral-900 text-white",
-          children: [
-            /* @__PURE__ */ jsx(
-              CmsImage,
-              {
-                src: imageUrl,
-                alt: "",
-                className: "absolute inset-0 h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105"
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/35" }),
-            /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex min-h-[260px] flex-col justify-end p-6", children: [
-              /* @__PURE__ */ jsx("h3", { className: "text-2xl font-semibold", children: title }),
-              subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-white/85", children: subtitle }) : null,
-              ctaText ? /* @__PURE__ */ jsx("span", { className: "mt-4 text-sm font-medium", children: ctaText }) : null
-            ] })
-          ]
-        },
-        getCmsBlockKey(card, index)
-      );
-    }) })
-  ] });
-}
-function LogoSliderSection({
-  section,
-  linkComponent: LinkComponent
-}) {
-  return /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx(SectionHeading, { section }),
-    /* @__PURE__ */ jsx("div", { className: "flex gap-4 overflow-x-auto", children: orderedBlocks(section.blocks).map((block, index) => {
-      const settings = block.settings ?? {};
-      const imageUrl = settingString(settings, "imageUrl") || DEFAULT_CMS_IMAGE_URL;
-      const alt = settingString(settings, "alt") || "Logo";
-      const href = storefrontHref(settingString(settings, "linkUrl"));
-      const logo = /* @__PURE__ */ jsx("div", { className: "flex h-24 w-40 shrink-0 items-center justify-center rounded-lg border bg-white p-4", children: /* @__PURE__ */ jsx(
-        CmsImage,
-        {
-          src: imageUrl,
-          alt,
-          className: "max-h-full max-w-full object-contain"
-        }
-      ) });
-      return href !== "#" ? /* @__PURE__ */ jsx(LinkComponent, { href, children: logo }, getCmsBlockKey(block, index)) : /* @__PURE__ */ jsx("div", { children: logo }, getCmsBlockKey(block, index));
-    }) })
-  ] });
-}
-function ProductCard({
-  product,
-  carousel,
-  linkComponent: LinkComponent,
-  currency
-}) {
-  const onSale = product.compareAtPrice != null && product.compareAtPrice > product.price;
-  return /* @__PURE__ */ jsxs(
-    LinkComponent,
-    {
-      href: `/product/${product.slug}`,
-      className: carousel ? "group w-[220px] shrink-0 sm:w-[250px] md:w-[280px]" : "group",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "aspect-square overflow-hidden rounded-lg border border-neutral-200 bg-neutral-100 transition-all duration-300 group-hover:border-neutral-300", children: /* @__PURE__ */ jsx(
-          CmsImage,
-          {
-            src: product.imageUrl || DEFAULT_CMS_IMAGE_URL,
-            alt: product.name,
-            className: "h-full w-full object-cover object-center transition-transform duration-500 group-hover:scale-105"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col", children: [
-          /* @__PURE__ */ jsx("h3", { className: "line-clamp-2 text-sm font-medium text-neutral-950", children: product.name }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-neutral-950", children: formatCurrency(product.price, currency) }),
-            onSale ? /* @__PURE__ */ jsx("span", { className: "text-sm text-neutral-500 line-through", children: formatCurrency(product.compareAtPrice ?? 0, currency) }) : null
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function ProductPlaceholder({ carousel }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: carousel ? "w-[220px] shrink-0 sm:w-[250px] md:w-[280px]" : "",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "aspect-square rounded-lg bg-neutral-100" }),
-        /* @__PURE__ */ jsx("div", { className: "mt-4 h-3 w-3/4 rounded bg-neutral-200" }),
-        /* @__PURE__ */ jsx("div", { className: "mt-2 h-3 w-1/2 rounded bg-neutral-100" })
-      ]
-    }
-  );
-}
-function productPreviewCount(section, carousel) {
-  const configuredBlocks = orderedBlocks(section.blocks).length;
-  if (configuredBlocks > 0) {
-    return configuredBlocks;
-  }
-  return settingNumber(section.settings, "limit", carousel ? 5 : 8);
-}
-function createPreviewCollections(section) {
-  const count = Math.min(settingNumber(section.settings, "limit", 6), 6);
-  return Array.from({ length: count }, (_, index) => ({
-    id: `preview-collection-${index + 1}`,
-    name: `Categoria ${index + 1}`,
-    href: "/store/collections/all",
-    imageUrl: DEFAULT_CMS_IMAGE_URL
-  }));
-}
-function LayoutSection({ section, renderSections }) {
-  const settings = section.settings ?? {};
-  const paddingY = settingString(settings, "paddingY") || "medium";
-  const maxWidth = settingString(settings, "maxWidth") || "container";
-  const background = settingString(settings, "background") || "default";
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      className: `${layoutBackground(background)} ${layoutPadding(paddingY)}`,
-      children: /* @__PURE__ */ jsx("div", { className: `mx-auto px-4 ${layoutMaxWidth(maxWidth)}`, children: renderSections(layoutChildren(settings, "content")) })
-    }
-  );
-}
-function LayoutGrid({ section, renderSections }) {
-  const settings = section.settings ?? {};
-  const columnCount = Math.min(
-    Math.max(Math.round(settingNumber(settings, "columnCount", 2)), 1),
-    6
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `grid ${layoutGap(settingString(settings, "gap"))}`,
-      style: {
-        gridTemplateColumns: `repeat(${columnCount}, minmax(0, 1fr))`
-      },
-      children: renderSections(layoutChildren(settings, "content"))
-    }
-  );
-}
-function LayoutFlex({ section, renderSections }) {
-  const settings = section.settings ?? {};
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: [
-        "flex",
-        settingString(settings, "direction") === "column" ? "flex-col" : "flex-col md:flex-row",
-        settingString(settings, "wrap") === "nowrap" ? "flex-nowrap" : "flex-wrap",
-        layoutGap(settingString(settings, "gap")),
-        layoutAlign(settingString(settings, "align")),
-        layoutJustify(settingString(settings, "justify"))
-      ].join(" "),
-      children: renderSections(layoutChildren(settings, "content"))
-    }
-  );
-}
-function LayoutSpace({ section }) {
-  const settings = section.settings ?? {};
-  const size = settingString(settings, "size") || "24px";
-  const direction = settingString(settings, "direction") || "vertical";
-  const isHorizontal = direction === "horizontal";
-  const isBoth = direction === "both";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-hidden": "true",
-      style: {
-        display: "block",
-        width: isHorizontal || isBoth ? size : "100%",
-        height: isHorizontal ? "100%" : size
-      }
-    }
-  );
-}
-function CmsSectionsRenderer({
-  sections,
-  sectionData,
-  linkComponent,
-  currency = "PEN",
-  preview = false,
-  wrap = true
-}) {
-  const LinkComponent = linkComponent ?? DefaultLink;
-  const sortedSections = [...sections].sort((a, b) => a.order - b.order);
-  const content = /* @__PURE__ */ jsx(Fragment, { children: sortedSections.map((section, index) => {
-    const sectionKey = getCmsSectionKey(section, index);
-    return /* @__PURE__ */ jsx(
-      CmsSection,
-      {
-        section,
-        data: sectionData?.[sectionKey],
-        linkComponent: LinkComponent,
-        currency,
-        preview
-      },
-      sectionKey
-    );
-  }) });
-  return wrap ? /* @__PURE__ */ jsx("div", { className: "relative", children: content }) : content;
-}
-function CmsSection({
-  section,
-  data,
-  linkComponent,
-  currency,
-  preview
-}) {
-  const type = canonicalSectionType(section.type);
-  const renderSections = (sections) => /* @__PURE__ */ jsx(
-    CmsSectionsRenderer,
-    {
-      sections,
-      linkComponent,
-      currency,
-      preview,
-      wrap: false
-    }
-  );
-  if (type === "layout-section") {
-    return /* @__PURE__ */ jsx(
-      LayoutSection,
-      {
-        section,
-        linkComponent,
-        currency,
-        preview,
-        renderSections
-      }
-    );
-  }
-  if (type === "layout-grid") {
-    return /* @__PURE__ */ jsx(
-      LayoutGrid,
-      {
-        section,
-        linkComponent,
-        currency,
-        preview,
-        renderSections
-      }
-    );
-  }
-  if (type === "layout-flex") {
-    return /* @__PURE__ */ jsx(
-      LayoutFlex,
-      {
-        section,
-        linkComponent,
-        currency,
-        preview,
-        renderSections
-      }
-    );
-  }
-  if (type === "layout-space") {
-    return /* @__PURE__ */ jsx(
-      LayoutSpace,
-      {
-        section,
-        linkComponent,
-        currency,
-        preview,
-        renderSections
-      }
-    );
-  }
-  if (type === "hero") {
-    return /* @__PURE__ */ jsx(HeroSection, { section, linkComponent });
-  }
-  if (type === "announcement-bar") {
-    return /* @__PURE__ */ jsx(AnnouncementBarSection, { section, linkComponent });
-  }
-  if (type === "product-list" || type === "product-carousel") {
-    return /* @__PURE__ */ jsx(
-      ProductsSection,
-      {
-        section,
-        products: data?.products ?? [],
-        carousel: type === "product-carousel",
-        linkComponent,
-        currency,
-        preview
-      }
-    );
-  }
-  if (type === "category-grid" || type === "collection-list") {
-    return /* @__PURE__ */ jsx(
-      CategoryGridSection,
-      {
-        section,
-        collections: data?.collections ?? [],
-        linkComponent,
-        preview
-      }
-    );
-  }
-  if (type === "promo-cards") {
-    return /* @__PURE__ */ jsx(PromoCardsSection, { section, linkComponent });
-  }
-  if (type === "rich-text" || type === "seo-text") {
-    return /* @__PURE__ */ jsx(RichTextSection, { section });
-  }
-  if (type === "custom-html") {
-    return /* @__PURE__ */ jsx(CustomHtmlSection, { section });
-  }
-  if (type === "floating-block") {
-    return /* @__PURE__ */ jsx(FloatingBlockSection, { section, linkComponent });
-  }
-  if (type === "faq") {
-    return /* @__PURE__ */ jsx(FaqSection, { section });
-  }
-  if (type === "newsletter") {
-    return /* @__PURE__ */ jsx(NewsletterSection, { section });
-  }
-  if (type === "trust-badges" || type === "widget-row") {
-    return /* @__PURE__ */ jsx(IconRowSection, { section, linkComponent });
-  }
-  if (type === "logo-slider") {
-    return /* @__PURE__ */ jsx(LogoSliderSection, { section, linkComponent });
-  }
-  if (type === "testimonials") {
-    return /* @__PURE__ */ jsx(TestimonialsSection, { section });
-  }
-  if (type === "stats") {
-    return /* @__PURE__ */ jsx(StatsSection, { section });
-  }
-  if (type === "timeline") {
-    return /* @__PURE__ */ jsx(TimelineSection, { section });
-  }
-  if (type === "contact-form") {
-    return /* @__PURE__ */ jsx(ContactFormSection, { section });
-  }
-  return /* @__PURE__ */ jsx(UnknownSection, { section });
-}
 function buildOptionGroups(variants) {
   const map = /* @__PURE__ */ new Map();
   for (const v of variants) {
@@ -3097,88 +2546,6 @@ function ProductVariantSelector({
     })
   ] });
 }
-function SafeThemeInjector({ theme, className }) {
-  try {
-    if (!theme || typeof theme !== "object") {
-      console.warn("ThemeInjector: Invalid theme provided");
-      return null;
-    }
-    if (!theme.colors || typeof theme.colors !== "object") {
-      console.warn("ThemeInjector: Theme colors are required");
-      return null;
-    }
-    const generateSafeCSSVariables = () => {
-      const cssRules = [":root {"];
-      const toKebabCase = (input) => input.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/_/g, "-").toLowerCase();
-      const sanitizeCSSValue = (value) => {
-        if (typeof value !== "string") return null;
-        const trimmed = value.trim();
-        if (!trimmed) return null;
-        const isValidCSSValue = /^[a-zA-Z0-9\s,()#.-]+$/.test(trimmed);
-        return isValidCSSValue ? trimmed : null;
-      };
-      if (theme.colors && typeof theme.colors === "object") {
-        Object.entries(theme.colors).forEach(([key, value]) => {
-          const sanitizedValue = sanitizeCSSValue(value);
-          if (sanitizedValue) {
-            cssRules.push(`  --color-${key}: ${sanitizedValue};`);
-            cssRules.push(`  --theme-${key}: ${sanitizedValue};`);
-            cssRules.push(`  --${key}: ${sanitizedValue};`);
-            cssRules.push(`  --${toKebabCase(key)}: ${sanitizedValue};`);
-          }
-        });
-      }
-      if (theme.fonts && typeof theme.fonts === "object") {
-        Object.entries(theme.fonts).forEach(([key, value]) => {
-          const sanitizedValue = sanitizeCSSValue(value);
-          if (sanitizedValue) {
-            cssRules.push(`  --font-${key}: ${sanitizedValue};`);
-          }
-        });
-      }
-      if (theme.spacing && typeof theme.spacing === "object") {
-        Object.entries(theme.spacing).forEach(([key, value]) => {
-          const sanitizedValue = sanitizeCSSValue(value);
-          if (sanitizedValue) {
-            cssRules.push(`  --spacing-${key}: ${sanitizedValue};`);
-          }
-        });
-      }
-      if (theme.borderRadius && typeof theme.borderRadius === "object") {
-        Object.entries(theme.borderRadius).forEach(([key, value]) => {
-          const sanitizedValue = sanitizeCSSValue(value);
-          if (sanitizedValue) {
-            cssRules.push(`  --radius-${key}: ${sanitizedValue};`);
-          }
-        });
-      }
-      if (theme.shadows && typeof theme.shadows === "object") {
-        Object.entries(theme.shadows).forEach(([key, value]) => {
-          const sanitizedValue = sanitizeCSSValue(value);
-          if (sanitizedValue) {
-            cssRules.push(`  --shadow-${key}: ${sanitizedValue};`);
-          }
-        });
-      }
-      cssRules.push("}");
-      return cssRules.join("\n");
-    };
-    const cssVariables = generateSafeCSSVariables();
-    return /* @__PURE__ */ jsx(
-      "style",
-      {
-        dangerouslySetInnerHTML: { __html: cssVariables },
-        "data-theme-injector": theme.id,
-        "data-theme-name": theme.name,
-        className,
-        suppressHydrationWarning: true
-      }
-    );
-  } catch (error) {
-    console.error("ThemeInjector: Error generating theme styles", error);
-    return null;
-  }
-}
 function isRenderableCmsPage(p) {
   if (!p.status) return true;
   return p.status === "published";
@@ -3194,6 +2561,6 @@ function findStorefrontCmsPageBySlug(settings, slug) {
   return parsed.success ? parsed.data : null;
 }
 
-export { CartAddressesRequestSchema, CartBuyerRequestSchema, CartCheckoutPaymentActionSchema, CartCheckoutPaymentSchema, CartCheckoutReadResponseSchema, CartCheckoutRequestSchema, CartCheckoutResponseSchema, CartCouponRequestSchema, CartCreateRequestSchema, CartItemModifierRequestSchema, CartItemRequestSchema, CartPaymentMethodSchema, CartPaymentMethodsResponseSchema, CartPaymentReceiptResponseSchema, CartResponseBundleItemSchema, CartResponseItemSchema, CartResponseSchema, CartShippingMethodPutRequestSchema, CmsSectionsRenderer, DEFAULT_CMS_IMAGE_URL, ProductSchema, ProductVariantSchema, ProductVariantSelector, ProductsFiltersSchema, ProductsResponseSchema, QueryProvider, STOREFRONT_API_PATH_PREFIX, STOREFRONT_ECOMIQ_OAUTH_COOKIE_NAME, STOREFRONT_ECOMIQ_OAUTH_COOKIE_PATH, SafeThemeInjector, ShippingOptionGroupSchema, ShippingOptionsResponseSchema, ShippingRateSchema, StorefrontAuthProvider, StorefrontBundleItemSchema, StorefrontCheckoutSettingsSchema, StorefrontCollectionDetailSchema, StorefrontCollectionSchema, StorefrontCollectionsResponseSchema, StorefrontPageDetailSchema, StorefrontPageListItemSchema, StorefrontPriceTierSchema, StorefrontProductDetailSchema, StorefrontProductSchema, StorefrontProductsParamsSchema, StorefrontProductsResponseSchema, StorefrontSettingsLegacyFlatSchema, StorefrontSettingsSchema, StorefrontStoreSchema, apiClient, canonicalSectionType, cartService, collectionService, countryCurrency, customerOrderStatusTone, ecomiqOAuthPassword, ecomiqOAuthPasswordClient, fetchStorefrontGeoDistricts, fetchStorefrontGeoProvinces, findStorefrontCmsPageBySlug, formatCurrency, formatCustomerOrderStatus, formatOrderDate, formatOrderDateTime, getCmsSectionKey, loadStorefrontGeoDepartments, normalizeStorefrontSettingsPayload, pageService, productService, productSortValue, resolveIneiCodesFromLabels, sanitizeHtml, storeService, storefrontAccessTokenNeedsRefresh, storefrontFaviconUrl, storefrontHref, storefrontOgImageUrl, storefrontSessionEndsSoon, storefrontStoreRecord, toGeoItems, useCart, useCartAddresses, useCartCreate, useCartGet, useCollections, useConfig, usePages, useProducts, useStore, useStorefrontAuthClient, useStorefrontGeoInei, useStorefrontSession, useUser };
+export { CartAddressesRequestSchema, CartBuyerRequestSchema, CartCheckoutPaymentActionSchema, CartCheckoutPaymentSchema, CartCheckoutReadResponseSchema, CartCheckoutRequestSchema, CartCheckoutResponseSchema, CartCouponRequestSchema, CartCreateRequestSchema, CartItemModifierRequestSchema, CartItemRequestSchema, CartPaymentMethodSchema, CartPaymentMethodsResponseSchema, CartPaymentReceiptResponseSchema, CartResponseBundleItemSchema, CartResponseItemSchema, CartResponseSchema, CartShippingMethodPutRequestSchema, EcomiqProvider, ProductSchema, ProductVariantSchema, ProductVariantSelector, ProductsFiltersSchema, ProductsResponseSchema, QueryProvider, STOREFRONT_API_PATH_PREFIX, STOREFRONT_ECOMIQ_OAUTH_COOKIE_NAME, STOREFRONT_ECOMIQ_OAUTH_COOKIE_PATH, ShippingOptionGroupSchema, ShippingOptionsResponseSchema, ShippingRateSchema, StorefrontAuthProvider, StorefrontBundleItemSchema, StorefrontCheckoutSettingsSchema, StorefrontCollectionDetailSchema, StorefrontCollectionSchema, StorefrontCollectionsResponseSchema, StorefrontPageDetailSchema, StorefrontPageListItemSchema, StorefrontPriceTierSchema, StorefrontProductDetailSchema, StorefrontProductSchema, StorefrontProductsParamsSchema, StorefrontProductsResponseSchema, StorefrontSettingsLegacyFlatSchema, StorefrontSettingsSchema, StorefrontStoreSchema, apiClient, cartService, collectionService, countryCurrency, customerOrderStatusTone, ecomiqOAuthPassword, ecomiqOAuthPasswordClient, fetchStorefrontGeoDistricts, fetchStorefrontGeoProvinces, findStorefrontCmsPageBySlug, formatCurrency, formatCustomerOrderStatus, formatOrderDate, formatOrderDateTime, loadStorefrontGeoDepartments, normalizeStorefrontSettingsPayload, pageService, productService, resolveIneiCodesFromLabels, storeService, storefrontAccessTokenNeedsRefresh, storefrontFaviconUrl, storefrontOgImageUrl, storefrontSessionEndsSoon, storefrontStoreRecord, toGeoItems, useCart, useCartAddresses, useCartCreate, useCartGet, useCollections, useConfig, usePages, useProducts, useStore, useStorefrontAuthClient, useStorefrontGeoInei, useStorefrontSession, useUser };
 //# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map