@opexa/portal-components 0.0.8 → 0.0.9

package/dist/components/TransactionRecords/DepositRecordsTable.mjs

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

package/dist/components/TransactionRecords/TableFilters.js

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