@opexa/portal-components 0.0.10 → 0.0.11

package/dist/components/TransactionRecords/TransactionRecordsTable.mjs

@@ -1,14 +1,14 @@
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { createListCollection as I, Portal as P } from "@ark-ui/react";
-import { TZDateMini as c, tz as R } from "@date-fns/tz";
-import { endOfDay as w, startOfDay as D, format as O } from "date-fns";
-import { useState as E } from "react";
+import { jsxs as i, Fragment as R, jsx as e } from "react/jsx-runtime";
+import { createListCollection as w, Portal as D } from "@ark-ui/react";
+import { TZDateMini as d, tz as O } from "@date-fns/tz";
+import { endOfDay as E, startOfDay as M, format as B } from "date-fns";
+import { useState as F } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
-import { capitalize as d } from "../../utils/capitalize.mjs";
-import { formatNumber as p } from "../../utils/formatNumber.mjs";
+import { capitalize as p } from "../../utils/capitalize.mjs";
+import { formatNumber as h } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
@@ -17,15 +17,15 @@ import "../../utils/toaster.mjs";
 import "lodash-es";
 import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
 import "../../hooks/useGlobalStore.mjs";
-import { useInfiniteQueryHelper as j } from "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as M } from "../../hooks/useLocaleInfo.mjs";
+import { useInfiniteQueryHelper as f } from "../../hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as H } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { useTransactionRecordsQuery as B } from "../../hooks/useTransactionRecordsQuery.mjs";
-import { ChevronDownIcon as F } from "../../icons/ChevronDownIcon.mjs";
-import { ChevronLeftIcon as H } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as L } from "../../icons/ChevronRightIcon.mjs";
-import { File02Icon as V } from "../../icons/File02Icon.mjs";
-import { SpinnerIcon as k } from "../../icons/SpinnerIcon.mjs";
+import { useTransactionRecordsQuery as L } from "../../hooks/useTransactionRecordsQuery.mjs";
+import { ChevronDownIcon as V } from "../../icons/ChevronDownIcon.mjs";
+import { ChevronLeftIcon as j } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as k } from "../../icons/ChevronRightIcon.mjs";
+import { File02Icon as q } from "../../icons/File02Icon.mjs";
+import { SpinnerIcon as Q } from "../../icons/SpinnerIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -36,149 +36,149 @@ import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
-import { IconButton as h } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as g } from "../../ui/IconButton/IconButton.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as q, Trigger as Q, ValueText as $, Indicator as A, Positioner as J, Content as U, Item as Z } from "../../ui/Select/Select.mjs";
-import { Root as G, Header as K, Row as x, Heading as i, Body as W, Cell as t } from "../../ui/Table/Table.mjs";
+import { Root as $, Trigger as A, ValueText as J, Indicator as U, Positioner as Z, Content as G, Item as K } from "../../ui/Select/Select.mjs";
+import { Root as W, Header as X, Row as u, Heading as t, Body as Y, Cell as n } from "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { Empty as X } from "../Empty/Empty.mjs";
-import { TableFilters as Y } from "./TableFilters.mjs";
-function Ge() {
-  const [o, u] = E(), n = M(), {
-    page: g,
-    pageSize: f,
-    hasNextPage: y,
-    hasPrevPage: v,
-    next: N,
-    prev: T,
-    rows: m,
-    setPageSize: C,
-    totalPages: S,
-    loading: s,
-    firstPage: b
-  } = j(B, {
+import { Empty as _ } from "../Empty/Empty.mjs";
+import { TableFilters as ee } from "./TableFilters.mjs";
+function We() {
+  const [o, y] = F(), m = H(), {
+    page: v,
+    pageSize: N,
+    hasNextPage: T,
+    hasPrevPage: C,
+    next: S,
+    prev: b,
+    rows: l,
+    setPageSize: z,
+    totalPages: I,
+    loading: a,
+    firstPage: x
+  } = f(L, {
     filter: {
       ...o && {
         dateTimeCreated: {
           ...o.start && {
-            greaterThanOrEqual: new c(
-              D(o.start),
-              n.timezone
+            greaterThanOrEqual: new d(
+              M(o.start),
+              m.timezone
             ).toISOString()
           },
           ...o.end && {
-            lesserThanOrEqual: new c(
-              w(o.end),
-              n.timezone
+            lesserThanOrEqual: new d(
+              E(o.end),
+              m.timezone
             ).toISOString()
           }
         }
       }
     }
   });
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      Y,
+  return /* @__PURE__ */ i(R, { children: [
+    /* @__PURE__ */ e(
+      ee,
       {
         value: {
           timestamp: o
         },
         onChange: (r) => {
-          u(r.timestamp), b();
+          y(r.timestamp), x();
         }
       }
     ),
-    m.length <= 0 && /* @__PURE__ */ e.jsx(
-      X,
+    l.length <= 0 && /* @__PURE__ */ e(
+      _,
       {
-        icon: s ? k : V,
-        title: s ? "Just a moment" : "No data",
-        message: s ? "Fetching latest transaction records..." : "No data is currently available.",
+        icon: a ? Q : q,
+        title: a ? "Just a moment" : "No data",
+        message: a ? "Fetching latest transaction records..." : "No data is currently available.",
         className: "mt-8 lg:mt-16"
       }
     ),
-    m.length >= 1 && /* @__PURE__ */ e.jsxs("div", { className: "border-gray-200 mt-lg rounded-xl border", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b", children: /* @__PURE__ */ e.jsxs(G, { className: "border-0", children: [
-        /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsxs(x, { children: [
-          /* @__PURE__ */ e.jsx(i, { children: "Transaction Type" }),
-          /* @__PURE__ */ e.jsx(i, { children: "Transaction Time" }),
-          /* @__PURE__ */ e.jsx(i, { children: "Amount" }),
-          /* @__PURE__ */ e.jsx(i, { children: "Current Balance" }),
-          /* @__PURE__ */ e.jsx(i, { children: "Reference Number" }),
-          /* @__PURE__ */ e.jsx(i, { children: "Content" })
+    l.length >= 1 && /* @__PURE__ */ i("div", { className: "border-gray-200 mt-lg rounded-xl border", children: [
+      /* @__PURE__ */ e("div", { className: "border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b", children: /* @__PURE__ */ i(W, { className: "border-0", children: [
+        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ i(u, { children: [
+          /* @__PURE__ */ e(t, { children: "Transaction Type" }),
+          /* @__PURE__ */ e(t, { children: "Transaction Time" }),
+          /* @__PURE__ */ e(t, { children: "Amount" }),
+          /* @__PURE__ */ e(t, { children: "Current Balance" }),
+          /* @__PURE__ */ e(t, { children: "Reference Number" }),
+          /* @__PURE__ */ e(t, { children: "Content" })
         ] }) }),
-        /* @__PURE__ */ e.jsx(W, { children: m.map((r) => /* @__PURE__ */ e.jsxs(x, { children: [
-          /* @__PURE__ */ e.jsx(t, { children: d(r.type, {
-            delimiter: d.delimiters.UNDERSCORE
+        /* @__PURE__ */ e(Y, { children: l.map((r) => /* @__PURE__ */ i(u, { children: [
+          /* @__PURE__ */ e(n, { children: p(r.type, {
+            delimiter: p.delimiters.UNDERSCORE
           }) }),
-          /* @__PURE__ */ e.jsx(t, { children: O(r.dateTimeCreated, "yyyy MMM dd hh:mma", {
-            in: R(n.timezone)
+          /* @__PURE__ */ e(n, { children: B(r.dateTimeCreated, "yyyy MMM dd hh:mma", {
+            in: O(m.timezone)
           }) }),
-          /* @__PURE__ */ e.jsx(t, { children: p(r.amount, {
-            currency: n.currency.code,
+          /* @__PURE__ */ e(n, { children: h(r.amount, {
+            currency: m.currency.code,
             minDecimalPlaces: 2
           }) }),
-          /* @__PURE__ */ e.jsx(t, { children: p(r.currentBalance, {
-            currency: n.currency.code,
+          /* @__PURE__ */ e(n, { children: h(r.currentBalance, {
+            currency: m.currency.code,
             minDecimalPlaces: 2
           }) }),
-          /* @__PURE__ */ e.jsx(t, { children: r.referenceNumber }),
-          /* @__PURE__ */ e.jsx(t, { children: r.content })
+          /* @__PURE__ */ e(n, { children: r.referenceNumber }),
+          /* @__PURE__ */ e(n, { children: r.content })
         ] }, r.id)) })
       ] }) }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-lg px-4 py-3", children: [
-        /* @__PURE__ */ e.jsxs("p", { children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center gap-lg px-4 py-3", children: [
+        /* @__PURE__ */ i("p", { children: [
           "Page ",
-          g,
+          v,
           " of ",
-          S
+          I
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "grow" }),
-        /* @__PURE__ */ e.jsx(
-          q,
+        /* @__PURE__ */ e("div", { className: "grow" }),
+        /* @__PURE__ */ e(
+          $,
           {
             size: "sm",
-            value: [f.toString()],
+            value: [N.toString()],
             onValueChange: (r) => {
-              const l = parseInt(r.value[0]), z = isNaN(l) ? 10 : l;
-              C(z);
+              const s = parseInt(r.value[0]), P = isNaN(s) ? 10 : s;
+              z(P);
             },
-            collection: a,
+            collection: c,
             lazyMount: !0,
-            children: /* @__PURE__ */ e.jsxs(Q, { children: [
-              /* @__PURE__ */ e.jsx($, {}),
-              /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, {}) }),
-              /* @__PURE__ */ e.jsx(P, { children: /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsx(U, { children: a.items.map((r) => /* @__PURE__ */ e.jsx(Z, { item: r, children: a.stringifyItem(r) }, r)) }) }) })
+            children: /* @__PURE__ */ i(A, { children: [
+              /* @__PURE__ */ e(J, {}),
+              /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(V, {}) }),
+              /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(G, { children: c.items.map((r) => /* @__PURE__ */ e(K, { item: r, children: c.stringifyItem(r) }, r)) }) }) })
             ] })
           }
         ),
-        /* @__PURE__ */ e.jsxs("div", { children: [
-          /* @__PURE__ */ e.jsx(
-            h,
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(
+            g,
             {
               size: "sm",
               variant: "outline",
               colorScheme: "gray",
               className: "rounded-r-none border-r-0",
-              disabled: !v || s,
-              onClick: () => T(),
-              children: /* @__PURE__ */ e.jsx(H, { className: "size-5" })
+              disabled: !C || a,
+              onClick: () => b(),
+              children: /* @__PURE__ */ e(j, { className: "size-5" })
             }
           ),
-          /* @__PURE__ */ e.jsx(
-            h,
+          /* @__PURE__ */ e(
+            g,
             {
               size: "sm",
               variant: "outline",
               colorScheme: "gray",
               className: "rounded-l-none",
-              disabled: !y || s,
-              onClick: () => N(),
-              children: /* @__PURE__ */ e.jsx(L, { className: "size-5" })
+              disabled: !T || a,
+              onClick: () => S(),
+              children: /* @__PURE__ */ e(k, { className: "size-5" })
             }
           )
         ] })
@@ -186,11 +186,11 @@ function Ge() {
     ] })
   ] });
 }
-const a = I({
-  items: j.config.pageSizes,
+const c = w({
+  items: f.config.pageSizes,
   itemToValue: (o) => o.toString(),
   itemToString: (o) => `${o} items per page`
 });
 export {
-  Ge as TransactionRecordsTable
+  We as TransactionRecordsTable
 };

package/dist/components/TransactionRecords/WithdrawalRecordsTable.d.ts

@@ -1 +1 @@
-export declare function WithdrawalRecordsTable(): import("react/jsx-runtime").JSX.Element;
+export declare function WithdrawalRecordsTable(): import("react").JSX.Element;

package/dist/components/TransactionRecords/WithdrawalRecordsTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),E=require("@ark-ui/react"),c=require("@date-fns/tz"),x=require("date-fns"),p=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const l=require("../../utils/capitalize.js"),m=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");const g=require("../../hooks/useInfiniteQueryHelper.js"),D=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const H=require("../../hooks/useWithdrawalRecordsQuery.js"),P=require("../../icons/ChevronDownIcon.js"),F=require("../../icons/ChevronLeftIcon.js"),M=require("../../icons/ChevronRightIcon.js"),L=require("../../icons/File02Icon.js"),O=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const h=require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const R=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");const i=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const W=require("../Empty/Empty.js"),B=require("./TableFilters.js");function A(){const[s,q]=p.useState(),[u,y]=p.useState(),n=D.useLocaleInfo(),{page:C,pageSize:b,hasNextPage:w,hasPrevPage:N,next:f,prev:S,rows:a,setPageSize:I,totalPages:v,loading:o,firstPage:z}=g.useInfiniteQueryHelper(H.useWithdrawalRecordsQuery,{filter:{...u&&{status:{equal:u}},...s&&{dateTimeCreated:{...s.start&&{greaterThanOrEqual:new c.TZDateMini(x.startOfDay(s.start),n.timezone).toISOString()},...s.end&&{lesserThanOrEqual:new c.TZDateMini(x.endOfDay(s.end),n.timezone).toISOString()}}}}});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(B.TableFilters,{enabledFilters:{withdrawalStatus:!0},value:{timestamp:s,withdrawalStatus:u},onChange:t=>{z(),q(t.timestamp),y(t.withdrawalStatus)}}),a.length<=0&&e.jsxRuntimeExports.jsx(W.Empty,{icon:o?O.SpinnerIcon:L.File02Icon,title:o?"Just a moment":"No data",message:o?"Fetching latest withdrawal records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),a.length>=1&&e.jsxRuntimeExports.jsxs("div",{className:"border-gray-200 mt-lg rounded-xl border",children:[e.jsxRuntimeExports.jsx("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b",children:e.jsxRuntimeExports.jsxs(r.Root,{className:"border-0",children:[e.jsxRuntimeExports.jsx(r.Header,{children:e.jsxRuntimeExports.jsxs(r.Row,{children:[e.jsxRuntimeExports.jsx(r.Heading,{children:"Withdrawal No."}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Reference"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Withdrawal Method"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Mobile Number"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Withdrawal Amount"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Net Amount"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Transaction Fee"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Bank Name"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Withdrawal Time"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Status"})]})}),e.jsxRuntimeExports.jsx(r.Body,{children:a.map(t=>e.jsxRuntimeExports.jsxs(r.Row,{children:[e.jsxRuntimeExports.jsx(r.Cell,{children:t.withdrawalNumber}),e.jsxRuntimeExports.jsx(r.Cell,{children:t.reference}),e.jsxRuntimeExports.jsx(r.Cell,{children:l.capitalize(t.type,{delimiter:l.capitalize.delimiters.UNDERSCORE})}),e.jsxRuntimeExports.jsx(r.Cell,{children:t.recipientMobileNumber}),e.jsxRuntimeExports.jsx(r.Cell,{children:m.formatNumber(t.amount,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(r.Cell,{children:m.formatNumber(t.netAmount,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(r.Cell,{children:m.formatNumber(t.fee,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(r.Cell,{children:t.bank}),e.jsxRuntimeExports.jsx(r.Cell,{children:x.format(t.dateTimeCreated,"yyyy MMM dd hh:mma",{in:c.tz(n.timezone)})}),e.jsxRuntimeExports.jsx(r.Cell,{children:e.jsxRuntimeExports.jsx(h.Root,{variant:"subtle",colorScheme:t.status==="FAILED"||t.status==="REJECTED"||t.status==="CANCELLED"?"danger":t.status==="PENDING"?"warning":"success",children:e.jsxRuntimeExports.jsx(h.Label,{children:l.capitalize(t.status,{delimiter:l.capitalize.delimiters.UNDERSCORE})})})})]},t.id))})]})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxRuntimeExports.jsxs("p",{children:["Page ",C," of ",v]}),e.jsxRuntimeExports.jsx("div",{className:"grow"}),e.jsxRuntimeExports.jsx(i.Root,{size:"sm",value:[b.toString()],onValueChange:t=>{const j=parseInt(t.value[0]),T=isNaN(j)?10:j;I(T)},collection:d,lazyMount:!0,children:e.jsxRuntimeExports.jsxs(i.Trigger,{children:[e.jsxRuntimeExports.jsx(i.ValueText,{}),e.jsxRuntimeExports.jsx(i.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(P.ChevronDownIcon,{})}),e.jsxRuntimeExports.jsx(E.Portal,{children:e.jsxRuntimeExports.jsx(i.Positioner,{children:e.jsxRuntimeExports.jsx(i.Content,{children:d.items.map(t=>e.jsxRuntimeExports.jsx(i.Item,{item:t,children:d.stringifyItem(t)},t))})})})]})}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(R.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!N||o,onClick:()=>S(),children:e.jsxRuntimeExports.jsx(F.ChevronLeftIcon,{className:"size-5"})}),e.jsxRuntimeExports.jsx(R.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!w||o,onClick:()=>f(),children:e.jsxRuntimeExports.jsx(M.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const d=E.createListCollection({items:g.useInfiniteQueryHelper.config.pageSizes,itemToValue:s=>s.toString(),itemToString:s=>`${s} items per page`});exports.WithdrawalRecordsTable=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@ark-ui/react"),u=require("@date-fns/tz"),d=require("date-fns"),g=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const a=require("../../utils/capitalize.js"),h=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");const y=require("../../hooks/useInfiniteQueryHelper.js"),E=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const H=require("../../hooks/useWithdrawalRecordsQuery.js"),P=require("../../icons/ChevronDownIcon.js"),F=require("../../icons/ChevronLeftIcon.js"),M=require("../../icons/ChevronRightIcon.js"),L=require("../../icons/File02Icon.js"),O=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const q=require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const j=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");const t=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const W=require("../Empty/Empty.js"),B=require("./TableFilters.js");function A(){const[n,C]=g.useState(),[c,b]=g.useState(),s=E.useLocaleInfo(),{page:w,pageSize:N,hasNextPage:f,hasPrevPage:S,next:I,prev:v,rows:o,setPageSize:z,totalPages:T,loading:l,firstPage:R}=y.useInfiniteQueryHelper(H.useWithdrawalRecordsQuery,{filter:{...c&&{status:{equal:c}},...n&&{dateTimeCreated:{...n.start&&{greaterThanOrEqual:new u.TZDateMini(d.startOfDay(n.start),s.timezone).toISOString()},...n.end&&{lesserThanOrEqual:new u.TZDateMini(d.endOfDay(n.end),s.timezone).toISOString()}}}}});return e.jsxs(e.Fragment,{children:[e.jsx(B.TableFilters,{enabledFilters:{withdrawalStatus:!0},value:{timestamp:n,withdrawalStatus:c},onChange:i=>{R(),C(i.timestamp),b(i.withdrawalStatus)}}),o.length<=0&&e.jsx(W.Empty,{icon:l?O.SpinnerIcon:L.File02Icon,title:l?"Just a moment":"No data",message:l?"Fetching latest withdrawal records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),o.length>=1&&e.jsxs("div",{className:"border-gray-200 mt-lg rounded-xl border",children:[e.jsx("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b",children:e.jsxs(r.Root,{className:"border-0",children:[e.jsx(r.Header,{children:e.jsxs(r.Row,{children:[e.jsx(r.Heading,{children:"Withdrawal No."}),e.jsx(r.Heading,{children:"Reference"}),e.jsx(r.Heading,{children:"Withdrawal Method"}),e.jsx(r.Heading,{children:"Mobile Number"}),e.jsx(r.Heading,{children:"Withdrawal Amount"}),e.jsx(r.Heading,{children:"Net Amount"}),e.jsx(r.Heading,{children:"Transaction Fee"}),e.jsx(r.Heading,{children:"Bank Name"}),e.jsx(r.Heading,{children:"Withdrawal Time"}),e.jsx(r.Heading,{children:"Status"})]})}),e.jsx(r.Body,{children:o.map(i=>e.jsxs(r.Row,{children:[e.jsx(r.Cell,{children:i.withdrawalNumber}),e.jsx(r.Cell,{children:i.reference}),e.jsx(r.Cell,{children:a.capitalize(i.type,{delimiter:a.capitalize.delimiters.UNDERSCORE})}),e.jsx(r.Cell,{children:i.recipientMobileNumber}),e.jsx(r.Cell,{children:h.formatNumber(i.amount,{currency:s.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:h.formatNumber(i.netAmount,{currency:s.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:h.formatNumber(i.fee,{currency:s.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{children:i.bank}),e.jsx(r.Cell,{children:d.format(i.dateTimeCreated,"yyyy MMM dd hh:mma",{in:u.tz(s.timezone)})}),e.jsx(r.Cell,{children:e.jsx(q.Root,{variant:"subtle",colorScheme:i.status==="FAILED"||i.status==="REJECTED"||i.status==="CANCELLED"?"danger":i.status==="PENDING"?"warning":"success",children:e.jsx(q.Label,{children:a.capitalize(i.status,{delimiter:a.capitalize.delimiters.UNDERSCORE})})})})]},i.id))})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{children:["Page ",w," of ",T]}),e.jsx("div",{className:"grow"}),e.jsx(t.Root,{size:"sm",value:[N.toString()],onValueChange:i=>{const x=parseInt(i.value[0]),D=isNaN(x)?10:x;z(D)},collection:m,lazyMount:!0,children:e.jsxs(t.Trigger,{children:[e.jsx(t.ValueText,{}),e.jsx(t.Indicator,{asChild:!0,children:e.jsx(P.ChevronDownIcon,{})}),e.jsx(p.Portal,{children:e.jsx(t.Positioner,{children:e.jsx(t.Content,{children:m.items.map(i=>e.jsx(t.Item,{item:i,children:m.stringifyItem(i)},i))})})})]})}),e.jsxs("div",{children:[e.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!S||l,onClick:()=>v(),children:e.jsx(F.ChevronLeftIcon,{className:"size-5"})}),e.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!f||l,onClick:()=>I(),children:e.jsx(M.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const m=p.createListCollection({items:y.useInfiniteQueryHelper.config.pageSizes,itemToValue:n=>n.toString(),itemToString:n=>`${n} items per page`});exports.WithdrawalRecordsTable=A;