@loczer/storefront-sdk 0.180.0 → 0.182.0

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

@@ -1,74 +1,74 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { cn as g } from "@rpcbase/ui";
-import { Spinner as f } from "../../../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
-import { Tag as _, X as v } from "lucide-react";
-import { useTranslation as N } from "react-i18next";
-import { Button as p } from "../../../ui/button.js";
-import { Input as k } from "../../../ui/input.js";
-function B({
-  className: u,
-  code: r,
-  appliedCode: a,
-  discountLabel: l,
-  message: o,
-  error: n,
-  loading: c,
-  disabled: i,
-  onCodeChange: d,
-  onApply: m,
-  onRemove: h
-}) {
-  const { t } = N(), x = r.trim().length > 0 && !c && !i;
-  return /* @__PURE__ */ s("div", { className: g("grid gap-3 border-t border-slate-200 pt-3", u), children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(_, { className: "h-4 w-4 text-slate-500", "aria-hidden": "true" }),
-      /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_title") }) })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "grid gap-2 sm:grid-cols-[1fr_auto] lg:grid-cols-1 xl:grid-cols-[1fr_auto]", children: [
-      /* @__PURE__ */ e(
-        k,
-        {
-          value: r,
-          onChange: (b) => d(b.target.value.toUpperCase()),
-          placeholder: t("checkout_coupon_placeholder"),
-          disabled: c || i,
-          "aria-label": t("checkout_coupon_label")
-        }
-      ),
-      /* @__PURE__ */ s(
-        p,
-        {
-          type: "button",
-          variant: "outline",
-          disabled: !x,
-          className: "gap-2",
-          onClick: m,
-          children: [
-            c ? /* @__PURE__ */ e(f, { className: "size-4", "aria-hidden": "true" }) : null,
-            /* @__PURE__ */ e("span", { children: t("checkout_coupon_apply") })
-          ]
-        }
-      )
-    ] }),
-    a && l ? /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-3 rounded-md border border-success-border bg-success-subtle px-3 py-2 text-sm text-success", children: [
-      /* @__PURE__ */ e("span", { children: t("checkout_coupon_applied", { code: a, amount: l }) }),
-      /* @__PURE__ */ e(
-        p,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          className: "h-7 w-7 text-success hover:bg-success-subtle-hover",
-          onClick: h,
-          "aria-label": t("checkout_coupon_remove"),
-          children: /* @__PURE__ */ e(v, { className: "h-4 w-4", "aria-hidden": "true" })
-        }
-      )
-    ] }) : null,
-    o ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: o }) }) : null,
-    n ? /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: /* @__PURE__ */ e("span", { children: n }) }) : null
-  ] });
+import { Button as e } from "../../../ui/button.js";
+import { Input as t } from "../../../ui/input.js";
+import { Spinner as n } from "../../../chunks/ui/dist/Spinner/index-Dyk_LLEz.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cn as a } from "@rpcbase/ui";
+import { useTranslation as o } from "react-i18next";
+import { Tag as s, X as c } from "lucide-react";
+//#region src/pages/checkout/components/CheckoutCouponCard.tsx
+function l({ className: l, code: u, appliedCode: d, discountLabel: f, message: p, error: m, loading: h, disabled: g, onCodeChange: _, onApply: v, onRemove: y }) {
+	let { t: b } = o(), x = u.trim().length > 0 && !h && !g;
+	return /* @__PURE__ */ i("div", {
+		className: a("grid gap-3 border-t border-slate-200 pt-3", l),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ r(s, {
+					className: "h-4 w-4 text-slate-500",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ r("p", {
+					className: "text-sm font-semibold text-slate-950",
+					children: /* @__PURE__ */ r("span", { children: b("checkout_coupon_title") })
+				})]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "grid gap-2 sm:grid-cols-[1fr_auto] lg:grid-cols-1 xl:grid-cols-[1fr_auto]",
+				children: [/* @__PURE__ */ r(t, {
+					value: u,
+					onChange: (e) => _(e.target.value.toUpperCase()),
+					placeholder: b("checkout_coupon_placeholder"),
+					disabled: h || g,
+					"aria-label": b("checkout_coupon_label")
+				}), /* @__PURE__ */ i(e, {
+					type: "button",
+					variant: "outline",
+					disabled: !x,
+					className: "gap-2",
+					onClick: v,
+					children: [h ? /* @__PURE__ */ r(n, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}) : null, /* @__PURE__ */ r("span", { children: b("checkout_coupon_apply") })]
+				})]
+			}),
+			d && f ? /* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between gap-3 rounded-md border border-success-border bg-success-subtle px-3 py-2 text-sm text-success",
+				children: [/* @__PURE__ */ r("span", { children: b("checkout_coupon_applied", {
+					code: d,
+					amount: f
+				}) }), /* @__PURE__ */ r(e, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					className: "h-7 w-7 text-success hover:bg-success-subtle-hover",
+					onClick: y,
+					"aria-label": b("checkout_coupon_remove"),
+					children: /* @__PURE__ */ r(c, {
+						className: "h-4 w-4",
+						"aria-hidden": "true"
+					})
+				})]
+			}) : null,
+			p ? /* @__PURE__ */ r("p", {
+				className: "text-xs text-slate-600",
+				children: /* @__PURE__ */ r("span", { children: p })
+			}) : null,
+			m ? /* @__PURE__ */ r("p", {
+				className: "text-xs text-destructive",
+				children: /* @__PURE__ */ r("span", { children: m })
+			}) : null
+		]
+	});
 }
