@loczer/storefront-sdk 0.231.0 → 0.232.0

package/dist/pages/ContractSaleDocumentPage.js

@@ -1,23 +1,23 @@
 import { normalizeStorefrontI18nLanguage as e } from "../i18n/languages.js";
-import { Button as t } from "../ui/button.js";
+import { Button as t, storefrontButtonRadiusClassName as n } from "../ui/button.js";
+import { LanguagePicker as r } from "../chunks/pkg/ui/dist/LanguagePicker/index-D7_3voTe.js";
 import "../i18n/I18nProvider.js";
-import { toast as n } from "../lib/toast.js";
-import { Card as r } from "../ui/card.js";
-import { ContractSaleDocument as i } from "../components/ContractSaleDocument/Invoice.js";
+import { toast as i } from "../lib/toast.js";
+import { Card as a } from "../ui/card.js";
+import { ContractSaleDocument as o } from "../components/ContractSaleDocument/Invoice.js";
 import "../components/ContractSaleDocument/index.js";
-import { apiGet as a, apiPost as o } from "../lib/apiCall.js";
-import { Spinner as s } from "../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
-import { resolveContractSaleDocumentRequestLanguage as c } from "../lib/contractSaleDocument.js";
-import { ACCEPT_CONTRACT_SALE_DOCUMENT_ROUTE as l, DOWNLOAD_CONTRACT_SALE_DOCUMENT_PDF_ROUTE as u, GET_CONTRACT_SALE_DOCUMENT_ROUTE as d, acceptContractSaleDocumentResponseSchema as f, contractSaleDocumentApiSchema as p, getContractSaleDocumentResponseSchema as m } from "../lib/contractSaleDocumentApi.js";
-import { useEffect as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Link as y, useLoaderData as b, useLocation as x, useNavigate as S } from "@rpcbase/router";
-import { useTranslation as C } from "react-i18next";
-import { cn as w } from "@rpcbase/ui";
-import { ArrowLeft as T, ChevronDown as E, Download as D } from "lucide-react";
-import { Menu as O } from "@base-ui/react/menu";
+import { apiGet as s, apiPost as c } from "../lib/apiCall.js";
+import { Spinner as l } from "../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
+import { resolveContractSaleDocumentRequestLanguage as u } from "../lib/contractSaleDocument.js";
+import { ACCEPT_CONTRACT_SALE_DOCUMENT_ROUTE as d, DOWNLOAD_CONTRACT_SALE_DOCUMENT_PDF_ROUTE as f, GET_CONTRACT_SALE_DOCUMENT_ROUTE as p, acceptContractSaleDocumentResponseSchema as m, contractSaleDocumentApiSchema as h, getContractSaleDocumentResponseSchema as g } from "../lib/contractSaleDocumentApi.js";
+import { useEffect as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Link as x, useLoaderData as S, useLocation as C, useNavigate as w } from "@rpcbase/router";
+import { useTranslation as T } from "react-i18next";
+import { cn as E } from "@rpcbase/ui";
+import { ArrowLeft as D, Download as O } from "lucide-react";
 //#region src/pages/ContractSaleDocumentPage.tsx
