@ecomiq/storefront 3.1.1 → 3.3.0

package/dist/sections/account-profile.d.ts

@@ -6,6 +6,7 @@ import { CustomerMe } from "@ecomiq/core";
 export declare const catalog: SectionCatalog;
 export declare function AccountProfile({ loaderData, actionData }: {
   loaderData: {
+    countryCode: string;
     me: CustomerMe;
     countries: {
       code: string;

package/dist/sections/account-profile.js

@@ -1,5 +1,6 @@
-import { useStorefrontText } from "../storefront-language-Bnt-TU2F.js";
-import { CustomerDocumentFields } from "../customer-document-fields-BzLdztjM.js";
+import { PhoneField } from "../phone-field-D4io3zeV.js";
+import { useStorefrontText } from "../storefront-language-20hJejSi.js";
+import { CustomerDocumentFields } from "../customer-document-fields-CkydNlq2.js";
 import { ProfileForm } from "../account-forms-AVk71ko7.js";
 import { useNavigation } from "react-router";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -26,9 +27,15 @@ function Labeled({ label, hint, className = "", children }) {
 		]
 	});
 }
+function PhoneInputBox(props) {
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		className: "min-w-0 flex-1 rounded-s-none"
+	});
+}
 function AccountProfile({ loaderData, actionData }) {
 	const storefrontTranslate = useStorefrontText();
-	const { me, countries } = loaderData;
+	const { me, countries, countryCode } = loaderData;
 	const busy = useNavigation().state !== "idle";
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-6",
@@ -74,14 +81,17 @@ function AccountProfile({ loaderData, actionData }) {
 									maxLength: 100
 								})
 							}),
-							/* @__PURE__ */ jsx(Labeled, {
-								label: storefrontTranslate("Celular"),
-								children: /* @__PURE__ */ jsx(Input, {
-									name: "phone",
-									type: "tel",
-									autoComplete: "tel",
-									defaultValue: me.phone ?? ""
-								})
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-1.5 text-sm",
+								children: [/* @__PURE__ */ jsx("label", {
+									htmlFor: "phone",
+									className: "font-medium",
+									children: storefrontTranslate("Celular")
+								}), /* @__PURE__ */ jsx(PhoneField, {
+									countryCode,
+									initial: me.phone ?? "",
+									inputComponent: PhoneInputBox
+								})]
 							}),
 							/* @__PURE__ */ jsxs("div", {
 								className: "flex flex-col gap-1.5 text-sm",

package/dist/sections/checkout.js

@@ -1,19 +1,21 @@
-import { BankAccountList } from "../bank-accounts-MpKIxHaX.js";
-import { useStorefrontText } from "../storefront-language-Bnt-TU2F.js";
+import { BankAccountList } from "../bank-accounts-CktJ_34-.js";
+import { useStorefrontText } from "../storefront-language-20hJejSi.js";
 import { PaymentLogo } from "../payment-logo-BoPaGJc_.js";
 import { money } from "../money-DtGOtDri.js";
-import { section, setting } from "../settings-B0NO2A6Y.js";
-import { placeValue, useGeoCascade } from "../catalog-hooks-DjmpXROv.js";
+import { section, setting } from "../settings-CiW3OroM.js";
+import { placeValue, useGeoCascade } from "../catalog-hooks-Dk_58L_I.js";
+import { EMAIL_ERROR, EMAIL_PATTERN } from "../buyer-rules-DBhUoaZX.js";
 import { CheckoutForm, OrderBumpForm, PromoCodeForm } from "../checkout-form-CbOIdENC.js";
-import { CulqiAuthentication } from "../culqi-authentication-DHxjPJRE.js";
-import { InvoiceFields } from "../invoice-fields-BzDfV1nR.js";
-import { MercadoPagoDialog } from "../mercadopago-dialog-CpGlgKBl.js";
+import { CulqiAuthentication } from "../culqi-authentication-CThvkZYc.js";
+import { InvoiceFields } from "../invoice-fields-BPRnSo_s.js";
+import { MercadoPagoDialog } from "../mercadopago-dialog-C8pRoGAB.js";
 import { PaymentMethods } from "../payment-methods-B8ocTgFZ.js";
-import { StripeAuthentication, StripeDialog, findStripeWallet, useAvailableStripeWallets } from "../stripe-dialog-D88qfkUS.js";
+import { PhoneField } from "../phone-field-D4io3zeV.js";
+import { StripeAuthentication, StripeDialog, findStripeWallet, useAvailableStripeWallets } from "../stripe-dialog-vlflY1WI.js";
 import { summaryLines } from "../cart-summary-B6vtRGBO.js";
-import { useCheckout } from "../use-checkout-Jdk8P12A.js";
-import { useCheckoutPayment } from "../use-checkout-payment-BGX-BE6D.js";
-import { ItemPersonalization } from "../personalization-fields-CwBR8oGr.js";
+import { useCheckout } from "../use-checkout-BmVOLp_x.js";
+import { useCheckoutPayment } from "../use-checkout-payment-C2t511ck.js";
+import { ItemPersonalization } from "../personalization-fields-BtNqpVpB.js";
 import { Link, useRouteLoaderData } from "react-router";
 import { lineTotal } from "@ecomiq/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -132,6 +134,31 @@ function Field({ label, className, ...props }) {
 		})]
 	});
 }