-export {
-  B as CheckoutCouponCard
-};
+//#endregion
+export { l as CheckoutCouponCard };

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

@@ -1,68 +1,86 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
-import { Card as s } from "../../../ui/card.js";
-import { Form as p, FormField as t, FormItem as n, FormLabel as a, FormControl as d, FormMessage as h } from "../../../ui/form.js";
-import { Input as i } from "../../../ui/input.js";
-import { Textarea as _ } from "../../../ui/textarea.js";
-function N({ form: c }) {
-  const { t: l } = m();
-  return /* @__PURE__ */ o(s, { className: "border-slate-200 bg-white shadow-sm", children: [
-    /* @__PURE__ */ o("div", { className: "border-b border-slate-200 px-4 py-4", children: [
-      /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: l("checkout_form_title") }) }),
-      /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: l("checkout_form_description") }) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "px-4 py-4", children: /* @__PURE__ */ e(p, { ...c, children: /* @__PURE__ */ o("form", { onSubmit: (r) => r.preventDefault(), className: "grid gap-3", children: [
-      /* @__PURE__ */ e(
-        t,
-        {
-          control: c.control,
-          name: "full_name",
-          render: ({ field: r }) => /* @__PURE__ */ o(n, { children: [
-            /* @__PURE__ */ e(a, { children: l("checkout_full_name_label") }),
-            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { ...r, placeholder: l("checkout_full_name_placeholder") }) }),
-            /* @__PURE__ */ e(h, {})
-          ] })
-        }
-      ),
-      /* @__PURE__ */ e(
-        t,
-        {
-          control: c.control,
-          name: "email",
-          render: ({ field: r }) => /* @__PURE__ */ o(n, { children: [
-            /* @__PURE__ */ e(a, { children: l("checkout_email_label") }),
-            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { ...r, type: "email", placeholder: l("checkout_email_placeholder") }) }),
-            /* @__PURE__ */ e(h, {})
-          ] })
-        }
-      ),
-      /* @__PURE__ */ e(
-        t,
-        {
-          control: c.control,
-          name: "phone",
-          render: ({ field: r }) => /* @__PURE__ */ o(n, { children: [
-            /* @__PURE__ */ e(a, { children: l("checkout_phone_label") }),
-            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { ...r, placeholder: l("checkout_phone_placeholder") }) }),
-            /* @__PURE__ */ e(h, {})
-          ] })
-        }
-      ),
-      /* @__PURE__ */ e(
-        t,
-        {
-          control: c.control,
-          name: "notes",
-          render: ({ field: r }) => /* @__PURE__ */ o(n, { children: [
-            /* @__PURE__ */ e(a, { children: l("checkout_notes_label") }),
-            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(_, { ...r, rows: 4, placeholder: l("checkout_notes_placeholder") }) }),
-            /* @__PURE__ */ e(h, {})
-          ] })
-        }
-      )
-    ] }) }) })
-  ] });
+import { Input as e } from "../../../ui/input.js";
+import { Form as t, FormControl as n, FormField as r, FormItem as i, FormLabel as a, FormMessage as o } from "../../../ui/form.js";
+import { Textarea as s } from "../../../ui/textarea.js";
+import { Card as c } from "../../../ui/card.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+//#region src/pages/checkout/components/CheckoutDetailsCard.tsx
+function f({ form: f }) {
+	let { t: p } = d();
+	return /* @__PURE__ */ u(c, {
+		className: "border-slate-200 bg-white shadow-sm",
+		children: [/* @__PURE__ */ u("div", {
+			className: "border-b border-slate-200 px-4 py-4",
+			children: [/* @__PURE__ */ l("p", {
+				className: "text-sm font-semibold text-slate-950",
+				children: /* @__PURE__ */ l("span", { children: p("checkout_form_title") })
+			}), /* @__PURE__ */ l("p", {
+				className: "mt-1 text-xs text-slate-600",
+				children: /* @__PURE__ */ l("span", { children: p("checkout_form_description") })
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "px-4 py-4",
+			children: /* @__PURE__ */ l(t, {
+				...f,
+				children: /* @__PURE__ */ u("form", {
+					onSubmit: (e) => e.preventDefault(),
+					className: "grid gap-3",
+					children: [
+						/* @__PURE__ */ l(r, {
+							control: f.control,
+							name: "full_name",
+							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
+								/* @__PURE__ */ l(a, { children: p("checkout_full_name_label") }),
+								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
+									...t,
+									placeholder: p("checkout_full_name_placeholder")
+								}) }),
+								/* @__PURE__ */ l(o, {})
+							] })
+						}),
+						/* @__PURE__ */ l(r, {
+							control: f.control,
+							name: "email",
+							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
+								/* @__PURE__ */ l(a, { children: p("checkout_email_label") }),
+								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
+									...t,
+									type: "email",
+									placeholder: p("checkout_email_placeholder")
+								}) }),
+								/* @__PURE__ */ l(o, {})
+							] })
+						}),
+						/* @__PURE__ */ l(r, {
+							control: f.control,
+							name: "phone",
+							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
+								/* @__PURE__ */ l(a, { children: p("checkout_phone_label") }),
+								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
+									...t,
+									placeholder: p("checkout_phone_placeholder")
+								}) }),
+								/* @__PURE__ */ l(o, {})
+							] })
+						}),
+						/* @__PURE__ */ l(r, {
+							control: f.control,
+							name: "notes",
+							render: ({ field: e }) => /* @__PURE__ */ u(i, { children: [
+								/* @__PURE__ */ l(a, { children: p("checkout_notes_label") }),
+								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(s, {
+									...e,
+									rows: 4,
+									placeholder: p("checkout_notes_placeholder")
+								}) }),
+								/* @__PURE__ */ l(o, {})
+							] })
+						})
+					]
+				})
+			})
+		})]
+	});
 }
