@loczer/storefront-sdk 0.182.0 → 0.183.0

package/dist/components/Footer/index.js

@@ -1,137 +1,166 @@
-import e from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
-import { BusinessHours as t } from "./BusinessHours.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { cn as i } from "@rpcbase/ui";
-import { useTranslation as a } from "react-i18next";
-import { Clock as o, Mail as s, MapPin as c, Phone as l } from "lucide-react";
+import { resolveStorefrontMapsHref as e, resolveStorefrontPhoneContact as t } from "../../lib/storefrontContact.js";
+import n from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
+import { MISSING_SHOP_ADDRESS as r, MISSING_SHOP_EMAIL as i, MISSING_SHOP_PHONE_NUMBER as a } from "../../lib/storefrontMissingValues.js";
+import { BusinessHours as o } from "./BusinessHours.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { cn as l } from "@rpcbase/ui";
+import { useTranslation as u } from "react-i18next";
+import { Clock as d, Mail as f, MapPin as p, Phone as m } from "lucide-react";
 //#region src/components/Footer/index.tsx
-var u = "group inline-flex gap-2 text-sm font-normal text-slate-600 decoration-current underline-offset-4 transition-colors hover:text-slate-800 hover:underline", d = "mt-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center text-current transition-colors", f = (e) => (Math.trunc(e) % 7 + 7) % 7, p = (e) => Array.isArray(e) ? e.map((e) => ({
+var h = "group inline-flex gap-2 text-sm font-normal text-slate-600 decoration-current underline-offset-4 transition-colors hover:text-slate-800 hover:underline", g = "mt-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center text-current transition-colors", _ = (e) => (Math.trunc(e) % 7 + 7) % 7, v = (e) => Array.isArray(e) ? e.map((e) => ({
 	name: e.name,
 	startDate: e.startDate,
 	endDate: e.endDate,
 	openingHours: e.openingHours.map((e) => ({
-		day: f(e.day),
+		day: _(e.day),
 		openingSlots: e.openingSlots.map((e) => ({
 			start: e.start,
 			end: e.end
 		}))
 	}))
-})) : [], m = (e) => Array.isArray(e) ? e.map((e) => ({
+})) : [], y = (e) => Array.isArray(e) ? e.map((e) => ({
 	date: e.date,
 	openingSlots: e.openingSlots.map((e) => ({
 		start: e.start,
 		end: e.end
 	}))
 })) : [];
-function h({ preset: f, whatsappHref: h, whatsappPhoneDisplay: g, openingHours: _, openingHoursOverrides: v }) {
-	let { t: y } = a(), b = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(f.address)}`, x = p(_), S = m(v), C = x.length > 0;
-	return /* @__PURE__ */ n("footer", {
+function b({ shop: _, whatsappHref: b, whatsappPhoneDisplay: x, openingHours: S, openingHoursOverrides: C }) {
+	let { t: w } = u(), T = t(_), E = _?.emailAddress?.trim() ?? "", D = _?.address?.trim() ?? "", O = e(_), k = v(S), A = y(C), j = k.length > 0;
+	return /* @__PURE__ */ s("footer", {
 		className: "border-t bg-white",
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: "mx-auto grid max-w-7xl gap-8 px-4 py-10 sm:px-6 md:grid-cols-3",
 			children: [
-				/* @__PURE__ */ r("div", {
+				/* @__PURE__ */ c("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ n("p", {
+					children: [/* @__PURE__ */ s("p", {
 						className: "text-sm font-semibold text-slate-950",
-						children: /* @__PURE__ */ n("span", { children: y("footer_brand_title") })
-					}), /* @__PURE__ */ n("p", {
+						children: /* @__PURE__ */ s("span", { children: w("footer_brand_title") })
+					}), /* @__PURE__ */ s("p", {
 						className: "text-sm text-slate-600",
-						children: /* @__PURE__ */ n("span", { children: y("footer_brand_description") })
+						children: /* @__PURE__ */ s("span", { children: w("footer_brand_description") })
 					})]
 				}),
-				/* @__PURE__ */ r("div", {
+				/* @__PURE__ */ c("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ n("p", {
+					children: [/* @__PURE__ */ s("p", {
 						className: "text-sm font-semibold text-slate-950",
-						children: /* @__PURE__ */ n("span", { children: y("footer_contact_title") })
-					}), /* @__PURE__ */ r("div", {
+						children: /* @__PURE__ */ s("span", { children: w("footer_contact_title") })
+					}), /* @__PURE__ */ c("div", {
 						className: "grid gap-2",
 						children: [
-							h ? /* @__PURE__ */ r("a", {
-								className: i(u, "items-center"),
-								href: h,
+							b ? /* @__PURE__ */ c("a", {
+								className: l(h, "items-center"),
+								href: b,
 								target: "_blank",
 								rel: "noreferrer",
 								children: [
-									/* @__PURE__ */ n("span", {
-										className: i(d, "h-5 w-5"),
-										children: /* @__PURE__ */ n("img", {
-											src: e,
+									/* @__PURE__ */ s("span", {
+										className: l(g, "h-5 w-5"),
+										children: /* @__PURE__ */ s("img", {
+											src: n,
 											className: "h-5 w-5 shrink-0",
 											alt: "",
 											"aria-hidden": "true"
 										})
 									}),
-									/* @__PURE__ */ n("span", { children: y("footer_whatsapp_link") }),
-									g ? /* @__PURE__ */ n("span", {
+									/* @__PURE__ */ s("span", { children: w("footer_whatsapp_link") }),
+									x ? /* @__PURE__ */ s("span", {
 										className: "text-slate-500",
-										children: g
+										children: x
 									}) : null
 								]
 							}) : null,
-							/* @__PURE__ */ r("a", {
-								className: i(u, "items-center"),
-								href: f.phone_href,
-								"aria-label": f.phone_display,
-								children: [/* @__PURE__ */ n("span", {
-									className: d,
-									children: /* @__PURE__ */ n(l, {
+							T ? /* @__PURE__ */ c("a", {
+								className: l(h, "items-center"),
+								href: T.href,
+								"aria-label": T.phoneDisplay,
+								children: [/* @__PURE__ */ s("span", {
+									className: g,
+									children: /* @__PURE__ */ s(m, {
+										className: "h-4 w-4",
+										"aria-hidden": "true"
+									})
+								}), /* @__PURE__ */ s("span", { children: T.phoneDisplay })]
+							}) : /* @__PURE__ */ c("div", {
+								className: l(h, "items-center text-destructive hover:text-destructive hover:no-underline"),
+								children: [/* @__PURE__ */ s("span", {
+									className: g,
+									children: /* @__PURE__ */ s(m, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
-								}), /* @__PURE__ */ n("span", { children: f.phone_display })]
+								}), /* @__PURE__ */ s("span", { children: a })]
 							}),
-							/* @__PURE__ */ r("a", {
-								className: i(u, "items-center"),
-								href: `mailto:${f.email}`,
-								"aria-label": f.email,
-								children: [/* @__PURE__ */ n("span", {
-									className: d,
-									children: /* @__PURE__ */ n(s, {
+							E ? /* @__PURE__ */ c("a", {
+								className: l(h, "items-center"),
+								href: `mailto:${E}`,
+								"aria-label": E,
+								children: [/* @__PURE__ */ s("span", {
+									className: g,
+									children: /* @__PURE__ */ s(f, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
-								}), /* @__PURE__ */ n("span", { children: f.email })]
+								}), /* @__PURE__ */ s("span", { children: E })]
+							}) : /* @__PURE__ */ c("div", {
+								className: l(h, "items-center text-destructive hover:text-destructive hover:no-underline"),
+								children: [/* @__PURE__ */ s("span", {
+									className: g,
+									children: /* @__PURE__ */ s(f, {
+										className: "h-4 w-4",
+										"aria-hidden": "true"
+									})
+								}), /* @__PURE__ */ s("span", { children: i })]
 							}),
-							/* @__PURE__ */ r("a", {
-								className: i(u, "items-start"),
-								href: b,
+							O && D ? /* @__PURE__ */ c("a", {
+								className: l(h, "items-start"),
+								href: O,
 								target: "_blank",
 								rel: "noreferrer",
-								children: [/* @__PURE__ */ n("span", {
-									className: d,
-									children: /* @__PURE__ */ n(c, {
+								children: [/* @__PURE__ */ s("span", {
+									className: g,
+									children: /* @__PURE__ */ s(p, {
+										className: "h-4 w-4",
+										"aria-hidden": "true"
+									})
+								}), /* @__PURE__ */ s("span", { children: D })]
+							}) : /* @__PURE__ */ c("div", {
+								className: l(h, "items-start text-destructive hover:text-destructive hover:no-underline"),
+								children: [/* @__PURE__ */ s("span", {
+									className: g,
+									children: /* @__PURE__ */ s(p, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
-								}), /* @__PURE__ */ n("span", { children: f.address })]
+								}), /* @__PURE__ */ s("span", { children: r })]
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ r("div", {
+				/* @__PURE__ */ c("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ n("p", {
+					children: [/* @__PURE__ */ s("p", {
 						className: "text-sm font-semibold text-slate-950",
-						children: /* @__PURE__ */ n("span", { children: y("footer_hours_title") })
-					}), C ? /* @__PURE__ */ n(t, {
-						openingHours: x,
-						openingHoursOverrides: S
-					}) : /* @__PURE__ */ r("div", {
+						children: /* @__PURE__ */ s("span", { children: w("footer_hours_title") })
+					}), j ? /* @__PURE__ */ s(o, {
+						openingHours: k,
+						openingHoursOverrides: A
+					}) : /* @__PURE__ */ c("div", {
 						className: "grid gap-1 text-sm text-slate-700",
-						children: [/* @__PURE__ */ r("p", {
+						children: [/* @__PURE__ */ c("p", {
 							className: "inline-flex items-center gap-2",
-							children: [/* @__PURE__ */ n(o, {
+							children: [/* @__PURE__ */ s(d, {
 								className: "h-4 w-4 text-slate-400",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ n("span", { children: y("footer_hours_week") })]
-						}), /* @__PURE__ */ r("p", {
+							}), /* @__PURE__ */ s("span", { children: w("footer_hours_week") })]
+						}), /* @__PURE__ */ c("p", {
 							className: "inline-flex items-center gap-2",
-							children: [/* @__PURE__ */ n(o, {
+							children: [/* @__PURE__ */ s(d, {
 								className: "h-4 w-4 text-slate-400",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ n("span", { children: y("footer_hours_weekend") })]
+							}), /* @__PURE__ */ s("span", { children: w("footer_hours_weekend") })]
 						})]
 					})]
 				})
@@ -140,4 +169,4 @@ function h({ preset: f, whatsappHref: h, whatsappPhoneDisplay: g, openingHours:
 	});
 }
 //#endregion
-export { h as Footer };
+export { b as Footer };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FulfillmentSection/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,KAAK,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAA;AAKzF,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,kBAAkB,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAClD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,UAAU,EAAE,MAAM,CAAA;IAClB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B,CAAC,EAAE,OAAO,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kCAAkC,CAAC,EAAE,sCAAsC,CAAA;IAC3E,2BAA2B,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9C,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,YAAY,EACZ,oBAAoB,EACpB,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,+BAAsC,EACtC,YAAuC,EACvC,gBAAgB,EAChB,kCAAkC,EAClC,2BAA2B,EAC3B,2BAAkC,GACnC,EAAE,uBAAuB,kDA0FzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FulfillmentSection/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,KAAK,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAA;AAKzF,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,kBAAkB,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAClD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,UAAU,EAAE,MAAM,CAAA;IAClB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B,CAAC,EAAE,OAAO,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kCAAkC,CAAC,EAAE,sCAAsC,CAAA;IAC3E,2BAA2B,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9C,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,YAAY,EACZ,oBAAoB,EACpB,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,+BAAsC,EACtC,YAAuC,EACvC,gBAAgB,EAChB,kCAAkC,EAClC,2BAA2B,EAC3B,2BAAkC,GACnC,EAAE,uBAAuB,kDAsGzB"}

package/dist/components/FulfillmentSection/index.js

@@ -1,3 +1,4 @@
+import "../../lib/storefrontMissingValues.js";
 import { DeliveryAddressSelector as e } from "../DeliveryAddressSelector/index.js";
 import { RadioGroup as t, RadioGroupItem as n } from "../../ui/radio-group.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
@@ -6,18 +7,18 @@ import { useTranslation as o } from "react-i18next";
 import { MapPin as s, Store as c, Truck as l } from "lucide-react";
 //#region src/components/FulfillmentSection/index.tsx
 function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, deliveryDisabledReason: m, startAddress: h, onStartAddressChange: g, endAddress: _, onEndAddressChange: v, className: y, showPickupAddressWhenPickupOnly: b = !0, testIdPrefix: x = "storefront-fulfillment", googleMapsApiKey: S, deliveryAddressLocationRestriction: C, deliveryAddressAllowedTypes: w, showDeliveryAddressSelector: T = !0 }) {
-	let { t: E } = o(), D = f?.trim() ?? "", O = m?.trim() ?? "", k = p || O.length > 0, A = u === "delivery" && p ? "delivery" : "pickup";
-	return k ? /* @__PURE__ */ i("div", {
+	let { t: E } = o(), D = f?.trim() ?? "", O = D.length === 0, k = D || "[Missing shop address]", A = m?.trim() ?? "", j = p || A.length > 0, M = u === "delivery" && p ? "delivery" : "pickup";
+	return j ? /* @__PURE__ */ i("div", {
 		className: a("grid gap-3", y),
 		"data-testid": x,
 		children: [/* @__PURE__ */ i(t, {
-			value: A,
+			value: M,
 			onValueChange: (e) => {
 				e === "delivery" && !p || d(e === "delivery" ? "delivery" : "pickup");
 			},
 			className: "grid gap-2",
 			children: [/* @__PURE__ */ i("label", {
-				className: a("flex items-start gap-3 rounded-xl border p-3 transition", A === "pickup" ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white"),
+				className: a("flex items-start gap-3 rounded-xl border p-3 transition", M === "pickup" ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white"),
 				"data-testid": `${x}-pickup`,
 				children: [
 					/* @__PURE__ */ r(n, {
@@ -34,14 +35,14 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 						children: [/* @__PURE__ */ r("span", {
 							className: "text-sm font-medium text-slate-950",
 							children: E("booking_pickup_label")
-						}), D ? /* @__PURE__ */ r("span", {
-							className: "text-xs text-slate-600",
-							children: D
-						}) : null]
+						}), /* @__PURE__ */ r("span", {
+							className: a("text-xs text-slate-600", O && "text-destructive"),
+							children: k
+						})]
 					})
 				]
 			}), /* @__PURE__ */ i("label", {
-				className: a("flex items-start gap-3 rounded-xl border p-3 transition", p ? A === "delivery" ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white" : "cursor-not-allowed border-slate-200 bg-white opacity-60"),
+				className: a("flex items-start gap-3 rounded-xl border p-3 transition", p ? M === "delivery" ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white" : "cursor-not-allowed border-slate-200 bg-white opacity-60"),
 				"aria-disabled": !p,
 				"data-testid": `${x}-delivery`,
 				children: [
@@ -62,13 +63,13 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 							children: E("booking_delivery_label")
 						}), /* @__PURE__ */ r("span", {
 							className: "text-xs text-slate-600",
-							children: p ? E("booking_delivery_description") : O
+							children: p ? E("booking_delivery_description") : A
 						})]
 					})
 				]
 			})]
 		}), T ? /* @__PURE__ */ r(e, {
-			open: A === "delivery",
+			open: M === "delivery",
 			className: "sm:min-h-[6.75rem]",
 			inputClassName: "h-10 bg-white",
 			startAddress: h,
@@ -80,14 +81,14 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 			locationRestriction: C,
 			allowedTypes: w
 		}) : null]
-	}) : !b || D.length === 0 ? null : /* @__PURE__ */ i("div", {
-		className: a("flex items-center gap-2 text-xs text-slate-600", y),
+	}) : b ? /* @__PURE__ */ i("div", {
+		className: a("flex items-center gap-2 text-xs text-slate-600", O && "text-destructive", y),
 		"data-testid": `${x}-pickup-address`,
 		children: [/* @__PURE__ */ r(s, {
-			className: "h-4 w-4 shrink-0 text-slate-900",
+			className: a("h-4 w-4 shrink-0 text-slate-900", O && "text-destructive"),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ r("span", { children: D })]
-	});
+		}), /* @__PURE__ */ r("span", { children: k })]
+	}) : null;
 }
 //#endregion
 export { u as FulfillmentSection };

package/dist/components/Header/index.d.ts

@@ -1,11 +1,9 @@
-import { StorefrontPreset } from '../../data/config';
 import { StorefrontConfiguration } from '../../storefrontSchemas';
 type HeaderProps = {
-    preset: StorefrontPreset;
     storefrontConfiguration?: StorefrontConfiguration;
     whatsappHref?: string;
     whatsappPhoneDisplay?: string;
 };
-export declare function Header({ preset, storefrontConfiguration, whatsappHref, whatsappPhoneDisplay }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ storefrontConfiguration, whatsappHref, whatsappPhoneDisplay }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAKtE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,gBAAgB,CAAA;IACxB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAQD,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,WAAW,2CAsJ1G"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAKtE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAQD,wBAAgB,MAAM,CAAC,EAAE,uBAAuB,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,WAAW,2CAyKlG"}

package/dist/components/Header/index.js

@@ -3,163 +3,168 @@ import { useStorefrontCart as t } from "../../lib/cart.js";
 import { getLocalizedValue as n } from "../../localization.js";
 import { buildStorefrontImageUrl as r } from "../../lib/storefrontImage.js";
 import i from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
-import { Badge as a } from "../../ui/badge.js";
-import { Button as o } from "../../ui/button.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cn as l, useScrollHideOnDown as u } from "@rpcbase/ui";
-import { useMediaQuery as d, useThrottledMeasure as f } from "@rpcbase/client";
-import { Link as p, useLocation as m, useParams as h } from "@rpcbase/router";
-import { useTranslation as g } from "react-i18next";
-import { ArrowRight as _, Bike as v, ShoppingCart as y } from "lucide-react";
+import { MISSING_SHOP_EMAIL as a } from "../../lib/storefrontMissingValues.js";
+import { formatStorefrontAddressTagline as o } from "../../lib/storefrontAddress.js";
+import { Badge as s } from "../../ui/badge.js";
+import { Button as c } from "../../ui/button.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { cn as d, useScrollHideOnDown as f } from "@rpcbase/ui";
+import { useMediaQuery as p, useThrottledMeasure as m } from "@rpcbase/client";
+import { Link as h, useLocation as g, useParams as _ } from "@rpcbase/router";
+import { useTranslation as v } from "react-i18next";
+import { ArrowRight as y, Bike as b, ShoppingCart as x } from "lucide-react";
 //#region src/components/Header/index.tsx
-var b = 36, x = (e, t) => {
+var S = 36, C = (e, t) => {
 	let n = e?.trim() ?? "";
 	return n ? r(n, t ?? "") : "";
 };
-function S({ preset: r, storefrontConfiguration: S, whatsappHref: C, whatsappPhoneDisplay: w }) {
-	let { t: T, i18n: E } = g(), { storeSlug: D } = h(), O = m(), { itemCount: k } = t(), A = d("(max-width: 640px)"), [j, M] = f(), N = M?.height ?? b, P = u({
-		enabled: A,
+function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay: T }) {
+	let { t: E, i18n: D } = v(), { storeSlug: O } = _(), k = g(), { itemCount: A } = t(), j = p("(max-width: 640px)"), [M, ee] = m(), N = ee?.height ?? S, P = f({
+		enabled: j,
 		thresholdPx: N
-	}), F = A && P ? `translateY(-${N}px)` : "translateY(0)", I = () => {
-		let e = E.language.startsWith("fr") ? "en" : "fr";
-		E.changeLanguage(e);
-	}, L = `/${D ?? ""}`, R = e(new URLSearchParams(O.search), D).toString(), z = R ? `?${R}` : "", B = `${L}/booking${z}`, V = `${L}/checkout${z}`, H = S?.shop.name?.trim() || r.name, U = S?.workspace?.workspaceLanguage, W = n(S?.content?.tagline, E.language, U).trim() || r.tagline, G = n(S?.content?.topBannerMessage, E.language, U).trim() || T("top_bar_message"), K = x(S?.content?.logoWideImageId, D), q = x(S?.content?.logoSquareImageId, D), J = K.length > 0, Y = q.length > 0;
-	return /* @__PURE__ */ c("div", {
+	}), F = j && P ? `translateY(-${N}px)` : "translateY(0)", I = () => {
+		let e = D.language.startsWith("fr") ? "en" : "fr";
+		D.changeLanguage(e);
+	}, L = `/${O ?? ""}`, R = e(new URLSearchParams(k.search), O).toString(), z = R ? `?${R}` : "", B = `${L}/booking${z}`, V = `${L}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = n(r?.content?.tagline, D.language, W).trim(), K = o(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = n(r?.content?.topBannerMessage, D.language, W).trim() || E("top_bar_message"), X = C(r?.content?.logoWideImageId, O), Z = C(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, O), Q = X.length > 0, $ = Z.length > 0;
+	return /* @__PURE__ */ u("div", {
 		className: "sticky top-0 z-30",
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "transition-transform duration-300",
 			style: { transform: F },
-			children: /* @__PURE__ */ s("div", {
-				ref: j,
+			children: /* @__PURE__ */ l("div", {
+				ref: M,
 				className: "bg-slate-950 text-white",
-				children: /* @__PURE__ */ c("div", {
+				children: /* @__PURE__ */ u("div", {
 					className: "mx-auto flex max-w-7xl items-center justify-between gap-3 px-4 py-2 text-xs sm:px-6",
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ l("p", {
 						className: "flex items-center gap-2",
-						children: /* @__PURE__ */ s("span", { children: G })
-					}), /* @__PURE__ */ c("div", {
+						children: /* @__PURE__ */ l("span", { children: Y })
+					}), /* @__PURE__ */ u("div", {
 						className: "hidden items-center gap-4 sm:flex",
-						children: [/* @__PURE__ */ s("a", {
+						children: [U ? /* @__PURE__ */ l("a", {
 							className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
-							href: `mailto:${r.email}`,
-							"aria-label": r.email,
-							children: /* @__PURE__ */ s("span", { children: r.email })
-						}), C ? /* @__PURE__ */ c("a", {
+							href: `mailto:${U}`,
+							"aria-label": U,
+							children: /* @__PURE__ */ l("span", { children: U })
+						}) : /* @__PURE__ */ l("span", {
+							className: "inline-flex items-center rounded-md px-2 py-1 text-destructive",
+							children: a
+						}), w ? /* @__PURE__ */ u("a", {
 							className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
-							href: C,
+							href: w,
 							target: "_blank",
 							rel: "noreferrer",
-							"aria-label": `WhatsApp${w ? ` ${w}` : ""}`,
-							children: [/* @__PURE__ */ s("img", {
+							"aria-label": `WhatsApp${T ? ` ${T}` : ""}`,
+							children: [/* @__PURE__ */ l("img", {
 								src: i,
 								className: "h-5 w-5 shrink-0",
 								alt: "",
 								"aria-hidden": "true"
-							}), w ? /* @__PURE__ */ s("span", { children: w }) : null]
+							}), T ? /* @__PURE__ */ l("span", { children: T }) : null]
 						}) : null]
 					})]
 				})
 			})
-		}), /* @__PURE__ */ s("header", {
+		}), /* @__PURE__ */ l("header", {
 			className: "sticky top-0 z-30 border-b bg-white/90 backdrop-blur transition-transform duration-300",
 			style: { transform: F },
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ u("div", {
 				className: "mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-3 sm:px-6",
 				children: [
-					/* @__PURE__ */ c(p, {
+					/* @__PURE__ */ u(h, {
 						to: L,
 						className: "flex min-w-0 items-center gap-3",
-						children: [Y && !J ? /* @__PURE__ */ s("span", {
+						children: [$ ? /* @__PURE__ */ l("span", {
 							className: "inline-flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-slate-200 bg-white",
-							children: /* @__PURE__ */ s("img", {
-								src: q,
+							children: /* @__PURE__ */ l("img", {
+								src: Z,
 								alt: "",
 								className: "h-full w-full object-contain",
 								"aria-hidden": "true"
 							})
-						}) : /* @__PURE__ */ s("span", {
-							className: l("inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-slate-950 text-white", J && "hidden"),
-							children: /* @__PURE__ */ s(v, {
+						}) : Q ? null : /* @__PURE__ */ l("span", {
+							className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-slate-950 text-white",
+							children: /* @__PURE__ */ l(b, {
 								className: "h-5 w-5",
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ c("span", {
+						}), /* @__PURE__ */ u("span", {
 							className: "flex min-w-0 flex-col leading-tight",
-							children: [J ? /* @__PURE__ */ s("img", {
-								src: K,
+							children: [Q && !$ ? /* @__PURE__ */ l("img", {
+								src: X,
 								alt: H,
 								className: "h-8 max-w-[10rem] object-contain object-left sm:max-w-[14rem]"
-							}) : /* @__PURE__ */ s("span", {
+							}) : /* @__PURE__ */ l("span", {
 								className: "truncate text-sm font-semibold",
 								children: H
-							}), /* @__PURE__ */ s("span", {
-								className: "truncate text-xs text-slate-600",
-								children: W
+							}), /* @__PURE__ */ l("span", {
+								className: d("truncate text-xs text-slate-600", J && "text-destructive"),
+								children: q
 							})]
 						})]
 					}),
-					/* @__PURE__ */ c("nav", {
+					/* @__PURE__ */ u("nav", {
 						className: "hidden items-center gap-6 text-sm font-medium text-slate-700 md:flex",
 						children: [
-							/* @__PURE__ */ s(p, {
+							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#categories`,
-								children: /* @__PURE__ */ s("span", { children: T("nav_categories") })
+								children: /* @__PURE__ */ l("span", { children: E("nav_categories") })
 							}),
-							/* @__PURE__ */ s(p, {
+							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#featured`,
-								children: /* @__PURE__ */ s("span", { children: T("nav_featured") })
+								children: /* @__PURE__ */ l("span", { children: E("nav_featured") })
 							}),
-							/* @__PURE__ */ s(p, {
+							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: B,
-								children: /* @__PURE__ */ s("span", { children: T("nav_products") })
+								children: /* @__PURE__ */ l("span", { children: E("nav_products") })
 							}),
-							/* @__PURE__ */ s(p, {
+							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#contact`,
-								children: /* @__PURE__ */ s("span", { children: T("nav_contact") })
+								children: /* @__PURE__ */ l("span", { children: E("nav_contact") })
 							})
 						]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ u("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ s(o, {
+							/* @__PURE__ */ l(c, {
 								variant: "outline",
 								size: "sm",
 								className: "hidden sm:inline-flex",
 								onClick: I,
-								children: /* @__PURE__ */ s("span", { children: T("language_toggle") })
+								children: /* @__PURE__ */ l("span", { children: E("language_toggle") })
 							}),
-							/* @__PURE__ */ s(o, {
+							/* @__PURE__ */ l(c, {
 								asChild: !0,
 								variant: "outline",
 								size: "sm",
-								className: l("relative gap-2", k > 0 ? "inline-flex" : "hidden"),
-								children: /* @__PURE__ */ c(p, {
+								className: d("relative gap-2", A > 0 ? "inline-flex" : "hidden"),
+								children: /* @__PURE__ */ u(h, {
 									to: V,
 									children: [
-										/* @__PURE__ */ s(y, {
+										/* @__PURE__ */ l(x, {
 											className: "h-4 w-4",
 											"aria-hidden": "true"
 										}),
-										/* @__PURE__ */ s("span", { children: T("cart_button") }),
-										/* @__PURE__ */ s(a, {
+										/* @__PURE__ */ l("span", { children: E("cart_button") }),
+										/* @__PURE__ */ l(s, {
 											className: "absolute -right-2 -top-2 h-5 min-w-5 rounded-full px-1.5 text-xs",
-											children: /* @__PURE__ */ s("span", { children: k })
+											children: /* @__PURE__ */ l("span", { children: A })
 										})
 									]
 								})
 							}),
-							/* @__PURE__ */ s(o, {
+							/* @__PURE__ */ l(c, {
 								asChild: !0,
 								size: "sm",
 								className: "gap-2",
-								children: /* @__PURE__ */ c(p, {
+								children: /* @__PURE__ */ u(h, {
 									to: B,
-									children: [/* @__PURE__ */ s("span", { children: T("cta_book_now") }), /* @__PURE__ */ s(_, {
+									children: [/* @__PURE__ */ l("span", { children: E("cta_book_now") }), /* @__PURE__ */ l(y, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})]
@@ -173,4 +178,4 @@ function S({ preset: r, storefrontConfiguration: S, whatsappHref: C, whatsappPho
 	});
 }
 //#endregion
-export { S as Header };
+export { w as Header };

package/dist/components/Layout/index.d.ts

@@ -1,7 +1,9 @@
+import { StorefrontProductsCollections } from '../../lib/products';
 import { StorefrontConfiguration } from '../../storefrontSchemas';
 type LayoutProps = {
     storefrontConfiguration?: StorefrontConfiguration;
+    storefrontProducts: StorefrontProductsCollections;
 };
-export declare function Layout({ storefrontConfiguration }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function Layout({ storefrontConfiguration, storefrontProducts, }: LayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,uBAAuB,EAAE,EAAE,WAAW,2CA2D9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAEvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,kBAAkB,EAAE,6BAA6B,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,uBAAuB,EACvB,kBAAkB,GACnB,EAAE,WAAW,2CA2Db"}