@opexa/portal-components 0.0.6 → 0.0.8

package/dist/components/TransactionRecords/TransactionRecordsTable.mjs

@@ -0,0 +1,154 @@
+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 "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import { capitalize as s } from "../../utils/capitalize.mjs";
+import { formatNumber as p } from "../../utils/formatNumber.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/parseDecimal.mjs";
+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 { 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 "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import "../../ui/Button/button.recipe.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+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 "../../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 "../../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(), {
+    page: g,
+    pageSize: f,
+    hasNextPage: y,
+    hasPrevPage: h,
+    next: v,
+    prev: N,
+    rows: m,
+    setPageSize: T,
+    totalPages: C,
+    loading: o,
+    firstPage: S
+  } = d(k, {
+    filter: {
+      ...t && {
+        dateTimeCreated: {
+          ...t.start && {
+            greaterThanOrEqual: new i(
+              w(t.start),
+              n.timezone
+            ).toISOString()
+          },
+          ...t.end && {
+            lesserThanOrEqual: new i(
+              x(t.end),
+              n.timezone
+            ).toISOString()
+          }
+        }
+      }
+    }
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    X,
+    {
+      value: {
+        timestamp: t
+      },
+      onChange: (e) => {
+        E(e.timestamp), S();
+      }
+    }
+  ), 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" })
+  )))));
+}
+const l = z({
+  items: d.config.pageSizes,
+  itemToValue: (t) => t.toString(),
+  itemToString: (t) => `${t} items per page`
+});
+export {
+  Ze as TransactionRecordsTable
+};

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

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

package/dist/components/TransactionRecords/WithdrawalRecordsTable.js

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

package/dist/components/TransactionRecords/WithdrawalRecordsTable.mjs

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

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

@@ -1 +1 @@
-export * from './TransactionRecords.jsx';
+export * from './TransactionRecords';

package/dist/components/index.d.ts

@@ -1,18 +1,18 @@
-export * from './Account/index.js';
-export * from './Banner/index.js';
-export * from './BetRecords/index.js';
-export * from './DepositWithdrawal/index.js';
-export * from './Disclaimer/index.js';
-export * from './FeatureFlagProvider/index.js';
-export * from './GameLaunch/index.js';
-export * from './Games/index.js';
-export * from './JackpotCounter/index.js';
-export * from './Marquee/index.js';
-export * from './PortalProvider/index.js';
-export * from './Promos/index.js';
-export * from './Protected/index.js';
-export * from './SignIn/index.js';
-export * from './SignUp/index.js';
-export * from './TopWins/index.js';
-export * from './TournamentCounter/index.js';
-export * from './TransactionRecords/index.js';
+export * from './Account';
+export * from './Banner';
+export * from './BetRecords';
+export * from './DepositWithdrawal';
+export * from './Disclaimer';
+export * from './FeatureFlagProvider';
+export * from './GameLaunch';
+export * from './Games';
+export * from './JackpotCounter';
+export * from './Marquee';
+export * from './PortalProvider';
+export * from './Promos';
+export * from './Protected';
+export * from './SignIn';
+export * from './SignUp';
+export * from './TopWins';
+export * from './TournamentCounter';
+export * from './TransactionRecords';

