@opexa/portal-components 0.0.27 → 0.0.28

package/dist/components/TransactionRecords/TableFilters.mjs

@@ -1,420 +0,0 @@
-import { jsxs as a, jsx as e, Fragment as c } from "react/jsx-runtime";
-import { createListCollection as h, Portal as m, parseDate as Se } from "@ark-ui/react";
-import { endOfDay as we, startOfDay as De } from "date-fns";
-import { useState as Re } from "react";
-import { z as s } from "zod";
-import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "tiny-invariant";
-import "../../constants/index.mjs";
-import { capitalize as n } from "../../utils/capitalize.mjs";
-import "../../utils/parseDecimal.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-import "../../client/services/getSession.mjs";
-import { useControllableState as u } from "../../client/hooks/useControllableState.mjs";
-import "lodash-es";
-import "@opexa/portal-sdk-core/object-id";
-import "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { CheckIcon as C } from "../../icons/CheckIcon.mjs";
-import { ChevronDownIcon as g } from "../../icons/ChevronDownIcon.mjs";
-import { ChevronLeftIcon as Pe } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as Ne } from "../../icons/ChevronRightIcon.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/Collapsible/Collapsible.mjs";
-import "../../ui/Combobox/Combobox.mjs";
-import { Root as Ie, Context as de, Control as Ve, Positioner as ye, Content as Oe, View as be, ViewControl as Ae, PrevTrigger as xe, ViewTrigger as Fe, RangeText as Ue, NextTrigger as ke, Table as Le, TableHead as We, TableRow as ce, TableHeader as ze, TableBody as Me, TableCell as $e, TableCellTrigger as Ge } from "../../ui/DatePicker/DatePicker.mjs";
-import "../../ui/Dialog/Dialog.mjs";
-import "../../ui/Drawer/Drawer.mjs";
-import "../../ui/Field/Field.mjs";
-import "../../ui/IconButton/iconButton.recipe.mjs";
-import "../../ui/NumberInput/NumberInput.mjs";
-import "../../ui/PasswordInput/PasswordInput.mjs";
-import "../../ui/PinInput/PinInput.mjs";
-import "../../ui/Popover/Popover.mjs";
-import "tailwind-merge";
-import "../../ui/Progress/Progress.mjs";
-import { Root as He, Item as x, ItemText as F, ItemControl as U, ItemHiddenInput as k, Indicator as Be } from "../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as T, Trigger as p, ValueText as v, Context as f, ClearTrigger as E, Indicator as S, Positioner as w, Content as D, ItemGroup as R, Item as P, ItemText as N, ItemIndicator as I } from "../../ui/Select/Select.mjs";
-import "../../ui/Table/Table.mjs";
-import "../../ui/Tabs/Tabs.mjs";
-const _e = s.enum(["all", "today", "custom"]).catch("all"), me = [
-  "ACCEPTED",
-  "APPROVED",
-  "CANCELLED",
-  "CONFIRMED",
-  "FAILED",
-  "PENDING",
-  "REJECTED"
-], ue = [
-  "ACCEPTED",
-  "APPROVED",
-  "CANCELLED",
-  "CONFIRMED",
-  "FAILED",
-  "PENDING",
-  "REJECTED"
-], se = [
-  "DEPOSIT",
-  "WITHDRAWAL",
-  "BET"
-], he = Intl.DateTimeFormat().resolvedOptions().timeZone;
-function Ml(i) {
-  var B, _, j, J, Y, Z, q, K, Q, X, ee, le, te, ie, ae, ne, re;
-  const L = h({
-    items: i.gameTypeOptions ?? [],
-    itemToValue: (l) => l,
-    itemToString: (l) => n(l, {
-      delimiter: n.delimiters.UNDERSCORE
-    })
-  }), W = h({
-    items: i.gameProviderOptions ?? [],
-    itemToValue: (l) => l,
-    itemToString: (l) => n(l, {
-      delimiter: n.delimiters.UNDERSCORE
-    })
-  }), z = h({
-    items: me,
-    itemToValue: (l) => l,
-    itemToString: (l) => n(l, {
-      delimiter: n.delimiters.UNDERSCORE
-    })
-  }), M = h({
-    items: ue,
-    itemToValue: (l) => l,
-    itemToString: (l) => n(l, {
-      delimiter: n.delimiters.UNDERSCORE
-    })
-  }), $ = h({
-    items: se,
-    itemToValue: (l) => l,
-    itemToString: (l) => n(l, {
-      delimiter: n.delimiters.UNDERSCORE
-    })
-  }), [Ce, G] = Re("all"), d = (l) => {
-    var r;
-    const t = {
-      timestamp: o,
-      gameType: y,
-      gameProvider: O,
-      depositStatus: b,
-      withdrawalStatus: A
-    };
-    (r = i.onChange) == null || r.call(i, {
-      ...t,
-      ...l
-    });
-  }, [o, V] = u({
-    value: (B = i.value) == null ? void 0 : B.timestamp,
-    defaultValue: ((_ = i.defaultValue) == null ? void 0 : _.timestamp) ?? null,
-    onChange(l) {
-      d({ timestamp: l });
-    }
-  }), [y, ge] = u({
-    value: (j = i.value) == null ? void 0 : j.gameType,
-    defaultValue: ((J = i.defaultValue) == null ? void 0 : J.gameType) ?? null,
-    onChange(l) {
-      d({ gameType: l });
-    }
-  }), [O, Te] = u({
-    value: (Y = i.value) == null ? void 0 : Y.gameProvider,
-    defaultValue: ((Z = i.defaultValue) == null ? void 0 : Z.gameProvider) ?? null,
-    onChange(l) {
-      d({ gameProvider: l });
-    }
-  }), [b, pe] = u({
-    value: (q = i.value) == null ? void 0 : q.depositStatus,
-    defaultValue: ((K = i.defaultValue) == null ? void 0 : K.depositStatus) ?? null,
-    onChange(l) {
-      d({ depositStatus: l });
-    }
-  }), [A, ve] = u({
-    value: (Q = i.value) == null ? void 0 : Q.withdrawalStatus,
-    defaultValue: ((X = i.defaultValue) == null ? void 0 : X.withdrawalStatus) ?? null,
-    onChange(l) {
-      d({ withdrawalStatus: l });
-    }
-  }), [H, fe] = u({
-    value: (ee = i.value) == null ? void 0 : ee.transactionType,
-    defaultValue: ((le = i.defaultValue) == null ? void 0 : le.transactionType) ?? null,
-    onChange(l) {
-      d({ transactionType: l });
-    }
-  });
-  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-lg lg:flex-row lg:items-center", children: [
-    /* @__PURE__ */ a(
-      Ie,
-      {
-        lazyMount: !0,
-        unmountOnExit: !0,
-        value: [o == null ? void 0 : o.start, o == null ? void 0 : o.end].filter(Boolean).map((l) => Se(l)),
-        onValueChange: (l) => {
-          var t, r;
-          V({
-            start: (t = l.value.at(0)) == null ? void 0 : t.toDate(he),
-            end: (r = l.value.at(1)) == null ? void 0 : r.toDate(he)
-          });
-        },
-        onOpenChange: (l) => {
-          l.open || o || G("all");
-        },
-        selectionMode: "range",
-        closeOnSelect: !1,
-        positioning: {
-          gutter: 20,
-          placement: "bottom"
-        },
-        children: [
-          /* @__PURE__ */ a(
-            He,
-            {
-              value: Ce,
-              onValueChange: (l) => {
-                const t = _e.parse(l.value);
-                if (t === "today") {
-                  const r = /* @__PURE__ */ new Date();
-                  V({
-                    start: De(r),
-                    end: we(r)
-                  });
-                } else
-                  V(null);
-                G(t);
-              },
-              className: "w-full lg:w-fit",
-              children: [
-                /* @__PURE__ */ a(x, { value: "all", className: "w-full lg:w-auto", children: [
-                  /* @__PURE__ */ e(F, { children: "All" }),
-                  /* @__PURE__ */ e(U, {}),
-                  /* @__PURE__ */ e(k, {})
-                ] }),
-                /* @__PURE__ */ a(x, { value: "today", className: "w-full lg:w-auto", children: [
-                  /* @__PURE__ */ e(F, { children: "Today" }),
-                  /* @__PURE__ */ e(U, {}),
-                  /* @__PURE__ */ e(k, {})
-                ] }),
-                /* @__PURE__ */ e(de, { children: (l) => /* @__PURE__ */ e(
-                  x,
-                  {
-                    value: "custom",
-                    onClick: () => l.setOpen(!0),
-                    className: "w-full lg:w-auto",
-                    children: /* @__PURE__ */ a(Ve, { children: [
-                      /* @__PURE__ */ e(F, { children: "Custom" }),
-                      /* @__PURE__ */ e(U, {}),
-                      /* @__PURE__ */ e(k, {})
-                    ] })
-                  }
-                ) }),
-                /* @__PURE__ */ e(Be, {})
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(be, { view: "day", children: /* @__PURE__ */ e(de, { children: (l) => /* @__PURE__ */ a(c, { children: [
-            /* @__PURE__ */ a(Ae, { children: [
-              /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(Pe, {}) }),
-              /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(Ue, {}) }),
-              /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(Ne, {}) })
-            ] }),
-            /* @__PURE__ */ a(Le, { children: [
-              /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(ce, { children: l.weekDays.map((t, r) => /* @__PURE__ */ e(ze, { children: t.short.substring(0, 2) }, r)) }) }),
-              /* @__PURE__ */ e(Me, { children: l.weeks.map((t, r) => /* @__PURE__ */ e(ce, { children: t.map((oe, Ee) => /* @__PURE__ */ e($e, { value: oe, children: /* @__PURE__ */ e(Ge, { children: oe.day }) }, Ee)) }, r)) })
-            ] })
-          ] }) }) }) }) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "hidden grow lg:block" }),
-    ((te = i.enabledFilters) == null ? void 0 : te.gameType) && /* @__PURE__ */ a(
-      T,
-      {
-        collection: L,
-        value: y ? [y] : [],
-        onValueChange: (l) => {
-          const t = s.enum(i.gameTypeOptions ?? []).safeParse(l.value.at(0)).data;
-          ge(t ?? null);
-        },
-        lazyMount: !0,
-        deselectable: !0,
-        positioning: {
-          sameWidth: !0
-        },
-        children: [
-          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
-            /* @__PURE__ */ e(v, { placeholder: "Game Type" }),
-            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
-              "span",
-              {
-                onClick: (t) => {
-                  t.stopPropagation();
-                },
-                children: "Clear"
-              }
-            ) }) : /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(g, {}) }) }) })
-          ] }),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: L.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
-            /* @__PURE__ */ e(N, { children: n(l, {
-              delimiter: n.delimiters.UNDERSCORE
-            }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
-          ] }, l)) }) }) }) })
-        ]
-      }
-    ),
-    ((ie = i.enabledFilters) == null ? void 0 : ie.gameProvider) && /* @__PURE__ */ a(
-      T,
-      {
-        collection: W,
-        value: O ? [O] : [],
-        onValueChange: (l) => {
-          const t = s.enum(i.gameProviderOptions ?? []).safeParse(l.value.at(0)).data;
-          Te(t ?? null);
-        },
-        lazyMount: !0,
-        deselectable: !0,
-        positioning: {
-          sameWidth: !0
-        },
-        children: [
-          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
-            /* @__PURE__ */ e(v, { placeholder: "Game Vendor" }),
-            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
-              "span",
-              {
-                onClick: (t) => {
-                  t.stopPropagation();
-                },
-                children: "Clear"
-              }
-            ) }) : /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(g, {}) }) }) })
-          ] }),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: W.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
-            /* @__PURE__ */ e(N, { children: n(l, {
-              delimiter: n.delimiters.UNDERSCORE
-            }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
-          ] }, l)) }) }) }) })
-        ]
-      }
-    ),
-    ((ae = i.enabledFilters) == null ? void 0 : ae.depositStatus) && /* @__PURE__ */ a(
-      T,
-      {
-        collection: z,
-        value: b ? [b] : [],
-        onValueChange: (l) => {
-          const t = s.enum(me).safeParse(l.value.at(0)).data;
-          pe(t ?? null);
-        },
-        lazyMount: !0,
-        deselectable: !0,
-        positioning: {
-          sameWidth: !0
-        },
-        children: [
-          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
-            /* @__PURE__ */ e(v, { placeholder: "Status" }),
-            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
-              "span",
-              {
-                onClick: (t) => {
-                  t.stopPropagation();
-                },
-                children: "Clear"
-              }
-            ) }) : /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(g, {}) }) }) })
-          ] }),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: M.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
-            /* @__PURE__ */ e(N, { children: n(l, {
-              delimiter: n.delimiters.UNDERSCORE
-            }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
-          ] }, l)) }) }) }) })
-        ]
-      }
-    ),
-    ((ne = i.enabledFilters) == null ? void 0 : ne.withdrawalStatus) && /* @__PURE__ */ a(
-      T,
-      {
-        collection: M,
-        value: A ? [A] : [],
-        onValueChange: (l) => {
-          const t = s.enum(ue).safeParse(l.value.at(0)).data;
-          ve(t ?? null);
-        },
-        lazyMount: !0,
-        deselectable: !0,
-        positioning: {
-          sameWidth: !0
-        },
-        children: [
-          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
-            /* @__PURE__ */ e(v, { placeholder: "Status" }),
-            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
-              "span",
-              {
-                onClick: (t) => {
-                  t.stopPropagation();
-                },
-                children: "Clear"
-              }
-            ) }) : /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(g, {}) }) }) })
-          ] }),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: z.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
-            /* @__PURE__ */ e(N, { children: n(l, {
-              delimiter: n.delimiters.UNDERSCORE
-            }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
-          ] }, l)) }) }) }) })
-        ]
-      }
-    ),
-    ((re = i.enabledFilters) == null ? void 0 : re.transactionType) && /* @__PURE__ */ a(
-      T,
-      {
-        collection: $,
-        value: H ? [H] : [],
-        onValueChange: (l) => {
-          const t = s.enum(se).safeParse(l.value.at(0)).data;
-          fe(t ?? null);
-        },
-        lazyMount: !0,
-        deselectable: !0,
-        positioning: {
-          sameWidth: !0
-        },
-        children: [
-          /* @__PURE__ */ a(p, { className: "w-full lg:w-[14rem]", children: [
-            /* @__PURE__ */ e(v, { placeholder: "Type" }),
-            /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(c, { children: l.value.length ? /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
-              "span",
-              {
-                onClick: (t) => {
-                  t.stopPropagation();
-                },
-                children: "Clear"
-              }
-            ) }) : /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(g, {}) }) }) })
-          ] }),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, { children: $.items.map((l) => /* @__PURE__ */ a(P, { item: l, children: [
-            /* @__PURE__ */ e(N, { children: n(l, {
-              delimiter: n.delimiters.UNDERSCORE
-            }) }),
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(C, {}) })
-          ] }, l)) }) }) }) })
-        ]
-      }
-    )
-  ] });
-}
-export {
-  Ml as TableFilters
-};

