@opexa/portal-components 0.0.8 → 0.0.9

package/dist/components/TransactionRecords/TransactionRecordsTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@ark-ui/react"),i=require("@date-fns/tz"),o=require("date-fns"),S=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const m=require("../../utils/capitalize.js"),d=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("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");const g=require("../../hooks/useInfiniteQueryHelper.js"),z=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const P=require("../../hooks/useTransactionRecordsQuery.js"),w=require("../../icons/ChevronDownIcon.js"),H=require("../../icons/ChevronLeftIcon.js"),D=require("../../icons/ChevronRightIcon.js"),x=require("../../icons/File02Icon.js"),O=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");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 n=require("../../ui/Select/Select.js"),e=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const F=require("../Empty/Empty.js"),M=require("./TableFilters.js");function B(){const[r,E]=S.useState(),a=z.useLocaleInfo(),{page:y,pageSize:p,hasNextPage:f,hasPrevPage:C,next:I,prev:T,rows:l,setPageSize:h,totalPages:v,loading:c,firstPage:b}=g.useInfiniteQueryHelper(P.useTransactionRecordsQuery,{filter:{...r&&{dateTimeCreated:{...r.start&&{greaterThanOrEqual:new i.TZDateMini(o.startOfDay(r.start),a.timezone).toISOString()},...r.end&&{lesserThanOrEqual:new i.TZDateMini(o.endOfDay(r.end),a.timezone).toISOString()}}}}});return React.createElement(React.Fragment,null,React.createElement(M.TableFilters,{value:{timestamp:r},onChange:t=>{E(t.timestamp),b()}}),l.length<=0&&React.createElement(F.Empty,{icon:c?O.SpinnerIcon:x.File02Icon,title:c?"Just a moment":"No data",message:c?"Fetching latest transaction records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),l.length>=1&&React.createElement("div",{className:"border-gray-200 mt-lg rounded-xl border"},React.createElement("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b"},React.createElement(e.Root,{className:"border-0"},React.createElement(e.Header,null,React.createElement(e.Row,null,React.createElement(e.Heading,null,"Transaction Type"),React.createElement(e.Heading,null,"Transaction Time"),React.createElement(e.Heading,null,"Amount"),React.createElement(e.Heading,null,"Current Balance"),React.createElement(e.Heading,null,"Reference Number"),React.createElement(e.Heading,null,"Content"))),React.createElement(e.Body,null,l.map(t=>React.createElement(e.Row,{key:t.id},React.createElement(e.Cell,null,m.capitalize(t.type,{delimiter:m.capitalize.delimiters.UNDERSCORE})),React.createElement(e.Cell,null,o.format(t.dateTimeCreated,"yyyy MMM dd hh:mma",{in:i.tz(a.timezone)})),React.createElement(e.Cell,null,d.formatNumber(t.amount,{currency:a.currency.code,minDecimalPlaces:2})),React.createElement(e.Cell,null,d.formatNumber(t.currentBalance,{currency:a.currency.code,minDecimalPlaces:2})),React.createElement(e.Cell,null,t.referenceNumber),React.createElement(e.Cell,null,t.content)))))),React.createElement("div",{className:"flex items-center gap-lg px-4 py-3"},React.createElement("p",null,"Page ",y," of ",v),React.createElement("div",{className:"grow"}),React.createElement(n.Root,{size:"sm",value:[p.toString()],onValueChange:t=>{const s=parseInt(t.value[0]),N=isNaN(s)?10:s;h(N)},collection:u,lazyMount:!0},React.createElement(n.Trigger,null,React.createElement(n.ValueText,null),React.createElement(n.Indicator,{asChild:!0},React.createElement(w.ChevronDownIcon,null)),React.createElement(q.Portal,null,React.createElement(n.Positioner,null,React.createElement(n.Content,null,u.items.map(t=>React.createElement(n.Item,{key:t,item:t},u.stringifyItem(t)))))))),React.createElement("div",null,React.createElement(R.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!C||c,onClick:()=>T()},React.createElement(H.ChevronLeftIcon,{className:"size-5"})),React.createElement(R.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!f||c,onClick:()=>I()},React.createElement(D.ChevronRightIcon,{className:"size-5"}))))))}const u=q.createListCollection({items:g.useInfiniteQueryHelper.config.pageSizes,itemToValue:r=>r.toString(),itemToString:r=>`${r} items per page`});exports.TransactionRecordsTable=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),p=require("@ark-ui/react"),c=require("@date-fns/tz"),a=require("date-fns"),N=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const m=require("../../utils/capitalize.js"),d=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("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");const h=require("../../hooks/useInfiniteQueryHelper.js"),S=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../hooks/useTransactionRecordsQuery.js"),P=require("../../icons/ChevronDownIcon.js"),w=require("../../icons/ChevronLeftIcon.js"),H=require("../../icons/ChevronRightIcon.js"),D=require("../../icons/File02Icon.js"),O=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");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 n=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const F=require("../Empty/Empty.js"),M=require("./TableFilters.js");function B(){const[t,R]=N.useState(),i=S.useLocaleInfo(),{page:q,pageSize:g,hasNextPage:E,hasPrevPage:y,next:f,prev:C,rows:u,setPageSize:I,totalPages:T,loading:o,firstPage:v}=h.useInfiniteQueryHelper(z.useTransactionRecordsQuery,{filter:{...t&&{dateTimeCreated:{...t.start&&{greaterThanOrEqual:new c.TZDateMini(a.startOfDay(t.start),i.timezone).toISOString()},...t.end&&{lesserThanOrEqual:new c.TZDateMini(a.endOfDay(t.end),i.timezone).toISOString()}}}}});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(M.TableFilters,{value:{timestamp:t},onChange:s=>{R(s.timestamp),v()}}),u.length<=0&&e.jsxRuntimeExports.jsx(F.Empty,{icon:o?O.SpinnerIcon:D.File02Icon,title:o?"Just a moment":"No data",message:o?"Fetching latest transaction records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),u.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:"Transaction Type"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Transaction Time"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Amount"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Current Balance"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Reference Number"}),e.jsxRuntimeExports.jsx(r.Heading,{children:"Content"})]})}),e.jsxRuntimeExports.jsx(r.Body,{children:u.map(s=>e.jsxRuntimeExports.jsxs(r.Row,{children:[e.jsxRuntimeExports.jsx(r.Cell,{children:m.capitalize(s.type,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),e.jsxRuntimeExports.jsx(r.Cell,{children:a.format(s.dateTimeCreated,"yyyy MMM dd hh:mma",{in:c.tz(i.timezone)})}),e.jsxRuntimeExports.jsx(r.Cell,{children:d.formatNumber(s.amount,{currency:i.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(r.Cell,{children:d.formatNumber(s.currentBalance,{currency:i.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(r.Cell,{children:s.referenceNumber}),e.jsxRuntimeExports.jsx(r.Cell,{children:s.content})]},s.id))})]})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxRuntimeExports.jsxs("p",{children:["Page ",q," of ",T]}),e.jsxRuntimeExports.jsx("div",{className:"grow"}),e.jsxRuntimeExports.jsx(n.Root,{size:"sm",value:[g.toString()],onValueChange:s=>{const x=parseInt(s.value[0]),b=isNaN(x)?10:x;I(b)},collection:l,lazyMount:!0,children:e.jsxRuntimeExports.jsxs(n.Trigger,{children:[e.jsxRuntimeExports.jsx(n.ValueText,{}),e.jsxRuntimeExports.jsx(n.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(P.ChevronDownIcon,{})}),e.jsxRuntimeExports.jsx(p.Portal,{children:e.jsxRuntimeExports.jsx(n.Positioner,{children:e.jsxRuntimeExports.jsx(n.Content,{children:l.items.map(s=>e.jsxRuntimeExports.jsx(n.Item,{item:s,children:l.stringifyItem(s)},s))})})})]})}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!y||o,onClick:()=>C(),children:e.jsxRuntimeExports.jsx(w.ChevronLeftIcon,{className:"size-5"})}),e.jsxRuntimeExports.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!E||o,onClick:()=>f(),children:e.jsxRuntimeExports.jsx(H.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const l=p.createListCollection({items:h.useInfiniteQueryHelper.config.pageSizes,itemToValue:t=>t.toString(),itemToString:t=>`${t} items per page`});exports.TransactionRecordsTable=B;

package/dist/components/TransactionRecords/TransactionRecordsTable.mjs

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

package/dist/components/TransactionRecords/WithdrawalRecordsTable.js

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