+function PhoneInputBox({ className, ...props }) {
+	const label = useStorefrontText()("Celular");
+	return /* @__PURE__ */ jsxs("label", {
+		className: `relative block flex-1 ${className ?? ""}`,
+		children: [/* @__PURE__ */ jsx("input", {
+			placeholder: label,
+			className: `${FIELD} rounded-s-none`,
+			...props
+		}), /* @__PURE__ */ jsx("span", {
+			className: FLOAT,
+			children: label
+		})]
+	});
+}
+function CheckoutPhoneField({ countryCode, initial, className }) {
+	return /* @__PURE__ */ jsx(PhoneField, {
+		countryCode,
+		initial,
+		required: true,
+		className,
+		inputComponent: PhoneInputBox,
+		selectClassName: "rounded-s-md border border-e-0 border-input bg-background px-3 text-foreground focus-within:border-ring focus-within:ring-1 focus-within:ring-ring group-data-[fields=filled]/checkout:border-transparent group-data-[fields=filled]/checkout:bg-muted",
+		errorClassName: "text-sm text-destructive sm:col-span-2"
+	});
+}
 function Choice({ label, className, children, ...props }) {
 	return /* @__PURE__ */ jsxs("label", {
 		className: `relative block ${className ?? ""}`,
@@ -229,11 +256,13 @@ function Address({ countries, defaults }) {
 				label: storefrontTranslate("Región"),
 				name: "department",
 				defaultValue: defaults.department ?? "",
+				maxLength: 200,
 				required: true
 			}), /* @__PURE__ */ jsx(Field, {
 				label: storefrontTranslate("Ciudad"),
 				name: "district",
 				defaultValue: defaults.district ?? "",
+				maxLength: 200,
 				required: true
 			})] }),
 			/* @__PURE__ */ jsx(Field, {
@@ -241,21 +270,28 @@ function Address({ countries, defaults }) {
 				name: "line",
 				autoComplete: "street-address",
 				defaultValue: defaults.line ?? "",
+				minLength: 3,
+				maxLength: 200,
 				required: true,
 				className: "sm:col-span-2"
 			}),
 			/* @__PURE__ */ jsx(Field, {
 				label: storefrontTranslate("Referencia (opcional)"),
 				name: "reference",
-				defaultValue: defaults.reference ?? ""
+				defaultValue: defaults.reference ?? "",
+				maxLength: 500
 			}),
-			/* @__PURE__ */ jsx(Field, {
-				label: storefrontTranslate("Celular"),
-				name: "phone",
-				type: "tel",
-				autoComplete: "tel",
-				defaultValue: defaults.phone ?? "",
-				required: true
+			geo.structured ? null : /* @__PURE__ */ jsx(Field, {
+				label: storefrontTranslate("Código postal (opcional)"),
+				name: "postalCode",
+				autoComplete: "postal-code",
+				defaultValue: defaults.postalCode ?? "",
+				maxLength: 20
+			}),
+			/* @__PURE__ */ jsx(CheckoutPhoneField, {
+				countryCode: country,
+				initial: defaults.phone ?? "",
+				className: geo.structured ? "" : "sm:col-span-2"
 			})
 		]
 	});
