@ecomiq/storefront 3.0.1 → 3.1.0

package/dist/{session-CKvmFJyg.js → session-DR_9-bcf.js}

@@ -1,12 +1,12 @@
-import { loadStorefrontTranslations, storefrontText } from "./storefront-text-D25ae1qf.js";
-import { captchaResponse } from "./captcha-DAqaIx8m.js";
+import { loadStorefrontTranslations, storefrontText } from "./storefront-text-Co7iUnLM.js";
+import { captchaResponse } from "./captcha-CZkpghTO.js";
 import { base64Url, customerCookies, customerSessionId, equalSecret } from "./customer-cookies-DHOgFAMV.js";
 import { safeNext } from "./form-BtQcbXlJ.js";
-import { PREVIEW_TOKEN } from "./preview-BiIBif3C.js";
+import { PREVIEW_TOKEN } from "./preview-JWdMO6kX.js";
 import { customerClientHeaders, customerCsrfTokenForRequest, rejectCrossOriginAction } from "./request-security-CRsRMgwj.js";
-import { store } from "./store-8Q-_LFrQ.js";
-import { requestUrl } from "./urls-CpGQPxvf.js";
-import { worker } from "./worker-CNi-gzCu.js";
+import { store } from "./store-uU2gWdMY.js";
+import { requestUrl } from "./urls-D4uinJVd.js";
+import { worker } from "./worker-cbXmLvfR.js";
 import { data, redirect } from "react-router";
 import { ApiError } from "@ecomiq/core";
 import { z } from "zod";
@@ -38,6 +38,12 @@ const ChallengeErrorSchema = z.object({
 	message: z.string(),
 	needsSecondFactor: z.boolean().optional()
 });
