@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/components/ProductGallery.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../invoice-ui.cjs");let t=require("react"),n=require("@nextblock-cms/utils"),r=require("react/jsx-runtime");var i=({images:i=[],className:a})=>{let{t:o}=(0,n.useTranslations)(),[s,c]=(0,t.useState)(0);if(!i.length)return(0,r.jsx)(`div`,{className:(0,n.cn)(`relative aspect-square w-full overflow-hidden rounded-lg bg-secondary`,a),children:(0,r.jsx)(`div`,{className:`flex h-full items-center justify-center text-muted-foreground`,children:e.translateOrFallback(o,`ecommerce.no_image`,`No image`)})});let l=s<i.length?s:0,u=i[l];return(0,r.jsxs)(`div`,{className:(0,n.cn)(`flex flex-col gap-4`,a),children:[(0,r.jsx)(`div`,{className:`relative aspect-square w-full overflow-hidden rounded-lg border bg-white`,children:(0,r.jsx)(`img`,{src:u.url,alt:u.alt??``,width:u.width??1e3,height:u.height??1e3,fetchPriority:`high`,decoding:`async`,className:`h-full w-full object-cover object-center`})}),i.length>1&&(0,r.jsx)(`div`,{className:`flex gap-4 overflow-x-auto p-1 pb-2`,children:i.map((t,a)=>(0,r.jsx)(`button`,{type:`button`,onClick:()=>c(a),"aria-current":l===a?`true`:void 0,"aria-label":e.translateOrFallback(o,`ecommerce.gallery_show_image`,`Show image {index} of {total}`).replace(`{index}`,String(a+1)).replace(`{total}`,String(i.length)),className:(0,n.cn)(`relative aspect-square w-20 flex-shrink-0 overflow-hidden rounded-md border focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring`,l===a?`ring-2 ring-primary`:`ring-1 ring-transparent hover:ring-primary/50`),children:(0,r.jsx)(`img`,{src:t.url,alt:``,width:80,height:80,loading:`lazy`,decoding:`async`,className:`h-full w-full object-cover object-center`})},a))})]})};exports.ProductGallery=i;

package/lib/components/ProductGallery.d.ts

@@ -7,5 +7,5 @@ interface ProductGalleryProps {
     }[];
     className?: string;
 }
-export declare const ProductGallery: ({ images, className }: ProductGalleryProps) => import("react").JSX.Element;
+export declare const ProductGallery: ({ images, className }: ProductGalleryProps) => import('react').JSX.Element;
 export {};

package/lib/components/ProductGallery.es.js

@@ -1,55 +1,52 @@
-'use client';
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { useTranslations as g, cn as o } from "@nextblock-cms/utils";
-import { useState as f } from "react";
-import { translateOrFallback as s } from "../invoice-ui.es.js";
-const w = ({ images: r = [], className: n }) => {
-  const { t: a } = g(), [c, d] = f(0);
-  if (!r.length)
-    return /* @__PURE__ */ e("div", { className: o("relative aspect-square w-full overflow-hidden rounded-lg bg-secondary", n), children: /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: s(a, "ecommerce.no_image", "No image") }) });
-  const i = c < r.length ? c : 0, l = r[i];
-  return /* @__PURE__ */ u("div", { className: o("flex flex-col gap-4", n), children: [
-    /* @__PURE__ */ e("div", { className: "relative aspect-square w-full overflow-hidden rounded-lg border bg-white", children: /* @__PURE__ */ e(
-      "img",
-      {
-        src: l.url,
-        alt: l.alt ?? "",
-        width: l.width ?? 1e3,
-        height: l.height ?? 1e3,
-        fetchPriority: "high",
-        decoding: "async",
-        className: "h-full w-full object-cover object-center"
-      }
-    ) }),
-    r.length > 1 && // p-1: `overflow-x-auto` also clips vertically, which cut off the selection ring.
-    /* @__PURE__ */ e("div", { className: "flex gap-4 overflow-x-auto p-1 pb-2", children: r.map((h, t) => /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: () => d(t),
-        "aria-current": i === t ? "true" : void 0,
-        "aria-label": s(a, "ecommerce.gallery_show_image", "Show image {index} of {total}").replace("{index}", String(t + 1)).replace("{total}", String(r.length)),
-        className: o(
-          "relative aspect-square w-20 flex-shrink-0 overflow-hidden rounded-md border focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
-          i === t ? "ring-2 ring-primary" : "ring-1 ring-transparent hover:ring-primary/50"
-        ),
-        children: /* @__PURE__ */ e(
-          "img",
-          {
-            src: h.url,
-            alt: "",
-            width: 80,
-            height: 80,
-            loading: "lazy",
-            decoding: "async",
-            className: "h-full w-full object-cover object-center"
-          }
-        )
-      },
-      t
-    )) })
-  ] });
-};
-export {
-  w as ProductGallery
+"use client";
+import { translateOrFallback as e } from "../invoice-ui.es.js";
+import { useState as t } from "react";
+import { cn as n, useTranslations as r } from "@nextblock-cms/utils";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/components/ProductGallery.tsx
+var o = ({ images: o = [], className: s }) => {
+	let { t: c } = r(), [l, u] = t(0);
+	if (!o.length) return /* @__PURE__ */ i("div", {
+		className: n("relative aspect-square w-full overflow-hidden rounded-lg bg-secondary", s),
+		children: /* @__PURE__ */ i("div", {
+			className: "flex h-full items-center justify-center text-muted-foreground",
+			children: e(c, "ecommerce.no_image", "No image")
+		})
+	});
+	let d = l < o.length ? l : 0, f = o[d];
+	return /* @__PURE__ */ a("div", {
+		className: n("flex flex-col gap-4", s),
+		children: [/* @__PURE__ */ i("div", {
+			className: "relative aspect-square w-full overflow-hidden rounded-lg border bg-white",
+			children: /* @__PURE__ */ i("img", {
+				src: f.url,
+				alt: f.alt ?? "",
+				width: f.width ?? 1e3,
+				height: f.height ?? 1e3,
+				fetchPriority: "high",
+				decoding: "async",
+				className: "h-full w-full object-cover object-center"
+			})
+		}), o.length > 1 && /* @__PURE__ */ i("div", {
+			className: "flex gap-4 overflow-x-auto p-1 pb-2",
+			children: o.map((t, r) => /* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: () => u(r),
+				"aria-current": d === r ? "true" : void 0,
+				"aria-label": e(c, "ecommerce.gallery_show_image", "Show image {index} of {total}").replace("{index}", String(r + 1)).replace("{total}", String(o.length)),
+				className: n("relative aspect-square w-20 flex-shrink-0 overflow-hidden rounded-md border focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", d === r ? "ring-2 ring-primary" : "ring-1 ring-transparent hover:ring-primary/50"),
+				children: /* @__PURE__ */ i("img", {
+					src: t.url,
+					alt: "",
+					width: 80,
+					height: 80,
+					loading: "lazy",
+					decoding: "async",
+					className: "h-full w-full object-cover object-center"
+				})
+			}, r))
+		})]
+	});
 };
