@nextblock-cms/ecom 0.20.3 → 0.21.0

package/lib/pages/cms/orders/MarkPaidButton.d.ts

@@ -1,3 +1,3 @@
 export declare function MarkPaidButton({ orderId }: {
     orderId: string;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;

package/lib/pages/cms/orders/OrderDetailPage.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("next/link"),x=require("next/navigation"),m=require("../../../components/InvoiceViewerShell.cjs.js"),u=require("../../../invoice-server.cjs.js"),p=require("../../../invoice-ui.cjs.js"),g=require("./actions.cjs.js"),b=require("./OrderPrintButton.cjs.js"),h=require("./OrderStatusForm.cjs.js"),i=(a,r="usd")=>new Intl.NumberFormat("en-US",{style:"currency",currency:r}).format(a/100);async function f({params:a}){const{id:r}=await a,[t,s]=await Promise.all([g.getOrderDetails(r),u.getInvoicePresentationData(r).catch(()=>null)]);t||x.notFound();const l=s?.order.customer_details??t.customer_details,d=p.buildInvoiceDocumentLabels(c=>c);return e.jsxs("div",{className:"mx-auto w-full max-w-6xl px-4 py-10 md:px-6",children:[e.jsxs("div",{className:"flex flex-col gap-4 border-b pb-6 md:flex-row md:items-start md:justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2 text-sm text-gray-500",children:[e.jsx(o,{href:"/cms/orders",className:"hover:underline",children:"Orders"}),e.jsx("span",{children:"/"}),e.jsx("span",{className:"font-mono",children:t.id})]}),e.jsxs("h1",{className:"flex flex-wrap items-center gap-3 text-3xl font-bold tracking-tight",children:["Order",e.jsx(y,{status:t.status,size:"lg"})]}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:"Review the finalized invoice, customer details, and payment metadata in one place."})]}),e.jsx("div",{className:"w-full max-w-md",children:e.jsx(h.OrderStatusForm,{orderId:r,currentStatus:t.status})})]}),e.jsxs("div",{className:"mt-6 grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900",children:[e.jsx("h3",{className:"mb-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500",children:"Customer"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[l?.name?e.jsx("p",{className:"font-semibold text-gray-900 dark:text-white",children:l.name}):null,l?.email?e.jsx("p",{className:"text-gray-600 dark:text-gray-400",children:l.email}):null,l?.phone?e.jsx("p",{className:"text-gray-600 dark:text-gray-400",children:l.phone}):null,!l?.name&&!l?.email&&!l?.phone?e.jsx("p",{className:"italic text-gray-400",children:"No contact info captured."}):null,t.user_id?e.jsxs("p",{className:"pt-1 font-mono text-[10px] uppercase tracking-wider text-gray-400",children:["User ID: ",t.user_id.slice(0,13),"..."]}):null]})]}),e.jsxs("div",{className:"rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900",children:[e.jsx("h3",{className:"mb-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500",children:"Payment Details"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsx(n,{label:"Provider",value:t.provider||"stripe",capitalize:!0}),e.jsx(n,{label:"Currency",value:(t.currency||"usd").toUpperCase()}),e.jsx(n,{label:"Created",value:new Date(t.created_at||"").toLocaleDateString()}),e.jsx(n,{label:"Invoice #",value:s?.order.invoice_number||"Pending assignment"}),e.jsx(n,{label:"Paid on",value:s?.order.paid_at?new Date(s.order.paid_at).toLocaleString():"Pending payment"}),e.jsx(n,{label:"Total",value:typeof t.total=="number"?i(t.total,t.currency||"usd"):"--"}),t.discount_total?e.jsx(n,{label:"Discount",value:`${t.coupon_code?`${t.coupon_code} `:""}-${i(t.discount_total,t.currency||"usd")}`}):null,t.stripe_session_id?e.jsxs("div",{className:"mt-3 border-t pt-3 dark:border-slate-800",children:[e.jsx("p",{className:"mb-1 text-xs text-gray-500",children:"Session ID"}),e.jsx("p",{className:"break-all rounded bg-gray-50 p-1 font-mono text-xs dark:bg-slate-800",children:t.stripe_session_id})]}):null]})]})]}),e.jsx("div",{className:"mt-6 flex justify-end print:hidden",children:e.jsx(b.OrderPrintButton,{disabled:!s})}),e.jsx(m.InvoiceViewerShell,{invoice:s,labels:d,locale:"en-US",title:s?.order.invoice_number||"Order invoice",description:"Open the printable invoice below and update the order status whenever you need to.",printLabel:"Print / Save as PDF",action:{href:"/cms/orders",label:"Back to orders",variant:"outline"},emptyMessage:"The printable invoice will appear here after the order payment metadata is synced.",className:"max-w-none px-0 py-6 md:px-0",showHeader:!1})]})}function n({label:a,value:r,capitalize:t=!1}){return e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsx("span",{className:"text-gray-500",children:a}),e.jsx("span",{className:t?"capitalize font-medium":"font-medium",children:r})]})}function y({status:a,size:r="md"}){let t="bg-gray-100 text-gray-700 dark:bg-slate-800 dark:text-gray-300";a==="paid"&&(t="bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"),a==="trial"&&(t="bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300"),a==="pending"&&(t="bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400"),a==="shipped"&&(t="bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"),a==="cancelled"&&(t="bg-slate-200 text-slate-700 dark:bg-slate-800 dark:text-slate-300"),a==="refunded"&&(t="bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300"),a==="failed"&&(t="bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400");const s=r==="lg"?"px-3 py-1 text-sm":"px-2 py-0.5 text-xs";return e.jsx("span",{className:`${s} rounded-full font-medium capitalize ${t}`,children:a})}exports.OrderDetailPage=f;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../../invoice-ui.cjs.js"),n=require("../../../components/InvoiceViewerShell.cjs.js"),r=require("../../../invoice-server.cjs.js"),i=require("./actions.cjs.js"),a=require("./OrderPrintButton.cjs.js"),o=require("./OrderStatusForm.cjs.js");let s=require("next/link");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("next/navigation");var u=(e,t=`usd`)=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:t}).format(e/100);async function d({params:e}){let{id:d}=await e,[m,h]=await Promise.all([i.getOrderDetails(d),r.getInvoicePresentationData(d).catch(()=>null)]);m||(0,l.notFound)();let g=h?.order.customer_details??m.customer_details,_=t.buildInvoiceDocumentLabels(e=>e);return(0,c.jsxs)(`div`,{className:`mx-auto w-full max-w-6xl px-4 py-10 md:px-6`,children:[(0,c.jsxs)(`div`,{className:`flex flex-col gap-4 border-b pb-6 md:flex-row md:items-start md:justify-between`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 text-sm text-gray-500`,children:[(0,c.jsx)(s.default,{href:`/cms/orders`,className:`hover:underline`,children:`Orders`}),(0,c.jsx)(`span`,{children:`/`}),(0,c.jsx)(`span`,{className:`font-mono`,children:m.id})]}),(0,c.jsxs)(`h1`,{className:`flex flex-wrap items-center gap-3 text-3xl font-bold tracking-tight`,children:[`Order`,(0,c.jsx)(p,{status:m.status,size:`lg`})]}),(0,c.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Review the finalized invoice, customer details, and payment metadata in one place.`})]}),(0,c.jsx)(`div`,{className:`w-full max-w-md`,children:(0,c.jsx)(o.OrderStatusForm,{orderId:d,currentStatus:m.status})})]}),(0,c.jsxs)(`div`,{className:`mt-6 grid gap-4 md:grid-cols-2`,children:[(0,c.jsxs)(`div`,{className:`rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900`,children:[(0,c.jsx)(`h3`,{className:`mb-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500`,children:`Customer`}),(0,c.jsxs)(`div`,{className:`space-y-2 text-sm`,children:[g?.name?(0,c.jsx)(`p`,{className:`font-semibold text-gray-900 dark:text-white`,children:g.name}):null,g?.email?(0,c.jsx)(`p`,{className:`text-gray-600 dark:text-gray-400`,children:g.email}):null,g?.phone?(0,c.jsx)(`p`,{className:`text-gray-600 dark:text-gray-400`,children:g.phone}):null,!g?.name&&!g?.email&&!g?.phone?(0,c.jsx)(`p`,{className:`italic text-gray-400`,children:`No contact info captured.`}):null,m.user_id?(0,c.jsxs)(`p`,{className:`pt-1 font-mono text-[10px] uppercase tracking-wider text-gray-400`,children:[`User ID: `,m.user_id.slice(0,13),`...`]}):null]})]}),(0,c.jsxs)(`div`,{className:`rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900`,children:[(0,c.jsx)(`h3`,{className:`mb-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500`,children:`Payment Details`}),(0,c.jsxs)(`div`,{className:`space-y-2 text-sm`,children:[(0,c.jsx)(f,{label:`Provider`,value:m.provider||`stripe`,capitalize:!0}),(0,c.jsx)(f,{label:`Currency`,value:(m.currency||`usd`).toUpperCase()}),(0,c.jsx)(f,{label:`Created`,value:new Date(m.created_at||``).toLocaleDateString()}),(0,c.jsx)(f,{label:`Invoice #`,value:h?.order.invoice_number||`Pending assignment`}),(0,c.jsx)(f,{label:`Paid on`,value:h?.order.paid_at?new Date(h.order.paid_at).toLocaleString():`Pending payment`}),(0,c.jsx)(f,{label:`Total`,value:typeof m.total==`number`?u(m.total,m.currency||`usd`):`--`}),m.discount_total?(0,c.jsx)(f,{label:`Discount`,value:`${m.coupon_code?`${m.coupon_code} `:``}-${u(m.discount_total,m.currency||`usd`)}`}):null,m.stripe_session_id?(0,c.jsxs)(`div`,{className:`mt-3 border-t pt-3 dark:border-slate-800`,children:[(0,c.jsx)(`p`,{className:`mb-1 text-xs text-gray-500`,children:`Session ID`}),(0,c.jsx)(`p`,{className:`break-all rounded bg-gray-50 p-1 font-mono text-xs dark:bg-slate-800`,children:m.stripe_session_id})]}):null]})]})]}),(0,c.jsx)(`div`,{className:`mt-6 flex justify-end print:hidden`,children:(0,c.jsx)(a.OrderPrintButton,{disabled:!h})}),(0,c.jsx)(n.InvoiceViewerShell,{invoice:h,labels:_,locale:`en-US`,title:h?.order.invoice_number||`Order invoice`,description:`Open the printable invoice below and update the order status whenever you need to.`,printLabel:`Print / Save as PDF`,action:{href:`/cms/orders`,label:`Back to orders`,variant:`outline`},emptyMessage:`The printable invoice will appear here after the order payment metadata is synced.`,className:`max-w-none px-0 py-6 md:px-0`,showHeader:!1})]})}function f({label:e,value:t,capitalize:n=!1}){return(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,c.jsx)(`span`,{className:`text-gray-500`,children:e}),(0,c.jsx)(`span`,{className:n?`capitalize font-medium`:`font-medium`,children:t})]})}function p({status:e,size:t=`md`}){let n=`bg-gray-100 text-gray-700 dark:bg-slate-800 dark:text-gray-300`;return e===`paid`&&(n=`bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400`),e===`trial`&&(n=`bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300`),e===`pending`&&(n=`bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400`),e===`shipped`&&(n=`bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400`),e===`cancelled`&&(n=`bg-slate-200 text-slate-700 dark:bg-slate-800 dark:text-slate-300`),e===`refunded`&&(n=`bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300`),e===`failed`&&(n=`bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400`),(0,c.jsx)(`span`,{className:`${t===`lg`?`px-3 py-1 text-sm`:`px-2 py-0.5 text-xs`} rounded-full font-medium capitalize ${n}`,children:e})}exports.OrderDetailPage=d;

