@nextblock-cms/ecom 0.20.3 → 0.21.1

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 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

@@ -0,0 +1 @@
+"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 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

@@ -0,0 +1 @@
+"use client";const e=require("./server-actions.cjs");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;

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

@@ -1,71 +1,87 @@
-'use client';
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { useState as c, useTransition as v, useMemo as g } from "react";
-import { useRouter as S } from "next/navigation";
-import { Select as f, SelectTrigger as b, SelectValue as N, SelectContent as T, SelectItem as O, Button as k } from "@nextblock-cms/ui";
-import { updateOrderStatus as w } from "./server-actions.es.js";
-const o = [
-  { value: "pending", label: "Pending" },
-  { value: "trial", label: "Trial" },
-  { value: "paid", label: "Paid" },
-  { value: "shipped", label: "Shipped" },
-  { value: "cancelled", label: "Cancelled" },
-  { value: "refunded", label: "Refunded" }
+"use client";
+import { updateOrderStatus as e } from "./server-actions.es.js";
+import { useMemo as t, useState as n, useTransition as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRouter as o } from "next/navigation";
+import { Button as s, Select as c, SelectContent as l, SelectItem as u, SelectTrigger as d, SelectValue as f } from "@nextblock-cms/ui";
+//#region src/lib/pages/cms/orders/OrderStatusForm.tsx
+var p = [
+	{
+		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 F({
-  orderId: u,
-  currentStatus: t
-}) {
-  const m = S(), [a, p] = c(
-    o.some((e) => e.value === t) ? t : "pending"
-  ), [d, r] = c(null), [i, h] = v(), n = g(
-    () => a !== t,
-    [t, a]
-  ), x = () => {
-    n && (r(null), h(async () => {
-      try {
-        const e = await w(u, a);
-        if (!e.success) {
-          r(e.error || "Failed to update order status.");
-          return;
-        }
-        m.refresh();
-      } catch (e) {
-        console.error(e), r("Unexpected error while saving the order status.");
-      }
-    }));
-  };
-  return /* @__PURE__ */ s("div", { className: "rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900", children: [
-    /* @__PURE__ */ s("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end", children: [
-      /* @__PURE__ */ s("div", { className: "min-w-[220px] flex-1 space-y-2", children: [
-        /* @__PURE__ */ l("p", { className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500", children: "Order Status" }),
-        /* @__PURE__ */ s(
-          f,
-          {
-            value: a,
-            onValueChange: (e) => {
-              p(e), r(null);
-            },
-            children: [
-              /* @__PURE__ */ l(b, { children: /* @__PURE__ */ l(N, { placeholder: "Select status" }) }),
-              /* @__PURE__ */ l(T, { children: o.map((e) => /* @__PURE__ */ l(O, { value: e.value, children: e.label }, e.value)) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ l(
-        k,
-        {
-          type: "button",
-          onClick: x,
-          disabled: i || !n,
-          children: i ? "Saving..." : "Save"
-        }
-      ) })
-    ] }),
-    d ? /* @__PURE__ */ l("p", { className: "mt-2 text-xs text-red-600 dark:text-red-400", children: d }) : n ? null : /* @__PURE__ */ l("p", { className: "mt-2 text-xs text-slate-500", children: "Status is already up to date." })
-  ] });
+function m({ orderId: m, currentStatus: h }) {
+	let g = o(), [_, v] = n(p.some((e) => e.value === h) ? h : "pending"), [y, b] = n(null), [x, S] = r(), C = t(() => _ !== h, [h, _]);
+	return /* @__PURE__ */ a("div", {
+		className: "rounded-lg border bg-white p-4 dark:border-slate-800 dark:bg-slate-900",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex flex-col gap-3 sm:flex-row sm:items-end",
+			children: [/* @__PURE__ */ a("div", {
+				className: "min-w-[220px] flex-1 space-y-2",
+				children: [/* @__PURE__ */ i("p", {
+					className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500",
+					children: "Order Status"
+				}), /* @__PURE__ */ a(c, {
+					value: _,
+					onValueChange: (e) => {
+						v(e), b(null);
+					},
+					children: [/* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(f, { placeholder: "Select status" }) }), /* @__PURE__ */ i(l, { children: p.map((e) => /* @__PURE__ */ i(u, {
+						value: e.value,
+						children: e.label
+					}, e.value)) })]
+				})]
+			}), /* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2",
+				children: /* @__PURE__ */ i(s, {
+					type: "button",
+					onClick: () => {
+						C && (b(null), S(async () => {
+							try {
+								let t = await e(m, _);
+								if (!t.success) {
+									b(t.error || "Failed to update order status.");
+									return;
+								}
+								g.refresh();
+							} catch (e) {
+								console.error(e), b("Unexpected error while saving the order status.");
+							}
+						}));
+					},
+					disabled: x || !C,
+					children: x ? "Saving..." : "Save"
+				})
+			})]
+		}), y ? /* @__PURE__ */ i("p", {
+			className: "mt-2 text-xs text-red-600 dark:text-red-400",
+			children: y
+		}) : C ? null : /* @__PURE__ */ i("p", {
+			className: "mt-2 text-xs text-slate-500",
+			children: "Status is already up to date."
+		})]
+	});
 }
-export {
-  F as OrderStatusForm
-};
+//#endregion
+export { m as OrderStatusForm };

package/lib/pages/cms/orders/OrdersPage.cjs

@@ -0,0 +1 @@
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("./actions.cjs"),n=require("./ExportReportsDialog.cjs");let r=require("next/link");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=(e,t=`usd`)=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:t}).format(e/100);async function o({searchParams:e}){let o=await e,c=Number(o.page)||1,l=o.status||`all`,{data:u,totalPages:d}=await t.getOrders(c,l);return(0,i.jsxs)(`div`,{className:`p-6 space-y-6`,children:[(0,i.jsxs)(`div`,{className:`flex justify-between items-center`,children:[(0,i.jsx)(`h1`,{className:`text-2xl font-bold tracking-tight`,children:`Orders`}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(n.ExportReportsDialog,{}),(0,i.jsx)(r.default,{href:`/cms/orders?page=${c}&status=${l}`,className:`px-3 py-2 text-sm font-medium border rounded hover:bg-gray-50 dark:hover:bg-slate-800`,children:`Refresh`})]})]}),(0,i.jsx)(`div`,{className:`flex gap-2 border-b pb-4`,children:[`all`,`paid`,`trial`,`pending`,`failed`].map(e=>(0,i.jsx)(r.default,{href:`/cms/orders?page=1&status=${e}`,className:`px-3 py-1 rounded-full text-sm font-medium capitalize ${l===e?`bg-black text-white dark:bg-white dark:text-black`:`bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-slate-800 dark:text-gray-300 dark:hover:bg-slate-700`}`,children:e},e))}),(0,i.jsx)(`div`,{className:`border rounded-lg overflow-hidden dark:border-slate-800`,children:(0,i.jsxs)(`table`,{className:`w-full text-sm text-left align-middle`,children:[(0,i.jsx)(`thead`,{className:`bg-gray-50 text-gray-500 font-medium border-b dark:bg-slate-900 dark:text-slate-400 dark:border-slate-800`,children:(0,i.jsxs)(`tr`,{children:[(0,i.jsx)(`th`,{className:`px-4 py-3`,children:`ID`}),(0,i.jsx)(`th`,{className:`px-4 py-3`,children:`Customer`}),(0,i.jsx)(`th`,{className:`px-4 py-3`,children:`Status`}),(0,i.jsx)(`th`,{className:`px-4 py-3`,children:`Provider`}),(0,i.jsx)(`th`,{className:`px-4 py-3 text-right`,children:`Amount`}),(0,i.jsx)(`th`,{className:`px-4 py-3 text-right`,children:`Date`}),(0,i.jsx)(`th`,{className:`px-4 py-3 text-right`,children:`Actions`})]})}),(0,i.jsx)(`tbody`,{className:`divide-y dark:divide-slate-800`,children:u.length===0?(0,i.jsx)(`tr`,{children:(0,i.jsx)(`td`,{colSpan:7,className:`px-4 py-8 text-center text-gray-500`,children:`No orders found.`})}):u.map(e=>{let t=e.customer_details,n=t?.name||t?.email||e.customer?.full_name||`Guest Customer`;return(0,i.jsxs)(`tr`,{className:`hover:bg-gray-50 dark:hover:bg-slate-800/50`,children:[(0,i.jsxs)(`td`,{className:`px-4 py-3 font-mono text-gray-500`,children:[e.id.slice(0,8),`...`]}),(0,i.jsx)(`td`,{className:`px-4 py-3 font-medium`,children:n}),(0,i.jsx)(`td`,{className:`px-4 py-3`,children:(0,i.jsx)(s,{status:e.status})}),(0,i.jsx)(`td`,{className:`px-4 py-3 capitalize text-gray-600 dark:text-gray-400`,children:e.provider===`freemius`?`Freemius`:`Stripe`}),(0,i.jsx)(`td`,{className:`px-4 py-3 text-right`,children:(0,i.jsxs)(`div`,{className:`flex flex-col items-end`,children:[(0,i.jsx)(`span`,{children:a(e.total,e.currency||`usd`)}),e.discount_total?(0,i.jsxs)(`span`,{className:`text-[10px] text-emerald-600`,children:[e.coupon_code,` -`,a(e.discount_total,e.currency||`usd`)]}):null]})}),(0,i.jsx)(`td`,{className:`px-4 py-3 text-right text-gray-500 whitespace-nowrap`,children:new Date(e.created_at||``).toLocaleDateString()}),(0,i.jsx)(`td`,{className:`px-4 py-3 text-right`,children:(0,i.jsx)(r.default,{href:`/cms/orders/${e.id}`,className:`text-blue-600 hover:underline dark:text-blue-400`,children:`View`})})]},e.id)})})]})}),(0,i.jsxs)(`div`,{className:`flex justify-between items-center pt-4`,children:[(0,i.jsxs)(`div`,{className:`text-sm text-gray-500`,children:[`Page `,c,` of `,d]}),(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsx)(r.default,{href:`/cms/orders?page=${Math.max(1,c-1)}&status=${l}`,className:`px-3 py-1 border rounded text-sm ${c<=1?`pointer-events-none opacity-50`:`hover:bg-gray-50 dark:hover:bg-slate-800`}`,children:`Previous`}),(0,i.jsx)(r.default,{href:`/cms/orders?page=${Math.min(d,c+1)}&status=${l}`,className:`px-3 py-1 border rounded text-sm ${c>=d?`pointer-events-none opacity-50`:`hover:bg-gray-50 dark:hover:bg-slate-800`}`,children:`Next`})]})]})]})}function s({status:e}){let t=`bg-gray-100 text-gray-700 dark:bg-slate-800 dark:text-gray-300`;return e===`paid`&&(t=`bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400`),e===`trial`&&(t=`bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300`),e===`pending`&&(t=`bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400`),e===`failed`&&(t=`bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400`),(0,i.jsx)(`span`,{className:`px-2 py-0.5 rounded-full text-xs font-medium capitalize ${t}`,children:e})}exports.OrdersPage=o;

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

@@ -3,4 +3,4 @@ export declare function OrdersPage({ searchParams, }: {
         page?: string;
         status?: string;
     }>;
-}): Promise<import("react").JSX.Element>;
+}): Promise<import('react').JSX.Element>;