+//#endregion
+export { o as ProductGallery };

package/lib/components/ProductGrid.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./ProductCard.cjs");let t=require("@nextblock-cms/utils"),n=require("react/jsx-runtime");var r=({products:r,columns:i=3,className:a})=>{let{t:o}=(0,t.useTranslations)();if(!r.length){let e=o(`ecommerce.no_products_found`);return(0,n.jsx)(`div`,{className:`py-12 text-center text-muted-foreground`,children:e===`ecommerce.no_products_found`?`No products found.`:e})}return(0,n.jsx)(`div`,{className:(0,t.cn)(`grid gap-6 sm:grid-cols-2`,i===3&&`lg:grid-cols-3`,i===4&&`lg:grid-cols-4`,a),children:r.map((t,r)=>(0,n.jsx)(e.ProductCard,{product:t,priority:r<i},t.id))})};exports.ProductGrid=r;

package/lib/components/ProductGrid.d.ts

@@ -4,5 +4,5 @@ interface ProductGridProps {
     columns?: 2 | 3 | 4;
     className?: string;
 }
-export declare const ProductGrid: ({ products, columns, className }: ProductGridProps) => import("react").JSX.Element;
+export declare const ProductGrid: ({ products, columns, className }: ProductGridProps) => import('react').JSX.Element;
 export {};

package/lib/components/ProductGrid.es.js