@@ -586,6 +622,9 @@ function Checkout({ data, result, ...root }) {
 									type: "email",
 									autoComplete: "email",
 									defaultValue: cart.email ?? me?.email ?? "",
+									pattern: EMAIL_PATTERN,
+									title: storefrontTranslate(EMAIL_ERROR),
+									maxLength: 200,
 									required: true,
 									className: "sm:col-span-2"
 								}),
@@ -594,6 +633,7 @@ function Checkout({ data, result, ...root }) {
 									name: "firstName",
 									autoComplete: "given-name",
 									defaultValue: cart.firstName ?? me?.firstName ?? "",
+									maxLength: 100,
 									required: true
 								}),
 								/* @__PURE__ */ jsx(Field, {
@@ -601,15 +641,12 @@ function Checkout({ data, result, ...root }) {
 									name: "lastName",
 									autoComplete: "family-name",
 									defaultValue: cart.lastName ?? me?.lastName ?? "",
+									maxLength: 100,
 									required: true
 								}),
-								/* @__PURE__ */ jsx(Field, {
-									label: storefrontTranslate("Celular"),
-									name: "phone",
-									type: "tel",
-									autoComplete: "tel",
-									defaultValue: cart.phone ?? me?.phone ?? "",
-									required: true,
+								/* @__PURE__ */ jsx(CheckoutPhoneField, {
+									countryCode: data.countryCode,
+									initial: cart.phone ?? me?.phone ?? "",
 									className: "sm:col-span-2"
 								}),
 								/* @__PURE__ */ jsx(InvoiceFields, {

package/dist/sections/complaint-book.js

@@ -1,9 +1,10 @@
-import { Captcha } from "../captcha-CZkpghTO.js";
-import { COMPLAINT_DOCUMENT_TYPES, identityDocumentRule } from "../documents-T1mzc_j8.js";
-import { useStorefrontText } from "../storefront-language-Bnt-TU2F.js";
-import { complaintBookAttachmentError, complaintBookNumber } from "../complaint-book-aAQfGBvo.js";
+import { Captcha } from "../captcha-BgiQrAfa.js";
+import { COMPLAINT_DOCUMENT_TYPES, identityDocumentRule } from "../documents-Ka-EL9m0.js";
+import { useStorefrontText } from "../storefront-language-20hJejSi.js";
+import { complaintBookAttachmentError, complaintBookNumber } from "../complaint-book-DvxhgbsM.js";
 import { CustomerCsrfField } from "../customer-csrf-C1oDX-Py.js";
 import { money } from "../money-DtGOtDri.js";
+import { PhoneField } from "../phone-field-D4io3zeV.js";
 import { Form, useNavigation } from "react-router";
 import { COMPLAINT_BOOK_ATTACHMENT_TYPES, formatOrderDate } from "@ecomiq/core";
 import { Fragment, useRef, useState } from "react";
@@ -68,6 +69,12 @@ function providerRows(book) {
 		["Dirección", book.providerAddress]
 	];
 }
+function PhoneInputBox(props) {
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		className: "min-w-0 flex-1 rounded-s-none"
+	});
+}
 function Field({ label, name, className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: `flex flex-col gap-2 ${className ?? ""}`,
@@ -178,7 +185,7 @@ function Attachments() {
 		]
 	});
 }
-function ComplaintForm({ book, error, countries }) {
+function ComplaintForm({ book, error, countries, storeCountry }) {
 	const storefrontTranslate = useStorefrontText();
 	const busy = useNavigation().state !== "idle";
 	const [kind, setKind] = useState("nationalId");
@@ -271,13 +278,19 @@ function ComplaintForm({ book, error, countries }) {
 						required: true,
 						className: "sm:col-span-2"
 					}),
-					/* @__PURE__ */ jsx(Field, {
-						label: storefrontTranslate("Celular"),
-						name: "consumerPhone",
-						type: "tel",
-						autoComplete: "tel",
-						maxLength: 30,
-						required: true
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "complaint-consumerPhone",
+							children: storefrontTranslate("Celular")
+						}), /* @__PURE__ */ jsx(PhoneField, {
+							countryCode: storeCountry,
+							initial: "",
+							name: "consumerPhone",
+							id: "complaint-consumerPhone",
+							required: true,
+							inputComponent: PhoneInputBox
+						})]
 					}),
 					/* @__PURE__ */ jsx(Field, {
 						label: storefrontTranslate("Correo"),
@@ -322,12 +335,19 @@ function ComplaintForm({ book, error, countries }) {
 						required: true,
 						className: "sm:col-span-2"
 					}),
-					/* @__PURE__ */ jsx(Field, {
-						label: storefrontTranslate("Celular"),
-						name: "guardianPhone",
-						type: "tel",
-						maxLength: 30,
-						required: true
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "complaint-guardianPhone",
+							children: storefrontTranslate("Celular")
+						}), /* @__PURE__ */ jsx(PhoneField, {
+							countryCode: storeCountry,
+							initial: "",
+							name: "guardianPhone",
+							id: "complaint-guardianPhone",
+							required: true,
+							inputComponent: PhoneInputBox
+						})]
 					}),
 					/* @__PURE__ */ jsx(Field, {
 						label: storefrontTranslate("Correo"),
@@ -529,6 +549,7 @@ function ComplaintBook({ loaderData, actionData, ...root }) {
 			title: storefrontTranslate("Proveedor"),
 			rows: providerRows(book)
 		}), /* @__PURE__ */ jsx(ComplaintForm, {
+			storeCountry: loaderData.countryCode,
 			countries: loaderData.countries,
 			book,
 			error

package/dist/sections/design-system.js

@@ -1,4 +1,4 @@
-import { useStorefrontText } from "../storefront-language-Bnt-TU2F.js";
+import { useStorefrontText } from "../storefront-language-20hJejSi.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@theme/ui/button";
 import { Input } from "@theme/ui/input";

package/dist/sections/draft-invoice.js

@@ -1,9 +1,9 @@
-import { useStorefrontText } from "../storefront-language-Bnt-TU2F.js";
+import { useStorefrontText } from "../storefront-language-20hJejSi.js";
 import { CustomerCsrfField } from "../customer-csrf-C1oDX-Py.js";
 import { money } from "../money-DtGOtDri.js";
-import { setting } from "../settings-B0NO2A6Y.js";
+import { setting } from "../settings-CiW3OroM.js";
 import { orderSummaryLines } from "../cart-summary-B6vtRGBO.js";
-import { ItemPersonalization } from "../personalization-fields-CwBR8oGr.js";
+import { ItemPersonalization } from "../personalization-fields-BtNqpVpB.js";
 import { Form, Link, useNavigation } from "react-router";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@theme/ui/button";

package/dist/sections/order-tracking.js

@@ -1,4 +1,4 @@
-import { setting } from "../settings-B0NO2A6Y.js";
+import { setting } from "../settings-CiW3OroM.js";
 import { Form } from "react-router";
 import { formatTrackingStatus } from "@ecomiq/core";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{sections-CgpjubkB.js → sections-BkjGSM28.js}

@@ -1,5 +1,5 @@
 import "./source-marker-DhqSkW7n.js";
-import { store } from "./store-uU2gWdMY.js";
+import { store } from "./store-BGDvRGNS.js";
 import { data, useLoaderData } from "react-router";
 import { Suspense, createElement, use } from "react";
 // src/sections.ts

package/dist/{seo-D9UdUMg9.js → seo-Cz1O5oxh.js}

@@ -1,5 +1,5 @@
-import { store } from "./store-uU2gWdMY.js";
-import { absoluteUrl, canonicalOrigin } from "./urls-D4uinJVd.js";
+import { store } from "./store-BGDvRGNS.js";
+import { absoluteUrl, canonicalOrigin } from "./urls-BR4wv2K2.js";
 // src/seo.ts
 const PRIVATE_PATHS = [
 	"/cart",

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

@@ -1,12 +1,12 @@
-import { loadStorefrontTranslations, storefrontText } from "./storefront-text-Co7iUnLM.js";
-import { captchaResponse } from "./captcha-CZkpghTO.js";
+import { loadStorefrontTranslations, storefrontText } from "./storefront-text-ClFfYMVk.js";
+import { captchaResponse } from "./captcha-BgiQrAfa.js";
 import { base64Url, customerCookies, customerSessionId, equalSecret } from "./customer-cookies-DHOgFAMV.js";
 import { safeNext } from "./form-BtQcbXlJ.js";
-import { PREVIEW_TOKEN } from "./preview-JWdMO6kX.js";
+import { PREVIEW_TOKEN } from "./preview-GypCcfup.js";
 import { customerClientHeaders, customerCsrfTokenForRequest, rejectCrossOriginAction } from "./request-security-CRsRMgwj.js";
-import { store } from "./store-uU2gWdMY.js";
-import { requestUrl } from "./urls-D4uinJVd.js";
-import { worker } from "./worker-cbXmLvfR.js";
+import { store } from "./store-BGDvRGNS.js";
+import { requestUrl } from "./urls-BR4wv2K2.js";
+import { worker } from "./worker-BxlCSjSF.js";
 import { data, redirect } from "react-router";
 import { ApiError } from "@ecomiq/core";
 import { z } from "zod";

package/dist/{settings-B0NO2A6Y.js → settings-CiW3OroM.js}

@@ -41,38 +41,44 @@ function section(defaults, props) {
 	}
 	return values;
 }
-async function pickProducts(client, source) {
+function productSourceQuery(source) {
 	const limit = source.limit ?? 8;
 	if (source.products && source.products.length > 0) {
 		const slugs = source.products.slice(0, limit);
-		return (await client.getProducts({
+		return {
 			slugs,
 			pageSize: slugs.length,
 			includeFilters: false
-		})).products;
+		};
 	}
 	if (source.collection) {
-		const collections = await client.getCollections().catch(() => []);
 		const slug = source.collection.trim().toLowerCase();
-		const collection = collections.find((item) => item.slug.toLowerCase() === slug);
-		if (collection === void 0) return [];
-		return (await client.getProducts({
-			collectionId: collection.id,
+		if (slug === "") return null;
+		return {
+			collections: [slug],
 			pageSize: limit,
 			sort: source.sort,
 			includeFilters: false
-		})).products;
+		};
 	}
-	if (source.category) return (await client.getProducts({
+	if (source.category) return {
 		categories: [source.category],
 		pageSize: limit,
 		sort: source.sort,
 		includeFilters: false
-	})).products;
-	return (await client.getProducts({
+	};
+	return {
 		pageSize: limit,
 		sort: source.sort,
 		includeFilters: false
-	})).products;
+	};
+}
+async function pickProducts(client, source) {
+	const query = productSourceQuery(source);
+	return query === null ? [] : (await client.getProducts(query)).products;
+}
+async function pickProductsWithReviews(client, source, reviews = {}) {
+	const query = productSourceQuery(source);
+	return query === null ? [] : client.getProductsWithReviews(query, reviews);
 }
-export { pickProducts, section, setting };
+export { pickProducts, pickProductsWithReviews, section, setting };

package/dist/settings.d.ts

@@ -1,4 +1,4 @@
-import { CatalogLink, CatalogLinkReference, ProductSort, ProductSummary, StorefrontClient } from "@ecomiq/core";
+import { CatalogLink, CatalogLinkReference, ProductReviewsOptions, ProductSort, ProductSummary, ProductWithReviews, StorefrontClient } from "@ecomiq/core";
 import { ComponentProps, ReactNode } from "react";
 declare function link(url: string, label?: string, reference?: null): string;
 declare function link(url: string, label: string | undefined, reference: CatalogLinkReference): CatalogLink;
@@ -48,4 +48,5 @@ export type ProductSource = {
   sort?: ProductSort;
 };
 export declare function pickProducts(client: StorefrontClient, source: ProductSource): Promise<ProductSummary[]>;
+export declare function pickProductsWithReviews(client: StorefrontClient, source: ProductSource, reviews?: ProductReviewsOptions): Promise<ProductWithReviews[]>;
 export {};

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

@@ -1,8 +1,8 @@
 import { apiCacheFetch, uncachedFetch } from "./api-cache-DsuIn5hX.js";
-import { previewClient } from "./preview-JWdMO6kX.js";
+import { previewClient } from "./preview-GypCcfup.js";
 import { productPreviewClient } from "./product-preview-BspMAecJ.js";
-import { observeStorefrontClient } from "./telemetry-HuZXWBPi.js";
-import { worker } from "./worker-cbXmLvfR.js";
+import { observeStorefrontClient } from "./telemetry-k9sM5iBG.js";
+import { worker } from "./worker-BxlCSjSF.js";
 import { data } from "react-router";
 import { ApiError, GraphQLResponseError, createClient } from "@ecomiq/core";
 import { z } from "zod";
@@ -13,6 +13,8 @@ const REQUEST_READS = /* @__PURE__ */ new Set([
 	"getLayout",
 	"getStoreId",
 	"getCollections",
+	"getCollectionCovers",
+	"getCollectionsWithProducts",
 	"getPaymentMethods",
 	"getCollectionBySlug",
 	"getPageBySlug",
@@ -24,6 +26,7 @@ const REQUEST_READS = /* @__PURE__ */ new Set([
 	"getSellers",
 	"getSellerBySlug",
 	"getProducts",
+	"getProductsWithReviews",
 	"getProductBySlug",
 	"getRelatedProducts",
 	"listProductReviews",
@@ -85,9 +88,14 @@ const CollectionImagesSchema = z.record(z.string(), z.object({ products: z.array
 async function collectionImageCandidates({ client, collections, pageSize }) {
 	const missing = [...new Map(collections.filter((collection) => !collection.imageUrl).map((collection) => [collection.id, collection])).values()].sort((left, right) => left.id.localeCompare(right.id));
 	const candidates = /* @__PURE__ */ new Map();
+	const pending = missing.filter((collection) => {
+		if (collection.imageCandidates === void 0) return true;
+		candidates.set(collection.id, collection.imageCandidates.slice(0, pageSize));
+		return false;
+	});
 	const batches = [];
-	for (let offset = 0; offset < missing.length; offset += 10) {
-		const batch = missing.slice(offset, offset + 10);
+	for (let offset = 0; offset < pending.length; offset += 10) {
+		const batch = pending.slice(offset, offset + 10);
 		const variables = Object.fromEntries(batch.map((collection, index) => [`c${index}`, {
 			collectionId: collection.id,
 			pageSize,
@@ -123,7 +131,7 @@ async function withImages(client, collections) {
 		pageSize: 6
 	});
 	const used = /* @__PURE__ */ new Set();
-	return collections.map((collection) => {
+	return collections.map(({ imageCandidates, ...collection }) => {
 		const options = collection.imageUrl ? [collection.imageUrl] : candidates.get(collection.id) ?? [];
 		const image = options.find((option) => !used.has(option)) ?? options[0] ?? null;
 		if (image !== null) used.add(image);

package/dist/store.d.ts

@@ -2,16 +2,20 @@ import { RouterContextProvider } from "react-router";
 import { Collection, StorefrontClient } from "@ecomiq/core";
 export declare function store(context: Readonly<RouterContextProvider>): StorefrontClient;
 export declare function found<T>(read: Promise<T>, missing?: (status: number) => boolean): Promise<T>;
+type CoverableCollection = Collection & {
+  imageCandidates?: readonly string[];
+};
 export declare function collectionImageCandidates({ client, collections, pageSize }: {
   client: StorefrontClient;
-  collections: readonly Collection[];
+  collections: readonly CoverableCollection[];
   pageSize: number;
 }): Promise<ReadonlyMap<string, readonly string[]>>;
-export declare function withImages(client: StorefrontClient, collections: Collection[]): Promise<{
-  collection: Collection;
+export declare function withImages<T extends CoverableCollection>(client: StorefrontClient, collections: T[]): Promise<{
+  collection: Omit<T, "imageCandidates">;
   image: string | null;
 }[]>;
 export declare function readCountries(client: StorefrontClient): Promise<{
   code: string;
   name: string;
-}[]>;
+}[]>;
+export {};

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

@@ -1,4 +1,4 @@
-import { storefrontText } from "./storefront-text-Co7iUnLM.js";
+import { storefrontText } from "./storefront-text-ClFfYMVk.js";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/storefront-language.tsx
@@ -23,7 +23,10 @@ function useStorefrontText() {
 	const { translations } = useContext(StorefrontLanguage);
 	return (source, values) => storefrontText(translations, source, values);
 }
+function useStorefrontLanguage() {
+	return useContext(StorefrontLanguage).language;
+}
 function useStorefrontLocale() {
 	return useContext(StorefrontLanguage);
 }
-export { StorefrontLanguageProvider, useStorefrontLocale, useStorefrontText };
+export { StorefrontLanguageProvider, useStorefrontLanguage, useStorefrontLocale, useStorefrontText };

package/dist/{storefront-text-Co7iUnLM.js → storefront-text-ClFfYMVk.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-DzYmdOuY.js")).default;
-	if (code === "pt") return (await import("./storefront-text-pt-CizClH0I.js")).default;
+	if (code === "en") return (await import("./storefront-text-en-DTTFnk6W.js")).default;
+	if (code === "pt") return (await import("./storefront-text-pt-DuXQ0rti.js")).default;
 	return {};
 }
 function storefrontText(translations, source, values = {}) {

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

@@ -88,6 +88,14 @@ const translations = {
 	"Revisa el documento del comprador.": "Check the buyer's document.",
 	"La entrega debe ser dentro del país de la tienda.": "Delivery must be within the shop's country.",
 	"Completa la dirección de entrega.": "Complete the delivery address.",
+	"Revisa tu celular: ese número no es válido para el país elegido.": "Check your mobile number: it isn't valid for the selected country.",
+	"País del celular": "Phone country",
+	"Revisa tu correo: debe verse como nombre@dominio.com.": "Check your email: it should look like name@domain.com.",
+	"Revisa tu nombre y apellidos.": "Check your first and last name.",
+	"Escribe la dirección completa, con calle y número.": "Enter the full address, with street and number.",
+	"Elige el departamento, la provincia y el distrito de la lista.": "Choose the department, province and district from the list.",
+	"Vuelve a subir el comprobante de pago.": "Upload the payment receipt again.",
+	"Código postal (opcional)": "Postal code (optional)",
 	"Primero indica la dirección de entrega.": "Enter the delivery address first.",
 	"Las opciones de envío cambiaron. Elige un método para cada paquete.": "Shipping options have changed. Choose a method for each package.",
 	"Elige un medio de pago.": "Choose a payment method.",

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

@@ -88,6 +88,14 @@ const translations = {
 	"Revisa el documento del comprador.": "Revise o documento do comprador.",
 	"La entrega debe ser dentro del país de la tienda.": "A entrega deve ser dentro do país da loja.",
 	"Completa la dirección de entrega.": "Preencha o endereço de entrega.",
+	"Revisa tu celular: ese número no es válido para el país elegido.": "Confira seu celular: esse número não é válido para o país escolhido.",
+	"País del celular": "País do celular",
+	"Revisa tu correo: debe verse como nombre@dominio.com.": "Confira seu e-mail: deve ser como nome@dominio.com.",
+	"Revisa tu nombre y apellidos.": "Confira seu nome e sobrenome.",
+	"Escribe la dirección completa, con calle y número.": "Escreva o endereço completo, com rua e número.",
+	"Elige el departamento, la provincia y el distrito de la lista.": "Escolha o departamento, a província e o distrito da lista.",
+	"Vuelve a subir el comprobante de pago.": "Envie o comprovante de pagamento novamente.",
+	"Código postal (opcional)": "CEP (opcional)",
 	"Primero indica la dirección de entrega.": "Informe primeiro o endereço de entrega.",
 	"Las opciones de envío cambiaron. Elige un método para cada paquete.": "As opções de frete mudaram. Escolha um método para cada pacote.",
 	"Elige un medio de pago.": "Escolha um meio de pagamento.",

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

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

package/dist/{telemetry-HuZXWBPi.js → telemetry-k9sM5iBG.js}

@@ -28,6 +28,8 @@ const timedClientMethods = /* @__PURE__ */ new Set([
 	"getLayout",
 	"getStoreId",
 	"getCollections",
+	"getCollectionCovers",
+	"getCollectionsWithProducts",
 	"getPaymentMethods",
 	"getCollectionBySlug",
 	"getPageBySlug",
@@ -40,6 +42,7 @@ const timedClientMethods = /* @__PURE__ */ new Set([
 	"getSellers",
 	"getSellerBySlug",
 	"getProducts",
+	"getProductsWithReviews",
 	"getProductBySlug",
 	"getRelatedProducts",
 	"autocompleteProducts",

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

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

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

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