@opexa/portal-components 0.0.11 → 0.0.13

package/dist/components/SignUp/SignUp.mjs

@@ -1,32 +1,32 @@
 "use client";
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { Portal as p } from "@ark-ui/react";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { Portal as l } from "@ark-ui/react";
 import m from "next/image";
+import { Suspense as p } from "react";
+import { useShallow as n } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
 import "lodash-es";
-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 "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as s } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { XIcon as n } from "../../icons/XIcon.mjs";
+import { XIcon as a } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as a } from "../../ui/Button/Button.mjs";
+import { Button as c } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.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 { Root as h, Trigger as u, Backdrop as d, Positioner as f, Content as g, CloseTrigger as x } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
@@ -38,12 +38,11 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-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,
+import { SignUpForm as w } from "./SignUpForm.mjs";
+function mr(o) {
+  const e = s(n((i) => i.signUp));
+  return /* @__PURE__ */ t(
+    h,
     {
       open: e.open,
       onOpenChange: (i) => {
@@ -54,26 +53,26 @@ function mt(r) {
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       children: [
-        /* @__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(
+        /* @__PURE__ */ r(u, { asChild: !0, children: o.children ?? /* @__PURE__ */ r(c, { children: "Sign up" }) }),
+        /* @__PURE__ */ t(l, { children: [
+          /* @__PURE__ */ r(d, {}),
+          /* @__PURE__ */ r(f, { children: /* @__PURE__ */ t(g, { className: "mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit", children: [
+            /* @__PURE__ */ r(
               m,
               {
-                src: r.banner,
+                src: o.banner,
                 alt: "h-auto w-[400px]",
                 width: 400,
                 height: 800,
                 className: "hidden rounded-l-xl lg:block"
               }
             ),
-            /* @__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(
+            /* @__PURE__ */ t("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__ */ r(x, { children: /* @__PURE__ */ r(a, {}) }),
+              /* @__PURE__ */ r(
                 m,
                 {
-                  src: r.logo,
+                  src: o.logo,
                   alt: "",
                   width: 200,
                   height: 100,
@@ -81,7 +80,7 @@ function mt(r) {
                   draggable: !1
                 }
               ),
-              /* @__PURE__ */ t(f, {})
+              /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(w, {}) })
             ] })
           ] }) })
         ] })
@@ -90,5 +89,5 @@ function mt(r) {
   );
 }
 export {
-  mt as SignUp
+  mr as SignUp
 };

package/dist/components/SignUp/SignUpForm.js

@@ -1 +1 @@
-"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;
+"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("@opexa/portal-sdk-core/object-id"),z=require("next/navigation"),P=require("react"),u=require("react-hook-form"),i=require("zod"),k=require("zustand/shallow");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 F=require("../../client/hooks/useCooldown.js"),V=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const O=require("../../client/hooks/useLocaleInfo.js"),D=require("../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const L=require("../../client/hooks/useSendVerificationCodeMutation.js"),U=require("../../client/hooks/useSignInMutation.js"),B=require("../../client/hooks/useSignUpMutation.js"),v=require("../../client/utils/toaster.js"),E=require("../../icons/ArrowLeftIcon.js"),G=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");function T(){var j;const[f,m]=P.useState(1),h=R.useDialogContext(),x=z.useSearchParams(),g=V.useGlobalStore(k.useShallow(t=>t.signIn)),S=B.useSignUpMutation(),I=U.useSignInMutation(),p=L.useSendVerificationCodeMutation(),C=O.useLocaleInfo(),o=D.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=F.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(G.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(E.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignUpForm=T;

package/dist/components/SignUp/SignUpForm.mjs

@@ -2,11 +2,12 @@
 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 { ObjectId as V, ObjectType as j } from "@opexa/portal-sdk-core/object-id";
 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 { useShallow as O } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,41 +17,40 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.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 L } from "../../hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as z } from "../../hooks/useMobileNumberParser.mjs";
+import { useCooldown as F } from "../../client/hooks/useCooldown.mjs";
+import { useGlobalStore as L } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as z } from "../../client/hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as E } from "../../client/hooks/useMobileNumberParser.mjs";
 import "usehooks-ts";
