@opexa/portal-components 0.0.9 → 0.0.11

package/dist/components/TransactionRecords/DepositRecordsTable.mjs

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

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

@@ -22,5 +22,5 @@ interface TableFiltersProps {
     gameTypeOptions?: GameType[];
     gameProviderOptions?: GameProvider[];
 }
-export declare function TableFilters(props: TableFiltersProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableFilters(props: TableFiltersProps): import("react").JSX.Element;
 export {};

package/dist/components/TransactionRecords/TableFilters.js

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