package/dist/components.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./components/Account/Account.js"),t=require("./components/Banner/Banner.js"),o=require("./components/BetRecords/BetRecords.js"),n=require("./components/DepositWithdrawal/DepositWithdrawal.js"),a=require("./components/Disclaimer/Disclaimer.js"),e=require("./components/FeatureFlagProvider/FeatureFlagContext.js"),i=require("./components/FeatureFlagProvider/FeatureFlagProvider.js"),u=require("./components/GameLaunch/GameLaunch.js"),c=require("./components/GameLaunch/GameLaunchTrigger.js"),s=require("./components/Games/Games.js"),q=require("./components/JackpotCounter/JackpotCounter.js"),g=require("./components/Marquee/Marquee.js"),d=require("./components/PortalProvider/PortalProvider.js"),l=require("./components/Promos/Promos.js"),m=require("./components/Protected/Protected.js"),F=require("./components/SignIn/SignIn.js"),P=require("./components/SignUp/SignUp.js"),p=require("./components/TopWins/TopWins.js"),T=require("./components/TournamentCounter/TournamentCounter.js"),C=require("./components/TransactionRecords/TransactionRecords.js");exports.Account=r.Account;exports.Banner=t.Banner;exports.BetRecords=o.BetRecords;exports.DepositWithdrawal=n.DepositWithdrawal;exports.Disclaimer=a.Disclaimer;exports.FeatureFlagContext=e.FeatureFlagContext;exports.useFeatureFlagContext=e.useFeatureFlagContext;exports.FeatureFlagProvider=i.FeatureFlagProvider;exports.GameLaunch=u.GameLaunch;exports.GameLaunchTrigger=c.GameLaunchTrigger;exports.Games=s.Games;exports.JackpotCounter=q.JackpotCounter;exports.Marquee=g.Marquee;exports.PortalProvider=d.PortalProvider;exports.Promos=l.Promos;exports.Protected=m.Protected;exports.SignIn=F.SignIn;exports.SignUp=P.SignUp;exports.TopWins=p.TopWins;exports.TournamentCounter=T.TournamentCounter;exports.TransactionRecords=C.TransactionRecords;

package/dist/components.mjs

@@ -0,0 +1,43 @@
+import { Account as e } from "./components/Account/Account.mjs";
+import { Banner as m } from "./components/Banner/Banner.mjs";
+import { BetRecords as x } from "./components/BetRecords/BetRecords.mjs";
+import { DepositWithdrawal as f } from "./components/DepositWithdrawal/DepositWithdrawal.mjs";
+import { Disclaimer as i } from "./components/Disclaimer/Disclaimer.mjs";
+import { FeatureFlagContext as c, useFeatureFlagContext as s } from "./components/FeatureFlagProvider/FeatureFlagContext.mjs";
+import { FeatureFlagProvider as d } from "./components/FeatureFlagProvider/FeatureFlagProvider.mjs";
+import { GameLaunch as F } from "./components/GameLaunch/GameLaunch.mjs";
+import { GameLaunchTrigger as C } from "./components/GameLaunch/GameLaunchTrigger.mjs";
+import { Games as h } from "./components/Games/Games.mjs";
+import { JackpotCounter as v } from "./components/JackpotCounter/JackpotCounter.mjs";
+import { Marquee as D } from "./components/Marquee/Marquee.mjs";
+import { PortalProvider as R } from "./components/PortalProvider/PortalProvider.mjs";
+import { Promos as W } from "./components/Promos/Promos.mjs";
+import { Protected as q } from "./components/Protected/Protected.mjs";
+import { SignIn as A } from "./components/SignIn/SignIn.mjs";
+import { SignUp as J } from "./components/SignUp/SignUp.mjs";
+import { TopWins as U } from "./components/TopWins/TopWins.mjs";
+import { TournamentCounter as j } from "./components/TournamentCounter/TournamentCounter.mjs";
+import { TransactionRecords as z } from "./components/TransactionRecords/TransactionRecords.mjs";
+export {
+  e as Account,
+  m as Banner,
+  x as BetRecords,
+  f as DepositWithdrawal,
+  i as Disclaimer,
+  c as FeatureFlagContext,
+  d as FeatureFlagProvider,
+  F as GameLaunch,
+  C as GameLaunchTrigger,
+  h as Games,
+  v as JackpotCounter,
+  D as Marquee,
+  R as PortalProvider,
+  W as Promos,
+  q as Protected,
+  A as SignIn,
+  J as SignUp,
+  U as TopWins,
+  j as TournamentCounter,
+  z as TransactionRecords,
+  s as useFeatureFlagContext
+};

