@opexa/portal-components 0.0.8 → 0.0.10

package/dist/components/Banner/Banner.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("embla-carousel-autoplay"),i=require("embla-carousel-react"),d=require("../../_virtual/image.js"),f=require("../../_virtual/link.js"),c=require("react"),m=require("tailwind-merge");require("../../utils/capitalize.js");const g=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");function q(a){const[n,e]=i({loop:!0,align:"start"},[u({playOnInit:!0,delay:5e3})]),[s,o]=c.useState(0);return c.useEffect(()=>{function r(t){o((t==null?void 0:t.selectedScrollSnap())??0)}return e==null||e.on("scroll",r),e==null||e.on("init",r),()=>{e==null||e.on("init",r),e==null||e.off("scroll",r)}},[e]),React.createElement("div",{className:m.twMerge("relative",a.className)},React.createElement("div",{ref:n,className:"overflow-hidden"},React.createElement("div",{className:"flex gap-2"},a.banners.map((r,t)=>{const l=React.createElement(d,{src:r.src,alt:"",width:1200,height:300,className:"block h-auto w-full rounded-xl",priority:t===0});return React.createElement(c.Fragment,{key:t},r.redirectUrl?React.createElement(f,{href:r.redirectUrl,className:"block w-full shrink-0"},l):React.createElement("div",{className:"w-full shrink-0"},l))}))),React.createElement("div",{className:"absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2"},a.banners.map((r,t)=>React.createElement("button",{key:t,type:"button",className:"border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",onClick:()=>{e==null||e.scrollTo(t)},"aria-label":`Go to slide ${t+1}`,"data-active":g.dataAttr(t===s)}))))}exports.Banner=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),c=require("embla-carousel-autoplay"),x=require("embla-carousel-react"),d=require("../../_virtual/image.js"),j=require("../../_virtual/link.js"),i=require("react"),m=require("tailwind-merge");require("../../utils/capitalize.js");const f=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");function g(n){const[l,e]=x({loop:!0,align:"start"},[c({playOnInit:!0,delay:5e3})]),[u,a]=i.useState(0);return i.useEffect(()=>{function t(r){a((r==null?void 0:r.selectedScrollSnap())??0)}return e==null||e.on("scroll",t),e==null||e.on("init",t),()=>{e==null||e.on("init",t),e==null||e.off("scroll",t)}},[e]),s.jsxRuntimeExports.jsxs("div",{className:m.twMerge("relative",n.className),children:[s.jsxRuntimeExports.jsx("div",{ref:l,className:"overflow-hidden",children:s.jsxRuntimeExports.jsx("div",{className:"flex gap-2",children:n.banners.map((t,r)=>{const o=s.jsxRuntimeExports.jsx(d,{src:t.src,alt:"",width:1200,height:300,className:"block h-auto w-full rounded-xl",priority:r===0});return s.jsxRuntimeExports.jsx(i.Fragment,{children:t.redirectUrl?s.jsxRuntimeExports.jsx(j,{href:t.redirectUrl,className:"block w-full shrink-0",children:o}):s.jsxRuntimeExports.jsx("div",{className:"w-full shrink-0",children:o})},r)})})}),s.jsxRuntimeExports.jsx("div",{className:"absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2",children:n.banners.map((t,r)=>s.jsxRuntimeExports.jsx("button",{type:"button",className:"border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",onClick:()=>{e==null||e.scrollTo(r)},"aria-label":`Go to slide ${r+1}`,"data-active":f.dataAttr(r===u)},r))})]})}exports.Banner=g;

package/dist/components/Banner/Banner.mjs

@@ -1,72 +1,76 @@
 "use client";
-import s from "embla-carousel-autoplay";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import c from "embla-carousel-autoplay";
 import m from "embla-carousel-react";
-import i from "../../_virtual/image.mjs";
-import u from "../../_virtual/link.mjs";
-import { useState as f, useEffect as d, Fragment as g } from "react";
+import u from "../../_virtual/image.mjs";
+import f from "../../_virtual/link.mjs";
+import { useState as d, useEffect as h, Fragment as g } from "react";
 import { twMerge as p } from "tailwind-merge";
 import "../../utils/capitalize.mjs";
