@opexa/portal-components 0.0.18 → 0.0.20

package/dist/components/SignIn/SignIn.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),o=require("next/image"),s=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");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const l=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const q=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const a=require("./SignInForm.js");function c(u){const n=l.useGlobalStore(s.useShallow(i=>i.signIn));return e.jsxs(r.Root,{open:n.open,onOpenChange:i=>{n.setOpen(i.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:u.children??e.jsx("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxs(t.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(q.XIcon,{})}),e.jsx(o,{src:u.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(a.SignInForm,{})]})})]})]})}exports.SignIn=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),o=require("next/image"),s=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");require("../../client/services/getSession.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const l=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const q=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const a=require("./SignInForm.js");function c(u){const n=l.useGlobalStore(s.useShallow(i=>i.signIn));return e.jsxs(r.Root,{open:n.open,onOpenChange:i=>{n.setOpen(i.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:u.children??e.jsx("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxs(t.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(q.XIcon,{})}),e.jsx(o,{src:u.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(a.SignInForm,{})]})})]})]})}exports.SignIn=c;

package/dist/components/SignIn/SignIn.mjs

@@ -12,6 +12,7 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
@@ -26,6 +27,7 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import { Root as s, Trigger as c, Backdrop as u, Positioner as g, Content as h, CloseTrigger as d } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -42,7 +44,7 @@ import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { SignInForm as f } from "./SignInForm.mjs";
-function eo(i) {
+function lo(i) {
   const m = l(n((t) => t.signIn));
   return /* @__PURE__ */ r(
     s,
@@ -80,5 +82,5 @@ function eo(i) {
   );
 }
 export {
-  eo as SignIn
+  lo as SignIn
 };

package/dist/components/SignIn/SignInForm.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("@ark-ui/react"),j=require("@hookform/resolvers/zod"),S=require("react"),m=require("react-hook-form"),i=require("zod"),w=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 k=require("../../client/hooks/useCooldown.js");require("@opexa/portal-sdk-core/object-id");const z=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const F=require("../../client/hooks/useLocaleInfo.js"),M=require("../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const R=require("../../client/hooks/useSendVerificationCodeMutation.js"),V=require("../../client/hooks/useSignInMutation.js"),q=require("../../client/utils/toaster.js"),L=require("../../icons/ArrowLeftIcon.js"),A=require("../../icons/CheckIcon.js"),B=require("../../icons/FacebookIcon.js"),O=require("../../icons/GoogleIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const d=require("../../ui/Button/Button.js"),c=require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const x=require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");const n=require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function P(){var g;const[h,b]=S.useState(1),u=C.useDialogContext(),N=z.useGlobalStore(w.useShallow(t=>t.signUp)),y=V.useSignInMutation(),p=R.useSendVerificationCodeMutation(),f=F.useLocaleInfo(),a=M.useMobileNumberParser(),v=i.z.object({mobileNumber:i.z.string().superRefine((t,r)=>{a.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"})})}),I=i.z.object({verificationCode:i.z.array(i.z.string().min(1).max(1).trim()).min(6).max(6)}),s=m.useForm({resolver:j.zodResolver(v),defaultValues:{mobileNumber:"",termsAccepted:!1}}),l=m.useForm({resolver:j.zodResolver(I),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),o=k.useCooldown({max:60,duration:1e3*60});return e.jsxs(e.Fragment,{children:[h===1&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Log in to your account"}),e.jsx("p",{className:"text-text-secondary-700 mt-xs text-center text-sm",children:"Welcome back! Please enter your details."}),e.jsxs("form",{className:"mt-3xl",onSubmit:s.handleSubmit(async t=>{try{await p.mutateAsync({channel:"SMS",recipient:a.format(t.mobileNumber),strict:!0}),b(2),o.start()}catch(r){q.toaster.error({description:r instanceof Error?r.message:"Failed to send verification code"})}}),children:[e.jsxs(x.Root,{invalid:!!s.formState.errors.mobileNumber,children:[e.jsx(x.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(f.country.flag,{className:"absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2"}),e.jsx(x.Input,{className:"pl-11",placeholder:`${f.mobileNumber.areaCode}${f.mobileNumber.example}`,...s.register("mobileNumber")})]}),e.jsx(x.ErrorText,{children:(g=s.formState.errors.mobileNumber)==null?void 0:g.message})]}),e.jsx(d.Button,{type:"submit",className:"mt-3xl",disabled:s.formState.isSubmitting,children:"Log In"}),e.jsx(m.Controller,{control:s.control,name:"termsAccepted",render:t=>e.jsxs(c.Root,{className:"mt-xl",invalid:t.fieldState.invalid,checked:t.field.value,onCheckedChange:r=>{t.field.onChange(r.checked)},children:[e.jsx(c.Control,{children:e.jsx(c.Indicator,{asChild:!0,children:e.jsx(A.CheckIcon,{})})}),e.jsxs(c.Label,{children:["I am at least 21 years of age and I accept the"," ",e.jsx("span",{className:"text-brand-400 whitespace-nowrap underline underline-offset-2",children:"Terms and Conditions."})]}),e.jsx(c.HiddenInput,{})]})})]}),e.jsxs("div",{className:"relative mt-6 text-center",children:[e.jsx("hr",{className:"-translte-y-1/2 text-text-tertiary-600/50 absolute top-1/2 w-full"}),e.jsx("span",{className:"text-text-tertiary-600 bg-bg-primary-alt relative px-md text-center text-sm font-semibold",children:"Log in directly with"})]}),e.jsxs("div",{className:"mt-6",children:[e.jsxs(d.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{u.setOpen(!1)},className:"border-border-primary bg-bg-primary text-text-secondary-700",children:[e.jsx(O.GoogleIcon,{className:"size-6"}),"Continue with Google"]}),e.jsxs(d.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{u.setOpen(!1)},className:"border-border-primary bg-bg-primary text-text-secondary-700 mt-lg",children:[e.jsx(B.FacebookIcon,{className:"size-6"}),"Continue with Facebook"]})]}),e.jsxs("div",{className:"mt-6 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-tertiary-600",children:"Don't have an account?"}),e.jsx("button",{type:"submit",className:"text-button-tertiary-fg font-semibold",onClick:()=>{u.setOpen(!1),N.setOpen(!0)},children:"Sign up"})]})]}),h===2&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Check your Phone"}),e.jsxs("p",{className:"text-text-secondary-700 mt-xs text-center text-sm",children:["We’ve sent a verification code to your mobile number"," ",e.jsx("span",{className:"font-semibold",children:a.format(s.getValues("mobileNumber"))})," ","via text"]}),e.jsxs("form",{className:"mt-5",onSubmit:l.handleSubmit(async({verificationCode:t})=>{const{mobileNumber:r}=s.getValues();try{await y.mutateAsync({type:"MOBILE_NUMBER",mobileNumber:a.format(r),verificationCode:t.join("")}),u.setOpen(!1),s.reset(),l.reset(),b(1)}catch{q.toaster.error({description:"Invalid Verification Code"})}}),children:[e.jsx(m.Controller,{name:"verificationCode",control:l.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,{className:"grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md",children:[e.jsx(n.Input,{index:0}),e.jsx(n.Input,{index:1}),e.jsx(n.Input,{index:2}),e.jsx("span",{className:"text-text-placeholder-subtle text-2xl font-medium",children:"–"}),e.jsx(n.Input,{index:3}),e.jsx(n.Input,{index:4}),e.jsx(n.Input,{index:5})]}),e.jsx(n.HiddenInput,{})]})}),e.jsx(d.Button,{type:"submit",className:"mt-4xl",disabled:l.formState.isSubmitting,children:"Verify"}),e.jsxs("div",{className:"mt-3 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-secondary-700",children:"Didn't recieve the code?"}),e.jsx("button",{type:"button",className:"text-button-secondary-fg font-semibold",disabled:o.cooling,onClick:async()=>{await p.mutateAsync({channel:"SMS",recipient:a.format(s.getValues("mobileNumber"))}),o.start()},children:o.cooling?`Resend in ${o.countdown}s`:"Resend"})]}),e.jsxs("button",{type:"button",className:"text-text-tertiary-600 mx-auto mt-3xl flex w-fit items-center gap-1 text-sm font-semibold",onClick:()=>{b(1),l.reset(),o.stop()},children:[e.jsx(L.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignInForm=P;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("@ark-ui/react"),j=require("@hookform/resolvers/zod"),S=require("react"),m=require("react-hook-form"),n=require("zod"),w=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");require("../../client/services/getSession.js");const k=require("../../client/hooks/useCooldown.js");require("@opexa/portal-sdk-core/object-id");const z=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const F=require("../../client/hooks/useLocaleInfo.js"),M=require("../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const R=require("../../client/hooks/useSendVerificationCodeMutation.js"),V=require("../../client/hooks/useSignInMutation.js"),q=require("../../client/utils/toaster.js"),L=require("../../icons/ArrowLeftIcon.js"),A=require("../../icons/CheckIcon.js"),B=require("../../icons/FacebookIcon.js"),O=require("../../icons/GoogleIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const d=require("../../ui/Button/Button.js"),c=require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const x=require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");const i=require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function P(){var g;const[h,b]=S.useState(1),u=C.useDialogContext(),N=z.useGlobalStore(w.useShallow(t=>t.signUp)),y=V.useSignInMutation(),p=R.useSendVerificationCodeMutation(),f=F.useLocaleInfo(),a=M.useMobileNumberParser(),v=n.z.object({mobileNumber:n.z.string().superRefine((t,r)=>{a.validate(t)||r.addIssue({code:n.z.ZodIssueCode.custom,message:"Invalid mobile number"})}),termsAccepted:n.z.boolean().superRefine((t,r)=>{t||r.addIssue({code:n.z.ZodIssueCode.custom,message:"You must accept the terms and conditions"})})}),I=n.z.object({verificationCode:n.z.array(n.z.string().min(1).max(1).trim()).min(6).max(6)}),s=m.useForm({resolver:j.zodResolver(v),defaultValues:{mobileNumber:"",termsAccepted:!1}}),l=m.useForm({resolver:j.zodResolver(I),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),o=k.useCooldown({max:60,duration:1e3*60});return e.jsxs(e.Fragment,{children:[h===1&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Log in to your account"}),e.jsx("p",{className:"text-text-secondary-700 mt-xs text-center text-sm",children:"Welcome back! Please enter your details."}),e.jsxs("form",{className:"mt-3xl",onSubmit:s.handleSubmit(async t=>{try{await p.mutateAsync({channel:"SMS",recipient:a.format(t.mobileNumber),strict:!0}),b(2),o.start()}catch(r){q.toaster.error({description:r instanceof Error?r.message:"Failed to send verification code"})}}),children:[e.jsxs(x.Root,{invalid:!!s.formState.errors.mobileNumber,children:[e.jsx(x.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(f.country.flag,{className:"absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2"}),e.jsx(x.Input,{className:"pl-11",placeholder:`${f.mobileNumber.areaCode}${f.mobileNumber.example}`,...s.register("mobileNumber")})]}),e.jsx(x.ErrorText,{children:(g=s.formState.errors.mobileNumber)==null?void 0:g.message})]}),e.jsx(d.Button,{type:"submit",className:"mt-3xl",disabled:s.formState.isSubmitting,children:"Log In"}),e.jsx(m.Controller,{control:s.control,name:"termsAccepted",render:t=>e.jsxs(c.Root,{className:"mt-xl",invalid:t.fieldState.invalid,checked:t.field.value,onCheckedChange:r=>{t.field.onChange(r.checked)},children:[e.jsx(c.Control,{children:e.jsx(c.Indicator,{asChild:!0,children:e.jsx(A.CheckIcon,{})})}),e.jsxs(c.Label,{children:["I am at least 21 years of age and I accept the"," ",e.jsx("span",{className:"text-brand-400 whitespace-nowrap underline underline-offset-2",children:"Terms and Conditions."})]}),e.jsx(c.HiddenInput,{})]})})]}),e.jsxs("div",{className:"relative mt-6 text-center",children:[e.jsx("hr",{className:"-translte-y-1/2 text-text-tertiary-600/50 absolute top-1/2 w-full"}),e.jsx("span",{className:"text-text-tertiary-600 bg-bg-primary-alt relative px-md text-center text-sm font-semibold",children:"Log in directly with"})]}),e.jsxs("div",{className:"mt-6",children:[e.jsxs(d.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{u.setOpen(!1)},className:"border-border-primary bg-bg-primary text-text-secondary-700",children:[e.jsx(O.GoogleIcon,{className:"size-6"}),"Continue with Google"]}),e.jsxs(d.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{u.setOpen(!1)},className:"border-border-primary bg-bg-primary text-text-secondary-700 mt-lg",children:[e.jsx(B.FacebookIcon,{className:"size-6"}),"Continue with Facebook"]})]}),e.jsxs("div",{className:"mt-6 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-tertiary-600",children:"Don't have an account?"}),e.jsx("button",{type:"submit",className:"text-button-tertiary-fg font-semibold",onClick:()=>{u.setOpen(!1),N.setOpen(!0)},children:"Sign up"})]})]}),h===2&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Check your Phone"}),e.jsxs("p",{className:"text-text-secondary-700 mt-xs text-center text-sm",children:["We’ve sent a verification code to your mobile number"," ",e.jsx("span",{className:"font-semibold",children:a.format(s.getValues("mobileNumber"))})," ","via text"]}),e.jsxs("form",{className:"mt-5",onSubmit:l.handleSubmit(async({verificationCode:t})=>{const{mobileNumber:r}=s.getValues();try{await y.mutateAsync({type:"MOBILE_NUMBER",mobileNumber:a.format(r),verificationCode:t.join("")}),u.setOpen(!1),s.reset(),l.reset(),b(1)}catch{q.toaster.error({description:"Invalid Verification Code"})}}),children:[e.jsx(m.Controller,{name:"verificationCode",control:l.control,render:t=>e.jsxs(i.Root,{placeholder:"0",invalid:t.fieldState.invalid,value:t.field.value,onValueChange:r=>{t.field.onChange(r.value)},children:[e.jsxs(i.Control,{className:"grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md",children:[e.jsx(i.Input,{index:0}),e.jsx(i.Input,{index:1}),e.jsx(i.Input,{index:2}),e.jsx("span",{className:"text-text-placeholder-subtle text-2xl font-medium",children:"–"}),e.jsx(i.Input,{index:3}),e.jsx(i.Input,{index:4}),e.jsx(i.Input,{index:5})]}),e.jsx(i.HiddenInput,{})]})}),e.jsx(d.Button,{type:"submit",className:"mt-4xl",disabled:l.formState.isSubmitting,children:"Verify"}),e.jsxs("div",{className:"mt-3 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-secondary-700",children:"Didn't recieve the code?"}),e.jsx("button",{type:"button",className:"text-button-secondary-fg font-semibold",disabled:o.cooling,onClick:async()=>{await p.mutateAsync({channel:"SMS",recipient:a.format(s.getValues("mobileNumber"))}),o.start()},children:o.cooling?`Resend in ${o.countdown}s`:"Resend"})]}),e.jsxs("button",{type:"button",className:"text-text-tertiary-600 mx-auto mt-3xl flex w-fit items-center gap-1 text-sm font-semibold",onClick:()=>{b(1),l.reset(),o.stop()},children:[e.jsx(L.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignInForm=P;

