@loczer/storefront-sdk 0.161.0 → 0.162.0

package/dist/chunks/booking-engine/dist/utils/{pricing-DcnUXaeI.js → pricing-CYLeWtmu.js}

@@ -1,12 +1,12 @@
 function d(n, r) {
   return n.quantity - r.quantity;
 }
-function g(n) {
-  return Number.isInteger(n) && n > 0;
+function q(n) {
+  return Number.isFinite(n) && n > 0;
 }
-function q(n, r, a = "day") {
-  if (!g(r))
-    throw new Error(`Requested quantity must be a positive integer (received ${r}).`);
+function v(n, r, a = "day") {
+  if (!q(r))
+    throw new Error(`Requested quantity must be a positive number (received ${r}).`);
   if (!n || n.length === 0)
     throw new Error("Cannot calculate price without pricing tiers.");
   const c = n.filter((t) => t.unit === a).sort(d);
@@ -32,5 +32,5 @@ function q(n, r, a = "day") {
   return Math.round(e);
 }
 export {
-  q as calculatePriceForQuantity
+  v as calculatePriceForQuantity
 };

package/dist/components/BikeProductCard/index.js

@@ -24,7 +24,7 @@ function F({
   return /* @__PURE__ */ a(
     "div",
     {
-      className: "flex h-full flex-col gap-2 rounded-2xl border border-slate-200 bg-white p-4 shadow-sm",
+      className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
       "data-testid": g,
       children: [
         /* @__PURE__ */ a("div", { className: "flex flex-1 items-stretch gap-4", children: [

package/dist/components/ContactSection/index.js

@@ -62,8 +62,8 @@ function we({ preset: s, storeSlug: j }) {
       /* @__PURE__ */ e("h2", { className: "text-3xl font-semibold tracking-tight text-slate-950", children: t("contact_section_title") }),
       /* @__PURE__ */ e("p", { className: "mt-3 text-sm text-slate-600 sm:text-base", children: t("contact_section_subtitle") })
     ] }),
-    /* @__PURE__ */ r("div", { className: "mt-10 grid gap-8 rounded-2xl border border-slate-200 bg-white p-6 shadow-sm lg:grid-cols-2 lg:gap-10 lg:p-10", children: [
-      /* @__PURE__ */ r("div", { className: "flex flex-col gap-8 lg:border-r lg:border-slate-200 lg:pr-10", children: [
+    /* @__PURE__ */ r("div", { className: "mt-8 grid gap-6 rounded-xl border border-slate-200 bg-white p-4 shadow-sm lg:grid-cols-2 lg:p-6", children: [
+      /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 lg:border-r lg:border-slate-200 lg:pr-6", children: [
         /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-slate-950", children: t("contact_section_info_title") }),
           /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-slate-600", children: t(T ? "contact_section_info_description" : "contact_section_info_description_without_whatsapp") })

package/dist/components/StorefrontCartPanel/index.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { StorefrontCartSummaryLine } from '../../lib/cartSummary';
 type StorefrontCartPanelProps = {
     lines: StorefrontCartSummaryLine[];
@@ -16,11 +17,12 @@ type StorefrontCartPanelProps = {
     showCheckoutAction?: boolean;
     showClearAction?: boolean;
     editable?: boolean;
+    summaryAddon?: ReactNode;
     stickyTopClassName?: string;
     onQuantityChange?: (key: string, quantity: number) => void;
     onRemove?: (key: string) => void;
     onClear?: () => void;
 };
-export declare function StorefrontCartPanel({ lines, itemCount, totalPerDayMinor, estimatedDays, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationLabel, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorefrontCartPanel({ lines, itemCount, totalPerDayMinor, estimatedDays, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationLabel, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/StorefrontCartPanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontCartPanel/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAQtE,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,yBAAyB,EAAE,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,6BAA6B,CAAC,EAAE,MAAM,CAAA;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,KAAK,EACL,WAAW,EACX,YAAY,EACZ,kBAA0B,EAC1B,eAAuB,EACvB,QAAe,EACf,kBAA6B,EAC7B,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACR,EAAE,wBAAwB,2CAwL1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontCartPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAQtE,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,yBAAyB,EAAE,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,6BAA6B,CAAC,EAAE,MAAM,CAAA;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,KAAK,EACL,WAAW,EACX,YAAY,EACZ,kBAA0B,EAC1B,eAAuB,EACvB,QAAe,EACf,YAAY,EACZ,kBAA6B,EAC7B,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACR,EAAE,wBAAwB,2CA0L1B"}

package/dist/components/StorefrontCartPanel/index.js

@@ -1,15 +1,15 @@
-import { jsxs as l, jsx as e, Fragment as B } from "react/jsx-runtime";
-import { Link as F } from "@rpcbase/router";
+import { jsxs as l, jsx as e, Fragment as F } from "react/jsx-runtime";
+import { Link as W } from "@rpcbase/router";
 import { cn as d } from "@rpcbase/ui";
-import { Trash2 as W, ArrowRight as D } from "lucide-react";
-import { useTranslation as T } from "react-i18next";
+import { Trash2 as D, ArrowRight as T } from "lucide-react";
+import { useTranslation as E } from "react-i18next";
 import { formatPriceMinor as r } from "../../lib/utils.js";
 import { Badge as m } from "../../ui/badge.js";
 import { Button as o } from "../../ui/button.js";
-import { Card as E } from "../../ui/card.js";
-import { Input as G } from "../../ui/input.js";
-import { ProductWarningNotice as H } from "../ProductWarningNotice/index.js";
-function M({
+import { Card as G } from "../../ui/card.js";
+import { Input as H } from "../../ui/input.js";
+import { ProductWarningNotice as J } from "../ProductWarningNotice/index.js";
+function ee({
   lines: n,
   itemCount: _,
   totalPerDayMinor: v,
@@ -26,13 +26,14 @@ function M({
   showCheckoutAction: q = !1,
   showClearAction: C = !1,
   editable: V = !0,
-  stickyTopClassName: L = "top-24",
+  summaryAddon: L,
+  stickyTopClassName: P = "top-24",
   onQuantityChange: b,
   onRemove: N,
   onClear: g
 }) {
-  const { t, i18n: s } = T();
-  return /* @__PURE__ */ l(E, { className: d("sticky border-slate-200 bg-white shadow-sm", L), children: [
+  const { t, i18n: s } = E();
+  return /* @__PURE__ */ l(G, { className: d("sticky border-slate-200 bg-white shadow-sm", P), children: [
     /* @__PURE__ */ l("div", { className: "border-b border-slate-200 px-4 py-4", children: [
       /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: j ?? t("cart_title") }) }),
@@ -42,7 +43,7 @@ function M({
     ] }),
     /* @__PURE__ */ l("div", { className: "grid gap-3 p-4", children: [
       n.length === 0 ? /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cart_empty") }) }) : /* @__PURE__ */ e("div", { className: "grid gap-3", children: n.map((a) => {
-        const P = r(a.unitPriceMinor, s.language), $ = a.insufficientCapacity === !0, z = a.availabilityIssue === "quantity_unavailable" ? t("availability_quantity_unavailable") : t("availability_out_of_stock");
+        const $ = r(a.unitPriceMinor, s.language), z = a.insufficientCapacity === !0, I = a.availabilityIssue === "quantity_unavailable" ? t("availability_quantity_unavailable") : t("availability_out_of_stock");
         return /* @__PURE__ */ l(
           "div",
           {
@@ -52,20 +53,20 @@ function M({
                 /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: a.productName }) }),
                 a.productVariantLabel ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: `${t(a.productVariantIsSize ? "product_size_label" : "product_variant_label")}: ${a.productVariantLabel}` }) }) : null,
                 a.productVariantDescription ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-500", children: /* @__PURE__ */ e("span", { children: a.productVariantDescription }) }) : null,
-                /* @__PURE__ */ e(H, { warning: a.productWarning }),
-                /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cart_line_meta", { quantity: a.quantity, price: P }) }) }),
-                $ ? /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-1 pt-1", children: /* @__PURE__ */ e(m, { variant: "destructive", children: /* @__PURE__ */ e("span", { children: z }) }) }) : null
+                /* @__PURE__ */ e(J, { warning: a.productWarning }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cart_line_meta", { quantity: a.quantity, price: $ }) }) }),
+                z ? /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-1 pt-1", children: /* @__PURE__ */ e(m, { variant: "destructive", children: /* @__PURE__ */ e("span", { children: I }) }) }) : null
               ] }),
               V ? /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
                 b ? /* @__PURE__ */ e(
-                  G,
+                  H,
                   {
                     type: "number",
                     min: 1,
                     max: 99,
                     value: a.quantity,
-                    onChange: (I) => {
-                      const y = Number(I.target.value);
+                    onChange: (B) => {
+                      const y = Number(B.target.value);
                       b(a.key, Number.isFinite(y) ? y : 0);
                     },
                     className: "h-9 w-16",
@@ -81,7 +82,7 @@ function M({
                     className: "h-8 w-8 text-slate-500 hover:bg-slate-50 hover:text-slate-700",
                     onClick: () => N(a.key),
                     "aria-label": t("remove_from_cart"),
-                    children: /* @__PURE__ */ e(W, { className: "h-4 w-4", "aria-hidden": "true" })
+                    children: /* @__PURE__ */ e(D, { className: "h-4 w-4", "aria-hidden": "true" })
                   }
                 ) : null
               ] }) : null
@@ -90,11 +91,12 @@ function M({
           a.key
         );
       }) }),
+      L,
       /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 border-t border-slate-200 pt-3 text-sm", children: [
         /* @__PURE__ */ e("p", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("cart_total_per_day") }) }),
         /* @__PURE__ */ e("p", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r(v, s.language) }) })
       ] }),
-      typeof p == "number" && typeof h == "number" ? /* @__PURE__ */ l(B, { children: [
+      typeof p == "number" && typeof h == "number" ? /* @__PURE__ */ l(F, { children: [
         /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
           /* @__PURE__ */ e("p", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_estimated_days", { count: p }) }) }),
           u ? /* @__PURE__ */ e(m, { variant: "outline", className: "border-slate-200 bg-white text-slate-700", children: /* @__PURE__ */ e("span", { children: u }) }) : null
@@ -113,9 +115,9 @@ function M({
         ] })
       ] }) : null,
       /* @__PURE__ */ l("div", { className: "grid gap-2", children: [
-        q && f ? /* @__PURE__ */ e(F, { to: f, className: d(n.length > 0 ? "block" : "hidden"), children: /* @__PURE__ */ l(o, { className: "w-full gap-2", children: [
+        q && f ? /* @__PURE__ */ e(W, { to: f, className: d(n.length > 0 ? "block" : "hidden"), children: /* @__PURE__ */ l(o, { className: "w-full gap-2", children: [
           /* @__PURE__ */ e("span", { children: t("checkout_button") }),
-          /* @__PURE__ */ e(D, { className: "h-4 w-4", "aria-hidden": "true" })
+          /* @__PURE__ */ e(T, { className: "h-4 w-4", "aria-hidden": "true" })
         ] }) }) : null,
         C && g ? /* @__PURE__ */ e(
           o,
@@ -132,5 +134,5 @@ function M({
   ] });
 }
 export {
-  M as StorefrontCartPanel
+  ee as StorefrontCartPanel
 };

package/dist/i18n/en.js

@@ -127,7 +127,7 @@ const e = {
   checkout_full_name_placeholder: "Jane Doe",
   checkout_email_label: "Email",
   checkout_email_placeholder: "jane@example.com",
-  checkout_phone_label: "Phone (optional)",
+  checkout_phone_label: "Phone",
   checkout_phone_placeholder: "+1 555 555 5555",
   checkout_notes_label: "Notes or message (optional)",
   checkout_notes_placeholder: "Any details about your booking…",

package/dist/i18n/fr.js

@@ -127,7 +127,7 @@ const e = {
   checkout_full_name_placeholder: "Jean Dupont",
   checkout_email_label: "Email",
   checkout_email_placeholder: "jean@example.com",
-  checkout_phone_label: "Téléphone (optionnel)",
+  checkout_phone_label: "Téléphone",
   checkout_phone_placeholder: "+33 6 00 00 00 00",
   checkout_notes_label: "Notes ou message (optionnel)",
   checkout_notes_placeholder: "Précisions pour votre réservation…",

package/dist/index.d.ts

@@ -2801,7 +2801,7 @@ export declare type StorefrontCartItem = {
     quantity: number;
 };
 
-export declare function StorefrontCartPanel({ lines, itemCount, totalPerDayMinor, estimatedDays, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationLabel, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): JSX.Element;
+export declare function StorefrontCartPanel({ lines, itemCount, totalPerDayMinor, estimatedDays, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationLabel, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): JSX.Element;
 
 declare type StorefrontCartPanelProps = {
     lines: StorefrontCartSummaryLine[];
@@ -2820,6 +2820,7 @@ declare type StorefrontCartPanelProps = {
     showCheckoutAction?: boolean;
     showClearAction?: boolean;
     editable?: boolean;
+    summaryAddon?: ReactNode;
     stickyTopClassName?: string;
     onQuantityChange?: (key: string, quantity: number) => void;
     onRemove?: (key: string) => void;
@@ -2893,7 +2894,7 @@ export declare const storefrontCheckoutSubmitRequestBaseSchema: 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<{
@@ -2926,7 +2927,7 @@ export declare const storefrontCheckoutSubmitRequestSchema: 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.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/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
 };