-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 { useSendVerificationCodeMutation as U } from "../../client/hooks/useSendVerificationCodeMutation.mjs";
+import { useSignInMutation as G } from "../../client/hooks/useSignInMutation.mjs";
+import { useSignUpMutation as H } from "../../client/hooks/useSignUpMutation.mjs";
+import { toaster as C } from "../../client/utils/toaster.mjs";
+import { ArrowLeftIcon as T } from "../../icons/ArrowLeftIcon.mjs";
+import { CheckIcon as B } from "../../icons/CheckIcon.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 { Root as B, Control as W, Indicator as Z, Label as _, HiddenInput as Y } from "../../ui/Checkbox/Checkbox.mjs";
+import { Root as W, Control as Z, Indicator as _, Label as Y, HiddenInput as q } 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 q, Label as J, Input as K, ErrorText as Q } from "../../ui/Field/Field.mjs";
+import { Root as J, Label as K, Input as Q, ErrorText as X } from "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
-import { Root as X, Control as ee, Input as m, HiddenInput as te } from "../../ui/PinInput/PinInput.mjs";
+import { Root as ee, Control as te, Input as m, HiddenInput as oe } 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 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({
+  const [p, c] = D(1), f = k(), d = $(), b = L(O((t) => t.signIn)), I = H(), w = G(), h = U(), A = z(), a = E(), R = n.object({
     mobileNumber: n.string().superRefine((t, r) => {
       a.validate(t) || r.addIssue({
         code: n.ZodIssueCode.custom,
@@ -76,7 +76,7 @@ function Xe() {
     defaultValues: {
       verificationCode: Array.from({ length: 6 }).fill("")
     }
-  }), s = O({
+  }), s = F({
     max: 60,
     duration: 1e3 * 60
   });
@@ -102,19 +102,19 @@ function Xe() {
               }
             }),
             children: [
-              /* @__PURE__ */ o(q, { invalid: !!i.formState.errors.mobileNumber, children: [
-                /* @__PURE__ */ e(J, { children: "Mobile Number" }),
+              /* @__PURE__ */ o(J, { invalid: !!i.formState.errors.mobileNumber, children: [
+                /* @__PURE__ */ e(K, { 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,
+                    Q,
                     {
                       className: "pl-11",
                       ...i.register("mobileNumber")
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e(Q, { children: (g = i.formState.errors.mobileNumber) == null ? void 0 : g.message })
+                /* @__PURE__ */ e(X, { children: (g = i.formState.errors.mobileNumber) == null ? void 0 : g.message })
               ] }),
               /* @__PURE__ */ e(
                 S,
@@ -131,7 +131,7 @@ function Xe() {
                   control: i.control,
                   name: "termsAccepted",
                   render: (t) => /* @__PURE__ */ o(
-                    B,
+                    W,
                     {
                       className: "mt-xl",
                       invalid: t.fieldState.invalid,
@@ -140,9 +140,9 @@ function Xe() {
                         t.field.onChange(r.checked);
                       },
                       children: [
-                        /* @__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, {})
+                        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(B, {}) }) }),
+                        /* @__PURE__ */ e(Y, { 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(q, {})
                       ]
                     }
                   )
@@ -215,7 +215,7 @@ function Xe() {
                 name: "verificationCode",
                 control: l.control,
                 render: (t) => /* @__PURE__ */ o(
-                  X,
+                  ee,
                   {
                     placeholder: "0",
                     invalid: t.fieldState.invalid,
@@ -224,7 +224,7 @@ function Xe() {
                       t.field.onChange(r.value);
                     },
                     children: [
-                      /* @__PURE__ */ o(ee, { children: [
+                      /* @__PURE__ */ o(te, { children: [
                         /* @__PURE__ */ e(m, { index: 0 }),
                         /* @__PURE__ */ e(m, { index: 1 }),
                         /* @__PURE__ */ e(m, { index: 2 }),
@@ -232,7 +232,7 @@ function Xe() {
                         /* @__PURE__ */ e(m, { index: 4 }),
                         /* @__PURE__ */ e(m, { index: 5 })
                       ] }),
-                      /* @__PURE__ */ e(te, {})
+                      /* @__PURE__ */ e(oe, {})
                     ]
                   }
                 )
@@ -276,7 +276,7 @@ function Xe() {
                   c(1), l.reset(), s.stop();
                 },
                 children: [
-                  /* @__PURE__ */ e(H, { className: "size-5" }),
+                  /* @__PURE__ */ e(T, { className: "size-5" }),
                   "Back"
                 ]
               }

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

@@ -0,0 +1,2 @@
+import { TopWinsProps } from './TopWins';
+export declare function TopWins__client(props: TopWinsProps): import("react").JSX.Element | null;

package/dist/components/TopWins/TopWins.client.js

@@ -0,0 +1 @@
+"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");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("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const n=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const o=require("../../client/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__client=d;

package/dist/components/TopWins/TopWins.client.mjs

@@ -0,0 +1,64 @@
+"use client";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import o from "embla-carousel-react";
+import c from "next/image";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import { formatNumber as t } from "../../utils/formatNumber.mjs";
+import { getGameImageUrl as d } from "../../utils/getGameImageUrl.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/parseDecimal.mjs";
+import "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as n } from "../../client/hooks/useLocaleInfo.mjs";
+import "usehooks-ts";
+import { useTopWinsQuery as p } from "../../client/hooks/useTopWinsQuery.mjs";
+function L(l) {
+  const i = n(), m = p().data ?? [], [s] = o({
+    align: "start",
+    slidesToScroll: 1
+  });
+  return m != null && m.length ? /* @__PURE__ */ a("div", { className: l.className, children: [
+    /* @__PURE__ */ e("div", { className: "text-gray-600 mb-3 text-lg font-semibold md:mb-4", children: l.heading }),
+    /* @__PURE__ */ e("div", { ref: s, className: "relative lg:overflow-hidden", children: /* @__PURE__ */ e("div", { className: "flex gap-sm lg:gap-md", children: m.map((r) => /* @__PURE__ */ a(
+      "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: [
+          /* @__PURE__ */ e("div", { className: "mx-auto aspect-square w-full", children: r.game && /* @__PURE__ */ e(
+            c,
+            {
+              width: 100,
+              height: 100,
+              src: d(r.game),
+              alt: "",
+              className: "size-full rounded-sm object-cover"
+            }
+          ) }),
+          /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ e("div", { className: "text-gray-600 text-xs", children: r.member.name }),
+            /* @__PURE__ */ e("div", { className: "text-gray-800 text-sm font-semibold", children: t(r.payout, {
+              currency: i.currency.code,
+              minDecimalPlaces: 2
+            }) }),
+            /* @__PURE__ */ e("div", { className: "text-gray-600 text-xs", children: t(r.multiplier, {
+              minDecimalPlaces: 2
+            }) })
+          ] })
+        ]
+      },
+      r.id
+    )) }) })
+  ] }) : null;
+}
+export {
+  L as TopWins__client
+};

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.Element | null;
+export declare function TopWins(props: TopWinsProps): Promise<import("react").JSX.Element>;

package/dist/components/TopWins/TopWins.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("../../dist/constants/index.js");require("../../dist/utils/parseDecimal.js");require("../../dist/utils/getLocaleInfo.js");require("../../dist/utils/getQueryClient.js");require("../../dist/utils/isMobile.js");require("next/headers");const i=require("../../dist/server/utils/prefetchTopWinsQuery.js"),n=require("./TopWins.client.js");async function u(e){return await i.prefetchTopWinsQuery(),r.jsx(n.TopWins__client,{...e})}exports.TopWins=u;

package/dist/components/TopWins/TopWins.mjs

@@ -1,65 +1,16 @@
-"use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import o from "embla-carousel-react";
-import c from "next/image";
+import { jsx as r } from "react/jsx-runtime";
 import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "tiny-invariant";
-import "../../constants/index.mjs";
-import "../../utils/capitalize.mjs";
-import "react";
-import { formatNumber as t } from "../../utils/formatNumber.mjs";
-import { getGameImageUrl as d } from "../../utils/getGameImageUrl.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-import "../../utils/parseDecimal.mjs";
-import "../../utils/toaster.mjs";
-import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as n } from "../../hooks/useLocaleInfo.mjs";
-import "usehooks-ts";
-import { useTopWinsQuery as p } from "../../hooks/useTopWinsQuery.mjs";
-function S(l) {
-  const i = n(), m = p().data ?? [], [s] = o({
-    align: "start",
-    slidesToScroll: 1
-  });
-  return m != null && m.length ? /* @__PURE__ */ a("div", { className: l.className, children: [
-    /* @__PURE__ */ e("div", { className: "text-gray-600 mb-3 text-lg font-semibold md:mb-4", children: l.heading }),
-    /* @__PURE__ */ e("div", { ref: s, className: "relative lg:overflow-hidden", children: /* @__PURE__ */ e("div", { className: "flex gap-sm lg:gap-md", children: m.map((r) => /* @__PURE__ */ a(
-      "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: [
-          /* @__PURE__ */ e("div", { className: "mx-auto aspect-square w-full", children: r.game && /* @__PURE__ */ e(
-            c,
-            {
-              width: 100,
-              height: 100,
-              src: d(r.game),
-              alt: "",
-              className: "size-full rounded-sm object-cover"
-            }
-          ) }),
-          /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ e("div", { className: "text-gray-600 text-xs", children: r.member.name }),
-            /* @__PURE__ */ e("div", { className: "text-gray-800 text-sm font-semibold", children: t(r.payout, {
-              currency: i.currency.code,
-              minDecimalPlaces: 2
-            }) }),
-            /* @__PURE__ */ e("div", { className: "text-gray-600 text-xs", children: t(r.multiplier, {
-              minDecimalPlaces: 2
-            }) })
-          ] })
-        ]
-      },
-      r.id
-    )) }) })
-  ] }) : null;
+import "../../dist/constants/index.mjs";
+import "../../dist/utils/parseDecimal.mjs";
+import "../../dist/utils/getLocaleInfo.mjs";
+import "../../dist/utils/getQueryClient.mjs";
+import "../../dist/utils/isMobile.mjs";
+import "next/headers";
+import { prefetchTopWinsQuery as i } from "../../dist/server/utils/prefetchTopWinsQuery.mjs";
+import { TopWins__client as t } from "./TopWins.client.mjs";
+async function W(o) {
+  return await i(), /* @__PURE__ */ r(t, { ...o });
 }
 export {
-  S as TopWins
+  W as TopWins
 };

package/dist/components/TournamentCounter/TournamentCounter.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("embla-carousel-react"),N=require("next/link"),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("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const v=require("../../hooks/useTournamentsQuery.js"),b=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),C=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=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 S=require("./TournamentCounterItem.js");function w(n){var u;const[c,e]=g({align:"start",slidesToScroll:1}),o=s.useCallback(()=>{e&&e.scrollPrev()},[e]),m=s.useCallback(()=>{e&&e.scrollNext()},[e]),[q,d]=s.useState(!1),[f,x]=s.useState(!1),l=s.useCallback(()=>{e&&(d(e.canScrollPrev()),x(e.canScrollNext()))},[e]);s.useEffect(()=>{e&&(l(),e.on("select",l),e.on("reInit",l))},[e,l]);const t=((u=v.useTournamentsQuery({first:100,filter:{status:{equal:"ACTIVE"}}}).data)==null?void 0:u.pages[0].edges.map(i=>i.node))??[];return t.length<=0?null:r.jsxs("div",{className:n.className,children:[r.jsxs("div",{className:"mb-3 flex items-center justify-between md:mb-4",children:[r.jsx("div",{className:"text-lg font-semibold",children:n.heading}),r.jsxs("div",{className:"flex items-center md:gap-3xl",children:[r.jsxs(N,{href:n.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",r.jsx(C.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),r.jsxs("div",{className:"hidden lg:flex",children:[r.jsx(a.Button,{disabled:!q,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:r.jsx(b.ArrowLeftIcon,{className:"size-5"})}),r.jsx(a.Button,{disabled:!f,onClick:m,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:r.jsx(j.ArrowRightIcon,{className:"size-5"})})]})]})]}),r.jsx("div",{className:"w-full overflow-hidden",ref:c,children:r.jsx("div",{className:"flex gap-2.5",children:t.map((i,h)=>r.jsx(S.TournamentCounterItem,{index:h,tournament:i,className:t.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.TournamentCounter=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("embla-carousel-react"),N=require("next/link"),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("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const v=require("../../client/hooks/useTournamentsQuery.js"),b=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),C=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=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 S=require("./TournamentCounterItem.js");function w(n){var u;const[c,e]=g({align:"start",slidesToScroll:1}),o=s.useCallback(()=>{e&&e.scrollPrev()},[e]),m=s.useCallback(()=>{e&&e.scrollNext()},[e]),[d,q]=s.useState(!1),[f,x]=s.useState(!1),l=s.useCallback(()=>{e&&(q(e.canScrollPrev()),x(e.canScrollNext()))},[e]);s.useEffect(()=>{e&&(l(),e.on("select",l),e.on("reInit",l))},[e,l]);const t=((u=v.useTournamentsQuery({first:100,filter:{status:{equal:"ACTIVE"}}}).data)==null?void 0:u.pages[0].edges.map(i=>i.node))??[];return t.length<=0?null:r.jsxs("div",{className:n.className,children:[r.jsxs("div",{className:"mb-3 flex items-center justify-between md:mb-4",children:[r.jsx("div",{className:"text-lg font-semibold",children:n.heading}),r.jsxs("div",{className:"flex items-center md:gap-3xl",children:[r.jsxs(N,{href:n.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",r.jsx(C.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),r.jsxs("div",{className:"hidden lg:flex",children:[r.jsx(a.Button,{disabled:!d,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:r.jsx(b.ArrowLeftIcon,{className:"size-5"})}),r.jsx(a.Button,{disabled:!f,onClick:m,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:r.jsx(j.ArrowRightIcon,{className:"size-5"})})]})]})]}),r.jsx("div",{className:"w-full overflow-hidden",ref:c,children:r.jsx("div",{className:"flex gap-2.5",children:t.map((i,h)=>r.jsx(S.TournamentCounterItem,{index:h,tournament:i,className:t.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.TournamentCounter=w;

package/dist/components/TournamentCounter/TournamentCounter.mjs

@@ -12,13 +12,12 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { useTournamentsQuery as C } from "../../hooks/useTournamentsQuery.mjs";
+import { useTournamentsQuery as C } from "../../client/hooks/useTournamentsQuery.mjs";
 import { ArrowLeftIcon as w } from "../../icons/ArrowLeftIcon.mjs";
 import { ArrowRightIcon as y } from "../../icons/ArrowRightIcon.mjs";
 import { ChevronRightIcon as A } from "../../icons/ChevronRightIcon.mjs";
@@ -43,7 +42,7 @@ import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { TournamentCounterItem as I } from "./TournamentCounterItem.mjs";
-function ve(i) {
+function ge(i) {
   var n;
   const [p, e] = x({
     align: "start",
@@ -121,5 +120,5 @@ function ve(i) {
   ] });
 }
 export {
-  ve as TournamentCounter
+  ge as TournamentCounter
 };

package/dist/components/TournamentCounter/TournamentCounterItem.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("lodash-es"),w=require("next/image"),t=require("react"),m=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const N=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");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 p=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const M=require("../../icons/Award02Icon.js"),I=require("../../images/ball.png.js"),T=require("../../images/card.png.js"),P=require("../../images/trophy.png.js");function D({tournament:r,className:f,index:x}){const h=p.useLocaleInfo(),g=u.sum(u.map(r.rewardSettings,Number)),[i,o]=t.useState({days:0,hours:0,minutes:0,isPast:!1}),l=t.useMemo(()=>new Date(r.activationEndDateTime),[r.activationEndDateTime]),n=t.useCallback(()=>{const s=new Date,a=l.getTime()-s.getTime();if(a<=0){o({days:0,hours:0,minutes:0,isPast:!0});return}const c=Math.floor(a/1e3),y=Math.floor(c/(3600*24)),j=Math.floor(c%(3600*24)/3600),v=Math.floor(c%3600/60),q=u.pick({days:y,hours:j,minutes:v,isPast:!1},["days","hours","minutes","isPast"]);o(q)},[l]);t.useEffect(()=>{n();const s=setInterval(n,60*1e3);return()=>clearInterval(s)},[l,n]);const d=[{label:"Day",value:i.days},{label:"Hour",value:i.hours},{label:"Min",value:i.minutes}],b=[{image:P},{image:T},{image:I}];return e.jsxs("div",{className:m.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",f),children:[e.jsxs("div",{className:"flex h-full w-full justify-between",children:[e.jsxs("div",{className:"border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(M.Award02Icon,{className:"size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:d.map((s,a)=>e.jsxs(t.Fragment,{children:[e.jsxs("div",{className:m.twMerge("rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(s.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:s.label})]}),a<d.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"}),e.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"})]})]},s.label))})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{className:"flex h-fit flex-col justify-between text-left",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-lg font-semibold",children:r.name}),e.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:N.formatNumber(g,{currency:h.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"mt-4 text-base font-medium",children:"Play and Win!"})]}),e.jsx("div",{className:"flex h-full items-end",children:e.jsx("div",{className:"h-24 w-auto shrink-0",children:e.jsx(w,{quality:100,width:100,height:100,src:b[x%3].image,alt:"",className:"h-full w-auto"})})})]})]})}exports.TournamentCounterItem=D;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("lodash-es"),w=require("next/image"),t=require("react"),m=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const N=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const p=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const M=require("../../icons/Award02Icon.js"),I=require("../../images/ball.png.js"),T=require("../../images/card.png.js"),P=require("../../images/trophy.png.js");function D({tournament:r,className:f,index:x}){const h=p.useLocaleInfo(),g=o.sum(o.map(r.rewardSettings,Number)),[i,u]=t.useState({days:0,hours:0,minutes:0,isPast:!1}),l=t.useMemo(()=>new Date(r.activationEndDateTime),[r.activationEndDateTime]),n=t.useCallback(()=>{const s=new Date,a=l.getTime()-s.getTime();if(a<=0){u({days:0,hours:0,minutes:0,isPast:!0});return}const c=Math.floor(a/1e3),y=Math.floor(c/(3600*24)),j=Math.floor(c%(3600*24)/3600),v=Math.floor(c%3600/60),q=o.pick({days:y,hours:j,minutes:v,isPast:!1},["days","hours","minutes","isPast"]);u(q)},[l]);t.useEffect(()=>{n();const s=setInterval(n,60*1e3);return()=>clearInterval(s)},[l,n]);const d=[{label:"Day",value:i.days},{label:"Hour",value:i.hours},{label:"Min",value:i.minutes}],b=[{image:P},{image:T},{image:I}];return e.jsxs("div",{className:m.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",f),children:[e.jsxs("div",{className:"flex h-full w-full justify-between",children:[e.jsxs("div",{className:"border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(M.Award02Icon,{className:"size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:d.map((s,a)=>e.jsxs(t.Fragment,{children:[e.jsxs("div",{className:m.twMerge("rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(s.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:s.label})]}),a<d.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"}),e.jsx("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"})]})]},s.label))})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{className:"flex h-fit flex-col justify-between text-left",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-lg font-semibold",children:r.name}),e.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:N.formatNumber(g,{currency:h.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"mt-4 text-base font-medium",children:"Play and Win!"})]}),e.jsx("div",{className:"flex h-full items-end",children:e.jsx("div",{className:"h-24 w-auto shrink-0",children:e.jsx(w,{quality:100,width:100,height:100,src:b[x%3].image,alt:"",className:"h-full w-auto"})})})]})]})}exports.TournamentCounterItem=D;

package/dist/components/TournamentCounter/TournamentCounterItem.mjs

@@ -14,17 +14,16 @@ import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
-import "../../utils/toaster.mjs";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as R } from "../../hooks/useLocaleInfo.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as R } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
 import { Award02Icon as S } from "../../icons/Award02Icon.mjs";
 import k from "../../images/ball.png.mjs";
 import C from "../../images/card.png.mjs";
 import _ from "../../images/trophy.png.mjs";
-function se({
+function le({
   tournament: i,
   className: u,
   index: p
@@ -132,5 +131,5 @@ function se({
   );
 }
 export {
-  se as TournamentCounterItem
+  le as TournamentCounterItem
 };