@@ -1,26 +1,24 @@
-'use client';
-import { jsx as e } from "react/jsx-runtime";
-import { ProductCard as n } from "./ProductCard.es.js";
-import { useTranslations as s, cn as m } from "@nextblock-cms/utils";
-const g = ({ products: t, columns: o = 3, className: d }) => {
-  const { t: c } = s();
-  if (!t.length) {
-    const r = c("ecommerce.no_products_found");
-    return /* @__PURE__ */ e("div", { className: "py-12 text-center text-muted-foreground", children: r === "ecommerce.no_products_found" ? "No products found." : r });
-  }
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: m(
-        "grid gap-6 sm:grid-cols-2",
-        o === 3 && "lg:grid-cols-3",
-        o === 4 && "lg:grid-cols-4",
-        d
-      ),
-      children: t.map((r, i) => /* @__PURE__ */ e(n, { product: r, priority: i < o }, r.id))
-    }
-  );
-};
-export {
-  g as ProductGrid
+"use client";
+import { ProductCard as e } from "./ProductCard.es.js";
+import { cn as t, useTranslations as n } from "@nextblock-cms/utils";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/components/ProductGrid.tsx
+var i = ({ products: i, columns: a = 3, className: o }) => {
+	let { t: s } = n();
+	if (!i.length) {
+		let e = s("ecommerce.no_products_found");
+		return /* @__PURE__ */ r("div", {
+			className: "py-12 text-center text-muted-foreground",
+			children: e === "ecommerce.no_products_found" ? "No products found." : e
+		});
+	}
+	return /* @__PURE__ */ r("div", {
+		className: t("grid gap-6 sm:grid-cols-2", a === 3 && "lg:grid-cols-3", a === 4 && "lg:grid-cols-4", o),
+		children: i.map((t, n) => /* @__PURE__ */ r(e, {
+			product: t,
+			priority: n < a
+		}, t.id))
+	});
 };
+//#endregion
+export { i as ProductGrid };

package/lib/components/ShippingEstimator.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../CurrencyProvider.cjs"),t=require("../use-price-formatter.cjs"),n=require("../countries.cjs"),r=require("../states.cjs"),i=require("../server-actions/shipping-actions.cjs");let a=require("@nextblock-cms/ui/button"),o=require("react"),s=require("lucide-react"),c=require("@nextblock-cms/utils"),l=require("react/jsx-runtime"),u=require("@nextblock-cms/ui/input"),d=require("@nextblock-cms/ui/label");var f=({physicalSubtotal:f})=>{let p=t.usePriceFormatter(),[m,h]=(0,o.useState)(`CA`),[g,_]=(0,o.useState)(``),[v,y]=(0,o.useState)(``),[b,x]=(0,o.useState)(!1),[S,C]=(0,o.useState)(null),[w,T]=(0,o.useState)(null),{t:E,lang:D}=(0,c.useTranslations)(),{activeCurrencyCode:O}=e.useCurrency(),k=(e,t)=>{let n=E(e);return n===e?t:n},A=r.getStatesForCountry(m),j=r.countryUsesStructuredStates(m),M=(0,o.useMemo)(()=>{try{return new Intl.DisplayNames([D],{type:`region`})}catch{return null}},[D]),N=k(`select_an_option`,`Select an option`),P=k(`state_province`,`State / Province`),F=async()=>{x(!0),T(null),C(null);try{let e=await i.getShippingEstimates(f,{country:m,state:g||void 0,postal_code:v},D,O);e.success&&e.methods?C(e.methods):T(e.errorKey?k(e.errorKey,e.error||E(`ecommerce.no_rates_found`)):e.error||E(`ecommerce.no_rates_found`))}catch(e){console.error(`[ShippingEstimator] Failed to load rates:`,e),T(k(`ecommerce.shipping_calculation_failed`,`We couldn't calculate shipping right now. Please try again.`))}finally{x(!1)}};return(0,l.jsxs)(`div`,{className:`space-y-4 rounded-lg border bg-muted/30 p-4 mt-6`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 font-semibold text-sm`,children:[(0,l.jsx)(s.Truck,{className:`h-4 w-4`}),(0,l.jsx)(`span`,{children:E(`ecommerce.estimate_shipping`)})]}),(0,l.jsxs)(`div`,{className:`grid gap-3`,children:[(0,l.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,l.jsx)(d.Label,{htmlFor:`estimate-country`,className:`text-xs uppercase tracking-wider text-muted-foreground`,children:E(`ecommerce.country`)}),(0,l.jsx)(`select`,{id:`estimate-country`,name:`estimate-country`,autoComplete:`shipping country`,value:m,onChange:e=>{let t=e.target.value,n=r.getStatesForCountry(t);h(t),_(n.some(e=>e.code===g)?g:``)},className:`flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm`,children:n.countries.map(e=>(0,l.jsx)(`option`,{value:e.code,children:M?.of(e.code)??e.name},e.code))})]}),j&&(0,l.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,l.jsx)(d.Label,{htmlFor:`estimate-state`,className:`text-xs uppercase tracking-wider text-muted-foreground`,children:E(`state_province`)}),(0,l.jsxs)(`select`,{id:`estimate-state`,name:`estimate-state`,autoComplete:`shipping address-level1`,value:g,onChange:e=>_(e.target.value),className:`flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm`,children:[(0,l.jsx)(`option`,{value:``,children:`${N}: ${P}`}),A.map(e=>(0,l.jsx)(`option`,{value:e.code,children:r.getSubdivisionLabel(m,e,D)},e.code))]})]}),(0,l.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,l.jsx)(d.Label,{htmlFor:`estimate-postal`,className:`text-xs uppercase tracking-wider text-muted-foreground`,children:E(`ecommerce.postal_code`)}),(0,l.jsxs)(`div`,{className:`flex gap-2`,children:[(0,l.jsx)(u.Input,{id:`estimate-postal`,name:`estimate-postal`,autoComplete:`shipping postal-code`,placeholder:m===`CA`?`A1A 1A1`:void 0,value:v,onChange:e=>y(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!b&&(e.preventDefault(),F())},className:`h-9 text-sm bg-background`}),(0,l.jsxs)(a.Button,{size:`sm`,variant:`secondary`,onClick:F,disabled:b,className:`shrink-0`,children:[b?(0,l.jsx)(s.Loader2,{className:`h-4 w-4 mr-1.5 animate-spin`}):(0,l.jsx)(s.Calculator,{className:`h-4 w-4 mr-1.5`}),E(`ecommerce.calculate`)]})]})]})]}),w&&(0,l.jsx)(`p`,{role:`alert`,className:`text-xs text-destructive mt-2`,children:w}),(0,l.jsxs)(`div`,{"aria-live":`polite`,children:[S&&S.length>0&&(0,l.jsxs)(`div`,{className:`mt-4 space-y-2 border-t pt-3`,children:[(0,l.jsxs)(`p`,{className:`text-xs font-medium text-muted-foreground uppercase`,children:[E(`ecommerce.available_rates`),`:`]}),S.map(e=>(0,l.jsxs)(`div`,{className:`flex justify-between items-center p-3 border rounded-lg bg-muted/30`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(s.Truck,{className:`h-4 w-4 text-muted-foreground`}),(0,l.jsx)(`span`,{className:`text-sm font-medium`,children:e.name})]}),(0,l.jsx)(`span`,{className:`text-sm font-bold tabular-nums`,children:e.amount===0?E(`ecommerce.free`):p(e.amount,O)})]},e.id))]}),S&&S.length===0&&!w&&(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground mt-2 italic`,children:E(`ecommerce.no_rates_found`)})]})]})};exports.ShippingEstimator=f;

package/lib/components/ShippingEstimator.d.ts

@@ -1,5 +1,5 @@
 interface ShippingEstimatorProps {
     physicalSubtotal: number;
 }
-export declare const ShippingEstimator: ({ physicalSubtotal }: ShippingEstimatorProps) => import("react").JSX.Element;
+export declare const ShippingEstimator: ({ physicalSubtotal }: ShippingEstimatorProps) => import('react').JSX.Element;
 export {};

package/lib/components/ShippingEstimator.es.js

@@ -1,154 +1,159 @@
-'use client';
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as o, useMemo as I } from "react";
-import { Button as K } from "@nextblock-cms/ui/button";
-import { Input as O } from "@nextblock-cms/ui/input";
-import { Label as g } from "@nextblock-cms/ui/label";
-import { Truck as C, Loader2 as T, Calculator as $ } from "lucide-react";
-import { countries as z } from "../countries.es.js";
-import { getShippingEstimates as B } from "../server-actions/shipping-actions.es.js";
-import { useTranslations as M } from "@nextblock-cms/utils";
-import { usePriceFormatter as R } from "../use-price-formatter.es.js";
-import { getStatesForCountry as _, countryUsesStructuredStates as U, getSubdivisionLabel as W } from "../states.es.js";
-import { useCurrency as q } from "../CurrencyProvider.es.js";
-const se = ({ physicalSubtotal: S }) => {
-  const w = R(), [s, k] = o("CA"), [c, f] = o(""), [x, F] = o(""), [u, v] = o(!1), [n, y] = o(null), [p, h] = o(null), { t: r, lang: l } = M(), { activeCurrencyCode: N } = q(), i = (e, m) => {
-    const d = r(e);
-    return d === e ? m : d;
-  }, E = _(s), P = U(s), A = I(() => {
-    try {
-      return new Intl.DisplayNames([l], { type: "region" });
-    } catch {
-      return null;
-    }
-  }, [l]), L = i("select_an_option", "Select an option"), j = i("state_province", "State / Province"), b = async () => {
-    v(!0), h(null), y(null);
-    try {
-      const e = await B(
-        S,
-        {
-          country: s,
-          state: c || void 0,
-          postal_code: x
-        },
-        l,
-        N
-      );
-      e.success && e.methods ? y(e.methods) : h(
-        e.errorKey ? i(
-          e.errorKey,
-          e.error || r("ecommerce.no_rates_found")
-        ) : e.error || r("ecommerce.no_rates_found")
-      );
-    } catch (e) {
-      console.error("[ShippingEstimator] Failed to load rates:", e), h(
-        i(
-          "ecommerce.shipping_calculation_failed",
-          "We couldn't calculate shipping right now. Please try again."
-        )
-      );
-    } finally {
-      v(!1);
-    }
-  };
-  return /* @__PURE__ */ a("div", { className: "space-y-4 rounded-lg border bg-muted/30 p-4 mt-6", children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-2 font-semibold text-sm", children: [
-      /* @__PURE__ */ t(C, { className: "h-4 w-4" }),
-      /* @__PURE__ */ t("span", { children: r("ecommerce.estimate_shipping") })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "grid gap-3", children: [
-      /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ t(g, { htmlFor: "estimate-country", className: "text-xs uppercase tracking-wider text-muted-foreground", children: r("ecommerce.country") }),
-        /* @__PURE__ */ t(
-          "select",
-          {
-            id: "estimate-country",
-            name: "estimate-country",
-            autoComplete: "shipping country",
-            value: s,
-            onChange: (e) => {
-              const m = e.target.value, d = _(m);
-              k(m), f(
-                d.some((D) => D.code === c) ? c : ""
-              );
-            },
-            className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-            children: z.map((e) => /* @__PURE__ */ t("option", { value: e.code, children: A?.of(e.code) ?? e.name }, e.code))
-          }
-        )
-      ] }),
-      P && /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ t(g, { htmlFor: "estimate-state", className: "text-xs uppercase tracking-wider text-muted-foreground", children: r("state_province") }),
-        /* @__PURE__ */ a(
-          "select",
-          {
-            id: "estimate-state",
-            name: "estimate-state",
-            autoComplete: "shipping address-level1",
-            value: c,
-            onChange: (e) => f(e.target.value),
-            className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-            children: [
-              /* @__PURE__ */ t("option", { value: "", children: `${L}: ${j}` }),
-              E.map((e) => /* @__PURE__ */ t("option", { value: e.code, children: W(s, e, l) }, e.code))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ t(g, { htmlFor: "estimate-postal", className: "text-xs uppercase tracking-wider text-muted-foreground", children: r("ecommerce.postal_code") }),
-        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ t(
-            O,
-            {
-              id: "estimate-postal",
-              name: "estimate-postal",
-              autoComplete: "shipping postal-code",
-              placeholder: s === "CA" ? "A1A 1A1" : void 0,
-              value: x,
-              onChange: (e) => F(e.target.value),
-              onKeyDown: (e) => {
-                e.key === "Enter" && !u && (e.preventDefault(), b());
-              },
-              className: "h-9 text-sm bg-background"
-            }
-          ),
-          /* @__PURE__ */ a(
-            K,
-            {
-              size: "sm",
-              variant: "secondary",
-              onClick: b,
-              disabled: u,
-              className: "shrink-0",
-              children: [
-                u ? /* @__PURE__ */ t(T, { className: "h-4 w-4 mr-1.5 animate-spin" }) : /* @__PURE__ */ t($, { className: "h-4 w-4 mr-1.5" }),
-                r("ecommerce.calculate")
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    p && /* @__PURE__ */ t("p", { role: "alert", className: "text-xs text-destructive mt-2", children: p }),
-    /* @__PURE__ */ a("div", { "aria-live": "polite", children: [
-      n && n.length > 0 && /* @__PURE__ */ a("div", { className: "mt-4 space-y-2 border-t pt-3", children: [
-        /* @__PURE__ */ a("p", { className: "text-xs font-medium text-muted-foreground uppercase", children: [
-          r("ecommerce.available_rates"),
-          ":"
-        ] }),
-        n.map((e) => /* @__PURE__ */ a("div", { className: "flex justify-between items-center p-3 border rounded-lg bg-muted/30", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ t(C, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: e.name })
-          ] }),
-          /* @__PURE__ */ t("span", { className: "text-sm font-bold tabular-nums", children: e.amount === 0 ? r("ecommerce.free") : w(e.amount, N) })
-        ] }, e.id))
-      ] }),
-      n && n.length === 0 && !p && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground mt-2 italic", children: r("ecommerce.no_rates_found") })
-    ] })
-  ] });
-};
-export {
-  se as ShippingEstimator
+"use client";
+import { useCurrency as e } from "../CurrencyProvider.es.js";
+import { usePriceFormatter as t } from "../use-price-formatter.es.js";
+import { countries as n } from "../countries.es.js";
+import { countryUsesStructuredStates as r, getStatesForCountry as i, getSubdivisionLabel as a } from "../states.es.js";
+import { getShippingEstimates as o } from "../server-actions/shipping-actions.es.js";
+import { Button as s } from "@nextblock-cms/ui/button";
+import { useMemo as c, useState as l } from "react";
+import { Calculator as u, Loader2 as d, Truck as f } from "lucide-react";
+import { useTranslations as p } from "@nextblock-cms/utils";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Input as g } from "@nextblock-cms/ui/input";
+import { Label as _ } from "@nextblock-cms/ui/label";
+//#region src/lib/components/ShippingEstimator.tsx
+var v = ({ physicalSubtotal: v }) => {
+	let y = t(), [b, x] = l("CA"), [S, C] = l(""), [w, T] = l(""), [E, D] = l(!1), [O, k] = l(null), [A, j] = l(null), { t: M, lang: N } = p(), { activeCurrencyCode: P } = e(), F = (e, t) => {
+		let n = M(e);
+		return n === e ? t : n;
+	}, I = i(b), L = r(b), R = c(() => {
+		try {
+			return new Intl.DisplayNames([N], { type: "region" });
+		} catch {
+			return null;
+		}
+	}, [N]), z = F("select_an_option", "Select an option"), B = F("state_province", "State / Province"), V = async () => {
+		D(!0), j(null), k(null);
+		try {
+			let e = await o(v, {
+				country: b,
+				state: S || void 0,
+				postal_code: w
+			}, N, P);
+			e.success && e.methods ? k(e.methods) : j(e.errorKey ? F(e.errorKey, e.error || M("ecommerce.no_rates_found")) : e.error || M("ecommerce.no_rates_found"));
+		} catch (e) {
+			console.error("[ShippingEstimator] Failed to load rates:", e), j(F("ecommerce.shipping_calculation_failed", "We couldn't calculate shipping right now. Please try again."));
+		} finally {
+			D(!1);
+		}
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-4 rounded-lg border bg-muted/30 p-4 mt-6",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-center gap-2 font-semibold text-sm",
+				children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), /* @__PURE__ */ m("span", { children: M("ecommerce.estimate_shipping") })]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid gap-3",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ m(_, {
+							htmlFor: "estimate-country",
+							className: "text-xs uppercase tracking-wider text-muted-foreground",
+							children: M("ecommerce.country")
+						}), /* @__PURE__ */ m("select", {
+							id: "estimate-country",
+							name: "estimate-country",
+							autoComplete: "shipping country",
+							value: b,
+							onChange: (e) => {
+								let t = e.target.value, n = i(t);
+								x(t), C(n.some((e) => e.code === S) ? S : "");
+							},
+							className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							children: n.map((e) => /* @__PURE__ */ m("option", {
+								value: e.code,
+								children: R?.of(e.code) ?? e.name
+							}, e.code))
+						})]
+					}),
+					L && /* @__PURE__ */ h("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ m(_, {
+							htmlFor: "estimate-state",
+							className: "text-xs uppercase tracking-wider text-muted-foreground",
+							children: M("state_province")
+						}), /* @__PURE__ */ h("select", {
+							id: "estimate-state",
+							name: "estimate-state",
+							autoComplete: "shipping address-level1",
+							value: S,
+							onChange: (e) => C(e.target.value),
+							className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							children: [/* @__PURE__ */ m("option", {
+								value: "",
+								children: `${z}: ${B}`
+							}), I.map((e) => /* @__PURE__ */ m("option", {
+								value: e.code,
+								children: a(b, e, N)
+							}, e.code))]
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ m(_, {
+							htmlFor: "estimate-postal",
+							className: "text-xs uppercase tracking-wider text-muted-foreground",
+							children: M("ecommerce.postal_code")
+						}), /* @__PURE__ */ h("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ m(g, {
+								id: "estimate-postal",
+								name: "estimate-postal",
+								autoComplete: "shipping postal-code",
+								placeholder: b === "CA" ? "A1A 1A1" : void 0,
+								value: w,
+								onChange: (e) => T(e.target.value),
+								onKeyDown: (e) => {
+									e.key === "Enter" && !E && (e.preventDefault(), V());
+								},
+								className: "h-9 text-sm bg-background"
+							}), /* @__PURE__ */ h(s, {
+								size: "sm",
+								variant: "secondary",
+								onClick: V,
+								disabled: E,
+								className: "shrink-0",
+								children: [E ? /* @__PURE__ */ m(d, { className: "h-4 w-4 mr-1.5 animate-spin" }) : /* @__PURE__ */ m(u, { className: "h-4 w-4 mr-1.5" }), M("ecommerce.calculate")]
+							})]
+						})]
+					})
+				]
+			}),
+			A && /* @__PURE__ */ m("p", {
+				role: "alert",
+				className: "text-xs text-destructive mt-2",
+				children: A
+			}),
+			/* @__PURE__ */ h("div", {
+				"aria-live": "polite",
+				children: [O && O.length > 0 && /* @__PURE__ */ h("div", {
+					className: "mt-4 space-y-2 border-t pt-3",
+					children: [/* @__PURE__ */ h("p", {
+						className: "text-xs font-medium text-muted-foreground uppercase",
+						children: [M("ecommerce.available_rates"), ":"]
+					}), O.map((e) => /* @__PURE__ */ h("div", {
+						className: "flex justify-between items-center p-3 border rounded-lg bg-muted/30",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ m(f, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ m("span", {
+								className: "text-sm font-medium",
+								children: e.name
+							})]
+						}), /* @__PURE__ */ m("span", {
+							className: "text-sm font-bold tabular-nums",
+							children: e.amount === 0 ? M("ecommerce.free") : y(e.amount, P)
+						})]
+					}, e.id))]
+				}), O && O.length === 0 && !A && /* @__PURE__ */ m("p", {
+					className: "text-xs text-muted-foreground mt-2 italic",
+					children: M("ecommerce.no_rates_found")
+				})]
+			})
+		]
+	});
 };