+const EDITOR_CAPTCHA = {
+	provider: "off",
+	siteKey: null,
+	isConfigured: true
+};
+const EDITOR_LOGIN_NOTICE = "El ingreso de clientes solo funciona en la tienda publicada.";
 function validLoginTransaction(transaction, configuration, origin) {
 	if (Date.now() - transaction.createdAt > 6e5 || transaction.createdAt > Date.now() || transaction.redirectUri !== new URL("/account/callback", origin).href || transaction.redirectUri !== configuration.redirectUri || transaction.authorizationEndpoint !== configuration.authorizationEndpoint || transaction.loginMode !== configuration.loginMode) return false;
 	const authorize = new URL(transaction.returnUrl, configuration.authority);
@@ -68,6 +74,15 @@ async function customerCsrfToken(request, context) {
 function previewing(request, env) {
 	return env.ECOMIQ_PREVIEW === "1" && !/^\/account\/(login|callback)(\/|$)/.test(requestUrl(request).pathname);
 }
+function editorLoginForm(email, error) {
+	return data({
+		step: "email",
+		email,
+		captcha: EDITOR_CAPTCHA,
+		retryAt: 0,
+		error
+	}, { headers: PRIVATE_HEADERS });
+}
 async function readCustomer(request, context) {
 	const env = context.get(worker).env;
 	if (previewing(request, env)) return {
@@ -168,6 +183,7 @@ async function loginFailure(message, status, headers, context) {
 	});
 }
 async function startCustomerLogin(request, context) {
+	if (context.get(worker).env.ECOMIQ_PREVIEW === "1") return editorLoginForm("", null);
 	const url = new URL(request.url);
 	const next = safeNext(url.searchParams.get("next"));
 	const current = await customer(request, context);
@@ -222,6 +238,10 @@ async function startCustomerLogin(request, context) {
 async function submitCustomerLogin(request, context) {
 	const rejected = rejectCrossOriginAction(request);
 	if (rejected) return rejected;
+	if (context.get(worker).env.ECOMIQ_PREVIEW === "1") {
+		const email = (await request.formData()).get("email");
+		return editorLoginForm(typeof email === "string" ? email.trim() : "", EDITOR_LOGIN_NOTICE);
+	}
 	const origin = new URL(request.url).origin;
 	const configuration = await store(context).upsertCustomerAuthConfiguration(origin);
 	const cookies = customerCookies(context.get(worker).env);
@@ -354,6 +374,10 @@ async function completeCustomerLogin(request, context) {
 }
 async function logout(request, context) {
 	const env = context.get(worker).env;
+	if (env.ECOMIQ_PREVIEW === "1") return redirect("/", {
+		status: 303,
+		headers: PRIVATE_HEADERS
+	});
 	const origin = new URL(request.url).origin;
 	const configuration = await store(context).upsertCustomerAuthConfiguration(origin);
 	if (configuration.redirectUri !== new URL("/account/callback", origin).href) throw new Error("El dominio de salida no corresponde a esta tienda.");

package/dist/{store-8Q-_LFrQ.js → store-uU2gWdMY.js}

@@ -1,8 +1,8 @@
 import { apiCacheFetch, uncachedFetch } from "./api-cache-DsuIn5hX.js";
-import { previewClient } from "./preview-BiIBif3C.js";
+import { previewClient } from "./preview-JWdMO6kX.js";
 import { productPreviewClient } from "./product-preview-BspMAecJ.js";
 import { observeStorefrontClient } from "./telemetry-HuZXWBPi.js";
-import { worker } from "./worker-CNi-gzCu.js";
+import { worker } from "./worker-cbXmLvfR.js";
 import { data } from "react-router";
 import { ApiError, GraphQLResponseError, createClient } from "@ecomiq/core";
 import { z } from "zod";

package/dist/{storefront-language-DrMjVbmk.js → storefront-language-Bnt-TU2F.js}

@@ -1,4 +1,4 @@
-import { storefrontText } from "./storefront-text-D25ae1qf.js";
+import { storefrontText } from "./storefront-text-Co7iUnLM.js";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/storefront-language.tsx

package/dist/{storefront-text-D25ae1qf.js → storefront-text-Co7iUnLM.js}

@@ -1,8 +1,8 @@
 // src/storefront-text.ts
 async function loadStorefrontTranslations(language) {
 	const code = language.split("-")[0];
-	if (code === "en") return (await import("./storefront-text-en-ljjjSS4q.js")).default;
-	if (code === "pt") return (await import("./storefront-text-pt-BtHaJLcp.js")).default;
+	if (code === "en") return (await import("./storefront-text-en-DzYmdOuY.js")).default;
+	if (code === "pt") return (await import("./storefront-text-pt-CizClH0I.js")).default;
 	return {};
 }
 function storefrontText(translations, source, values = {}) {

package/dist/{storefront-text-en-ljjjSS4q.js → storefront-text-en-DzYmdOuY.js}

@@ -419,6 +419,7 @@ const translations = {
 	"Completa la verificación antes de continuar.": "Complete verification before continuing.",
 	"No pudimos enviar el código. Intenta de nuevo en unos minutos.": "We couldn't send the code. Try again in a few minutes.",
 	"Solicita un código para continuar.": "Request a code to continue.",
+	"El ingreso de clientes solo funciona en la tienda publicada.": "Customer sign-in only works in the published store.",
 	"Ingresa el código de seis dígitos que enviamos a tu correo.": "Enter the six-digit code sent to your email.",
 	"Ingresa el código de tu aplicación de autenticación o uno de recuperación.": "Enter your authenticator app code or a recovery code.",
 	"No pudimos completar el acceso. Intenta de nuevo en unos minutos.": "We couldn't sign you in. Try again in a few minutes.",
@@ -1025,6 +1026,10 @@ const translations = {
 	"Guardado en favoritos": "Saved to favorites",
 	"Detalles del producto": "Product details",
 	"Cliente": "Customer",
-	"Elegir": "Choose"
+	"Elegir": "Choose",
+	"Sin elegir": "None",
+	"Elige al menos {value0}": "Choose at least {value0}",
+	"Elige hasta {value0}": "Choose up to {value0}",
+	"Personalización": "Customization"
 };
 export { translations as default };

package/dist/{storefront-text-pt-BtHaJLcp.js → storefront-text-pt-CizClH0I.js}

@@ -419,6 +419,7 @@ const translations = {
 	"Completa la verificación antes de continuar.": "Conclua a verificação antes de continuar.",
 	"No pudimos enviar el código. Intenta de nuevo en unos minutos.": "Não foi possível enviar o código. Tente novamente em alguns minutos.",
 	"Solicita un código para continuar.": "Solicite um código para continuar.",
+	"El ingreso de clientes solo funciona en la tienda publicada.": "O acesso de clientes só funciona na loja publicada.",
 	"Ingresa el código de seis dígitos que enviamos a tu correo.": "Informe o código de seis dígitos enviado ao seu e-mail.",
 	"Ingresa el código de tu aplicación de autenticación o uno de recuperación.": "Informe o código do aplicativo autenticador ou um código de recuperação.",
 	"No pudimos completar el acceso. Intenta de nuevo en unos minutos.": "Não foi possível entrar. Tente novamente em alguns minutos.",
@@ -1025,6 +1026,10 @@ const translations = {
 	"Guardado en favoritos": "Salvo nos favoritos",
 	"Detalles del producto": "Detalhes do produto",
 	"Cliente": "Cliente",
-	"Elegir": "Escolher"
+	"Elegir": "Escolher",
+	"Sin elegir": "Nenhuma",
+	"Elige al menos {value0}": "Escolha pelo menos {value0}",
+	"Elige hasta {value0}": "Escolha até {value0}",
+	"Personalización": "Personalização"
 };
 export { translations as default };

package/dist/{stripe-dialog-Ev9s3Z62.js → stripe-dialog-D88qfkUS.js}

@@ -1,6 +1,6 @@
-import { useStorefrontLocale, useStorefrontText } from "./storefront-language-DrMjVbmk.js";
+import { useStorefrontLocale, useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
 import { money } from "./money-DtGOtDri.js";
-import { PaymentDialogFrame } from "./payment-dialog-frame-B-Q_xQ94.js";
+import { PaymentDialogFrame } from "./payment-dialog-frame-xtidt_eM.js";
 import { confirmingPaymentUrl } from "./payment-return-5cjypwIw.js";
 import { useNavigate } from "react-router";
 import { useEffect, useRef, useState } from "react";

package/dist/{templates-CAqoNyTW.js → templates-AgGupnPA.js}

@@ -1,5 +1,5 @@
-import { loadSections, withSections } from "./sections-CNUMWTF_.js";
-import { worker } from "./worker-CNi-gzCu.js";
+import { loadSections, withSections } from "./sections-CgpjubkB.js";
+import { worker } from "./worker-cbXmLvfR.js";
 // src/templates.ts
 const TEMPLATE = "ecomiqTemplate";
 const NAME = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;

package/dist/{urls-CpGQPxvf.js → urls-D4uinJVd.js}

@@ -1,6 +1,6 @@
 import { readCatalog } from "./catalog-7gJ-l5hW.js";
 import { documentUrl } from "./document-url-CGsAl5Tf.js";
-import { store } from "./store-8Q-_LFrQ.js";
+import { store } from "./store-uU2gWdMY.js";
 import { data, redirect } from "react-router";
 import { sanitizeHtml } from "@ecomiq/core";
 // src/urls.ts

package/dist/{use-checkout-CZcxXJXi.js → use-checkout-Jdk8P12A.js}

@@ -1,4 +1,4 @@
-import { checkoutAddressDefaults, checkoutProgress, checkoutStep, defaultPaymentMethod, needsShipping } from "./checkout-DVWSXANi.js";
+import { checkoutAddressDefaults, checkoutProgress, checkoutStep, defaultPaymentMethod, needsShipping } from "./checkout-DsI1MY14.js";
 import { useCustomerCsrfToken } from "./customer-csrf-C1oDX-Py.js";
 import { useFetcher, useNavigation, useSearchParams } from "react-router";
 // src/use-checkout.ts

package/dist/{use-checkout-payment-9R-zacrJ.js → use-checkout-payment-BGX-BE6D.js}

@@ -1,4 +1,4 @@
-import { findStripeWallet } from "./stripe-dialog-Ev9s3Z62.js";
+import { findStripeWallet } from "./stripe-dialog-D88qfkUS.js";
 import { usePaymentToken } from "./use-payment-token-CErx-tN-.js";
 import { gathered } from "./checkout-form-CbOIdENC.js";
 import { useRef, useState } from "react";

package/dist/{voucher-payment-CVFDZ1L8.js → voucher-payment-B3o9ybg6.js}

@@ -1,4 +1,4 @@
-import { useStorefrontLocale, useStorefrontText } from "./storefront-language-DrMjVbmk.js";
+import { useStorefrontLocale, useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
 import { money } from "./money-DtGOtDri.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/voucher-payment.tsx

package/dist/{worker-CNi-gzCu.js → worker-cbXmLvfR.js}

@@ -1,9 +1,9 @@
 import { cartCookie } from "./cart-D7DxZ2lD.js";
-import "./preview-cart-Dg2CVktS.js";
+import "./preview-cart-COIP3Vfh.js";
 import { productPreviewFrom, productPreviewResponse } from "./product-preview-BspMAecJ.js";
 import { StorefrontSdkTiming, durationMetric } from "./telemetry-HuZXWBPi.js";
 import { privateCustomerResponse, rejectCrossOriginAction, rejectCustomerCsrf } from "./request-security-CRsRMgwj.js";
-import { seoResponse } from "./seo-GpDRhAAA.js";
+import { seoResponse } from "./seo-D9UdUMg9.js";
 import { confirmingPaymentUrl } from "./payment-return-5cjypwIw.js";
 import { RouterContextProvider, createContext, createRequestHandler } from "react-router";
 import { STOREFRONT_CACHE_REVISION_HEADER, StorefrontCacheTokenSchema } from "@ecomiq/core/storefront-cache-revision";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecomiq/storefront",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Ecomiq para React Router: tienda, carrito, sesión de cliente y catálogo en un Worker",
   "type": "module",
   "license": "MIT",
@@ -94,7 +94,7 @@
     "qrcode-generator": "^2.0.4",
     "sharp": "^0.35.5",
     "zod": "^4.6.6",
-    "@ecomiq/core": "^1.0.0"
+    "@ecomiq/core": "^1.1.0"
   },
   "peerDependencies": {
     "react": "^19.2.0",

package/src/sections/account-order.tsx

@@ -1,4 +1,4 @@
-import { formatOrderDate, type CustomerOrderDetail, type CustomerOrderLineItem, type OrderStep } from "@ecomiq/core";
+import { formatOrderDate, lineUnitPrice, type CustomerOrderDetail, type CustomerOrderLineItem, type OrderStep } from "@ecomiq/core";
 import { useEffect, useState } from "react";
 import { Form, Link, useNavigation } from "react-router";
 import { Button } from "@theme/ui/button";
@@ -16,6 +16,7 @@ import {
   useOrderStepDetail,
   type OrderRequestActionData,
 } from "../entries/account";
+import { ItemPersonalization } from "../entries/cart";
 
 export const catalog: SectionCatalog = {
   name: "Detalle del pedido",
@@ -119,8 +120,9 @@ function ShipmentCard({ shipment, currency }: { shipment: Shipment; currency: st
                 <p className="font-medium">{item.title}</p>
               )}
               {item.variantTitle ? <p className="text-sm text-muted-foreground">{item.variantTitle}</p> : null}
+              <ItemPersonalization modifiers={item.modifiers} formatPrice={(value) => money(value, currency, locale)} />
               <p className="text-sm text-muted-foreground">
-                {money(item.unitPrice, currency, locale)} × {item.quantity}
+                {money(lineUnitPrice(item), currency, locale)} × {item.quantity}
               </p>
             </div>
             <p className="text-sm font-medium">{money(item.total, currency, locale)}</p>

package/src/sections/checkout.tsx

@@ -1,3 +1,4 @@
+import { lineTotal } from "@ecomiq/core";
 import type { ComponentProps, CSSProperties, ReactNode, SelectHTMLAttributes } from "react";
 import { Link, useRouteLoaderData } from "react-router";
 import { Button } from "@theme/ui/button";
@@ -23,6 +24,7 @@ import {
   type CheckoutData,
   type CheckoutStep,
 } from "../entries/checkout";
+import { ItemPersonalization } from "../entries/cart";
 
 export const catalog: SectionCatalog = {
   name: "Finalizar compra",
@@ -240,9 +242,10 @@ export function Checkout({ data, result, ...root }: { data: CheckoutData; result
           <span className="flex min-w-0 flex-1 flex-col">
             <span className="font-medium">{item.title}</span>
             {item.variantLabel && item.variantLabel !== item.title ? <span className="text-xs text-muted-foreground">{item.variantLabel}</span> : null}
+            <ItemPersonalization modifiers={item.modifiers} formatPrice={format} className="mt-0.5" />
             {item.sellerName ? <span className="text-xs text-muted-foreground">{storefrontTranslate("Vendido por")} {item.sellerName}</span> : null}
           </span>
-          <span className="tabular-nums">{format(item.unitPrice * item.quantity)}</span>
+          <span className="tabular-nums">{format(lineTotal(item))}</span>
         </li>
       ))}
     </ul>

package/src/sections/draft-invoice.tsx

@@ -2,6 +2,7 @@ import { Form, Link, useNavigation } from "react-router";
 import { Button } from "@theme/ui/button";
 import { useStorefrontText, CustomerCsrfField, money, setting, type SectionCatalog, type SectionRoot } from "../index";
 import { orderSummaryLines, type OrderDraftActionData, type OrderDraftData } from "../entries/order";
+import { ItemPersonalization } from "../entries/cart";
 
 export const catalog: SectionCatalog = {
   name: "Pedido por pagar",
@@ -48,6 +49,7 @@ export function DraftInvoice({ loaderData, actionData, ...root }: { loaderData:
             <span className="flex flex-1 flex-col gap-0.5">
               <span className="font-medium">{item.title}</span>
               {item.subtitle ? <span className="text-sm text-muted-foreground">{item.subtitle}</span> : null}
+              <ItemPersonalization modifiers={item.modifiers} formatPrice={price} />
               <span className="text-sm text-muted-foreground tabular-nums">×{item.quantity}</span>
             </span>
             <span className="font-medium tabular-nums">{price(item.total)}</span>