@loczer/storefront-sdk 0.217.0 → 0.219.0

package/dist/components/StorefrontCancellationPolicyNotice/index.js

@@ -3,10 +3,9 @@ import { ResponsiveDialog as t, ResponsiveDialogContent as n, ResponsiveDialogDe
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useSearchParams as l } from "@rpcbase/router";
 import { useTranslation as u } from "react-i18next";
-import { cn as d } from "@rpcbase/ui";
-import { CheckCircle2 as f, Info as p } from "lucide-react";
+import { CheckCircle2 as d, Info as f } from "lucide-react";
 //#region src/components/StorefrontCancellationPolicyNotice/index.tsx
-var m = .95, h = "show_cancellation_policy_modal", g = (e) => e.tiers.length === 0 ? [] : [...e.tiers].sort((e, t) => e.upToHours - t.upToHours), _ = (e) => g(e).find((e) => e.refundPercentage >= m) ?? null, v = (e, t) => {
+var p = .95, m = "show_cancellation_policy_modal", h = (e) => e.tiers.length === 0 ? [] : [...e.tiers].sort((e, t) => e.upToHours - t.upToHours), g = (e) => h(e).find((e) => e.refundPercentage >= p) ?? null, _ = (e, t) => {
 	try {
 		return new Intl.NumberFormat(t, {
 			style: "percent",
@@ -16,108 +15,112 @@ var m = .95, h = "show_cancellation_policy_modal", g = (e) => e.tiers.length ===
 		return `${Number.parseFloat((e * 100).toFixed(2))}%`;
 	}
 };
-function y({ policy: m, className: y }) {
-	let { t: b, i18n: x } = u(), [S, C] = l(), w = S.get(h) === "true", T = g(m), E = _(m), D = (e) => {
-		let t = new URLSearchParams(S);
-		e ? t.set(h, "true") : t.delete(h), C(t, { replace: !0 });
+function v({ policy: p, className: v }) {
+	let { t: y, i18n: b } = u(), [x, S] = l(), C = x.get(m) === "true", w = h(p), T = g(p), E = (e) => {
+		let t = new URLSearchParams(x);
+		e ? t.set(m, "true") : t.delete(m), S(t, { replace: !0 });
 	};
-	if (!E) return null;
-	let O = (e) => {
+	if (!T) return null;
+	let D = (e) => {
 		let t = Math.max(1, Math.round(e));
-		return t >= 72 && t % 24 == 0 ? b("cancellation_policy_duration_days", { count: t / 24 }) : b("cancellation_policy_duration_hours", { count: t });
+		return t >= 72 && t % 24 == 0 ? y("cancellation_policy_duration_days", { count: t / 24 }) : y("cancellation_policy_duration_hours", { count: t });
 	};
 	return /* @__PURE__ */ c("li", {
-		className: d("flex items-start gap-3", y),
+		className: v,
 		"data-testid": "storefront-cancellation-policy-notice",
-		children: [
-			/* @__PURE__ */ s(f, {
+		children: [/* @__PURE__ */ c("button", {
+			type: "button",
+			className: "group flex w-full cursor-pointer items-start gap-3 rounded-md text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2",
+			"aria-label": y("cancellation_policy_info_aria_label"),
+			"aria-haspopup": "dialog",
+			"aria-expanded": C,
+			onClick: () => E(!0),
+			children: [/* @__PURE__ */ s(d, {
 				className: "mt-0.5 h-5 w-5 shrink-0 text-success",
 				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ c("div", {
+			}), /* @__PURE__ */ c("span", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ c("span", {
 					className: "flex min-w-0 items-start gap-1.5",
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ s("span", {
 						className: "min-w-0 text-sm font-medium text-slate-950",
-						children: /* @__PURE__ */ s("span", { children: b("cancellation_policy_teaser", { duration: O(E.upToHours) }) })
-					}), /* @__PURE__ */ s("button", {
-						type: "button",
-						className: "mt-[-1px] inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-slate-500 transition hover:bg-slate-100 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2",
-						"aria-label": b("cancellation_policy_info_aria_label"),
-						onClick: () => D(!0),
-						children: /* @__PURE__ */ s(p, {
+						children: y("cancellation_policy_teaser", { duration: D(T.upToHours) })
+					}), /* @__PURE__ */ s("span", {
+						className: "mt-[-1px] inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-slate-500 transition group-hover:bg-slate-100 group-hover:text-slate-950 group-focus-visible:bg-slate-100 group-focus-visible:text-slate-950",
+						children: /* @__PURE__ */ s(f, {
 							className: "h-3.5 w-3.5",
 							"aria-hidden": "true"
 						})
 					})]
-				}), /* @__PURE__ */ s("p", {
-					className: "text-xs text-slate-600",
-					children: /* @__PURE__ */ s("span", { children: b("cancellation_policy_teaser_description", { duration: O(E.upToHours) }) })
+				}), /* @__PURE__ */ s("span", {
+					className: "block text-xs text-slate-600",
+					children: y("cancellation_policy_teaser_description", { duration: D(T.upToHours) })
 				})]
-			}),
-			/* @__PURE__ */ s(t, {
-				open: w,
-				onOpenChange: D,
-				children: /* @__PURE__ */ s(n, {
-					"data-testid": "storefront-cancellation-policy-modal",
-					className: "overflow-hidden border-slate-200 bg-white p-0",
-					desktopClassName: "max-w-lg gap-0",
-					mobileClassName: "max-h-[92dvh] gap-0",
-					children: /* @__PURE__ */ c("div", {
-						className: "flex max-h-[90dvh] w-full min-w-0 flex-col",
-						children: [
-							/* @__PURE__ */ s(a, {
-								className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6",
-								children: /* @__PURE__ */ c("div", {
-									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ s(p, {
-										className: "mt-0.5 h-5 w-5 shrink-0 text-success",
-										"aria-hidden": "true"
-									}), /* @__PURE__ */ c("span", {
-										className: "min-w-0 space-y-1",
-										children: [/* @__PURE__ */ s(o, {
-											className: "text-left text-lg font-semibold leading-6 text-slate-950",
-											children: /* @__PURE__ */ s("span", { children: b("cancellation_policy_modal_title") })
-										}), /* @__PURE__ */ s(r, {
-											className: "text-left text-sm text-slate-600",
-											children: /* @__PURE__ */ s("span", { children: b("cancellation_policy_modal_description") })
-										})]
+			})]
+		}), /* @__PURE__ */ s(t, {
+			open: C,
+			onOpenChange: E,
+			children: /* @__PURE__ */ s(n, {
+				"data-testid": "storefront-cancellation-policy-modal",
+				className: "overflow-hidden border-slate-200 bg-white p-0",
+				desktopClassName: "max-w-lg gap-0",
+				mobileClassName: "max-h-[92dvh] gap-0",
+				children: /* @__PURE__ */ c("div", {
+					className: "flex max-h-[90dvh] w-full min-w-0 flex-col",
+					children: [
+						/* @__PURE__ */ s(a, {
+							className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6",
+							children: /* @__PURE__ */ c("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ s(f, {
+									className: "mt-0.5 h-5 w-5 shrink-0 text-success",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ c("span", {
+									className: "min-w-0 space-y-1",
+									children: [/* @__PURE__ */ s(o, {
+										className: "text-left text-lg font-semibold leading-6 text-slate-950",
+										children: /* @__PURE__ */ s("span", { children: y("cancellation_policy_modal_title") })
+									}), /* @__PURE__ */ s(r, {
+										className: "text-left text-sm text-slate-600",
+										children: /* @__PURE__ */ s("span", { children: y("cancellation_policy_modal_description") })
 									})]
-								})
-							}),
-							/* @__PURE__ */ s("div", {
-								className: "overflow-y-auto px-5 py-5 sm:px-6",
-								children: /* @__PURE__ */ s("dl", {
-									className: "grid gap-3",
-									children: T.map((e) => /* @__PURE__ */ c("div", {
-										className: "rounded-lg border border-slate-200 bg-slate-50 px-4 py-3",
-										children: [/* @__PURE__ */ s("dt", {
-											className: "text-sm font-medium text-slate-950",
-											children: /* @__PURE__ */ s("span", { children: b("cancellation_policy_modal_tier_deadline", { duration: O(e.upToHours) }) })
-										}), /* @__PURE__ */ s("dd", {
-											className: "mt-1 text-sm text-slate-600",
-											children: /* @__PURE__ */ s("span", { children: b("cancellation_policy_modal_tier_refund", { percentage: v(e.refundPercentage, x.language) }) })
-										})]
-									}, `${e.upToHours}-${e.refundPercentage}`))
-								})
-							}),
-							/* @__PURE__ */ s(i, {
-								className: "border-t border-slate-200 px-5 py-4 sm:px-6",
-								children: /* @__PURE__ */ s(e, {
-									type: "button",
-									variant: "outline",
-									className: "h-11 w-full rounded-xl sm:w-auto",
-									onClick: () => D(!1),
-									children: /* @__PURE__ */ s("span", { children: b("close_modal") })
-								})
+								})]
 							})
-						]
-					})
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "overflow-y-auto",
+							children: [/* @__PURE__ */ s("dl", {
+								className: "divide-y divide-slate-200 border-b border-slate-200 bg-slate-50",
+								children: w.map((e) => /* @__PURE__ */ c("div", {
+									className: "px-5 py-4 sm:px-6",
+									children: [/* @__PURE__ */ s("dt", {
+										className: "text-sm font-medium text-slate-950",
+										children: /* @__PURE__ */ s("span", { children: y("cancellation_policy_modal_tier_deadline", { duration: D(e.upToHours) }) })
+									}), /* @__PURE__ */ s("dd", {
+										className: "mt-1 text-sm text-slate-600",
+										children: /* @__PURE__ */ s("span", { children: y("cancellation_policy_modal_tier_refund", { percentage: _(e.refundPercentage, b.language) }) })
+									})]
+								}, `${e.upToHours}-${e.refundPercentage}`))
+							}), /* @__PURE__ */ s("p", {
+								className: "px-5 py-4 text-base leading-6 text-slate-500 sm:px-6",
+								children: /* @__PURE__ */ s("span", { children: y("cancellation_policy_modal_disclaimer") })
+							})]
+						}),
+						/* @__PURE__ */ s(i, {
+							className: "border-t border-slate-200 px-5 py-4 sm:px-6",
+							children: /* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "outline",
+								className: "h-11 w-full rounded-xl sm:w-auto",
+								onClick: () => E(!1),
+								children: /* @__PURE__ */ s("span", { children: y("close_modal") })
+							})
+						})
+					]
 				})
 			})
-		]
+		})]
 	});
 }
 //#endregion
-export { y as StorefrontCancellationPolicyNotice, _ as resolveStorefrontCancellationPolicyTeaserTier };
+export { v as StorefrontCancellationPolicyNotice, g as resolveStorefrontCancellationPolicyTeaserTier };

package/dist/components/StorefrontCartPanel/index.js

@@ -36,12 +36,12 @@ function m({ lines: m, itemCount: h, totalPerBaseUnitMinor: g, baseUnitLabel: _,
 				m.length === 0 ? /* @__PURE__ */ s("p", {
 					className: "text-sm text-slate-600",
 					children: /* @__PURE__ */ s("span", { children: F("cart_empty") })
-				}) : /* @__PURE__ */ s("div", {
-					className: "grid gap-3",
+				}) : /* @__PURE__ */ s("ul", {
+					className: "divide-y divide-slate-200",
 					children: m.map((i) => {
 						let o = e(i.unitPriceMinor, I.language), l = i.insufficientCapacity === !0, u = i.availabilityIssue === "quantity_unavailable" ? F("availability_quantity_unavailable") : F("availability_out_of_stock");
-						return /* @__PURE__ */ c("div", {
-							className: "flex items-start justify-between gap-3 rounded-xl border border-slate-200 p-3",
+						return /* @__PURE__ */ c("li", {
+							className: "flex items-start justify-between gap-3 py-4 first:pt-0 last:pb-0",
 							children: [/* @__PURE__ */ c("div", {
 								className: "flex min-w-0 flex-1 flex-col gap-1",
 								children: [

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

@@ -2,8 +2,9 @@ import { BikeProduct } from '../../lib/products';
 type StorefrontInsuranceNoticeProps = {
     bikes: BikeProduct[];
     currency: string;
+    fallbackLanguage?: string;
     className?: string;
 };
-export declare function StorefrontInsuranceNotice({ bikes, currency, className, }: StorefrontInsuranceNoticeProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorefrontInsuranceNotice({ bikes, currency, fallbackLanguage, className, }: StorefrontInsuranceNoticeProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontInsuranceNotice/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAOrD,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAWD,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,8BAA8B,2CA+KhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontInsuranceNotice/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAOzF,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACV,EAAE,8BAA8B,2CA2KhC"}

package/dist/components/StorefrontInsuranceNotice/index.js

@@ -1,187 +1,180 @@
-import { formatStorefrontPriceMinor as e } from "../../lib/pricing.js";
-import { Button as t } from "../../ui/button.js";
-import { ResponsiveDialog as n, ResponsiveDialogContent as r, ResponsiveDialogDescription as i, ResponsiveDialogFooter as a, ResponsiveDialogHeader as o, ResponsiveDialogTitle as s } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BJ0RG6gh.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useSearchParams as u } from "@rpcbase/router";
-import { useTranslation as d } from "react-i18next";
-import { cn as f } from "@rpcbase/ui";
-import { CheckCircle2 as p, Info as m, Umbrella as h } from "lucide-react";
+import { getLocalizedValue as e } from "../../localization.js";
+import { findStorefrontInsurancePricingBike as t } from "../../lib/products.js";
+import { formatStorefrontPriceMinor as n } from "../../lib/pricing.js";
+import { Button as r } from "../../ui/button.js";
+import { ResponsiveDialog as i, ResponsiveDialogContent as a, ResponsiveDialogDescription as o, ResponsiveDialogFooter as s, ResponsiveDialogHeader as c, ResponsiveDialogTitle as l } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BJ0RG6gh.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useSearchParams as f } from "@rpcbase/router";
+import { useTranslation as p } from "react-i18next";
+import { CheckCircle2 as m, Info as h, Umbrella as g } from "lucide-react";
 //#region src/components/StorefrontInsuranceNotice/index.tsx
-var g = "show_insurance_modal", _ = (e, t) => {
-	let n = e.filter((e) => e.kind === t && e.insurance?.enabled).map((e) => e.insurance?.pricePerDayMinor).filter((e) => typeof e == "number");
-	return [...new Set(n)].sort((e, t) => e - t);
-};
-function v({ bikes: v, currency: y, className: b }) {
-	let { t: x, i18n: S } = d(), [C, w] = u(), T = C.get(g) === "true", E = (e) => {
-		let t = new URLSearchParams(C);
-		e ? t.set(g, "true") : t.delete(g), w(t, { replace: !0 });
-	}, D = (t) => {
-		let n = _(v, t);
-		if (n.length === 0) return x("insurance_modal_price_unavailable");
-		let r = n[0], i = n[n.length - 1], a = e(r, S.language, { currency: y });
-		return r === i ? x("insurance_modal_price_per_day", { price: a }) : x("insurance_modal_price_range_per_day", {
-			minimum_price: a,
-			maximum_price: e(i, S.language, { currency: y })
-		});
-	}, O = [{
-		kind: "bike",
-		label: x("insurance_modal_muscular_bike"),
-		price: D("bike")
-	}, {
-		kind: "e-bike",
-		label: x("insurance_modal_electric_bike"),
-		price: D("e-bike")
-	}];
-	return /* @__PURE__ */ l("li", {
-		className: f("flex items-start gap-3", b),
+var _ = "show_insurance_modal";
+function v({ bikes: v, currency: y, fallbackLanguage: b, className: x }) {
+	let { t: S, i18n: C } = p(), [w, T] = f(), E = w.get(_) === "true", D = (e) => {
+		let t = new URLSearchParams(w);
+		e ? t.set(_, "true") : t.delete(_), T(t, { replace: !0 });
+	}, O = (r, i) => {
+		let a = t(v, r), o = a?.insurance?.pricePerDayMinor;
+		return {
+			kind: r,
+			label: (a ? e(a.name, C.language, b).trim() : "") || i,
+			price: typeof o == "number" ? S("insurance_modal_price_per_day", { price: n(o, C.language, { currency: y }) }) : S("insurance_modal_price_unavailable")
+		};
+	}, k = [O("bike", S("insurance_modal_muscular_bike")), O("e-bike", S("insurance_modal_electric_bike"))];
+	return /* @__PURE__ */ d("li", {
+		className: x,
 		"data-testid": "storefront-insurance-notice",
-		children: [
-			/* @__PURE__ */ c(h, {
+		children: [/* @__PURE__ */ d("button", {
+			type: "button",
+			className: "group flex w-full cursor-pointer items-start gap-3 rounded-md text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2",
+			"aria-label": S("insurance_info_aria_label"),
+			"aria-haspopup": "dialog",
+			"aria-expanded": E,
+			onClick: () => D(!0),
+			children: [/* @__PURE__ */ u(g, {
 				className: "mt-0.5 h-5 w-5 shrink-0 text-success",
 				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ l("div", {
+			}), /* @__PURE__ */ d("span", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ d("span", {
 					className: "flex min-w-0 items-start gap-1.5",
-					children: [/* @__PURE__ */ c("p", {
+					children: [/* @__PURE__ */ u("span", {
 						className: "min-w-0 text-sm font-medium text-slate-950",
-						children: /* @__PURE__ */ c("span", { children: x("feature_guarantee_insurance_title") })
-					}), /* @__PURE__ */ c("button", {
-						type: "button",
-						className: "mt-[-1px] inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-slate-500 transition hover:bg-slate-100 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2",
-						"aria-label": x("insurance_info_aria_label"),
-						onClick: () => E(!0),
-						children: /* @__PURE__ */ c(m, {
+						children: S("feature_guarantee_insurance_title")
+					}), /* @__PURE__ */ u("span", {
+						className: "mt-[-1px] inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-slate-500 transition group-hover:bg-slate-100 group-hover:text-slate-950 group-focus-visible:bg-slate-100 group-focus-visible:text-slate-950",
+						children: /* @__PURE__ */ u(h, {
 							className: "h-3.5 w-3.5",
 							"aria-hidden": "true"
 						})
 					})]
-				}), /* @__PURE__ */ c("p", {
-					className: "text-xs text-slate-600",
-					children: /* @__PURE__ */ c("span", { children: x("feature_guarantee_insurance_description") })
+				}), /* @__PURE__ */ u("span", {
+					className: "block text-xs text-slate-600",
+					children: S("feature_guarantee_insurance_description")
 				})]
-			}),
-			/* @__PURE__ */ c(n, {
-				open: T,
-				onOpenChange: E,
-				children: /* @__PURE__ */ c(r, {
-					"data-testid": "storefront-insurance-modal",
-					className: "overflow-hidden border-slate-200 bg-white p-0",
-					desktopClassName: "max-w-xl gap-0",
-					mobileClassName: "max-h-[92dvh] gap-0",
-					children: /* @__PURE__ */ l("div", {
-						className: "flex max-h-[90dvh] w-full min-w-0 flex-col",
-						children: [
-							/* @__PURE__ */ c(o, {
-								className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6",
-								children: /* @__PURE__ */ l("div", {
-									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ c(m, {
-										className: "mt-0.5 h-5 w-5 shrink-0 text-success",
-										"aria-hidden": "true"
-									}), /* @__PURE__ */ l("span", {
-										className: "min-w-0 space-y-1",
-										children: [/* @__PURE__ */ c(s, {
-											className: "text-left text-lg font-semibold leading-6 text-slate-950",
-											children: /* @__PURE__ */ c("span", { children: x("insurance_modal_title") })
-										}), /* @__PURE__ */ c(i, {
-											className: "text-left text-sm text-slate-600",
-											children: /* @__PURE__ */ c("span", { children: x("insurance_modal_description") })
-										})]
+			})]
+		}), /* @__PURE__ */ u(i, {
+			open: E,
+			onOpenChange: D,
+			children: /* @__PURE__ */ u(a, {
+				"data-testid": "storefront-insurance-modal",
+				className: "overflow-hidden border-slate-200 bg-white p-0",
+				desktopClassName: "max-w-xl gap-0",
+				mobileClassName: "max-h-[92dvh] gap-0",
+				children: /* @__PURE__ */ d("div", {
+					className: "flex max-h-[90dvh] w-full min-w-0 flex-col",
+					children: [
+						/* @__PURE__ */ u(c, {
+							className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6",
+							children: /* @__PURE__ */ d("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ u(h, {
+									className: "mt-0.5 h-5 w-5 shrink-0 text-success",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ d("span", {
+									className: "min-w-0 space-y-1",
+									children: [/* @__PURE__ */ u(l, {
+										className: "text-left text-lg font-semibold leading-6 text-slate-950",
+										children: /* @__PURE__ */ u("span", { children: S("insurance_modal_title") })
+									}), /* @__PURE__ */ u(o, {
+										className: "text-left text-sm text-slate-600",
+										children: /* @__PURE__ */ u("span", { children: S("insurance_modal_description") })
 									})]
-								})
-							}),
-							/* @__PURE__ */ l("div", {
-								className: "overflow-y-auto px-5 py-5 sm:px-6",
-								children: [
-									/* @__PURE__ */ l("section", { children: [
-										/* @__PURE__ */ c("h3", {
-											className: "text-sm font-semibold text-slate-950",
-											children: /* @__PURE__ */ c("span", { children: x("insurance_modal_pricing_title") })
-										}),
-										/* @__PURE__ */ c("p", {
+								})]
+							})
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "overflow-y-auto",
+							children: [
+								/* @__PURE__ */ d("section", {
+									className: "border-b border-slate-200 bg-slate-50",
+									"data-testid": "storefront-insurance-pricing-section",
+									children: [/* @__PURE__ */ d("div", {
+										className: "px-5 py-4 sm:px-6",
+										children: [/* @__PURE__ */ u("h3", {
+											className: "text-base font-semibold text-slate-950",
+											children: /* @__PURE__ */ u("span", { children: S("insurance_modal_pricing_title") })
+										}), /* @__PURE__ */ u("p", {
 											className: "mt-1 text-sm text-slate-600",
-											children: /* @__PURE__ */ c("span", { children: x("insurance_modal_pricing_description") })
-										}),
-										/* @__PURE__ */ c("dl", {
-											className: "mt-3 grid gap-3 sm:grid-cols-2",
-											children: O.map((e) => /* @__PURE__ */ l("div", {
-												className: "rounded-lg border border-slate-200 bg-slate-50 px-4 py-3",
-												"data-testid": `storefront-insurance-price-${e.kind}`,
-												children: [/* @__PURE__ */ c("dt", {
-													className: "text-sm font-medium text-slate-950",
-													children: /* @__PURE__ */ c("span", { children: e.label })
-												}), /* @__PURE__ */ c("dd", {
-													className: "mt-1 text-sm text-slate-600",
-													children: /* @__PURE__ */ c("span", { children: e.price })
-												})]
-											}, e.kind))
-										})
-									] }),
-									/* @__PURE__ */ l("section", {
-										className: "mt-5",
-										children: [/* @__PURE__ */ c("h3", {
-											className: "text-sm font-semibold text-slate-950",
-											children: /* @__PURE__ */ c("span", { children: x("insurance_modal_coverage_title") })
-										}), /* @__PURE__ */ c("ul", {
-											className: "mt-2 grid gap-2",
-											children: [
-												x("insurance_modal_coverage_accidental_damage"),
-												x("insurance_modal_coverage_assault_or_break_in"),
-												x("insurance_modal_coverage_secured_bike_theft")
-											].map((e) => /* @__PURE__ */ l("li", {
-												className: "flex items-start gap-2 text-sm text-slate-600",
-												children: [/* @__PURE__ */ c(p, {
-													className: "mt-0.5 h-4 w-4 shrink-0 text-success",
-													"aria-hidden": "true"
-												}), /* @__PURE__ */ c("span", { children: e })]
-											}, e))
+											children: /* @__PURE__ */ u("span", { children: S("insurance_modal_pricing_description") })
 										})]
-									}),
-									/* @__PURE__ */ l("div", {
-										className: "mt-5 grid gap-4 sm:grid-cols-2",
-										children: [/* @__PURE__ */ l("section", {
-											className: "rounded-lg border border-slate-200 px-4 py-3",
-											children: [/* @__PURE__ */ c("h3", {
-												className: "text-sm font-semibold text-slate-950",
-												children: /* @__PURE__ */ c("span", { children: x("insurance_modal_claim_title") })
-											}), /* @__PURE__ */ c("p", {
-												className: "mt-1 text-sm text-slate-600",
-												children: /* @__PURE__ */ c("span", { children: x("insurance_modal_claim_description") })
-											})]
-										}), /* @__PURE__ */ l("section", {
-											className: "rounded-lg border border-slate-200 px-4 py-3",
-											children: [/* @__PURE__ */ c("h3", {
-												className: "text-sm font-semibold text-slate-950",
-												children: /* @__PURE__ */ c("span", { children: x("insurance_modal_exclusions_title") })
-											}), /* @__PURE__ */ c("p", {
+									}), /* @__PURE__ */ u("dl", {
+										className: "grid divide-y divide-slate-200 border-t border-slate-200 sm:grid-cols-2 sm:divide-x sm:divide-y-0",
+										children: k.map((e) => /* @__PURE__ */ d("div", {
+											className: "px-5 py-4 sm:px-6",
+											"data-testid": `storefront-insurance-price-${e.kind}`,
+											children: [/* @__PURE__ */ u("dt", {
+												className: "text-sm font-medium text-slate-950",
+												children: /* @__PURE__ */ u("span", { children: e.label })
+											}), /* @__PURE__ */ u("dd", {
 												className: "mt-1 text-sm text-slate-600",
-												children: /* @__PURE__ */ c("span", { children: x("insurance_modal_exclusions_description") })
+												children: /* @__PURE__ */ u("span", { children: e.price })
 											})]
+										}, e.kind))
+									})]
+								}),
+								/* @__PURE__ */ d("section", {
+									className: "border-b border-slate-200 px-5 py-5 sm:px-6",
+									children: [/* @__PURE__ */ u("h3", {
+										className: "text-base font-semibold text-slate-950",
+										children: /* @__PURE__ */ u("span", { children: S("insurance_modal_coverage_title") })
+									}), /* @__PURE__ */ u("ul", {
+										className: "mt-3 grid gap-2.5",
+										children: [
+											S("insurance_modal_coverage_accidental_damage"),
+											S("insurance_modal_coverage_assault_or_break_in"),
+											S("insurance_modal_coverage_secured_bike_theft")
+										].map((e) => /* @__PURE__ */ d("li", {
+											className: "flex items-start gap-2 text-sm leading-5 text-slate-600",
+											children: [/* @__PURE__ */ u(m, {
+												className: "mt-0.5 h-4 w-4 shrink-0 text-success",
+												"aria-hidden": "true"
+											}), /* @__PURE__ */ u("span", { children: e })]
+										}, e))
+									})]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "grid divide-y divide-slate-200 border-b border-slate-200 sm:grid-cols-2 sm:divide-x sm:divide-y-0",
+									children: [/* @__PURE__ */ d("section", {
+										className: "px-5 py-5 sm:px-6",
+										children: [/* @__PURE__ */ u("h3", {
+											className: "text-base font-semibold text-slate-950",
+											children: /* @__PURE__ */ u("span", { children: S("insurance_modal_claim_title") })
+										}), /* @__PURE__ */ u("p", {
+											className: "mt-2 text-sm leading-5 text-slate-600",
+											children: /* @__PURE__ */ u("span", { children: S("insurance_modal_claim_description") })
+										})]
+									}), /* @__PURE__ */ d("section", {
+										className: "px-5 py-5 sm:px-6",
+										children: [/* @__PURE__ */ u("h3", {
+											className: "text-base font-semibold text-slate-950",
+											children: /* @__PURE__ */ u("span", { children: S("insurance_modal_exclusions_title") })
+										}), /* @__PURE__ */ u("p", {
+											className: "mt-2 text-sm leading-5 text-slate-600",
+											children: /* @__PURE__ */ u("span", { children: S("insurance_modal_exclusions_description") })
 										})]
-									}),
-									/* @__PURE__ */ c("p", {
-										className: "mt-4 rounded-lg bg-slate-100 px-4 py-3 text-xs leading-5 text-slate-600",
-										children: /* @__PURE__ */ c("span", { children: x("insurance_modal_terms_note") })
-									})
-								]
-							}),
-							/* @__PURE__ */ c(a, {
-								className: "border-t border-slate-200 px-5 py-4 sm:px-6",
-								children: /* @__PURE__ */ c(t, {
-									type: "button",
-									variant: "outline",
-									className: "h-11 w-full rounded-xl sm:w-auto",
-									onClick: () => E(!1),
-									children: /* @__PURE__ */ c("span", { children: x("close_modal") })
+									})]
+								}),
+								/* @__PURE__ */ u("p", {
+									className: "bg-slate-50 px-5 py-4 text-base leading-6 text-slate-600 sm:px-6",
+									children: /* @__PURE__ */ u("span", { children: S("insurance_modal_terms_note") })
 								})
+							]
+						}),
+						/* @__PURE__ */ u(s, {
+							className: "border-t border-slate-200 px-5 py-4 sm:px-6",
+							children: /* @__PURE__ */ u(r, {
+								type: "button",
+								variant: "outline",
+								className: "h-11 w-full rounded-xl sm:w-auto",
+								onClick: () => D(!1),
+								children: /* @__PURE__ */ u("span", { children: S("close_modal") })
 							})
-						]
-					})
+						})
+					]
 				})
 			})
-		]
+		})]
 	});
 }
 //#endregion

package/dist/i18n/en.d.ts

@@ -19,6 +19,12 @@ export declare const storefront: {
     checkout_button: string;
     storefront_popup_title_fallback: string;
     status_open: string;
+    status_closed: string;
+    status_hours_unavailable: string;
+    status_opens_at: string;
+    status_opens_at_tomorrow: string;
+    status_opens_on: string;
+    status_opens_on_date: string;
     business_hours_modal_title: string;
     business_hours_modal_description: string;
     business_hours_google_maps_note: string;
@@ -40,7 +46,6 @@ export declare const storefront: {
     insurance_modal_muscular_bike: string;
     insurance_modal_electric_bike: string;
     insurance_modal_price_per_day: string;
-    insurance_modal_price_range_per_day: string;
     insurance_modal_price_unavailable: string;
     insurance_modal_coverage_title: string;
     insurance_modal_coverage_accidental_damage: string;
@@ -58,6 +63,7 @@ export declare const storefront: {
     cancellation_policy_modal_description: string;
     cancellation_policy_modal_tier_deadline: string;
     cancellation_policy_modal_tier_refund: string;
+    cancellation_policy_modal_disclaimer: string;
     cancellation_policy_duration_hours_one: string;
     cancellation_policy_duration_hours_other: string;
     cancellation_policy_duration_days_one: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ftB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmgBtB,CAAA"}