@loczer/storefront-sdk 0.180.0 → 0.182.0

package/dist/components/StorefrontCancellationPolicyNotice/index.js

@@ -1,93 +1,123 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as f } from "react";
-import { ResponsiveDialog as x, ResponsiveDialogContent as g, ResponsiveDialogHeader as _, ResponsiveDialogTitle as N, ResponsiveDialogDescription as b, ResponsiveDialogFooter as y } from "../../chunks/ui/dist/ResponsiveDialog-CYvYFO09.js";
-import { cn as v } from "@rpcbase/ui";
-import { CheckCircle2 as w, Info as d } from "lucide-react";
-import { useTranslation as T } from "react-i18next";
-import { Button as D } from "../../ui/button.js";
-const C = 0.95, m = (a) => a.tiers.length === 0 ? [] : [...a.tiers].sort((s, t) => s.upToHours - t.upToHours), H = (a) => m(a).find((t) => t.refundPercentage >= C) ?? null, R = (a, s) => {
-  try {
-    return new Intl.NumberFormat(s, {
-      style: "percent",
-      maximumFractionDigits: 2
-    }).format(a);
-  } catch {
-    return `${Math.round(a * 100)}%`;
-  }
+import { Button as e } from "../../ui/button.js";
+import { ResponsiveDialog as t, ResponsiveDialogContent as n, ResponsiveDialogDescription as r, ResponsiveDialogFooter as i, ResponsiveDialogHeader as a, ResponsiveDialogTitle as o } from "../../chunks/ui/dist/ResponsiveDialog-3nJFjDos.js";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { cn as u } from "@rpcbase/ui";
+import { useTranslation as d } from "react-i18next";
+import { CheckCircle2 as f, Info as p } from "lucide-react";
+//#region src/components/StorefrontCancellationPolicyNotice/index.tsx
+var m = .95, h = (e) => e.tiers.length === 0 ? [] : [...e.tiers].sort((e, t) => e.upToHours - t.upToHours), g = (e) => h(e).find((e) => e.refundPercentage >= m) ?? null, _ = (e, t) => {
+	try {
+		return new Intl.NumberFormat(t, {
+			style: "percent",
+			maximumFractionDigits: 2
+		}).format(e);
+	} catch {
+		return `${Math.round(e * 100)}%`;
+	}
 };
-function O({
-  policy: a,
-  className: s
-}) {
-  const { t, i18n: p } = T(), [u, r] = f(!1), h = m(a), o = H(a);
-  if (!o)
-    return null;
-  const c = (l) => {
-    const i = Math.max(1, Math.round(l));
-    return i >= 72 && i % 24 === 0 ? t("cancellation_policy_duration_days", { count: i / 24 }) : t("cancellation_policy_duration_hours", { count: i });
-  };
-  return /* @__PURE__ */ n("li", { className: v("flex items-start gap-3", s), "data-testid": "storefront-cancellation-policy-notice", children: [
-    /* @__PURE__ */ e(w, { className: "mt-0.5 h-5 w-5 shrink-0 text-success", "aria-hidden": "true" }),
-    /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ n("div", { className: "flex min-w-0 items-start gap-1.5", children: [
-        /* @__PURE__ */ e("p", { className: "min-w-0 text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_teaser", { duration: c(o.upToHours) }) }) }),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "mt-[-1px] inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-slate-500 transition hover:bg-slate-100 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2",
-            "aria-label": t("cancellation_policy_info_aria_label"),
-            onClick: () => r(!0),
-            children: /* @__PURE__ */ e(d, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_teaser_description", { duration: c(o.upToHours) }) }) })
-    ] }),
-    /* @__PURE__ */ e(x, { open: u, onOpenChange: r, children: /* @__PURE__ */ e(
-      g,
-      {
-        "data-testid": "storefront-cancellation-policy-modal",
-        className: "overflow-hidden border-slate-200 bg-white p-0",
-        desktopClassName: "max-w-lg gap-0",
-        mobileClassName: "max-h-[92dvh] gap-0",
-        children: /* @__PURE__ */ n("div", { className: "flex max-h-[90dvh] w-full min-w-0 flex-col", children: [
-          /* @__PURE__ */ e(_, { className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6", children: /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ e("span", { className: "mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white", children: /* @__PURE__ */ e(d, { className: "h-4 w-4", "aria-hidden": "true" }) }),
-            /* @__PURE__ */ n("span", { className: "min-w-0 space-y-1", children: [
-              /* @__PURE__ */ e(N, { className: "text-left text-lg font-semibold leading-6 text-slate-950", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_modal_title") }) }),
-              /* @__PURE__ */ e(b, { className: "text-left text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_modal_description") }) })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ e("div", { className: "overflow-y-auto px-5 py-5 sm:px-6", children: /* @__PURE__ */ e("dl", { className: "grid gap-3", children: h.map((l) => /* @__PURE__ */ n(
-            "div",
-            {
-              className: "rounded-lg border border-slate-200 bg-slate-50 px-4 py-3",
-              children: [
-                /* @__PURE__ */ e("dt", { className: "text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_modal_tier_deadline", { duration: c(l.upToHours) }) }) }),
-                /* @__PURE__ */ e("dd", { className: "mt-1 text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_modal_tier_refund", {
-                  percentage: R(l.refundPercentage, p.language)
-                }) }) })
-              ]
-            },
-            `${l.upToHours}-${l.refundPercentage}`
-          )) }) }),
-          /* @__PURE__ */ e(y, { className: "border-t border-slate-200 px-5 py-4 sm:px-6", children: /* @__PURE__ */ e(
-            D,
-            {
-              type: "button",
-              variant: "outline",
-              className: "h-11 w-full rounded-xl sm:w-auto",
-              onClick: () => r(!1),
-              children: /* @__PURE__ */ e("span", { children: t("close_modal") })
-            }
-          ) })
-        ] })
-      }
-    ) })
-  ] });
+function v({ policy: m, className: v }) {
+	let { t: y, i18n: b } = d(), [x, S] = s(!1), C = h(m), w = g(m);
+	if (!w) return null;
+	let T = (e) => {
+		let t = Math.max(1, Math.round(e));
+		return t >= 72 && t % 24 == 0 ? y("cancellation_policy_duration_days", { count: t / 24 }) : y("cancellation_policy_duration_hours", { count: t });
+	};
+	return /* @__PURE__ */ l("li", {
+		className: u("flex items-start gap-3", v),
+		"data-testid": "storefront-cancellation-policy-notice",
+		children: [
+			/* @__PURE__ */ c(f, {
+				className: "mt-0.5 h-5 w-5 shrink-0 text-success",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex min-w-0 items-start gap-1.5",
+					children: [/* @__PURE__ */ c("p", {
+						className: "min-w-0 text-sm font-medium text-slate-950",
+						children: /* @__PURE__ */ c("span", { children: y("cancellation_policy_teaser", { duration: T(w.upToHours) }) })
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						className: "mt-[-1px] inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-slate-500 transition hover:bg-slate-100 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2",
+						"aria-label": y("cancellation_policy_info_aria_label"),
+						onClick: () => S(!0),
+						children: /* @__PURE__ */ c(p, {
+							className: "h-3.5 w-3.5",
+							"aria-hidden": "true"
+						})
+					})]
+				}), /* @__PURE__ */ c("p", {
+					className: "text-xs text-slate-600",
+					children: /* @__PURE__ */ c("span", { children: y("cancellation_policy_teaser_description", { duration: T(w.upToHours) }) })
+				})]
+			}),
+			/* @__PURE__ */ c(t, {
+				open: x,
+				onOpenChange: S,
+				children: /* @__PURE__ */ c(n, {
+					"data-testid": "storefront-cancellation-policy-modal",
+					className: "overflow-hidden border-slate-200 bg-white p-0",
+					desktopClassName: "max-w-lg gap-0",
+					mobileClassName: "max-h-[92dvh] gap-0",
+					children: /* @__PURE__ */ l("div", {
+						className: "flex max-h-[90dvh] w-full min-w-0 flex-col",
+						children: [
+							/* @__PURE__ */ c(a, {
+								className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6",
+								children: /* @__PURE__ */ l("div", {
+									className: "flex items-start gap-3",
+									children: [/* @__PURE__ */ c("span", {
+										className: "mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white",
+										children: /* @__PURE__ */ c(p, {
+											className: "h-4 w-4",
+											"aria-hidden": "true"
+										})
+									}), /* @__PURE__ */ l("span", {
+										className: "min-w-0 space-y-1",
+										children: [/* @__PURE__ */ c(o, {
+											className: "text-left text-lg font-semibold leading-6 text-slate-950",
+											children: /* @__PURE__ */ c("span", { children: y("cancellation_policy_modal_title") })
+										}), /* @__PURE__ */ c(r, {
+											className: "text-left text-sm text-slate-600",
+											children: /* @__PURE__ */ c("span", { children: y("cancellation_policy_modal_description") })
+										})]
+									})]
+								})
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "overflow-y-auto px-5 py-5 sm:px-6",
+								children: /* @__PURE__ */ c("dl", {
+									className: "grid gap-3",
+									children: C.map((e) => /* @__PURE__ */ l("div", {
+										className: "rounded-lg border border-slate-200 bg-slate-50 px-4 py-3",
+										children: [/* @__PURE__ */ c("dt", {
+											className: "text-sm font-medium text-slate-950",
+											children: /* @__PURE__ */ c("span", { children: y("cancellation_policy_modal_tier_deadline", { duration: T(e.upToHours) }) })
+										}), /* @__PURE__ */ c("dd", {
+											className: "mt-1 text-sm text-slate-600",
+											children: /* @__PURE__ */ c("span", { children: y("cancellation_policy_modal_tier_refund", { percentage: _(e.refundPercentage, b.language) }) })
+										})]
+									}, `${e.upToHours}-${e.refundPercentage}`))
+								})
+							}),
+							/* @__PURE__ */ c(i, {
+								className: "border-t border-slate-200 px-5 py-4 sm:px-6",
+								children: /* @__PURE__ */ c(e, {
+									type: "button",
+									variant: "outline",
+									className: "h-11 w-full rounded-xl sm:w-auto",
+									onClick: () => S(!1),
+									children: /* @__PURE__ */ c("span", { children: y("close_modal") })
+								})
+							})
+						]
+					})
+				})
+			})
+		]
+	});
 }
