@nextblock-cms/ecom 0.20.1 → 0.21.0

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 libs/ecommerce/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.js

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

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

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

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@nextblock-cms/db/server"),m=20;async function h(l=1,i,s){const d=await g.createClient(),t=(l-1)*m,n=t+m-1;let o=d.from("orders").select(`
+"use server";let e=require("@nextblock-cms/db/server");var t=20;async function n(n=1,r,i){let a=await(0,e.createClient)(),o=(n-1)*t,s=o+t-1,c=a.from(`orders`).select(`
       *,
       order_items (*)
-    `,{count:"exact"}).order("created_at",{ascending:!1}).range(t,n);i&&i!=="all"&&(o=o.eq("status",i)),s&&(o=o.or(`id.eq.${s},user_id.eq.${s}`));const{data:u,error:f,count:e}=await o;if(f)throw console.error("Error fetching orders:",f),new Error("Failed to fetch orders");const r=u||[],c=Array.from(new Set(r.map(a=>a.user_id).filter(Boolean))),p=new Map;if(c.length>0){const{data:a,error:w}=await d.from("profiles").select("*").in("id",c);!w&&a&&a.forEach(_=>p.set(_.id,_))}return{data:r.map(a=>({...a,customer:a.user_id?p.get(a.user_id):null})),total:e||0,totalPages:e?Math.ceil(e/m):0}}async function E(l){const i=await g.createClient(),{data:s,error:d}=await i.from("orders").select(`
+    `,{count:`exact`}).order(`created_at`,{ascending:!1}).range(o,s);r&&r!==`all`&&(c=c.eq(`status`,r)),i&&(c=c.or(`id.eq.${i},user_id.eq.${i}`));let{data:l,error:u,count:d}=await c;if(u)throw console.error(`Error fetching orders:`,u),Error(`Failed to fetch orders`);let f=l||[],p=Array.from(new Set(f.map(e=>e.user_id).filter(Boolean))),m=new Map;if(p.length>0){let{data:e,error:t}=await a.from(`profiles`).select(`*`).in(`id`,p);!t&&e&&e.forEach(e=>m.set(e.id,e))}return{data:f.map(e=>({...e,customer:e.user_id?m.get(e.user_id):null})),total:d||0,totalPages:d?Math.ceil(d/t):0}}async function r(t){let n=await(0,e.createClient)(),{data:r,error:i}=await n.from(`orders`).select(`
       *,
       order_items (*)
-    `).eq("id",l).single();if(d||!s)return console.error(`Error fetching order ${l}:`,d),null;const t=s;let n=null;if(t.user_id){const{data:e}=await i.from("profiles").select("*").eq("id",t.user_id).single();n=e}const o=t.order_items.map(e=>e.product_id).filter(Boolean),u=new Map;if(o.length>0){const{data:e}=await i.from("products").select("id, title, slug, product_media(media(file_path))").in("id",o);e&&e.forEach(r=>{let c=null;r.product_media&&r.product_media.length>0&&r.product_media[0].media&&(c=r.product_media[0].media.file_path),u.set(r.id,{title:r.title,slug:r.slug,image_url:c})})}const f=t.order_items.map(e=>({...e,product:e.product_id?u.get(e.product_id):null}));return{...t,order_items:f,customer:n}}exports.getOrderDetails=E;exports.getOrders=h;
+    `).eq(`id`,t).single();if(i||!r)return console.error(`Error fetching order ${t}:`,i),null;let a=r,o=null;if(a.user_id){let{data:e}=await n.from(`profiles`).select(`*`).eq(`id`,a.user_id).single();o=e}let s=a.order_items.map(e=>e.product_id).filter(Boolean),c=new Map;if(s.length>0){let{data:e}=await n.from(`products`).select(`id, title, slug, product_media(media(file_path))`).in(`id`,s);e&&e.forEach(e=>{let t=null;e.product_media&&e.product_media.length>0&&e.product_media[0].media&&(t=e.product_media[0].media.file_path),c.set(e.id,{title:e.title,slug:e.slug,image_url:t})})}let l=a.order_items.map(e=>({...e,product:e.product_id?c.get(e.product_id):null}));return{...a,order_items:l,customer:o}}exports.getOrderDetails=r,exports.getOrders=n;