@loczer/storefront-sdk 0.198.0 → 0.199.0

package/dist/components/BikeProductCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BikeProductCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,cAA8B,EAC9B,QAAQ,EACR,cAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,OAAmB,EACnB,MAAM,GACP,EAAE,oBAAoB,2CAgFtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BikeProductCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,cAA8B,EAC9B,QAAQ,EACR,cAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,OAAmB,EACnB,MAAM,GACP,EAAE,oBAAoB,2CAoFtB"}

package/dist/components/BikeProductCard/index.js

@@ -1,5 +1,5 @@
-import { getAvailabilityVariant as e } from "../../lib/utils.js";
-import { getLocalizedValue as t } from "../../localization.js";
+import { getLocalizedValue as e } from "../../localization.js";
+import { getAvailabilityVariant as t } from "../../lib/utils.js";
 import { Badge as n } from "../../ui/badge.js";
 import { Button as r } from "../../ui/button.js";
 import { ProductPriceBadge as i } from "../ProductPriceBadge/index.js";
@@ -8,23 +8,23 @@ import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Link as l } from "@rpcbase/router";
 import { useTranslation as u } from "react-i18next";
 import { cn as d } from "@rpcbase/ui";
-import { ArrowRight as f, Bike as p } from "lucide-react";
+import { ArrowRight as f, Bike as p, Plus as m } from "lucide-react";
 //#region src/components/BikeProductCard/index.tsx
