@opexa/portal-components 0.0.8 → 0.0.9

package/dist/components/SignUp/SignUpForm.mjs

@@ -1,11 +1,12 @@
 "use client";
-import { useDialogContext as w } from "@ark-ui/react";
-import { zodResolver as R } from "../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import { ObjectType as A } from "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.19/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import { n as M } from "../../_virtual/navigation.mjs";
-import { useState as P } from "react";
-import { useForm as g, Controller as E } from "react-hook-form";
-import { z as o } from "zod";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { useDialogContext as R } from "@ark-ui/react";
+import { zodResolver as h } from "../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { ObjectType as M } from "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.21/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import { n as P } from "../../_virtual/navigation.mjs";
+import { useState as k } from "react";
+import { useForm as g, Controller as j } from "react-hook-form";
+import { z as r } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -15,228 +16,278 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as x } from "../../utils/toaster.mjs";
-import { useCooldown as k } from "../../hooks/useCooldown.mjs";
-import { useGlobalStore as V } from "../../hooks/useGlobalStore.mjs";
+import { toaster as y } from "../../utils/toaster.mjs";
+import { useCooldown as V } from "../../hooks/useCooldown.mjs";
+import { useGlobalStore as $ } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as $ } from "../../hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as j } from "../../hooks/useMobileNumberParser.mjs";
+import { useLocaleInfo as D } from "../../hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as F } from "../../hooks/useMobileNumberParser.mjs";
 import "usehooks-ts";