package/dist/components/TransactionRecords/TransactionRecords.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("tailwind-merge");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.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");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const r=require("../../ui/Tabs/Tabs.js"),i=require("./DepositRecordsTable.js"),a=require("./TransactionRecordsTable.js"),n=require("./WithdrawalRecordsTable.js");function l(s){return e.jsxs("div",{className:t.twMerge("px-4 pb-3xl pt-4",s.className),children:[e.jsx("h2",{className:"text-text-secondary-700 text-sm font-semibold leading-tight",children:"Transaction Records"}),e.jsx("p",{className:"text-text-tertiary-600 mt-xs text-sm leading-tight",children:"View your transaction records"}),e.jsxs(r.Root,{className:"mt-lg",defaultValue:"transactions",lazyMount:!0,unmountOnExit:!0,children:[e.jsxs(r.List,{children:[e.jsx(r.Trigger,{value:"transactions",children:"Transactions"}),e.jsx(r.Trigger,{value:"deposits",children:"Deposits"}),e.jsx(r.Trigger,{value:"withdrawals",children:"Withdrawals"}),e.jsx(r.Indicator,{})]}),e.jsx("h3",{className:"text-text-secondary-700 mt-3xl text-sm font-semibold",children:"Table"}),e.jsx(r.Content,{value:"transactions",className:"mt-xl",children:e.jsx(a.TransactionRecordsTable,{})}),e.jsx(r.Content,{value:"deposits",className:"mt-xl",children:e.jsx(i.DepositRecordsTable,{})}),e.jsx(r.Content,{value:"withdrawals",className:"mt-xl",children:e.jsx(n.WithdrawalRecordsTable,{})})]})]})}exports.TransactionRecords=l;