+//#endregion
+export { v as ShippingEstimator };

package/lib/components/ShortDescription.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./SimpleTiptapRenderer.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@nextblock-cms/utils"),i=require("react/jsx-runtime");var a=/<\/?[a-z][^>]*>/i,o=e=>a.test(e);function s({value:e,className:n}){let a=e?.trim();return a?o(a)?(0,i.jsx)(`div`,{className:n,dangerouslySetInnerHTML:{__html:t.toNoCookieEmbedSrc(a)??a}}):(0,i.jsx)(`p`,{className:(0,r.cn)(`whitespace-pre-line`,n),children:a}):null}exports.ShortDescription=s,exports.isHtmlShortDescription=o;

package/lib/components/ShortDescription.es.js

@@ -1,18 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as i } from "@nextblock-cms/utils";
-import { toNoCookieEmbedSrc as n } from "./SimpleTiptapRenderer.es.js";
-const c = /<\/?[a-z][^>]*>/i, m = (r) => c.test(r);
-function f({ value: r, className: o }) {
-  const t = r?.trim();
-  return t ? m(t) ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: o,
-      dangerouslySetInnerHTML: { __html: n(t) ?? t }
-    }
-  ) : /* @__PURE__ */ e("p", { className: i("whitespace-pre-line", o), children: t }) : null;
+import { toNoCookieEmbedSrc as e } from "./SimpleTiptapRenderer.es.js";
+import "react";
+import { cn as t } from "@nextblock-cms/utils";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/ShortDescription.tsx
+var r = /<\/?[a-z][^>]*>/i, i = (e) => r.test(e);
+function a({ value: r, className: a }) {
+	let o = r?.trim();
+	return o ? i(o) ? /* @__PURE__ */ n("div", {
+		className: a,
+		dangerouslySetInnerHTML: { __html: e(o) ?? o }
+	}) : /* @__PURE__ */ n("p", {
+		className: t("whitespace-pre-line", a),
+		children: o
+	}) : null;
 }