package/dist/constants/index.d.ts

@@ -1,4 +1,4 @@
-import type { GameProvider } from '@opexa/portal-sdk-core';
+import { GameProvider } from '@opexa/portal-sdk-core';
 export declare const SITE_ID: string;
 export declare const PLATFORM_ID: string;
 export declare const PLATFORM_CODE: string;

package/dist/constants/index.js

@@ -1,64 +1 @@
-import { z } from 'zod';
-export var SITE_ID = z
-    .string()
-    .min(1, 'Environment variable "NEXT_PUBLIC_SITE_ID" must be 1 or more characters')
-    .max(32, 'Environment variable "NEXT_PUBLIC_SITE_ID" must not be more than 32 characters')
-    .trim()
-    .parse(process.env.NEXT_PUBLIC_SITE_ID);
-export var PLATFORM_ID = z
-    .string()
-    .min(1, 'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must be 1 or more characters')
-    .max(32, 'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must not be more than 32 characters')
-    .trim()
-    .parse(process.env.NEXT_PUBLIC_PLATFORM_ID);
-export var PLATFORM_CODE = z
-    .string()
-    .min(4, 'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must be at least 4 characters')
-    .max(8, 'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must not be more than 8 characters')
-    .trim()
-    .parse(process.env.NEXT_PUBLIC_PLATFORM_CODE);
-export var ENVIRONMENT = z
-    .enum(['production', 'development'])
-    .catch('development')
-    .parse(process.env.NEXT_PUBLIC_ENVIRONMENT);
-export var BYPASS_RECAPTCHA = z
-    .any()
-    .transform(Boolean)
-    .catch(false)
-    .parse(process.env.NEXT_PUBLIC_BYPASS_RECAPTCHA);
-export var ACCESS_TOKEN_COOKIE_NAME = 'WebPortalAuthAccessToken';
-export var REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
-export var LEGACY_GAME_PROVIDERS = [
-    'JILI',
-    'PGSOFT',
-    'FACHAI',
-    'BTI',
-    'DG',
-    'PLAYTECH',
-    'E2E',
-    'ONEAPI_EVOLUTION',
-    'CQ9',
-    'JDB',
-    'HABANERO',
-    'SPINIX',
-    'JOKER',
-    'HACKSAW',
-    'EVOLUTIONNETENT',
-    'JDBGTF',
-    'JDBSPRIBE',
-    'MICROGAMING',
-    'RELAXGAMING',
-    'EVOPLAY',
-    'BOOONGO',
-    'BGAMING',
-    'KINGMAKER',
-    'KINGMIDAS',
-    'YELLOWBAT',
-    'ETENGJUE',
-    'SABA',
-    'PRAGMATICPLAY',
-    'SPRIBE',
-    'EZUGI',
-    'ALIZE',
-];
-export var RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("zod"),e=E.z.string().min(1,'Environment variable "NEXT_PUBLIC_SITE_ID" must be 1 or more characters').max(32,'Environment variable "NEXT_PUBLIC_SITE_ID" must not be more than 32 characters').trim().parse(process.env.NEXT_PUBLIC_SITE_ID),_=E.z.string().min(1,'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must be 1 or more characters').max(32,'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must not be more than 32 characters').trim().parse(process.env.NEXT_PUBLIC_PLATFORM_ID),A=E.z.string().min(4,'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must be at least 4 characters').max(8,'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must not be more than 8 characters').trim().parse(process.env.NEXT_PUBLIC_PLATFORM_CODE),r=E.z.enum(["production","development"]).catch("development").parse(process.env.NEXT_PUBLIC_ENVIRONMENT),t=E.z.any().transform(Boolean).catch(!1).parse(process.env.NEXT_PUBLIC_BYPASS_RECAPTCHA),n="WebPortalAuthAccessToken",I="WebPortalAuthRefreshToken",T=["JILI","PGSOFT","FACHAI","BTI","DG","PLAYTECH","E2E","ONEAPI_EVOLUTION","CQ9","JDB","HABANERO","SPINIX","JOKER","HACKSAW","EVOLUTIONNETENT","JDBGTF","JDBSPRIBE","MICROGAMING","RELAXGAMING","EVOPLAY","BOOONGO","BGAMING","KINGMAKER","KINGMIDAS","YELLOWBAT","ETENGJUE","SABA","PRAGMATICPLAY","SPRIBE","EZUGI","ALIZE"],o="Google-Recaptcha-Response";exports.ACCESS_TOKEN_COOKIE_NAME=n;exports.BYPASS_RECAPTCHA=t;exports.ENVIRONMENT=r;exports.LEGACY_GAME_PROVIDERS=T;exports.PLATFORM_CODE=A;exports.PLATFORM_ID=_;exports.RECAPTCHA_HEADER_KEY=o;exports.REFRESH_TOKEN_COOKIE_NAME=I;exports.SITE_ID=e;