-export {
-  N as CheckoutDetailsCard
-};
+//#endregion
+export { f as CheckoutDetailsCard };

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

@@ -1,91 +1,141 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Spinner as y } from "../../../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
-import { AlertTriangle as k } from "lucide-react";
-import { useTranslation as w } from "react-i18next";
-import { Button as C } from "../../../ui/button.js";
-import { Card as j } from "../../../ui/card.js";
-function F({
-  estimatedTotalLabel: m,
-  couponCode: o,
-  discountAmountLabel: d,
-  totalExcludingTaxLabel: h,
-  vatAmountLabel: p,
-  vatRateLabel: u,
-  depositAmountLabel: r,
-  amountToCollectMinor: x,
-  amountToCollectLabel: _,
-  paymentSummaryHelper: c,
-  paymentDecisionLoading: i,
-  paymentDecisionError: s,
-  canChoosePaymentMethod: n,
-  showAmountDueNowRow: g,
-  selectedPaymentMethod: b,
-  submitting: N,
-  onSelectPaymentMethod: f
-}) {
-  const { t } = w(), v = [
-    { id: "card", label: t("checkout_payment_method_card") },
-    { id: "apple_pay", label: t("checkout_payment_method_apple_pay") },
-    { id: "other", label: t("checkout_payment_method_other") }
-  ];
-  return /* @__PURE__ */ a(j, { className: "border-slate-200 bg-white shadow-sm", children: [
-    /* @__PURE__ */ a("div", { className: "border-b border-slate-200 px-4 py-4", children: [
-      /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_totals_title") }) }),
-      n ? /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_totals_description") }) }) : null
-    ] }),
-    /* @__PURE__ */ a("div", { className: "grid gap-4 px-4 py-4", children: [
-      /* @__PURE__ */ a("dl", { className: "grid text-sm", children: [
-        /* @__PURE__ */ a("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 py-2", children: [
-          /* @__PURE__ */ e("dt", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_estimated_total") }) }),
-          /* @__PURE__ */ e("dd", { className: "font-semibold tabular-nums text-slate-900", children: /* @__PURE__ */ e("span", { children: m }) })
-        ] }),
-        d ? /* @__PURE__ */ a("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5", children: [
-          /* @__PURE__ */ e("dt", { className: "text-success", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_discount", { code: o ?? "" }) }) }),
-          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-success", children: /* @__PURE__ */ e("span", { children: d }) })
-        ] }) : null,
-        /* @__PURE__ */ a("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5", children: [
-          /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_total_excluding_tax") }) }),
-          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-slate-700", children: /* @__PURE__ */ e("span", { children: h }) })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5", children: [
-          /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_vat", { rate: u }) }) }),
-          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-slate-700", children: /* @__PURE__ */ e("span", { children: p }) })
-        ] }),
-        r ? /* @__PURE__ */ a("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5", children: [
-          /* @__PURE__ */ e("dt", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_deposit_amount") }) }),
-          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-slate-900", children: /* @__PURE__ */ e("span", { children: r }) })
-        ] }) : null,
-        g ? /* @__PURE__ */ a("div", { className: "mt-1 grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-200 pt-3", children: [
-          /* @__PURE__ */ e("dt", { className: "text-sm font-semibold text-slate-900", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_amount_due_now") }) }),
-          /* @__PURE__ */ e("dd", { className: `text-base font-bold tabular-nums tracking-tight ${x > 0 ? "text-slate-950" : "text-slate-800"}`, children: /* @__PURE__ */ e("span", { children: _ }) })
-        ] }) : null
-      ] }),
-      c ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: c }) }) : null,
-      i ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
-        /* @__PURE__ */ e(y, { className: "size-4", "aria-hidden": "true" }),
-        /* @__PURE__ */ e("span", { children: t("checkout_payment_loading") })
-      ] }) : null,
-      s ? /* @__PURE__ */ e("div", { className: "grid gap-3 rounded-xl border border-destructive/25 bg-destructive/5 p-4", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-2 text-sm text-destructive", children: [
-        /* @__PURE__ */ e(k, { className: "mt-0.5 h-4 w-4", "aria-hidden": "true" }),
-        /* @__PURE__ */ e("span", { children: s })
-      ] }) }) : null,
-      !i && !s && n ? /* @__PURE__ */ e("div", { className: "grid gap-2 sm:grid-cols-3", children: v.map((l) => /* @__PURE__ */ e(
-        C,
-        {
-          type: "button",
-          variant: b === l.id ? "default" : "outline",
-          disabled: N,
-          className: "h-9 rounded-full px-4 text-xs",
-          onClick: () => {
-            f(l.id);
-          },
-          children: /* @__PURE__ */ e("span", { children: l.label })
-        },
-        l.id
-      )) }) : null
-    ] })
-  ] });
+import { Button as e } from "../../../ui/button.js";
+import { Card as t } from "../../../ui/card.js";
+import { Spinner as n } from "../../../chunks/ui/dist/Spinner/index-Dyk_LLEz.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import { AlertTriangle as o } from "lucide-react";
+//#region src/pages/checkout/components/CheckoutPaymentSummaryCard.tsx
+function s({ estimatedTotalLabel: s, couponCode: c, discountAmountLabel: l, totalExcludingTaxLabel: u, vatAmountLabel: d, vatRateLabel: f, depositAmountLabel: p, amountToCollectMinor: m, amountToCollectLabel: h, paymentSummaryHelper: g, paymentDecisionLoading: _, paymentDecisionError: v, canChoosePaymentMethod: y, showAmountDueNowRow: b, selectedPaymentMethod: x, submitting: S, onSelectPaymentMethod: C }) {
+	let { t: w } = a(), T = [
+		{
+			id: "card",
+			label: w("checkout_payment_method_card")
+		},
+		{
+			id: "apple_pay",
+			label: w("checkout_payment_method_apple_pay")
+		},
+		{
+			id: "other",
+			label: w("checkout_payment_method_other")
+		}
+	];
+	return /* @__PURE__ */ i(t, {
+		className: "border-slate-200 bg-white shadow-sm",
+		children: [/* @__PURE__ */ i("div", {
+			className: "border-b border-slate-200 px-4 py-4",
+			children: [/* @__PURE__ */ r("p", {
+				className: "text-sm font-semibold text-slate-950",
+				children: /* @__PURE__ */ r("span", { children: w("checkout_payment_totals_title") })
+			}), y ? /* @__PURE__ */ r("p", {
+				className: "mt-1 text-xs text-slate-600",
+				children: /* @__PURE__ */ r("span", { children: w("checkout_payment_totals_description") })
+			}) : null]
+		}), /* @__PURE__ */ i("div", {
+			className: "grid gap-4 px-4 py-4",
+			children: [
+				/* @__PURE__ */ i("dl", {
+					className: "grid text-sm",
+					children: [
+						/* @__PURE__ */ i("div", {
+							className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 py-2",
+							children: [/* @__PURE__ */ r("dt", {
+								className: "text-slate-700",
+								children: /* @__PURE__ */ r("span", { children: w("checkout_estimated_total") })
+							}), /* @__PURE__ */ r("dd", {
+								className: "font-semibold tabular-nums text-slate-900",
+								children: /* @__PURE__ */ r("span", { children: s })
+							})]
+						}),
+						l ? /* @__PURE__ */ i("div", {
+							className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5",
+							children: [/* @__PURE__ */ r("dt", {
+								className: "text-success",
+								children: /* @__PURE__ */ r("span", { children: w("checkout_coupon_discount", { code: c ?? "" }) })
+							}), /* @__PURE__ */ r("dd", {
+								className: "font-medium tabular-nums text-success",
+								children: /* @__PURE__ */ r("span", { children: l })
+							})]
+						}) : null,
+						/* @__PURE__ */ i("div", {
+							className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5",
+							children: [/* @__PURE__ */ r("dt", {
+								className: "text-slate-600",
+								children: /* @__PURE__ */ r("span", { children: w("checkout_payment_total_excluding_tax") })
+							}), /* @__PURE__ */ r("dd", {
+								className: "font-medium tabular-nums text-slate-700",
+								children: /* @__PURE__ */ r("span", { children: u })
+							})]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5",
+							children: [/* @__PURE__ */ r("dt", {
+								className: "text-slate-600",
+								children: /* @__PURE__ */ r("span", { children: w("checkout_payment_vat", { rate: f }) })
+							}), /* @__PURE__ */ r("dd", {
+								className: "font-medium tabular-nums text-slate-700",
+								children: /* @__PURE__ */ r("span", { children: d })
+							})]
+						}),
+						p ? /* @__PURE__ */ i("div", {
+							className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5",
+							children: [/* @__PURE__ */ r("dt", {
+								className: "text-slate-700",
+								children: /* @__PURE__ */ r("span", { children: w("checkout_payment_deposit_amount") })
+							}), /* @__PURE__ */ r("dd", {
+								className: "font-medium tabular-nums text-slate-900",
+								children: /* @__PURE__ */ r("span", { children: p })
+							})]
+						}) : null,
+						b ? /* @__PURE__ */ i("div", {
+							className: "mt-1 grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-200 pt-3",
+							children: [/* @__PURE__ */ r("dt", {
+								className: "text-sm font-semibold text-slate-900",
+								children: /* @__PURE__ */ r("span", { children: w("checkout_payment_amount_due_now") })
+							}), /* @__PURE__ */ r("dd", {
+								className: `text-base font-bold tabular-nums tracking-tight ${m > 0 ? "text-slate-950" : "text-slate-800"}`,
+								children: /* @__PURE__ */ r("span", { children: h })
+							})]
+						}) : null
+					]
+				}),
+				g ? /* @__PURE__ */ r("p", {
+					className: "text-xs text-slate-600",
+					children: /* @__PURE__ */ r("span", { children: g })
+				}) : null,
+				_ ? /* @__PURE__ */ i("div", {
+					className: "flex items-center gap-2 text-sm text-slate-600",
+					children: [/* @__PURE__ */ r(n, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ r("span", { children: w("checkout_payment_loading") })]
+				}) : null,
+				v ? /* @__PURE__ */ r("div", {
+					className: "grid gap-3 rounded-xl border border-destructive/25 bg-destructive/5 p-4",
+					children: /* @__PURE__ */ i("div", {
+						className: "flex items-start gap-2 text-sm text-destructive",
+						children: [/* @__PURE__ */ r(o, {
+							className: "mt-0.5 h-4 w-4",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ r("span", { children: v })]
+					})
+				}) : null,
+				!_ && !v && y ? /* @__PURE__ */ r("div", {
+					className: "grid gap-2 sm:grid-cols-3",
+					children: T.map((t) => /* @__PURE__ */ r(e, {
+						type: "button",
+						variant: x === t.id ? "default" : "outline",
+						disabled: S,
+						className: "h-9 rounded-full px-4 text-xs",
+						onClick: () => {
+							C(t.id);
+						},
+						children: /* @__PURE__ */ r("span", { children: t.label })
+					}, t.id))
+				}) : null
+			]
+		})]
+	});
 }
-export {
-  F as CheckoutPaymentSummaryCard
-};
+//#endregion
+export { s as CheckoutPaymentSummaryCard };