@opexa/portal-components 0.0.18 → 0.0.19

package/dist/components/TransactionRecords/TransactionRecords.mjs

@@ -15,6 +15,7 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -32,7 +33,7 @@ import { Root as m, List as s, Trigger as i, Indicator as l, Content as o } from
 import { DepositRecordsTable as n } from "./DepositRecordsTable.mjs";
 import { TransactionRecordsTable as p } from "./TransactionRecordsTable.mjs";
 import { WithdrawalRecordsTable as c } from "./WithdrawalRecordsTable.mjs";
-function P(e) {
+function Q(e) {
   return /* @__PURE__ */ r("div", { className: a("px-4 pb-3xl pt-4", e.className), children: [
     /* @__PURE__ */ t("h2", { className: "text-text-secondary-700 text-sm font-semibold leading-tight", children: "Transaction Records" }),
     /* @__PURE__ */ t("p", { className: "text-text-tertiary-600 mt-xs text-sm leading-tight", children: "View your transaction records" }),
@@ -60,5 +61,5 @@ function P(e) {
   ] });
 }
 export {
-  P as TransactionRecords
+  Q as TransactionRecords
 };

package/dist/components/TransactionRecords/TransactionRecordsTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@ark-ui/react"),o=require("@date-fns/tz"),a=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"),g=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");const q=require("../../client/hooks/useInfiniteQueryHelper.js"),w=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const R=require("../../client/hooks/useTransactionRecordsQuery.js"),P=require("../../icons/ChevronDownIcon.js"),H=require("../../icons/ChevronLeftIcon.js"),D=require("../../icons/ChevronRightIcon.js"),F=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/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const h=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");const s=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const B=require("../Empty/Empty.js"),E=require("./TableFilters.js");function M(){const[i,j]=S.useState(),t=w.useLocaleInfo(),{page:y,pageSize:p,hasNextPage:b,hasPrevPage:N,next:f,prev:T,rows:c,setPageSize:v,totalPages:C,loading:l,firstPage:I}=q.useInfiniteQueryHelper(R.useTransactionRecordsQuery,{filter:{...i&&{dateTimeCreated:{...i.start&&{greaterThanOrEqual:new o.TZDateMini(a.startOfDay(i.start),t.timezone).toISOString()},...i.end&&{lesserThanOrEqual:new o.TZDateMini(a.endOfDay(i.end),t.timezone).toISOString()}}}}});return e.jsxs(e.Fragment,{children:[e.jsx(E.TableFilters,{value:{timestamp:i},onChange:n=>{j(n.timestamp),I()},enabledFilters:{transactionType:!0}}),c.length<=0&&e.jsx(B.Empty,{icon:l?O.SpinnerIcon:F.File02Icon,title:l?"Just a moment":"No data",message:l?"Fetching latest transaction records...":"No data is currently available.",className:"mt-5xl"}),c.length>=1&&e.jsxs("div",{className:"border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x",children:[e.jsx("div",{className:"border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none 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:"Transaction Type"}),e.jsx(r.Heading,{children:"Transaction Time"}),e.jsx(r.Heading,{children:"Amount"}),e.jsx(r.Heading,{children:"Current Balance"}),e.jsx(r.Heading,{children:"Reference Number"}),e.jsx(r.Heading,{children:"Content"})]})}),e.jsx(r.Body,{children:c.map(n=>e.jsxs(r.Row,{children:[e.jsx(r.Cell,{className:"!py-1",children:m.capitalize(n.type,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),e.jsxs(r.Cell,{className:"!py-1",children:[e.jsx("div",{className:"leading-tight",children:a.format(n.dateTimeCreated,"MM/dd/yyyy",{in:o.tz(t.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:a.format(n.dateTimeCreated,"hh:mm a",{in:o.tz(t.timezone)})})]}),e.jsx(r.Cell,{className:"!py-1",children:g.formatNumber(n.amount,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:g.formatNumber(n.currentBalance,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:n.referenceNumber}),e.jsx(r.Cell,{className:"!py-1",children:n.content||"/"})]},n.id))})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{className:"text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0",children:["Page ",y," of ",C]}),e.jsx("div",{className:"hidden grow lg:block"}),e.jsx(s.Root,{size:"sm",value:[p.toString()],onValueChange:n=>{const d=parseInt(n.value[0]),z=isNaN(d)?10:d;v(z)},collection:u,lazyMount:!0,className:"hidden lg:block",children:e.jsxs(s.Trigger,{children:[e.jsx(s.ValueText,{}),e.jsx(s.Indicator,{asChild:!0,children:e.jsx(P.ChevronDownIcon,{})}),e.jsx(x.Portal,{children:e.jsx(s.Positioner,{children:e.jsx(s.Content,{children:u.items.map(n=>e.jsx(s.Item,{item:n,children:u.stringifyItem(n)},n))})})})]})}),e.jsxs("div",{className:"contents lg:flex",children:[e.jsx(h.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-1 lg:order-none lg:rounded-r-none lg:border-r-0",disabled:!N||l,onClick:()=>T(),children:e.jsx(H.ChevronLeftIcon,{className:"size-5"})}),e.jsx(h.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-3 lg:order-none lg:rounded-l-none",disabled:!b||l,onClick:()=>f(),children:e.jsx(D.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const u=x.createListCollection({items:q.useInfiniteQueryHelper.config.pageSizes,itemToValue:i=>i.toString(),itemToString:i=>`${i} items per page`});exports.TransactionRecordsTable=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@ark-ui/react"),l=require("@date-fns/tz"),a=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"),h=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");const q=require("../../client/hooks/useInfiniteQueryHelper.js"),w=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const R=require("../../client/hooks/useTransactionRecordsQuery.js"),P=require("../../icons/CheckIcon.js"),H=require("../../icons/ChevronDownIcon.js"),D=require("../../icons/ChevronLeftIcon.js"),F=require("../../icons/ChevronRightIcon.js"),O=require("../../icons/File02Icon.js"),k=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/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const g=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");const t=require("../../ui/Select/Select.js"),r=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const B=require("../Empty.js"),E=require("./TableFilters.js");function M(){const[i,j]=S.useState(),s=w.useLocaleInfo(),{page:p,pageSize:y,hasNextPage:b,hasPrevPage:N,next:f,prev:I,rows:c,setPageSize:C,totalPages:T,loading:o,firstPage:v}=q.useInfiniteQueryHelper(R.useTransactionRecordsQuery,{filter:{...i&&{dateTimeCreated:{...i.start&&{greaterThanOrEqual:new l.TZDateMini(a.startOfDay(i.start),s.timezone).toISOString()},...i.end&&{lesserThanOrEqual:new l.TZDateMini(a.endOfDay(i.end),s.timezone).toISOString()}}}}});return e.jsxs(e.Fragment,{children:[e.jsx(E.TableFilters,{value:{timestamp:i},onChange:n=>{j(n.timestamp),v()},enabledFilters:{transactionType:!0}}),c.length<=0&&e.jsx(B.Empty,{icon:o?k.SpinnerIcon:O.File02Icon,title:o?"Just a moment":"No data",message:o?"Fetching latest transaction records...":"No data is currently available.",className:"mt-5xl"}),c.length>=1&&e.jsxs("div",{className:"border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x",children:[e.jsx("div",{className:"border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none 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:"Transaction Type"}),e.jsx(r.Heading,{children:"Transaction Time"}),e.jsx(r.Heading,{children:"Amount"}),e.jsx(r.Heading,{children:"Current Balance"}),e.jsx(r.Heading,{children:"Reference Number"}),e.jsx(r.Heading,{children:"Content"})]})}),e.jsx(r.Body,{children:c.map(n=>e.jsxs(r.Row,{children:[e.jsx(r.Cell,{className:"!py-1",children:m.capitalize(n.type,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),e.jsxs(r.Cell,{className:"!py-1",children:[e.jsx("div",{className:"leading-tight",children:a.format(n.dateTimeCreated,"MM/dd/yyyy",{in:l.tz(s.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:a.format(n.dateTimeCreated,"hh:mm a",{in:l.tz(s.timezone)})})]}),e.jsx(r.Cell,{className:"!py-1",children:h.formatNumber(n.amount,{currency:s.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:h.formatNumber(n.currentBalance,{currency:s.currency.code,minDecimalPlaces:2})}),e.jsx(r.Cell,{className:"!py-1",children:n.referenceNumber}),e.jsx(r.Cell,{className:"!py-1",children:n.content||"/"})]},n.id))})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{className:"text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0",children:["Page ",p," of ",T]}),e.jsx("div",{className:"hidden grow lg:block"}),e.jsx(t.Root,{size:"sm",value:[y.toString()],onValueChange:n=>{const d=parseInt(n.value[0]),z=isNaN(d)?10:d;C(z)},collection:u,lazyMount:!0,className:"hidden lg:block",positioning:{sameWidth:!0},children:e.jsxs(t.Trigger,{children:[e.jsx(t.ValueText,{}),e.jsx(t.Indicator,{asChild:!0,children:e.jsx(H.ChevronDownIcon,{})}),e.jsx(x.Portal,{children:e.jsx(t.Positioner,{children:e.jsx(t.Content,{children:u.items.map(n=>e.jsxs(t.Item,{item:n,children:[e.jsx(t.ItemText,{children:u.stringifyItem(n)}),e.jsx(t.ItemIndicator,{asChild:!0,children:e.jsx(P.CheckIcon,{})})]},n))})})})]})}),e.jsxs("div",{className:"contents lg:flex",children:[e.jsx(g.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-1 lg:order-none lg:rounded-r-none lg:border-r-0",disabled:!N||o,onClick:()=>I(),children:e.jsx(D.ChevronLeftIcon,{className:"size-5"})}),e.jsx(g.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-3 lg:order-none lg:rounded-l-none",disabled:!b||o,onClick:()=>f(),children:e.jsx(F.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const u=x.createListCollection({items:q.useInfiniteQueryHelper.config.pageSizes,itemToValue:i=>i.toString(),itemToString:i=>`${i} items per page`});exports.TransactionRecordsTable=M;

package/dist/components/TransactionRecords/TransactionRecordsTable.mjs

@@ -1,4 +1,4 @@
-import { jsxs as t, Fragment as D, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, Fragment as D, jsx as e } from "react/jsx-runtime";
 import { createListCollection as O, Portal as k } from "@ark-ui/react";
 import { TZDateMini as d, tz as p } from "@date-fns/tz";
 import { endOfDay as E, startOfDay as F, format as h } from "date-fns";
@@ -13,6 +13,7 @@ import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
+import "../../client/services/getSession.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import "../../client/hooks/useGlobalStore.mjs";
@@ -20,11 +21,12 @@ import { useInfiniteQueryHelper as b } from "../../client/hooks/useInfiniteQuery
 import { useLocaleInfo as M } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
 import { useTransactionRecordsQuery as q } from "../../client/hooks/useTransactionRecordsQuery.mjs";
-import { ChevronDownIcon as H } from "../../icons/ChevronDownIcon.mjs";
-import { ChevronLeftIcon as L } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as V } from "../../icons/ChevronRightIcon.mjs";
-import { File02Icon as j } from "../../icons/File02Icon.mjs";
-import { SpinnerIcon as Q } from "../../icons/SpinnerIcon.mjs";
+import { CheckIcon as H } from "../../icons/CheckIcon.mjs";
+import { ChevronDownIcon as L } from "../../icons/ChevronDownIcon.mjs";
+import { ChevronLeftIcon as V } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as j } from "../../icons/ChevronRightIcon.mjs";
+import { File02Icon as Q } from "../../icons/File02Icon.mjs";
+import { SpinnerIcon as $ } from "../../icons/SpinnerIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -32,6 +34,7 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -44,37 +47,37 @@ import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
 import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.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 y, Heading as n, Body as Y, Cell as l } from "../../ui/Table/Table.mjs";
+import { Root as A, Trigger as J, ValueText as U, Indicator as W, Positioner as Z, Content as G, Item as K, ItemText as X, ItemIndicator as Y } from "../../ui/Select/Select.mjs";
+import { Root as _, Header as ee, Row as y, Heading as n, Body as re, Cell as l } from "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { Empty as _ } from "../Empty/Empty.mjs";
-import { TableFilters as ee } from "./TableFilters.mjs";
-function Ye() {
-  const [o, N] = B(), i = M(), {
+import { Empty as oe } from "../Empty.mjs";
+import { TableFilters as te } from "./TableFilters.mjs";
+function ir() {
+  const [t, N] = B(), i = M(), {
     page: v,
     pageSize: x,
     hasNextPage: T,
     hasPrevPage: C,
-    next: z,
-    prev: S,
-    rows: m,
-    setPageSize: I,
+    next: I,
+    prev: z,
+    rows: a,
+    setPageSize: S,
     totalPages: w,
-    loading: a,
+    loading: m,
     firstPage: P
   } = b(q, {
     filter: {
-      ...o && {
+      ...t && {
         dateTimeCreated: {
-          ...o.start && {
+          ...t.start && {
             greaterThanOrEqual: new d(
-              F(o.start),
+              F(t.start),
               i.timezone
             ).toISOString()
           },
-          ...o.end && {
+          ...t.end && {
             lesserThanOrEqual: new d(
-              E(o.end),
+              E(t.end),
               i.timezone
             ).toISOString()
           }
@@ -82,12 +85,12 @@ function Ye() {
       }
     }
   });
-  return /* @__PURE__ */ t(D, { children: [
+  return /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ e(
-      ee,
+      te,
       {
         value: {
-          timestamp: o
+          timestamp: t
         },
         onChange: (r) => {
           N(r.timestamp), P();
@@ -97,18 +100,18 @@ function Ye() {
         }
       }
     ),
-    m.length <= 0 && /* @__PURE__ */ e(
-      _,
+    a.length <= 0 && /* @__PURE__ */ e(
+      oe,
       {
-        icon: a ? Q : j,
-        title: a ? "Just a moment" : "No data",
-        message: a ? "Fetching latest transaction records..." : "No data is currently available.",
+        icon: m ? $ : Q,
+        title: m ? "Just a moment" : "No data",
+        message: m ? "Fetching latest transaction records..." : "No data is currently available.",
         className: "mt-5xl"
       }
     ),
-    m.length >= 1 && /* @__PURE__ */ t("div", { className: "border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x", children: [
-      /* @__PURE__ */ e("div", { className: "border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b", children: /* @__PURE__ */ t(W, { className: "border-0", children: [
-        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ t(y, { children: [
+    a.length >= 1 && /* @__PURE__ */ o("div", { className: "border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x", children: [
+      /* @__PURE__ */ e("div", { className: "border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b", children: /* @__PURE__ */ o(_, { className: "border-0", children: [
+        /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ o(y, { children: [
           /* @__PURE__ */ e(n, { children: "Transaction Type" }),
           /* @__PURE__ */ e(n, { children: "Transaction Time" }),
           /* @__PURE__ */ e(n, { children: "Amount" }),
@@ -116,11 +119,11 @@ function Ye() {
           /* @__PURE__ */ e(n, { children: "Reference Number" }),
           /* @__PURE__ */ e(n, { children: "Content" })
         ] }) }),
-        /* @__PURE__ */ e(Y, { children: m.map((r) => /* @__PURE__ */ t(y, { children: [
+        /* @__PURE__ */ e(re, { children: a.map((r) => /* @__PURE__ */ o(y, { children: [
           /* @__PURE__ */ e(l, { className: "!py-1", children: g(r.type, {
             delimiter: g.delimiters.UNDERSCORE
           }) }),
-          /* @__PURE__ */ t(l, { className: "!py-1", children: [
+          /* @__PURE__ */ o(l, { className: "!py-1", children: [
             /* @__PURE__ */ e("div", { className: "leading-tight", children: h(r.dateTimeCreated, "MM/dd/yyyy", {
               in: p(i.timezone)
             }) }),
@@ -140,8 +143,8 @@ function Ye() {
           /* @__PURE__ */ e(l, { className: "!py-1", children: r.content || "/" })
         ] }, r.id)) })
       ] }) }),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-lg px-4 py-3", children: [
-        /* @__PURE__ */ t("p", { className: "text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0", children: [
+      /* @__PURE__ */ o("div", { className: "flex items-center gap-lg px-4 py-3", children: [
+        /* @__PURE__ */ o("p", { className: "text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0", children: [
           "Page ",
           v,
           " of ",
@@ -149,25 +152,31 @@ function Ye() {
         ] }),
         /* @__PURE__ */ e("div", { className: "hidden grow lg:block" }),
         /* @__PURE__ */ e(
-          $,
+          A,
           {
             size: "sm",
             value: [x.toString()],
             onValueChange: (r) => {
               const s = parseInt(r.value[0]), R = isNaN(s) ? 10 : s;
-              I(R);
+              S(R);
             },
             collection: c,
             lazyMount: !0,
             className: "hidden lg:block",
-            children: /* @__PURE__ */ t(A, { children: [
-              /* @__PURE__ */ e(J, {}),
-              /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(H, {}) }),
-              /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(G, { children: c.items.map((r) => /* @__PURE__ */ e(K, { item: r, children: c.stringifyItem(r) }, r)) }) }) })
+            positioning: {
+              sameWidth: !0
+            },
+            children: /* @__PURE__ */ o(J, { children: [
+              /* @__PURE__ */ e(U, {}),
+              /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(L, {}) }),
+              /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(G, { children: c.items.map((r) => /* @__PURE__ */ o(K, { item: r, children: [
+                /* @__PURE__ */ e(X, { children: c.stringifyItem(r) }),
+                /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(H, {}) })
+              ] }, r)) }) }) })
             ] })
           }
         ),
-        /* @__PURE__ */ t("div", { className: "contents lg:flex", children: [
+        /* @__PURE__ */ o("div", { className: "contents lg:flex", children: [
           /* @__PURE__ */ e(
             f,
             {
@@ -175,9 +184,9 @@ function Ye() {
               variant: "outline",
               colorScheme: "gray",
               className: "order-1 lg:order-none lg:rounded-r-none lg:border-r-0",
-              disabled: !C || a,
-              onClick: () => S(),
-              children: /* @__PURE__ */ e(L, { className: "size-5" })
+              disabled: !C || m,
+              onClick: () => z(),
+              children: /* @__PURE__ */ e(V, { className: "size-5" })
             }
           ),
           /* @__PURE__ */ e(
@@ -187,9 +196,9 @@ function Ye() {
               variant: "outline",
               colorScheme: "gray",
               className: "order-3 lg:order-none lg:rounded-l-none",
-              disabled: !T || a,
-              onClick: () => z(),
-              children: /* @__PURE__ */ e(V, { className: "size-5" })
+              disabled: !T || m,
+              onClick: () => I(),
+              children: /* @__PURE__ */ e(j, { className: "size-5" })
             }
           )
         ] })
@@ -199,9 +208,9 @@ function Ye() {
 }
 const c = O({
   items: b.config.pageSizes,
-  itemToValue: (o) => o.toString(),
-  itemToString: (o) => `${o} items per page`
+  itemToValue: (t) => t.toString(),
+  itemToString: (t) => `${t} items per page`
 });
 export {
-  Ye as TransactionRecordsTable
+  ir as TransactionRecordsTable
 };

package/dist/components/TransactionRecords/WithdrawalRecordsTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("@ark-ui/react"),a=require("@date-fns/tz"),c=require("date-fns"),x=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const o=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("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");const p=require("../../client/hooks/useInfiniteQueryHelper.js"),E=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const H=require("../../client/hooks/useWithdrawalRecordsQuery.js"),P=require("../../icons/ChevronDownIcon.js"),F=require("../../icons/ChevronLeftIcon.js"),L=require("../../icons/ChevronRightIcon.js"),M=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/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");const t=require("../../ui/Select/Select.js"),i=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const W=require("../Empty/Empty.js"),k=require("./TableFilters.js");function B(){const[s,y]=x.useState(),[d,N]=x.useState(),n=E.useLocaleInfo(),{page:w,pageSize:f,hasNextPage:C,hasPrevPage:S,next:I,prev:v,rows:u,setPageSize:z,totalPages:T,loading:l,firstPage:R}=p.useInfiniteQueryHelper(H.useWithdrawalRecordsQuery,{filter:{...d&&{status:{equal:d}},...s&&{dateTimeCreated:{...s.start&&{greaterThanOrEqual:new a.TZDateMini(c.startOfDay(s.start),n.timezone).toISOString()},...s.end&&{lesserThanOrEqual:new a.TZDateMini(c.endOfDay(s.end),n.timezone).toISOString()}}}}});return e.jsxs(e.Fragment,{children:[e.jsx(k.TableFilters,{enabledFilters:{withdrawalStatus:!0},value:{timestamp:s,withdrawalStatus:d},onChange:r=>{R(),y(r.timestamp),N(r.withdrawalStatus)}}),u.length<=0&&e.jsx(W.Empty,{icon:l?O.SpinnerIcon:M.File02Icon,title:l?"Just a moment":"No data",message:l?"Fetching latest withdrawal records...":"No data is currently available.",className:"mt-5xl"}),u.length>=1&&e.jsxs("div",{className:"border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x",children:[e.jsx("div",{className:"border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b",children:e.jsxs(i.Root,{className:"border-0",children:[e.jsx(i.Header,{children:e.jsxs(i.Row,{children:[e.jsx(i.Heading,{children:"Withdrawal No."}),e.jsx(i.Heading,{children:"Reference"}),e.jsx(i.Heading,{children:"Withdrawal Method"}),e.jsx(i.Heading,{children:"Mobile Number"}),e.jsx(i.Heading,{children:"Withdrawal Amount"}),e.jsx(i.Heading,{children:"Net Amount"}),e.jsx(i.Heading,{children:"Transaction Fee"}),e.jsx(i.Heading,{children:"Bank Name"}),e.jsx(i.Heading,{children:"Withdrawal Time"}),e.jsx(i.Heading,{children:"Status"})]})}),e.jsx(i.Body,{children:u.map(r=>e.jsxs(i.Row,{children:[e.jsx(i.Cell,{className:"!py-1",children:r.withdrawalNumber}),e.jsx(i.Cell,{className:"!py-1",children:r.reference}),e.jsx(i.Cell,{className:"!py-1",children:o.capitalize(r.type,{delimiter:o.capitalize.delimiters.UNDERSCORE})}),e.jsx(i.Cell,{className:"!py-1",children:r.recipientMobileNumber}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.amount,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.netAmount,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.fee,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:r.bank}),e.jsxs(i.Cell,{className:"!py-1",children:[e.jsx("div",{className:"leading-tight",children:c.format(r.dateTimeCreated,"MM/dd/yyyy",{in:a.tz(n.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:c.format(r.dateTimeCreated,"hh:mm a",{in:a.tz(n.timezone)})})]}),e.jsx(i.Cell,{className:"!py-1",children:e.jsx(q.Root,{variant:"subtle",colorScheme:r.status==="FAILED"||r.status==="REJECTED"||r.status==="CANCELLED"?"danger":r.status==="PENDING"?"warning":"success",children:e.jsx(q.Label,{children:o.capitalize(r.status,{delimiter:o.capitalize.delimiters.UNDERSCORE})})})})]},r.id))})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{className:"text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0",children:["Page ",w," of ",T]}),e.jsx("div",{className:"hidden grow lg:block"}),e.jsx(t.Root,{size:"sm",value:[f.toString()],onValueChange:r=>{const g=parseInt(r.value[0]),D=isNaN(g)?10:g;z(D)},collection:h,lazyMount:!0,className:"hidden lg:block",children:e.jsxs(t.Trigger,{children:[e.jsx(t.ValueText,{}),e.jsx(t.Indicator,{asChild:!0,children:e.jsx(P.ChevronDownIcon,{})}),e.jsx(b.Portal,{children:e.jsx(t.Positioner,{children:e.jsx(t.Content,{children:h.items.map(r=>e.jsx(t.Item,{item:r,children:h.stringifyItem(r)},r))})})})]})}),e.jsxs("div",{className:"contents lg:flex",children:[e.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-1 lg:order-none lg:rounded-r-none lg: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:"order-3 lg:order-none lg:rounded-l-none",disabled:!C||l,onClick:()=>I(),children:e.jsx(L.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const h=b.createListCollection({items:p.useInfiniteQueryHelper.config.pageSizes,itemToValue:s=>s.toString(),itemToString:s=>`${s} items per page`});exports.WithdrawalRecordsTable=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@ark-ui/react"),a=require("@date-fns/tz"),c=require("date-fns"),x=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const o=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("../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");const b=require("../../client/hooks/useInfiniteQueryHelper.js"),E=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const H=require("../../client/hooks/useWithdrawalRecordsQuery.js"),P=require("../../icons/CheckIcon.js"),F=require("../../icons/ChevronDownIcon.js"),W=require("../../icons/ChevronLeftIcon.js"),k=require("../../icons/ChevronRightIcon.js"),L=require("../../icons/File02Icon.js"),M=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/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");const n=require("../../ui/Select/Select.js"),i=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const O=require("../Empty.js"),B=require("./TableFilters.js");function A(){const[s,y]=x.useState(),[d,N]=x.useState(),t=E.useLocaleInfo(),{page:w,pageSize:C,hasNextPage:f,hasPrevPage:I,next:S,prev:v,rows:u,setPageSize:z,totalPages:T,loading:l,firstPage:R}=b.useInfiniteQueryHelper(H.useWithdrawalRecordsQuery,{filter:{...d&&{status:{equal:d}},...s&&{dateTimeCreated:{...s.start&&{greaterThanOrEqual:new a.TZDateMini(c.startOfDay(s.start),t.timezone).toISOString()},...s.end&&{lesserThanOrEqual:new a.TZDateMini(c.endOfDay(s.end),t.timezone).toISOString()}}}}});return e.jsxs(e.Fragment,{children:[e.jsx(B.TableFilters,{enabledFilters:{withdrawalStatus:!0},value:{timestamp:s,withdrawalStatus:d},onChange:r=>{R(),y(r.timestamp),N(r.withdrawalStatus)}}),u.length<=0&&e.jsx(O.Empty,{icon:l?M.SpinnerIcon:L.File02Icon,title:l?"Just a moment":"No data",message:l?"Fetching latest withdrawal records...":"No data is currently available.",className:"mt-5xl"}),u.length>=1&&e.jsxs("div",{className:"border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x",children:[e.jsx("div",{className:"border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b",children:e.jsxs(i.Root,{className:"border-0",children:[e.jsx(i.Header,{children:e.jsxs(i.Row,{children:[e.jsx(i.Heading,{children:"Withdrawal No."}),e.jsx(i.Heading,{children:"Reference"}),e.jsx(i.Heading,{children:"Withdrawal Method"}),e.jsx(i.Heading,{children:"Mobile Number"}),e.jsx(i.Heading,{children:"Withdrawal Amount"}),e.jsx(i.Heading,{children:"Net Amount"}),e.jsx(i.Heading,{children:"Transaction Fee"}),e.jsx(i.Heading,{children:"Bank Name"}),e.jsx(i.Heading,{children:"Withdrawal Time"}),e.jsx(i.Heading,{children:"Status"})]})}),e.jsx(i.Body,{children:u.map(r=>e.jsxs(i.Row,{children:[e.jsx(i.Cell,{className:"!py-1",children:r.withdrawalNumber}),e.jsx(i.Cell,{className:"!py-1",children:r.reference}),e.jsx(i.Cell,{className:"!py-1",children:o.capitalize(r.type,{delimiter:o.capitalize.delimiters.UNDERSCORE})}),e.jsx(i.Cell,{className:"!py-1",children:r.recipientMobileNumber}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.amount,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.netAmount,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:m.formatNumber(r.fee,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsx(i.Cell,{className:"!py-1",children:r.bank}),e.jsxs(i.Cell,{className:"!py-1",children:[e.jsx("div",{className:"leading-tight",children:c.format(r.dateTimeCreated,"MM/dd/yyyy",{in:a.tz(t.timezone)})}),e.jsx("div",{className:"text-text-tertiary-600 leading-tight",children:c.format(r.dateTimeCreated,"hh:mm a",{in:a.tz(t.timezone)})})]}),e.jsx(i.Cell,{className:"!py-1",children:e.jsx(q.Root,{variant:"subtle",colorScheme:r.status==="FAILED"||r.status==="REJECTED"||r.status==="CANCELLED"?"danger":r.status==="PENDING"?"warning":"success",children:e.jsx(q.Label,{children:o.capitalize(r.status,{delimiter:o.capitalize.delimiters.UNDERSCORE})})})})]},r.id))})]})}),e.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxs("p",{className:"text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0",children:["Page ",w," of ",T]}),e.jsx("div",{className:"hidden grow lg:block"}),e.jsx(n.Root,{size:"sm",value:[C.toString()],onValueChange:r=>{const g=parseInt(r.value[0]),D=isNaN(g)?10:g;z(D)},collection:h,lazyMount:!0,className:"hidden lg:block",positioning:{sameWidth:!0},children:e.jsxs(n.Trigger,{children:[e.jsx(n.ValueText,{}),e.jsx(n.Indicator,{asChild:!0,children:e.jsx(F.ChevronDownIcon,{})}),e.jsx(p.Portal,{children:e.jsx(n.Positioner,{children:e.jsx(n.Content,{children:h.items.map(r=>e.jsxs(n.Item,{item:r,children:[e.jsx(n.ItemText,{children:h.stringifyItem(r)}),e.jsx(n.ItemIndicator,{asChild:!0,children:e.jsx(P.CheckIcon,{})})]},r))})})})]})}),e.jsxs("div",{className:"contents lg:flex",children:[e.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-1 lg:order-none lg:rounded-r-none lg:border-r-0",disabled:!I||l,onClick:()=>v(),children:e.jsx(W.ChevronLeftIcon,{className:"size-5"})}),e.jsx(j.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"order-3 lg:order-none lg:rounded-l-none",disabled:!f||l,onClick:()=>S(),children:e.jsx(k.ChevronRightIcon,{className:"size-5"})})]})]})]})]})}const h=p.createListCollection({items:b.useInfiniteQueryHelper.config.pageSizes,itemToValue:s=>s.toString(),itemToString:s=>`${s} items per page`});exports.WithdrawalRecordsTable=A;

package/dist/components/TransactionRecords/WithdrawalRecordsTable.mjs

@@ -1,7 +1,7 @@
-import { jsxs as i, Fragment as k, jsx as e } from "react/jsx-runtime";
-import { createListCollection as F, Portal as L } from "@ark-ui/react";
+import { jsxs as t, Fragment as O, jsx as e } from "react/jsx-runtime";
+import { createListCollection as W, Portal as F } from "@ark-ui/react";
 import { TZDateMini as u, tz as g } from "@date-fns/tz";
-import { endOfDay as M, startOfDay as W, format as f } from "date-fns";
+import { endOfDay as L, startOfDay as M, format as f } from "date-fns";
 import { useState as N } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
@@ -13,6 +13,7 @@ import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
+import "../../client/services/getSession.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import "../../client/hooks/useGlobalStore.mjs";
@@ -20,18 +21,20 @@ import { useInfiniteQueryHelper as w } from "../../client/hooks/useInfiniteQuery
 import { useLocaleInfo as A } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
 import { useWithdrawalRecordsQuery as q } from "../../client/hooks/useWithdrawalRecordsQuery.mjs";
-import { ChevronDownIcon as B } from "../../icons/ChevronDownIcon.mjs";
-import { ChevronLeftIcon as H } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as V } from "../../icons/ChevronRightIcon.mjs";
-import { File02Icon as $ } from "../../icons/File02Icon.mjs";
-import { SpinnerIcon as j } from "../../icons/SpinnerIcon.mjs";
+import { CheckIcon as B } from "../../icons/CheckIcon.mjs";
+import { ChevronDownIcon as H } from "../../icons/ChevronDownIcon.mjs";
+import { ChevronLeftIcon as V } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as $ } from "../../icons/ChevronRightIcon.mjs";
+import { File02Icon as j } from "../../icons/File02Icon.mjs";
+import { SpinnerIcon as J } from "../../icons/SpinnerIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
-import { Root as J, Label as Q } from "../../ui/Badge/Badge.mjs";
+import { Root as Q, Label as U } from "../../ui/Badge/Badge.mjs";
 import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -44,18 +47,18 @@ import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
 import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as U, Trigger as G, ValueText as Z, Indicator as K, Positioner as X, Content as Y, Item as _ } from "../../ui/Select/Select.mjs";
-import { Root as ee, Header as re, Row as b, Heading as o, Body as te, Cell as l } from "../../ui/Table/Table.mjs";
+import { Root as G, Trigger as Z, ValueText as K, Indicator as X, Positioner as Y, Content as _, Item as ee, ItemText as re, ItemIndicator as te } from "../../ui/Select/Select.mjs";
+import { Root as ie, Header as oe, Row as b, Heading as o, Body as le, Cell as l } from "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { Empty as ie } from "../Empty/Empty.mjs";
-import { TableFilters as oe } from "./TableFilters.mjs";
-function tr() {
-  const [t, S] = N(), [s, v] = N(), n = A(), {
+import { Empty as ne } from "../Empty.mjs";
+import { TableFilters as ae } from "./TableFilters.mjs";
+function mr() {
+  const [i, S] = N(), [s, v] = N(), n = A(), {
     page: x,
     pageSize: C,
     hasNextPage: I,
-    hasPrevPage: z,
-    next: T,
+    hasPrevPage: T,
+    next: z,
     prev: R,
     rows: c,
     setPageSize: E,
@@ -69,17 +72,17 @@ function tr() {
           equal: s
         }
       },
-      ...t && {
+      ...i && {
         dateTimeCreated: {
-          ...t.start && {
+          ...i.start && {
             greaterThanOrEqual: new u(
-              W(t.start),
+              M(i.start),
               n.timezone
             ).toISOString()
           },
-          ...t.end && {
+          ...i.end && {
             lesserThanOrEqual: new u(
-              M(t.end),
+              L(i.end),
               n.timezone
             ).toISOString()
           }
@@ -87,15 +90,15 @@ function tr() {
       }
     }
   });
-  return /* @__PURE__ */ i(k, { children: [
+  return /* @__PURE__ */ t(O, { children: [
     /* @__PURE__ */ e(
-      oe,
+      ae,
       {
         enabledFilters: {
           withdrawalStatus: !0
         },
         value: {
-          timestamp: t,
+          timestamp: i,
           withdrawalStatus: s
         },
         onChange: (r) => {
@@ -104,17 +107,17 @@ function tr() {
       }
     ),
     c.length <= 0 && /* @__PURE__ */ e(
-      ie,
+      ne,
       {
-        icon: a ? j : $,
+        icon: a ? J : j,
         title: a ? "Just a moment" : "No data",
         message: a ? "Fetching latest withdrawal records..." : "No data is currently available.",
         className: "mt-5xl"
       }
     ),
-    c.length >= 1 && /* @__PURE__ */ i("div", { className: "border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x", children: [
-      /* @__PURE__ */ e("div", { className: "border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b", children: /* @__PURE__ */ i(ee, { className: "border-0", children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ i(b, { children: [
+    c.length >= 1 && /* @__PURE__ */ t("div", { className: "border-border-primary -ml-4 mt-3xl w-dvw border-y lg:-ml-0 lg:w-full lg:rounded-xl lg:border-x", children: [
+      /* @__PURE__ */ e("div", { className: "border-border-primary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-xl rounded-b-none border-b", children: /* @__PURE__ */ t(ie, { className: "border-0", children: [
+        /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ t(b, { children: [
           /* @__PURE__ */ e(o, { children: "Withdrawal No." }),
           /* @__PURE__ */ e(o, { children: "Reference" }),
           /* @__PURE__ */ e(o, { children: "Withdrawal Method" }),
@@ -126,7 +129,7 @@ function tr() {
           /* @__PURE__ */ e(o, { children: "Withdrawal Time" }),
           /* @__PURE__ */ e(o, { children: "Status" })
         ] }) }),
-        /* @__PURE__ */ e(te, { children: c.map((r) => /* @__PURE__ */ i(b, { children: [
+        /* @__PURE__ */ e(le, { children: c.map((r) => /* @__PURE__ */ t(b, { children: [
           /* @__PURE__ */ e(l, { className: "!py-1", children: r.withdrawalNumber }),
           /* @__PURE__ */ e(l, { className: "!py-1", children: r.reference }),
           /* @__PURE__ */ e(l, { className: "!py-1", children: m(r.type, {
@@ -146,7 +149,7 @@ function tr() {
             minDecimalPlaces: 2
           }) }),
           /* @__PURE__ */ e(l, { className: "!py-1", children: r.bank }),
-          /* @__PURE__ */ i(l, { className: "!py-1", children: [
+          /* @__PURE__ */ t(l, { className: "!py-1", children: [
             /* @__PURE__ */ e("div", { className: "leading-tight", children: f(r.dateTimeCreated, "MM/dd/yyyy", {
               in: g(n.timezone)
             }) }),
@@ -155,19 +158,19 @@ function tr() {
             }) })
           ] }),
           /* @__PURE__ */ e(l, { className: "!py-1", children: /* @__PURE__ */ e(
-            J,
+            Q,
             {
               variant: "subtle",
               colorScheme: r.status === "FAILED" || r.status === "REJECTED" || r.status === "CANCELLED" ? "danger" : r.status === "PENDING" ? "warning" : "success",
-              children: /* @__PURE__ */ e(Q, { children: m(r.status, {
+              children: /* @__PURE__ */ e(U, { children: m(r.status, {
                 delimiter: m.delimiters.UNDERSCORE
               }) })
             }
           ) })
         ] }, r.id)) })
       ] }) }),
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-lg px-4 py-3", children: [
-        /* @__PURE__ */ i("p", { className: "text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-lg px-4 py-3", children: [
+        /* @__PURE__ */ t("p", { className: "text-text-secondary-700 order-2 grow text-center text-sm font-medium lg:order-none lg:grow-0", children: [
           "Page ",
           x,
           " of ",
@@ -175,25 +178,31 @@ function tr() {
         ] }),
         /* @__PURE__ */ e("div", { className: "hidden grow lg:block" }),
         /* @__PURE__ */ e(
-          U,
+          G,
           {
             size: "sm",
             value: [C.toString()],
             onValueChange: (r) => {
-              const h = parseInt(r.value[0]), O = isNaN(h) ? 10 : h;
-              E(O);
+              const h = parseInt(r.value[0]), k = isNaN(h) ? 10 : h;
+              E(k);
             },
             collection: p,
             lazyMount: !0,
             className: "hidden lg:block",
-            children: /* @__PURE__ */ i(G, { children: [
-              /* @__PURE__ */ e(Z, {}),
-              /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(B, {}) }),
-              /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Y, { children: p.items.map((r) => /* @__PURE__ */ e(_, { item: r, children: p.stringifyItem(r) }, r)) }) }) })
+            positioning: {
+              sameWidth: !0
+            },
+            children: /* @__PURE__ */ t(Z, { children: [
+              /* @__PURE__ */ e(K, {}),
+              /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, {}) }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(_, { children: p.items.map((r) => /* @__PURE__ */ t(ee, { item: r, children: [
+                /* @__PURE__ */ e(re, { children: p.stringifyItem(r) }),
+                /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(B, {}) })
+              ] }, r)) }) }) })
             ] })
           }
         ),
-        /* @__PURE__ */ i("div", { className: "contents lg:flex", children: [
+        /* @__PURE__ */ t("div", { className: "contents lg:flex", children: [
           /* @__PURE__ */ e(
             y,
             {
@@ -201,9 +210,9 @@ function tr() {
               variant: "outline",
               colorScheme: "gray",
               className: "order-1 lg:order-none lg:rounded-r-none lg:border-r-0",
-              disabled: !z || a,
+              disabled: !T || a,
               onClick: () => R(),
-              children: /* @__PURE__ */ e(H, { className: "size-5" })
+              children: /* @__PURE__ */ e(V, { className: "size-5" })
             }
           ),
           /* @__PURE__ */ e(
@@ -214,8 +223,8 @@ function tr() {
               colorScheme: "gray",
               className: "order-3 lg:order-none lg:rounded-l-none",
               disabled: !I || a,
-              onClick: () => T(),
-              children: /* @__PURE__ */ e(V, { className: "size-5" })
+              onClick: () => z(),
+              children: /* @__PURE__ */ e($, { className: "size-5" })
             }
           )
         ] })
@@ -223,11 +232,11 @@ function tr() {
     ] })
   ] });
 }
-const p = F({
+const p = W({
   items: w.config.pageSizes,
-  itemToValue: (t) => t.toString(),
-  itemToString: (t) => `${t} items per page`
+  itemToValue: (i) => i.toString(),
+  itemToString: (i) => `${i} items per page`
 });
 export {
-  tr as WithdrawalRecordsTable
+  mr as WithdrawalRecordsTable
 };

package/dist/components/index.d.ts

@@ -1,20 +1,28 @@
 export * from './Account';
 export * from './Banner';
 export * from './BetRecords';
+export * from './Bonus';
 export * from './Bonuses';
 export * from './DepositWithdrawal';
 export * from './Disclaimer';
+export * from './FavoriteGames';
 export * from './GameLaunch';
+export * from './GameProviders';
 export * from './Games';
+export * from './GamesSearch';
 export * from './JackpotCounter';
+export * from './Jackpots';
+export * from './KYC';
 export * from './Marquee';
 export * from './Messages';
 export * from './PortalProvider';
 export * from './Promo';
 export * from './Promos';
 export * from './Protected';
+export * from './Quests';
 export * from './SignIn';
 export * from './SignUp';
 export * from './TopWins';
 export * from './TournamentCounter';
+export * from './Tournaments';
 export * from './TransactionRecords';