@loczer/storefront-sdk 0.182.0 → 0.184.0

package/dist/lib/whatsapp.js

@@ -1,55 +1,28 @@
 import { getLocalizedValue as e } from "../localization.js";
+import { formatStorefrontPhoneDisplay as t } from "./storefrontContact.js";
 //#region src/lib/whatsapp.ts
-var t = (e) => e?.replace(/\D/g, "") ?? "", n = (e) => e.match(/.{1,2}/g)?.join(" ") ?? e, r = (e) => t(e.phone_href) || t(e.phone_display), i = (e) => e ? e.match(/(?:wa\.me\/|[?&]phone=)(\d+)/)?.[1] ?? "" : "", a = (e, i) => {
-	let a = t(e);
-	if (!a) return e.trim();
-	if (i?.preset && a === r(i.preset)) return i.preset.phone_display;
-	let o = i?.country?.trim().toUpperCase() ?? "";
-	if ((o === "FR" || a.startsWith("33")) && a.startsWith("33") && a.length === 11) {
-		let e = a.slice(2);
-		return `+33 (0)${e.slice(0, 1)} ${n(e.slice(1))}`;
-	}
-	return (o === "US" || o === "CA" || a.startsWith("1")) && a.startsWith("1") && a.length === 11 ? `+1 (${a.slice(1, 4)}) ${a.slice(4, 7)}-${a.slice(7)}` : e.trim();
-};
-function o(e, n) {
-	let r = t(e);
+var n = (e) => e?.replace(/\D/g, "") ?? "";
+function r(e, t) {
+	let r = n(e);
 	if (!r) return;
-	let i = n?.trim() ?? "";
+	let i = t?.trim() ?? "";
 	return `https://wa.me/${r}${i ? `?text=${encodeURIComponent(i)}` : ""}`;
 }
-function s({ preset: t, storefrontConfiguration: n, language: r }) {
-	if (!n) {
-		let e = i(t.whatsapp_href);
-		return {
-			href: t.whatsapp_href,
-			phoneDisplay: e ? a(`+${e}`, { preset: t }) : t.phone_display
-		};
-	}
-	let { content: s, shop: c } = n;
-	if (!s) {
-		let e = i(t.whatsapp_href);
-		return {
-			href: t.whatsapp_href,
-			phoneDisplay: e ? a(`+${e}`, {
-				country: c.country,
-				preset: t
-			}) : t.phone_display
-		};
-	}
-	let l = e(s?.whatsappMessage, r).trim(), u = [s.whatsappPhone1Enabled ? c.contactPhone1 : void 0, s.whatsappPhone2Enabled ? c.contactPhone2 : void 0];
-	for (let e of u) {
-		let n = o(e, l);
+function i({ storefrontConfiguration: n, language: i }) {
+	if (!n) return;
+	let { content: a, shop: o } = n;
+	if (!a) return;
+	let s = e(a?.whatsappMessage, i).trim(), c = [a.whatsappPhone1Enabled ? o.contactPhone1 : void 0, a.whatsappPhone2Enabled ? o.contactPhone2 : void 0];
+	for (let e of c) {
+		let n = r(e, s);
 		if (n) return {
 			href: n,
-			phoneDisplay: a(e ?? "", {
-				country: c.country,
-				preset: t
-			})
+			phoneDisplay: t(e ?? "", o.country)
 		};
 	}
 }
-function c(e) {
-	return s(e)?.href;
+function a(e) {
+	return i(e)?.href;
 }
 //#endregion
-export { o as buildWhatsAppHref, s as resolveStorefrontWhatsAppContact, c as resolveStorefrontWhatsAppHref };
+export { r as buildWhatsAppHref, i as resolveStorefrontWhatsAppContact, a as resolveStorefrontWhatsAppHref };

package/dist/pages/BookingPage.js

@@ -1,7 +1,7 @@
 import { applyBookingParamsToSearch as e, createBookingPeriodConfigFromStorefrontConfiguration as t, getBookingParamsFromSearch as n, getDefaultBookingParamsForStorefrontConfiguration as r, resolveBookingSearchParamsFromSessionStorage as i, writeBookingSearchParamsToSessionStorage as a } from "../lib/booking.js";
-import { useStorefrontCart as o } from "../lib/cart.js";
-import { getProductVariantAttributeValue as s, getStorefrontProductVariantDisplay as c } from "../lib/productVariants.js";
-import { getStorefrontCheckoutProductId as l } from "../lib/products.js";
+import { getProductVariantAttributeValue as o, getStorefrontProductVariantDisplay as s } from "../lib/productVariants.js";
+import { getStorefrontCheckoutProductId as c } from "../lib/products.js";
+import { useStorefrontCart as l } from "../lib/cart.js";
 import { getLocalizedValue as u } from "../localization.js";
 import { buildStorefrontCartSummary as d } from "../lib/cartSummary.js";
 import { ROUTE as f, buildStorefrontAvailabilityKey as p, getStorefrontAvailabilityIssue as ee, getStorefrontAvailabilityStatus as m, getValidStorefrontAvailabilitySchedule as h, isStorefrontAvailabilityInsufficient as te, responseSchema as ne } from "../lib/storefrontAvailability.js";
@@ -43,19 +43,19 @@ var D = (e) => String(e).padStart(2, "0"), O = "product_modal", De = (e) => `${e
 	...e,
 	fulfillment: "pickup"
 } : e, Ae = (e, t) => {
-	let n = l(e), r = e.representedVariantId?.trim();
+	let n = c(e), r = e.representedVariantId?.trim();
 	if (r) {
 		let e = t.get(p(n, r));
 		if (e) return e;
 	}
 	return t.get(p(n));
-}, je = (e, t, n) => n.get(p(l(e), t)), Me = (e, t, n) => {
+}, je = (e, t, n) => n.get(p(c(e), t)), Me = (e, t, n) => {
 	let r = ee(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 });
 }, Ne = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let e = l(n);
+		let e = c(n);
 		t.set(p(e), { productId: e });
 		for (let r of n.productVariants ?? []) t.set(p(e, r.id), {
 			productId: e,
@@ -69,21 +69,21 @@ var D = (e) => String(e).padStart(2, "0"), O = "product_modal", De = (e) => `${e
 	}
 	return Array.from(t.values());
 };
-function Pe({ product: e, selectedVariantId: t, onSelect: n, onConfirm: r, onCancel: i, getVariantAvailabilityLabel: a, isVariantOutOfCapacity: o }) {
+function Pe({ product: e, selectedVariantId: t, onSelect: n, onConfirm: r, onCancel: i, getVariantAvailabilityLabel: a, isVariantOutOfCapacity: c }) {
 	let { t: l } = Se(), u = e.productVariants ?? [];
 	return /* @__PURE__ */ w("div", {
 		className: "grid gap-3 rounded-xl border border-slate-200 bg-slate-50 p-3",
 		children: [
 			/* @__PURE__ */ C("p", {
 				className: "text-xs font-medium text-slate-700",
-				children: /* @__PURE__ */ C("span", { children: u.some((e) => !!s(e, "size")) ? l("product_size_label") : l("product_variant_label") })
+				children: /* @__PURE__ */ C("span", { children: u.some((e) => !!o(e, "size")) ? l("product_size_label") : l("product_variant_label") })
 			}),
 			/* @__PURE__ */ C(v, {
 				value: t,
 				onValueChange: n,
 				className: "grid gap-2",
 				children: u.map((n) => {
-					let r = `booking-variant-${e.id}-${n.id}`.toLowerCase(), i = `storefront-booking-variant-option-${e.id}-${n.id}`.toLowerCase(), { label: s, description: l } = c(n), u = o(n.id), d = a(n.id);
+					let r = `booking-variant-${e.id}-${n.id}`.toLowerCase(), i = `storefront-booking-variant-option-${e.id}-${n.id}`.toLowerCase(), { label: o, description: l } = s(n), u = c(n.id), d = a(n.id);
 					return /* @__PURE__ */ w("label", {
 						htmlFor: r,
 						"data-testid": i,
@@ -97,7 +97,7 @@ function Pe({ product: e, selectedVariantId: t, onSelect: n, onConfirm: r, onCan
 							children: [
 								/* @__PURE__ */ C("span", {
 									className: "text-sm font-medium text-slate-950",
-									children: s
+									children: o
 								}),
 								l ? /* @__PURE__ */ C("span", {
 									className: "text-xs text-slate-600",
@@ -139,7 +139,7 @@ function Pe({ product: e, selectedVariantId: t, onSelect: n, onConfirm: r, onCan
 	});
 }
 function j() {
-	let { t: s, i18n: c } = Se(), { storeSlug: v } = be(), y = ye(), { storefrontConfiguration: D } = oe(), j = D.workspace?.workspaceLanguage, { bikes: Fe, accessories: Ie } = ce(), { bikes: M, accessories: N } = se(), [P, F] = xe(), { items: Le, itemCount: I, addItem: Re, clear: ze, removeItem: Be, setQuantity: Ve } = o(), He = x(() => t(D), [D]), L = x(() => r(D), [D]), R = D.settings.fulfillmentModes.includes("delivery"), Ue = D.settings.deliveryDisabledReason.trim(), We = D.shop.address?.trim() ?? "", z = x(() => i(P, v), [P, v]), [B, Ge] = S(() => ke(n(z, L), R));
+	let { t: o, i18n: s } = Se(), { storeSlug: v } = be(), y = ye(), { storefrontConfiguration: D } = oe(), j = D.workspace?.workspaceLanguage, { bikes: Fe, accessories: Ie } = ce(), { bikes: M, accessories: N } = se(), [P, F] = xe(), { items: Le, itemCount: I, addItem: Re, clear: ze, removeItem: Be, setQuantity: Ve } = l(), He = x(() => t(D), [D]), L = x(() => r(D), [D]), R = D.settings.fulfillmentModes.includes("delivery"), Ue = D.settings.deliveryDisabledReason.trim(), We = D.shop.address?.trim() ?? "", z = x(() => i(P, v), [P, v]), [B, Ge] = S(() => ke(n(z, L), R));
 	b(() => {
 		Ge((e) => {
 			let t = {
@@ -208,16 +208,16 @@ function j() {
 		return n ? te(n) : e.availabilityStatus === "OUT_OF_STOCK";
 	}, Xe = (e) => (e.productVariants ?? []).length > 0, Ze = (e, t) => {
 		let n = je(e, t, H);
-		return n ? Me(s, n, m(n)) : e.availabilityStatus === "OUT_OF_STOCK" ? s("availability_out_of_stock") : null;
+		return n ? Me(o, n, m(n)) : e.availabilityStatus === "OUT_OF_STOCK" ? o("availability_out_of_stock") : null;
 	}, Qe = ge(v), $e = x(() => ({
-		startDate: s("booking_start_date"),
-		pickStartDate: s("booking_start_date"),
-		startTime: s("booking_start_time"),
-		endDate: s("booking_end_date"),
-		pickEndDate: s("booking_end_date"),
-		endTime: s("booking_end_time"),
-		selectedDaysTooltip: ({ count: e }) => s("booking_selected_days_tooltip", { count: e })
-	}), [c.language, s]), U = (e) => {
+		startDate: o("booking_start_date"),
+		pickStartDate: o("booking_start_date"),
+		startTime: o("booking_start_time"),
+		endDate: o("booking_end_date"),
+		pickEndDate: o("booking_end_date"),
+		endTime: o("booking_end_time"),
+		selectedDaysTooltip: ({ count: e }) => o("booking_selected_days_tooltip", { count: e })
+	}), [s.language, o]), U = (e) => {
 		Ge((t) => {
 			let n = {
 				...t,
@@ -241,10 +241,10 @@ function j() {
 		bookingPeriodConfig: He,
 		fetchTimeSlots: Qe,
 		labels: $e,
-		localeCode: c.language
+		localeCode: s.language
 	}, W = x(() => d({
 		items: Le,
-		language: c.language,
+		language: s.language,
 		fallbackLanguage: j,
 		products: {
 			bikes: Fe,
@@ -253,7 +253,7 @@ function j() {
 	}), [
 		Ie,
 		Fe,
-		c.language,
+		s.language,
 		Le,
 		j
 	]), G = x(() => W.lines.map((e) => ({
@@ -320,7 +320,7 @@ function j() {
 	}, $ = (e, t, n = 1) => {
 		Re({
 			kind: e.kind,
-			productId: l(e),
+			productId: c(e),
 			...t ? { productVariantId: t } : {},
 			quantity: n
 		});
@@ -363,7 +363,7 @@ function j() {
 						children: [/* @__PURE__ */ C(Ce, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ C("span", { children: s("back_to_home") })]
+						}), /* @__PURE__ */ C("span", { children: o("back_to_home") })]
 					}), /* @__PURE__ */ C(E, {
 						to: q,
 						className: T(I > 0 ? "inline-flex" : "hidden"),
@@ -373,7 +373,7 @@ function j() {
 							children: [/* @__PURE__ */ C(Ee, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ C("span", { children: s("checkout_button") })]
+							}), /* @__PURE__ */ C("span", { children: o("checkout_button") })]
 						})
 					})]
 				}),
@@ -389,7 +389,7 @@ function j() {
 									children: [
 										/* @__PURE__ */ C(_, {
 											stepNumber: 1,
-											title: s("booking_summary_title")
+											title: o("booking_summary_title")
 										}),
 										/* @__PURE__ */ C(ie, {
 											...et,
@@ -416,10 +416,10 @@ function j() {
 									className: "space-y-2 scroll-mt-32",
 									children: [/* @__PURE__ */ C(_, {
 										stepNumber: 2,
-										title: s("products_title")
+										title: o("products_title")
 									}), /* @__PURE__ */ C("p", {
 										className: "text-sm text-slate-600",
-										children: /* @__PURE__ */ C("span", { children: s("products_description") })
+										children: /* @__PURE__ */ C("span", { children: o("products_description") })
 									})]
 								}),
 								/* @__PURE__ */ C("div", {
@@ -443,16 +443,16 @@ function j() {
 									className: "space-y-2 pt-4",
 									children: [/* @__PURE__ */ C(_, {
 										stepNumber: 3,
-										title: s("accessories_title")
+										title: o("accessories_title")
 									}), /* @__PURE__ */ C("p", {
 										className: "text-sm text-slate-600",
-										children: /* @__PURE__ */ C("span", { children: s("accessories_description") })
+										children: /* @__PURE__ */ C("span", { children: o("accessories_description") })
 									})]
 								}),
 								/* @__PURE__ */ C("div", {
 									className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
 									children: N.map((e) => {
-										let t = u(e.name, c.language, j), n = u(e.description, c.language, j), r = u(e.warning, c.language, j), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = pe(e.primaryImageStyle), o = `/${v ?? ""}/products/${e.slug}`, l = A(e), d = X(e), f = m(Ae(e, H)) === "OUT_OF_STOCK", p = !!l || Xe(e);
+										let t = u(e.name, s.language, j), n = u(e.description, s.language, j), r = u(e.warning, s.language, j), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = pe(e.primaryImageStyle), c = `/${v ?? ""}/products/${e.slug}`, l = A(e), d = X(e), f = m(Ae(e, H)) === "OUT_OF_STOCK", p = !!l || Xe(e);
 										return /* @__PURE__ */ C(le, {
 											className: "h-full border-slate-200 bg-white shadow-sm",
 											children: /* @__PURE__ */ w("div", {
@@ -475,7 +475,7 @@ function j() {
 														}), f ? /* @__PURE__ */ C(re, {
 															variant: "destructive",
 															className: "pointer-events-none absolute right-2 top-2 shadow-sm",
-															children: /* @__PURE__ */ C("span", { children: s("availability_out_of_stock") })
+															children: /* @__PURE__ */ C("span", { children: o("availability_out_of_stock") })
 														}) : null]
 													}),
 													/* @__PURE__ */ w("div", {
@@ -516,17 +516,17 @@ function j() {
 													/* @__PURE__ */ w("div", {
 														className: "mt-auto flex items-center gap-2",
 														children: [/* @__PURE__ */ C(E, {
-															to: o,
+															to: c,
 															state: J,
 															className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-															children: /* @__PURE__ */ C("span", { children: s("product_details_link") })
+															children: /* @__PURE__ */ C("span", { children: o("product_details_link") })
 														}), /* @__PURE__ */ w(g, {
 															type: "button",
 															size: "sm",
 															className: "ml-auto rounded-full gap-2",
 															onClick: () => mt(e),
 															disabled: !p,
-															children: [/* @__PURE__ */ C("span", { children: s("add_to_cart") }), /* @__PURE__ */ C(we, {
+															children: [/* @__PURE__ */ C("span", { children: o("add_to_cart") }), /* @__PURE__ */ C(we, {
 																className: "h-4 w-4",
 																"aria-hidden": "true"
 															})]

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../src/pages/HomePage.tsx"],"names":[],"mappings":"AA6GA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CA2qB/B"}
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../src/pages/HomePage.tsx"],"names":[],"mappings":"AA6GA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CA8qB/B"}