@loczer/storefront-sdk 0.187.0 → 0.189.0

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

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

package/dist/pages/ProductPage.js

@@ -64,53 +64,56 @@ function T() {
 		M,
 		j,
 		D
-	]), P = g(() => t(O, E), [O, E]), F = g(() => e(P), [P]), I = P.toString(), L = `/${E ?? ""}/checkout${I ? `?${I}` : ""}`, R = `/${E ?? ""}`, Ae = R, z = Ee.state, je = typeof z?.backTo == "string" && z.backTo.startsWith(R) ? z.backTo : Ae, [B, V] = _(1), [H, U] = _(() => C(N)), W = Number.isFinite(B) ? Math.max(1, Math.min(99, Math.floor(B))) : 1, G = g(() => Se(N, W), [W, N]), [K, q] = _([]), [Me, J] = _(!1);
+	]), P = g(() => t(O, E), [O, E]), F = g(() => e(P, {
+		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 (V(1), !N) {
-			U(null);
+		if (H(1), !N) {
+			W(null);
 			return;
 		}
-		U(C(N));
+		W(C(N));
 	}, [D, N]), h(() => {
 		n(E, P);
 	}, [P, E]), h(() => {
-		if (!E || G.length === 0) {
-			q([]), J(!1);
+		if (!E || K.length === 0) {
+			J([]), Y(!1);
 			return;
 		}
-		let e = te(F);
-		if (!e) {
-			J(!1);
+		if (!I) {
+			J([]), Y(!1);
 			return;
 		}
-		let t = !1;
-		return J(!0), q([]), (async () => {
+		let e = !1;
+		return Y(!0), J([]), (async () => {
 			try {
-				let n = await de(ee, {
+				let t = await de(ee, {
 					storeSlug: E,
-					schedule: e,
-					products: G
-				}), r = ne.parse(n);
-				if (t) return;
-				q(r.success ? r.availability ?? [] : []);
-			} catch (e) {
-				if (t) return;
-				console.error("Failed to load storefront product availability", e), q([]);
+					schedule: I,
+					products: K
+				}), n = ne.parse(t);
+				if (e) return;
+				J(n.success ? n.availability ?? [] : []);
+			} catch (t) {
+				if (e) return;
+				console.error("Failed to load storefront product availability", t), J([]);
 			} finally {
-				t || J(!1);
+				e || Y(!1);
 			}
 		})(), () => {
-			t = !0;
+			e = !0;
 		};
 	}, [
-		G,
+		K,
+		I,
 		F.end_date,
 		F.end_time,
 		F.start_date,
 		F.start_time,
 		E
 	]);
-	let Y = g(() => new Map(K.map((e) => [u(e.productId, e.productVariantId), e])), [K]), Ne = () => {
+	let Ne = g(() => new Map(q.map((e) => [u(e.productId, e.productVariantId), e])), [q]), Pe = () => {
 		De(je);
 	};
 	if (!N) return /* @__PURE__ */ v("div", {
@@ -131,7 +134,7 @@ function T() {
 					children: /* @__PURE__ */ y(m, {
 						type: "button",
 						className: "gap-2",
-						onClick: Ne,
+						onClick: Pe,
 						children: [/* @__PURE__ */ v(x, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
@@ -141,7 +144,7 @@ function T() {
 			]
 		})
 	});
-	let Pe = l(N.name, T.language, A), Fe = l(N.description, T.language, A), Ie = l(N.warning, T.language, A), Le = typeof N.images?.[0] == "string" ? N.images[0].trim() : "", X = ue(N.primaryImageStyle), Z = Ce(N, Y), Re = Te(N), ze = Z ? f(Z) : Re, Be = c(ze), Ve = Me ? d("availability_checking") : w(d, Z, ze), Q = Z ? p(Z) : Re === "OUT_OF_STOCK", $ = N.productVariants ?? [], He = $.some((e) => !!r(e, "size")) ? d("product_size_label") : d("product_variant_label"), Ue = !!H;
+	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", {
 		className: "mx-auto max-w-7xl px-4 py-8 sm:px-6",
 		children: /* @__PURE__ */ y("div", {
@@ -152,14 +155,14 @@ function T() {
 					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: Ne,
+					onClick: Pe,
 					children: [/* @__PURE__ */ v(x, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					}), /* @__PURE__ */ v("span", { children: d("go_back") })]
 				}), /* @__PURE__ */ v(me, {
-					to: L,
-					className: b(k > 0 ? "inline-flex" : "hidden"),
+					to: R,
+					className: b(k > 0 && I ? "inline-flex" : "hidden"),
 					children: /* @__PURE__ */ y(m, {
 						size: "sm",
 						className: "gap-2",
@@ -174,11 +177,11 @@ function T() {
 				children: [/* @__PURE__ */ y("div", {
 					className: "lg:col-span-7",
 					children: [/* @__PURE__ */ v("div", {
-						className: b("relative aspect-[1618/1000] overflow-hidden rounded-2xl", X.className),
-						style: X.style,
-						children: Le ? /* @__PURE__ */ v("img", {
-							src: Le,
-							alt: Pe,
+						className: b("relative aspect-[1618/1000] overflow-hidden rounded-2xl", Re.className),
+						style: Re.style,
+						children: X ? /* @__PURE__ */ v("img", {
+							src: X,
+							alt: Fe,
 							className: "absolute inset-0 h-full w-full object-contain p-2",
 							loading: "lazy"
 						}) : /* @__PURE__ */ v("div", {
@@ -194,17 +197,17 @@ function T() {
 							/* @__PURE__ */ y("div", {
 								className: "flex flex-wrap items-center gap-2",
 								children: [/* @__PURE__ */ v(re, {
-									variant: Be.variant,
-									children: /* @__PURE__ */ v("span", { children: Ve })
+									variant: Ve.variant,
+									children: /* @__PURE__ */ v("span", { children: He })
 								}), /* @__PURE__ */ v(le, { prices: N.prices })]
 							}),
 							/* @__PURE__ */ v("h1", {
 								className: "text-2xl font-semibold tracking-tight text-slate-950",
-								children: /* @__PURE__ */ v("span", { children: Pe })
+								children: /* @__PURE__ */ v("span", { children: Fe })
 							}),
 							/* @__PURE__ */ v("p", {
 								className: "text-sm text-slate-600",
-								children: /* @__PURE__ */ v("span", { children: Fe })
+								children: /* @__PURE__ */ v("span", { children: Ie })
 							}),
 							N.features?.length ? /* @__PURE__ */ y("div", {
 								className: "mt-2 space-y-2",
@@ -222,7 +225,7 @@ function T() {
 									}, `${N.id}-${t}`))
 								})]
 							}) : null,
-							/* @__PURE__ */ v(ce, { warning: Ie })
+							/* @__PURE__ */ v(ce, { warning: Le })
 						]
 					})]
 				}), /* @__PURE__ */ v("div", {
@@ -241,21 +244,26 @@ function T() {
 						}), /* @__PURE__ */ y("div", {
 							className: "grid gap-4 px-4 py-4",
 							children: [
+								I ? null : /* @__PURE__ */ v("p", {
+									role: "alert",
+									className: "text-sm text-destructive",
+									children: /* @__PURE__ */ v("span", { children: d("booking_time_slots_required") })
+								}),
 								$.length > 1 ? /* @__PURE__ */ y("div", {
 									className: "grid gap-2",
 									children: [/* @__PURE__ */ v("p", {
 										className: "text-xs font-medium text-slate-700",
-										children: /* @__PURE__ */ v("span", { children: He })
+										children: /* @__PURE__ */ v("span", { children: Ue })
 									}), /* @__PURE__ */ v(fe, {
-										value: H ?? "",
-										onValueChange: U,
+										value: U ?? "",
+										onValueChange: W,
 										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, Y), s = o ? p(o) : Q, c = o ? w(d, o, f(o)) : Q ? d("availability_out_of_stock") : null;
+											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", {
 												htmlFor: t,
 												"data-testid": n,
-												className: b("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"),
+												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, {
 													id: t,
 													value: e.id,
@@ -293,29 +301,29 @@ function T() {
 										type: "number",
 										min: 1,
 										max: 99,
-										value: B,
-										onChange: (e) => V(Number(e.target.value))
+										value: V,
+										onChange: (e) => H(Number(e.target.value))
 									})]
 								}),
 								/* @__PURE__ */ y(m, {
 									className: "h-11 rounded-xl text-sm font-semibold gap-2",
 									onClick: () => {
-										H && Oe({
+										!U || !I || Oe({
 											kind: N.kind,
 											productId: o(N),
-											...H ? { productVariantId: H } : {},
-											quantity: W
+											...U ? { productVariantId: U } : {},
+											quantity: G
 										});
 									},
-									disabled: !Ue,
+									disabled: !We,
 									children: [/* @__PURE__ */ v("span", { children: d("add_to_cart") }), /* @__PURE__ */ v(S, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})]
 								}),
 								/* @__PURE__ */ v(me, {
-									to: L,
-									className: b(k > 0 ? "block" : "hidden"),
+									to: R,
+									className: b(k > 0 && I ? "block" : "hidden"),
 									children: /* @__PURE__ */ y(m, {
 										variant: "outline",
 										className: "h-11 w-full rounded-xl gap-2",