@loczer/storefront-sdk 0.230.0 → 0.232.0

package/dist/pages/ProductPage.js

@@ -1,293 +1,299 @@
 import { getBookingParamsFromSearch as e, pickBookingSearchParams as t, resolveBookingSearchParamsFromSessionStorage as n, writeBookingSearchParamsToSessionStorage as r } from "../lib/booking.js";
 import { getProductVariantAttributeValue as i, getStorefrontProductVariantDisplay as ee } from "../lib/productVariants.js";
 import { getLocalizedValue as a } from "../localization.js";
-import { findStorefrontProductBySlug as o, getStorefrontCheckoutProductId as s, getStorefrontProductSelectionDisplayName as te } from "../lib/products.js";
-import { useStorefrontCart as ne } from "../lib/cart.js";
-import { getAvailabilityVariant as re } from "../lib/utils.js";
-import { ROUTE as ie, buildStorefrontAvailabilityKey as c, getStorefrontAvailabilityIssue as l, getStorefrontAvailabilityStatus as ae, getValidStorefrontAvailabilitySchedule as oe, isStorefrontAvailabilityInsufficient as u, responseSchema as se } from "../lib/storefrontAvailability.js";
-import { Badge as ce } from "../ui/badge.js";
-import { Button as d } from "../ui/button.js";
-import { useStorefront as le, useStorefrontProducts as ue } from "../StorefrontContext.js";
-import { toast as de } from "../lib/toast.js";
-import { Input as fe } from "../ui/input.js";
-import { Card as pe } from "../ui/card.js";
-import { ProductWarningNotice as me } from "../components/ProductWarningNotice/index.js";
-import { ProductPriceBadge as he } from "../components/ProductPriceBadge/index.js";
-import { resolveProductImageContainerStyle as ge } from "../lib/productImageStyles.js";
-import { apiPost as _e } from "../lib/apiCall.js";
-import { RadioGroup as ve, RadioGroupItem as ye } from "../ui/radio-group.js";
-import { useEffect as f, useMemo as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Link as be, useLocation as xe, useNavigate as Se, useParams as Ce, useSearchParams as we } from "@rpcbase/router";
-import { useTranslation as Te } from "react-i18next";
+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 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";
+import { toast as pe } from "../lib/toast.js";
+import { Input as me } from "../ui/input.js";
+import { Card as he } from "../ui/card.js";
+import { ProductWarningNotice as ge } from "../components/ProductWarningNotice/index.js";
+import { ProductPriceBadge as _e } from "../components/ProductPriceBadge/index.js";
+import { resolveProductImageContainerStyle as ve } from "../lib/productImageStyles.js";
+import { apiPost as ye } from "../lib/apiCall.js";
+import { RadioGroup as be, RadioGroupItem as xe } from "../ui/radio-group.js";
+import { useEffect as d, useMemo as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Link as g, useLocation as Se, useNavigate as Ce, useParams as we, useSearchParams as Te } from "@rpcbase/router";
+import { useTranslation as Ee } from "react-i18next";
 import { cn as _ } from "@rpcbase/ui";