-import { useSendVerificationCodeMutation as D } from "../../hooks/useSendVerificationCodeMutation.mjs";
-import { useSignInMutation as F } from "../../hooks/useSignInMutation.mjs";
-import { useSignUpMutation as O } from "../../hooks/useSignUpMutation.mjs";
-import { ArrowLeftIcon as L } from "../../icons/ArrowLeftIcon.mjs";
-import { CheckIcon as z } from "../../icons/CheckIcon.mjs";
+import { useSendVerificationCodeMutation as O } from "../../hooks/useSendVerificationCodeMutation.mjs";
+import { useSignInMutation as E } from "../../hooks/useSignInMutation.mjs";
+import { useSignUpMutation as L } from "../../hooks/useSignUpMutation.mjs";
+import { ArrowLeftIcon as z } from "../../icons/ArrowLeftIcon.mjs";
+import { CheckIcon as U } from "../../icons/CheckIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as y } from "../../ui/Button/Button.mjs";
-import { Root as U, Control as G, Indicator as H, Label as T, HiddenInput as _ } from "../../ui/Checkbox/Checkbox.mjs";
+import { Button as v } from "../../ui/Button/Button.mjs";
+import { Root as G, Control as H, Indicator as T, Label as _, HiddenInput as B } from "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
-import { Root as B, Label as W, Input as Z, ErrorText as Y } from "../../ui/Field/Field.mjs";
+import { Root as W, Label as Z, Input as Y, ErrorText as q } from "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
-import { Root as q, Control as J, Input as m, HiddenInput as K } from "../../ui/PinInput/PinInput.mjs";
+import { Root as J, Control as K, Input as a, HiddenInput as Q } from "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { useShallow as Q } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
-import { i as X } from "../../_virtual/index.cjs.mjs";
-function Je() {
+import { useShallow as X } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
+import { i as ee } from "../../_virtual/index.cjs.mjs";
+function Qe() {
   var b;
-  const [d, c] = P(1), u = w(), l = M.useSearchParams(), p = V(Q((e) => e.signIn)), h = O(), v = F(), f = D(), N = $(), r = j(), C = o.object({
-    mobileNumber: o.string().superRefine((e, t) => {
-      r.validate(e) || t.addIssue({
-        code: o.ZodIssueCode.custom,
+  const [p, l] = k(1), u = R(), c = P.useSearchParams(), f = $(X((t) => t.signIn)), N = L(), C = E(), x = O(), S = D(), i = F(), I = r.object({
+    mobileNumber: r.string().superRefine((t, o) => {
+      i.validate(t) || o.addIssue({
+        code: r.ZodIssueCode.custom,
         message: "Invalid mobile number"
       });
     }),
-    termsAccepted: o.boolean().superRefine((e, t) => {
-      e || t.addIssue({
-        code: o.ZodIssueCode.custom,
+    termsAccepted: r.boolean().superRefine((t, o) => {
+      t || o.addIssue({
+        code: r.ZodIssueCode.custom,
         message: "You must accept the terms and conditions"
       });
     })
-  }), S = o.object({
-    verificationCode: o.array(o.string().min(1).max(1).trim()).min(6).max(6)
-  }), a = g({
-    resolver: R(C),
+  }), w = r.object({
+    verificationCode: r.array(r.string().min(1).max(1).trim()).min(6).max(6)
+  }), s = g({
+    resolver: h(I),
     defaultValues: {
       mobileNumber: "",
       termsAccepted: !1
     }
-  }), i = g({
-    resolver: R(S),
+  }), m = g({
+    resolver: h(w),
     defaultValues: {
       verificationCode: Array.from({ length: 6 }).fill("")
     }
-  }), n = k({
+  }), n = V({
     max: 60,
     duration: 1e3 * 60
   });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, d === 1 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "w-full grow" }, /* @__PURE__ */ React.createElement("h2", { className: "mt-xl text-center text-lg font-semibold" }, "Create an account"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-xs text-center text-sm" }, "Register instantly and start playing!"), /* @__PURE__ */ React.createElement(
-    "form",
-    {
-      className: "mt-5",
-      onSubmit: a.handleSubmit(async (e) => {
-        try {
-          await f.mutateAsync({
-            channel: "SMS",
-            recipient: r.format(e.mobileNumber)
-          }), c(2), n.start();
-        } catch (t) {
-          x.error({
-            description: t instanceof Error ? t.message : "Failed to send verification code"
-          });
-        }
-      })
-    },
-    /* @__PURE__ */ React.createElement(B, { invalid: !!a.formState.errors.mobileNumber }, /* @__PURE__ */ React.createElement(W, null, "Mobile Number"), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(N.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }), /* @__PURE__ */ React.createElement(
-      Z,
-      {
-        className: "pl-11",
-        ...a.register("mobileNumber")
-      }
-    )), /* @__PURE__ */ React.createElement(Y, null, (b = a.formState.errors.mobileNumber) == null ? void 0 : b.message)),
-    /* @__PURE__ */ React.createElement(
-      y,
-      {
-        type: "submit",
-        className: "mt-5",
-        disabled: a.formState.isSubmitting
-      },
-      "Create Account"
-    ),
-    /* @__PURE__ */ React.createElement(
-      E,
-      {
-        control: a.control,
-        name: "termsAccepted",
-        render: (e) => /* @__PURE__ */ React.createElement(
-          U,
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    p === 1 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "w-full grow", children: [
+        /* @__PURE__ */ e.jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Create an account" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 mt-xs text-center text-sm", children: "Register instantly and start playing!" }),
+        /* @__PURE__ */ e.jsxs(
+          "form",
           {
-            className: "mt-xl",
-            invalid: e.fieldState.invalid,
-            checked: e.field.value,
-            onCheckedChange: (t) => {
-              e.field.onChange(t.checked);
-            }
-          },
-          /* @__PURE__ */ React.createElement(G, null, /* @__PURE__ */ React.createElement(H, { asChild: !0 }, /* @__PURE__ */ React.createElement(z, null))),
-          /* @__PURE__ */ React.createElement(T, null, "I confirm that I am at least 21 years old, not listed in the PAGCOR NDRP, not a GEL license holder, government employee, or member of the Armed Forces of the Philippines. I am not playing in a public space and agree to the Terms of Use and Privacy Policy. Ineligible accounts will have their funds forfeited to the government."),
-          /* @__PURE__ */ React.createElement(_, null)
-        )
-      }
-    )
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-center gap-xs text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-500" }, "Don't have an account?"), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "submit",
-      className: "text-accent-700 font-semibold",
-      onClick: () => {
-        u.setOpen(!1), p.setOpen(!0);
-      }
-    },
-    "Log In"
-  ))), d === 2 && /* @__PURE__ */ React.createElement("div", { className: "w-full grow" }, /* @__PURE__ */ React.createElement("h2", { className: "mt-xl text-center text-lg font-semibold" }, "Check your Phone"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-xs text-center text-sm" }, "We’ve sent a verification code to your mobile number", " ", /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, r.format(a.getValues("mobileNumber"))), " ", "via text"), /* @__PURE__ */ React.createElement(
-    "form",
-    {
-      className: "mt-5",
-      onSubmit: i.handleSubmit(async ({ verificationCode: e }) => {
-        const t = X.ObjectId.generate(A.MemberAccount).toString(), { mobileNumber: s } = a.getValues();
-        try {
-          await h.mutateAsync({
-            id: t,
-            mobileNumber: r.format(s),
-            verificationCode: e.join(""),
-            referralCode: l.get("referralCode") ?? void 0,
-            domain: l.get("domain") ?? void 0,
-            btag: l.get("btag") ?? void 0
-          });
-          const I = `${r.format(s)}${t}`;
-          try {
-            await v.mutateAsync({
-              type: "NAME_AND_PASSWORD",
-              name: r.format(s),
-              password: I
-            });
-          } catch {
-            p.setOpen(!0);
+            className: "mt-5",
+            onSubmit: s.handleSubmit(async (t) => {
+              try {
+                await x.mutateAsync({
+                  channel: "SMS",
+                  recipient: i.format(t.mobileNumber)
+                }), l(2), n.start();
+              } catch (o) {
+                y.error({
+                  description: o instanceof Error ? o.message : "Failed to send verification code"
+                });
+              }
+            }),
+            children: [
+              /* @__PURE__ */ e.jsxs(W, { invalid: !!s.formState.errors.mobileNumber, children: [
+                /* @__PURE__ */ e.jsx(Z, { children: "Mobile Number" }),
+                /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+                  /* @__PURE__ */ e.jsx(S.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }),
+                  /* @__PURE__ */ e.jsx(
+                    Y,
+                    {
+                      className: "pl-11",
+                      ...s.register("mobileNumber")
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsx(q, { children: (b = s.formState.errors.mobileNumber) == null ? void 0 : b.message })
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                v,
+                {
+                  type: "submit",
+                  className: "mt-5",
+                  disabled: s.formState.isSubmitting,
+                  children: "Create Account"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  control: s.control,
+                  name: "termsAccepted",
+                  render: (t) => /* @__PURE__ */ e.jsxs(
+                    G,
+                    {
+                      className: "mt-xl",
+                      invalid: t.fieldState.invalid,
+                      checked: t.field.value,
+                      onCheckedChange: (o) => {
+                        t.field.onChange(o.checked);
+                      },
+                      children: [
+                        /* @__PURE__ */ e.jsx(H, { children: /* @__PURE__ */ e.jsx(T, { asChild: !0, children: /* @__PURE__ */ e.jsx(U, {}) }) }),
+                        /* @__PURE__ */ e.jsx(_, { children: "I confirm that I am at least 21 years old, not listed in the PAGCOR NDRP, not a GEL license holder, government employee, or member of the Armed Forces of the Philippines. I am not playing in a public space and agree to the Terms of Use and Privacy Policy. Ineligible accounts will have their funds forfeited to the government." }),
+                        /* @__PURE__ */ e.jsx(B, {})
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
           }
-          u.setOpen(!1), a.reset(), i.reset(), c(1);
-        } catch {
-          x.error({
-            title: "Invalid Verification Code"
-          });
-        }
-      })
-    },
-    /* @__PURE__ */ React.createElement(
-      E,
-      {
-        name: "verificationCode",
-        control: i.control,
-        render: (e) => /* @__PURE__ */ React.createElement(
-          q,
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-center gap-xs text-sm", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: "Don't have an account?" }),
+        /* @__PURE__ */ e.jsx(
+          "button",
           {
-            placeholder: "0",
-            invalid: e.fieldState.invalid,
-            value: e.field.value,
-            onValueChange: (t) => {
-              e.field.onChange(t.value);
-            }
-          },
-          /* @__PURE__ */ React.createElement(J, null, /* @__PURE__ */ React.createElement(m, { index: 0 }), /* @__PURE__ */ React.createElement(m, { index: 1 }), /* @__PURE__ */ React.createElement(m, { index: 2 }), /* @__PURE__ */ React.createElement(m, { index: 3 }), /* @__PURE__ */ React.createElement(m, { index: 4 }), /* @__PURE__ */ React.createElement(m, { index: 5 })),
-          /* @__PURE__ */ React.createElement(K, null)
+            type: "submit",
+            className: "text-accent-700 font-semibold",
+            onClick: () => {
+              u.setOpen(!1), f.setOpen(!0);
+            },
+            children: "Log In"
+          }
         )
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      y,
-      {
-        type: "submit",
-        className: "mt-5",
-        disabled: i.formState.isSubmitting
-      },
-      "Verify and Play"
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "mt-5 flex w-full items-center justify-center gap-xs text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-500" }, "Didn't recieve the code?"), /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: "text-accent-700 font-semibold disabled:cursor-not-allowed disabled:opacity-75",
-        disabled: n.cooling,
-        onClick: async () => {
-          await f.mutateAsync({
-            channel: "SMS",
-            recipient: r.format(
-              a.getValues("mobileNumber")
+      ] })
+    ] }),
+    p === 2 && /* @__PURE__ */ e.jsxs("div", { className: "w-full grow", children: [
+      /* @__PURE__ */ e.jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Check your Phone" }),
+      /* @__PURE__ */ e.jsxs("p", { className: "text-gray-600 mt-xs text-center text-sm", children: [
+        "We’ve sent a verification code to your mobile number",
+        " ",
+        /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: i.format(s.getValues("mobileNumber")) }),
+        " ",
+        "via text"
+      ] }),
+      /* @__PURE__ */ e.jsxs(
+        "form",
+        {
+          className: "mt-5",
+          onSubmit: m.handleSubmit(async ({ verificationCode: t }) => {
+            const o = ee.ObjectId.generate(M.MemberAccount).toString(), { mobileNumber: d } = s.getValues();
+            try {
+              await N.mutateAsync({
+                id: o,
+                mobileNumber: i.format(d),
+                verificationCode: t.join(""),
+                referralCode: c.get("referralCode") ?? void 0,
+                domain: c.get("domain") ?? void 0,
+                btag: c.get("btag") ?? void 0
+              });
+              const A = `${i.format(d)}${o}`;
+              try {
+                await C.mutateAsync({
+                  type: "NAME_AND_PASSWORD",
+                  name: i.format(d),
+                  password: A
+                });
+              } catch {
+                f.setOpen(!0);
+              }
+              u.setOpen(!1), s.reset(), m.reset(), l(1);
+            } catch {
+              y.error({
+                title: "Invalid Verification Code"
+              });
+            }
+          }),
+          children: [
+            /* @__PURE__ */ e.jsx(
+              j,
+              {
+                name: "verificationCode",
+                control: m.control,
+                render: (t) => /* @__PURE__ */ e.jsxs(
+                  J,
+                  {
+                    placeholder: "0",
+                    invalid: t.fieldState.invalid,
+                    value: t.field.value,
+                    onValueChange: (o) => {
+                      t.field.onChange(o.value);
+                    },
+                    children: [
+                      /* @__PURE__ */ e.jsxs(K, { children: [
+                        /* @__PURE__ */ e.jsx(a, { index: 0 }),
+                        /* @__PURE__ */ e.jsx(a, { index: 1 }),
+                        /* @__PURE__ */ e.jsx(a, { index: 2 }),
+                        /* @__PURE__ */ e.jsx(a, { index: 3 }),
+                        /* @__PURE__ */ e.jsx(a, { index: 4 }),
+                        /* @__PURE__ */ e.jsx(a, { index: 5 })
+                      ] }),
+                      /* @__PURE__ */ e.jsx(Q, {})
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              v,
+              {
+                type: "submit",
+                className: "mt-5",
+                disabled: m.formState.isSubmitting,
+                children: "Verify and Play"
+              }
+            ),
+            /* @__PURE__ */ e.jsxs("div", { className: "mt-5 flex w-full items-center justify-center gap-xs text-sm", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: "Didn't recieve the code?" }),
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "text-accent-700 font-semibold disabled:cursor-not-allowed disabled:opacity-75",
+                  disabled: n.cooling,
+                  onClick: async () => {
+                    await x.mutateAsync({
+                      channel: "SMS",
+                      recipient: i.format(
+                        s.getValues("mobileNumber")
+                      )
+                    }), n.start();
+                  },
+                  children: n.cooling ? `Resend in ${n.countdown}s` : "Resend"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                className: "text-gray-600 mx-auto mt-5 flex w-fit items-center gap-1 text-sm font-semibold",
+                onClick: () => {
+                  l(1), m.reset(), n.stop();
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(z, { className: "size-5" }),
+                  "Back"
+                ]
+              }
             )
-          }), n.start();
-        }
-      },
-      n.cooling ? `Resend in ${n.countdown}s` : "Resend"
-    )),
-    /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: "text-gray-600 mx-auto mt-5 flex w-fit items-center gap-1 text-sm font-semibold",
-        onClick: () => {
-          c(1), i.reset(), n.stop();
+          ]
         }
-      },
-      /* @__PURE__ */ React.createElement(L, { className: "size-5" }),
-      "Back"
-    )
-  )));
+      )
+    ] })
+  ] });
 }
 export {
-  Je as SignUpForm
+  Qe as SignUpForm
 };

package/dist/components/TopWins/TopWins.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("embla-carousel-react"),m=require("../../_virtual/image.js");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const t=require("../../utils/formatNumber.js"),i=require("../../utils/getGameImageUrl.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const u=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const n=require("../../hooks/useTopWinsQuery.js");function o(a){const c=u.useLocaleInfo(),r=n.useTopWinsQuery().data??[],[l]=s({align:"start",slidesToScroll:1});return r!=null&&r.length?React.createElement("div",{className:a.className},React.createElement("div",{className:"text-gray-600 mb-3 text-lg font-semibold md:mb-4"},a.heading),React.createElement("div",{ref:l,className:"relative lg:overflow-hidden"},React.createElement("div",{className:"flex gap-sm lg:gap-md"},r.map(e=>React.createElement("div",{key:e.id,className:"bg-gray-50 border-gray-200 flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]"},React.createElement("div",{className:"mx-auto aspect-square w-full"},e.game&&React.createElement(m,{width:100,height:100,src:i.getGameImageUrl(e.game),alt:"",className:"size-full rounded-sm object-cover"})),React.createElement("div",{className:"space-y-0.5"},React.createElement("div",{className:"text-gray-600 text-xs"},e.member.name),React.createElement("div",{className:"text-gray-800 text-sm font-semibold"},t.formatNumber(e.payout,{currency:c.currency.code,minDecimalPlaces:2})),React.createElement("div",{className:"text-gray-600 text-xs"},t.formatNumber(e.multiplier,{minDecimalPlaces:2})))))))):null}exports.TopWins=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),u=require("embla-carousel-react"),c=require("../../_virtual/image.js");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const t=require("../../utils/formatNumber.js"),m=require("../../utils/getGameImageUrl.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const n=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const o=require("../../hooks/useTopWinsQuery.js");function x(i){const a=n.useLocaleInfo(),s=o.useTopWinsQuery().data??[],[l]=u({align:"start",slidesToScroll:1});return s!=null&&s.length?e.jsxRuntimeExports.jsxs("div",{className:i.className,children:[e.jsxRuntimeExports.jsx("div",{className:"text-gray-600 mb-3 text-lg font-semibold md:mb-4",children:i.heading}),e.jsxRuntimeExports.jsx("div",{ref:l,className:"relative lg:overflow-hidden",children:e.jsxRuntimeExports.jsx("div",{className:"flex gap-sm lg:gap-md",children:s.map(r=>e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-50 border-gray-200 flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]",children:[e.jsxRuntimeExports.jsx("div",{className:"mx-auto aspect-square w-full",children:r.game&&e.jsxRuntimeExports.jsx(c,{width:100,height:100,src:m.getGameImageUrl(r.game),alt:"",className:"size-full rounded-sm object-cover"})}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-0.5",children:[e.jsxRuntimeExports.jsx("div",{className:"text-gray-600 text-xs",children:r.member.name}),e.jsxRuntimeExports.jsx("div",{className:"text-gray-800 text-sm font-semibold",children:t.formatNumber(r.payout,{currency:a.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsx("div",{className:"text-gray-600 text-xs",children:t.formatNumber(r.multiplier,{minDecimalPlaces:2})})]})]},r.id))})})]}):null}exports.TopWins=x;

