@loczer/storefront-sdk 0.153.0 → 0.154.0

package/dist/pages/CheckoutPage.js

@@ -2,27 +2,27 @@ import { jsx as n, 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";
-import { useParams as tt, useSearchParams as ot, useNavigate as nt, Link as be } from "@rpcbase/router";
-import { ArrowLeft as ke } from "lucide-react";
+import { useParams as tt, useSearchParams as ot, useNavigate as nt, Link as ke } from "@rpcbase/router";
+import { ArrowLeft as Ce } from "lucide-react";
 import { useTranslation as at } from "react-i18next";
 import { apiPost as F } from "../lib/apiCall.js";
 import { ROUTE as rt, responseSchema as st } from "../lib/checkoutPaymentDecision.js";
 import { ROUTE as it, responseSchema as lt } from "../lib/checkoutVerifyCoupon.js";
 import { ROUTE as ct, responseSchema as ut } from "../lib/checkoutSubmit.js";
-import { ROUTE as dt, responseSchema as mt, buildStorefrontAvailabilityKey as Ce, getStorefrontAvailabilityIssue as pt } from "../lib/storefrontAvailability.js";
-import { resolveBookingSearchParamsFromSessionStorage as ht, getBookingParamsFromSearch as ft, getBookingDurationLabel as gt, getBookingDurationMinutes as yt, applyBookingParamsToSearch as ve, writeBookingSearchParamsToSessionStorage as Se } from "../lib/booking.js";
+import { ROUTE as dt, responseSchema as mt, buildStorefrontAvailabilityKey as ve, getStorefrontAvailabilityIssue as pt } from "../lib/storefrontAvailability.js";
+import { resolveBookingSearchParamsFromSessionStorage as ht, getBookingParamsFromSearch as ft, getBookingDurationLabel as gt, getBookingDurationMinutes as yt, applyBookingParamsToSearch as Se, writeBookingSearchParamsToSessionStorage as Me } from "../lib/booking.js";
 import { buildStorefrontCartSummary as _t } from "../lib/cartSummary.js";
 import { useStorefrontCart as bt } from "../lib/cart.js";
 import { useStorefront as kt, useStorefrontProducts as Ct } from "../StorefrontProvider.js";
 import { BookingFlowSteps as vt } from "../components/BookingFlowSteps/index.js";
-import { Button as Me } from "../ui/button.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 xe = 0.2, Dt = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (o, r, p) => {
+const Pe = 0.2, Dt = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (o, r, p) => {
   try {
     return new Intl.NumberFormat(p, {
       style: "currency",
@@ -31,7 +31,7 @@ const xe = 0.2, Dt = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (
   } catch {
     return `${(o / 100).toFixed(2)} ${r.toUpperCase()}`;
   }
-}, Pe = (o, r) => {
+}, Te = (o, r) => {
   try {
     return new Intl.NumberFormat(r, {
       style: "percent",
@@ -54,21 +54,21 @@ const xe = 0.2, Dt = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (
   return new Intl.DateTimeFormat(r, S).format(o);
 };
 function to() {
-  const { t: o, i18n: r } = at(), { storefrontConfiguration: p } = kt(), S = p.workspace?.workspaceLanguage, { bikes: G, accessories: J } = Ct(), { storeSlug: s } = tt(), [M, Te] = ot(), Ae = nt(), { items: X, itemCount: De, setQuantity: we, removeItem: Ie, clear: Le } = 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), [Ne, D] = c(null), [se, O] = c(!1), [Re, b] = c(null), [ie, k] = c(null), [V, le] = c(!1), ce = u(
+  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"), ue = p.settings.deliveryDisabledReason.trim(), Ee = w || ue.length > 0, Fe = p.shop.address?.trim() ?? "", t = u(() => {
-    const e = ft(ce);
+  ), 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;
-  }, [ce, w]), Ue = u(() => gt(t), [t]), de = u(() => yt(t), [t]), me = u(() => Dt(de), [de]), d = u(
+  }, [ue, w]), Ue = u(() => gt(t), [t]), me = u(() => yt(t), [t]), pe = u(() => Dt(me), [me]), d = u(
     () => _t({
       items: X,
       language: r.language,
       fallbackLanguage: S,
       products: { bikes: G, accessories: J },
-      estimatedDays: me
+      estimatedDays: pe
     }),
-    [J, G, me, r.language, X, S]
+    [J, G, pe, r.language, X, S]
   ), q = u(
     () => d.lines.map((e) => ({
       productId: e.checkoutProductId,
@@ -76,7 +76,7 @@ function to() {
       quantity: e.quantity
     })),
     [d.lines]
-  ), [pe, I] = c([]), [K, z] = c(!1);
+  ), [he, I] = c([]), [K, z] = c(!1);
   E(() => {
     if (!s || q.length === 0) {
       I([]), z(!1);
@@ -117,16 +117,16 @@ function to() {
     q,
     s
   ]);
-  const he = u(() => new Map(
-    pe.map((e) => [
-      Ce(e.productId, e.productVariantId),
+  const fe = u(() => new Map(
+    he.map((e) => [
+      ve(e.productId, e.productVariantId),
       e
     ])
-  ), [pe]), L = u(
+  ), [he]), L = u(
     () => ({
       ...d,
       lines: d.lines.map((e) => {
-        const i = he.get(Ce(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)), a = i ? pt(i) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
         return {
           ...e,
           insufficientCapacity: !K && a !== void 0,
@@ -134,7 +134,7 @@ function to() {
         };
       })
     }),
-    [he, K, d]
+    [fe, K, d]
   ), C = u(
     () => d.lines.map((e) => ({
       kind: e.kind,
@@ -143,16 +143,16 @@ function to() {
       quantity: e.quantity
     })),
     [d.lines]
-  ), $e = d.estimatedTotalMinor ?? d.totalPerDayMinor, v = Ne?.totalMinor ?? $e, P = f?.discountAmountMinor ?? 0, N = ve(new URLSearchParams(), t).toString(), j = `/${s ?? ""}/booking${N ? `?${N}` : ""}`, Be = `/${s ?? ""}/checkout${N ? `?${N}` : ""}`, fe = Ye({
+  ), $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),
     defaultValues: { full_name: "", email: "", phone: "", notes: "" }
   });
   E(() => {
-    Se(s, t);
+    Me(s, t);
   }, [t, s]);
   const H = (e) => {
-    const i = { ...t, ...e }, a = ve(M, i);
-    Te(a, { replace: !0 }), Se(s, a);
+    const i = { ...t, ...e }, a = Se(M, i);
+    Ae(a, { replace: !0 }), Me(s, a);
   };
   E(() => {
     if (!s || C.length === 0) {
@@ -180,7 +180,11 @@ function to() {
         ), m = lt.parse(W);
         if (a) return;
         if (D(
-          typeof m.subtotalMinor == "number" && typeof m.totalMinor == "number" ? { subtotalMinor: m.subtotalMinor, totalMinor: m.totalMinor } : null
+          typeof m.subtotalMinor == "number" && typeof m.totalMinor == "number" ? {
+            subtotalMinor: m.subtotalMinor,
+            totalMinor: m.totalMinor,
+            lateReturnSurchargeMinor: m.lateReturnSurchargeMinor
+          } : null
         ), !m.success) {
           x(null), k(m.message || o("checkout_coupon_invalid"));
           return;
@@ -251,26 +255,26 @@ function to() {
     s,
     o
   ]);
-  const g = l?.currency ?? "EUR", Oe = _(v, g, r.language), Ve = P > 0 ? `-${_(P, g, r.language)}` : null, ge = Math.round(v / (1 + xe)), qe = Math.max(0, v - ge), Ke = _(ge, g, r.language), ze = _(qe, g, r.language), je = Pe(xe, r.language), h = l?.amountToCollectMinor ?? 0, He = _(h, g, r.language), Qe = l?.paymentMode === "deposit" && h > 0 ? _(h, g, r.language) : null, We = l?.shouldCollectOnlinePayment === !0 && h > 0, ye = p.shop.timeZone?.trim() || void 0, R = u(() => {
+  const g = l?.currency ?? "EUR", Oe = _(v, g, r.language), Ve = P > 0 ? `-${_(P, g, r.language)}` : null, ye = Math.round(v / (1 + Pe)), qe = Math.max(0, v - ye), Ke = _(ye, g, r.language), ze = _(qe, g, r.language), je = Te(Pe, r.language), h = l?.amountToCollectMinor ?? 0, He = _(h, g, r.language), Qe = l?.paymentMode === "deposit" && h > 0 ? _(h, g, r.language) : null, We = l?.shouldCollectOnlinePayment === !0 && h > 0, _e = p.shop.timeZone?.trim() || void 0, N = u(() => {
     if (!l) return null;
     const e = Math.max(0, Math.min(1, l.bookingDepositPercentage));
-    return Pe(e, r.language);
+    return Te(e, r.language);
   }, [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, ye);
-  }, [r.language, l?.depositRefundableUntilIso, ye]), Ze = u(() => l ? l.paymentMode === "deposit" && h > 0 && R ? Q ? o("checkout_payment_due_now_helper_deposit_refundable_until", {
-    percent: R,
+    return Number.isNaN(e.getTime()) ? null : wt(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
   }) : o("checkout_payment_due_now_helper_deposit", {
-    percent: R
+    percent: N
   }) : l.paymentMode === "full" && h > 0 ? null : l.paymentMode === "none" || h <= 0 ? o("checkout_payment_due_now_helper_none") : null : null, [
     h,
-    R,
+    N,
     Q,
     l,
     o
-  ]), Ge = fe.handleSubmit(async (e) => {
+  ]), Ge = ge.handleSubmit(async (e) => {
     if (!(!s || C.length === 0)) {
       Y(!0);
       try {
@@ -302,25 +306,25 @@ function to() {
           Z.error(a.message || o("checkout_payment_error"));
           return;
         }
-        a.checkout.requiresPayment || Z.success(o("checkout_success_toast")), await Ae(a.checkout.nextPath), Le();
+        a.checkout.requiresPayment || Z.success(o("checkout_success_toast")), await De(a.checkout.nextPath), Re();
       } catch (i) {
         console.error("Failed to submit storefront checkout", i), Z.error(o("checkout_payment_error"));
       } finally {
         Y(!1);
       }
     }
-  }), Je = o(We ? "checkout_continue_to_payment" : "checkout_submit"), _e = t.fulfillment === "delivery" && t.start_address.trim().length === 0, Xe = !U && !ee && !te && !se && !ie && !!l && !_e && C.length > 0;
+  }), 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(be, { to: j, children: /* @__PURE__ */ y(Me, { className: "gap-2", children: [
-      /* @__PURE__ */ n(ke, { className: "h-4 w-4", "aria-hidden": "true" }),
+    /* @__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") })
     ] }) }) })
   ] }) }) : /* @__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__ */ y(be, { to: j, className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950", children: [
-      /* @__PURE__ */ n(ke, { className: "h-4 w-4", "aria-hidden": "true" }),
+    /* @__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__ */ y("div", { className: "grid gap-6 lg:grid-cols-12", children: [
@@ -334,7 +338,7 @@ function to() {
               onValueChange: (e) => H({ fulfillment: e }),
               pickupAddress: Fe,
               deliveryEnabled: w,
-              deliveryDisabledReason: ue,
+              deliveryDisabledReason: de,
               startAddress: t.start_address,
               onStartAddressChange: (e) => H({ start_address: e }),
               endAddress: t.end_address,
@@ -343,25 +347,25 @@ function to() {
               testIdPrefix: "storefront-checkout-fulfillment"
             }
           ) }) : null,
-          /* @__PURE__ */ n(St, { form: fe }),
+          /* @__PURE__ */ n(St, { form: ge }),
           /* @__PURE__ */ n(
             Mt,
             {
               code: ne,
               appliedCode: f?.code,
               discountLabel: f && P > 0 ? _(P, g, r.language) : null,
-              message: Re,
-              error: ie,
-              loading: se,
+              message: Ne,
+              error: le,
+              loading: ie,
               disabled: U,
               onCodeChange: (e) => {
                 B(e), k(null), b(null);
               },
               onApply: () => {
-                le(!1), re(ne.trim());
+                ce(!1), re(ne.trim());
               },
               onRemove: () => {
-                B(""), re(""), x(null), D(null), k(null), b(null), le(!0);
+                B(""), re(""), x(null), D(null), k(null), b(null), ce(!0);
               }
             }
           ),
@@ -389,7 +393,7 @@ function to() {
             }
           ),
           /* @__PURE__ */ n(
-            Me,
+            xe,
             {
               type: "button",
               size: "lg",
@@ -401,23 +405,24 @@ function to() {
               children: /* @__PURE__ */ n("span", { children: Je })
             }
           ),
-          _e ? /* @__PURE__ */ n("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ n("span", { children: o("checkout_delivery_address_required") }) }) : null
+          be ? /* @__PURE__ */ n("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ n("span", { children: o("checkout_delivery_address_required") }) }) : null
         ] })
       ] }),
       /* @__PURE__ */ n(
         Pt,
         {
           lines: L.lines,
-          itemCount: De,
+          itemCount: we,
           totalPerDayMinor: L.totalPerDayMinor,
           estimatedDays: L.estimatedDays,
           estimatedTotalMinor: L.estimatedTotalMinor,
           discountedEstimatedTotalMinor: v,
           discountAmountMinor: P,
+          lateReturnSurchargeMinor: se?.lateReturnSurchargeMinor,
           couponCode: f?.code,
           durationLabel: Ue.label,
-          onQuantityChange: we,
-          onRemove: Ie
+          onQuantityChange: Ie,
+          onRemove: Le
         }
       )
     ] })

package/dist/pages/checkout/components/CheckoutSummaryColumn.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
 import { StorefrontCartPanel } from '../../../components/StorefrontCartPanel';
 type StorefrontCartPanelProps = ComponentProps<typeof StorefrontCartPanel>;
-type CheckoutSummaryColumnProps = Pick<StorefrontCartPanelProps, "lines" | "itemCount" | "totalPerDayMinor" | "estimatedDays" | "estimatedTotalMinor" | "discountedEstimatedTotalMinor" | "discountAmountMinor" | "couponCode" | "durationLabel" | "onQuantityChange" | "onRemove">;
-export declare function CheckoutSummaryColumn({ lines, itemCount, totalPerDayMinor, estimatedDays, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, couponCode, durationLabel, onQuantityChange, onRemove, }: CheckoutSummaryColumnProps): import("react/jsx-runtime").JSX.Element;
+type CheckoutSummaryColumnProps = Pick<StorefrontCartPanelProps, "lines" | "itemCount" | "totalPerDayMinor" | "estimatedDays" | "estimatedTotalMinor" | "discountedEstimatedTotalMinor" | "discountAmountMinor" | "lateReturnSurchargeMinor" | "couponCode" | "durationLabel" | "onQuantityChange" | "onRemove">;
+export declare function CheckoutSummaryColumn({ lines, itemCount, totalPerDayMinor, estimatedDays, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationLabel, onQuantityChange, onRemove, }: CheckoutSummaryColumnProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CheckoutSummaryColumn.d.ts.map

package/dist/pages/checkout/components/CheckoutSummaryColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutSummaryColumn.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutSummaryColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAG7E,KAAK,wBAAwB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAE1E,KAAK,0BAA0B,GAAG,IAAI,CACpC,wBAAwB,EACtB,OAAO,GACP,WAAW,GACX,kBAAkB,GAClB,eAAe,GACf,qBAAqB,GACrB,+BAA+B,GAC/B,qBAAqB,GACrB,YAAY,GACZ,eAAe,GACf,kBAAkB,GAClB,UAAU,CACb,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,QAAQ,GACT,EAAE,0BAA0B,2CAwB5B"}
+{"version":3,"file":"CheckoutSummaryColumn.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutSummaryColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAG7E,KAAK,wBAAwB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAE1E,KAAK,0BAA0B,GAAG,IAAI,CACpC,wBAAwB,EACtB,OAAO,GACP,WAAW,GACX,kBAAkB,GAClB,eAAe,GACf,qBAAqB,GACrB,+BAA+B,GAC/B,qBAAqB,GACrB,0BAA0B,GAC1B,YAAY,GACZ,eAAe,GACf,kBAAkB,GAClB,UAAU,CACb,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,QAAQ,GACT,EAAE,0BAA0B,2CAyB5B"}

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { StorefrontCartPanel as f } from "../../../components/StorefrontCartPanel/index.js";
-function C({
+import { useTranslation as f } from "react-i18next";
+import { StorefrontCartPanel as h } from "../../../components/StorefrontCartPanel/index.js";
+function _({
   lines: r,
   itemCount: e,
   totalPerDayMinor: i,
@@ -9,14 +9,15 @@ function C({
   estimatedTotalMinor: s,
   discountedEstimatedTotalMinor: a,
   discountAmountMinor: c,
-  couponCode: n,
-  durationLabel: l,
-  onQuantityChange: u,
-  onRemove: p
+  lateReturnSurchargeMinor: n,
+  couponCode: l,
+  durationLabel: u,
+  onQuantityChange: p,
+  onRemove: d
 }) {
-  const { t } = d();
+  const { t } = f();
   return /* @__PURE__ */ o("div", { className: "lg:col-span-5", children: /* @__PURE__ */ o(
-    f,
+    h,
     {
       lines: r,
       itemCount: e,
@@ -25,17 +26,18 @@ function C({
       estimatedTotalMinor: s,
       discountedEstimatedTotalMinor: a,
       discountAmountMinor: c,
-      couponCode: n,
-      durationLabel: l,
+      lateReturnSurchargeMinor: n,
+      couponCode: l,
+      durationLabel: u,
       title: t("checkout_summary_title"),
       description: t("checkout_summary_description"),
       editable: !0,
       stickyTopClassName: "top-32",
-      onQuantityChange: u,
-      onRemove: p
+      onQuantityChange: p,
+      onRemove: d
     }
   ) });
 }
 export {
-  C as CheckoutSummaryColumn
+  _ as CheckoutSummaryColumn
 };