@loczer/storefront-sdk 0.197.0 → 0.199.0

package/dist/components/ProductPriceBadge/index.js

@@ -1,102 +1,104 @@
 import { buildDailyPriceRows as e, buildPriceTierLabels as t, formatStorefrontPriceMinor as n } from "../../lib/pricing.js";
 import { Badge as r, badgeVariants as i } from "../../ui/badge.js";
-import { useOptionalStorefront as a } from "../../StorefrontProvider.js";
+import { useOptionalStorefront as a } from "../../StorefrontContext.js";
 import { useEffect as o, useId as ee, useRef as s, useState as c } from "react";
 import { Fragment as te, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useMediaQuery as d } from "@rpcbase/client";
-import { useTranslation as f } from "react-i18next";
-import { cn as p } from "@rpcbase/ui";
-import { Info as ne, Mail as re, Phone as m, TrendingDown as h } from "lucide-react";
+import { useTranslation as ne } from "react-i18next";
+import { cn as f } from "@rpcbase/ui";
+import { Info as re, Mail as p, Phone as m, TrendingDown as h } from "lucide-react";
 import { Drawer as g } from "@base-ui/react/drawer";
 import { Popover as _ } from "@base-ui/react/popover";
 //#region src/components/ProductPriceBadge/index.tsx
 var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-popover-open", y = (e) => typeof Node < "u" && e instanceof Node, b = (e) => {
 	typeof window > "u" || window.dispatchEvent(new CustomEvent(v, { detail: { id: e } }));