-function m({ bike: m, className: h, detailsPath: g, productDetailsLinkState: _, actionLabelKey: v = "product_cta", onAction: y, actionDisabled: b = !1, availabilityLabel: x, fallbackLanguage: S, variant: C = "default", testId: w }) {
-	let { t: T, i18n: E } = u(), D = t(m.name, E.language, S), O = t(m.description, E.language, S), k = typeof m.images?.[0] == "string" ? m.images[0].trim() : "", A = a(m.primaryImageStyle), j = e(m.availabilityStatus), M = C === "booking", N = m.availabilityStatus === "OUT_OF_STOCK";
+function h({ bike: h, className: g, detailsPath: _, productDetailsLinkState: v, actionLabelKey: y = "product_cta", onAction: b, actionDisabled: x = !1, availabilityLabel: S, fallbackLanguage: C, variant: w = "default", testId: T }) {
+	let { t: E, i18n: D } = u(), O = e(h.name, D.language, C), k = e(h.description, D.language, C), A = typeof h.images?.[0] == "string" ? h.images[0].trim() : "", j = a(h.primaryImageStyle), M = t(h.availabilityStatus), N = w === "booking", P = h.availabilityStatus === "OUT_OF_STOCK";
 	return /* @__PURE__ */ c("div", {
-		className: d("flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm", h),
-		"data-testid": w,
+		className: d("flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm", g),
+		"data-testid": T,
 		children: [/* @__PURE__ */ c("div", {
 			className: "flex flex-1 items-stretch gap-4",
 			children: [/* @__PURE__ */ s("div", {
 				className: "w-24 shrink-0 sm:w-28",
 				children: /* @__PURE__ */ c("div", {
-					className: d("relative h-full min-h-20 overflow-hidden rounded-xl", A.className),
-					style: A.style,
-					children: [k ? /* @__PURE__ */ s("img", {
-						src: k,
-						alt: D,
+					className: d("relative h-full min-h-20 overflow-hidden rounded-xl", j.className),
+					style: j.style,
+					children: [A ? /* @__PURE__ */ s("img", {
+						src: A,
+						alt: O,
 						className: "absolute inset-0 h-full w-full object-contain p-1",
 						loading: "lazy"
 					}) : /* @__PURE__ */ s("div", {
@@ -33,10 +33,10 @@ function m({ bike: m, className: h, detailsPath: g, productDetailsLinkState: _,
 							className: "h-7 w-7",
 							"aria-hidden": "true"
 						})
-					}), M && N ? /* @__PURE__ */ s(n, {
+					}), N && P ? /* @__PURE__ */ s(n, {
 						variant: "destructive",
 						className: "pointer-events-none absolute right-2 top-2 shadow-sm",
-						children: /* @__PURE__ */ s("span", { children: T("availability_out_of_stock") })
+						children: /* @__PURE__ */ s("span", { children: E("availability_out_of_stock") })
 					}) : null]
 				})
 			}), /* @__PURE__ */ c("div", {
@@ -44,41 +44,41 @@ function m({ bike: m, className: h, detailsPath: g, productDetailsLinkState: _,
 				children: [
 					/* @__PURE__ */ s("p", {
 						className: "min-w-0 text-sm font-semibold text-slate-950",
-						children: /* @__PURE__ */ s("span", { children: D })
+						children: /* @__PURE__ */ s("span", { children: O })
 					}),
 					/* @__PURE__ */ s(i, {
-						prices: m.prices,
+						prices: h.prices,
 						className: "self-start"
 					}),
 					/* @__PURE__ */ s("p", {
 						className: "line-clamp-2 text-xs text-slate-600",
-						children: /* @__PURE__ */ s("span", { children: O })
+						children: /* @__PURE__ */ s("span", { children: k })
 					})
 				]
 			})]
 		}), /* @__PURE__ */ c("div", {
 			className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 			children: [
-				M ? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
-					variant: j.variant,
-					children: /* @__PURE__ */ s("span", { children: x ?? T(j.labelKey) })
+				N ? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+					variant: M.variant,
+					children: /* @__PURE__ */ s("span", { children: S ?? E(M.labelKey) })
 				}), /* @__PURE__ */ s("span", {
 					className: "text-slate-400",
 					children: "·"
 				})] }),
 				/* @__PURE__ */ s(l, {
-					to: g,
-					state: _,
+					to: _,
+					state: v,
 					className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-					children: /* @__PURE__ */ s("span", { children: T("product_details_link") })
+					children: /* @__PURE__ */ s("span", { children: E("product_details_link") })
 				}),
 				/* @__PURE__ */ c(r, {
 					type: "button",
 					size: "sm",
 					className: "ml-auto gap-2 text-xs",
-					onClick: y,
-					disabled: b,
-					children: [/* @__PURE__ */ s("span", { children: T(v) }), /* @__PURE__ */ s(f, {
+					onClick: b,
+					disabled: x,
+					children: [/* @__PURE__ */ s("span", { children: E(y) }), s(N ? m : f, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})]
@@ -88,4 +88,4 @@ function m({ bike: m, className: h, detailsPath: g, productDetailsLinkState: _,
 	});
 }
 //#endregion
-export { m as BikeProductCard };
+export { h as BikeProductCard };

package/dist/components/BookingBikeVariantDialog/index.js

@@ -1,11 +1,11 @@
 import { getProductVariantAttributeValue as e, getStorefrontProductVariantDisplay as t } from "../../lib/productVariants.js";
-import { getAvailabilityVariant as n } from "../../lib/utils.js";
-import { getLocalizedValue as r } from "../../localization.js";
+import { getLocalizedValue as n } from "../../localization.js";
+import { getAvailabilityVariant as r } from "../../lib/utils.js";
 import { Badge as i } from "../../ui/badge.js";
 import { Button as a } from "../../ui/button.js";
 import { RESPONSIVE_DIALOG_MOBILE_MEDIA_QUERY as o, ResponsiveDialog as s, ResponsiveDialogContent as c, ResponsiveDialogDescription as l, ResponsiveDialogFooter as u, ResponsiveDialogHeader as d, ResponsiveDialogTitle as f } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
 import { Input as p } from "../../ui/input.js";
-import { useStorefrontWorkspaceLanguage as m } from "../../StorefrontProvider.js";
+import { useStorefrontWorkspaceLanguage as m } from "../../StorefrontContext.js";
 import { ProductWarningNotice as h } from "../ProductWarningNotice/index.js";
 import { ProductPriceBadge as g } from "../ProductPriceBadge/index.js";
 import { resolveProductImageContainerStyle as _ } from "../../lib/productImageStyles.js";
@@ -30,7 +30,7 @@ function A({ open: p, product: A, onOpenChange: M, getVariantAvailabilityLabel:
 			...n,
 			[e]: t
 		}));
-	}, W = r(A.name, R.language, B), G = r(A.description, R.language, B), K = r(A.warning, R.language, B), q = typeof A.images?.[0] == "string" ? A.images[0].trim() : "", J = _(A.primaryImageStyle), Y = n(A.availabilityStatus), X = A.features?.slice(0, 4) ?? [], Z = A.productVariants ?? [], Q = Z.some((t) => !!e(t, "size")) ? L("product_size_label") : L("product_variant_label");
+	}, W = n(A.name, R.language, B), G = n(A.description, R.language, B), K = n(A.warning, R.language, B), q = typeof A.images?.[0] == "string" ? A.images[0].trim() : "", J = _(A.primaryImageStyle), Y = r(A.availabilityStatus), X = A.features?.slice(0, 4) ?? [], Z = A.productVariants ?? [], Q = Z.some((t) => !!e(t, "size")) ? L("product_size_label") : L("product_variant_label");
 	return /* @__PURE__ */ b(s, {
 		open: p,
 		onOpenChange: M,
@@ -84,7 +84,10 @@ function A({ open: p, product: A, onOpenChange: M, getVariantAvailabilityLabel:
 										children: [/* @__PURE__ */ b(i, {
 											variant: Y.variant,
 											children: /* @__PURE__ */ b("span", { children: L(Y.labelKey) })
-										}), /* @__PURE__ */ b(g, { prices: A.prices })]
+										}), /* @__PURE__ */ b(g, {
+											prices: A.prices,
+											openOnHover: A.kind !== "accessory"
+										})]
 									}),
 									!z && X.length > 0 ? /* @__PURE__ */ x("div", {
 										className: "grid gap-2",
@@ -98,7 +101,7 @@ function A({ open: p, product: A, onOpenChange: M, getVariantAvailabilityLabel:
 												children: [/* @__PURE__ */ b(E, {
 													className: "mt-0.5 h-4 w-4 text-success",
 													"aria-hidden": "true"
-												}), /* @__PURE__ */ b("span", { children: r(e, R.language, B) })]
+												}), /* @__PURE__ */ b("span", { children: n(e, R.language, B) })]
 											}, `${A.id}-${t}`))
 										})]
 									}) : null,