package/dist/components/SignIn/SignInForm.mjs

@@ -15,6 +15,7 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import { useCooldown as V } from "../../client/hooks/useCooldown.mjs";
 import "@opexa/portal-sdk-core/object-id";
 import { useGlobalStore as L } from "../../client/hooks/useGlobalStore.mjs";
@@ -36,6 +37,7 @@ import { Button as d } from "../../ui/Button/Button.mjs";
 import { Root as B, Control as E, Indicator as P, Label as G, HiddenInput as H } from "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -51,7 +53,7 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function qe() {
+function Ke() {
   var x;
   const [b, p] = R(1), c = k(), C = L(M((o) => o.signUp)), S = j(), h = F(), u = $(), m = A(), I = n.object({
     mobileNumber: n.string().superRefine((o, r) => {
@@ -318,5 +320,5 @@ function qe() {
   ] });
 }
 export {
-  qe as SignInForm
+  Ke as SignInForm
 };

package/dist/components/SignUp/SignUp.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),s=require("next/image"),o=require("react"),l=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");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const q=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const c=require("../../icons/XIcon.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/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const g=require("./SignUpForm.js");function x(u){const n=q.useGlobalStore(l.useShallow(i=>i.signUp));return e.jsxs(r.Root,{open:n.open,onOpenChange:i=>{n.setOpen(i.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:u.children??e.jsx(a.Button,{children:"Sign up"})}),e.jsxs(t.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(c.XIcon,{})}),e.jsx(s,{src:u.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(o.Suspense,{children:e.jsx(g.SignUpForm,{})})]})})]})]})}exports.SignUp=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),s=require("next/image"),o=require("react"),l=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");require("../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const q=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const c=require("../../icons/XIcon.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/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const g=require("./SignUpForm.js");function x(u){const n=q.useGlobalStore(l.useShallow(i=>i.signUp));return e.jsxs(r.Root,{open:n.open,onOpenChange:i=>{n.setOpen(i.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:u.children??e.jsx(a.Button,{children:"Sign up"})}),e.jsxs(t.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(c.XIcon,{})}),e.jsx(s,{src:u.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(o.Suspense,{children:e.jsx(g.SignUpForm,{})})]})})]})]})}exports.SignUp=x;

package/dist/components/SignUp/SignUp.mjs

@@ -13,6 +13,7 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import { useGlobalStore as s } from "../../client/hooks/useGlobalStore.mjs";
@@ -26,6 +27,7 @@ import { Button as u } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import { Root as c, Trigger as g, Backdrop as h, Positioner as d, Content as f, CloseTrigger as x } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -42,7 +44,7 @@ import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { SignUpForm as S } from "./SignUpForm.mjs";
-function lo(i) {
+function ao(i) {
   const m = s(l((r) => r.signUp));
   return /* @__PURE__ */ t(
     c,
@@ -80,5 +82,5 @@ function lo(i) {
   );
 }
 export {
-  lo as SignUp
+  ao 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"),z=require("@ark-ui/react"),N=require("@hookform/resolvers/zod"),y=require("@opexa/portal-sdk-core/object-id"),k=require("next/navigation"),R=require("react"),u=require("react-hook-form"),i=require("zod"),F=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 V=require("../../client/hooks/useCooldown.js"),O=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const P=require("../../client/hooks/useLocaleInfo.js"),_=require("../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const D=require("../../client/hooks/useSendVerificationCodeMutation.js"),L=require("../../client/hooks/useSignInMutation.js"),$=require("../../client/hooks/useSignUpMutation.js"),S=require("../../client/utils/toaster.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 C=require("../../ui/Button/Button.js"),l=require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.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");require("../../ui/PasswordInput/PasswordInput.js");const n=require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function T(){var q;const[h,m]=R.useState(1),p=z.useDialogContext(),x=k.useSearchParams(),g=O.useGlobalStore(F.useShallow(t=>t.signIn)),v=$.useSignUpMutation(),I=L.useSignInMutation(),j=D.useSendVerificationCodeMutation(),b=P.useLocaleInfo(),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"})})}),M=i.z.object({verificationCode:i.z.array(i.z.string().min(1).max(1).trim()).min(6).max(6)}),s=u.useForm({resolver:N.zodResolver(w),defaultValues:{mobileNumber:"",termsAccepted:!1}}),c=u.useForm({resolver:N.zodResolver(M),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),a=V.useCooldown({max:60,duration:1e3*60});return e.jsxs(e.Fragment,{children:[h===1&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Create an account"}),e.jsx("p",{className:"text-text-secondary-700 mt-xs text-center text-sm",children:"Register instantly and start playing!"}),e.jsxs("form",{className:"mt-3xl",onSubmit:s.handleSubmit(async t=>{try{await j.mutateAsync({channel:"SMS",recipient:o.format(t.mobileNumber)}),m(2),a.start()}catch(r){S.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(b.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",placeholder:`${b.mobileNumber.areaCode}${b.mobileNumber.example}`,...s.register("mobileNumber")})]}),e.jsx(d.ErrorText,{children:(q=s.formState.errors.mobileNumber)==null?void 0:q.message})]}),e.jsx(C.Button,{type:"submit",className:"mt-3xl",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(B.CheckIcon,{})})}),e.jsxs(l.Label,{children:["I am at least 21 years of age and I accept the"," ",e.jsx("span",{className:"text-brand-400 whitespace-nowrap underline underline-offset-2",children:"Terms and Conditions."})]}),e.jsx(l.HiddenInput,{})]})})]}),e.jsxs("div",{className:"mt-6 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-tertiary-600",children:"Don't have an account?"}),e.jsx("button",{type:"submit",className:"text-button-tertiary-fg font-semibold",onClick:()=>{p.setOpen(!1),g.setOpen(!0)},children:"Log In"})]})]}),h===2&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Check your Phone"}),e.jsxs("p",{className:"text-text-secondary-700 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:f}=s.getValues();try{await v.mutateAsync({id:r,mobileNumber:o.format(f),verificationCode:t.join(""),referralCode:x.get("referralCode")??void 0,domain:x.get("domain")??void 0,btag:x.get("btag")??void 0});const A=`${o.format(f)}${r}`;try{await I.mutateAsync({type:"NAME_AND_PASSWORD",name:o.format(f),password:A})}catch{g.setOpen(!0)}p.setOpen(!1),s.reset(),c.reset(),m(1)}catch{S.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,{className:"grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md",children:[e.jsx(n.Input,{index:0}),e.jsx(n.Input,{index:1}),e.jsx(n.Input,{index:2}),e.jsx("span",{className:"text-text-placeholder-subtle text-2xl font-medium",children:"–"}),e.jsx(n.Input,{index:3}),e.jsx(n.Input,{index:4}),e.jsx(n.Input,{index:5})]}),e.jsx(n.HiddenInput,{})]})}),e.jsx(C.Button,{type:"submit",className:"mt-4xl",disabled:c.formState.isSubmitting,children:"Verify"}),e.jsxs("div",{className:"mt-3 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-secondary-700",children:"Didn't recieve the code?"}),e.jsx("button",{type:"button",className:"text-button-secondary-fg font-semibold disabled:cursor-not-allowed disabled:opacity-75",disabled:a.cooling,onClick:async()=>{await j.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-text-tertiary-600 mx-auto mt-3xl flex w-fit items-center gap-1 text-sm font-semibold",onClick:()=>{m(1),c.reset(),a.stop()},children:[e.jsx(U.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"),z=require("@ark-ui/react"),N=require("@hookform/resolvers/zod"),y=require("@opexa/portal-sdk-core/object-id"),k=require("next/navigation"),R=require("react"),u=require("react-hook-form"),i=require("zod"),F=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");require("../../client/services/getSession.js");const V=require("../../client/hooks/useCooldown.js"),O=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const P=require("../../client/hooks/useLocaleInfo.js"),_=require("../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const D=require("../../client/hooks/useSendVerificationCodeMutation.js"),L=require("../../client/hooks/useSignInMutation.js"),$=require("../../client/hooks/useSignUpMutation.js"),S=require("../../client/utils/toaster.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 C=require("../../ui/Button/Button.js"),l=require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.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");require("../../ui/PasswordInput/PasswordInput.js");const n=require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function T(){var q;const[h,m]=R.useState(1),p=z.useDialogContext(),x=k.useSearchParams(),g=O.useGlobalStore(F.useShallow(t=>t.signIn)),v=$.useSignUpMutation(),I=L.useSignInMutation(),j=D.useSendVerificationCodeMutation(),b=P.useLocaleInfo(),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"})})}),M=i.z.object({verificationCode:i.z.array(i.z.string().min(1).max(1).trim()).min(6).max(6)}),s=u.useForm({resolver:N.zodResolver(w),defaultValues:{mobileNumber:"",termsAccepted:!1}}),c=u.useForm({resolver:N.zodResolver(M),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),a=V.useCooldown({max:60,duration:1e3*60});return e.jsxs(e.Fragment,{children:[h===1&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Create an account"}),e.jsx("p",{className:"text-text-secondary-700 mt-xs text-center text-sm",children:"Register instantly and start playing!"}),e.jsxs("form",{className:"mt-3xl",onSubmit:s.handleSubmit(async t=>{try{await j.mutateAsync({channel:"SMS",recipient:o.format(t.mobileNumber)}),m(2),a.start()}catch(r){S.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(b.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",placeholder:`${b.mobileNumber.areaCode}${b.mobileNumber.example}`,...s.register("mobileNumber")})]}),e.jsx(d.ErrorText,{children:(q=s.formState.errors.mobileNumber)==null?void 0:q.message})]}),e.jsx(C.Button,{type:"submit",className:"mt-3xl",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(B.CheckIcon,{})})}),e.jsxs(l.Label,{children:["I am at least 21 years of age and I accept the"," ",e.jsx("span",{className:"text-brand-400 whitespace-nowrap underline underline-offset-2",children:"Terms and Conditions."})]}),e.jsx(l.HiddenInput,{})]})})]}),e.jsxs("div",{className:"mt-6 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-tertiary-600",children:"Don't have an account?"}),e.jsx("button",{type:"submit",className:"text-button-tertiary-fg font-semibold",onClick:()=>{p.setOpen(!1),g.setOpen(!0)},children:"Log In"})]})]}),h===2&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Check your Phone"}),e.jsxs("p",{className:"text-text-secondary-700 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:f}=s.getValues();try{await v.mutateAsync({id:r,mobileNumber:o.format(f),verificationCode:t.join(""),referralCode:x.get("referralCode")??void 0,domain:x.get("domain")??void 0,btag:x.get("btag")??void 0});const A=`${o.format(f)}${r}`;try{await I.mutateAsync({type:"NAME_AND_PASSWORD",name:o.format(f),password:A})}catch{g.setOpen(!0)}p.setOpen(!1),s.reset(),c.reset(),m(1)}catch{S.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,{className:"grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md",children:[e.jsx(n.Input,{index:0}),e.jsx(n.Input,{index:1}),e.jsx(n.Input,{index:2}),e.jsx("span",{className:"text-text-placeholder-subtle text-2xl font-medium",children:"–"}),e.jsx(n.Input,{index:3}),e.jsx(n.Input,{index:4}),e.jsx(n.Input,{index:5})]}),e.jsx(n.HiddenInput,{})]})}),e.jsx(C.Button,{type:"submit",className:"mt-4xl",disabled:c.formState.isSubmitting,children:"Verify"}),e.jsxs("div",{className:"mt-3 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-secondary-700",children:"Didn't recieve the code?"}),e.jsx("button",{type:"button",className:"text-button-secondary-fg font-semibold disabled:cursor-not-allowed disabled:opacity-75",disabled:a.cooling,onClick:async()=>{await j.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-text-tertiary-600 mx-auto mt-3xl flex w-fit items-center gap-1 text-sm font-semibold",onClick:()=>{m(1),c.reset(),a.stop()},children:[e.jsx(U.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignUpForm=T;

package/dist/components/SignUp/SignUpForm.mjs

@@ -17,6 +17,7 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import { useCooldown as F } from "../../client/hooks/useCooldown.mjs";
 import { useGlobalStore as L } from "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
@@ -36,6 +37,7 @@ import { Button as I } from "../../ui/Button/Button.mjs";
 import { Root as W, Control as Z, Indicator as G, Label as Y, HiddenInput as q } from "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -51,7 +53,7 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function ot() {
+function it() {
   var N;
   const [b, c] = D(1), h = k(), d = _(), x = L(O((t) => t.signIn)), w = T(), A = H(), g = E(), p = P(), a = z(), M = n.object({
     mobileNumber: n.string().superRefine((t, r) => {
@@ -295,5 +297,5 @@ function ot() {
   ] });
 }
 export {
-  ot as SignUpForm
+  it as SignUpForm
 };

package/dist/components/TopWins/TopWins.client.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"),n=require("next/image");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const a=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 u=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const o=require("../../client/hooks/useTopWinsQuery.js");function d(i){const l=u.useLocaleInfo(),s=o.useTopWinsQuery().data??[],[c]=t({align:"start",slidesToScroll:1});return s!=null&&s.length?e.jsxs("div",{className:i.className,children:[e.jsx("div",{className:"mb-3 text-lg font-semibold md:mb-4",children:i.heading??"Recent Big Wins"}),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-bg-tertiary border-border-primary 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(n,{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-text-secondary-700 text-xs",children:r.member.name}),e.jsx("div",{className:"text-text-primary-brand text-sm font-semibold",children:a.formatNumber(r.payout,{currency:l.currency.code,minDecimalPlaces:2})}),e.jsx("div",{className:"text-text-secondary-700 text-xs",children:a.formatNumber(r.multiplier,{minDecimalPlaces:2})})]})]},r.id))})})]}):null}exports.TopWins__client=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("embla-carousel-react"),n=require("next/image");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const a=require("../../utils/formatNumber.js"),u=require("../../utils/getGameImageUrl.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../client/services/getSession.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const m=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const o=require("../../client/hooks/useTopWinsQuery.js");function d(i){const l=m.useLocaleInfo(),s=o.useTopWinsQuery().data??[],[c]=t({align:"start",slidesToScroll:1});return s!=null&&s.length?e.jsxs("div",{className:i.className,children:[e.jsx("div",{className:"mb-3 text-lg font-semibold md:mb-4",children:i.heading??"Recent Big Wins"}),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-bg-tertiary border-border-primary 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(n,{width:100,height:100,src:u.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-text-secondary-700 text-xs",children:r.member.name}),e.jsx("div",{className:"text-text-primary-brand text-sm font-semibold",children:a.formatNumber(r.payout,{currency:l.currency.code,minDecimalPlaces:2})}),e.jsx("div",{className:"text-text-secondary-700 text-xs",children:a.formatNumber(r.multiplier,{minDecimalPlaces:2})})]})]},r.id))})})]}):null}exports.TopWins__client=d;

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