-import { ArrowLeft as v, ArrowRight as y, Bike as Ee, CheckCircle2 as De, Plus as Oe } from "lucide-react";
+import { ArrowLeft as v, ArrowRight as y, Bike as De, CheckCircle2 as Oe, Plus as ke } from "lucide-react";
 //#region src/pages/ProductPage.tsx
 var b = (e, t = () => !0) => {
 	if (!e) return null;
 	if (e.representedVariantId?.trim()) return e.representedVariantId.trim();
 	let n = e.productVariants ?? [];
 	return n.find((e) => t(e.id))?.id ?? n[0]?.id ?? null;
-}, ke = (e, t) => {
+}, Ae = (e, t) => {
 	if (!e) return [];
-	let n = s(e), r = /* @__PURE__ */ new Map();
-	r.set(c(n), {
+	let n = o(e), r = /* @__PURE__ */ new Map();
+	r.set(s(n), {
 		productId: n,
 		quantity: t
 	});
-	for (let i of e.productVariants ?? []) r.set(c(n, i.id), {
+	for (let i of e.productVariants ?? []) r.set(s(n, i.id), {
 		productId: n,
 		productVariantId: i.id,
 		quantity: t
 	});
 	let i = e.representedVariantId?.trim();
-	return i && r.set(c(n, i), {
+	return i && r.set(s(n, i), {
 		productId: n,
 		productVariantId: i,
 		quantity: t
 	}), Array.from(r.values());
-}, Ae = (e, t) => {
-	let n = s(e), r = e.representedVariantId?.trim();
+}, je = (e, t) => {
+	let n = o(e), r = e.representedVariantId?.trim();
 	if (r) {
-		let e = t.get(c(n, r));
+		let e = t.get(s(n, r));
 		if (e) return e;
 	}
-	return t.get(c(n));
-}, je = (e, t, n) => n.get(c(s(e), t)), x = (e, t, n) => {
-	let r = l(t);
-	return r === "quantity_unavailable" ? e("availability_quantity_unavailable") : r === "unavailable" || n === "OUT_OF_STOCK" ? e("availability_out_of_stock") : t?.remaining === void 0 ? t?.fewRemaining || n === "LOW_STOCK" ? e("availability_low_stock") : e("availability_in_stock") : e("availability_remaining_count", { count: t.remaining });
+	return t.get(s(n));
+}, x = (e, t, n) => n.get(s(o(e), t)), S = (e, t, n) => {
+	let r = oe(t);
+	return r === "quantityUnavailable" ? e("availability_quantity_unavailable") : r === "unavailable" || n === "OUT_OF_STOCK" ? e("availability_out_of_stock") : t?.remaining === void 0 ? t?.fewRemaining || n === "LOW_STOCK" ? e("availability_low_stock") : e("availability_in_stock") : e("availability_remaining_count", { count: t.remaining });
 }, Me = (e) => "availabilityStatus" in e ? e.availabilityStatus ?? "AVAILABLE" : "AVAILABLE";
-function S() {
-	let { t: l, i18n: S } = Te(), { storeSlug: C, productSlug: w } = Ce(), [Ne] = we(), Pe = xe(), Fe = Se(), { addItem: Ie, itemCount: T } = ne(), { storefrontConfiguration: Le } = le(), E = Le.workspace?.workspaceLanguage, { bikes: D, accessories: O } = ue(), k = p(() => w ? o(w, {
-		bikes: D,
-		accessories: O
+function C() {
+	let { t: C, i18n: w } = Ee(), { storeSlug: T, productSlug: E } = we(), [Ne] = Te(), Pe = Se(), Fe = Ce(), { addItem: Ie, itemCount: D } = re(), { storefrontConfiguration: Le } = de(), O = Le.workspace?.workspaceLanguage, { bikes: k, accessories: A } = fe(), j = f(() => E ? te(E, {
+		bikes: k,
+		accessories: A
 	}) : null, [
-		O,
-		D,
-		w
-	]), A = t(Ne).toString(), j = p(() => n(new URLSearchParams(A), C), [A, C]), M = p(() => e(j, {
-		start_time: "",
-		end_time: ""
-	}), [j]), N = p(() => oe(M), [M]), P = j.toString(), F = `/${C ?? ""}/checkout${P ? `?${P}` : ""}`, I = `/${C ?? ""}`, Re = I, L = Pe.state, ze = typeof L?.backTo == "string" && L.backTo.startsWith(I) ? L.backTo : Re, [R, z] = m(1), [B, V] = m(() => b(k)), H = Number.isFinite(R) ? Math.max(1, Math.min(99, Math.floor(R))) : 1, U = p(() => ke(k, H), [H, k]), [W, G] = m([]), [Be, K] = m(!1);
-	f(() => {
-		if (z(1), !k) {
-			V(null);
+		A,
+		k,
+		E
+	]), M = t(Ne).toString(), N = f(() => n(new URLSearchParams(M), T), [M, T]), P = f(() => e(N, {
+		startTime: "",
+		endTime: ""
+	}), [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);
 			return;
 		}
-		V(b(k));
-	}, [w, k]), f(() => {
-		r(C, j);
-	}, [j, C]), f(() => {
-		if (!C || U.length === 0) {
-			G([]), K(!1);
+		U(b(j));
+	}, [E, j]), d(() => {
+		r(T, N);
+	}, [N, T]), d(() => {
+		if (!T || G.length === 0) {
+			q([]), J(!1);
 			return;
 		}
-		if (!N) {
-			G([]), K(!1);
+		if (!F) {
+			q([]), J(!1);
 			return;
 		}
 		let e = !1;
-		return K(!0), G([]), (async () => {
+		return J(!0), q([]), (async () => {
 			try {
-				let t = await _e(ie, {
-					storeSlug: C,
-					schedule: N,
-					products: U
-				}), n = se.parse(t);
+				let t = await ye(ae, {
+					storeSlug: T,
+					schedule: F,
+					products: G
+				}), n = ue.parse(t);
 				if (e) return;
-				G(n.success ? n.availability ?? [] : []);
+				q(n.success ? n.availability ?? [] : []);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load storefront product availability", t), G([]);
+				console.error("Failed to load storefront product availability", t), q([]);
 			} finally {
-				e || K(!1);
+				e || J(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		U,
-		N,
-		M.end_date,
-		M.end_time,
-		M.start_date,
-		M.start_time,
-		C
+		G,
+		F,
+		P.endDate,
+		P.endTime,
+		P.startDate,
+		P.startTime,
+		T
 	]);
-	let q = p(() => new Map(W.map((e) => [c(e.productId, e.productVariantId), e])), [W]), J = () => {
+	let Y = f(() => new Map(K.map((e) => [s(e.productId, e.productVariantId), e])), [K]), Ve = () => {
 		Fe(ze);
 	};
-	if (!k) return /* @__PURE__ */ h("div", {
+	if (!j) return /* @__PURE__ */ m("div", {
 		className: "mx-auto max-w-3xl px-4 py-10 sm:px-6",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm",
 			children: [
-				/* @__PURE__ */ h("h1", {
+				/* @__PURE__ */ m("h1", {
 					className: "text-xl font-semibold tracking-tight text-slate-950",
-					children: /* @__PURE__ */ h("span", { children: l("product_not_found_title") })
+					children: /* @__PURE__ */ m("span", { children: C("product_not_found_title") })
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ m("p", {
 					className: "mt-2 text-sm text-slate-600",
-					children: /* @__PURE__ */ h("span", { children: l("product_not_found_description") })
+					children: /* @__PURE__ */ m("span", { children: C("product_not_found_description") })
 				}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ m("div", {
 					className: "mt-6",
-					children: /* @__PURE__ */ g(d, {
+					children: /* @__PURE__ */ h(u, {
 						type: "button",
 						className: "gap-2",
-						onClick: J,
-						children: [/* @__PURE__ */ h(v, {
+						onClick: Ve,
+						children: [/* @__PURE__ */ m(v, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ h("span", { children: l("go_back") })]
+						}), /* @__PURE__ */ m("span", { children: C("go_back") })]
 					})
 				})
 			]
 		})
 	});
-	let Y = a(k.name, S.language, E), Ve = a(k.description, S.language, E), He = a(k.warning, S.language, E), X = typeof k.images?.[0] == "string" ? k.images[0].trim() : "", Z = ge(k.primaryImageStyle), Q = Ae(k, q), Ue = Me(k), We = Q ? ae(Q) : Ue, Ge = re(We), Ke = Be ? l("availability_checking") : x(l, Q, We), qe = Q ? u(Q) : Ue === "OUT_OF_STOCK", $ = k.productVariants ?? [], Je = $.some((e) => !!i(e, "size")) ? l("product_size_label") : l("product_variant_label"), Ye = !!B && N !== null;
-	return /* @__PURE__ */ h("div", {
+	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: X.map((e) => e.id),
+		representedVariantId: j.representedVariantId
+	}), 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__ */ g("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "flex flex-col gap-6",
-			children: [/* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ g(d, {
+				children: [/* @__PURE__ */ h(u, {
 					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: J,
-					children: [/* @__PURE__ */ h(v, {
+					onClick: Ve,
+					children: [/* @__PURE__ */ m(v, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ h("span", { children: l("go_back") })]
-				}), /* @__PURE__ */ h(be, {
-					to: F,
-					className: _(T > 0 && N ? "inline-flex" : "hidden"),
-					children: /* @__PURE__ */ g(d, {
+					}), /* @__PURE__ */ m("span", { children: C("go_back") })]
+				}), /* @__PURE__ */ m(g, {
+					to: L,
+					className: _(D > 0 && F ? "inline-flex" : "hidden"),
+					children: /* @__PURE__ */ h(u, {
 						size: "sm",
 						className: "gap-2",
-						children: [/* @__PURE__ */ h("span", { children: l("checkout_button") }), /* @__PURE__ */ h(y, {
+						children: [/* @__PURE__ */ m("span", { children: C("checkout_button") }), /* @__PURE__ */ m(y, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
 						})]
 					})
 				})]
-			}), /* @__PURE__ */ g("div", {
+			}), /* @__PURE__ */ h("div", {
 				className: "grid gap-6 lg:grid-cols-12",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "lg:col-span-7",
-					children: [/* @__PURE__ */ h("div", {
-						className: _("relative aspect-[1618/1000] overflow-hidden rounded-2xl", Z.className),
-						style: Z.style,
-						children: X ? /* @__PURE__ */ h("img", {
-							src: X,
-							alt: Y,
+					children: [/* @__PURE__ */ m("div", {
+						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__ */ h("div", {
+						}) : /* @__PURE__ */ m("div", {
 							className: "absolute inset-0 flex items-center justify-center text-slate-400",
-							children: /* @__PURE__ */ h(Ee, {
+							children: /* @__PURE__ */ m(De, {
 								className: "h-12 w-12",
 								"aria-hidden": "true"
 							})
 						})
-					}), /* @__PURE__ */ g("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "mt-5 flex flex-col gap-3",
 						children: [
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ h("div", {
 								className: "flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ h(ce, {
-									variant: Ge.variant,
-									children: /* @__PURE__ */ h("span", { children: Ke })
-								}), /* @__PURE__ */ h(he, {
-									prices: k.prices,
-									openOnHover: k.kind !== "accessory"
+								children: [/* @__PURE__ */ m(l, {
+									variant: Ye.variant,
+									children: /* @__PURE__ */ m("span", { children: Xe })
+								}), /* @__PURE__ */ m(_e, {
+									prices: j.prices,
+									openOnHover: j.kind !== "accessory"
 								})]
 							}),
-							/* @__PURE__ */ h("h1", {
+							/* @__PURE__ */ m("h1", {
 								className: "text-2xl font-semibold tracking-tight text-slate-950",
-								children: /* @__PURE__ */ h("span", { children: Y })
+								children: /* @__PURE__ */ m("span", { children: He })
 							}),
-							/* @__PURE__ */ h("p", {
+							/* @__PURE__ */ m("p", {
 								className: "text-sm text-slate-600",
-								children: /* @__PURE__ */ h("span", { children: Ve })
+								children: /* @__PURE__ */ m("span", { children: Ue })
 							}),
-							k.features?.length ? /* @__PURE__ */ g("div", {
+							j.features?.length ? /* @__PURE__ */ h("div", {
 								className: "mt-2 space-y-2",
-								children: [/* @__PURE__ */ h("p", {
+								children: [/* @__PURE__ */ m("p", {
 									className: "text-sm font-semibold text-slate-950",
-									children: /* @__PURE__ */ h("span", { children: l("product_features_title") })
-								}), /* @__PURE__ */ h("ul", {
+									children: /* @__PURE__ */ m("span", { children: C("product_features_title") })
+								}), /* @__PURE__ */ m("ul", {
 									className: "grid gap-1 text-sm text-slate-700",
-									children: k.features.map((e, t) => /* @__PURE__ */ g("li", {
+									children: j.features.map((e, t) => /* @__PURE__ */ h("li", {
 										className: "inline-flex items-start gap-2",
-										children: [/* @__PURE__ */ h(De, {
+										children: [/* @__PURE__ */ m(Oe, {
 											className: "mt-0.5 h-4 w-4 text-success",
 											"aria-hidden": "true"
-										}), /* @__PURE__ */ h("span", { children: a(e, S.language, E) })]
-									}, `${k.id}-${t}`))
+										}), /* @__PURE__ */ m("span", { children: a(e, w.language, O) })]
+									}, `${j.id}-${t}`))
 								})]
 							}) : null,
-							/* @__PURE__ */ h(me, { warning: He })
+							/* @__PURE__ */ m(ge, { warning: We })
 						]
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "lg:col-span-5",
-					children: /* @__PURE__ */ g(pe, {
+					children: /* @__PURE__ */ h(he, {
 						className: "border-slate-200 bg-white shadow-sm",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "border-b border-slate-200 px-4 py-4",
-							children: [/* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ m("p", {
 								className: "text-sm font-semibold text-slate-950",
-								children: /* @__PURE__ */ h("span", { children: l("add_to_cart_title") })
-							}), /* @__PURE__ */ h("p", {
+								children: /* @__PURE__ */ m("span", { children: C("add_to_cart_title") })
+							}), /* @__PURE__ */ m("p", {
 								className: "mt-1 text-xs text-slate-600",
-								children: /* @__PURE__ */ h("span", { children: l("add_to_cart_description") })
+								children: /* @__PURE__ */ m("span", { children: C("add_to_cart_description") })
 							})]
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ h("div", {
 							className: "grid gap-4 px-4 py-4",
 							children: [
-								N ? null : /* @__PURE__ */ h("p", {
+								F ? null : /* @__PURE__ */ m("p", {
 									role: "alert",
 									className: "text-sm text-destructive",
-									children: /* @__PURE__ */ h("span", { children: l("booking_time_slots_required") })
+									children: /* @__PURE__ */ m("span", { children: C("booking_time_slots_required") })
 								}),
-								$.length > 1 ? /* @__PURE__ */ g("div", {
+								X.length > 1 ? /* @__PURE__ */ h("div", {
 									className: "grid gap-2",
-									children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ m("p", {
 										className: "text-xs font-medium text-slate-700",
-										children: /* @__PURE__ */ h("span", { children: Je })
-									}), /* @__PURE__ */ h(ve, {
-										value: B ?? "",
-										onValueChange: V,
+										children: /* @__PURE__ */ m("span", { children: Ze })
+									}), /* @__PURE__ */ m(be, {
+										value: H ?? "",
+										onValueChange: U,
 										className: "grid gap-2",
-										children: $.map((e) => {
-											let t = `variant-${k.id}-${e.id}`.toLowerCase(), n = `storefront-product-variant-option-${k.id}-${e.id}`.toLowerCase(), { label: r, description: i } = ee(e), a = je(k, e.id, q), o = a ? u(a) : qe, s = a ? x(l, a, ae(a)) : qe ? l("availability_out_of_stock") : null;
-											return /* @__PURE__ */ g("label", {
+										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,
-												className: _("flex items-start gap-3 rounded-xl border p-3 transition", B === e.id ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white"),
-												children: [/* @__PURE__ */ h(ye, {
+												className: _("flex items-start gap-3 rounded-xl border p-3 transition", H === e.id ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white"),
+												children: [/* @__PURE__ */ m(xe, {
 													id: t,
 													value: e.id,
 													className: "mt-1"
-												}), /* @__PURE__ */ g("span", {
+												}), /* @__PURE__ */ h("span", {
 													className: "flex flex-1 flex-col gap-0.5",
 													children: [
-														/* @__PURE__ */ h("span", {
+														/* @__PURE__ */ m("span", {
 															className: "text-sm font-medium text-slate-950",
 															children: r
 														}),
-														i ? /* @__PURE__ */ h("span", {
+														i ? /* @__PURE__ */ m("span", {
 															className: "text-xs text-slate-600",
 															children: i
 														}) : null,
-														s ? /* @__PURE__ */ h("span", {
+														o ? /* @__PURE__ */ m("span", {
 															className: "pt-1",
-															children: /* @__PURE__ */ h(ce, {
-																variant: o ? "destructive" : "outline",
-																children: /* @__PURE__ */ h("span", { children: s })
+															children: /* @__PURE__ */ m(l, {
+																variant: te ? "destructive" : "outline",
+																children: /* @__PURE__ */ m("span", { children: o })
 															})
 														}) : null
 													]
@@ -296,50 +302,50 @@ function S() {
 										})
 									})]
 								}) : null,
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ h("div", {
 									className: "grid gap-2",
-									children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ m("p", {
 										className: "text-xs font-medium text-slate-700",
-										children: /* @__PURE__ */ h("span", { children: l("quantity_label") })
-									}), /* @__PURE__ */ h(fe, {
+										children: /* @__PURE__ */ m("span", { children: C("quantity_label") })
+									}), /* @__PURE__ */ m(me, {
 										type: "number",
 										min: 1,
 										max: 99,
-										value: R,
-										onChange: (e) => z(Number(e.target.value))
+										value: B,
+										onChange: (e) => V(Number(e.target.value))
 									})]
 								}),
-								/* @__PURE__ */ g(d, {
+								/* @__PURE__ */ h(u, {
 									className: "h-11 rounded-xl text-sm font-semibold gap-2",
 									onClick: () => {
-										!B || !N || (Ie({
-											kind: k.kind,
-											productId: s(k),
-											...B ? { productVariantId: B } : {},
-											quantity: H
-										}), de.success(l("product_added_to_cart_successfully", {
-											quantity: H,
-											productName: te({
-												product: k,
-												productVariantId: B,
-												language: S.language,
-												fallbackLanguage: E
+										!H || !F || (Ie({
+											kind: j.kind,
+											productId: o(j),
+											...H ? { productVariantId: H } : {},
+											quantity: W
+										}), pe.success(C("product_added_to_cart_successfully", {
+											quantity: W,
+											productName: ne({
+												product: j,
+												productVariantId: H,
+												language: w.language,
+												fallbackLanguage: O
 											})
 										})));
 									},
-									disabled: !Ye,
-									children: [/* @__PURE__ */ h("span", { children: l("add_to_cart") }), /* @__PURE__ */ h(Oe, {
+									disabled: !Qe,
+									children: [/* @__PURE__ */ m("span", { children: C("add_to_cart") }), /* @__PURE__ */ m(ke, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})]
 								}),
-								/* @__PURE__ */ h(be, {
-									to: F,
-									className: _(T > 0 && N ? "block" : "hidden"),
-									children: /* @__PURE__ */ g(d, {
+								/* @__PURE__ */ m(g, {
+									to: L,
+									className: _(D > 0 && F ? "block" : "hidden"),
+									children: /* @__PURE__ */ h(u, {
 										variant: "outline",
 										className: "h-11 w-full rounded-xl gap-2",
-										children: [/* @__PURE__ */ h("span", { children: l("go_to_checkout") }), /* @__PURE__ */ h(y, {
+										children: [/* @__PURE__ */ m("span", { children: C("go_to_checkout") }), /* @__PURE__ */ m(y, {
 											className: "h-4 w-4",
 											"aria-hidden": "true"
 										})]
@@ -354,4 +360,4 @@ function S() {
 	});
 }
 //#endregion
-export { S as default };
+export { C as default };

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutDetailsCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutDetailsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAA;AAK5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAOlD,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAElE,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAA;CACnB,CAAA;AAOD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAsHrE"}
+{"version":3,"file":"CheckoutDetailsCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutDetailsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAA;AAK5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAOlD,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAElE,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAA;CACnB,CAAA;AAOD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAwGrE"}

package/dist/pages/checkout/components/CheckoutDetailsCard.js

@@ -30,26 +30,13 @@ function h({ form: h }) {
 					children: [
 						/* @__PURE__ */ l(r, {
 							control: h.control,
-							name: "first_name",
+							name: "fullName",
 							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
-								/* @__PURE__ */ l(a, { children: g("checkout_first_name_label") }),
+								/* @__PURE__ */ l(a, { children: g("checkout_full_name_label") }),
 								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
 									...t,
-									autoComplete: "given-name",
-									placeholder: g("checkout_first_name_placeholder")
-								}) }),
-								/* @__PURE__ */ l(o, {})
-							] })
-						}),
-						/* @__PURE__ */ l(r, {
-							control: h.control,
-							name: "last_name",
-							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
-								/* @__PURE__ */ l(a, { children: g("checkout_last_name_label") }),
-								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
-									...t,
-									autoComplete: "family-name",
-									placeholder: g("checkout_last_name_placeholder")
+									autoComplete: "name",
+									placeholder: g("checkout_full_name_placeholder")
 								}) }),
 								/* @__PURE__ */ l(o, {})
 							] })

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"}