@loczer/storefront-sdk 0.194.0 → 0.196.0

package/dist/pages/ProductPage.js

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

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

@@ -1,15 +1,15 @@
 import { Button as e } from "../../../ui/button.js";
 import { Input as t } from "../../../ui/input.js";
-import { Spinner as n } from "../../../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as n } from "../../../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { cn as a } from "@rpcbase/ui";
-import { useTranslation as o } from "react-i18next";
+import { useTranslation as a } from "react-i18next";
+import { cn as o } from "@rpcbase/ui";
 import { Tag as s, X as c } from "lucide-react";
 //#region src/pages/checkout/components/CheckoutCouponCard.tsx
 function l({ className: l, code: u, appliedCode: d, discountLabel: f, message: p, error: m, loading: h, disabled: g, onCodeChange: _, onApply: v, onRemove: y }) {
-	let { t: b } = o(), x = u.trim().length > 0 && !h && !g;
+	let { t: b } = a(), x = u.trim().length > 0 && !h && !g;
 	return /* @__PURE__ */ i("div", {
-		className: a("grid gap-3 border-t border-slate-200 pt-3", l),
+		className: o("grid gap-3 border-t border-slate-200 pt-3", l),
 		children: [
 			/* @__PURE__ */ i("div", {
 				className: "flex items-center gap-2",

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

@@ -1,6 +1,6 @@
 import { Button as e } from "../../../ui/button.js";
 import { Card as t } from "../../../ui/card.js";
-import { Spinner as n } from "../../../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as n } from "../../../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as a } from "react-i18next";
 import { AlertTriangle as o } from "lucide-react";