@nextblock-cms/ecom 0.20.3 → 0.21.1

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

@@ -1,130 +1,136 @@
-'use client';
-import { jsxs as a, jsx as e, Fragment as h } from "react/jsx-runtime";
-import { useState as t } from "react";
-import { Dialog as S, DialogTrigger as C, Button as u, DialogContent as _, DialogHeader as R, DialogTitle as T, DialogDescription as k, Label as d, Input as f, Select as F, SelectTrigger as L, SelectValue as E, SelectContent as G, SelectItem as m, DialogFooter as $ } from "@nextblock-cms/ui";
-import { Download as y, FileDown as O, Calendar as x, Loader2 as V } from "lucide-react";
-import { toast as l } from "sonner";
-import { fetchOrderReportData as j } from "./export-actions.es.js";
-import { mapMultiCurrencyRevenue as I, mapTaxLiabilitySummary as M, mapGeneralSalesLedger as A, generateCSV as B } from "../../../export-helpers.es.js";
-function W() {
-  const [N, p] = t(!1), [g, i] = t(!1), [n, D] = t(""), [o, v] = t(""), [c, w] = t("general_ledger");
-  return /* @__PURE__ */ a(S, { open: N, onOpenChange: p, children: [
-    /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ a(u, { variant: "outline", className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(y, { className: "h-4 w-4" }),
-      "Export Reports"
-    ] }) }),
-    /* @__PURE__ */ a(_, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ a(R, { children: [
-        /* @__PURE__ */ a(T, { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(O, { className: "h-5 w-5 text-blue-600" }),
-          "Accounting Reports"
-        ] }),
-        /* @__PURE__ */ e(k, { children: "Generate and download accountant-friendly order reports." })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "grid gap-6 py-4", children: [
-        /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ a("div", { className: "grid gap-2", children: [
-            /* @__PURE__ */ e(d, { htmlFor: "start-date", className: "text-xs font-semibold uppercase text-gray-500 tracking-wider", children: "Start Date" }),
-            /* @__PURE__ */ a("div", { className: "relative", children: [
-              /* @__PURE__ */ e(
-                f,
-                {
-                  id: "start-date",
-                  type: "date",
-                  value: n,
-                  onChange: (r) => D(r.target.value),
-                  className: "pl-8"
-                }
-              ),
-              /* @__PURE__ */ e(x, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" })
-            ] })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "grid gap-2", children: [
-            /* @__PURE__ */ e(d, { htmlFor: "end-date", className: "text-xs font-semibold uppercase text-gray-500 tracking-wider", children: "End Date" }),
-            /* @__PURE__ */ a("div", { className: "relative", children: [
-              /* @__PURE__ */ e(
-                f,
-                {
-                  id: "end-date",
-                  type: "date",
-                  value: o,
-                  onChange: (r) => v(r.target.value),
-                  className: "pl-8"
-                }
-              ),
-              /* @__PURE__ */ e(x, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ e(d, { htmlFor: "report-type", className: "text-xs font-semibold uppercase text-gray-500 tracking-wider", children: "Report Type" }),
-          /* @__PURE__ */ a(
-            F,
-            {
-              value: c,
-              onValueChange: (r) => w(r),
-              children: [
-                /* @__PURE__ */ e(L, { id: "report-type", className: "w-full", children: /* @__PURE__ */ e(E, { placeholder: "Select report type" }) }),
-                /* @__PURE__ */ a(G, { children: [
-                  /* @__PURE__ */ e(m, { value: "general_ledger", children: "General Sales Ledger" }),
-                  /* @__PURE__ */ e(m, { value: "tax_liability", children: "Tax Liability Summary" }),
-                  /* @__PURE__ */ e(m, { value: "currency_summary", children: "Multi-Currency Revenue Summary" })
-                ] })
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(
-        u,
-        {
-          onClick: async () => {
-            if (!n || !o) {
-              l.error("Please select both start and end dates");
-              return;
-            }
-            i(!0);
-            try {
-              l.info("Generating report...");
-              const r = await j(n, o);
-              if (!r || r.length === 0) {
-                l.error("No orders found for the selected date range"), i(!1);
-                return;
-              }
-              let s = [];
-              const b = `report_${c}_${n}_to_${o}`;
-              switch (c) {
-                case "general_ledger":
-                  s = A(r);
-                  break;
-                case "tax_liability":
-                  s = M(r);
-                  break;
-                case "currency_summary":
-                  s = I(r);
-                  break;
-              }
-              B(s, `${b}.csv`), l.success("Download complete!"), p(!1);
-            } catch (r) {
-              console.error("Export error:", r), l.error("Failed to generate report");
-            } finally {
-              i(!1);
-            }
-          },
-          disabled: g,
-          className: "w-full bg-blue-600 hover:bg-blue-700 text-white",
-          children: g ? /* @__PURE__ */ a(h, { children: [
-            /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
-            "Generating..."
-          ] }) : /* @__PURE__ */ a(h, { children: [
-            /* @__PURE__ */ e(y, { className: "mr-2 h-4 w-4" }),
-            "Download Report"
-          ] })
-        }
-      ) })
-    ] })
-  ] });
+"use client";
+import { fetchOrderReportData as e } from "./export-actions.es.js";
+import { generateCSV as t, mapGeneralSalesLedger as n, mapMultiCurrencyRevenue as r, mapTaxLiabilitySummary as i } from "../../../export-helpers.es.js";
+import { useState as a } from "react";
+import { Calendar as o, Download as s, FileDown as c, Loader2 as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { toast as p } from "sonner";
+import { Button as m, Dialog as h, DialogContent as g, DialogDescription as _, DialogFooter as v, DialogHeader as y, DialogTitle as b, DialogTrigger as x, Input as S, Label as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O } from "@nextblock-cms/ui";
+//#region src/lib/pages/cms/orders/ExportReportsDialog.tsx
+function k() {
+	let [k, A] = a(!1), [j, M] = a(!1), [N, P] = a(""), [F, I] = a(""), [L, R] = a("general_ledger");
+	return /* @__PURE__ */ f(h, {
+		open: k,
+		onOpenChange: A,
+		children: [/* @__PURE__ */ d(x, {
+			asChild: !0,
+			children: /* @__PURE__ */ f(m, {
+				variant: "outline",
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ d(s, { className: "h-4 w-4" }), "Export Reports"]
+			})
+		}), /* @__PURE__ */ f(g, {
+			className: "sm:max-w-[425px]",
+			children: [
+				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ f(b, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ d(c, { className: "h-5 w-5 text-blue-600" }), "Accounting Reports"]
+				}), /* @__PURE__ */ d(_, { children: "Generate and download accountant-friendly order reports." })] }),
+				/* @__PURE__ */ f("div", {
+					className: "grid gap-6 py-4",
+					children: [/* @__PURE__ */ f("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ f("div", {
+							className: "grid gap-2",
+							children: [/* @__PURE__ */ d(C, {
+								htmlFor: "start-date",
+								className: "text-xs font-semibold uppercase text-gray-500 tracking-wider",
+								children: "Start Date"
+							}), /* @__PURE__ */ f("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ d(S, {
+									id: "start-date",
+									type: "date",
+									value: N,
+									onChange: (e) => P(e.target.value),
+									className: "pl-8"
+								}), /* @__PURE__ */ d(o, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" })]
+							})]
+						}), /* @__PURE__ */ f("div", {
+							className: "grid gap-2",
+							children: [/* @__PURE__ */ d(C, {
+								htmlFor: "end-date",
+								className: "text-xs font-semibold uppercase text-gray-500 tracking-wider",
+								children: "End Date"
+							}), /* @__PURE__ */ f("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ d(S, {
+									id: "end-date",
+									type: "date",
+									value: F,
+									onChange: (e) => I(e.target.value),
+									className: "pl-8"
+								}), /* @__PURE__ */ d(o, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" })]
+							})]
+						})]
+					}), /* @__PURE__ */ f("div", {
+						className: "grid gap-2",
+						children: [/* @__PURE__ */ d(C, {
+							htmlFor: "report-type",
+							className: "text-xs font-semibold uppercase text-gray-500 tracking-wider",
+							children: "Report Type"
+						}), /* @__PURE__ */ f(w, {
+							value: L,
+							onValueChange: (e) => R(e),
+							children: [/* @__PURE__ */ d(D, {
+								id: "report-type",
+								className: "w-full",
+								children: /* @__PURE__ */ d(O, { placeholder: "Select report type" })
+							}), /* @__PURE__ */ f(T, { children: [
+								/* @__PURE__ */ d(E, {
+									value: "general_ledger",
+									children: "General Sales Ledger"
+								}),
+								/* @__PURE__ */ d(E, {
+									value: "tax_liability",
+									children: "Tax Liability Summary"
+								}),
+								/* @__PURE__ */ d(E, {
+									value: "currency_summary",
+									children: "Multi-Currency Revenue Summary"
+								})
+							] })]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(m, {
+					onClick: async () => {
+						if (!N || !F) {
+							p.error("Please select both start and end dates");
+							return;
+						}
+						M(!0);
+						try {
+							p.info("Generating report...");
+							let a = await e(N, F);
+							if (!a || a.length === 0) {
+								p.error("No orders found for the selected date range"), M(!1);
+								return;
+							}
+							let o = [], s = `report_${L}_${N}_to_${F}`;
+							switch (L) {
+								case "general_ledger":
+									o = n(a);
+									break;
+								case "tax_liability":
+									o = i(a);
+									break;
+								case "currency_summary": o = r(a);
+							}
+							t(o, `${s}.csv`), p.success("Download complete!"), A(!1);
+						} catch (e) {
+							console.error("Export error:", e), p.error("Failed to generate report");
+						} finally {
+							M(!1);
+						}
+					},
+					disabled: j,
+					className: "w-full bg-blue-600 hover:bg-blue-700 text-white",
+					children: j ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, { className: "mr-2 h-4 w-4 animate-spin" }), "Generating..."] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(s, { className: "mr-2 h-4 w-4" }), "Download Report"] })
+				}) })
+			]
+		})]
+	});
 }
-export {
-  W as ExportReportsDialog
-};
+//#endregion
+export { k as ExportReportsDialog };

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

@@ -0,0 +1 @@
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../invoice-ui.cjs"),n=require("../../../components/InvoiceViewerShell.cjs"),r=require("../../../invoice-server.cjs"),i=require("./actions.cjs"),a=require("./OrderPrintButton.cjs"),o=require("./OrderStatusForm.cjs");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>;