package/lib/pages/cms/orders/OrderDetailPage.d.ts

@@ -2,4 +2,4 @@ export declare function OrderDetailPage({ params }: {
     params: Promise<{
         id: string;
     }>;
-}): Promise<import("react").JSX.Element>;
+}): Promise<import('react').JSX.Element>;

package/lib/pages/cms/orders/OrderDetailPage.es.js

@@ -1,137 +1,189 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import m from "next/link";
-import { notFound as p } from "next/navigation";
-import { InvoiceViewerShell as u } from "../../../components/InvoiceViewerShell.es.js";
-import { getInvoicePresentationData as x } from "../../../invoice-server.es.js";
-import { buildInvoiceDocumentLabels as g } from "../../../invoice-ui.es.js";
-import { getOrderDetails as b } from "./actions.es.js";
-import { OrderPrintButton as f } from "./OrderPrintButton.es.js";
-import { OrderStatusForm as h } from "./OrderStatusForm.es.js";
-const s = (a, l = "usd") => new Intl.NumberFormat("en-US", {
-  style: "currency",
-  currency: l
-}).format(a / 100);
-async function O({ params: a }) {
-  const { id: l } = await a, [e, n] = await Promise.all([
-    b(l),
-    x(l).catch(() => null)
-  ]);
-  e || p();
-  const i = n?.order.customer_details ?? e.customer_details, o = g((c) => c);
-  return /* @__PURE__ */ r("div", { className: "mx-auto w-full max-w-6xl px-4 py-10 md:px-6", children: [
-    /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 border-b pb-6 md:flex-row md:items-start md:justify-between", children: [
-      /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ r("div", { className: "mb-2 flex items-center gap-2 text-sm text-gray-500", children: [
-          /* @__PURE__ */ t(m, { href: "/cms/orders", className: "hover:underline", children: "Orders" }),
-          /* @__PURE__ */ t("span", { children: "/" }),
-          /* @__PURE__ */ t("span", { className: "font-mono", children: e.id })
-        ] }),
-        /* @__PURE__ */ r("h1", { className: "flex flex-wrap items-center gap-3 text-3xl font-bold tracking-tight", children: [
-          "Order",
-          /* @__PURE__ */ t(y, { status: e.status, size: "lg" })
-        ] }),
-        /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-muted-foreground", children: "Review the finalized invoice, customer details, and payment metadata in one place." })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "w-full max-w-md", children: /* @__PURE__ */ t(h, { orderId: l, currentStatus: e.status }) })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "mt-6 grid gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ r("div", { className: "rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900", children: [
-        /* @__PURE__ */ t("h3", { className: "mb-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500", children: "Customer" }),
-        /* @__PURE__ */ r("div", { className: "space-y-2 text-sm", children: [
-          i?.name ? /* @__PURE__ */ t("p", { className: "font-semibold text-gray-900 dark:text-white", children: i.name }) : null,
-          i?.email ? /* @__PURE__ */ t("p", { className: "text-gray-600 dark:text-gray-400", children: i.email }) : null,
-          i?.phone ? /* @__PURE__ */ t("p", { className: "text-gray-600 dark:text-gray-400", children: i.phone }) : null,
-          !i?.name && !i?.email && !i?.phone ? /* @__PURE__ */ t("p", { className: "italic text-gray-400", children: "No contact info captured." }) : null,
-          e.user_id ? /* @__PURE__ */ r("p", { className: "pt-1 font-mono text-[10px] uppercase tracking-wider text-gray-400", children: [
-            "User ID: ",
-            e.user_id.slice(0, 13),
-            "..."
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900", children: [
-        /* @__PURE__ */ t("h3", { className: "mb-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500", children: "Payment Details" }),
-        /* @__PURE__ */ r("div", { className: "space-y-2 text-sm", children: [
-          /* @__PURE__ */ t(d, { label: "Provider", value: e.provider || "stripe", capitalize: !0 }),
-          /* @__PURE__ */ t(d, { label: "Currency", value: (e.currency || "usd").toUpperCase() }),
-          /* @__PURE__ */ t(
-            d,
-            {
-              label: "Created",
-              value: new Date(e.created_at || "").toLocaleDateString()
-            }
-          ),
-          /* @__PURE__ */ t(
-            d,
-            {
-              label: "Invoice #",
-              value: n?.order.invoice_number || "Pending assignment"
-            }
-          ),
-          /* @__PURE__ */ t(
-            d,
-            {
-              label: "Paid on",
-              value: n?.order.paid_at ? new Date(n.order.paid_at).toLocaleString() : "Pending payment"
-            }
-          ),
-          /* @__PURE__ */ t(
-            d,
-            {
-              label: "Total",
-              value: typeof e.total == "number" ? s(e.total, e.currency || "usd") : "--"
-            }
-          ),
-          e.discount_total ? /* @__PURE__ */ t(
-            d,
-            {
-              label: "Discount",
-              value: `${e.coupon_code ? `${e.coupon_code} ` : ""}-${s(e.discount_total, e.currency || "usd")}`
-            }
-          ) : null,
-          e.stripe_session_id ? /* @__PURE__ */ r("div", { className: "mt-3 border-t pt-3 dark:border-slate-800", children: [
-            /* @__PURE__ */ t("p", { className: "mb-1 text-xs text-gray-500", children: "Session ID" }),
-            /* @__PURE__ */ t("p", { className: "break-all rounded bg-gray-50 p-1 font-mono text-xs dark:bg-slate-800", children: e.stripe_session_id })
-          ] }) : null
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "mt-6 flex justify-end print:hidden", children: /* @__PURE__ */ t(f, { disabled: !n }) }),
-    /* @__PURE__ */ t(
-      u,
-      {
-        invoice: n,
-        labels: o,
-        locale: "en-US",
-        title: n?.order.invoice_number || "Order invoice",
-        description: "Open the printable invoice below and update the order status whenever you need to.",
-        printLabel: "Print / Save as PDF",
-        action: {
-          href: "/cms/orders",
-          label: "Back to orders",
-          variant: "outline"
-        },
-        emptyMessage: "The printable invoice will appear here after the order payment metadata is synced.",
-        className: "max-w-none px-0 py-6 md:px-0",
-        showHeader: !1
-      }
-    )
-  ] });
+import { buildInvoiceDocumentLabels as e } from "../../../invoice-ui.es.js";
+import { InvoiceViewerShell as t } from "../../../components/InvoiceViewerShell.es.js";
+import { getInvoicePresentationData as n } from "../../../invoice-server.es.js";
+import { getOrderDetails as r } from "./actions.es.js";
+import { OrderPrintButton as i } from "./OrderPrintButton.es.js";
+import { OrderStatusForm as a } from "./OrderStatusForm.es.js";
+import o from "next/link";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { notFound as l } from "next/navigation";
+//#region libs/ecommerce/src/lib/pages/cms/orders/OrderDetailPage.tsx
+var u = (e, t = "usd") => new Intl.NumberFormat("en-US", {
+	style: "currency",
+	currency: t
+}).format(e / 100);
+async function d({ params: d }) {
+	let { id: m } = await d, [h, g] = await Promise.all([r(m), n(m).catch(() => null)]);
+	h || l();
+	let _ = g?.order.customer_details ?? h.customer_details, v = e((e) => e);
+	return /* @__PURE__ */ c("div", {
+		className: "mx-auto w-full max-w-6xl px-4 py-10 md:px-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex flex-col gap-4 border-b pb-6 md:flex-row md:items-start md:justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [
+					/* @__PURE__ */ c("div", {
+						className: "mb-2 flex items-center gap-2 text-sm text-gray-500",
+						children: [
+							/* @__PURE__ */ s(o, {
+								href: "/cms/orders",
+								className: "hover:underline",
+								children: "Orders"
+							}),
+							/* @__PURE__ */ s("span", { children: "/" }),
+							/* @__PURE__ */ s("span", {
+								className: "font-mono",
+								children: h.id
+							})
+						]
+					}),
+					/* @__PURE__ */ c("h1", {
+						className: "flex flex-wrap items-center gap-3 text-3xl font-bold tracking-tight",
+						children: ["Order", /* @__PURE__ */ s(p, {
+							status: h.status,
+							size: "lg"
+						})]
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "mt-2 text-sm text-muted-foreground",
+						children: "Review the finalized invoice, customer details, and payment metadata in one place."
+					})
+				] }), /* @__PURE__ */ s("div", {
+					className: "w-full max-w-md",
+					children: /* @__PURE__ */ s(a, {
+						orderId: m,
+						currentStatus: h.status
+					})
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "mt-6 grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ c("div", {
+					className: "rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900",
+					children: [/* @__PURE__ */ s("h3", {
+						className: "mb-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500",
+						children: "Customer"
+					}), /* @__PURE__ */ c("div", {
+						className: "space-y-2 text-sm",
+						children: [
+							_?.name ? /* @__PURE__ */ s("p", {
+								className: "font-semibold text-gray-900 dark:text-white",
+								children: _.name
+							}) : null,
+							_?.email ? /* @__PURE__ */ s("p", {
+								className: "text-gray-600 dark:text-gray-400",
+								children: _.email
+							}) : null,
+							_?.phone ? /* @__PURE__ */ s("p", {
+								className: "text-gray-600 dark:text-gray-400",
+								children: _.phone
+							}) : null,
+							!_?.name && !_?.email && !_?.phone ? /* @__PURE__ */ s("p", {
+								className: "italic text-gray-400",
+								children: "No contact info captured."
+							}) : null,
+							h.user_id ? /* @__PURE__ */ c("p", {
+								className: "pt-1 font-mono text-[10px] uppercase tracking-wider text-gray-400",
+								children: [
+									"User ID: ",
+									h.user_id.slice(0, 13),
+									"..."
+								]
+							}) : null
+						]
+					})]
+				}), /* @__PURE__ */ c("div", {
+					className: "rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900",
+					children: [/* @__PURE__ */ s("h3", {
+						className: "mb-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500",
+						children: "Payment Details"
+					}), /* @__PURE__ */ c("div", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ s(f, {
+								label: "Provider",
+								value: h.provider || "stripe",
+								capitalize: !0
+							}),
+							/* @__PURE__ */ s(f, {
+								label: "Currency",
+								value: (h.currency || "usd").toUpperCase()
+							}),
+							/* @__PURE__ */ s(f, {
+								label: "Created",
+								value: new Date(h.created_at || "").toLocaleDateString()
+							}),
+							/* @__PURE__ */ s(f, {
+								label: "Invoice #",
+								value: g?.order.invoice_number || "Pending assignment"
+							}),
+							/* @__PURE__ */ s(f, {
+								label: "Paid on",
+								value: g?.order.paid_at ? new Date(g.order.paid_at).toLocaleString() : "Pending payment"
+							}),
+							/* @__PURE__ */ s(f, {
+								label: "Total",
+								value: typeof h.total == "number" ? u(h.total, h.currency || "usd") : "--"
+							}),
+							h.discount_total ? /* @__PURE__ */ s(f, {
+								label: "Discount",
+								value: `${h.coupon_code ? `${h.coupon_code} ` : ""}-${u(h.discount_total, h.currency || "usd")}`
+							}) : null,
+							h.stripe_session_id ? /* @__PURE__ */ c("div", {
+								className: "mt-3 border-t pt-3 dark:border-slate-800",
+								children: [/* @__PURE__ */ s("p", {
+									className: "mb-1 text-xs text-gray-500",
+									children: "Session ID"
+								}), /* @__PURE__ */ s("p", {
+									className: "break-all rounded bg-gray-50 p-1 font-mono text-xs dark:bg-slate-800",
+									children: h.stripe_session_id
+								})]
+							}) : null
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "mt-6 flex justify-end print:hidden",
+				children: /* @__PURE__ */ s(i, { disabled: !g })
+			}),
+			/* @__PURE__ */ s(t, {
+				invoice: g,
+				labels: v,
+				locale: "en-US",
+				title: g?.order.invoice_number || "Order invoice",
+				description: "Open the printable invoice below and update the order status whenever you need to.",
+				printLabel: "Print / Save as PDF",
+				action: {
+					href: "/cms/orders",
+					label: "Back to orders",
+					variant: "outline"
+				},
+				emptyMessage: "The printable invoice will appear here after the order payment metadata is synced.",
+				className: "max-w-none px-0 py-6 md:px-0",
+				showHeader: !1
+			})
+		]
+	});
 }
-function d({
-  label: a,
-  value: l,
-  capitalize: e = !1
-}) {
-  return /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-3", children: [
-    /* @__PURE__ */ t("span", { className: "text-gray-500", children: a }),
-    /* @__PURE__ */ t("span", { className: e ? "capitalize font-medium" : "font-medium", children: l })
-  ] });
+function f({ label: e, value: t, capitalize: n = !1 }) {
+	return /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-between gap-3",
+		children: [/* @__PURE__ */ s("span", {
+			className: "text-gray-500",
+			children: e
+		}), /* @__PURE__ */ s("span", {
+			className: n ? "capitalize font-medium" : "font-medium",
+			children: t
+		})]
+	});
 }
-function y({ status: a, size: l = "md" }) {
-  let e = "bg-gray-100 text-gray-700 dark:bg-slate-800 dark:text-gray-300";
-  return a === "paid" && (e = "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"), a === "trial" && (e = "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300"), a === "pending" && (e = "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400"), a === "shipped" && (e = "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"), a === "cancelled" && (e = "bg-slate-200 text-slate-700 dark:bg-slate-800 dark:text-slate-300"), a === "refunded" && (e = "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300"), a === "failed" && (e = "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"), /* @__PURE__ */ t("span", { className: `${l === "lg" ? "px-3 py-1 text-sm" : "px-2 py-0.5 text-xs"} rounded-full font-medium capitalize ${e}`, children: a });
+function p({ status: e, size: t = "md" }) {
+	let n = "bg-gray-100 text-gray-700 dark:bg-slate-800 dark:text-gray-300";
+	return e === "paid" && (n = "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"), e === "trial" && (n = "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300"), e === "pending" && (n = "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400"), e === "shipped" && (n = "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"), e === "cancelled" && (n = "bg-slate-200 text-slate-700 dark:bg-slate-800 dark:text-slate-300"), e === "refunded" && (n = "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300"), e === "failed" && (n = "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"), /* @__PURE__ */ s("span", {
+		className: `${t === "lg" ? "px-3 py-1 text-sm" : "px-2 py-0.5 text-xs"} rounded-full font-medium capitalize ${n}`,
+		children: e
+	});
 }
-export {
-  O as OrderDetailPage
-};
+//#endregion
+export { d as OrderDetailPage };

package/lib/pages/cms/orders/OrderPrintButton.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("lucide-react"),n=require("@nextblock-cms/ui");function i({disabled:e=!1}){return t.jsxs(n.Button,{type:"button",variant:"outline",onClick:()=>window.print(),disabled:e,children:[t.jsx(r.Printer,{className:"mr-2 h-4 w-4"}),"Print / Save as PDF"]})}exports.OrderPrintButton=i;
+"use client";let e=require("lucide-react"),t=require("react/jsx-runtime"),n=require("@nextblock-cms/ui");function r({disabled:r=!1}){return(0,t.jsxs)(n.Button,{type:`button`,variant:`outline`,onClick:()=>window.print(),disabled:r,children:[(0,t.jsx)(e.Printer,{className:`mr-2 h-4 w-4`}),`Print / Save as PDF`]})}exports.OrderPrintButton=r;

package/lib/pages/cms/orders/OrderPrintButton.d.ts

@@ -1,3 +1,3 @@
 export declare function OrderPrintButton({ disabled }: {
     disabled?: boolean;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;

package/lib/pages/cms/orders/OrderPrintButton.es.js

@@ -1,22 +1,16 @@
-'use client';
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { Printer as o } from "lucide-react";
-import { Button as i } from "@nextblock-cms/ui";
-function s({ disabled: r = !1 }) {
-  return /* @__PURE__ */ t(
-    i,
-    {
-      type: "button",
-      variant: "outline",
-      onClick: () => window.print(),
-      disabled: r,
-      children: [
-        /* @__PURE__ */ n(o, { className: "mr-2 h-4 w-4" }),
-        "Print / Save as PDF"
-      ]
-    }
-  );
+"use client";
+import { Printer as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Button as r } from "@nextblock-cms/ui";
+//#region libs/ecommerce/src/lib/pages/cms/orders/OrderPrintButton.tsx
+function i({ disabled: i = !1 }) {
+	return /* @__PURE__ */ n(r, {
+		type: "button",
+		variant: "outline",
+		onClick: () => window.print(),
+		disabled: i,
+		children: [/* @__PURE__ */ t(e, { className: "mr-2 h-4 w-4" }), "Print / Save as PDF"]
+	});
 }
-export {
-  s as OrderPrintButton
-};
+//#endregion
+export { i as OrderPrintButton };

package/lib/pages/cms/orders/OrderStatusForm.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),v=require("next/navigation"),s=require("@nextblock-cms/ui"),S=require("./server-actions.cjs.js"),u=[{value:"pending",label:"Pending"},{value:"trial",label:"Trial"},{value:"paid",label:"Paid"},{value:"shipped",label:"Shipped"},{value:"cancelled",label:"Cancelled"},{value:"refunded",label:"Refunded"}];function g({orderId:o,currentStatus:l}){const x=v.useRouter(),[a,m]=n.useState(u.some(t=>t.value===l)?l:"pending"),[i,r]=n.useState(null),[c,h]=n.useTransition(),d=n.useMemo(()=>a!==l,[l,a]),p=()=>{d&&(r(null),h(async()=>{try{const t=await S.updateOrderStatus(o,a);if(!t.success){r(t.error||"Failed to update order status.");return}x.refresh()}catch(t){console.error(t),r("Unexpected error while saving the order status.")}}))};return e.jsxs("div",{className:"rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900",children:[e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-end",children:[e.jsxs("div",{className:"min-w-[220px] flex-1 space-y-2",children:[e.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500",children:"Order Status"}),e.jsxs(s.Select,{value:a,onValueChange:t=>{m(t),r(null)},children:[e.jsx(s.SelectTrigger,{children:e.jsx(s.SelectValue,{placeholder:"Select status"})}),e.jsx(s.SelectContent,{children:u.map(t=>e.jsx(s.SelectItem,{value:t.value,children:t.label},t.value))})]})]}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsx(s.Button,{type:"button",onClick:p,disabled:c||!d,children:c?"Saving...":"Save"})})]}),i?e.jsx("p",{className:"mt-2 text-xs text-red-600 dark:text-red-400",children:i}):d?null:e.jsx("p",{className:"mt-2 text-xs text-slate-500",children:"Status is already up to date."})]})}exports.OrderStatusForm=g;
+"use client";const e=require("./server-actions.cjs.js");let t=require("react"),n=require("react/jsx-runtime"),r=require("next/navigation"),i=require("@nextblock-cms/ui");var a=[{value:`pending`,label:`Pending`},{value:`trial`,label:`Trial`},{value:`paid`,label:`Paid`},{value:`shipped`,label:`Shipped`},{value:`cancelled`,label:`Cancelled`},{value:`refunded`,label:`Refunded`}];function o({orderId:o,currentStatus:s}){let c=(0,r.useRouter)(),[l,u]=(0,t.useState)(a.some(e=>e.value===s)?s:`pending`),[d,f]=(0,t.useState)(null),[p,m]=(0,t.useTransition)(),h=(0,t.useMemo)(()=>l!==s,[s,l]);return(0,n.jsxs)(`div`,{className:`rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900`,children:[(0,n.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-end`,children:[(0,n.jsxs)(`div`,{className:`min-w-[220px] flex-1 space-y-2`,children:[(0,n.jsx)(`p`,{className:`text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500`,children:`Order Status`}),(0,n.jsxs)(i.Select,{value:l,onValueChange:e=>{u(e),f(null)},children:[(0,n.jsx)(i.SelectTrigger,{children:(0,n.jsx)(i.SelectValue,{placeholder:`Select status`})}),(0,n.jsx)(i.SelectContent,{children:a.map(e=>(0,n.jsx)(i.SelectItem,{value:e.value,children:e.label},e.value))})]})]}),(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,n.jsx)(i.Button,{type:`button`,onClick:()=>{h&&(f(null),m(async()=>{try{let t=await e.updateOrderStatus(o,l);if(!t.success){f(t.error||`Failed to update order status.`);return}c.refresh()}catch(e){console.error(e),f(`Unexpected error while saving the order status.`)}}))},disabled:p||!h,children:p?`Saving...`:`Save`})})]}),d?(0,n.jsx)(`p`,{className:`mt-2 text-xs text-red-600 dark:text-red-400`,children:d}):h?null:(0,n.jsx)(`p`,{className:`mt-2 text-xs text-slate-500`,children:`Status is already up to date.`})]})}exports.OrderStatusForm=o;

package/lib/pages/cms/orders/OrderStatusForm.d.ts

@@ -1,4 +1,4 @@
 export declare function OrderStatusForm({ orderId, currentStatus, }: {
     orderId: string;
     currentStatus: string;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;