@opexa/portal-components 0.0.17 → 0.0.19

package/dist/components/Tournaments/TournamentRules.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Portal as i } from "@ark-ui/react";
+import { XIcon as o } from "../../icons/XIcon.mjs";
+import { Flag06Icon as m } from "../../icons/Flag06Icon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+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 { Root as l, Trigger as n, Backdrop as s, Positioner as a, Content as p, CloseTrigger as d } from "../../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 "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+function J(e) {
+  return /* @__PURE__ */ r(
+    l,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1,
+      children: [
+        /* @__PURE__ */ t(n, { asChild: !0, children: e.children ?? /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "text-button-tertiary-fg flex text-sm font-semibold",
+            children: "Tournament Rules"
+          }
+        ) }),
+        /* @__PURE__ */ r(i, { children: [
+          /* @__PURE__ */ t(s, {}),
+          /* @__PURE__ */ t(a, { children: /* @__PURE__ */ r(p, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start lg:h-auto lg:w-[640px] lg:rounded-xl", children: [
+            /* @__PURE__ */ r("div", { className: "p-3xl", children: [
+              /* @__PURE__ */ r("div", { className: "mb-3 flex justify-between", children: [
+                /* @__PURE__ */ t("div", { className: "bg-bg-tertiary border-border-primary flex h-12 w-12 items-center justify-center rounded-lg border", children: /* @__PURE__ */ t(m, { className: "text-text-tertiary-600 size-full p-3" }) }),
+                /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(o, {}) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Tournament Rules" }),
+              /* @__PURE__ */ t("div", { className: "text-text-tertiary-600 mt-1 text-sm", children: "Terms and Conditions" })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "border-gray-800 border-t-1 pb-3", children: /* @__PURE__ */ t(
+              "div",
+              {
+                dangerouslySetInnerHTML: { __html: e.jackpotRules },
+                className: "px-3xl py-3"
+              }
+            ) })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  J as TournamentRules
+};

package/dist/components/Tournaments/Tournaments.d.ts

@@ -0,0 +1,8 @@
+export interface TournamentsProps {
+    /** @default "Tournaments" */
+    heading?: string;
+    /** @default "/tournaments" */
+    viewAllUrl?: string;
+    className?: string;
+}
+export declare function Tournaments(props: TournamentsProps): import("react").JSX.Element | null;

package/dist/components/Tournaments/Tournaments.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const t=require("../../client/hooks/useJackpotsQuery.js");require("usehooks-ts");const n=require("./TournamentItem.js"),a=require("./TournamentItemMobile.js");function l(i){var s;const u=((s=t.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:s.pages[0].edges.map(e=>e.node))??[];return u.length<=0?null:r.jsxs("div",{className:i.className,children:[r.jsx("div",{className:"mb-3 text-lg font-semibold lg:mb-4.5",children:i.heading??"Tournaments"}),r.jsx("div",{className:"hidden flex-col gap-6 lg:flex",children:u.map(e=>r.jsx(n.TournamentItem,{jackpot:e},e.id))}),r.jsx("div",{className:"flex flex-col gap-6 lg:hidden",children:u.map(e=>r.jsx(a.TournamentItemMobile,{jackpot:e},e.id))})]})}exports.Tournaments=l;

package/dist/components/Tournaments/Tournaments.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../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 "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useJackpotsQuery as s } from "../../client/hooks/useJackpotsQuery.mjs";
+import "usehooks-ts";
+import { TournamentItem as l } from "./TournamentItem.mjs";
+import { TournamentItemMobile as a } from "./TournamentItemMobile.mjs";
+function O(o) {
+  var m;
+  const t = ((m = s({
+    first: 100,
+    filter: {
+      status: {
+        equal: "ACTIVE"
+      },
+      deleted: {
+        equal: !1
+      }
+    },
+    sort: {
+      cursor: "POOL",
+      order: "DESC"
+    }
+  }).data) == null ? void 0 : m.pages[0].edges.map((e) => e.node)) ?? [];
+  return t.length <= 0 ? null : /* @__PURE__ */ i("div", { className: o.className, children: [
+    /* @__PURE__ */ r("div", { className: "mb-3 text-lg font-semibold lg:mb-4.5", children: o.heading ?? "Tournaments" }),
+    /* @__PURE__ */ r("div", { className: "hidden flex-col gap-6 lg:flex", children: t.map((e) => /* @__PURE__ */ r(l, { jackpot: e }, e.id)) }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 lg:hidden", children: t.map((e) => /* @__PURE__ */ r(a, { jackpot: e }, e.id)) })
+  ] });
+}
+export {
+  O as Tournaments
+};

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

@@ -0,0 +1 @@
+export * from './Tournaments';

package/dist/components/TransactionRecords/DepositRecordsTable.js

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

package/dist/components/TransactionRecords/DepositRecordsTable.mjs

@@ -1,210 +1,233 @@
-import { jsxs as t, Fragment as w, jsx as e } from "react/jsx-runtime";
-import { createListCollection as F, Portal as L } from "@ark-ui/react";
-import { TZDateMini as u, tz as g } from "@date-fns/tz";
+import { jsxs as t, Fragment as f, jsx as e } from "react/jsx-runtime";
+import { createListCollection as F, Portal as M } from "@ark-ui/react";
+import { TZDateMini as y, tz as s } from "@date-fns/tz";
 import "@opexa/portal-sdk-core";
-import { endOfDay as A, startOfDay as V, format as f } from "date-fns";
-import { useState as y } from "react";
+import { endOfDay as A, startOfDay as k, format as a } from "date-fns";
+import { useState as N } from "react";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
-import { capitalize as l } from "../../utils/capitalize.mjs";
-import { formatNumber as d } from "../../utils/formatNumber.mjs";
+import { capitalize as c } from "../../utils/capitalize.mjs";
+import { formatNumber as h } from "../../utils/formatNumber.mjs";
 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 { useDepositRecordsQuery as q } from "../../client/hooks/useDepositRecordsQuery.mjs";
 import "../../client/hooks/useGlobalStore.mjs";
-import { useInfiniteQueryHelper as v } from "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as H } from "../../client/hooks/useLocaleInfo.mjs";
+import { useInfiniteQueryHelper as x } from "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as U } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { ChevronDownIcon as U } from "../../icons/ChevronDownIcon.mjs";
+import { CheckIcon as V } from "../../icons/CheckIcon.mjs";
+import { ChevronDownIcon as H } from "../../icons/ChevronDownIcon.mjs";
 import { ChevronLeftIcon as $ } from "../../icons/ChevronLeftIcon.mjs";
 import { ChevronRightIcon as j } from "../../icons/ChevronRightIcon.mjs";
-import { File02Icon as k } from "../../icons/File02Icon.mjs";
-import { SpinnerIcon as B } from "../../icons/SpinnerIcon.mjs";
+import { File02Icon as B } 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 G } 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";
 import "../../ui/Field/Field.mjs";
-import { IconButton as N } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as b } from "../../ui/IconButton/IconButton.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 "../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as G, Trigger as Z, ValueText as K, Indicator as W, Positioner as X, Content as Y, Item as _ } from "../../ui/Select/Select.mjs";
-import { Root as ee, Header as re, Row as S, Heading as o, Body as ie, Cell as n } from "../../ui/Table/Table.mjs";
+import { Root as W, 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 v, Heading as n, Body as ne, Cell as l } from "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { Empty as te } from "../Empty/Empty.mjs";
-import { TableFilters as oe } from "./TableFilters.mjs";
-function _e() {
-  const [i, D] = y(), [c, C] = y(), m = H(), {
-    page: R,
-    pageSize: I,
-    hasNextPage: b,
-    hasPrevPage: T,
+import { Empty as le } from "../Empty.mjs";
+import { TableFilters as me } from "./TableFilters.mjs";
+function sr() {
+  const [i, C] = N(), [d, S] = N(), o = U(), {
+    page: I,
+    pageSize: D,
+    hasNextPage: T,
+    hasPrevPage: R,
     next: z,
     prev: E,
-    rows: a,
+    rows: p,
     setPageSize: P,
-    totalPages: x,
-    loading: s,
-    firstPage: M
-  } = v(q, {
+    totalPages: w,
+    loading: m,
+    firstPage: O
+  } = x(q, {
     filter: {
-      ...c && {
+      ...d && {
         status: {
-          equal: c
+          equal: d
         }
       },
       ...i && {
         dateTimeCreated: {
           ...i.start && {
-            greaterThanOrEqual: new u(
-              V(i.start),
-              m.timezone
+            greaterThanOrEqual: new y(
+              k(i.start),
+              o.timezone
             ).toISOString()
           },
           ...i.end && {
-            lesserThanOrEqual: new u(
+            lesserThanOrEqual: new y(
               A(i.end),
-              m.timezone
+              o.timezone
             ).toISOString()
           }
         }
       }
     }
   });
-  return /* @__PURE__ */ t(w, { children: [
+  return /* @__PURE__ */ t(f, { children: [
     /* @__PURE__ */ e(
-      oe,
+      me,
       {
         enabledFilters: {
           depositStatus: !0
         },
         value: {
           timestamp: i,
-          depositStatus: c
+          depositStatus: d
         },
         onChange: (r) => {
-          M(), D(r.timestamp), C(r.depositStatus);
+          O(), C(r.timestamp), S(r.depositStatus);
         }
       }
     ),
-    a.length <= 0 && /* @__PURE__ */ e(
-      te,
+    p.length <= 0 && /* @__PURE__ */ e(
+      le,
       {
-        icon: s ? B : k,
-        title: s ? "Just a moment" : "No data",
-        message: s ? "Fetching latest deposit records..." : "No data is currently available.",
-        className: "mt-8 lg:mt-16"
+        icon: m ? J : B,
+        title: m ? "Just a moment" : "No data",
+        message: m ? "Fetching latest deposit records..." : "No data is currently available.",
+        className: "mt-5xl"
       }
     ),
-    a.length >= 1 && /* @__PURE__ */ t("div", { className: "border-gray-200 mt-lg rounded-xl border", children: [
-      /* @__PURE__ */ e("div", { className: "border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b", children: /* @__PURE__ */ t(ee, { className: "border-0", children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ t(S, { children: [
-          /* @__PURE__ */ e(o, { children: "Deposit No." }),
-          /* @__PURE__ */ e(o, { children: "Reference" }),
-          /* @__PURE__ */ e(o, { children: "Deposit Method" }),
-          /* @__PURE__ */ e(o, { children: "Applied Amount" }),
-          /* @__PURE__ */ e(o, { children: "Recieved Amount" }),
-          /* @__PURE__ */ e(o, { children: "Transaction Fee" }),
-          /* @__PURE__ */ e(o, { children: "Deposit Time" }),
-          /* @__PURE__ */ e(o, { children: "Recieved Time" }),
-          /* @__PURE__ */ e(o, { children: "Status" })
+    p.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(v, { children: [
+          /* @__PURE__ */ e(n, { children: "Deposit No." }),
+          /* @__PURE__ */ e(n, { children: "Reference" }),
+          /* @__PURE__ */ e(n, { children: "Deposit Method" }),
+          /* @__PURE__ */ e(n, { children: "Applied Amount" }),
+          /* @__PURE__ */ e(n, { children: "Recieved Amount" }),
+          /* @__PURE__ */ e(n, { children: "Transaction Fee" }),
+          /* @__PURE__ */ e(n, { children: "Deposit Time" }),
+          /* @__PURE__ */ e(n, { children: "Recieved Time" }),
+          /* @__PURE__ */ e(n, { children: "Status" })
         ] }) }),
-        /* @__PURE__ */ e(ie, { children: a.map((r) => /* @__PURE__ */ t(S, { children: [
-          /* @__PURE__ */ e(n, { children: r.depositNumber }),
-          /* @__PURE__ */ e(n, { children: r.reference }),
-          /* @__PURE__ */ e(n, { children: l(r.type, {
-            delimiter: l.delimiters.UNDERSCORE
+        /* @__PURE__ */ e(ne, { children: p.map((r) => /* @__PURE__ */ t(v, { children: [
+          /* @__PURE__ */ e(l, { className: "!py-1", children: r.depositNumber }),
+          /* @__PURE__ */ e(l, { className: "!py-1", children: r.reference }),
+          /* @__PURE__ */ e(l, { className: "!py-1", children: c(r.type, {
+            delimiter: c.delimiters.UNDERSCORE
           }) }),
-          /* @__PURE__ */ e(n, { children: d(r.amount, {
-            currency: m.currency.code,
+          /* @__PURE__ */ e(l, { className: "!py-1", children: h(r.amount, {
+            currency: o.currency.code,
             minDecimalPlaces: 2
           }) }),
-          /* @__PURE__ */ e(n, { children: d(r.netAmount, {
-            currency: m.currency.code,
+          /* @__PURE__ */ e(l, { className: "!py-1", children: h(r.netAmount, {
+            currency: o.currency.code,
             minDecimalPlaces: 2
           }) }),
-          /* @__PURE__ */ e(n, { children: d(r.fee, {
-            currency: m.currency.code,
+          /* @__PURE__ */ e(l, { className: "!py-1", children: h(r.fee, {
+            currency: o.currency.code,
             minDecimalPlaces: 2
           }) }),
-          /* @__PURE__ */ e(n, { children: f(r.dateTimeCreated, "yyyy MMM dd hh:mma", {
-            in: g(m.timezone)
-          }) }),
-          /* @__PURE__ */ e(n, { children: (r.status === "CONFIRMED" || r.status === "APPROVED") && f(r.dateTimeLastUpdated, "yyyy MMM dd hh:mma", {
-            in: g(m.timezone)
-          }) }),
-          /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
-            J,
+          /* @__PURE__ */ t(l, { className: "!py-1", children: [
+            /* @__PURE__ */ e("div", { className: "leading-tight", children: a(r.dateTimeCreated, "MM/dd/yyyy", {
+              in: s(o.timezone)
+            }) }),
+            /* @__PURE__ */ e("div", { className: "text-text-tertiary-600 leading-tight", children: a(r.dateTimeCreated, "hh:mm a", {
+              in: s(o.timezone)
+            }) })
+          ] }),
+          /* @__PURE__ */ e(l, { className: "!py-1", children: (r.status === "CONFIRMED" || r.status === "APPROVED") && /* @__PURE__ */ t(f, { children: [
+            /* @__PURE__ */ e("div", { className: "leading-tight", children: a(r.dateTimeLastUpdated, "MM/dd/yyyy", {
+              in: s(o.timezone)
+            }) }),
+            /* @__PURE__ */ e("div", { className: "text-text-tertiary-600 leading-tight", children: a(r.dateTimeLastUpdated, "hh:mm a", {
+              in: s(o.timezone)
+            }) })
+          ] }) }),
+          /* @__PURE__ */ e(l, { className: "!py-1", children: /* @__PURE__ */ e(
+            Q,
             {
               variant: "subtle",
               colorScheme: r.status === "FAILED" || r.status === "REJECTED" || r.status === "CANCELLED" ? "danger" : r.status === "PENDING" ? "warning" : "success",
-              children: /* @__PURE__ */ e(Q, { children: l(r.status, {
-                delimiter: l.delimiters.UNDERSCORE
+              children: /* @__PURE__ */ e(G, { children: c(r.status, {
+                delimiter: c.delimiters.UNDERSCORE
               }) })
             }
           ) })
         ] }, r.id)) })
       ] }) }),
       /* @__PURE__ */ t("div", { className: "flex items-center gap-lg px-4 py-3", children: [
-        /* @__PURE__ */ t("p", { 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 ",
-          R,
+          I,
           " of ",
-          x
+          w
         ] }),
-        /* @__PURE__ */ e("div", { className: "grow" }),
+        /* @__PURE__ */ e("div", { className: "hidden grow lg:block" }),
         /* @__PURE__ */ e(
-          G,
+          W,
           {
             size: "sm",
-            value: [I.toString()],
+            value: [D.toString()],
             onValueChange: (r) => {
-              const h = parseInt(r.value[0]), O = isNaN(h) ? 10 : h;
-              P(O);
+              const g = parseInt(r.value[0]), L = isNaN(g) ? 10 : g;
+              P(L);
             },
-            collection: p,
+            collection: u,
             lazyMount: !0,
+            className: "hidden lg:block",
+            positioning: {
+              sameWidth: !0
+            },
             children: /* @__PURE__ */ t(Z, { children: [
               /* @__PURE__ */ e(K, {}),
-              /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(U, {}) }),
-              /* @__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)) }) }) })
+              /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, {}) }),
+              /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(_, { children: u.items.map((r) => /* @__PURE__ */ t(ee, { item: r, children: [
+                /* @__PURE__ */ e(re, { children: u.stringifyItem(r) }),
+                /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(V, {}) })
+              ] }, r)) }) }) })
             ] })
           }
         ),
-        /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ t("div", { className: "contents lg:flex", children: [
           /* @__PURE__ */ e(
-            N,
+            b,
             {
               size: "sm",
               variant: "outline",
               colorScheme: "gray",
-              className: "rounded-r-none border-r-0",
-              disabled: !T || s,
+              className: "order-1 lg:order-none lg:rounded-r-none lg:border-r-0",
+              disabled: !R || m,
               onClick: () => E(),
               children: /* @__PURE__ */ e($, { className: "size-5" })
             }
           ),
           /* @__PURE__ */ e(
-            N,
+            b,
             {
               size: "sm",
               variant: "outline",
               colorScheme: "gray",
-              className: "rounded-l-none",
-              disabled: !b || s,
+              className: "order-3 lg:order-none lg:rounded-l-none",
+              disabled: !T || m,
               onClick: () => z(),
               children: /* @__PURE__ */ e(j, { className: "size-5" })
             }
@@ -214,11 +237,11 @@ function _e() {
     ] })
   ] });
 }
-const p = F({
-  items: v.config.pageSizes,
+const u = F({
+  items: x.config.pageSizes,
   itemToValue: (i) => i.toString(),
   itemToString: (i) => `${i} items per page`
 });
 export {
-  _e as DepositRecordsTable
+  sr as DepositRecordsTable
 };

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

@@ -1,4 +1,4 @@
-import { DepositStatus, GameProvider, GameType, WithdrawalStatus } from '@opexa/portal-sdk-core';
+import { DepositStatus, GameProvider, GameType, TransactionType, WithdrawalStatus } from '@opexa/portal-sdk-core';
 import { DateRange } from '../../types';
 interface EnabledFilters {
     timestamp?: boolean;
@@ -6,6 +6,7 @@ interface EnabledFilters {
     gameProvider?: boolean;
     depositStatus?: boolean;
     withdrawalStatus?: boolean;
+    transactionType?: boolean;
 }
 interface Value {
     timestamp?: Partial<DateRange> | null;
@@ -13,6 +14,7 @@ interface Value {
     gameProvider?: GameProvider | null;
     depositStatus?: DepositStatus | null;
     withdrawalStatus?: WithdrawalStatus | null;
+    transactionType?: TransactionType | null;
 }
 interface TableFiltersProps {
     value?: Value;

package/dist/components/TransactionRecords/TableFilters.js

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