@@ -112,7 +115,10 @@ function A({ open: p, product: A, onOpenChange: M, getVariantAvailabilityLabel:
 										children: [/* @__PURE__ */ b(i, {
 											variant: Y.variant,
 											children: /* @__PURE__ */ b("span", { children: L(Y.labelKey) })
-										}), /* @__PURE__ */ b(g, { prices: A.prices })]
+										}), /* @__PURE__ */ b(g, {
+											prices: A.prices,
+											openOnHover: A.kind !== "accessory"
+										})]
 									}) : null,
 									z && X.length > 0 ? /* @__PURE__ */ x("details", {
 										className: "group rounded-2xl border border-slate-200 bg-slate-50",
@@ -131,7 +137,7 @@ function A({ open: p, product: A, onOpenChange: M, getVariantAvailabilityLabel:
 													children: [/* @__PURE__ */ b(E, {
 														className: "mt-0.5 h-4 w-4 text-success",
 														"aria-hidden": "true"
-													}), /* @__PURE__ */ b("span", { children: r(e, R.language, B) })]
+													}), /* @__PURE__ */ b("span", { children: n(e, R.language, B) })]
 												}, `${A.id}-mobile-${t}`))
 											})
 										})]

package/dist/components/ContactSection/index.js

@@ -4,16 +4,16 @@ import { resolveStorefrontWhatsAppContact as i } from "../../lib/whatsapp.js";
 import a from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
 import { MISSING_SHOP_ADDRESS as o, MISSING_SHOP_EMAIL as s, MISSING_SHOP_PHONE_NUMBER as c, UNCONFIGURED_SHOP_MAP_CENTER as l } from "../../lib/storefrontMissingValues.js";
 import { Button as u } from "../../ui/button.js";