-}, x = ({ prices: x, minPriceMinor: S, className: C }) => {
-	let { t: w, i18n: T } = f(), E = ee(), D = a(), oe = d(ae), se = d("(hover: none), (pointer: coarse)"), O = !!(oe || se), [k, A] = c(null), [j, M] = c(!1), N = s(null), P = s(null), F = s(null), I = s(null), L = k !== null, R = t(x, T.language, w), z = e(x, T.language), B = R[0], V = R[1], H = () => {
-		N.current &&= (clearTimeout(N.current), null);
-	}, U = (e) => {
-		O || (H(), A((t) => t === "click" ? t : e), b(E));
-	}, W = () => {
-		H(), A(null);
+}, x = ({ prices: x, minPriceMinor: S, className: C, openOnHover: w = !0 }) => {
+	let { t: T, i18n: E } = ne(), D = ee(), O = a(), oe = d(ae), se = d("(hover: none), (pointer: coarse)"), k = !!(oe || se), [A, j] = c(null), [M, N] = c(!1), P = s(null), F = s(null), I = s(null), L = s(null), R = A !== null, z = t(x, E.language, T), B = e(x, E.language), V = z[0], H = z[1], U = () => {
+		P.current &&= (clearTimeout(P.current), null);
+	}, W = (e) => {
+		k || (U(), j((t) => t === "click" ? t : e), b(D));
 	}, G = () => {
-		H(), M(!0), b(E);
+		U(), j(null);
 	}, ce = () => {
-		M(!1);
+		U(), N(!0), b(D);
 	}, le = () => {
-		L || U("hover");
-	}, ue = (e) => y(e) ? !!(P.current?.contains(e) || I.current?.contains(e)) : !1, K = (e) => y(e) ? !!(F.current?.contains(e) || I.current?.contains(e)) : !1, q = (e) => {
-		k !== "hover" || K(e) || (H(), N.current = setTimeout(() => {
-			A((e) => e === "hover" ? null : e), N.current = null;
+		N(!1);
+	}, ue = () => {
+		!w || R || W("hover");
+	}, de = (e) => y(e) ? !!(F.current?.contains(e) || L.current?.contains(e)) : !1, K = (e) => y(e) ? !!(I.current?.contains(e) || L.current?.contains(e)) : !1, q = (e) => {
+		A !== "hover" || K(e) || (U(), P.current = setTimeout(() => {
+			j((e) => e === "hover" ? null : e), P.current = null;
 		}, ie));
 	}, J = (e) => {
 		q(e?.relatedTarget);
-	}, de = (e) => {
+	}, fe = (e) => {
 		let t = e.relatedTarget ?? document.activeElement;
-		ue(t) || W();
+		de(t) || G();
 	};
 	if (o(() => {
 		if (typeof window > "u") return () => {
-			H();
+			U();
 		};
 		let e = (e) => {
-			e.detail?.id !== E && (H(), A(null), M(!1));
+			e.detail?.id !== D && (U(), j(null), N(!1));
 		};
 		return window.addEventListener(v, e), () => {
-			window.removeEventListener(v, e), H();
+			window.removeEventListener(v, e), U();
 		};
-	}, [E]), o(() => {
-		if (k !== "hover" || typeof window > "u") return;
+	}, [D]), o(() => {
+		if (A !== "hover" || typeof window > "u") return;
 		let e = (e) => {
 			if (K(e.target)) {
-				H();
+				U();
 				return;
 			}
-			N.current || q(e.target);
+			P.current || q(e.target);
 		};
 		return window.addEventListener("pointermove", e, { passive: !0 }), window.addEventListener("mousemove", e, { passive: !0 }), () => {
 			window.removeEventListener("pointermove", e), window.removeEventListener("mousemove", e);
 		};
-	}, [k]), o(() => {
-		if (O) {
-			H(), A(null);
+	}, [A]), o(() => {
+		if (k) {
+			U(), j(null);
 			return;
 		}
-		M(!1);
-	}, [O]), !B) return typeof S == "number" ? /* @__PURE__ */ l(r, {
+		N(!1);
+	}, [k]), !V) return typeof S == "number" ? /* @__PURE__ */ l(r, {
 		variant: "outline",
-		className: p("border-slate-200 bg-white text-slate-700", C),
-		children: /* @__PURE__ */ l("span", { children: w("price_from", { price: n(S, T.language) }) })
+		className: f("border-slate-200 bg-white text-slate-700", C),
+		children: /* @__PURE__ */ l("span", { children: T("price_from", { price: n(S, E.language) }) })
 	}) : null;
-	let Y = p(i({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 outline-none transition hover:border-slate-300 hover:text-slate-950 focus:border-slate-200 focus:outline-none focus:ring-0 focus:ring-transparent focus:ring-offset-0 focus-visible:border-slate-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0", z.length > 0 && "cursor-pointer", C), X = D?.storefrontConfiguration.shop.emailAddress?.trim(), Z = D?.storefrontConfiguration.shop.contactPhone1?.trim(), fe = !!(X || Z), Q = () => /* @__PURE__ */ u(te, { children: [
+	let Y = f(i({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 outline-none transition hover:border-slate-300 hover:text-slate-950 focus:border-slate-200 focus:outline-none focus:ring-0 focus:ring-transparent focus:ring-offset-0 focus-visible:border-slate-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0", B.length > 0 && "cursor-pointer", C), X = O?.storefrontConfiguration.shop.emailAddress?.trim(), Z = O?.storefrontConfiguration.shop.contactPhone1?.trim(), pe = !!(X || Z), Q = () => /* @__PURE__ */ u(te, { children: [
 		/* @__PURE__ */ l("span", {
 			className: "font-semibold",
-			children: B
+			children: V
 		}),
-		V ? /* @__PURE__ */ u("span", {
+		H ? /* @__PURE__ */ u("span", {
 			className: "inline-flex items-center gap-1 text-slate-500",
 			children: [/* @__PURE__ */ l(h, {
 				className: "h-3 w-3",
 				strokeWidth: 2.4,
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ l("span", { children: w("price_then", { price: V }) })]
+			}), /* @__PURE__ */ l("span", { children: T("price_then", { price: H }) })]
 		}) : null,
-		z.length > 0 ? /* @__PURE__ */ l("span", {
-			ref: F,
+		B.length > 0 ? /* @__PURE__ */ l("span", {
+			ref: I,
 			className: "inline-flex shrink-0 items-center text-slate-500",
-			onMouseEnter: () => U("hover"),
-			onMouseMove: le,
+			onMouseEnter: () => {
+				w && W("hover");
+			},
+			onMouseMove: ue,
 			onMouseLeave: J,
-			children: /* @__PURE__ */ l(ne, {
+			children: /* @__PURE__ */ l(re, {
 				className: "h-3 w-3",
 				"aria-hidden": "true"
 			})
 		}) : null
-	] }), pe = () => fe ? /* @__PURE__ */ u("div", {
+	] }), me = () => pe ? /* @__PURE__ */ u("div", {
 		className: "border-t border-slate-200 pt-2 text-slate-600",
 		children: [/* @__PURE__ */ l("p", {
 			className: "leading-snug",
-			children: /* @__PURE__ */ l("span", { children: w("price_table_contact_prompt") })
+			children: /* @__PURE__ */ l("span", { children: T("price_table_contact_prompt") })
 		}), /* @__PURE__ */ u("div", {
 			className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
 			children: [Z ? /* @__PURE__ */ u("a", {
@@ -112,7 +114,7 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 			}) : null, X ? /* @__PURE__ */ u("a", {
 				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
 				href: `mailto:${X}`,
-				children: [/* @__PURE__ */ l(re, {
+				children: [/* @__PURE__ */ l(p, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ l("span", {
@@ -122,16 +124,16 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 			}) : null]
 		})]
 	}) : null, $ = (e, t) => /* @__PURE__ */ u("div", {
-		className: p("grid gap-2", t === "popover" ? "text-xs" : "text-base"),
+		className: f("grid gap-2", t === "popover" ? "text-xs" : "text-base"),
 		children: [
 			e ? /* @__PURE__ */ l("p", {
 				className: "font-semibold uppercase tracking-[0.12em] text-slate-500",
-				children: /* @__PURE__ */ l("span", { children: w("price_table_title") })
+				children: /* @__PURE__ */ l("span", { children: T("price_table_title") })
 			}) : null,
 			/* @__PURE__ */ l("ul", {
-				className: p("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
-				children: z.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
-					let i = w("price_table_day", { count: e }), a = w("price_table_per_day", { price: r });
+				className: f("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
+				children: B.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
+					let i = T("price_table_day", { count: e }), a = T("price_table_per_day", { price: r });
 					return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("div", {
 						className: "flex items-baseline gap-2",
 						children: [
@@ -146,7 +148,7 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 							/* @__PURE__ */ u("span", {
 								className: "shrink-0 font-medium leading-tight text-slate-950",
 								children: [n, /* @__PURE__ */ u("span", {
-									className: p("ml-1 font-medium text-slate-500", t === "popover" ? "text-xs" : "text-sm"),
+									className: f("ml-1 font-medium text-slate-500", t === "popover" ? "text-xs" : "text-sm"),
 									children: [
 										/* @__PURE__ */ l("span", { children: "(" }),
 										/* @__PURE__ */ l("span", { children: a }),
@@ -158,21 +160,21 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 					}) }, e);
 				})
 			}),
-			pe()
+			me()
 		]
 	});
-	return O ? /* @__PURE__ */ u(g.Root, {
-		open: j,
+	return k ? /* @__PURE__ */ u(g.Root, {
+		open: M,
 		onOpenChange: (e) => {
-			e ? G() : ce();
+			e ? ce() : le();
 		},
 		swipeDirection: "down",
 		children: [/* @__PURE__ */ l(g.Trigger, {
-			ref: P,
+			ref: F,
 			type: "button",
 			className: Y,
-			"aria-label": w("price_details_aria_label", { price: B }),
-			"aria-expanded": j,
+			"aria-label": T("price_details_aria_label", { price: V }),
+			"aria-expanded": M,
 			onClick: (e) => {
 				e.stopPropagation();
 			},
@@ -193,7 +195,7 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 						className: "border-b border-slate-200 px-4 py-4 text-left",
 						children: /* @__PURE__ */ l(g.Title, {
 							className: "text-left text-lg font-semibold text-slate-950",
-							children: /* @__PURE__ */ l("span", { children: w("price_table_title") })
+							children: /* @__PURE__ */ l("span", { children: T("price_table_title") })
 						})
 					}), /* @__PURE__ */ l("div", {
 						className: "flex-1 overflow-y-auto px-4 pb-6 pt-3",
@@ -203,41 +205,41 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 			})
 		})] })]
 	}) : /* @__PURE__ */ u(_.Root, {
-		open: L,
+		open: R,
 		onOpenChange: (e) => {
-			e ? U("click") : W();
+			e ? W("click") : G();
 		},
 		children: [/* @__PURE__ */ l(_.Trigger, {
-			ref: P,
+			ref: F,
 			type: "button",
 			className: Y,
-			"aria-label": w("price_details_aria_label", { price: B }),
-			"aria-expanded": L,
-			onBlur: de,
+			"aria-label": T("price_details_aria_label", { price: V }),
+			"aria-expanded": R,
+			onBlur: fe,
 			onClick: (e) => {
-				e.preventDefault(), e.stopPropagation(), k === "click" ? W() : U("click");
+				e.preventDefault(), e.stopPropagation(), A === "click" ? G() : W("click");
 			},
 			onPointerDown: (e) => {
 				e.stopPropagation();
 			},
 			children: Q()
-		}), z.length > 0 ? /* @__PURE__ */ l(_.Portal, { children: /* @__PURE__ */ l(_.Positioner, {
+		}), B.length > 0 ? /* @__PURE__ */ l(_.Portal, { children: /* @__PURE__ */ l(_.Positioner, {
 			side: "top",
 			align: "end",
 			sideOffset: 8,
 			collisionPadding: 12,
 			className: "pointer-events-auto z-[70] outline-none",
 			children: /* @__PURE__ */ l(_.Popup, {
-				ref: I,
+				ref: L,
 				initialFocus: !1,
 				className: "w-64 rounded-xl border border-slate-200 bg-white p-3 text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
 				onPointerDown: (e) => {
-					e.stopPropagation(), H();
+					e.stopPropagation(), U();
 				},
 				onClick: (e) => {
 					e.stopPropagation();
 				},
-				onMouseEnter: H,
+				onMouseEnter: U,
 				onMouseLeave: J,
 				children: $(!0, "popover")
 			})

package/dist/components/TestimonialsSection/index.js

@@ -1,5 +1,5 @@
 import { cn as e } from "../../lib/utils.js";
-import { useStorefront as t } from "../../StorefrontProvider.js";
+import { useStorefront as t } from "../../StorefrontContext.js";
 import { ROUTE as n, responseSchema as r } from "../../lib/storefrontReviews.js";
 import { formatInitialsWithPeriods as i, getNameInitials as a } from "../../lib/nameInitials.js";
 import o from "react";

package/dist/i18n/en.d.ts

@@ -122,6 +122,7 @@ export declare const storefront: {
     product_cta: string;
     add_to_cart: string;
     add_short: string;
+    product_added_to_cart_successfully: string;
     cart_title: string;
     cart_items_count_one: string;
     cart_items_count_other: string;
@@ -414,6 +415,8 @@ export declare const storefront: {
     error_description: string;
     not_found_title: string;
     not_found_description: string;
+    generic_not_found_title: string;
+    generic_not_found_description: string;
     store_not_found_title: string;
     store_not_found_description: string;
     store_moved_title: string;

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuctB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ctB,CAAA"}

package/dist/i18n/en.js

@@ -123,6 +123,7 @@ var e = {
 	product_cta: "Reserve",
 	add_to_cart: "Add to cart",
 	add_short: "Add",
+	product_added_to_cart_successfully: "{{quantity}} × “{{productName}}” added to your cart.",
 	cart_title: "Cart",
 	cart_items_count_one: "{{count}} item",
 	cart_items_count_other: "{{count}} items",
@@ -415,6 +416,8 @@ var e = {
 	error_description: "We couldn't load this page. Please try again.",
 	not_found_title: "Page not found",
 	not_found_description: "This page does not exist for this store.",
+	generic_not_found_title: "404 - Page Not Found",
+	generic_not_found_description: "Sorry, the page you are looking for does not exist.",
 	store_not_found_title: "Storefront not found",
 	store_not_found_description: "We couldn't find a shop at this address.",
 	store_moved_title: "This shop has moved",

package/dist/i18n/fr.d.ts

@@ -122,6 +122,7 @@ export declare const storefront: {
     product_cta: string;
     add_to_cart: string;
     add_short: string;
+    product_added_to_cart_successfully: string;
     cart_title: string;
     cart_items_count_zero: string;
     cart_items_count_one: string;
@@ -415,6 +416,8 @@ export declare const storefront: {
     error_description: string;
     not_found_title: string;
     not_found_description: string;
+    generic_not_found_title: string;
+    generic_not_found_description: string;
     store_not_found_title: string;
     store_not_found_description: string;
     store_moved_title: string;

package/dist/i18n/fr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../src/i18n/fr.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwctB,CAAA"}
+{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../src/i18n/fr.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ctB,CAAA"}

package/dist/i18n/fr.js

@@ -123,6 +123,7 @@ var e = {
 	product_cta: "Réserver",
 	add_to_cart: "Ajouter au panier",
 	add_short: "Ajouter",
+	product_added_to_cart_successfully: "{{quantity}} × « {{productName}} » dans votre panier.",
 	cart_title: "Panier",
 	cart_items_count_zero: "{{count}} articles",
 	cart_items_count_one: "{{count}} article",
@@ -416,6 +417,8 @@ var e = {
 	error_description: "Impossible de charger cette page. Veuillez réessayer.",
 	not_found_title: "Page introuvable",
 	not_found_description: "Cette page n'existe pas pour ce magasin.",
+	generic_not_found_title: "404 - Page introuvable",
+	generic_not_found_description: "Désolé, la page que vous recherchez n'existe pas.",
 	store_not_found_title: "Vitrine introuvable",
 	store_not_found_description: "Nous ne trouvons aucune boutique à cette adresse.",
 	store_moved_title: "Cette boutique a déménagé",

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { ComponentPropsWithoutRef } from 'react';
+import { Context } from 'react';
 import { ControllerProps } from '@rpcbase/form';
 import { FieldError } from 'react-hook-form';
 import { FieldPath } from '@rpcbase/form';
@@ -1997,6 +1998,13 @@ export declare function getStorefrontBaseDailyRateMinor(prices: StorefrontPublic
 
 export declare const getStorefrontCheckoutProductId: (product: Pick<StorefrontProduct, "id" | "checkoutProductId">) => string;
 
+export declare const getStorefrontProductSelectionDisplayName: ({ product, productVariantId, language, fallbackLanguage, }: {
+    product: StorefrontProduct;
+    productVariantId?: string;
+    language: string;
+    fallbackLanguage?: string;
+}) => string;
+
 export declare const getStorefrontRepresentedVariantId: (product: Pick<StorefrontProduct, "representedVariantId">) => string | undefined;
 
 export declare function Header({ storefrontConfiguration, whatsappHref, whatsappPhoneDisplay }: HeaderProps): JSX.Element;
@@ -2415,12 +2423,13 @@ export declare const productKindSchema: z.ZodEnum<{
     "e-bike": "e-bike";
 }>;
 
-export declare const ProductPriceBadge: ({ prices, minPriceMinor, className }: ProductPriceBadgeProps) => JSX.Element | null;
+export declare const ProductPriceBadge: ({ prices, minPriceMinor, className, openOnHover, }: ProductPriceBadgeProps) => JSX.Element | null;
 
 declare type ProductPriceBadgeProps = {
     prices?: StorefrontPublicProductPrice[];
     minPriceMinor?: number;
     className?: string;
+    openOnHover?: boolean;
 };
 
 export declare const productSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -3766,7 +3775,9 @@ export declare const storefrontContentSchema: z.ZodObject<{
     }, z.core.$strip>>;
 }, z.core.$strip>;
 
-declare type StorefrontContextValue = {
+export declare const StorefrontContext: Context<StorefrontContextValue | undefined>;
+
+export declare type StorefrontContextValue = {
     storeSlug: string;
     storefrontConfiguration: StorefrontConfiguration;
     bikes: BikeProduct[];
@@ -3901,6 +3912,7 @@ export declare const storefrontEn: {
     product_cta: string;
     add_to_cart: string;
     add_short: string;
+    product_added_to_cart_successfully: string;
     cart_title: string;
     cart_items_count_one: string;
     cart_items_count_other: string;
@@ -4193,6 +4205,8 @@ export declare const storefrontEn: {
     error_description: string;
     not_found_title: string;
     not_found_description: string;
+    generic_not_found_title: string;
+    generic_not_found_description: string;
     store_not_found_title: string;
     store_not_found_description: string;
     store_moved_title: string;
@@ -4390,6 +4404,7 @@ export declare const storefrontFr: {
     product_cta: string;
     add_to_cart: string;
     add_short: string;
+    product_added_to_cart_successfully: string;
     cart_title: string;
     cart_items_count_zero: string;
     cart_items_count_one: string;
@@ -4683,6 +4698,8 @@ export declare const storefrontFr: {
     error_description: string;
     not_found_title: string;
     not_found_description: string;
+    generic_not_found_title: string;
+    generic_not_found_description: string;
     store_not_found_title: string;
     store_not_found_description: string;
     store_moved_title: string;