@opexa/portal-components 0.0.9 → 0.0.11

package/dist/components/SignUp/SignUp.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { Portal as m } from "@ark-ui/react";
-import e from "../../_virtual/image.mjs";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { Portal as p } from "@ark-ui/react";
+import m from "next/image";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -14,19 +14,19 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../_virtual/index.cjs.mjs";
-import { useGlobalStore as p } from "../../hooks/useGlobalStore.mjs";
+import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import { useGlobalStore as l } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { XIcon as l } from "../../icons/XIcon.mjs";
+import { XIcon as n } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as s } from "../../ui/Button/Button.mjs";
+import { Button as a } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
-import { Root as n, Trigger as a, Backdrop as x, Positioner as c, Content as h, CloseTrigger as u } from "../../ui/Dialog/Dialog.mjs";
+import { Root as s, Trigger as c, Backdrop as h, Positioner as u, Content as d, CloseTrigger as g } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
@@ -38,42 +38,42 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { SignUpForm as d } from "./SignUpForm.mjs";
-import { useShallow as g } 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";
-function et(o) {
-  const i = p(g((r) => r.signUp));
-  return /* @__PURE__ */ t.jsxs(
-    n,
+import { SignUpForm as f } from "./SignUpForm.mjs";
+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";
+function mt(r) {
+  const e = l(x((i) => i.signUp));
+  return /* @__PURE__ */ o(
+    s,
     {
-      open: i.open,
-      onOpenChange: (r) => {
-        i.setOpen(r.open);
+      open: e.open,
+      onOpenChange: (i) => {
+        e.setOpen(i.open);
       },
       lazyMount: !0,
       unmountOnExit: !0,
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       children: [
-        /* @__PURE__ */ t.jsx(a, { asChild: !0, children: o.children ?? /* @__PURE__ */ t.jsx(s, { children: "Sign up" }) }),
-        /* @__PURE__ */ t.jsxs(m, { children: [
-          /* @__PURE__ */ t.jsx(x, {}),
-          /* @__PURE__ */ t.jsx(c, { children: /* @__PURE__ */ t.jsxs(h, { className: "mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit", children: [
-            /* @__PURE__ */ t.jsx(
-              e,
+        /* @__PURE__ */ t(c, { asChild: !0, children: r.children ?? /* @__PURE__ */ t(a, { children: "Sign up" }) }),
+        /* @__PURE__ */ o(p, { children: [
+          /* @__PURE__ */ t(h, {}),
+          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ o(d, { className: "mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit", children: [
+            /* @__PURE__ */ t(
+              m,
               {
-                src: o.banner,
+                src: r.banner,
                 alt: "h-auto w-[400px]",
                 width: 400,
                 height: 800,
                 className: "hidden rounded-l-xl lg:block"
               }
             ),
-            /* @__PURE__ */ t.jsxs("div", { className: "relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl", children: [
-              /* @__PURE__ */ t.jsx(u, { children: /* @__PURE__ */ t.jsx(l, {}) }),
-              /* @__PURE__ */ t.jsx(
-                e,
+            /* @__PURE__ */ o("div", { className: "relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl", children: [
+              /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(n, {}) }),
+              /* @__PURE__ */ t(
+                m,
                 {
-                  src: o.logo,
+                  src: r.logo,
                   alt: "",
                   width: 200,
                   height: 100,
@@ -81,7 +81,7 @@ function et(o) {
                   draggable: !1
                 }
               ),
-              /* @__PURE__ */ t.jsx(d, {})
+              /* @__PURE__ */ t(f, {})
             ] })
           ] }) })
         ] })
@@ -90,5 +90,5 @@ function et(o) {
   );
 }
 export {
-  et as SignUp
+  mt as SignUp
 };

package/dist/components/SignUp/SignUpForm.d.ts

@@ -1 +1 @@
-export declare function SignUpForm(): import("react/jsx-runtime").JSX.Element;
+export declare function SignUpForm(): import("react").JSX.Element;

package/dist/components/SignUp/SignUpForm.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),w=require("@ark-ui/react"),R=require("../../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.js"),A=require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.21/node_modules/@opexa/portal-sdk-core/dist/object-id.js"),M=require("../../_virtual/navigation.js"),z=require("react"),l=require("react-hook-form"),i=require("zod");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");const E=require("../../utils/toaster.js"),P=require("../../hooks/useCooldown.js"),k=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const F=require("../../hooks/useLocaleInfo.js"),V=require("../../hooks/useMobileNumberParser.js");require("usehooks-ts");const O=require("../../hooks/useSendVerificationCodeMutation.js"),D=require("../../hooks/useSignInMutation.js"),L=require("../../hooks/useSignUpMutation.js"),U=require("../../icons/ArrowLeftIcon.js"),B=require("../../icons/CheckIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const q=require("../../ui/Button/Button.js"),c=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");const m=require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");const n=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 G=require("../../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.js"),T=require("../../_virtual/index.cjs.js");function _(){var g;const[j,x]=z.useState(1),b=w.useDialogContext(),d=M.navigationExports.useSearchParams(),f=k.useGlobalStore(G.useShallow(t=>t.signIn)),v=L.useSignUpMutation(),y=D.useSignInMutation(),h=O.useSendVerificationCodeMutation(),N=F.useLocaleInfo(),o=V.useMobileNumberParser(),S=i.z.object({mobileNumber:i.z.string().superRefine((t,s)=>{o.validate(t)||s.addIssue({code:i.z.ZodIssueCode.custom,message:"Invalid mobile number"})}),termsAccepted:i.z.boolean().superRefine((t,s)=>{t||s.addIssue({code:i.z.ZodIssueCode.custom,message:"You must accept the terms and conditions"})})}),I=i.z.object({verificationCode:i.z.array(i.z.string().min(1).max(1).trim()).min(6).max(6)}),r=l.useForm({resolver:R.zodResolver(S),defaultValues:{mobileNumber:"",termsAccepted:!1}}),u=l.useForm({resolver:R.zodResolver(I),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),a=P.useCooldown({max:60,duration:1e3*60});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[j===1&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"w-full grow",children:[e.jsxRuntimeExports.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Create an account"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-600 mt-xs text-center text-sm",children:"Register instantly and start playing!"}),e.jsxRuntimeExports.jsxs("form",{className:"mt-5",onSubmit:r.handleSubmit(async t=>{try{await h.mutateAsync({channel:"SMS",recipient:o.format(t.mobileNumber)}),x(2),a.start()}catch(s){E.toaster.error({description:s instanceof Error?s.message:"Failed to send verification code"})}}),children:[e.jsxRuntimeExports.jsxs(m.Root,{invalid:!!r.formState.errors.mobileNumber,children:[e.jsxRuntimeExports.jsx(m.Label,{children:"Mobile Number"}),e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(N.country.flag,{className:"absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2"}),e.jsxRuntimeExports.jsx(m.Input,{className:"pl-11",...r.register("mobileNumber")})]}),e.jsxRuntimeExports.jsx(m.ErrorText,{children:(g=r.formState.errors.mobileNumber)==null?void 0:g.message})]}),e.jsxRuntimeExports.jsx(q.Button,{type:"submit",className:"mt-5",disabled:r.formState.isSubmitting,children:"Create Account"}),e.jsxRuntimeExports.jsx(l.Controller,{control:r.control,name:"termsAccepted",render:t=>e.jsxRuntimeExports.jsxs(c.Root,{className:"mt-xl",invalid:t.fieldState.invalid,checked:t.field.value,onCheckedChange:s=>{t.field.onChange(s.checked)},children:[e.jsxRuntimeExports.jsx(c.Control,{children:e.jsxRuntimeExports.jsx(c.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(B.CheckIcon,{})})}),e.jsxRuntimeExports.jsx(c.Label,{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."}),e.jsxRuntimeExports.jsx(c.HiddenInput,{})]})})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-center gap-xs text-sm",children:[e.jsxRuntimeExports.jsx("span",{className:"text-gray-500",children:"Don't have an account?"}),e.jsxRuntimeExports.jsx("button",{type:"submit",className:"text-accent-700 font-semibold",onClick:()=>{b.setOpen(!1),f.setOpen(!0)},children:"Log In"})]})]}),j===2&&e.jsxRuntimeExports.jsxs("div",{className:"w-full grow",children:[e.jsxRuntimeExports.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Check your Phone"}),e.jsxRuntimeExports.jsxs("p",{className:"text-gray-600 mt-xs text-center text-sm",children:["We’ve sent a verification code to your mobile number"," ",e.jsxRuntimeExports.jsx("span",{className:"font-semibold",children:o.format(r.getValues("mobileNumber"))})," ","via text"]}),e.jsxRuntimeExports.jsxs("form",{className:"mt-5",onSubmit:u.handleSubmit(async({verificationCode:t})=>{const s=T.index_cjsExports.ObjectId.generate(A.ObjectType.MemberAccount).toString(),{mobileNumber:p}=r.getValues();try{await v.mutateAsync({id:s,mobileNumber:o.format(p),verificationCode:t.join(""),referralCode:d.get("referralCode")??void 0,domain:d.get("domain")??void 0,btag:d.get("btag")??void 0});const C=`${o.format(p)}${s}`;try{await y.mutateAsync({type:"NAME_AND_PASSWORD",name:o.format(p),password:C})}catch{f.setOpen(!0)}b.setOpen(!1),r.reset(),u.reset(),x(1)}catch{E.toaster.error({title:"Invalid Verification Code"})}}),children:[e.jsxRuntimeExports.jsx(l.Controller,{name:"verificationCode",control:u.control,render:t=>e.jsxRuntimeExports.jsxs(n.Root,{placeholder:"0",invalid:t.fieldState.invalid,value:t.field.value,onValueChange:s=>{t.field.onChange(s.value)},children:[e.jsxRuntimeExports.jsxs(n.Control,{children:[e.jsxRuntimeExports.jsx(n.Input,{index:0}),e.jsxRuntimeExports.jsx(n.Input,{index:1}),e.jsxRuntimeExports.jsx(n.Input,{index:2}),e.jsxRuntimeExports.jsx(n.Input,{index:3}),e.jsxRuntimeExports.jsx(n.Input,{index:4}),e.jsxRuntimeExports.jsx(n.Input,{index:5})]}),e.jsxRuntimeExports.jsx(n.HiddenInput,{})]})}),e.jsxRuntimeExports.jsx(q.Button,{type:"submit",className:"mt-5",disabled:u.formState.isSubmitting,children:"Verify and Play"}),e.jsxRuntimeExports.jsxs("div",{className:"mt-5 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsxRuntimeExports.jsx("span",{className:"text-gray-500",children:"Didn't recieve the code?"}),e.jsxRuntimeExports.jsx("button",{type:"button",className:"text-accent-700 font-semibold disabled:cursor-not-allowed disabled:opacity-75",disabled:a.cooling,onClick:async()=>{await h.mutateAsync({channel:"SMS",recipient:o.format(r.getValues("mobileNumber"))}),a.start()},children:a.cooling?`Resend in ${a.countdown}s`:"Resend"})]}),e.jsxRuntimeExports.jsxs("button",{type:"button",className:"text-gray-600 mx-auto mt-5 flex w-fit items-center gap-1 text-sm font-semibold",onClick:()=>{x(1),u.reset(),a.stop()},children:[e.jsxRuntimeExports.jsx(U.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignUpForm=_;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),R=require("@ark-ui/react"),q=require("@hookform/resolvers/zod"),y=require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js"),z=require("next/navigation"),P=require("react"),u=require("react-hook-form"),i=require("zod");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");const v=require("../../utils/toaster.js"),k=require("../../hooks/useCooldown.js"),F=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const V=require("../../hooks/useLocaleInfo.js"),O=require("../../hooks/useMobileNumberParser.js");require("usehooks-ts");const D=require("../../hooks/useSendVerificationCodeMutation.js"),L=require("../../hooks/useSignInMutation.js"),U=require("../../hooks/useSignUpMutation.js"),B=require("../../icons/ArrowLeftIcon.js"),E=require("../../icons/CheckIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const N=require("../../ui/Button/Button.js"),l=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");const d=require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");const n=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 G=require("../../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.js");function T(){var j;const[f,m]=P.useState(1),h=R.useDialogContext(),x=z.useSearchParams(),g=F.useGlobalStore(G.useShallow(t=>t.signIn)),S=U.useSignUpMutation(),I=L.useSignInMutation(),p=D.useSendVerificationCodeMutation(),C=V.useLocaleInfo(),o=O.useMobileNumberParser(),w=i.z.object({mobileNumber:i.z.string().superRefine((t,r)=>{o.validate(t)||r.addIssue({code:i.z.ZodIssueCode.custom,message:"Invalid mobile number"})}),termsAccepted:i.z.boolean().superRefine((t,r)=>{t||r.addIssue({code:i.z.ZodIssueCode.custom,message:"You must accept the terms and conditions"})})}),A=i.z.object({verificationCode:i.z.array(i.z.string().min(1).max(1).trim()).min(6).max(6)}),s=u.useForm({resolver:q.zodResolver(w),defaultValues:{mobileNumber:"",termsAccepted:!1}}),c=u.useForm({resolver:q.zodResolver(A),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),a=k.useCooldown({max:60,duration:1e3*60});return e.jsxs(e.Fragment,{children:[f===1&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"w-full grow",children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Create an account"}),e.jsx("p",{className:"text-gray-600 mt-xs text-center text-sm",children:"Register instantly and start playing!"}),e.jsxs("form",{className:"mt-5",onSubmit:s.handleSubmit(async t=>{try{await p.mutateAsync({channel:"SMS",recipient:o.format(t.mobileNumber)}),m(2),a.start()}catch(r){v.toaster.error({description:r instanceof Error?r.message:"Failed to send verification code"})}}),children:[e.jsxs(d.Root,{invalid:!!s.formState.errors.mobileNumber,children:[e.jsx(d.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(C.country.flag,{className:"absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2"}),e.jsx(d.Input,{className:"pl-11",...s.register("mobileNumber")})]}),e.jsx(d.ErrorText,{children:(j=s.formState.errors.mobileNumber)==null?void 0:j.message})]}),e.jsx(N.Button,{type:"submit",className:"mt-5",disabled:s.formState.isSubmitting,children:"Create Account"}),e.jsx(u.Controller,{control:s.control,name:"termsAccepted",render:t=>e.jsxs(l.Root,{className:"mt-xl",invalid:t.fieldState.invalid,checked:t.field.value,onCheckedChange:r=>{t.field.onChange(r.checked)},children:[e.jsx(l.Control,{children:e.jsx(l.Indicator,{asChild:!0,children:e.jsx(E.CheckIcon,{})})}),e.jsx(l.Label,{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."}),e.jsx(l.HiddenInput,{})]})})]})]}),e.jsxs("div",{className:"flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-gray-500",children:"Don't have an account?"}),e.jsx("button",{type:"submit",className:"text-accent-700 font-semibold",onClick:()=>{h.setOpen(!1),g.setOpen(!0)},children:"Log In"})]})]}),f===2&&e.jsxs("div",{className:"w-full grow",children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Check your Phone"}),e.jsxs("p",{className:"text-gray-600 mt-xs text-center text-sm",children:["We’ve sent a verification code to your mobile number"," ",e.jsx("span",{className:"font-semibold",children:o.format(s.getValues("mobileNumber"))})," ","via text"]}),e.jsxs("form",{className:"mt-5",onSubmit:c.handleSubmit(async({verificationCode:t})=>{const r=y.ObjectId.generate(y.ObjectType.MemberAccount).toString(),{mobileNumber:b}=s.getValues();try{await S.mutateAsync({id:r,mobileNumber:o.format(b),verificationCode:t.join(""),referralCode:x.get("referralCode")??void 0,domain:x.get("domain")??void 0,btag:x.get("btag")??void 0});const M=`${o.format(b)}${r}`;try{await I.mutateAsync({type:"NAME_AND_PASSWORD",name:o.format(b),password:M})}catch{g.setOpen(!0)}h.setOpen(!1),s.reset(),c.reset(),m(1)}catch{v.toaster.error({title:"Invalid Verification Code"})}}),children:[e.jsx(u.Controller,{name:"verificationCode",control:c.control,render:t=>e.jsxs(n.Root,{placeholder:"0",invalid:t.fieldState.invalid,value:t.field.value,onValueChange:r=>{t.field.onChange(r.value)},children:[e.jsxs(n.Control,{children:[e.jsx(n.Input,{index:0}),e.jsx(n.Input,{index:1}),e.jsx(n.Input,{index:2}),e.jsx(n.Input,{index:3}),e.jsx(n.Input,{index:4}),e.jsx(n.Input,{index:5})]}),e.jsx(n.HiddenInput,{})]})}),e.jsx(N.Button,{type:"submit",className:"mt-5",disabled:c.formState.isSubmitting,children:"Verify and Play"}),e.jsxs("div",{className:"mt-5 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-gray-500",children:"Didn't recieve the code?"}),e.jsx("button",{type:"button",className:"text-accent-700 font-semibold disabled:cursor-not-allowed disabled:opacity-75",disabled:a.cooling,onClick:async()=>{await p.mutateAsync({channel:"SMS",recipient:o.format(s.getValues("mobileNumber"))}),a.start()},children:a.cooling?`Resend in ${a.countdown}s`:"Resend"})]}),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:()=>{m(1),c.reset(),a.stop()},children:[e.jsx(B.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignUpForm=T;

package/dist/components/SignUp/SignUpForm.mjs

@@ -1,12 +1,12 @@
 "use client";
-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 { jsxs as o, Fragment as x, jsx as e } from "react/jsx-runtime";
+import { useDialogContext as k } from "@ark-ui/react";
+import { zodResolver as y } from "@hookform/resolvers/zod";
+import { ObjectId as V, ObjectType as j } from "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import { useSearchParams as $ } from "next/navigation";
+import { useState as D } from "react";
+import { useForm as N, Controller as v } from "react-hook-form";
+import { z as n } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,134 +16,133 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.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 { toaster as C } from "../../utils/toaster.mjs";
+import { useCooldown as O } from "../../hooks/useCooldown.mjs";
+import { useGlobalStore as F } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as D } from "../../hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as F } from "../../hooks/useMobileNumberParser.mjs";
+import { useLocaleInfo as L } from "../../hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as z } from "../../hooks/useMobileNumberParser.mjs";
 import "usehooks-ts";
-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 { useSendVerificationCodeMutation as E } from "../../hooks/useSendVerificationCodeMutation.mjs";
+import { useSignInMutation as U } from "../../hooks/useSignInMutation.mjs";
+import { useSignUpMutation as G } from "../../hooks/useSignUpMutation.mjs";
+import { ArrowLeftIcon as H } from "../../icons/ArrowLeftIcon.mjs";
+import { CheckIcon as T } from "../../icons/CheckIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.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 { Button as S } from "../../ui/Button/Button.mjs";
+import { Root as B, Control as W, Indicator as Z, Label as _, HiddenInput as Y } 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 W, Label as Z, Input as Y, ErrorText as q } from "../../ui/Field/Field.mjs";
+import { Root as q, Label as J, Input as K, ErrorText as Q } from "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
-import { Root as J, Control as K, Input as a, HiddenInput as Q } from "../../ui/PinInput/PinInput.mjs";
+import { Root as X, Control as ee, Input as m, HiddenInput as te } 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 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 [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,
+import { useShallow as oe } 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";
+function Xe() {
+  var g;
+  const [p, c] = D(1), f = k(), d = $(), b = F(oe((t) => t.signIn)), I = G(), w = U(), h = E(), A = L(), a = z(), R = n.object({
+    mobileNumber: n.string().superRefine((t, r) => {
+      a.validate(t) || r.addIssue({
+        code: n.ZodIssueCode.custom,
         message: "Invalid mobile number"
       });
     }),
-    termsAccepted: r.boolean().superRefine((t, o) => {
-      t || o.addIssue({
-        code: r.ZodIssueCode.custom,
+    termsAccepted: n.boolean().superRefine((t, r) => {
+      t || r.addIssue({
+        code: n.ZodIssueCode.custom,
         message: "You must accept the terms and conditions"
       });
     })
-  }), w = r.object({
-    verificationCode: r.array(r.string().min(1).max(1).trim()).min(6).max(6)
-  }), s = g({
-    resolver: h(I),
+  }), M = n.object({
+    verificationCode: n.array(n.string().min(1).max(1).trim()).min(6).max(6)
+  }), i = N({
+    resolver: y(R),
     defaultValues: {
       mobileNumber: "",
       termsAccepted: !1
     }
-  }), m = g({
-    resolver: h(w),
+  }), l = N({
+    resolver: y(M),
     defaultValues: {
       verificationCode: Array.from({ length: 6 }).fill("")
     }
-  }), n = V({
+  }), s = O({
     max: 60,
     duration: 1e3 * 60
   });
-  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(
+  return /* @__PURE__ */ o(x, { children: [
+    p === 1 && /* @__PURE__ */ o(x, { children: [
+      /* @__PURE__ */ o("div", { className: "w-full grow", children: [
+        /* @__PURE__ */ e("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Create an account" }),
+        /* @__PURE__ */ e("p", { className: "text-gray-600 mt-xs text-center text-sm", children: "Register instantly and start playing!" }),
+        /* @__PURE__ */ o(
           "form",
           {
             className: "mt-5",
-            onSubmit: s.handleSubmit(async (t) => {
+            onSubmit: i.handleSubmit(async (t) => {
               try {
-                await x.mutateAsync({
+                await h.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"
+                  recipient: a.format(t.mobileNumber)
+                }), c(2), s.start();
+              } catch (r) {
+                C.error({
+                  description: r instanceof Error ? r.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,
+              /* @__PURE__ */ o(q, { invalid: !!i.formState.errors.mobileNumber, children: [
+                /* @__PURE__ */ e(J, { children: "Mobile Number" }),
+                /* @__PURE__ */ o("div", { className: "relative", children: [
+                  /* @__PURE__ */ e(A.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }),
+                  /* @__PURE__ */ e(
+                    K,
                     {
                       className: "pl-11",
-                      ...s.register("mobileNumber")
+                      ...i.register("mobileNumber")
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e.jsx(q, { children: (b = s.formState.errors.mobileNumber) == null ? void 0 : b.message })
+                /* @__PURE__ */ e(Q, { children: (g = i.formState.errors.mobileNumber) == null ? void 0 : g.message })
               ] }),
-              /* @__PURE__ */ e.jsx(
-                v,
+              /* @__PURE__ */ e(
+                S,
                 {
                   type: "submit",
                   className: "mt-5",
-                  disabled: s.formState.isSubmitting,
+                  disabled: i.formState.isSubmitting,
                   children: "Create Account"
                 }
               ),
-              /* @__PURE__ */ e.jsx(
-                j,
+              /* @__PURE__ */ e(
+                v,
                 {
-                  control: s.control,
+                  control: i.control,
                   name: "termsAccepted",
-                  render: (t) => /* @__PURE__ */ e.jsxs(
-                    G,
+                  render: (t) => /* @__PURE__ */ o(
+                    B,
                     {
                       className: "mt-xl",
                       invalid: t.fieldState.invalid,
                       checked: t.field.value,
-                      onCheckedChange: (o) => {
-                        t.field.onChange(o.checked);
+                      onCheckedChange: (r) => {
+                        t.field.onChange(r.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, {})
+                        /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(T, {}) }) }),
+                        /* @__PURE__ */ e(_, { 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(Y, {})
                       ]
                     }
                   )
@@ -153,131 +152,131 @@ function Qe() {
           }
         )
       ] }),
-      /* @__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(
+      /* @__PURE__ */ o("div", { className: "flex w-full items-center justify-center gap-xs text-sm", children: [
+        /* @__PURE__ */ e("span", { className: "text-gray-500", children: "Don't have an account?" }),
+        /* @__PURE__ */ e(
           "button",
           {
             type: "submit",
             className: "text-accent-700 font-semibold",
             onClick: () => {
-              u.setOpen(!1), f.setOpen(!0);
+              f.setOpen(!1), b.setOpen(!0);
             },
             children: "Log In"
           }
         )
       ] })
     ] }),
-    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: [
+    p === 2 && /* @__PURE__ */ o("div", { className: "w-full grow", children: [
+      /* @__PURE__ */ e("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Check your Phone" }),
+      /* @__PURE__ */ o("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")) }),
+        /* @__PURE__ */ e("span", { className: "font-semibold", children: a.format(i.getValues("mobileNumber")) }),
         " ",
         "via text"
       ] }),
-      /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ o(
         "form",
         {
           className: "mt-5",
-          onSubmit: m.handleSubmit(async ({ verificationCode: t }) => {
-            const o = ee.ObjectId.generate(M.MemberAccount).toString(), { mobileNumber: d } = s.getValues();
+          onSubmit: l.handleSubmit(async ({ verificationCode: t }) => {
+            const r = V.generate(j.MemberAccount).toString(), { mobileNumber: u } = i.getValues();
             try {
-              await N.mutateAsync({
-                id: o,
-                mobileNumber: i.format(d),
+              await I.mutateAsync({
+                id: r,
+                mobileNumber: a.format(u),
                 verificationCode: t.join(""),
-                referralCode: c.get("referralCode") ?? void 0,
-                domain: c.get("domain") ?? void 0,
-                btag: c.get("btag") ?? void 0
+                referralCode: d.get("referralCode") ?? void 0,
+                domain: d.get("domain") ?? void 0,
+                btag: d.get("btag") ?? void 0
               });
-              const A = `${i.format(d)}${o}`;
+              const P = `${a.format(u)}${r}`;
               try {
-                await C.mutateAsync({
+                await w.mutateAsync({
                   type: "NAME_AND_PASSWORD",
-                  name: i.format(d),
-                  password: A
+                  name: a.format(u),
+                  password: P
                 });
               } catch {
-                f.setOpen(!0);
+                b.setOpen(!0);
               }
-              u.setOpen(!1), s.reset(), m.reset(), l(1);
+              f.setOpen(!1), i.reset(), l.reset(), c(1);
             } catch {
-              y.error({
+              C.error({
                 title: "Invalid Verification Code"
               });
             }
           }),
           children: [
-            /* @__PURE__ */ e.jsx(
-              j,
+            /* @__PURE__ */ e(
+              v,
               {
                 name: "verificationCode",
-                control: m.control,
-                render: (t) => /* @__PURE__ */ e.jsxs(
-                  J,
+                control: l.control,
+                render: (t) => /* @__PURE__ */ o(
+                  X,
                   {
                     placeholder: "0",
                     invalid: t.fieldState.invalid,
                     value: t.field.value,
-                    onValueChange: (o) => {
-                      t.field.onChange(o.value);
+                    onValueChange: (r) => {
+                      t.field.onChange(r.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__ */ o(ee, { children: [
+                        /* @__PURE__ */ e(m, { index: 0 }),
+                        /* @__PURE__ */ e(m, { index: 1 }),
+                        /* @__PURE__ */ e(m, { index: 2 }),
+                        /* @__PURE__ */ e(m, { index: 3 }),
+                        /* @__PURE__ */ e(m, { index: 4 }),
+                        /* @__PURE__ */ e(m, { index: 5 })
                       ] }),
-                      /* @__PURE__ */ e.jsx(Q, {})
+                      /* @__PURE__ */ e(te, {})
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ e.jsx(
-              v,
+            /* @__PURE__ */ e(
+              S,
               {
                 type: "submit",
                 className: "mt-5",
-                disabled: m.formState.isSubmitting,
+                disabled: l.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(
+            /* @__PURE__ */ o("div", { className: "mt-5 flex w-full items-center justify-center gap-xs text-sm", children: [
+              /* @__PURE__ */ e("span", { className: "text-gray-500", children: "Didn't recieve the code?" }),
+              /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "text-accent-700 font-semibold disabled:cursor-not-allowed disabled:opacity-75",
-                  disabled: n.cooling,
+                  disabled: s.cooling,
                   onClick: async () => {
-                    await x.mutateAsync({
+                    await h.mutateAsync({
                       channel: "SMS",
-                      recipient: i.format(
-                        s.getValues("mobileNumber")
+                      recipient: a.format(
+                        i.getValues("mobileNumber")
                       )
-                    }), n.start();
+                    }), s.start();
                   },
-                  children: n.cooling ? `Resend in ${n.countdown}s` : "Resend"
+                  children: s.cooling ? `Resend in ${s.countdown}s` : "Resend"
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsxs(
+            /* @__PURE__ */ o(
               "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();
+                  c(1), l.reset(), s.stop();
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(z, { className: "size-5" }),
+                  /* @__PURE__ */ e(H, { className: "size-5" }),
                   "Back"
                 ]
               }
@@ -289,5 +288,5 @@ function Qe() {
   ] });
 }
 export {
-  Qe as SignUpForm
+  Xe as SignUpForm
 };

package/dist/components/TopWins/TopWins.d.ts

@@ -2,4 +2,4 @@ export interface TopWinsProps {
     heading: string;
     className?: string;
 }
-export declare function TopWins(props: TopWinsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TopWins(props: TopWinsProps): import("react").JSX.Element | null;

package/dist/components/TopWins/TopWins.js

@@ -1 +1 @@
-"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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("embla-carousel-react"),u=require("next/image");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const l=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("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const n=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const o=require("../../hooks/useTopWinsQuery.js");function d(a){const i=n.useLocaleInfo(),s=o.useTopWinsQuery().data??[],[c]=t({align:"start",slidesToScroll:1});return s!=null&&s.length?e.jsxs("div",{className:a.className,children:[e.jsx("div",{className:"text-gray-600 mb-3 text-lg font-semibold md:mb-4",children:a.heading}),e.jsx("div",{ref:c,className:"relative lg:overflow-hidden",children:e.jsx("div",{className:"flex gap-sm lg:gap-md",children:s.map(r=>e.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.jsx("div",{className:"mx-auto aspect-square w-full",children:r.game&&e.jsx(u,{width:100,height:100,src:m.getGameImageUrl(r.game),alt:"",className:"size-full rounded-sm object-cover"})}),e.jsxs("div",{className:"space-y-0.5",children:[e.jsx("div",{className:"text-gray-600 text-xs",children:r.member.name}),e.jsx("div",{className:"text-gray-800 text-sm font-semibold",children:l.formatNumber(r.payout,{currency:i.currency.code,minDecimalPlaces:2})}),e.jsx("div",{className:"text-gray-600 text-xs",children:l.formatNumber(r.multiplier,{minDecimalPlaces:2})})]})]},r.id))})})]}):null}exports.TopWins=d;