@ecomiq/storefront 3.0.2 → 3.1.1

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

@@ -1,12 +1,12 @@
-import { loadStorefrontTranslations, storefrontText } from "./storefront-text-Cdo69zlx.js";
-import { captchaResponse } from "./captcha-CsBwlX74.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-C3sqXLu7.js";
+import { PREVIEW_TOKEN } from "./preview-JWdMO6kX.js";
 import { customerClientHeaders, customerCsrfTokenForRequest, rejectCrossOriginAction } from "./request-security-CRsRMgwj.js";
-import { store } from "./store-CuxOWbsb.js";
-import { requestUrl } from "./urls-wCZ6LnmG.js";
-import { worker } from "./worker-xF0YKH8T.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";

package/dist/{store-CuxOWbsb.js → store-uU2gWdMY.js}

@@ -1,8 +1,8 @@
 import { apiCacheFetch, uncachedFetch } from "./api-cache-DsuIn5hX.js";
-import { previewClient } from "./preview-C3sqXLu7.js";
+import { previewClient } from "./preview-JWdMO6kX.js";
 import { productPreviewClient } from "./product-preview-BspMAecJ.js";
 import { observeStorefrontClient } from "./telemetry-HuZXWBPi.js";
-import { worker } from "./worker-xF0YKH8T.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-3jED0mSM.js → storefront-language-Bnt-TU2F.js}

@@ -1,4 +1,4 @@
-import { storefrontText } from "./storefront-text-Cdo69zlx.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-Cdo69zlx.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-Bzm4qMCo.js")).default;
-	if (code === "pt") return (await import("./storefront-text-pt-BeMGHI7h.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-Bzm4qMCo.js → storefront-text-en-DzYmdOuY.js}

@@ -1026,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-BeMGHI7h.js → storefront-text-pt-CizClH0I.js}

@@ -1026,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-C7WM3gEI.js → stripe-dialog-D88qfkUS.js}

@@ -1,6 +1,6 @@
-import { useStorefrontLocale, useStorefrontText } from "./storefront-language-3jED0mSM.js";
+import { useStorefrontLocale, useStorefrontText } from "./storefront-language-Bnt-TU2F.js";
 import { money } from "./money-DtGOtDri.js";
-import { PaymentDialogFrame } from "./payment-dialog-frame-Yqptx9Ze.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-B4TX5AB0.js → templates-AgGupnPA.js}

@@ -1,5 +1,5 @@
-import { loadSections, withSections } from "./sections-DyCN6unE.js";
-import { worker } from "./worker-xF0YKH8T.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-wCZ6LnmG.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-CuxOWbsb.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-C7IG5Xnz.js → use-checkout-Jdk8P12A.js}

@@ -1,4 +1,4 @@
-import { checkoutAddressDefaults, checkoutProgress, checkoutStep, defaultPaymentMethod, needsShipping } from "./checkout-CrDtrDrV.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-t1R-GdW1.js → use-checkout-payment-BGX-BE6D.js}

@@ -1,4 +1,4 @@
-import { findStripeWallet } from "./stripe-dialog-C7WM3gEI.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-DUopOxhl.js → voucher-payment-B3o9ybg6.js}

@@ -1,4 +1,4 @@
-import { useStorefrontLocale, useStorefrontText } from "./storefront-language-3jED0mSM.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-xF0YKH8T.js → worker-cbXmLvfR.js}

@@ -1,9 +1,9 @@
 import { cartCookie } from "./cart-D7DxZ2lD.js";
-import "./preview-cart-D1tZo7HE.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-CXnoXxGZ.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.2",
+  "version": "3.1.1",
   "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.1"
   },
   "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>