package/dist/components/TopWins/TopWins.mjs

@@ -1,5 +1,6 @@
 "use client";
-import l from "embla-carousel-react";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import i from "embla-carousel-react";
 import o from "../../_virtual/image.mjs";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
@@ -7,8 +8,8 @@ import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
 import "react";
-import { formatNumber as m } from "../../utils/formatNumber.mjs";
-import { getGameImageUrl as s } from "../../utils/getGameImageUrl.mjs";
+import { formatNumber as a } from "../../utils/formatNumber.mjs";
+import { getGameImageUrl as c } from "../../utils/getGameImageUrl.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
@@ -18,38 +19,47 @@ import "lodash-es";
 import "../../_virtual/index.cjs.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as i } from "../../hooks/useLocaleInfo.mjs";
+import { useLocaleInfo as d } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
 import { useTopWinsQuery as n } from "../../hooks/useTopWinsQuery.mjs";
-function C(a) {
-  const r = i(), t = n().data ?? [], [c] = l({
+function L(s) {
+  const t = d(), m = n().data ?? [], [l] = i({
     align: "start",
     slidesToScroll: 1
   });
-  return t != null && t.length ? /* @__PURE__ */ React.createElement("div", { className: a.className }, /* @__PURE__ */ React.createElement("div", { className: "text-gray-600 mb-3 text-lg font-semibold md:mb-4" }, a.heading), /* @__PURE__ */ React.createElement("div", { ref: c, className: "relative lg:overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-sm lg:gap-md" }, t.map((e) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: e.id,
-      className: "bg-gray-50 border-gray-200 flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "mx-auto aspect-square w-full" }, e.game && /* @__PURE__ */ React.createElement(
-      o,
+  return m != null && m.length ? /* @__PURE__ */ e.jsxs("div", { className: s.className, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "text-gray-600 mb-3 text-lg font-semibold md:mb-4", children: s.heading }),
+    /* @__PURE__ */ e.jsx("div", { ref: l, className: "relative lg:overflow-hidden", children: /* @__PURE__ */ e.jsx("div", { className: "flex gap-sm lg:gap-md", children: m.map((r) => /* @__PURE__ */ e.jsxs(
+      "div",
       {
-        width: 100,
-        height: 100,
-        src: s(e.game),
-        alt: "",
-        className: "size-full rounded-sm object-cover"
-      }
-    )),
-    /* @__PURE__ */ React.createElement("div", { className: "space-y-0.5" }, /* @__PURE__ */ React.createElement("div", { className: "text-gray-600 text-xs" }, e.member.name), /* @__PURE__ */ React.createElement("div", { className: "text-gray-800 text-sm font-semibold" }, m(e.payout, {
-      currency: r.currency.code,
-      minDecimalPlaces: 2
-    })), /* @__PURE__ */ React.createElement("div", { className: "text-gray-600 text-xs" }, m(e.multiplier, {
-      minDecimalPlaces: 2
-    })))
-  ))))) : null;
+        className: "bg-gray-50 border-gray-200 flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]",
+        children: [
+          /* @__PURE__ */ e.jsx("div", { className: "mx-auto aspect-square w-full", children: r.game && /* @__PURE__ */ e.jsx(
+            o,
+            {
+              width: 100,
+              height: 100,
+              src: c(r.game),
+              alt: "",
+              className: "size-full rounded-sm object-cover"
+            }
+          ) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "text-gray-600 text-xs", children: r.member.name }),
+            /* @__PURE__ */ e.jsx("div", { className: "text-gray-800 text-sm font-semibold", children: a(r.payout, {
+              currency: t.currency.code,
+              minDecimalPlaces: 2
+            }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "text-gray-600 text-xs", children: a(r.multiplier, {
+              minDecimalPlaces: 2
+            }) })
+          ] })
+        ]
+      },
+      r.id
+    )) }) })
+  ] }) : null;
 }
 export {
-  C as TopWins
+  L as TopWins
 };