-import { Input as d } from "../../ui/input.js";
-import { useStorefront as f } from "../../StorefrontProvider.js";
-import { Form as p, FormControl as m, FormField as h, FormItem as g, FormLabel as _, FormMessage as v } from "../../ui/form.js";
-import { Textarea as y } from "../../ui/textarea.js";
-import { createMarkerElement as ee } from "../Map/createMarkerElement.js";
-import { Map as b } from "../Map/index.js";
-import { z as x } from "zod";
-import { useMemo as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { toast as T } from "@rpcbase/client";
+import { toast as d } from "../../lib/toast.js";
+import { Input as f } from "../../ui/input.js";
+import { useStorefront as p } from "../../StorefrontContext.js";
+import { Form as m, FormControl as h, FormField as g, FormItem as _, FormLabel as v, FormMessage as y } from "../../ui/form.js";
+import { Textarea as ee } from "../../ui/textarea.js";
+import { createMarkerElement as b } from "../Map/createMarkerElement.js";
+import { Map as x } from "../Map/index.js";
+import { z as S } from "zod";
+import { useMemo as C } from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { useTranslation as E } from "react-i18next";
 import { PhoneNumberInput as D, cn as O } from "@rpcbase/ui";
 import { Mail as k, MapPin as A, Phone as j } from "lucide-react";
@@ -21,15 +21,15 @@ import { useForm as M, zodResolver as N } from "@rpcbase/form";
 //#region src/components/ContactSection/index.tsx
 var P = (e) => e.startsWith("fr") ? "FR" : "US", F = "text-sm font-normal text-current decoration-current underline-offset-4 group-hover:underline", I = "group flex items-start gap-3 text-slate-600 transition-colors hover:text-slate-800";
 function L({ storeSlug: L }) {
-	let { t: R, i18n: z } = E(), { storefrontConfiguration: B, mapboxToken: V } = f(), { shop: H } = B, U = r(H), W = H.emailAddress?.trim() ?? "", G = H.address?.trim() ?? "", K = n(H), q = i({
+	let { t: R, i18n: z } = E(), { storefrontConfiguration: B, mapboxToken: V } = p(), { shop: H } = B, U = r(H), W = H.emailAddress?.trim() ?? "", G = H.address?.trim() ?? "", K = n(H), q = i({
 		storefrontConfiguration: B,
 		language: z.language
 	}), J = q?.href, Y = M({
-		resolver: N(S(() => x.object({
-			name: x.string().trim().min(1, R("contact_form_validation_name_required")),
-			emailAddress: x.string().trim().email(R("contact_form_validation_email_invalid")),
-			phoneNumber: x.string().trim().min(6, R("contact_form_validation_phone_invalid")),
-			message: x.string().trim().min(1, R("contact_form_validation_message_required")).max(8192, R("contact_form_validation_message_too_long"))
+		resolver: N(C(() => S.object({
+			name: S.string().trim().min(1, R("contact_form_validation_name_required")),
+			emailAddress: S.string().trim().email(R("contact_form_validation_email_invalid")),
+			phoneNumber: S.string().trim().min(6, R("contact_form_validation_phone_invalid")),
+			message: S.string().trim().min(1, R("contact_form_validation_message_required")).max(8192, R("contact_form_validation_message_too_long"))
 		}), [R, z.language])),
 		defaultValues: {
 			name: "",
@@ -37,10 +37,10 @@ function L({ storeSlug: L }) {
 			phoneNumber: "",
 			message: ""
 		}
-	}), X = S(() => {
+	}), X = C(() => {
 		let e = H.gpsCoordinates;
 		return e ? [e[1], e[0]] : null;
-	}, [H.gpsCoordinates]), Z = X ?? l, Q = S(() => ee(), []), $ = S(() => X ? {
+	}, [H.gpsCoordinates]), Z = X ?? l, Q = C(() => b(), []), $ = C(() => X ? {
 		coords: X,
 		element: Q || void 0,
 		offset: [0, -25.5],
@@ -50,7 +50,7 @@ function L({ storeSlug: L }) {
 		G,
 		X,
 		Q
-	]), te = S(() => $ ? [$] : [], [$]), ne = Y.handleSubmit(async (n) => {
+	]), te = C(() => $ ? [$] : [], [$]), ne = Y.handleSubmit(async (n) => {
 		try {
 			let r = await fetch(e, {
 				method: "POST",
@@ -61,180 +61,180 @@ function L({ storeSlug: L }) {
 				})
 			}), i = await r.json().then((e) => t.safeParse(e)).catch(() => ({ success: !1 }));
 			if (r.ok && "success" in i && i.success && i.data.success) {
-				T.success(R("contact_form_success_toast")), Y.reset();
+				d.success(R("contact_form_success_toast")), Y.reset();
 				return;
 			}
 			let a = "success" in i && i.success && i.data.error ? i.data.error : R("contact_form_error_toast");
-			T.error(a);
+			d.error(a);
 		} catch (e) {
-			console.warn("Storefront contact form request failed", e), T.error(R("contact_form_error_toast"));
+			console.warn("Storefront contact form request failed", e), d.error(R("contact_form_error_toast"));
 		}
 	});
-	return /* @__PURE__ */ C("section", {
+	return /* @__PURE__ */ w("section", {
 		id: "contact",
 		className: "border-t bg-slate-50 py-12 scroll-mt-16 sm:scroll-mt-20 sm:py-16",
 		"data-testid": "storefront-contact-form",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "mx-auto max-w-7xl px-4 sm:px-6",
-			children: [/* @__PURE__ */ w("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "mx-auto max-w-2xl text-center",
-				children: [/* @__PURE__ */ C("h2", {
+				children: [/* @__PURE__ */ w("h2", {
 					className: "text-3xl font-semibold tracking-tight text-slate-950",
 					children: R("contact_section_title")
-				}), /* @__PURE__ */ C("p", {
+				}), /* @__PURE__ */ w("p", {
 					className: "mt-3 text-sm text-slate-600 sm:text-base",
 					children: R("contact_section_subtitle")
 				})]
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ T("div", {
 				className: "mt-8 grid gap-6 rounded-xl border border-slate-200 bg-white p-4 shadow-sm lg:grid-cols-2 lg:p-6",
-				children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-6 lg:border-r lg:border-slate-200 lg:pr-6",
 					children: [
-						/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h3", {
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 							className: "text-lg font-semibold text-slate-950",
 							children: R("contact_section_info_title")
-						}), /* @__PURE__ */ C("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "mt-2 text-sm text-slate-600",
 							children: R(J ? "contact_section_info_description" : "contact_section_info_description_without_whatsapp")
 						})] }),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ T("div", {
 							className: "grid gap-5",
 							children: [
-								q ? /* @__PURE__ */ w("a", {
+								q ? /* @__PURE__ */ T("a", {
 									className: I,
 									href: q.href,
 									target: "_blank",
 									rel: "noreferrer",
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors",
-										children: /* @__PURE__ */ C("img", {
+										children: /* @__PURE__ */ w("img", {
 											src: a,
 											className: "h-6 w-6",
 											alt: "",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
 											children: R("contact_section_whatsapp_label")
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: F,
 											children: q.phoneDisplay
 										})]
 									})]
 								}) : null,
-								U ? /* @__PURE__ */ w("a", {
+								U ? /* @__PURE__ */ T("a", {
 									className: I,
 									href: U.href,
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors",
-										children: /* @__PURE__ */ C(j, {
+										children: /* @__PURE__ */ w(j, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
 											children: R("contact_section_phone_label")
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: F,
 											children: U.phoneDisplay
 										})]
 									})]
-								}) : /* @__PURE__ */ w("div", {
+								}) : /* @__PURE__ */ T("div", {
 									className: "flex items-start gap-3 text-destructive",
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current",
-										children: /* @__PURE__ */ C(j, {
+										children: /* @__PURE__ */ w(j, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
 											children: R("contact_section_phone_label")
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: "text-sm font-normal",
 											children: c
 										})]
 									})]
 								}),
-								W ? /* @__PURE__ */ w("a", {
+								W ? /* @__PURE__ */ T("a", {
 									className: I,
 									href: `mailto:${W}`,
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors",
-										children: /* @__PURE__ */ C(k, {
+										children: /* @__PURE__ */ w(k, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
 											children: R("contact_section_email_label")
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: F,
 											children: W
 										})]
 									})]
-								}) : /* @__PURE__ */ w("div", {
+								}) : /* @__PURE__ */ T("div", {
 									className: "flex items-start gap-3 text-destructive",
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current",
-										children: /* @__PURE__ */ C(k, {
+										children: /* @__PURE__ */ w(k, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
 											children: R("contact_section_email_label")
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: "text-sm font-normal",
 											children: s
 										})]
 									})]
 								}),
-								K && G ? /* @__PURE__ */ w("a", {
+								K && G ? /* @__PURE__ */ T("a", {
 									className: I,
 									href: K,
 									target: "_blank",
 									rel: "noreferrer",
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors",
-										children: /* @__PURE__ */ C(A, {
+										children: /* @__PURE__ */ w(A, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
 											children: R("contact_section_address_label")
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: F,
 											children: G
 										})]
 									})]
-								}) : /* @__PURE__ */ w("div", {
+								}) : /* @__PURE__ */ T("div", {
 									className: "flex items-start gap-3 text-destructive",
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current",
-										children: /* @__PURE__ */ C(A, {
+										children: /* @__PURE__ */ w(A, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
 											children: R("contact_section_address_label")
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: "text-sm font-normal",
 											children: o
 										})]
@@ -242,10 +242,10 @@ function L({ storeSlug: L }) {
 								})
 							]
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ w("div", {
 							className: "relative",
 							"data-testid": "storefront-contact-map",
-							children: /* @__PURE__ */ C(b, {
+							children: /* @__PURE__ */ w(x, {
 								mapboxToken: V,
 								initialCenter: Z,
 								initialZoom: X ? 10 : 1,
@@ -255,56 +255,56 @@ function L({ storeSlug: L }) {
 							})
 						})
 					]
-				}), /* @__PURE__ */ w("div", { children: [
-					/* @__PURE__ */ C("h3", {
+				}), /* @__PURE__ */ T("div", { children: [
+					/* @__PURE__ */ w("h3", {
 						className: "text-lg font-semibold text-slate-950",
 						children: R("contact_section_form_title")
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("p", {
 						className: "mt-2 text-sm text-slate-600",
 						children: R("contact_section_form_description")
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ w("div", {
 						className: "mt-6",
-						children: /* @__PURE__ */ C(p, {
+						children: /* @__PURE__ */ w(m, {
 							...Y,
-							children: /* @__PURE__ */ w("form", {
+							children: /* @__PURE__ */ T("form", {
 								onSubmit: ne,
 								className: "grid gap-4",
 								children: [
-									/* @__PURE__ */ C(h, {
+									/* @__PURE__ */ w(g, {
 										control: Y.control,
 										name: "name",
-										render: ({ field: e }) => /* @__PURE__ */ w(g, { children: [
-											/* @__PURE__ */ C(_, { children: R("contact_form_name_label") }),
-											/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(d, {
+										render: ({ field: e }) => /* @__PURE__ */ T(_, { children: [
+											/* @__PURE__ */ w(v, { children: R("contact_form_name_label") }),
+											/* @__PURE__ */ w(h, { children: /* @__PURE__ */ w(f, {
 												...e,
 												placeholder: R("contact_form_name_placeholder"),
 												className: "h-11"
 											}) }),
-											/* @__PURE__ */ C(v, {})
+											/* @__PURE__ */ w(y, {})
 										] })
 									}),
-									/* @__PURE__ */ C(h, {
+									/* @__PURE__ */ w(g, {
 										control: Y.control,
 										name: "emailAddress",
-										render: ({ field: e }) => /* @__PURE__ */ w(g, { children: [
-											/* @__PURE__ */ C(_, { children: R("contact_form_email_label") }),
-											/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(d, {
+										render: ({ field: e }) => /* @__PURE__ */ T(_, { children: [
+											/* @__PURE__ */ w(v, { children: R("contact_form_email_label") }),
+											/* @__PURE__ */ w(h, { children: /* @__PURE__ */ w(f, {
 												...e,
 												type: "email",
 												placeholder: R("contact_form_email_placeholder"),
 												className: "h-11"
 											}) }),
-											/* @__PURE__ */ C(v, {})
+											/* @__PURE__ */ w(y, {})
 										] })
 									}),
-									/* @__PURE__ */ C(h, {
+									/* @__PURE__ */ w(g, {
 										control: Y.control,
 										name: "phoneNumber",
-										render: ({ field: e, fieldState: t }) => /* @__PURE__ */ w(g, { children: [
-											/* @__PURE__ */ C(_, { children: R("contact_form_phone_label") }),
-											/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(D, {
+										render: ({ field: e, fieldState: t }) => /* @__PURE__ */ T(_, { children: [
+											/* @__PURE__ */ w(v, { children: R("contact_form_phone_label") }),
+											/* @__PURE__ */ w(h, { children: /* @__PURE__ */ w(D, {
 												name: e.name,
 												value: e.value ?? "",
 												onBlur: e.onBlur,
@@ -317,34 +317,34 @@ function L({ storeSlug: L }) {
 												placeholder: R("contact_form_phone_placeholder"),
 												className: "relative",
 												inputClassName: O("flex h-11 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", t.error && "border-destructive focus-visible:ring-destructive"),
-												renderValidationMessage: ({ message: e }) => t.error?.message ? null : /* @__PURE__ */ C(v, {
+												renderValidationMessage: ({ message: e }) => t.error?.message ? null : /* @__PURE__ */ w(y, {
 													style: { top: "100%" },
-													children: /* @__PURE__ */ C("span", { children: e })
+													children: /* @__PURE__ */ w("span", { children: e })
 												})
 											}) }),
-											t.error?.message ? /* @__PURE__ */ C(v, {}) : null
+											t.error?.message ? /* @__PURE__ */ w(y, {}) : null
 										] })
 									}),
-									/* @__PURE__ */ C(h, {
+									/* @__PURE__ */ w(g, {
 										control: Y.control,
 										name: "message",
-										render: ({ field: e }) => /* @__PURE__ */ w(g, { children: [
-											/* @__PURE__ */ C(_, { children: R("contact_form_message_label") }),
-											/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(y, {
+										render: ({ field: e }) => /* @__PURE__ */ T(_, { children: [
+											/* @__PURE__ */ w(v, { children: R("contact_form_message_label") }),
+											/* @__PURE__ */ w(h, { children: /* @__PURE__ */ w(ee, {
 												...e,
 												rows: 5,
 												placeholder: R("contact_form_message_placeholder"),
 												className: "min-h-[132px]"
 											}) }),
-											/* @__PURE__ */ C(v, {})
+											/* @__PURE__ */ w(y, {})
 										] })
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ T("div", {
 										className: "mt-2 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-										children: [/* @__PURE__ */ C("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs text-slate-500",
 											children: R("contact_form_privacy_hint")
-										}), /* @__PURE__ */ C(u, {
+										}), /* @__PURE__ */ w(u, {
 											type: "submit",
 											disabled: Y.formState.isSubmitting,
 											children: Y.formState.isSubmitting ? R("contact_form_submitting_button") : R("contact_form_submit_button")