@loczer/storefront-sdk 0.212.0 → 0.214.0

package/dist/components/BookingPeriodSelector/index.js

@@ -11,14 +11,14 @@ import { cn as d } from "@rpcbase/ui";
 var f = ({ className: t, ...f }) => /* @__PURE__ */ l(e, {
 	...f,
 	children: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
-		className: d("grid grid-cols-1 gap-x-6 gap-y-4 md:grid-cols-2", t),
+		className: d("grid min-w-0 grid-cols-1 gap-x-6 gap-y-4 md:grid-cols-2", t),
 		children: [
 			/* @__PURE__ */ u("div", {
-				className: "flex items-start space-x-4",
+				className: "grid min-w-0 grid-cols-1 items-start gap-3 sm:grid-cols-[minmax(0,1fr)_150px]",
 				children: [/* @__PURE__ */ l(n, {}), /* @__PURE__ */ l(r, {})]
 			}),
 			/* @__PURE__ */ u("div", {
-				className: "flex items-start space-x-4",
+				className: "grid min-w-0 grid-cols-1 items-start gap-3 sm:grid-cols-[minmax(0,1fr)_150px]",
 				children: [/* @__PURE__ */ l(i, {}), /* @__PURE__ */ l(a, {})]
 			}),
 			/* @__PURE__ */ l(s, {})

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

@@ -1,11 +1,12 @@
 import { StorefrontConfiguration, StorefrontShop } from '../../storefrontSchemas';
 type FooterProps = {
+    storeSlug?: string;
     shop?: StorefrontShop;
     whatsappHref?: string;
     whatsappPhoneDisplay?: string;
     openingHours?: StorefrontConfiguration["bookingEngine"]["shop"]["openingHours"];
     openingHoursOverrides?: StorefrontConfiguration["bookingEngine"]["shop"]["openingHoursOverrides"];
 };
-export declare function Footer({ shop, whatsappHref, whatsappPhoneDisplay, openingHours, openingHoursOverrides, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ storeSlug, shop, whatsappHref, whatsappPhoneDisplay, openingHours, openingHoursOverrides, }: FooterProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAStF,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAA;IAC/E,qBAAqB,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAA;CAClG,CAAA;AAyCD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACtB,EAAE,WAAW,2CA8Ib"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAWtF,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAA;IAC/E,qBAAqB,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAA;CAClG,CAAA;AAyCD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACtB,EAAE,WAAW,2CAoJb"}

package/dist/components/Footer/index.js

@@ -3,30 +3,31 @@ 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 { useTranslation as l } from "react-i18next";
-import { cn as u } from "@rpcbase/ui";
-import { Clock as d, Mail as f, MapPin as p, Phone as m } from "lucide-react";
+import { Link as l } from "@rpcbase/router";
+import { useTranslation as u } from "react-i18next";
+import { cn as d } from "@rpcbase/ui";
+import { Clock as f, Mail as p, MapPin as m, Phone as h } from "lucide-react";
 //#region src/components/Footer/index.tsx
-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) => ({
+var g = "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", _ = "inline-flex text-sm font-normal text-slate-600 decoration-current underline-offset-4 transition-colors hover:text-slate-800 hover:underline", v = "mt-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center text-current transition-colors", y = (e) => (Math.trunc(e) % 7 + 7) % 7, b = (e) => Array.isArray(e) ? e.map((e) => ({
 	name: e.name,
 	startDate: e.startDate,
 	endDate: e.endDate,
 	openingHours: e.openingHours.map((e) => ({
-		day: _(e.day),
+		day: y(e.day),
 		openingSlots: e.openingSlots.map((e) => ({
 			start: e.start,
 			end: e.end
 		}))
 	}))
-})) : [], y = (e) => Array.isArray(e) ? e.map((e) => ({
+})) : [], x = (e) => Array.isArray(e) ? e.map((e) => ({
 	date: e.date,
 	openingSlots: e.openingSlots.map((e) => ({
 		start: e.start,
 		end: e.end
 	}))
 })) : [];
-function b({ shop: _, whatsappHref: b, whatsappPhoneDisplay: x, openingHours: S, openingHoursOverrides: C }) {
-	let { t: w } = l(), T = t(_), E = _?.emailAddress?.trim() ?? "", D = _?.address?.trim() ?? "", O = e(_), k = v(S), A = y(C), j = k.length > 0;
+function S({ storeSlug: y, shop: S, whatsappHref: C, whatsappPhoneDisplay: w, openingHours: T, openingHoursOverrides: E }) {
+	let { t: D } = u(), O = t(S), k = S?.emailAddress?.trim() ?? "", A = S?.address?.trim() ?? "", j = e(S), M = b(T), N = x(E), P = M.length > 0, F = y?.trim() || S?.slug?.trim() || "", I = F ? `/${encodeURIComponent(F)}/rental-terms` : "rental-terms";
 	return /* @__PURE__ */ s("footer", {
 		className: "border-t bg-white",
 		children: /* @__PURE__ */ c("div", {
@@ -36,28 +37,33 @@ function b({ shop: _, whatsappHref: b, whatsappPhoneDisplay: x, openingHours: S,
 					className: "space-y-2",
 					children: [/* @__PURE__ */ s("p", {
 						className: "text-sm font-semibold text-slate-950",
-						children: /* @__PURE__ */ s("span", { children: w("footer_brand_title") })
-					}), /* @__PURE__ */ s("p", {
-						className: "text-sm text-slate-600",
-						children: /* @__PURE__ */ s("span", { children: w("footer_brand_description") })
+						children: /* @__PURE__ */ s("span", { children: D("footer_information_title") })
+					}), /* @__PURE__ */ s("nav", {
+						className: "grid gap-2",
+						"aria-label": D("footer_information_title"),
+						children: /* @__PURE__ */ s(l, {
+							className: _,
+							to: I,
+							children: /* @__PURE__ */ s("span", { children: D("rental_terms_title") })
+						})
 					})]
 				}),
 				/* @__PURE__ */ c("div", {
 					className: "space-y-2",
 					children: [/* @__PURE__ */ s("p", {
 						className: "text-sm font-semibold text-slate-950",
-						children: /* @__PURE__ */ s("span", { children: w("footer_contact_title") })
+						children: /* @__PURE__ */ s("span", { children: D("footer_contact_title") })
 					}), /* @__PURE__ */ c("div", {
 						className: "grid gap-2",
 						children: [
-							b ? /* @__PURE__ */ c("a", {
-								className: u(h, "items-center"),
-								href: b,
+							C ? /* @__PURE__ */ c("a", {
+								className: d(g, "items-center"),
+								href: C,
 								target: "_blank",
 								rel: "noreferrer",
 								children: [
 									/* @__PURE__ */ s("span", {
-										className: u(g, "h-5 w-5"),
+										className: d(v, "h-5 w-5"),
 										children: /* @__PURE__ */ s("img", {
 											src: n,
 											className: "h-5 w-5 shrink-0",
@@ -65,72 +71,72 @@ function b({ shop: _, whatsappHref: b, whatsappPhoneDisplay: x, openingHours: S,
 											"aria-hidden": "true"
 										})
 									}),
-									/* @__PURE__ */ s("span", { children: w("footer_whatsapp_link") }),
-									x ? /* @__PURE__ */ s("span", {
+									/* @__PURE__ */ s("span", { children: D("footer_whatsapp_link") }),
+									w ? /* @__PURE__ */ s("span", {
 										className: "text-slate-500",
-										children: x
+										children: w
 									}) : null
 								]
 							}) : null,
-							T ? /* @__PURE__ */ c("a", {
-								className: u(h, "items-center"),
-								href: T.href,
-								"aria-label": T.phoneDisplay,
+							O ? /* @__PURE__ */ c("a", {
+								className: d(g, "items-center"),
+								href: O.href,
+								"aria-label": O.phoneDisplay,
 								children: [/* @__PURE__ */ s("span", {
-									className: g,
-									children: /* @__PURE__ */ s(m, {
+									className: v,
+									children: /* @__PURE__ */ s(h, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
-								}), /* @__PURE__ */ s("span", { children: T.phoneDisplay })]
+								}), /* @__PURE__ */ s("span", { children: O.phoneDisplay })]
 							}) : /* @__PURE__ */ c("div", {
-								className: u(h, "items-center text-destructive hover:text-destructive hover:no-underline"),
+								className: d(g, "items-center text-destructive hover:text-destructive hover:no-underline"),
 								children: [/* @__PURE__ */ s("span", {
-									className: g,
-									children: /* @__PURE__ */ s(m, {
+									className: v,
+									children: /* @__PURE__ */ s(h, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
 								}), /* @__PURE__ */ s("span", { children: a })]
 							}),
-							E ? /* @__PURE__ */ c("a", {
-								className: u(h, "items-center"),
-								href: `mailto:${E}`,
-								"aria-label": E,
+							k ? /* @__PURE__ */ c("a", {
+								className: d(g, "items-center"),
+								href: `mailto:${k}`,
+								"aria-label": k,
 								children: [/* @__PURE__ */ s("span", {
-									className: g,
-									children: /* @__PURE__ */ s(f, {
+									className: v,
+									children: /* @__PURE__ */ s(p, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
-								}), /* @__PURE__ */ s("span", { children: E })]
+								}), /* @__PURE__ */ s("span", { children: k })]
 							}) : /* @__PURE__ */ c("div", {
-								className: u(h, "items-center text-destructive hover:text-destructive hover:no-underline"),
+								className: d(g, "items-center text-destructive hover:text-destructive hover:no-underline"),
 								children: [/* @__PURE__ */ s("span", {
-									className: g,
-									children: /* @__PURE__ */ s(f, {
+									className: v,
+									children: /* @__PURE__ */ s(p, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
 								}), /* @__PURE__ */ s("span", { children: i })]
 							}),
-							O && D ? /* @__PURE__ */ c("a", {
-								className: u(h, "items-start"),
-								href: O,
+							j && A ? /* @__PURE__ */ c("a", {
+								className: d(g, "items-start"),
+								href: j,
 								target: "_blank",
 								rel: "noreferrer",
 								children: [/* @__PURE__ */ s("span", {
-									className: g,
-									children: /* @__PURE__ */ s(p, {
+									className: v,
+									children: /* @__PURE__ */ s(m, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
-								}), /* @__PURE__ */ s("span", { children: D })]
+								}), /* @__PURE__ */ s("span", { children: A })]
 							}) : /* @__PURE__ */ c("div", {
-								className: u(h, "items-start text-destructive hover:text-destructive hover:no-underline"),
+								className: d(g, "items-start text-destructive hover:text-destructive hover:no-underline"),
 								children: [/* @__PURE__ */ s("span", {
-									className: g,
-									children: /* @__PURE__ */ s(p, {
+									className: v,
+									children: /* @__PURE__ */ s(m, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})
@@ -143,24 +149,24 @@ function b({ shop: _, whatsappHref: b, whatsappPhoneDisplay: x, openingHours: S,
 					className: "space-y-2",
 					children: [/* @__PURE__ */ s("p", {
 						className: "text-sm font-semibold text-slate-950",
-						children: /* @__PURE__ */ s("span", { children: w("footer_hours_title") })
-					}), j ? /* @__PURE__ */ s(o, {
-						openingHours: k,
-						openingHoursOverrides: A
+						children: /* @__PURE__ */ s("span", { children: D("footer_hours_title") })
+					}), P ? /* @__PURE__ */ s(o, {
+						openingHours: M,
+						openingHoursOverrides: N
 					}) : /* @__PURE__ */ c("div", {
 						className: "grid gap-1 text-sm text-slate-700",
 						children: [/* @__PURE__ */ c("p", {
 							className: "inline-flex items-center gap-2",
-							children: [/* @__PURE__ */ s(d, {
+							children: [/* @__PURE__ */ s(f, {
 								className: "h-4 w-4 text-slate-400",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ s("span", { children: w("footer_hours_week") })]
+							}), /* @__PURE__ */ s("span", { children: D("footer_hours_week") })]
 						}), /* @__PURE__ */ c("p", {
 							className: "inline-flex items-center gap-2",
-							children: [/* @__PURE__ */ s(d, {
+							children: [/* @__PURE__ */ s(f, {
 								className: "h-4 w-4 text-slate-400",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ s("span", { children: w("footer_hours_weekend") })]
+							}), /* @__PURE__ */ s("span", { children: D("footer_hours_weekend") })]
 						})]
 					})]
 				})
@@ -169,4 +175,4 @@ function b({ shop: _, whatsappHref: b, whatsappPhoneDisplay: x, openingHours: S,
 	});
 }
 //#endregion
-export { b as Footer };
+export { S as Footer };

package/dist/components/FulfillmentSection/index.js

@@ -31,13 +31,16 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ i("span", {
-						className: "flex flex-1 flex-col gap-0.5",
+						className: "flex min-w-0 flex-1 flex-col gap-0.5",
 						children: [/* @__PURE__ */ r("span", {
 							className: "text-sm font-medium text-slate-950",
 							children: E("booking_pickup_label")
 						}), /* @__PURE__ */ r("span", {
 							className: o("text-xs text-slate-600", O && "text-destructive"),
-							children: k
+							children: /* @__PURE__ */ r("span", {
+								className: "break-words",
+								children: k
+							})
 						})]
 					})
 				]
@@ -57,7 +60,7 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ i("span", {
-						className: "flex flex-1 flex-col gap-0.5",
+						className: "flex min-w-0 flex-1 flex-col gap-0.5",
 						children: [/* @__PURE__ */ r("span", {
 							className: "text-sm font-medium text-slate-950",
 							children: E("booking_delivery_label")
@@ -87,7 +90,10 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 		children: [/* @__PURE__ */ r(s, {
 			className: o("h-4 w-4 shrink-0 text-slate-900", O && "text-destructive"),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ r("span", { children: k })]
+		}), /* @__PURE__ */ r("span", {
+			className: "min-w-0 break-words",
+			children: k
+		})]
 	}) : null;
 }
 //#endregion

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":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAMtE,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,2CAmLlG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAMtE,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,2CA4PlG"}