package/dist/components/TournamentCounter/TournamentCounter.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("embla-carousel-react"),R=require("../../_virtual/link.js"),r=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const v=require("../../hooks/useTournamentsQuery.js"),b=require("../../icons/ArrowLeftIcon.js"),E=require("../../icons/ArrowRightIcon.js"),h=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const i=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const C=require("./TournamentCounterItem.js");function S(l){var c;const[s,e]=N({align:"start",slidesToScroll:1}),u=r.useCallback(()=>{e&&e.scrollPrev()},[e]),o=r.useCallback(()=>{e&&e.scrollNext()},[e]),[m,q]=r.useState(!1),[d,f]=r.useState(!1),t=r.useCallback(()=>{e&&(q(e.canScrollPrev()),f(e.canScrollNext()))},[e]);r.useEffect(()=>{e&&(t(),e.on("select",t),e.on("reInit",t))},[e,t]);const n=((c=v.useTournamentsQuery({first:100,filter:{status:{equal:"ACTIVE"}}}).data)==null?void 0:c.pages[0].edges.map(a=>a.node))??[];return n.length<=0?null:React.createElement("div",{className:l.className},React.createElement("div",{className:"mb-3 flex items-center justify-between md:mb-4"},React.createElement("div",{className:"text-lg font-semibold"},l.heading),React.createElement("div",{className:"flex items-center md:gap-3xl"},React.createElement(R,{href:l.seeAllUrl,className:"flex gap-sm text-sm font-semibold"},"See All",React.createElement(h.ChevronRightIcon,{className:"size-5 lg:hidden"})),React.createElement("div",{className:"hidden lg:flex"},React.createElement(i.Button,{disabled:!m,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous"},React.createElement(b.ArrowLeftIcon,{className:"size-5"})),React.createElement(i.Button,{disabled:!d,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next"},React.createElement(E.ArrowRightIcon,{className:"size-5"}))))),React.createElement("div",{className:"w-full overflow-hidden",ref:s},React.createElement("div",{className:"flex gap-2.5"},n.map((a,g)=>React.createElement(C.TournamentCounterItem,{key:a.id,index:g,tournament:a,className:n.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"})))))}exports.TournamentCounter=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.js"),h=require("embla-carousel-react"),g=require("../../_virtual/link.js"),s=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const N=require("../../hooks/useTournamentsQuery.js"),R=require("../../icons/ArrowLeftIcon.js"),v=require("../../icons/ArrowRightIcon.js"),b=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const o=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const p=require("./TournamentCounterItem.js");function E(n){var u;const[a,e]=h({align:"start",slidesToScroll:1}),c=s.useCallback(()=>{e&&e.scrollPrev()},[e]),m=s.useCallback(()=>{e&&e.scrollNext()},[e]),[x,q]=s.useState(!1),[d,j]=s.useState(!1),t=s.useCallback(()=>{e&&(q(e.canScrollPrev()),j(e.canScrollNext()))},[e]);s.useEffect(()=>{e&&(t(),e.on("select",t),e.on("reInit",t))},[e,t]);const l=((u=N.useTournamentsQuery({first:100,filter:{status:{equal:"ACTIVE"}}}).data)==null?void 0:u.pages[0].edges.map(i=>i.node))??[];return l.length<=0?null:r.jsxRuntimeExports.jsxs("div",{className:n.className,children:[r.jsxRuntimeExports.jsxs("div",{className:"mb-3 flex items-center justify-between md:mb-4",children:[r.jsxRuntimeExports.jsx("div",{className:"text-lg font-semibold",children:n.heading}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center md:gap-3xl",children:[r.jsxRuntimeExports.jsxs(g,{href:n.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",r.jsxRuntimeExports.jsx(b.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),r.jsxRuntimeExports.jsxs("div",{className:"hidden lg:flex",children:[r.jsxRuntimeExports.jsx(o.Button,{disabled:!x,onClick:c,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:r.jsxRuntimeExports.jsx(R.ArrowLeftIcon,{className:"size-5"})}),r.jsxRuntimeExports.jsx(o.Button,{disabled:!d,onClick:m,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:r.jsxRuntimeExports.jsx(v.ArrowRightIcon,{className:"size-5"})})]})]})]}),r.jsxRuntimeExports.jsx("div",{className:"w-full overflow-hidden",ref:a,children:r.jsxRuntimeExports.jsx("div",{className:"flex gap-2.5",children:l.map((i,f)=>r.jsxRuntimeExports.jsx(p.TournamentCounterItem,{index:f,tournament:i,className:l.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.TournamentCounter=E;