package/dist/constants/index.mjs

@@ -0,0 +1,63 @@
+import { z as E } from "zod";
+const r = E.string().min(
+  1,
+  'Environment variable "NEXT_PUBLIC_SITE_ID" must be 1 or more characters'
+).max(
+  32,
+  'Environment variable "NEXT_PUBLIC_SITE_ID" must not be more than 32 characters'
+).trim().parse(process.env.NEXT_PUBLIC_SITE_ID), n = E.string().min(
+  1,
+  'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must be 1 or more characters'
+).max(
+  32,
+  'Environment variable "NEXT_PUBLIC_PLATFORM_ID" must not be more than 32 characters'
+).trim().parse(process.env.NEXT_PUBLIC_PLATFORM_ID), t = E.string().min(
+  4,
+  'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must be at least 4 characters'
+).max(
+  8,
+  'Environment variable "NEXT_PUBLIC_PLATFORM_CODE" must not be more than 8 characters'
+).trim().parse(process.env.NEXT_PUBLIC_PLATFORM_CODE), I = E.enum(["production", "development"]).catch("development").parse(process.env.NEXT_PUBLIC_ENVIRONMENT), a = E.any().transform(Boolean).catch(!1).parse(process.env.NEXT_PUBLIC_BYPASS_RECAPTCHA), o = "WebPortalAuthAccessToken", s = "WebPortalAuthRefreshToken", A = [
+  "JILI",
+  "PGSOFT",
+  "FACHAI",
+  "BTI",
+  "DG",
+  "PLAYTECH",
+  "E2E",
+  "ONEAPI_EVOLUTION",
+  "CQ9",
+  "JDB",
+  "HABANERO",
+  "SPINIX",
+  "JOKER",
+  "HACKSAW",
+  "EVOLUTIONNETENT",
+  "JDBGTF",
+  "JDBSPRIBE",
+  "MICROGAMING",
+  "RELAXGAMING",
+  "EVOPLAY",
+  "BOOONGO",
+  "BGAMING",
+  "KINGMAKER",
+  "KINGMIDAS",
+  "YELLOWBAT",
+  "ETENGJUE",
+  "SABA",
+  "PRAGMATICPLAY",
+  "SPRIBE",
+  "EZUGI",
+  "ALIZE"
+], _ = "Google-Recaptcha-Response";
+export {
+  o as ACCESS_TOKEN_COOKIE_NAME,
+  a as BYPASS_RECAPTCHA,
+  I as ENVIRONMENT,
+  A as LEGACY_GAME_PROVIDERS,
+  t as PLATFORM_CODE,
+  n as PLATFORM_ID,
+  _ as RECAPTCHA_HEADER_KEY,
+  s as REFRESH_TOKEN_COOKIE_NAME,
+  r as SITE_ID
+};