@opexa/portal-components 0.0.8 → 0.0.10

package/dist/components/SignUp/SignUp.mjs

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

package/dist/components/SignUp/SignUpForm.js

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