-import { dataAttr as E } from "../../utils/dataAttr.mjs";
+import { dataAttr as x } from "../../utils/dataAttr.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
-function B(a) {
-  const [l, e] = m(
+function F(s) {
+  const [a, r] = m(
     {
       loop: !0,
       align: "start"
     },
     [
-      s({
+      c({
         playOnInit: !0,
         delay: 5e3
       })
     ]
-  ), [c, n] = f(0);
-  return d(() => {
-    function r(t) {
+  ), [i, n] = d(0);
+  return h(() => {
+    function o(t) {
       n((t == null ? void 0 : t.selectedScrollSnap()) ?? 0);
     }
-    return e == null || e.on("scroll", r), e == null || e.on("init", r), () => {
-      e == null || e.on("init", r), e == null || e.off("scroll", r);
+    return r == null || r.on("scroll", o), r == null || r.on("init", o), () => {
+      r == null || r.on("init", o), r == null || r.off("scroll", o);
     };
-  }, [e]), /* @__PURE__ */ React.createElement("div", { className: p("relative", a.className) }, /* @__PURE__ */ React.createElement("div", { ref: l, className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, a.banners.map((r, t) => {
-    const o = /* @__PURE__ */ React.createElement(
-      i,
+  }, [r]), /* @__PURE__ */ e.jsxs("div", { className: p("relative", s.className), children: [
+    /* @__PURE__ */ e.jsx("div", { ref: a, className: "overflow-hidden", children: /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: s.banners.map((o, t) => {
+      const l = /* @__PURE__ */ e.jsx(
+        u,
+        {
+          src: o.src,
+          alt: "",
+          width: 1200,
+          height: 300,
+          className: "block h-auto w-full rounded-xl",
+          priority: t === 0
+        }
+      );
+      return /* @__PURE__ */ e.jsx(g, { children: o.redirectUrl ? /* @__PURE__ */ e.jsx(
+        f,
+        {
+          href: o.redirectUrl,
+          className: "block w-full shrink-0",
+          children: l
+        }
+      ) : /* @__PURE__ */ e.jsx("div", { className: "w-full shrink-0", children: l }) }, t);
+    }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: s.banners.map((o, t) => /* @__PURE__ */ e.jsx(
+      "button",
       {
-        src: r.src,
-        alt: "",
-        width: 1200,
-        height: 300,
-        className: "block h-auto w-full rounded-xl",
-        priority: t === 0
-      }
-    );
-    return /* @__PURE__ */ React.createElement(g, { key: t }, r.redirectUrl ? /* @__PURE__ */ React.createElement(
-      u,
-      {
-        href: r.redirectUrl,
-        className: "block w-full shrink-0"
-      },
-      o
-    ) : /* @__PURE__ */ React.createElement("div", { className: "w-full shrink-0" }, o));
-  }))), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2" }, a.banners.map((r, t) => /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      key: t,
-      type: "button",
-      className: "border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",
-      onClick: () => {
-        e == null || e.scrollTo(t);
+        type: "button",
+        className: "border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",
+        onClick: () => {
+          r == null || r.scrollTo(t);
+        },
+        "aria-label": `Go to slide ${t + 1}`,
+        "data-active": x(t === i)
       },
-      "aria-label": `Go to slide ${t + 1}`,
-      "data-active": E(t === c)
-    }
-  ))));
+      t
+    )) })
+  ] });
 }
 export {
-  B as Banner
+  F as Banner
 };

package/dist/components/BetRecords/BetRecords.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@ark-ui/react"),p=require("@date-fns/tz"),E=require("date-fns"),z=require("react"),I=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const i=require("../../utils/capitalize.js"),C=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");const Z=require("../../hooks/useBetRecordsQuery.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");const O=require("../../hooks/useInfiniteQueryHelper.js"),j=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const N=require("../../icons/CheckIcon.js"),v=require("../../icons/ChevronDownIcon.js"),D=require("../../icons/ChevronLeftIcon.js"),x=require("../../icons/ChevronRightIcon.js"),J=require("../../icons/File02Icon.js"),$=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");const n=require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const P=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");const r=require("../../ui/SegmentGroup/SegmentGroup.js"),a=require("../../ui/Select/Select.js"),t=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const K=require("../Empty/Empty.js");function W(m){var b,f;const[V,q]=z.useState("all"),[c,R]=z.useReducer((e,l)=>({...e,...l}),{page:1,pageSize:10,type:m.gameTypes[0]}),u=j.useLocaleInfo(),h=s.createListCollection({items:m.gameProviders,itemToValue:e=>e,itemToString:e=>i.capitalize(e,{delimiter:i.capitalize.delimiters.UNDERSCORE})}),{page:B,pageSize:M,hasNextPage:L,hasPrevPage:_,next:A,prev:F,rows:y,setPageSize:U,totalPages:G,loading:d,firstPage:g}=O.useInfiniteQueryHelper(Z.useBetRecordsQuery,{filter:{...c.type&&{game__type:{equal:c.type}},...c.provider&&{game__provider:{equal:c.provider}},...c.status&&{status:{equal:c.status}},...c.timestamp&&{dateTimeCreated:{...c.timestamp.start&&{greaterThanOrEqual:new p.TZDateMini(E.startOfDay(c.timestamp.start),u.timezone).toISOString()},...c.timestamp.end&&{lesserThanOrEqual:new p.TZDateMini(E.endOfDay(c.timestamp.end),u.timezone).toISOString()}}}}});return React.createElement("div",{className:m.className},React.createElement("h2",{className:"text-lg font-semibold"},"Bet Records"),React.createElement("p",{className:"text-gray-600 mt-xs text-xs"},"View your bet records"),React.createElement("div",{className:"mt-2xl pb-2xl"},React.createElement(r.Root,{value:c.type,onValueChange:e=>{g(),R({type:I.z.enum(m.gameTypes??[]).safeParse(e.value).data??null})}},m.gameTypes.map(e=>React.createElement(r.Item,{key:e,value:e},React.createElement(r.ItemText,null,i.capitalize(e,{delimiter:i.capitalize.delimiters.UNDERSCORE})),React.createElement(r.ItemControl,null),React.createElement(r.ItemHiddenInput,null))),React.createElement(r.Indicator,null))),React.createElement("div",{className:"mt-4xl"},React.createElement("div",{className:"flex items-center gap-lg"},React.createElement(n.Root,{lazyMount:!0,unmountOnExit:!0,value:[(b=c.timestamp)==null?void 0:b.start,(f=c.timestamp)==null?void 0:f.end].filter(Boolean).map(e=>s.parseDate(e)),onValueChange:e=>{var l,o;g(),R({timestamp:{start:(l=e.value.at(0))==null?void 0:l.toDate(H),end:(o=e.value.at(1))==null?void 0:o.toDate(H)}})},onOpenChange:e=>{e.open||c.timestamp||q("all")},selectionMode:"range",closeOnSelect:!1,positioning:{gutter:20,placement:"bottom"}},React.createElement(r.Root,{value:V,onValueChange:e=>{const l=X.parse(e.value);if(l==="today"){const o=new Date;R({timestamp:{start:E.startOfDay(o),end:E.endOfDay(o)}})}else R({timestamp:null});g(),q(l)}},React.createElement(r.Item,{value:"all"},React.createElement(r.ItemText,null,"All"),React.createElement(r.ItemControl,null),React.createElement(r.ItemHiddenInput,null)),React.createElement(r.Item,{value:"today"},React.createElement(r.ItemText,null,"Today"),React.createElement(r.ItemControl,null),React.createElement(r.ItemHiddenInput,null)),React.createElement(n.Context,null,e=>React.createElement(r.Item,{value:"custom",onClick:()=>e.setOpen(!0)},React.createElement(n.Control,null,React.createElement(r.ItemText,null,"Custom"),React.createElement(r.ItemControl,null),React.createElement(r.ItemHiddenInput,null)))),React.createElement(r.Indicator,null)),React.createElement(s.Portal,null,React.createElement(n.Positioner,null,React.createElement(n.Content,null,React.createElement(n.View,{view:"day"},React.createElement(n.Context,null,e=>React.createElement(React.Fragment,null,React.createElement(n.ViewControl,null,React.createElement(n.PrevTrigger,null,React.createElement(D.ChevronLeftIcon,null)),React.createElement(n.ViewTrigger,null,React.createElement(n.RangeText,null)),React.createElement(n.NextTrigger,null,React.createElement(x.ChevronRightIcon,null))),React.createElement(n.Table,null,React.createElement(n.TableHead,null,React.createElement(n.TableRow,null,e.weekDays.map((l,o)=>React.createElement(n.TableHeader,{key:o},l.short.substring(0,2))))),React.createElement(n.TableBody,null,e.weeks.map((l,o)=>React.createElement(n.TableRow,{key:o},l.map((S,Q)=>React.createElement(n.TableCell,{key:Q,value:S},React.createElement(n.TableCellTrigger,null,S.day)))))))))))))),React.createElement("div",{className:"grow"}),React.createElement(a.Root,{collection:h,value:c.provider?[c.provider]:[],onValueChange:e=>{const l=I.z.enum(m.gameProviders??[]).safeParse(e.value.at(0)).data;g(),R({provider:l??null})},lazyMount:!0,deselectable:!0},React.createElement(a.Trigger,null,React.createElement(a.ValueText,{placeholder:"Game Vendor"}),React.createElement(a.Indicator,{asChild:!0},React.createElement(v.ChevronDownIcon,null))),React.createElement(s.Portal,null,React.createElement(a.Positioner,null,React.createElement(a.Content,null,React.createElement(a.ItemGroup,null,h.items.map(e=>React.createElement(a.Item,{key:e,item:e},React.createElement(a.ItemText,null,i.capitalize(e,{delimiter:i.capitalize.delimiters.UNDERSCORE})),React.createElement(a.ItemIndicator,{asChild:!0},React.createElement(N.CheckIcon,null))))))))),React.createElement(a.Root,{collection:w,value:c.status?[c.status]:[],onValueChange:e=>{const l=I.z.enum(k).safeParse(e.value.at(0)).data;g(),R({status:l??null})},lazyMount:!0,deselectable:!0},React.createElement(a.Trigger,null,React.createElement(a.ValueText,{placeholder:"Status"}),React.createElement(a.Indicator,{asChild:!0},React.createElement(v.ChevronDownIcon,null))),React.createElement(s.Portal,null,React.createElement(a.Positioner,null,React.createElement(a.Content,null,React.createElement(a.ItemGroup,null,w.items.map(e=>React.createElement(a.Item,{key:e,item:e},React.createElement(a.ItemText,null,i.capitalize(e,{delimiter:i.capitalize.delimiters.UNDERSCORE})),React.createElement(a.ItemIndicator,{asChild:!0},React.createElement(N.CheckIcon,null)))))))))),y.length<=0&&React.createElement(K.Empty,{icon:d?$.SpinnerIcon:J.File02Icon,title:d?"Just a moment":"No data",message:d?"Fetching latest bet records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),y.length>=1&&React.createElement("div",{className:"border-gray-200 mt-lg rounded-xl border"},React.createElement("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b"},React.createElement(t.Root,{className:"border-0"},React.createElement(t.Header,null,React.createElement(t.Row,null,React.createElement(t.Heading,null,"Bet Time"),React.createElement(t.Heading,null,"Settlement Time"),React.createElement(t.Heading,null,"Bet Content"),React.createElement(t.Heading,null,"Odds"),React.createElement(t.Heading,null,"Bet Amount"),React.createElement(t.Heading,null,"Valid Bet"),React.createElement(t.Heading,null,"Settled Amount"),React.createElement(t.Heading,null,"Jackpot Contribution"),React.createElement(t.Heading,null,"Jackpot Payout"),React.createElement(t.Heading,null,"Bet Status"),React.createElement(t.Heading,null,"Game Name"),React.createElement(t.Heading,null,"Vendor Round ID"))),React.createElement(t.Body,null,y.map(e=>{var l;return React.createElement(t.Row,{key:e.id},React.createElement(t.Cell,null,E.format(e.dateTimeCreated,"yyyy MMM dd hh:mma",{in:p.tz(u.timezone)})),React.createElement(t.Cell,null,!!e.dateTimeSettled&&E.format(e.dateTimeSettled,"yyyy MMM dd hh:mma",{in:p.tz(u.timezone)})),React.createElement(t.Cell,null,e==null?void 0:e.betContent),React.createElement(t.Cell,null,(l=e.metadata)==null?void 0:l.odds),React.createElement(t.Cell,null,C.formatNumber(e.bet,{currency:u.currency.code,minDecimalPlaces:2})),React.createElement(t.Cell,null,e.validBet),React.createElement(t.Cell,null,C.formatNumber(e.payout,{currency:u.currency.code,minDecimalPlaces:2})),React.createElement(t.Cell,null,C.formatNumber(e.jackpotContribution,{currency:u.currency.code,minDecimalPlaces:2})),React.createElement(t.Cell,null,C.formatNumber(e.jackpotPayout,{currency:u.currency.code,minDecimalPlaces:2})),React.createElement(t.Cell,null,e.status),React.createElement(t.Cell,null,e.game.name),React.createElement(t.Cell,null,e.vendorRoundId))})))),React.createElement("div",{className:"flex items-center gap-lg px-4 py-3"},React.createElement("p",null,"Page ",B," of ",G),React.createElement("div",{className:"grow"}),React.createElement(a.Root,{size:"sm",value:[M.toString()],onValueChange:e=>{const l=parseInt(e.value[0]),o=isNaN(l)?10:l;U(o)},collection:T,lazyMount:!0},React.createElement(a.Trigger,null,React.createElement(a.ValueText,null),React.createElement(a.Indicator,{asChild:!0},React.createElement(v.ChevronDownIcon,null)),React.createElement(s.Portal,null,React.createElement(a.Positioner,null,React.createElement(a.Content,null,T.items.map(e=>React.createElement(a.Item,{key:e,item:e},T.stringifyItem(e)))))))),React.createElement("div",null,React.createElement(P.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!_||d,onClick:()=>F()},React.createElement(D.ChevronLeftIcon,{className:"size-5"})),React.createElement(P.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!L||d,onClick:()=>A()},React.createElement(x.ChevronRightIcon,{className:"size-5"})))))))}const k=["CANCELLED","SETTLED","STARTED"],T=s.createListCollection({items:O.useInfiniteQueryHelper.config.pageSizes,itemToValue:m=>m.toString(),itemToString:m=>`${m} items per page`}),w=s.createListCollection({items:k,itemToValue:m=>m,itemToString:m=>i.capitalize(m,{delimiter:i.capitalize.delimiters.UNDERSCORE})}),X=I.z.enum(["all","today","custom"]),H=Intl.DateTimeFormat().resolvedOptions().timeZone;exports.BetRecords=W;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),c=require("@ark-ui/react"),E=require("@date-fns/tz"),d=require("date-fns"),S=require("react"),g=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const m=require("../../utils/capitalize.js"),h=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");const Z=require("../../hooks/useBetRecordsQuery.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");const O=require("../../hooks/useInfiniteQueryHelper.js"),J=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../icons/CheckIcon.js"),I=require("../../icons/ChevronDownIcon.js"),N=require("../../icons/ChevronLeftIcon.js"),D=require("../../icons/ChevronRightIcon.js"),$=require("../../icons/File02Icon.js"),K=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");const n=require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const P=require("../../ui/IconButton/IconButton.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"),r=require("../../ui/Select/Select.js"),s=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const W=require("../Empty/Empty.js");function X(l){var q,b;const[B,y]=S.useState("all"),[x,j]=S.useReducer((t,i)=>({...t,...i}),{page:1,pageSize:10,type:l.gameTypes[0]}),a=J.useLocaleInfo(),T=c.createListCollection({items:l.gameProviders,itemToValue:t=>t,itemToString:t=>m.capitalize(t,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),{page:M,pageSize:k,hasNextPage:L,hasPrevPage:_,next:A,prev:F,rows:C,setPageSize:U,totalPages:G,loading:p,firstPage:R}=O.useInfiniteQueryHelper(Z.useBetRecordsQuery,{filter:{...x.type&&{game__type:{equal:x.type}},...x.provider&&{game__provider:{equal:x.provider}},...x.status&&{status:{equal:x.status}},...x.timestamp&&{dateTimeCreated:{...x.timestamp.start&&{greaterThanOrEqual:new E.TZDateMini(d.startOfDay(x.timestamp.start),a.timezone).toISOString()},...x.timestamp.end&&{lesserThanOrEqual:new E.TZDateMini(d.endOfDay(x.timestamp.end),a.timezone).toISOString()}}}}});return e.jsxRuntimeExports.jsxs("div",{className:l.className,children:[e.jsxRuntimeExports.jsx("h2",{className:"text-lg font-semibold",children:"Bet Records"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-600 mt-xs text-xs",children:"View your bet records"}),e.jsxRuntimeExports.jsx("div",{className:"mt-2xl pb-2xl",children:e.jsxRuntimeExports.jsxs(o.Root,{value:x.type,onValueChange:t=>{R(),j({type:g.z.enum(l.gameTypes??[]).safeParse(t.value).data??null})},children:[l.gameTypes.map(t=>e.jsxRuntimeExports.jsxs(o.Item,{value:t,children:[e.jsxRuntimeExports.jsx(o.ItemText,{children:m.capitalize(t,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),e.jsxRuntimeExports.jsx(o.ItemControl,{}),e.jsxRuntimeExports.jsx(o.ItemHiddenInput,{})]},t)),e.jsxRuntimeExports.jsx(o.Indicator,{})]})}),e.jsxRuntimeExports.jsxs("div",{className:"mt-4xl",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-lg",children:[e.jsxRuntimeExports.jsxs(n.Root,{lazyMount:!0,unmountOnExit:!0,value:[(q=x.timestamp)==null?void 0:q.start,(b=x.timestamp)==null?void 0:b.end].filter(Boolean).map(t=>c.parseDate(t)),onValueChange:t=>{var i,u;R(),j({timestamp:{start:(i=t.value.at(0))==null?void 0:i.toDate(H),end:(u=t.value.at(1))==null?void 0:u.toDate(H)}})},onOpenChange:t=>{t.open||x.timestamp||y("all")},selectionMode:"range",closeOnSelect:!1,positioning:{gutter:20,placement:"bottom"},children:[e.jsxRuntimeExports.jsxs(o.Root,{value:B,onValueChange:t=>{const i=Y.parse(t.value);if(i==="today"){const u=new Date;j({timestamp:{start:d.startOfDay(u),end:d.endOfDay(u)}})}else j({timestamp:null});R(),y(i)},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(n.Context,{children:t=>e.jsxRuntimeExports.jsx(o.Item,{value:"custom",onClick:()=>t.setOpen(!0),children:e.jsxRuntimeExports.jsxs(n.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(c.Portal,{children:e.jsxRuntimeExports.jsx(n.Positioner,{children:e.jsxRuntimeExports.jsx(n.Content,{children:e.jsxRuntimeExports.jsx(n.View,{view:"day",children:e.jsxRuntimeExports.jsx(n.Context,{children:t=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(n.ViewControl,{children:[e.jsxRuntimeExports.jsx(n.PrevTrigger,{children:e.jsxRuntimeExports.jsx(N.ChevronLeftIcon,{})}),e.jsxRuntimeExports.jsx(n.ViewTrigger,{children:e.jsxRuntimeExports.jsx(n.RangeText,{})}),e.jsxRuntimeExports.jsx(n.NextTrigger,{children:e.jsxRuntimeExports.jsx(D.ChevronRightIcon,{})})]}),e.jsxRuntimeExports.jsxs(n.Table,{children:[e.jsxRuntimeExports.jsx(n.TableHead,{children:e.jsxRuntimeExports.jsx(n.TableRow,{children:t.weekDays.map((i,u)=>e.jsxRuntimeExports.jsx(n.TableHeader,{children:i.short.substring(0,2)},u))})}),e.jsxRuntimeExports.jsx(n.TableBody,{children:t.weeks.map((i,u)=>e.jsxRuntimeExports.jsx(n.TableRow,{children:i.map((f,Q)=>e.jsxRuntimeExports.jsx(n.TableCell,{value:f,children:e.jsxRuntimeExports.jsx(n.TableCellTrigger,{children:f.day})},Q))},u))})]})]})})})})})})]}),e.jsxRuntimeExports.jsx("div",{className:"grow"}),e.jsxRuntimeExports.jsxs(r.Root,{collection:T,value:x.provider?[x.provider]:[],onValueChange:t=>{const i=g.z.enum(l.gameProviders??[]).safeParse(t.value.at(0)).data;R(),j({provider:i??null})},lazyMount:!0,deselectable:!0,children:[e.jsxRuntimeExports.jsxs(r.Trigger,{children:[e.jsxRuntimeExports.jsx(r.ValueText,{placeholder:"Game Vendor"}),e.jsxRuntimeExports.jsx(r.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(I.ChevronDownIcon,{})})]}),e.jsxRuntimeExports.jsx(c.Portal,{children:e.jsxRuntimeExports.jsx(r.Positioner,{children:e.jsxRuntimeExports.jsx(r.Content,{children:e.jsxRuntimeExports.jsx(r.ItemGroup,{children:T.items.map(t=>e.jsxRuntimeExports.jsxs(r.Item,{item:t,children:[e.jsxRuntimeExports.jsx(r.ItemText,{children:m.capitalize(t,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),e.jsxRuntimeExports.jsx(r.ItemIndicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(z.CheckIcon,{})})]},t))})})})})]}),e.jsxRuntimeExports.jsxs(r.Root,{collection:w,value:x.status?[x.status]:[],onValueChange:t=>{const i=g.z.enum(V).safeParse(t.value.at(0)).data;R(),j({status:i??null})},lazyMount:!0,deselectable:!0,children:[e.jsxRuntimeExports.jsxs(r.Trigger,{children:[e.jsxRuntimeExports.jsx(r.ValueText,{placeholder:"Status"}),e.jsxRuntimeExports.jsx(r.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(I.ChevronDownIcon,{})})]}),e.jsxRuntimeExports.jsx(c.Portal,{children:e.jsxRuntimeExports.jsx(r.Positioner,{children:e.jsxRuntimeExports.jsx(r.Content,{children:e.jsxRuntimeExports.jsx(r.ItemGroup,{children:w.items.map(t=>e.jsxRuntimeExports.jsxs(r.Item,{item:t,children:[e.jsxRuntimeExports.jsx(r.ItemText,{children:m.capitalize(t,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),e.jsxRuntimeExports.jsx(r.ItemIndicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(z.CheckIcon,{})})]},t))})})})})]})]}),C.length<=0&&e.jsxRuntimeExports.jsx(W.Empty,{icon:p?K.SpinnerIcon:$.File02Icon,title:p?"Just a moment":"No data",message:p?"Fetching latest bet records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),C.length>=1&&e.jsxRuntimeExports.jsxs("div",{className:"border-gray-200 mt-lg rounded-xl border",children:[e.jsxRuntimeExports.jsx("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b",children:e.jsxRuntimeExports.jsxs(s.Root,{className:"border-0",children:[e.jsxRuntimeExports.jsx(s.Header,{children:e.jsxRuntimeExports.jsxs(s.Row,{children:[e.jsxRuntimeExports.jsx(s.Heading,{children:"Bet Time"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Settlement Time"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Bet Content"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Odds"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Bet Amount"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Valid Bet"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Settled Amount"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Jackpot Contribution"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Jackpot Payout"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Bet Status"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Game Name"}),e.jsxRuntimeExports.jsx(s.Heading,{children:"Vendor Round ID"})]})}),e.jsxRuntimeExports.jsx(s.Body,{children:C.map(t=>{var i;return e.jsxRuntimeExports.jsxs(s.Row,{children:[e.jsxRuntimeExports.jsx(s.Cell,{children:d.format(t.dateTimeCreated,"yyyy MMM dd hh:mma",{in:E.tz(a.timezone)})}),e.jsxRuntimeExports.jsx(s.Cell,{children:!!t.dateTimeSettled&&d.format(t.dateTimeSettled,"yyyy MMM dd hh:mma",{in:E.tz(a.timezone)})}),e.jsxRuntimeExports.jsx(s.Cell,{children:t==null?void 0:t.betContent}),e.jsxRuntimeExports.jsx(s.Cell,{children:(i=t.metadata)==null?void 0:i.odds}),e.jsxRuntimeExports.jsx(s.Cell,{children:h.formatNumber(t.bet,{currency:a.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(s.Cell,{children:t.validBet}),e.jsxRuntimeExports.jsx(s.Cell,{children:h.formatNumber(t.payout,{currency:a.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(s.Cell,{children:h.formatNumber(t.jackpotContribution,{currency:a.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(s.Cell,{children:h.formatNumber(t.jackpotPayout,{currency:a.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx(s.Cell,{children:t.status}),e.jsxRuntimeExports.jsx(s.Cell,{children:t.game.name}),e.jsxRuntimeExports.jsx(s.Cell,{children:t.vendorRoundId})]},t.id)})})]})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-lg px-4 py-3",children:[e.jsxRuntimeExports.jsxs("p",{children:["Page ",M," of ",G]}),e.jsxRuntimeExports.jsx("div",{className:"grow"}),e.jsxRuntimeExports.jsx(r.Root,{size:"sm",value:[k.toString()],onValueChange:t=>{const i=parseInt(t.value[0]),u=isNaN(i)?10:i;U(u)},collection:v,lazyMount:!0,children:e.jsxRuntimeExports.jsxs(r.Trigger,{children:[e.jsxRuntimeExports.jsx(r.ValueText,{}),e.jsxRuntimeExports.jsx(r.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(I.ChevronDownIcon,{})}),e.jsxRuntimeExports.jsx(c.Portal,{children:e.jsxRuntimeExports.jsx(r.Positioner,{children:e.jsxRuntimeExports.jsx(r.Content,{children:v.items.map(t=>e.jsxRuntimeExports.jsx(r.Item,{item:t,children:v.stringifyItem(t)},t))})})})]})}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(P.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!_||p,onClick:()=>F(),children:e.jsxRuntimeExports.jsx(N.ChevronLeftIcon,{className:"size-5"})}),e.jsxRuntimeExports.jsx(P.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!L||p,onClick:()=>A(),children:e.jsxRuntimeExports.jsx(D.ChevronRightIcon,{className:"size-5"})})]})]})]})]})]})}const V=["CANCELLED","SETTLED","STARTED"],v=c.createListCollection({items:O.useInfiniteQueryHelper.config.pageSizes,itemToValue:l=>l.toString(),itemToString:l=>`${l} items per page`}),w=c.createListCollection({items:V,itemToValue:l=>l,itemToString:l=>m.capitalize(l,{delimiter:m.capitalize.delimiters.UNDERSCORE})}),Y=g.z.enum(["all","today","custom"]),H=Intl.DateTimeFormat().resolvedOptions().timeZone;exports.BetRecords=X;