-export {
-  O as StorefrontCancellationPolicyNotice,
-  H as resolveStorefrontCancellationPolicyTeaserTier
-};
+//#endregion
+export { v as StorefrontCancellationPolicyNotice, g as resolveStorefrontCancellationPolicyTeaserTier };

package/dist/components/StorefrontCartPanel/index.js

@@ -1,138 +1,184 @@
-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 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 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,
-  estimatedDays: p,
-  estimatedTotalMinor: u,
-  discountedEstimatedTotalMinor: w,
-  discountAmountMinor: i,
-  lateReturnSurchargeMinor: c,
-  couponCode: k,
-  durationLabel: h,
-  title: j,
-  description: x,
-  checkoutPath: f,
-  showCheckoutAction: q = !1,
-  showClearAction: C = !1,
-  editable: V = !0,
-  summaryAddon: L,
-  stickyTopClassName: P = "top-24",
-  onQuantityChange: b,
-  onRemove: N,
-  onClear: g
-}) {
-  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") }) }),
-        /* @__PURE__ */ e(m, { variant: "outline", className: "border-slate-200 bg-white text-slate-700", children: /* @__PURE__ */ e("span", { children: t("cart_items_count", { count: _ }) }) })
-      ] }),
-      x ? /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: x }) }) : null
-    ] }),
-    /* @__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 $ = 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",
-          {
-            className: "flex items-start justify-between gap-3 rounded-xl border border-slate-200 p-3",
-            children: [
-              /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-                /* @__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(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(
-                  H,
-                  {
-                    type: "number",
-                    min: 1,
-                    max: 99,
-                    value: a.quantity,
-                    onChange: (B) => {
-                      const y = Number(B.target.value);
-                      b(a.key, Number.isFinite(y) ? y : 0);
-                    },
-                    className: "h-9 w-16",
-                    "aria-label": t("quantity_label")
-                  }
-                ) : null,
-                N ? /* @__PURE__ */ e(
-                  o,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "icon",
-                    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(D, { className: "h-4 w-4", "aria-hidden": "true" })
-                  }
-                ) : null
-              ] }) : null
-            ]
-          },
-          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 u == "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 }) }) }),
-          h ? /* @__PURE__ */ e(m, { variant: "outline", className: "border-slate-200 bg-white text-slate-700", children: /* @__PURE__ */ e("span", { children: h }) }) : null
-        ] }),
-        typeof i == "number" && i > 0 ? /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
-          /* @__PURE__ */ e("p", { className: "text-success", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_discount", { code: k ?? "" }) }) }),
-          /* @__PURE__ */ e("p", { className: "font-semibold text-success", children: /* @__PURE__ */ e("span", { children: `-${r(i, s.language)}` }) })
-        ] }) : null,
-        typeof c == "number" && c > 0 ? /* @__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_late_return_fee") }) }),
-          /* @__PURE__ */ e("p", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: `+${r(c, s.language)}` }) })
-        ] }) : null,
-        /* @__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_total") }) }),
-          /* @__PURE__ */ e("p", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r(w ?? u, s.language) }) })
-        ] })
-      ] }) : null,
-      /* @__PURE__ */ l("div", { className: "grid 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(T, { className: "h-4 w-4", "aria-hidden": "true" })
-        ] }) }) : null,
-        C && g ? /* @__PURE__ */ e(
-          o,
-          {
-            type: "button",
-            variant: "outline",
-            className: d(n.length > 0 ? "w-full gap-2" : "hidden"),
-            onClick: g,
-            children: /* @__PURE__ */ e("span", { children: t("cart_clear") })
-          }
-        ) : null
-      ] })
-    ] })
-  ] });
+import { formatPriceMinor as e } from "../../lib/utils.js";
+import { Badge as t } from "../../ui/badge.js";
+import { Button as n } from "../../ui/button.js";
+import { Input as r } from "../../ui/input.js";
+import { Card as i } from "../../ui/card.js";
+import { ProductWarningNotice as a } from "../ProductWarningNotice/index.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { cn as l } from "@rpcbase/ui";
+import { Link as u } from "@rpcbase/router";
+import { useTranslation as d } from "react-i18next";
+import { ArrowRight as f, Trash2 as p } from "lucide-react";
+//#region src/components/StorefrontCartPanel/index.tsx
+function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, estimatedTotalMinor: v, discountedEstimatedTotalMinor: y, discountAmountMinor: b, lateReturnSurchargeMinor: x, couponCode: S, durationLabel: C, title: w, description: T, checkoutPath: E, showCheckoutAction: D = !1, showClearAction: O = !1, editable: k = !0, summaryAddon: A, stickyTopClassName: j = "top-24", onQuantityChange: M, onRemove: N, onClear: P }) {
+	let { t: F, i18n: I } = d();
+	return /* @__PURE__ */ c(i, {
+		className: l("sticky border-slate-200 bg-white shadow-sm", j),
+		children: [/* @__PURE__ */ c("div", {
+			className: "border-b border-slate-200 px-4 py-4",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ s("p", {
+					className: "text-sm font-semibold text-slate-950",
+					children: /* @__PURE__ */ s("span", { children: w ?? F("cart_title") })
+				}), /* @__PURE__ */ s(t, {
+					variant: "outline",
+					className: "border-slate-200 bg-white text-slate-700",
+					children: /* @__PURE__ */ s("span", { children: F("cart_items_count", { count: h }) })
+				})]
+			}), T ? /* @__PURE__ */ s("p", {
+				className: "mt-1 text-xs text-slate-600",
+				children: /* @__PURE__ */ s("span", { children: T })
+			}) : null]
+		}), /* @__PURE__ */ c("div", {
+			className: "grid gap-3 p-4",
+			children: [
+				m.length === 0 ? /* @__PURE__ */ s("p", {
+					className: "text-sm text-slate-600",
+					children: /* @__PURE__ */ s("span", { children: F("cart_empty") })
+				}) : /* @__PURE__ */ s("div", {
+					className: "grid gap-3",
+					children: m.map((i) => {
+						let o = e(i.unitPriceMinor, I.language), l = i.insufficientCapacity === !0, u = i.availabilityIssue === "quantity_unavailable" ? F("availability_quantity_unavailable") : F("availability_out_of_stock");
+						return /* @__PURE__ */ c("div", {
+							className: "flex items-start justify-between gap-3 rounded-xl border border-slate-200 p-3",
+							children: [/* @__PURE__ */ c("div", {
+								className: "flex min-w-0 flex-1 flex-col gap-1",
+								children: [
+									/* @__PURE__ */ s("p", {
+										className: "truncate text-sm font-medium text-slate-950",
+										children: /* @__PURE__ */ s("span", { children: i.productName })
+									}),
+									i.productVariantLabel ? /* @__PURE__ */ s("p", {
+										className: "text-xs text-slate-600",
+										children: /* @__PURE__ */ s("span", { children: `${F(i.productVariantIsSize ? "product_size_label" : "product_variant_label")}: ${i.productVariantLabel}` })
+									}) : null,
+									i.productVariantDescription ? /* @__PURE__ */ s("p", {
+										className: "text-xs text-slate-500",
+										children: /* @__PURE__ */ s("span", { children: i.productVariantDescription })
+									}) : null,
+									/* @__PURE__ */ s(a, { warning: i.productWarning }),
+									/* @__PURE__ */ s("p", {
+										className: "text-xs text-slate-600",
+										children: /* @__PURE__ */ s("span", { children: F("cart_line_meta", {
+											quantity: i.quantity,
+											price: o
+										}) })
+									}),
+									l ? /* @__PURE__ */ s("div", {
+										className: "flex flex-col items-start gap-1 pt-1",
+										children: /* @__PURE__ */ s(t, {
+											variant: "destructive",
+											children: /* @__PURE__ */ s("span", { children: u })
+										})
+									}) : null
+								]
+							}), k ? /* @__PURE__ */ c("div", {
+								className: "flex items-center gap-2",
+								children: [M ? /* @__PURE__ */ s(r, {
+									type: "number",
+									min: 1,
+									max: 99,
+									value: i.quantity,
+									onChange: (e) => {
+										let t = Number(e.target.value);
+										M(i.key, Number.isFinite(t) ? t : 0);
+									},
+									className: "h-9 w-16",
+									"aria-label": F("quantity_label")
+								}) : null, N ? /* @__PURE__ */ s(n, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "h-8 w-8 text-slate-500 hover:bg-slate-50 hover:text-slate-700",
+									onClick: () => N(i.key),
+									"aria-label": F("remove_from_cart"),
+									children: /* @__PURE__ */ s(p, {
+										className: "h-4 w-4",
+										"aria-hidden": "true"
+									})
+								}) : null]
+							}) : null]
+						}, i.key);
+					})
+				}),
+				A,
+				/* @__PURE__ */ c("div", {
+					className: "flex items-center justify-between gap-3 border-t border-slate-200 pt-3 text-sm",
+					children: [/* @__PURE__ */ s("p", {
+						className: "text-slate-700",
+						children: /* @__PURE__ */ s("span", { children: F("cart_total_per_day") })
+					}), /* @__PURE__ */ s("p", {
+						className: "font-semibold text-slate-950",
+						children: /* @__PURE__ */ s("span", { children: e(g, I.language) })
+					})]
+				}),
+				typeof _ == "number" && typeof v == "number" ? /* @__PURE__ */ c(o, { children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between gap-3 text-sm",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-slate-700",
+							children: /* @__PURE__ */ s("span", { children: F("checkout_estimated_days", { count: _ }) })
+						}), C ? /* @__PURE__ */ s(t, {
+							variant: "outline",
+							className: "border-slate-200 bg-white text-slate-700",
+							children: /* @__PURE__ */ s("span", { children: C })
+						}) : null]
+					}),
+					typeof b == "number" && b > 0 ? /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between gap-3 text-sm",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-success",
+							children: /* @__PURE__ */ s("span", { children: F("checkout_coupon_discount", { code: S ?? "" }) })
+						}), /* @__PURE__ */ s("p", {
+							className: "font-semibold text-success",
+							children: /* @__PURE__ */ s("span", { children: `-${e(b, I.language)}` })
+						})]
+					}) : null,
+					typeof x == "number" && x > 0 ? /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between gap-3 text-sm",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-slate-700",
+							children: /* @__PURE__ */ s("span", { children: F("checkout_late_return_fee") })
+						}), /* @__PURE__ */ s("p", {
+							className: "font-semibold text-slate-950",
+							children: /* @__PURE__ */ s("span", { children: `+${e(x, I.language)}` })
+						})]
+					}) : null,
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between gap-3 text-sm",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-slate-700",
+							children: /* @__PURE__ */ s("span", { children: F("checkout_estimated_total") })
+						}), /* @__PURE__ */ s("p", {
+							className: "font-semibold text-slate-950",
+							children: /* @__PURE__ */ s("span", { children: e(y ?? v, I.language) })
+						})]
+					})
+				] }) : null,
+				/* @__PURE__ */ c("div", {
+					className: "grid gap-2",
+					children: [D && E ? /* @__PURE__ */ s(u, {
+						to: E,
+						className: l(m.length > 0 ? "block" : "hidden"),
+						children: /* @__PURE__ */ c(n, {
+							className: "w-full gap-2",
+							children: [/* @__PURE__ */ s("span", { children: F("checkout_button") }), /* @__PURE__ */ s(f, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
+							})]
+						})
+					}) : null, O && P ? /* @__PURE__ */ s(n, {
+						type: "button",
+						variant: "outline",
+						className: l(m.length > 0 ? "w-full gap-2" : "hidden"),
+						onClick: P,
+						children: /* @__PURE__ */ s("span", { children: F("cart_clear") })
+					}) : null]
+				})
+			]
+		})]
+	});
 }
-export {
-  ee as StorefrontCartPanel
-};
+//#endregion
+export { m as StorefrontCartPanel };