@loczer/storefront-sdk 0.161.0 → 0.163.0

package/dist/lib/checkoutSubmit.d.ts

@@ -26,7 +26,7 @@ export declare const requestBaseSchema: z.ZodObject<{
     customer: z.ZodObject<{
         fullName: z.ZodString;
         email: z.ZodString;
-        phone: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
+        phone: z.ZodString;
         notes: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
     }, z.core.$strip>;
     items: z.ZodArray<z.ZodObject<{
@@ -60,7 +60,7 @@ export declare const requestSchema: z.ZodObject<{
     customer: z.ZodObject<{
         fullName: z.ZodString;
         email: z.ZodString;
-        phone: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
+        phone: z.ZodString;
         notes: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
     }, z.core.$strip>;
     items: z.ZodArray<z.ZodObject<{

package/dist/lib/checkoutSubmit.js

@@ -27,7 +27,7 @@ const x = "/api/public/storefront/checkout/submit", n = t.object({
   customer: t.object({
     fullName: t.string().trim().min(2),
     email: t.string().trim().email(),
-    phone: t.string().trim().min(6).optional().or(t.literal("")),
+    phone: t.string().trim().min(6),
     notes: t.string().trim().max(2e3).optional().or(t.literal(""))
   }),
   items: t.array(n).min(1),

package/dist/lib/pricing.js

@@ -1,4 +1,4 @@
-import { calculatePriceForQuantity as g } from "../chunks/booking-engine/dist/utils/pricing-DcnUXaeI.js";
+import { calculatePriceForQuantity as D } from "../chunks/booking-engine/dist/utils/pricing-CYLeWtmu.js";
 import { formatPriceMinor as d } from "./utils.js";
 const f = "EUR", b = 8, p = (t) => [...t].sort((r, i) => r.quantity - i.quantity), P = (t) => t.find((r) => r.currency?.trim())?.currency?.trim() || f, F = (t) => Math.abs(t) % 100 !== 0 ? {} : {
   minimumFractionDigits: 0,
@@ -17,7 +17,7 @@ function Q(t, r) {
   const i = m(t);
   if (i.length === 0) return null;
   try {
-    return g(i, r, "day");
+    return D(i, r, "day");
   } catch {
     return null;
   }
@@ -38,7 +38,7 @@ function E(t, r) {
 function I(t, r, i) {
   const n = m(t), a = P(n);
   return n.map((c, e) => {
-    const o = e > 0 ? n[e - 1] : void 0, s = o?.quantity ?? 0, D = o?.value ?? 0, l = c.quantity - s, y = c.value - D;
+    const o = e > 0 ? n[e - 1] : void 0, s = o?.quantity ?? 0, g = o?.value ?? 0, l = c.quantity - s, y = c.value - g;
     return l <= 0 || y < 0 ? u(c.value, r, { currency: a }) : `${u(y, r, { currency: a })} / ${_(l, r, i)}`;
   });
 }

package/dist/lib/products.d.ts

@@ -7,6 +7,13 @@ export type AccessoryProduct = StorefrontPublicAccessoryProduct & {
     kind: "accessory";
 };
 export type StorefrontProduct = BikeProduct | AccessoryProduct;
+export declare const CATALOG_PRODUCT_BASE_RATE_UNSET = -1;
+export type CatalogProductSortPriceUnit = StorefrontPublicProductPrice["unit"];
+export type CatalogProductSortField = "kind" | "assetRelScore" | "baseHourlyRateMinor" | "baseHalfDayRateMinor" | "baseDailyRateMinor" | "baseWeeklyRateMinor" | "baseMonthlyRateMinor" | "externalId";
+export type CatalogProductPaginationSort = Array<{
+    field: CatalogProductSortField;
+    order: "asc" | "desc";
+}>;
 type SortableStorefrontProduct = {
     id: string;
     prices?: StorefrontPublicProductPrice[];
@@ -15,6 +22,16 @@ type SortableStorefrontProduct = {
 type SortableStorefrontBikeProduct = SortableStorefrontProduct & {
     kind?: StorefrontPublicBikeProduct["kind"];
 };
+type SortableCatalogProduct = {
+    id?: string;
+    externalId?: string;
+    kind?: string;
+    prices?: StorefrontPublicProductPrice[];
+    assetRelScore?: number;
+};
+export type CatalogProductSortOptions = {
+    priceUnit?: CatalogProductSortPriceUnit;
+};
 export type StorefrontProductsCollections = {
     bikes: BikeProduct[];
     accessories: AccessoryProduct[];
@@ -24,9 +41,13 @@ export declare const buildStorefrontProductSlug: ({ id, productShortCode, name,
     productShortCode?: string | null;
     name?: LocalizedString;
 }) => string;
+export declare function getCatalogProductSortFieldForPriceUnit(unit: CatalogProductSortPriceUnit): CatalogProductSortField;
+export declare function getCatalogProductPaginationSort(priceUnit: CatalogProductSortPriceUnit): CatalogProductPaginationSort;
+export declare function getCatalogProductBaseRateMinor(prices: StorefrontPublicProductPrice[] | undefined, priceUnit?: CatalogProductSortPriceUnit): number;
 export declare function getStorefrontBaseDailyRateMinor(prices: StorefrontPublicProductPrice[] | undefined): number;
-export declare function compareStorefrontBikeProducts<T extends SortableStorefrontBikeProduct>(left: T, right: T): number;
-export declare function compareStorefrontAccessoryProducts<T extends SortableStorefrontProduct>(left: T, right: T): number;
+export declare function compareCatalogProducts<T extends SortableCatalogProduct>(left: T, right: T, options?: CatalogProductSortOptions): number;
+export declare function compareStorefrontBikeProducts<T extends SortableStorefrontBikeProduct>(left: T, right: T, options?: CatalogProductSortOptions): number;
+export declare function compareStorefrontAccessoryProducts<T extends SortableStorefrontProduct>(left: T, right: T, options?: CatalogProductSortOptions): number;
 export declare const toStorefrontBikeProducts: (bikes: StorefrontPublicBikeProduct[]) => BikeProduct[];
 export declare const toStorefrontAccessoryProducts: (accessories: StorefrontPublicAccessoryProduct[]) => AccessoryProduct[];
 export declare const findStorefrontProduct: (id: string, products: StorefrontProductsCollections) => StorefrontProduct | null;

package/dist/lib/products.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../src/lib/products.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gCAAgC,EAChC,2BAA2B,EAC3B,4BAA4B,EAC7B,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,2BAA2B,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AACjG,MAAM,MAAM,gBAAgB,GAAG,gCAAgC,GAAG;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAAA;AACvF,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAA;AAI9D,KAAK,yBAAyB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,4BAA4B,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,KAAK,6BAA6B,GAAG,yBAAyB,GAAG;IAC/D,IAAI,CAAC,EAAE,2BAA2B,CAAC,MAAM,CAAC,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,EAAE,gBAAgB,EAAE,CAAA;CAChC,CAAA;AAsBD,eAAO,MAAM,0BAA0B,GAAI,iCAIxC;IACD,EAAE,EAAE,MAAM,CAAA;IACV,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,KAAG,MAMH,CAAA;AAED,wBAAgB,+BAA+B,CAAC,MAAM,EAAE,4BAA4B,EAAE,GAAG,SAAS,GAAG,MAAM,CAG1G;AAED,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,6BAA6B,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,CAehH;AAED,wBAAgB,kCAAkC,CAAC,CAAC,SAAS,yBAAyB,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,CAQjH;AAED,eAAO,MAAM,wBAAwB,GAAI,OAAO,2BAA2B,EAAE,KAAG,WAAW,EAK1F,CAAA;AAED,eAAO,MAAM,6BAA6B,GACxC,aAAa,gCAAgC,EAAE,KAC9C,gBAAgB,EAKlB,CAAA;AAED,eAAO,MAAM,qBAAqB,GAChC,IAAI,MAAM,EACV,UAAU,6BAA6B,KACtC,iBAAiB,GAAG,IAKtB,CAAA;AAED,eAAO,MAAM,2BAA2B,GACtC,MAAM,MAAM,EACZ,UAAU,6BAA6B,KACtC,iBAAiB,GAAG,IAKtB,CAAA;AAED,eAAO,MAAM,8BAA8B,GAAI,SAAS,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,mBAAmB,CAAC,KAAG,MAC7D,CAAA;AAEjD,eAAO,MAAM,iCAAiC,GAC5C,SAAS,IAAI,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,KACvD,MAAM,GAAG,SAGX,CAAA"}
+{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../src/lib/products.ts"],"names":[],"mappings":"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"}

package/dist/lib/products.js

@@ -1,58 +1,91 @@
-const u = /[\u0300-\u036f]/g, d = /[^a-z0-9]+/g, l = /^-+|-+$/g, i = (e) => e.normalize("NFKD").replace(u, "").toLowerCase().replace(d, "-").replace(l, ""), f = (e) => {
+const P = -1, k = {
+  hour: "baseHourlyRateMinor",
+  half_day: "baseHalfDayRateMinor",
+  day: "baseDailyRateMinor",
+  week: "baseWeeklyRateMinor",
+  month: "baseMonthlyRateMinor"
+}, S = /[\u0300-\u036f]/g, b = /[^a-z0-9]+/g, R = /^-+|-+$/g, s = (e) => e.normalize("NFKD").replace(S, "").toLowerCase().replace(b, "-").replace(R, ""), y = (e) => {
   const t = e?.en?.value.trim();
   return t || (Object.values(e ?? {}).find((r) => r.value.trim().length > 0)?.value.trim() ?? "");
-}, S = ({
+}, m = ({
   id: e,
   productShortCode: t,
   name: r
 }) => {
-  const o = i(typeof t == "string" ? t.trim() : ""), n = i(f(r)), c = i(e);
-  return `product-${[o, n].filter((a) => a.length > 0).join("-") || c || "item"}`;
-};
-function s(e) {
-  const t = e?.find((r) => r.unit === "day" && r.quantity === 1);
-  return t ? t.value : -1;
+  const o = s(typeof t == "string" ? t.trim() : ""), n = s(y(r)), c = s(e);
+  return `product-${[o, n].filter((i) => i.length > 0).join("-") || c || "item"}`;
+}, u = (e) => e === "e-bike" ? 0 : e === "bike" ? 1 : e === "accessory" ? 2 : 3, l = (e) => e.externalId?.trim() || e.id?.trim() || "";
+function g(e) {
+  return k[e];
+}
+function _(e) {
+  return [
+    { field: "kind", order: "desc" },
+    { field: "assetRelScore", order: "desc" },
+    { field: g(e), order: "desc" },
+    { field: "externalId", order: "asc" }
+  ];
+}
+function d(e, t = "day") {
+  const r = e?.find((o) => o.unit === t && o.quantity === 1);
+  return r ? r.value : -1;
+}
+function p(e) {
+  return d(e, "day");
+}
+function f(e, t, r = {}) {
+  const o = u(e.kind), n = u(t.kind);
+  if (o !== n)
+    return o - n;
+  const c = (t.assetRelScore ?? 0) - (e.assetRelScore ?? 0);
+  if (c !== 0) return c;
+  const a = r.priceUnit ?? "day", i = d(t.prices, a) - d(e.prices, a);
+  return i !== 0 ? i : l(e).localeCompare(l(t));
 }
-function b(e, t) {
-  const r = e.kind === "e-bike" ? "e-bike" : "bike", o = t.kind === "e-bike" ? "e-bike" : "bike";
-  if (r !== o)
-    return r === "e-bike" ? -1 : 1;
-  const n = (t.assetRelScore ?? 0) - (e.assetRelScore ?? 0);
-  if (n !== 0) return n;
-  const c = s(t.prices) - s(e.prices);
-  return c !== 0 ? c : e.id.localeCompare(t.id);
+function A(e, t, r = {}) {
+  return f(
+    { ...e, kind: e.kind === "e-bike" ? "e-bike" : "bike" },
+    { ...t, kind: t.kind === "e-bike" ? "e-bike" : "bike" },
+    r
+  );
 }
-function m(e, t) {
-  const r = (t.assetRelScore ?? 0) - (e.assetRelScore ?? 0);
-  if (r !== 0) return r;
-  const o = s(t.prices) - s(e.prices);
-  return o !== 0 ? o : e.id.localeCompare(t.id);
+function C(e, t, r = {}) {
+  return f(
+    { ...e, kind: "accessory" },
+    { ...t, kind: "accessory" },
+    r
+  );
 }
-const p = (e) => e.map((t) => ({
+const E = (e) => e.map((t) => ({
   ...t,
   kind: t.kind === "e-bike" ? "e-bike" : "bike"
-})), R = (e) => e.map((t) => ({
+})), T = (e) => e.map((t) => ({
   ...t,
   kind: "accessory"
-})), E = (e, t) => {
+})), I = (e, t) => {
   const r = t.bikes.find((n) => n.id === e);
   return r || (t.accessories.find((n) => n.id === e) ?? null);
-}, y = (e, t) => {
+}, M = (e, t) => {
   const r = t.bikes.find((n) => n.slug === e);
   return r || (t.accessories.find((n) => n.slug === e) ?? null);
-}, A = (e) => e.checkoutProductId?.trim() || e.id, P = (e) => {
+}, B = (e) => e.checkoutProductId?.trim() || e.id, D = (e) => {
   const t = e.representedVariantId?.trim();
   return t || void 0;
 };
 export {
-  S as buildStorefrontProductSlug,
-  m as compareStorefrontAccessoryProducts,
-  b as compareStorefrontBikeProducts,
-  E as findStorefrontProduct,
-  y as findStorefrontProductBySlug,
-  s as getStorefrontBaseDailyRateMinor,
-  A as getStorefrontCheckoutProductId,
-  P as getStorefrontRepresentedVariantId,
-  R as toStorefrontAccessoryProducts,
-  p as toStorefrontBikeProducts
+  P as CATALOG_PRODUCT_BASE_RATE_UNSET,
+  m as buildStorefrontProductSlug,
+  f as compareCatalogProducts,
+  C as compareStorefrontAccessoryProducts,
+  A as compareStorefrontBikeProducts,
+  I as findStorefrontProduct,
+  M as findStorefrontProductBySlug,
+  d as getCatalogProductBaseRateMinor,
+  _ as getCatalogProductPaginationSort,
+  g as getCatalogProductSortFieldForPriceUnit,
+  p as getStorefrontBaseDailyRateMinor,
+  B as getStorefrontCheckoutProductId,
+  D as getStorefrontRepresentedVariantId,
+  T as toStorefrontAccessoryProducts,
+  E as toStorefrontBikeProducts
 };

package/dist/pages/BookingPage.js

@@ -431,7 +431,7 @@ function ua() {
               pe,
               {
                 className: "border-slate-200 bg-white shadow-sm",
-                children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-3 p-4", children: [
+                children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-2 p-3", children: [
                   /* @__PURE__ */ i(
                     "div",
                     {

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPage.tsx"],"names":[],"mappings":"AAuGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA6lBnC"}
+{"version":3,"file":"CheckoutPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPage.tsx"],"names":[],"mappings":"AAsGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA2lBnC"}

package/dist/pages/CheckoutPage.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
 import { useState as c, useMemo as u, useEffect as E } from "react";
 import { toast as Z } from "@rpcbase/client";
 import { useForm as Ye, zodResolver as et } from "@rpcbase/form";
@@ -17,12 +17,11 @@ import { useStorefront as kt, useStorefrontProducts as Ct } from "../StorefrontP
 import { BookingFlowSteps as vt } from "../components/BookingFlowSteps/index.js";
 import { Button as xe } from "../ui/button.js";
 import { CheckoutDetailsCard as St } from "./checkout/components/CheckoutDetailsCard.js";
-import { CheckoutCouponCard as Mt } from "./checkout/components/CheckoutCouponCard.js";
-import { CheckoutPaymentSummaryCard as xt } from "./checkout/components/CheckoutPaymentSummaryCard.js";
-import { CheckoutSummaryColumn as Pt } from "./checkout/components/CheckoutSummaryColumn.js";
-import { FulfillmentSection as Tt } from "../components/FulfillmentSection/index.js";
-import { checkoutFormSchema as At } from "./checkout/types.js";
-const Pe = 0.2, Dt = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (o, r, p) => {
+import { CheckoutPaymentSummaryCard as Mt } from "./checkout/components/CheckoutPaymentSummaryCard.js";
+import { CheckoutSummaryColumn as xt } from "./checkout/components/CheckoutSummaryColumn.js";
+import { FulfillmentSection as Pt } from "../components/FulfillmentSection/index.js";
+import { checkoutFormSchema as Tt } from "./checkout/types.js";
+const Pe = 0.2, At = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (o, r, p) => {
   try {
     return new Intl.NumberFormat(p, {
       style: "currency",
@@ -41,7 +40,7 @@ const Pe = 0.2, Dt = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (
   } catch {
     return `${Math.round(o * 100)}%`;
   }
-}, wt = (o, r, p) => {
+}, Dt = (o, r, p) => {
   const S = {
     dateStyle: "medium",
     timeStyle: "short"
@@ -53,14 +52,14 @@ const Pe = 0.2, Dt = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (
     }
   return new Intl.DateTimeFormat(r, S).format(o);
 };
-function to() {
+function Yt() {
   const { t: o, i18n: r } = at(), { storefrontConfiguration: p } = kt(), S = p.workspace?.workspaceLanguage, { bikes: G, accessories: J } = Ct(), { storeSlug: s } = tt(), [M, Ae] = ot(), De = nt(), { items: X, itemCount: we, setQuantity: Ie, removeItem: Le, clear: Re } = bt(), [U, Y] = c(!1), [l, T] = c(null), [ee, $] = c(!1), [te, A] = c(null), oe = M.get("coupon") ?? M.get("code") ?? "", [ne, B] = c(oe), [ae, re] = c(oe.trim()), [f, x] = c(null), [se, D] = c(null), [ie, O] = c(!1), [Ne, b] = c(null), [le, k] = c(null), [V, ce] = c(!1), ue = u(
     () => ht(M, s),
     [M, s]
   ), w = p.settings.fulfillmentModes.includes("delivery"), de = p.settings.deliveryDisabledReason.trim(), Ee = w || de.length > 0, Fe = p.shop.address?.trim() ?? "", t = u(() => {
     const e = ft(ue);
     return e.fulfillment === "delivery" && !w ? { ...e, fulfillment: "pickup" } : e;
-  }, [ue, w]), Ue = u(() => gt(t), [t]), me = u(() => yt(t), [t]), pe = u(() => Dt(me), [me]), d = u(
+  }, [ue, w]), Ue = u(() => gt(t), [t]), me = u(() => yt(t), [t]), pe = u(() => At(me), [me]), d = u(
     () => _t({
       items: X,
       language: r.language,
@@ -97,9 +96,9 @@ function to() {
             },
             products: q
           }
-        ), a = mt.parse(i);
+        ), n = mt.parse(i);
         if (e) return;
-        I(a.success ? a.availability ?? [] : []);
+        I(n.success ? n.availability ?? [] : []);
       } catch (i) {
         if (e) return;
         console.error("Failed to load checkout cart availability", i), I([]);
@@ -126,11 +125,11 @@ function to() {
     () => ({
       ...d,
       lines: d.lines.map((e) => {
-        const i = fe.get(ve(e.checkoutProductId, e.productVariantId)), a = i ? pt(i) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+        const i = fe.get(ve(e.checkoutProductId, e.productVariantId)), n = i ? pt(i) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
         return {
           ...e,
-          insufficientCapacity: !K && a !== void 0,
-          availabilityIssue: K ? void 0 : a
+          insufficientCapacity: !K && n !== void 0,
+          availabilityIssue: K ? void 0 : n
         };
       })
     }),
@@ -144,15 +143,15 @@ function to() {
     })),
     [d.lines]
   ), $e = d.estimatedTotalMinor ?? d.totalPerDayMinor, v = se?.totalMinor ?? $e, P = f?.discountAmountMinor ?? 0, R = Se(new URLSearchParams(), t).toString(), j = `/${s ?? ""}/booking${R ? `?${R}` : ""}`, Be = `/${s ?? ""}/checkout${R ? `?${R}` : ""}`, ge = Ye({
-    resolver: et(At),
+    resolver: et(Tt),
     defaultValues: { full_name: "", email: "", phone: "", notes: "" }
   });
   E(() => {
     Me(s, t);
   }, [t, s]);
   const H = (e) => {
-    const i = { ...t, ...e }, a = Se(M, i);
-    Ae(a, { replace: !0 }), Me(s, a);
+    const i = { ...t, ...e }, n = Se(M, i);
+    Ae(n, { replace: !0 }), Me(s, n);
   };
   E(() => {
     if (!s || C.length === 0) {
@@ -160,7 +159,7 @@ function to() {
       return;
     }
     const e = ae.trim(), i = e.length === 0 && !V;
-    let a = !1;
+    let n = !1;
     return O(!0), k(null), b(null), (async () => {
       try {
         const W = await F(
@@ -178,7 +177,7 @@ function to() {
             includeAutoApply: i
           }
         ), m = lt.parse(W);
-        if (a) return;
+        if (n) return;
         if (D(
           typeof m.subtotalMinor == "number" && typeof m.totalMinor == "number" ? {
             subtotalMinor: m.subtotalMinor,
@@ -191,13 +190,13 @@ function to() {
         }
         x(m.coupon ?? null), m.coupon && (m.coupon.autoApplied && e.length === 0 ? (B(m.coupon.code), b(o("checkout_coupon_auto_applied", { code: m.coupon.code }))) : b(o("checkout_coupon_manual_applied")));
       } catch (W) {
-        if (a) return;
+        if (n) return;
         console.error("Failed to verify checkout coupon", W), x(null), D(null), k(o("checkout_coupon_error"));
       } finally {
-        a || O(!1);
+        n || O(!1);
       }
     })(), () => {
-      a = !0;
+      n = !0;
     };
   }, [
     V,
@@ -229,13 +228,13 @@ function to() {
             },
             estimatedTotalMinor: v
           }
-        ), a = st.parse(i);
+        ), n = st.parse(i);
         if (e) return;
-        if (!a.success || !a.decision) {
-          T(null), A(a.message || o("checkout_payment_error"));
+        if (!n.success || !n.decision) {
+          T(null), A(n.message || o("checkout_payment_error"));
           return;
         }
-        T(a.decision);
+        T(n.decision);
       } catch (i) {
         if (e) return;
         console.error("Failed to load checkout payment decision", i), T(null), A(o("checkout_payment_error"));
@@ -262,7 +261,7 @@ function to() {
   }, [r.language, l]), Q = u(() => {
     if (!l?.depositRefundableUntilIso) return null;
     const e = new Date(l.depositRefundableUntilIso);
-    return Number.isNaN(e.getTime()) ? null : wt(e, r.language, _e);
+    return Number.isNaN(e.getTime()) ? null : Dt(e, r.language, _e);
   }, [r.language, l?.depositRefundableUntilIso, _e]), Ze = u(() => l ? l.paymentMode === "deposit" && h > 0 && N ? Q ? o("checkout_payment_due_now_helper_deposit_refundable_until", {
     percent: N,
     date: Q
@@ -301,12 +300,12 @@ function to() {
             },
             items: C
           }
-        ), a = ut.parse(i);
-        if (!a.success || !a.checkout) {
-          Z.error(a.message || o("checkout_payment_error"));
+        ), n = ut.parse(i);
+        if (!n.success || !n.checkout) {
+          Z.error(n.message || o("checkout_payment_error"));
           return;
         }
-        a.checkout.requiresPayment || Z.success(o("checkout_success_toast")), await De(a.checkout.nextPath), Re();
+        n.checkout.requiresPayment || Z.success(o("checkout_success_toast")), await De(n.checkout.nextPath), Re();
       } catch (i) {
         console.error("Failed to submit storefront checkout", i), Z.error(o("checkout_payment_error"));
       } finally {
@@ -314,25 +313,25 @@ function to() {
       }
     }
   }), Je = o(We ? "checkout_continue_to_payment" : "checkout_submit"), be = t.fulfillment === "delivery" && t.start_address.trim().length === 0, Xe = !U && !ee && !te && !ie && !le && !!l && !be && C.length > 0;
-  return d.lines.length === 0 ? /* @__PURE__ */ n("div", { className: "mx-auto max-w-3xl px-4 py-10 sm:px-6", children: /* @__PURE__ */ y("div", { className: "rounded-2xl border border-slate-200 bg-white p-6 shadow-sm", children: [
-    /* @__PURE__ */ n("h1", { className: "text-xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ n("span", { children: o("cart_empty_title") }) }),
-    /* @__PURE__ */ n("p", { className: "mt-2 text-sm text-slate-600", children: /* @__PURE__ */ n("span", { children: o("cart_empty_description") }) }),
-    /* @__PURE__ */ n("div", { className: "mt-6", children: /* @__PURE__ */ n(ke, { to: j, children: /* @__PURE__ */ y(xe, { className: "gap-2", children: [
-      /* @__PURE__ */ n(Ce, { className: "h-4 w-4", "aria-hidden": "true" }),
-      /* @__PURE__ */ n("span", { children: o("back_to_booking") })
+  return d.lines.length === 0 ? /* @__PURE__ */ a("div", { className: "mx-auto max-w-3xl px-4 py-10 sm:px-6", children: /* @__PURE__ */ y("div", { className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm", children: [
+    /* @__PURE__ */ a("h1", { className: "text-xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ a("span", { children: o("cart_empty_title") }) }),
+    /* @__PURE__ */ a("p", { className: "mt-2 text-sm text-slate-600", children: /* @__PURE__ */ a("span", { children: o("cart_empty_description") }) }),
+    /* @__PURE__ */ a("div", { className: "mt-6", children: /* @__PURE__ */ a(ke, { to: j, children: /* @__PURE__ */ y(xe, { className: "gap-2", children: [
+      /* @__PURE__ */ a(Ce, { className: "h-4 w-4", "aria-hidden": "true" }),
+      /* @__PURE__ */ a("span", { children: o("back_to_booking") })
     ] }) }) })
-  ] }) }) : /* @__PURE__ */ n("div", { className: "mx-auto max-w-7xl px-4 py-8 sm:px-6", children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ n(vt, { currentStep: "checkout", bookingPath: j, checkoutPath: Be }),
+  ] }) }) : /* @__PURE__ */ a("div", { className: "mx-auto max-w-7xl px-4 py-8 sm:px-6", children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ a(vt, { currentStep: "checkout", bookingPath: j, checkoutPath: Be }),
     /* @__PURE__ */ y(ke, { to: j, className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950", children: [
-      /* @__PURE__ */ n(Ce, { className: "h-4 w-4", "aria-hidden": "true" }),
-      /* @__PURE__ */ n("span", { children: o("back_to_booking") })
+      /* @__PURE__ */ a(Ce, { className: "h-4 w-4", "aria-hidden": "true" }),
+      /* @__PURE__ */ a("span", { children: o("back_to_booking") })
     ] }),
     /* @__PURE__ */ y("div", { className: "grid gap-6 lg:grid-cols-12", children: [
       /* @__PURE__ */ y("div", { className: "lg:col-span-7", children: [
-        /* @__PURE__ */ n("h1", { className: "text-xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ n("span", { children: o("checkout_title") }) }),
+        /* @__PURE__ */ a("h1", { className: "text-xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ a("span", { children: o("checkout_title") }) }),
         /* @__PURE__ */ y("div", { className: "mt-5 grid gap-4", children: [
-          Ee ? /* @__PURE__ */ n("div", { className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm", children: /* @__PURE__ */ n(
-            Tt,
+          Ee ? /* @__PURE__ */ a("div", { className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm", children: /* @__PURE__ */ a(
+            Pt,
             {
               value: t.fulfillment,
               onValueChange: (e) => H({ fulfillment: e }),
@@ -347,30 +346,9 @@ function to() {
               testIdPrefix: "storefront-checkout-fulfillment"
             }
           ) }) : null,
-          /* @__PURE__ */ n(St, { form: ge }),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(St, { form: ge }),
+          /* @__PURE__ */ a(
             Mt,
-            {
-              code: ne,
-              appliedCode: f?.code,
-              discountLabel: f && P > 0 ? _(P, g, r.language) : null,
-              message: Ne,
-              error: le,
-              loading: ie,
-              disabled: U,
-              onCodeChange: (e) => {
-                B(e), k(null), b(null);
-              },
-              onApply: () => {
-                ce(!1), re(ne.trim());
-              },
-              onRemove: () => {
-                B(""), re(""), x(null), D(null), k(null), b(null), ce(!0);
-              }
-            }
-          ),
-          /* @__PURE__ */ n(
-            xt,
             {
               estimatedTotalLabel: Oe,
               couponCode: f?.code,
@@ -392,7 +370,7 @@ function to() {
               }
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             xe,
             {
               type: "button",
@@ -402,14 +380,14 @@ function to() {
               },
               disabled: !Xe,
               className: "mt-4 w-fit",
-              children: /* @__PURE__ */ n("span", { children: Je })
+              children: /* @__PURE__ */ a("span", { children: Je })
             }
           ),
-          be ? /* @__PURE__ */ n("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ n("span", { children: o("checkout_delivery_address_required") }) }) : null
+          be ? /* @__PURE__ */ a("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ a("span", { children: o("checkout_delivery_address_required") }) }) : null
         ] })
       ] }),
-      /* @__PURE__ */ n(
-        Pt,
+      /* @__PURE__ */ a(
+        xt,
         {
           lines: L.lines,
           itemCount: we,
@@ -422,12 +400,30 @@ function to() {
           couponCode: f?.code,
           durationLabel: Ue.label,
           onQuantityChange: Ie,
-          onRemove: Le
+          onRemove: Le,
+          coupon: {
+            code: ne,
+            appliedCode: f?.code,
+            discountLabel: f && P > 0 ? _(P, g, r.language) : null,
+            message: Ne,
+            error: le,
+            loading: ie,
+            disabled: U,
+            onCodeChange: (e) => {
+              B(e), k(null), b(null);
+            },
+            onApply: () => {
+              ce(!1), re(ne.trim());
+            },
+            onRemove: () => {
+              B(""), re(""), x(null), D(null), k(null), b(null), ce(!0);
+            }
+          }
         }
       )
     ] })
   ] }) });
 }
 export {
-  to as default
+  Yt as default
 };

package/dist/pages/CheckoutPaymentPage.js

@@ -131,7 +131,7 @@ function Be() {
       };
   }, [r?.clientSecret]);
   if (!m)
-    return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ e(y, { className: "border-red-200 bg-white p-8 shadow-sm", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ e(y, { className: "border-red-200 bg-white p-5 sm:p-6 shadow-sm", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
       /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ e(K, { className: "mt-0.5 h-5 w-5 text-red-600", "aria-hidden": "true" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_return_missing_session") }) })
@@ -139,9 +139,9 @@ function Be() {
       /* @__PURE__ */ e(b, { to: v, children: /* @__PURE__ */ e(f, { variant: "outline", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_return_back_to_checkout") }) }) })
     ] }) }) });
   if (h && !r)
-    return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ e(y, { className: "border-slate-200 bg-white p-8 shadow-sm", children: /* @__PURE__ */ e(q, {}) }) });
+    return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ e(y, { className: "border-slate-200 bg-white p-5 sm:p-6 shadow-sm", children: /* @__PURE__ */ e(q, {}) }) });
   if (A || !r)
-    return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ e(y, { className: "border-red-200 bg-white p-8 shadow-sm", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ e(y, { className: "border-red-200 bg-white p-5 sm:p-6 shadow-sm", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
       /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ e(K, { className: "mt-0.5 h-5 w-5 text-red-600", "aria-hidden": "true" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-slate-700", children: /* @__PURE__ */ e("span", { children: A ?? t("checkout_payment_return_status_error") }) })
@@ -150,7 +150,7 @@ function Be() {
     ] }) }) });
   const F = typeof r.amountMinor == "number" && r.currency ? xe(r.amountMinor, r.currency, i.language) : null, w = o === "authorized" || o === "succeeded", L = o === "failed" || o === "cancelled", H = w ? se : L ? ne : ae, X = w ? "text-emerald-600" : L ? "text-red-600" : "text-amber-600";
   return /* @__PURE__ */ e("div", { className: "mx-auto max-w-5xl px-4 py-10 sm:px-6", children: /* @__PURE__ */ n("div", { className: "grid gap-6 lg:grid-cols-[1fr_1fr]", children: [
-    /* @__PURE__ */ e(y, { className: "border-slate-200 bg-white p-6 shadow-sm", children: /* @__PURE__ */ n("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ e(y, { className: "border-slate-200 bg-white p-5 shadow-sm", children: /* @__PURE__ */ n("div", { className: "space-y-5", children: [
       /* @__PURE__ */ n("div", { className: "inline-flex items-center gap-2 rounded-full border border-emerald-200 bg-emerald-50 px-3 py-1 text-xs font-medium text-emerald-700", children: [
         /* @__PURE__ */ e(re, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
         /* @__PURE__ */ e("span", { children: t("secure_payment_link.secured_badge") })
@@ -174,7 +174,7 @@ function Be() {
         /* @__PURE__ */ e("span", { children: t("checkout_payment_return_loading") })
       ] }) : null
     ] }) }),
-    /* @__PURE__ */ n(y, { className: "border-slate-200 bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ n(y, { className: "border-slate-200 bg-white p-5 shadow-sm", children: [
       w || L ? /* @__PURE__ */ n("div", { className: "space-y-6 text-center", children: [
         /* @__PURE__ */ e("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-slate-100", children: /* @__PURE__ */ e(H, { className: `h-6 w-6 ${X}`, "aria-hidden": "true" }) }),
         /* @__PURE__ */ n("div", { className: "space-y-2", children: [

package/dist/pages/CheckoutSuccessPage.js

@@ -5,15 +5,15 @@ import { useTranslation as x } from "react-i18next";
 import { resolveBookingSearchParamsFromSessionStorage as p } from "../lib/booking.js";
 import { Button as o } from "../ui/button.js";
 function b() {
-  const { t } = x(), { storeSlug: r } = m(), [l] = h(), s = p(l, r).toString(), i = `/${r ?? ""}/booking${s ? `?${s}` : ""}`, n = `/${r ?? ""}${s ? `?${s}` : ""}`;
-  return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ c("div", { className: "rounded-2xl border border-slate-200 bg-white p-8 shadow-sm", children: [
+  const { t: s } = x(), { storeSlug: r } = m(), [l] = h(), t = p(l, r).toString(), i = `/${r ?? ""}/booking${t ? `?${t}` : ""}`, n = `/${r ?? ""}${t ? `?${t}` : ""}`;
+  return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ c("div", { className: "rounded-xl border border-slate-200 bg-white p-5 shadow-sm sm:p-6", children: [
     /* @__PURE__ */ e("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-600", children: /* @__PURE__ */ e(d, { className: "h-6 w-6", "aria-hidden": "true" }) }),
-    /* @__PURE__ */ e("h1", { className: "mt-6 text-center text-2xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ e("span", { children: t("checkout_success_title") }) }),
-    /* @__PURE__ */ e("p", { className: "mt-2 text-center text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_success_description") }) }),
+    /* @__PURE__ */ e("h1", { className: "mt-6 text-center text-2xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ e("span", { children: s("checkout_success_title") }) }),
+    /* @__PURE__ */ e("p", { className: "mt-2 text-center text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: s("checkout_success_description") }) }),
     /* @__PURE__ */ c("div", { className: "mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center", children: [
-      /* @__PURE__ */ e(a, { to: i, children: /* @__PURE__ */ e(o, { variant: "outline", className: "w-full sm:w-auto", children: /* @__PURE__ */ e("span", { children: t("checkout_success_back_to_products") }) }) }),
+      /* @__PURE__ */ e(a, { to: i, children: /* @__PURE__ */ e(o, { variant: "outline", className: "w-full sm:w-auto", children: /* @__PURE__ */ e("span", { children: s("checkout_success_back_to_products") }) }) }),
       /* @__PURE__ */ e(a, { to: n, children: /* @__PURE__ */ c(o, { className: "w-full gap-2 sm:w-auto", children: [
-        /* @__PURE__ */ e("span", { children: t("checkout_success_back_home") }),
+        /* @__PURE__ */ e("span", { children: s("checkout_success_back_home") }),
         /* @__PURE__ */ e(u, { className: "h-4 w-4", "aria-hidden": "true" })
       ] }) })
     ] })