@@ -13,6 +13,7 @@ import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
+import "../../client/services/getSession.mjs";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
@@ -21,7 +22,7 @@ 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 E(i) {
+function G(i) {
   const l = n(), m = p().data ?? [], [s] = o({
     align: "start",
     slidesToScroll: 1
@@ -60,5 +61,5 @@ function E(i) {
   ] }) : null;
 }
 export {
-  E as TopWins__client
+  G as TopWins__client
 };

package/dist/components/TopWins/TopWins.js

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

package/dist/components/TopWins/TopWins.mjs

@@ -6,12 +6,14 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../server/services/getSession.mjs";
+import "date-fns";
 import "next/headers";
 import { prefetchTopWinsQuery as i } from "../../server/utils/prefetchTopWinsQuery.mjs";
 import { TopWins__client as t } from "./TopWins.client.mjs";
-async function x(o) {
+async function _(o) {
   return await i(), /* @__PURE__ */ r(t, { ...o });
 }
 export {
-  x as TopWins
+  _ as TopWins
 };

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

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

package/dist/components/TournamentCounter/TournamentCounter.client.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),v=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("../../client/services/getSession.js");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/useJackpotsQuery.js");require("usehooks-ts");const g=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),b=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const C=require("./TournamentCounterItem.js");function S(l){var u;const[c,r]=h({align:"start",slidesToScroll:1}),o=s.useCallback(()=>{r&&r.scrollPrev()},[r]),q=s.useCallback(()=>{r&&r.scrollNext()},[r]),[d,m]=s.useState(!1),[x,f]=s.useState(!1),i=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(i(),r.on("select",i),r.on("reInit",i))},[r,i]);const n=((u=N.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:u.pages[0].edges.map(t=>t.node))??[];return n.length<=0?null:e.jsxs("div",{className:l.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:l.heading??"Tournaments"}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(v,{href:l.viewAllUrl??"/tournaments",className:"text-button-tertiary-fg flex gap-sm text-sm font-semibold",children:["See All",e.jsx(b.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(a.Button,{disabled:!d,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(g.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(a.Button,{disabled:!x,onClick:q,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(j.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:c,children:e.jsx("div",{className:"flex gap-2.5",children:n.map(t=>e.jsx(C.TournamentCounterItem,{jackpot:t,viewAllUrl:l.viewAllUrl,className:"w-full"},t.id))})})]})}exports.TournamentCounter__client=S;

package/dist/components/TournamentCounter/TournamentCounter.client.mjs

@@ -0,0 +1,139 @@
+"use client";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import x from "embla-carousel-react";
+import g from "next/link";
+import { useCallback as m, useState as n, useEffect as b } from "react";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useJackpotsQuery as S } from "../../client/hooks/useJackpotsQuery.mjs";
+import "usehooks-ts";
+import { ArrowLeftIcon as C } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as w } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as y } from "../../icons/ChevronRightIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as c } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { TournamentCounterItem as A } from "./TournamentCounterItem.mjs";
+function Se(o) {
+  var a;
+  const [p, e] = x({
+    align: "start",
+    slidesToScroll: 1
+  }), d = m(() => {
+    e && e.scrollPrev();
+  }, [e]), f = m(() => {
+    e && e.scrollNext();
+  }, [e]), [u, N] = n(!1), [h, v] = n(!1), l = m(() => {
+    e && (N(e.canScrollPrev()), v(e.canScrollNext()));
+  }, [e]);
+  b(() => {
+    e && (l(), e.on("select", l), e.on("reInit", l));
+  }, [e, l]);
+  const s = ((a = S({
+    first: 100,
+    filter: {
+      status: {
+        equal: "ACTIVE"
+      },
+      deleted: {
+        equal: !1
+      }
+    },
+    sort: {
+      cursor: "POOL",
+      order: "DESC"
+    }
+  }).data) == null ? void 0 : a.pages[0].edges.map((i) => i.node)) ?? [];
+  return s.length <= 0 ? null : /* @__PURE__ */ t("div", { className: o.className, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r("div", { className: "text-lg font-semibold", children: o.heading ?? "Tournaments" }),
+      /* @__PURE__ */ t("div", { className: "flex items-center md:gap-3xl", children: [
+        /* @__PURE__ */ t(
+          g,
+          {
+            href: o.viewAllUrl ?? "/tournaments",
+            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
+            children: [
+              "See All",
+              /* @__PURE__ */ r(y, { className: "size-5 lg:hidden" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ r(
+            c,
+            {
+              disabled: !u,
+              onClick: d,
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-r-none border-r-0",
+              "aria-label": "Previous",
+              children: /* @__PURE__ */ r(C, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ t(
+            c,
+            {
+              disabled: !h,
+              onClick: f,
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-l-none",
+              "aria-label": "Next",
+              children: [
+                /* @__PURE__ */ r("span", { className: "sr-only", children: "Next" }),
+                /* @__PURE__ */ r(w, { className: "size-5" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "relative mt-lg lg:overflow-hidden", ref: p, children: /* @__PURE__ */ r("div", { className: "flex gap-2.5", children: s.map((i) => /* @__PURE__ */ r(
+      A,
+      {
+        jackpot: i,
+        viewAllUrl: o.viewAllUrl,
+        className: "w-full"
+      },
+      i.id
+    )) }) })
+  ] });
+}
+export {
+  Se as TournamentCounter__client
+};

package/dist/components/TournamentCounter/TournamentCounter.d.ts

@@ -5,4 +5,4 @@ export interface TournamentCounterProps {
     viewAllUrl?: string;
     className?: string;
 }
-export declare function TournamentCounter(props: TournamentCounterProps): import("react").JSX.Element | null;
+export declare function TournamentCounter(props: TournamentCounterProps): Promise<import("react").JSX.Element>;

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("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/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");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[o,e]=g({align:"start",slidesToScroll:1}),c=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??"Tournaments"}),r.jsxs("div",{className:"flex items-center md:gap-3xl",children:[r.jsxs(N,{href:n.viewAllUrl??"/tournaments",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:c,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:o,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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");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("../../server/services/getSession.js");require("date-fns");require("next/headers");const t=require("../../server/utils/prefetchJackpotsQuery.js"),u=require("./TournamentCounter.client.js");async function n(e){return await t.prefetchJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}),r.jsx(u.TournamentCounter__client,{...e})}exports.TournamentCounter=n;