package/dist/components/TransactionRecords/TransactionRecords.mjs

@@ -1,65 +0,0 @@
-"use client";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { twMerge as a } from "tailwind-merge";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import "@ark-ui/react";
-import "../../utils/capitalize.mjs";
-import "../../utils/parseDecimal.mjs";
-import "../../constants/index.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.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";
-import "../../ui/Field/Field.mjs";
-import "../../ui/IconButton/iconButton.recipe.mjs";
-import "../../ui/NumberInput/NumberInput.mjs";
-import "../../ui/PasswordInput/PasswordInput.mjs";
-import "../../ui/PinInput/PinInput.mjs";
-import "../../ui/Popover/Popover.mjs";
-import "../../ui/Progress/Progress.mjs";
-import "../../ui/SegmentGroup/SegmentGroup.mjs";
-import "../../ui/Select/Select.mjs";
-import "../../ui/Table/Table.mjs";
-import { Root as m, List as s, Trigger as i, Indicator as l, Content as o } from "../../ui/Tabs/Tabs.mjs";
-import { DepositRecordsTable as n } from "./DepositRecordsTable.mjs";
-import { TransactionRecordsTable as p } from "./TransactionRecordsTable.mjs";
-import { WithdrawalRecordsTable as c } from "./WithdrawalRecordsTable.mjs";
-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" }),
-    /* @__PURE__ */ r(
-      m,
-      {
-        className: "mt-lg",
-        defaultValue: "transactions",
-        lazyMount: !0,
-        unmountOnExit: !0,
-        children: [
-          /* @__PURE__ */ r(s, { children: [
-            /* @__PURE__ */ t(i, { value: "transactions", children: "Transactions" }),
-            /* @__PURE__ */ t(i, { value: "deposits", children: "Deposits" }),
-            /* @__PURE__ */ t(i, { value: "withdrawals", children: "Withdrawals" }),
-            /* @__PURE__ */ t(l, {})
-          ] }),
-          /* @__PURE__ */ t("h3", { className: "text-text-secondary-700 mt-3xl text-sm font-semibold", children: "Table" }),
-          /* @__PURE__ */ t(o, { value: "transactions", className: "mt-xl", children: /* @__PURE__ */ t(p, {}) }),
-          /* @__PURE__ */ t(o, { value: "deposits", className: "mt-xl", children: /* @__PURE__ */ t(n, {}) }),
-          /* @__PURE__ */ t(o, { value: "withdrawals", className: "mt-xl", children: /* @__PURE__ */ t(c, {}) })
-        ]
-      }
-    )
-  ] });
-}
-export {
-  Q as TransactionRecords
-};

package/dist/components/TransactionRecords/TransactionRecordsTable.js

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