-var k = (e) => new URLSearchParams(e).get("pdf") === "1", A = (e) => c(new URLSearchParams(e).get("lang")), j = (e) => {
+var k = (e) => new URLSearchParams(e).get("pdf") === "1", A = (e) => u(new URLSearchParams(e).get("lang")), j = (e) => {
 	let t = new URLSearchParams(e).get("back")?.trim();
 	if (!t || !t.startsWith("/") || t.startsWith("//")) return null;
 	try {
@@ -31,7 +31,7 @@ var k = (e) => new URLSearchParams(e).get("pdf") === "1", A = (e) => c(new URLSe
 	if (n) return new URL(n, "http://localhost").search;
 	let r = typeof e?.req?.originalUrl == "string" ? e.req.originalUrl : "";
 	return r ? new URL(r, "http://localhost").search : typeof window < "u" ? window.location.search : "";
-}, N = (e, t, n, r) => `${u}?${new URLSearchParams({
+}, N = (e, t, n, r) => `${f}?${new URLSearchParams({
 	storeSlug: e,
 	referenceId: t,
 	saleDocumentId: n,
@@ -50,94 +50,32 @@ var k = (e) => new URLSearchParams(e).get("pdf") === "1", A = (e) => c(new URLSe
 		return i;
 	}
 	return e.match(/filename="([^"]+)"/i)?.[1] ?? e.match(/filename=([^;]+)/i)?.[1]?.trim() ?? r;
-}, I = (e) => /* @__PURE__ */ _(s, {
+}, I = (e) => /* @__PURE__ */ y(l, {
 	className: "size-4",
 	"aria-hidden": "true",
 	"data-testid": e
-}), L = [{
-	code: "fr",
-	labelKey: "docs_contract_sale_language_option_fr"
-}, {
-	code: "en",
-	labelKey: "docs_contract_sale_language_option_en"
-}], R = {
-	code: "fr",
-	labelKey: "docs_contract_sale_language_option_fr"
-};
-function z({ selectedLanguage: e, onChange: n }) {
-	let { t: r } = C(), [i, a] = g(!1), o = L.find((t) => t.code === e) ?? R;
-	return /* @__PURE__ */ v(O.Root, {
-		open: i,
-		onOpenChange: a,
-		children: [/* @__PURE__ */ _(O.Trigger, {
-			nativeButton: !0,
-			render: /* @__PURE__ */ v(t, {
-				variant: "outline",
-				size: "sm",
-				type: "button",
-				"aria-label": r("docs_contract_sale_language_selector_label"),
-				className: "h-9 gap-1 bg-background/80 px-2 uppercase",
-				"data-testid": "contract-sale-document-language-trigger",
-				children: [/* @__PURE__ */ _("span", { children: o.code }), /* @__PURE__ */ _(E, {
-					className: "h-4 w-4",
-					"aria-hidden": "true"
-				})]
-			})
-		}), /* @__PURE__ */ _(O.Portal, { children: /* @__PURE__ */ _(O.Positioner, {
-			align: "end",
-			sideOffset: 4,
-			positionMethod: "fixed",
-			className: "z-50",
-			collisionPadding: 8,
-			collisionAvoidance: {
-				side: "flip",
-				align: "shift",
-				fallbackAxisSide: "none"
-			},
-			children: /* @__PURE__ */ _(O.Popup, {
-				render: (e, t) => /* @__PURE__ */ _("div", {
-					...e,
-					"data-menu-content": "",
-					"data-state": t.open ? "open" : "closed"
-				}),
-				className: "z-50 min-w-36 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md transition-opacity duration-75 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[instant]:transition-none",
-				children: L.map((t) => /* @__PURE__ */ v(O.Item, {
-					onClick: (e) => {
-						e.defaultPrevented || (n(t.code), a(!1));
-					},
-					"data-testid": `contract-sale-document-language-option-${t.code}`,
-					className: w("relative flex cursor-pointer select-none items-center justify-between gap-3 whitespace-nowrap rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", e === t.code && "bg-accent"),
-					children: [/* @__PURE__ */ _("span", { children: r(t.labelKey) }), /* @__PURE__ */ _("span", {
-						className: "text-2xs uppercase text-muted-foreground",
-						children: t.code
-					})]
-				}, t.code))
-			})
-		}) })]
-	});
-}
-var B = (async ({ ctx: e, params: t, request: n }) => {
-	let r = typeof t.storeSlug == "string" ? t.storeSlug.trim().toLowerCase() : "", i = typeof t.referenceId == "string" ? t.referenceId.trim() : "", o = typeof t.saleDocumentId == "string" ? t.saleDocumentId.trim() : "", s = M(e, n), c = k(s), l = A(s);
-	if (!r || !i || !o) return {
+}), L = (async ({ ctx: e, params: t, request: n }) => {
+	let r = typeof t.storeSlug == "string" ? t.storeSlug.trim().toLowerCase() : "", i = typeof t.referenceId == "string" ? t.referenceId.trim() : "", a = typeof t.saleDocumentId == "string" ? t.saleDocumentId.trim() : "", o = M(e, n), c = k(o), l = A(o);
+	if (!r || !i || !a) return {
 		storeSlug: r,
 		referenceId: i,
-		saleDocumentId: o,
+		saleDocumentId: a,
 		pdfMode: c,
 		documentLanguage: l,
 		document: null,
 		error: null
 	};
 	try {
-		let t = await a(d, {
+		let t = await s(p, {
 			storeSlug: r,
 			referenceId: i,
-			saleDocumentId: o,
+			saleDocumentId: a,
 			...l ? { lang: l } : {}
-		}, e), n = m.parse(t);
+		}, e), n = g.parse(t);
 		return !n.success || !n.document ? {
 			storeSlug: r,
 			referenceId: i,
-			saleDocumentId: o,
+			saleDocumentId: a,
 			pdfMode: c,
 			documentLanguage: l,
 			document: null,
@@ -145,7 +83,7 @@ var B = (async ({ ctx: e, params: t, request: n }) => {
 		} : {
 			storeSlug: r,
 			referenceId: i,
-			saleDocumentId: o,
+			saleDocumentId: a,
 			pdfMode: c,
 			documentLanguage: l,
 			document: n.document,
@@ -155,139 +93,147 @@ var B = (async ({ ctx: e, params: t, request: n }) => {
 		return console.error("Failed to load storefront contract sale document", e), {
 			storeSlug: r,
 			referenceId: i,
-			saleDocumentId: o,
+			saleDocumentId: a,
 			pdfMode: c,
 			documentLanguage: l,
 			document: null,
 			error: null
 		};
 	}
-}), V = (e) => {
-	let t = p.safeParse(e);
+}), R = (e) => {
+	let t = h.safeParse(e);
 	return t.success ? t.data : null;
 };
-function H() {
-	let { t: a, i18n: s } = C(), c = b(), u = x(), d = S(), { storeSlug: p, referenceId: m, saleDocumentId: w } = c, E = c.pdfMode || k(u.search), O = j(u.search), M = O ?? `/${p ?? ""}`, L = a(O ? "docs_contract_sale_back" : "docs_contract_sale_back_to_storefront"), [R, B] = g(V(c.document)), [H, U] = g(null), [W, G] = g(!1), [K, q] = g(c.error), J = A(u.search) ?? e(R?.language?.customer) ?? c.documentLanguage ?? e(s.language) ?? "fr", Y = p && m && w ? N(p, m, w, J) : null, X = p && m && w ? P(p, m, w, J) : "";
-	h(() => {
-		B(V(c.document)), q(c.error);
-	}, [c.document, c.error]), h(() => {
-		e(s.language) !== J && s.changeLanguage(J);
-	}, [s, J]);
-	let Z = (e) => {
-		if (e === J) return;
-		s.changeLanguage(e);
-		let t = new URLSearchParams(u.search);
+function z() {
+	let { t: s, i18n: l } = T(), u = S(), f = C(), p = w(), { storeSlug: h, referenceId: g, saleDocumentId: M } = u, L = u.pdfMode || k(f.search), z = j(f.search), B = z ?? `/${h ?? ""}`, V = s(z ? "docs_contract_sale_back" : "docs_contract_sale_back_to_storefront"), [H, U] = v(R(u.document)), [W, G] = v(null), [K, q] = v(!1), [J, Y] = v(u.error), X = A(f.search) ?? e(H?.language?.customer) ?? u.documentLanguage ?? e(l.language) ?? "fr", Z = h && g && M ? N(h, g, M, X) : null, Q = h && g && M ? P(h, g, M, X) : "";
+	_(() => {
+		U(R(u.document)), Y(u.error);
+	}, [u.document, u.error]), _(() => {
+		e(l.language) !== X && l.changeLanguage(X);
+	}, [l, X]);
+	let $ = (e) => {
+		if (e === X) return;
+		l.changeLanguage(e);
+		let t = new URLSearchParams(f.search);
 		t.set("lang", e);
 		let n = t.toString();
-		d(`${u.pathname}${n ? `?${n}` : ""}${u.hash || ""}`, { replace: !0 });
+		p(`${f.pathname}${n ? `?${n}` : ""}${f.hash || ""}`, { replace: !0 });
 	};
-	if (!R) return /* @__PURE__ */ _("div", {
+	if (!H) return /* @__PURE__ */ y("div", {
 		className: "mx-auto max-w-3xl px-4 py-14 sm:px-6",
-		children: /* @__PURE__ */ _(r, {
+		children: /* @__PURE__ */ y(a, {
 			className: "border-slate-200 bg-white p-5 shadow-sm sm:p-6",
-			children: /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ b("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ _("h1", {
+					/* @__PURE__ */ y("h1", {
 						className: "text-lg font-semibold text-slate-950",
-						children: /* @__PURE__ */ _("span", { children: a("docs_contract_sale_not_found_title") })
+						children: /* @__PURE__ */ y("span", { children: s("docs_contract_sale_not_found_title") })
 					}),
-					/* @__PURE__ */ _("p", {
+					/* @__PURE__ */ y("p", {
 						className: "text-sm text-destructive",
-						children: /* @__PURE__ */ _("span", { children: K ?? a("docs_contract_sale_load_error") })
+						children: /* @__PURE__ */ y("span", { children: J ?? s("docs_contract_sale_load_error") })
 					}),
-					/* @__PURE__ */ _(y, {
-						to: M,
+					/* @__PURE__ */ y(x, {
+						to: B,
 						"data-testid": "contract-sale-document-back-link",
-						children: /* @__PURE__ */ v(t, {
+						children: /* @__PURE__ */ b(t, {
 							className: "gap-2",
-							children: [/* @__PURE__ */ _(T, {
+							children: [/* @__PURE__ */ y(D, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ _("span", { children: L })]
+							}), /* @__PURE__ */ y("span", { children: V })]
 						})
 					})
 				]
 			})
 		})
 	});
-	if (E) return /* @__PURE__ */ _("div", {
+	if (L) return /* @__PURE__ */ y("div", {
 		className: "min-h-screen bg-white",
-		children: /* @__PURE__ */ _(i, {
-			data: R,
+		children: /* @__PURE__ */ y(o, {
+			data: H,
 			renderMode: "pdf",
-			publicDocumentUrl: X
+			publicDocumentUrl: Q
 		})
 	});
-	let Q = async () => {
-		if (!Y || W) return;
-		G(!0);
-		let e = n.loading(a("docs_contract_sale_preparing_pdf"), { icon: I() });
+	let ee = async () => {
+		if (!Z || K) return;
+		q(!0);
+		let e = i.loading(s("docs_contract_sale_preparing_pdf"), { icon: I() });
 		try {
-			let t = await fetch(Y, {
+			let t = await fetch(Z, {
 				method: "GET",
 				credentials: "include"
 			});
 			if (!t.ok) throw Error(`PDF request failed with status ${t.status}`);
-			let r = await t.blob(), i = window.URL.createObjectURL(r), a = window.document.createElement("a");
-			a.href = i, a.download = F(t.headers.get("content-disposition"), R.saleDocumentNumber, R.kind), window.document.body.appendChild(a), a.click(), a.remove(), n.dismiss(e), window.setTimeout(() => {
-				window.URL.revokeObjectURL(i);
+			let n = await t.blob(), r = window.URL.createObjectURL(n), a = window.document.createElement("a");
+			a.href = r, a.download = F(t.headers.get("content-disposition"), H.saleDocumentNumber, H.kind), window.document.body.appendChild(a), a.click(), a.remove(), i.dismiss(e), window.setTimeout(() => {
+				window.URL.revokeObjectURL(r);
 			}, 0);
 		} catch (t) {
-			console.error("Failed to download storefront contract sale document PDF", t), n.dismiss(e), n.error(a("docs_contract_sale_download_pdf_error"));
+			console.error("Failed to download storefront contract sale document PDF", t), i.dismiss(e), i.error(s("docs_contract_sale_download_pdf_error"));
 		} finally {
-			G(!1);
+			q(!1);
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "flex h-dvh min-h-0 flex-col overflow-hidden bg-gradient-to-br from-slate-100 via-slate-100 to-slate-200",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "fixed inset-x-0 top-0 z-40 flex h-14 items-center justify-between gap-3 border-b border-border bg-background/70 px-4 backdrop-blur-xl backdrop-saturate-125 supports-[backdrop-filter]:bg-background/55 sm:px-6",
-			children: [/* @__PURE__ */ v(y, {
-				to: M,
+			children: [/* @__PURE__ */ b(x, {
+				to: B,
 				className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
 				"data-testid": "contract-sale-document-back-link",
-				children: [/* @__PURE__ */ _(T, {
+				children: [/* @__PURE__ */ y(D, {
 					className: "h-4 w-4",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ _("span", { children: L })]
-			}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ y("span", { children: V })]
+			}), /* @__PURE__ */ b("div", {
 				className: "flex min-w-0 items-center gap-2",
 				children: [
-					K ? /* @__PURE__ */ _("span", {
+					J ? /* @__PURE__ */ y("span", {
 						className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-destructive",
-						children: K
-					}) : H === "signature" ? /* @__PURE__ */ _("span", {
+						children: J
+					}) : W === "signature" ? /* @__PURE__ */ y("span", {
 						className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-slate-600",
-						children: a("docs_contract_sale_submitting_signature")
-					}) : H === "acceptance" ? /* @__PURE__ */ _("span", {
+						children: s("docs_contract_sale_submitting_signature")
+					}) : W === "acceptance" ? /* @__PURE__ */ y("span", {
 						className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-slate-600",
-						children: a("docs_contract_sale_submitting_acceptance")
+						children: s("docs_contract_sale_submitting_acceptance")
 					}) : null,
-					/* @__PURE__ */ _(z, {
-						selectedLanguage: J,
-						onChange: Z
+					/* @__PURE__ */ y(r, {
+						value: X,
+						onValueChange: $,
+						ariaLabel: s("docs_contract_sale_language_selector_label"),
+						labels: {
+							fr: s("docs_contract_sale_language_option_fr"),
+							en: s("docs_contract_sale_language_option_en")
+						},
+						triggerClassName: E("h-9 bg-background/80 px-2", n),
+						triggerTestId: "contract-sale-document-language-trigger",
+						optionTestIdPrefix: "contract-sale-document-language-option"
 					}),
-					Y ? /* @__PURE__ */ v(t, {
+					Z ? /* @__PURE__ */ b(t, {
 						variant: "outline",
 						size: "sm",
 						type: "button",
-						disabled: W,
+						disabled: K,
 						onClick: () => {
-							Q();
+							ee();
 						},
 						className: "h-9 bg-background/80 px-3",
 						"data-testid": "contract-sale-document-download-pdf",
 						children: [
-							W ? I("contract-sale-document-download-spinner") : /* @__PURE__ */ _(D, {
+							K ? I("contract-sale-document-download-spinner") : /* @__PURE__ */ y(O, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y("span", {
 								className: "hidden sm:inline",
-								children: a("docs_contract_sale_download_pdf")
+								children: s("docs_contract_sale_download_pdf")
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y("span", {
 								className: "sm:hidden",
 								children: "PDF"
 							})
@@ -295,42 +241,42 @@ function H() {
 					}) : null
 				]
 			})]
-		}), /* @__PURE__ */ _("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "min-h-0 flex-1",
-			children: /* @__PURE__ */ _(i, {
-				data: R,
+			children: /* @__PURE__ */ y(o, {
+				data: H,
 				heightMode: "parent",
-				publicDocumentUrl: X,
+				publicDocumentUrl: Q,
 				onAccept: async (e) => {
-					let t = e.mode === "signature" ? a("docs_contract_sale_signature_submit_error") : a("docs_contract_sale_acceptance_submit_error");
-					if (!p || !m || !w) throw Error(t);
-					U(e.mode);
+					let t = e.mode === "signature" ? s("docs_contract_sale_signature_submit_error") : s("docs_contract_sale_acceptance_submit_error");
+					if (!h || !g || !M) throw Error(t);
+					G(e.mode);
 					try {
-						let n = await o(l, {
-							storeSlug: p,
-							referenceId: m,
-							saleDocumentId: w,
-							lang: J,
+						let n = await c(d, {
+							storeSlug: h,
+							referenceId: g,
+							saleDocumentId: M,
+							lang: X,
 							acceptance: e.mode === "signature" ? {
 								mode: "signature",
 								name: e.name,
 								phone: e.phone,
 								signature: e.signature
 							} : { mode: "acceptance" }
-						}), r = f.parse(n);
+						}), r = m.parse(n);
 						if (!r.success) {
 							let e = r.message ?? t;
-							if (r.document) return B(r.document), q(e), r.document;
+							if (r.document) return U(r.document), Y(e), r.document;
 							throw Error(e);
 						}
 						if (!r.document) throw Error(t);
-						return B(r.document), q(null), r.document;
+						return U(r.document), Y(null), r.document;
 					} catch (e) {
 						console.error("Failed to submit storefront contract sale document acceptance", e);
 						let n = e instanceof Error && e.message.trim().length > 0 ? e.message : t;
-						throw q(n), Error(n);
+						throw Y(n), Error(n);
 					} finally {
-						U(null);
+						G(null);
 					}
 				}
 			})
@@ -338,4 +284,4 @@ function H() {
 	});
 }
 //#endregion
-export { H as default, B as loader, j as resolveContractSaleDocumentBackLink };
+export { z as default, L as loader, j as resolveContractSaleDocumentBackLink };

package/dist/pages/ProductPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductPage.d.ts","sourceRoot":"","sources":["../../src/pages/ProductPage.tsx"],"names":[],"mappings":"AAiIA,MAAM,CAAC,OAAO,UAAU,WAAW,4CA6YlC"}
+{"version":3,"file":"ProductPage.d.ts","sourceRoot":"","sources":["../../src/pages/ProductPage.tsx"],"names":[],"mappings":"AAiIA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAuYlC"}

package/dist/pages/ProductPage.js

@@ -4,7 +4,7 @@ import { getLocalizedValue as a } from "../localization.js";
 import { findStorefrontProductBySlug as te, getStorefrontCheckoutProductId as o, getStorefrontProductSelectionDisplayName as ne } from "../lib/products.js";
 import { useStorefrontCart as re } from "../lib/cart.js";
 import { getAvailabilityVariant as ie } from "../lib/utils.js";
-import { ROUTE as ae, buildStorefrontAvailabilityKey as s, getStorefrontAvailabilityIssue as oe, getStorefrontAvailabilityStatus as se, getStorefrontProductAvailabilityStatus as ce, getValidStorefrontAvailabilitySchedule as le, isStorefrontAvailabilityInsufficient as c, responseSchema as ue } from "../lib/storefrontAvailability.js";
+import { ROUTE as ae, buildStorefrontAvailabilityKey as s, getStorefrontAvailabilityIssue as oe, getStorefrontAvailabilityStatus as c, getStorefrontProductAvailabilityStatus as se, getValidStorefrontAvailabilitySchedule as ce, isStorefrontAvailabilityInsufficient as le, responseSchema as ue } from "../lib/storefrontAvailability.js";
 import { Badge as l } from "../ui/badge.js";
 import { Button as u } from "../ui/button.js";
 import { useStorefront as de, useStorefrontProducts as fe } from "../StorefrontContext.js";
@@ -68,7 +68,7 @@ function C() {
 	]), M = t(Ne).toString(), N = f(() => n(new URLSearchParams(M), T), [M, T]), P = f(() => e(N, {
 		startTime: "",
 		endTime: ""
-	}), [N]), F = f(() => le(P), [P]), I = N.toString(), L = `/${T ?? ""}/checkout${I ? `?${I}` : ""}`, R = `/${T ?? ""}`, Re = R, z = Pe.state, ze = typeof z?.backTo == "string" && z.backTo.startsWith(R) ? z.backTo : Re, [B, V] = p(1), [H, U] = p(() => b(j)), W = Number.isFinite(B) ? Math.max(1, Math.min(99, Math.floor(B))) : 1, G = f(() => Ae(j, W), [W, j]), [Be, K] = p([]), [Ve, q] = p(!1);
+	}), [N]), F = f(() => ce(P), [P]), I = N.toString(), L = `/${T ?? ""}/checkout${I ? `?${I}` : ""}`, R = `/${T ?? ""}`, Re = R, z = Pe.state, ze = typeof z?.backTo == "string" && z.backTo.startsWith(R) ? z.backTo : Re, [B, V] = p(1), [H, U] = p(() => b(j)), W = Number.isFinite(B) ? Math.max(1, Math.min(99, Math.floor(B))) : 1, G = f(() => Ae(j, W), [W, j]), [K, q] = p([]), [Be, J] = p(!1);
 	d(() => {
 		if (V(1), !j) {
 			U(null);
@@ -79,15 +79,15 @@ function C() {
 		r(T, N);
 	}, [N, T]), d(() => {
 		if (!T || G.length === 0) {
-			K([]), q(!1);
+			q([]), J(!1);
 			return;
 		}
 		if (!F) {
-			K([]), q(!1);
+			q([]), J(!1);
 			return;
 		}
 		let e = !1;
-		return q(!0), K([]), (async () => {
+		return J(!0), q([]), (async () => {
 			try {
 				let t = await ye(ae, {
 					storeSlug: T,
@@ -95,12 +95,12 @@ function C() {
 					products: G
 				}), n = ue.parse(t);
 				if (e) return;
-				K(n.success ? n.availability ?? [] : []);
+				q(n.success ? n.availability ?? [] : []);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load storefront product availability", t), K([]);
+				console.error("Failed to load storefront product availability", t), q([]);
 			} finally {
-				e || q(!1);
+				e || J(!1);
 			}
 		})(), () => {
 			e = !0;
@@ -114,7 +114,7 @@ function C() {
 		P.startTime,
 		T
 	]);
-	let J = f(() => new Map(Be.map((e) => [s(e.productId, e.productVariantId), e])), [Be]), He = () => {
+	let Y = f(() => new Map(K.map((e) => [s(e.productId, e.productVariantId), e])), [K]), Ve = () => {
 		Fe(ze);
 	};
 	if (!j) return /* @__PURE__ */ m("div", {
@@ -135,7 +135,7 @@ function C() {
 					children: /* @__PURE__ */ h(u, {
 						type: "button",
 						className: "gap-2",
-						onClick: He,
+						onClick: Ve,
 						children: [/* @__PURE__ */ m(v, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
@@ -145,13 +145,13 @@ function C() {
 			]
 		})
 	});
-	let Ue = a(j.name, w.language, O), We = a(j.description, w.language, O), Ge = a(j.warning, w.language, O), Ke = typeof j.images?.[0] == "string" ? j.images[0].trim() : "", qe = ve(j.primaryImageStyle), Y = j.productVariants ?? [], X = je(j, J), Z = ce({
-		availabilityByKey: J,
+	let He = a(j.name, w.language, O), Ue = a(j.description, w.language, O), We = a(j.warning, w.language, O), Ge = typeof j.images?.[0] == "string" ? j.images[0].trim() : "", Ke = ve(j.primaryImageStyle), X = j.productVariants ?? [], Z = je(j, Y), Q = se({
+		availabilityByKey: Y,
 		fallbackStatus: Me(j),
 		productId: o(j),
-		productVariantIds: Y.map((e) => e.id),
+		productVariantIds: X.map((e) => e.id),
 		representedVariantId: j.representedVariantId
-	}), Je = X ? se(X) === Z : !1, Ye = Z === "OUT_OF_STOCK" ? Y.map((e) => x(j, e.id, J)).find((e) => oe(e) === "quantityUnavailable") : void 0, Xe = ie(Z), Ze = Ve ? C("availability_checking") : S(C, Je ? X : Ye, Z), Q = Z === "OUT_OF_STOCK", Qe = Y.some((e) => !!i(e, "size")) ? C("product_size_label") : C("product_variant_label"), $e = H ? x(j, H, J) : void 0, $ = $e ? c($e) : Q, et = !!H && F !== null && !$;
+	}), qe = Z ? c(Z) === Q : !1, Je = Q === "OUT_OF_STOCK" ? X.map((e) => x(j, e.id, Y)).find((e) => oe(e) === "quantityUnavailable") : void 0, Ye = ie(Q), Xe = Be ? C("availability_checking") : S(C, qe ? Z : Je, Q), $ = Q === "OUT_OF_STOCK", Ze = X.some((e) => !!i(e, "size")) ? C("product_size_label") : C("product_variant_label"), Qe = !!H && F !== null;
 	return /* @__PURE__ */ m("div", {
 		className: "mx-auto max-w-7xl px-4 py-8 sm:px-6",
 		children: /* @__PURE__ */ h("div", {
@@ -162,7 +162,7 @@ function C() {
 					type: "button",
 					variant: "ghost",
 					className: "h-auto justify-start gap-2 self-start px-0 text-sm font-medium text-slate-700 hover:bg-transparent hover:text-slate-950",
-					onClick: He,
+					onClick: Ve,
 					children: [/* @__PURE__ */ m(v, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
@@ -184,11 +184,11 @@ function C() {
 				children: [/* @__PURE__ */ h("div", {
 					className: "lg:col-span-7",
 					children: [/* @__PURE__ */ m("div", {
-						className: _("relative aspect-[1618/1000] overflow-hidden rounded-2xl", qe.className),
-						style: qe.style,
-						children: Ke ? /* @__PURE__ */ m("img", {
-							src: Ke,
-							alt: Ue,
+						className: _("relative aspect-[1618/1000] overflow-hidden rounded-2xl", Ke.className),
+						style: Ke.style,
+						children: Ge ? /* @__PURE__ */ m("img", {
+							src: Ge,
+							alt: He,
 							className: "absolute inset-0 h-full w-full object-contain p-2",
 							loading: "lazy"
 						}) : /* @__PURE__ */ m("div", {
@@ -204,8 +204,8 @@ function C() {
 							/* @__PURE__ */ h("div", {
 								className: "flex flex-wrap items-center gap-2",
 								children: [/* @__PURE__ */ m(l, {
-									variant: Xe.variant,
-									children: /* @__PURE__ */ m("span", { children: Ze })
+									variant: Ye.variant,
+									children: /* @__PURE__ */ m("span", { children: Xe })
 								}), /* @__PURE__ */ m(_e, {
 									prices: j.prices,
 									openOnHover: j.kind !== "accessory"
@@ -213,11 +213,11 @@ function C() {
 							}),
 							/* @__PURE__ */ m("h1", {
 								className: "text-2xl font-semibold tracking-tight text-slate-950",
-								children: /* @__PURE__ */ m("span", { children: Ue })
+								children: /* @__PURE__ */ m("span", { children: He })
 							}),
 							/* @__PURE__ */ m("p", {
 								className: "text-sm text-slate-600",
-								children: /* @__PURE__ */ m("span", { children: We })
+								children: /* @__PURE__ */ m("span", { children: Ue })
 							}),
 							j.features?.length ? /* @__PURE__ */ h("div", {
 								className: "mt-2 space-y-2",
@@ -235,7 +235,7 @@ function C() {
 									}, `${j.id}-${t}`))
 								})]
 							}) : null,
-							/* @__PURE__ */ m(ge, { warning: Ge })
+							/* @__PURE__ */ m(ge, { warning: We })
 						]
 					})]
 				}), /* @__PURE__ */ m("div", {
@@ -259,17 +259,17 @@ function C() {
 									className: "text-sm text-destructive",
 									children: /* @__PURE__ */ m("span", { children: C("booking_time_slots_required") })
 								}),
-								Y.length > 1 ? /* @__PURE__ */ h("div", {
+								X.length > 1 ? /* @__PURE__ */ h("div", {
 									className: "grid gap-2",
 									children: [/* @__PURE__ */ m("p", {
 										className: "text-xs font-medium text-slate-700",
-										children: /* @__PURE__ */ m("span", { children: Qe })
+										children: /* @__PURE__ */ m("span", { children: Ze })
 									}), /* @__PURE__ */ m(be, {
 										value: H ?? "",
 										onValueChange: U,
 										className: "grid gap-2",
-										children: Y.map((e) => {
-											let t = `variant-${j.id}-${e.id}`.toLowerCase(), n = `storefront-product-variant-option-${j.id}-${e.id}`.toLowerCase(), { label: r, description: i } = ee(e), a = x(j, e.id, J), te = a ? c(a) : Q, o = a ? S(C, a, se(a)) : Q ? C("availability_out_of_stock") : null;
+										children: X.map((e) => {
+											let t = `variant-${j.id}-${e.id}`.toLowerCase(), n = `storefront-product-variant-option-${j.id}-${e.id}`.toLowerCase(), { label: r, description: i } = ee(e), a = x(j, e.id, Y), te = a ? le(a) : $, o = a ? S(C, a, c(a)) : $ ? C("availability_out_of_stock") : null;
 											return /* @__PURE__ */ h("label", {
 												htmlFor: t,
 												"data-testid": n,
@@ -318,7 +318,7 @@ function C() {
 								/* @__PURE__ */ h(u, {
 									className: "h-11 rounded-xl text-sm font-semibold gap-2",
 									onClick: () => {
-										!H || !F || $ || (Ie({
+										!H || !F || (Ie({
 											kind: j.kind,
 											productId: o(j),
 											...H ? { productVariantId: H } : {},
@@ -333,7 +333,7 @@ function C() {
 											})
 										})));
 									},
-									disabled: !et,
+									disabled: !Qe,
 									children: [/* @__PURE__ */ m("span", { children: C("add_to_cart") }), /* @__PURE__ */ m(ke, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"

package/dist/pages/checkout/components/CheckoutLoadingSkeleton.d.ts

@@ -0,0 +1,7 @@
+type CheckoutLoadingSkeletonProps = {
+    bookingPath: string;
+    checkoutPath: string;
+};
+export declare function CheckoutLoadingSkeleton({ bookingPath, checkoutPath, }: CheckoutLoadingSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutLoadingSkeleton.d.ts.map

package/dist/pages/checkout/components/CheckoutLoadingSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutLoadingSkeleton.tsx"],"names":[],"mappings":"AAMA,KAAK,4BAA4B,GAAG;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAMD,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,YAAY,GACb,EAAE,4BAA4B,2CAuF9B"}