-export {
-  f as ShortDescription,
-  m as isHtmlShortDescription
-};
+//#endregion
+export { a as ShortDescription, i as isHtmlShortDescription };

package/lib/components/SimpleTiptapRenderer.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=(e,t)=>t.reduce((e,t)=>{switch(t.type){case`bold`:return(0,n.jsx)(`strong`,{children:e});case`italic`:return(0,n.jsx)(`em`,{children:e});case`underline`:case`u`:return(0,n.jsx)(`u`,{children:e});case`strike`:return(0,n.jsx)(`s`,{children:e});case`code`:return(0,n.jsx)(`code`,{className:`bg-muted px-1.5 py-0.5 rounded text-[0.875em] font-mono`,children:e});case`link`:{let r=t.attrs?.href||`#`,i=t.attrs?.target||`_blank`;return(0,n.jsx)(`a`,{href:r,target:i,rel:`noopener noreferrer`,className:`underline text-primary hover:text-primary/80`,children:e})}case`highlight`:{let r=t.attrs?.color;return(0,n.jsx)(`mark`,{style:r?{backgroundColor:r}:{},className:r?void 0:`bg-yellow-200 dark:bg-yellow-800/50`,children:e})}case`subscript`:return(0,n.jsx)(`sub`,{children:e});case`superscript`:return(0,n.jsx)(`sup`,{children:e});case`textStyle`:{let r={};return t.attrs?.color&&(r.color=t.attrs.color),t.attrs?.fontSize&&(r.fontSize=t.attrs.fontSize),t.attrs?.fontFamily&&(r.fontFamily=t.attrs.fontFamily),Object.keys(r).length>0?(0,n.jsx)(`span`,{style:r,children:e}):(0,n.jsx)(n.Fragment,{children:e})}default:return e}},e),i=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],a=(e,n,r,a)=>{let o=i[Math.max(1,Math.min(6,e))-1],s=a?.id;return t.default.createElement(o,{key:r,className:`font-bold my-4`,id:s},n)},o=e=>{let t={},n={},r=e?.colspan,i=e?.rowspan,a=e?.colwidth;return r&&r>1&&(t.colSpan=r),i&&i>1&&(t.rowSpan=i),a&&Array.isArray(a)&&a[0]&&(n.minWidth=a[0]),Object.keys(n).length>0&&(t.style=n),t},s=(e,i)=>{if(e.type===`text`){let a=e.text??``;return(0,n.jsx)(t.default.Fragment,{children:e.marks?.length?r(a,e.marks):a},i)}let l=e.content?.map((e,t)=>s(e,t))??null;switch(e.type){case`doc`:return(0,n.jsx)(`div`,{children:l},i);case`paragraph`:{if(!e.content?.length||e.content.every(e=>e.type===`text`&&(!e.text||!e.text.trim())))return null;let t=e.attrs?.textAlign,r=t?{textAlign:t}:{};return(0,n.jsx)(`p`,{className:`mb-4`,style:Object.keys(r).length?r:void 0,children:l},i)}case`heading`:return a(e.attrs?.level||1,l,i,e.attrs??void 0);case`bulletList`:return(0,n.jsx)(`ul`,{className:`list-disc pl-5 mb-4`,children:l},i);case`orderedList`:{let t=e.attrs?.start??1;return(0,n.jsx)(`ol`,{className:`list-decimal pl-5 mb-4`,start:t===1?void 0:t,children:l},i)}case`listItem`:return(0,n.jsx)(`li`,{children:l},i);case`taskList`:return(0,n.jsx)(`ul`,{className:`list-none pl-0 mb-4 space-y-1`,children:l},i);case`taskItem`:{let t=!!e.attrs?.checked;return(0,n.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,n.jsx)(`input`,{type:`checkbox`,checked:t,readOnly:!0,className:`mt-1.5 rounded`}),(0,n.jsx)(`div`,{className:t?`line-through text-muted-foreground`:``,children:l})]},i)}case`blockquote`:return(0,n.jsx)(`blockquote`,{className:`border-l-4 border-border pl-4 italic my-4`,children:l},i);case`codeBlock`:{let t=e.attrs?.language;return(0,n.jsx)(`pre`,{className:`bg-muted rounded-lg p-4 mb-4 overflow-x-auto`,"data-language":t||void 0,children:(0,n.jsx)(`code`,{className:`text-sm font-mono`,children:l})},i)}case`horizontalRule`:return(0,n.jsx)(`hr`,{className:`my-6 border-border`},i);case`hardBreak`:return(0,n.jsx)(`br`,{},i);case`image`:{let t=e.attrs?.src,r=e.attrs?.alt||``,a=e.attrs?.title,o=e.attrs?.width,s=e.attrs?.height,c={};return o&&(c.width=typeof o==`number`?`${o}px`:o),s&&(c.height=typeof s==`number`?`${s}px`:s),(0,n.jsx)(`img`,{src:t,alt:r??``,title:a,width:typeof o==`number`?o:void 0,height:typeof s==`number`?s:void 0,loading:`lazy`,decoding:`async`,style:Object.keys(c).length?c:void 0,className:`max-w-full h-auto rounded my-4`},i)}case`table`:return(0,n.jsx)(`div`,{className:`overflow-x-auto my-4`,children:(0,n.jsx)(`table`,{className:`w-full border-collapse border border-gray-300 dark:border-gray-700`,style:{minWidth:500},children:(0,n.jsx)(`tbody`,{children:l})})},i);case`tableRow`:return(0,n.jsx)(`tr`,{className:`border-b border-gray-300 dark:border-gray-700`,children:l},i);case`tableHeader`:return(0,n.jsx)(`th`,{...o(e.attrs??void 0),className:`bg-gray-100 dark:bg-gray-800 font-bold p-3 text-left border border-gray-300 dark:border-gray-700`,children:l},i);case`tableCell`:return(0,n.jsx)(`td`,{...o(e.attrs??void 0),className:`p-3 border border-gray-300 dark:border-gray-700`,children:l},i);case`details`:return(0,n.jsx)(`details`,{className:`my-4 border rounded-lg overflow-hidden`,children:l},i);case`detailsSummary`:return(0,n.jsx)(`summary`,{className:`cursor-pointer p-3 font-semibold bg-muted/30 hover:bg-muted/50`,children:l},i);case`detailsContent`:return(0,n.jsx)(`div`,{className:`p-3 border-t`,children:l},i);case`youtube`:{let t=c(e.attrs?.src),r=e.attrs?.width||640,a=e.attrs?.height||480;return(0,n.jsx)(`div`,{className:`relative my-4 overflow-hidden rounded-lg`,style:{aspectRatio:`${r}/${a}`,maxWidth:r},children:(0,n.jsx)(`iframe`,{src:t,title:e.attrs?.title||`Embedded video`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture`,allowFullScreen:!0,loading:`lazy`,className:`absolute inset-0 w-full h-full`})},i)}case`iframe`:{let t=c(e.attrs?.src);return(0,n.jsx)(`div`,{className:`my-4 overflow-hidden rounded-lg`,style:{aspectRatio:`16/9`},children:(0,n.jsx)(`iframe`,{src:t,title:e.attrs?.title||`Embedded content`,allowFullScreen:!0,loading:`lazy`,className:`w-full h-full border-0`})},i)}case`mention`:{let t=e.attrs?.label||e.attrs?.id||``;return(0,n.jsxs)(`span`,{className:`text-primary font-medium`,children:[`@`,t]},i)}default:return(0,n.jsx)(`div`,{children:l},i)}},c=e=>e?.replace(/(?:https?:)?\/\/(?:www\.|m\.|music\.)?youtube\.com\/embed\//gi,`https://www.youtube-nocookie.com/embed/`),l=({content:e,className:t})=>{if(!e)return null;if(typeof e==`string`){if(e.trim().startsWith(`{`)||e.trim().startsWith(`[`))try{let r=JSON.parse(e);return(0,n.jsx)(l,{content:r,className:t})}catch{}return(0,n.jsx)(`div`,{className:t,dangerouslySetInnerHTML:{__html:c(e)??e}})}let r=e;return!r.content||!Array.isArray(r.content)?null:(0,n.jsx)(`div`,{className:t,children:r.content.map((e,t)=>s(e,t))})};exports.SimpleTiptapRenderer=l,exports.toNoCookieEmbedSrc=c;