@opexa/portal-components 0.0.8 → 0.0.9

package/dist/components/SignIn/SignInForm.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@ark-ui/react"),E=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"),I=require("react"),m=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"),C=require("../../hooks/useCooldown.js");require("../../_virtual/index.cjs.js");const S=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const w=require("../../hooks/useLocaleInfo.js"),k=require("../../hooks/useMobileNumberParser.js");require("usehooks-ts");const z=require("../../hooks/useSendVerificationCodeMutation.js"),F=require("../../hooks/useSignInMutation.js"),M=require("../../icons/ArrowLeftIcon.js"),P=require("../../icons/CheckIcon.js"),A=require("../../icons/FacebookIcon.js"),V=require("../../icons/GoogleIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=require("../../ui/Button/Button.js"),i=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 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 L=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 O(){var g;const[R,b]=I.useState(1),s=y.useDialogContext(),q=S.useGlobalStore(L.useShallow(e=>e.signUp)),N=F.useSignInMutation(),p=z.useSendVerificationCodeMutation(),f=w.useLocaleInfo(),c=k.useMobileNumberParser(),h=n.z.object({mobileNumber:n.z.string().superRefine((e,t)=>{c.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"})})}),v=n.z.object({verificationCode:n.z.array(n.z.string().min(1).max(1).trim()).min(6).max(6)}),a=m.useForm({resolver:E.zodResolver(h),defaultValues:{mobileNumber:"",termsAccepted:!1}}),l=m.useForm({resolver:E.zodResolver(v),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),o=C.useCooldown({max:60,duration:1e3*60});return React.createElement(React.Fragment,null,R===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"},"Log in to your account"),React.createElement("p",{className:"text-gray-600 mt-xs text-center text-sm"},"Welcome back! Please enter your details."),React.createElement("form",{className:"mt-5",onSubmit:a.handleSubmit(async e=>{try{await p.mutateAsync({channel:"SMS",recipient:c.format(e.mobileNumber),strict:!0}),b(2),o.start()}catch(t){x.toaster.error({description:t instanceof Error?t.message:"Failed to send verification code"})}})},React.createElement(d.Root,{invalid:!!a.formState.errors.mobileNumber},React.createElement(d.Label,null,"Mobile Number"),React.createElement("div",{className:"relative"},React.createElement(f.country.flag,{className:"absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2"}),React.createElement(d.Input,{className:"pl-11",placeholder:`${f.mobileNumber.areaCode}${f.mobileNumber.example}`,...a.register("mobileNumber")})),React.createElement(d.ErrorText,null,(g=a.formState.errors.mobileNumber)==null?void 0:g.message)),React.createElement(u.Button,{type:"submit",className:"mt-xl",disabled:a.formState.isSubmitting},"Log In"),React.createElement(m.Controller,{control:a.control,name:"termsAccepted",render:e=>React.createElement(i.Root,{className:"mt-xl",invalid:e.fieldState.invalid,checked:e.field.value,onCheckedChange:t=>{e.field.onChange(t.checked)}},React.createElement(i.Control,null,React.createElement(i.Indicator,{asChild:!0},React.createElement(P.CheckIcon,null))),React.createElement(i.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(i.HiddenInput,null))})),React.createElement("div",{className:"relative mt-5 text-center"},React.createElement("hr",{className:"-translte-y-1/2 text-gray-200 absolute top-1/2 w-full"}),React.createElement("span",{className:"text-gray-500 relative bg-white px-md text-center text-sm font-semibold"},"OR")),React.createElement("div",{className:"mt-5"},React.createElement(u.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{s.setOpen(!1)}},React.createElement(V.GoogleIcon,{className:"size-6"}),"Continue with Google"),React.createElement(u.Button,{variant:"outline",colorScheme:"gray",className:"mt-lg",onClick:()=>{s.setOpen(!1)}},React.createElement(A.FacebookIcon,{className:"size-6"}),"Continue with Facebook"))),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:()=>{s.setOpen(!1),q.setOpen(!0)}},"Sign up"))),R===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"},c.format(a.getValues("mobileNumber")))," ","via text"),React.createElement("form",{className:"mt-5",onSubmit:l.handleSubmit(async({verificationCode:e})=>{const{mobileNumber:t}=a.getValues();try{await N.mutateAsync({type:"MOBILE_NUMBER",mobileNumber:c.format(t),verificationCode:e.join("")}),s.setOpen(!1),a.reset(),l.reset(),b(1)}catch{x.toaster.error({description:"Invalid Verification Code"})}})},React.createElement(m.Controller,{name:"verificationCode",control:l.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(u.Button,{type:"submit",className:"mt-5",disabled:l.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:o.cooling,onClick:async()=>{await p.mutateAsync({channel:"SMS",recipient:c.format(a.getValues("mobileNumber"))}),o.start()}},o.cooling?`Resend in ${o.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:()=>{b(1),l.reset(),o.stop()}},React.createElement(M.ArrowLeftIcon,{className:"size-5"}),"Back"))))}exports.SignInForm=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),y=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"),I=require("react"),m=require("react-hook-form"),o=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 g=require("../../utils/toaster.js"),C=require("../../hooks/useCooldown.js");require("../../_virtual/index.cjs.js");const S=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const w=require("../../hooks/useLocaleInfo.js"),k=require("../../hooks/useMobileNumberParser.js");require("usehooks-ts");const z=require("../../hooks/useSendVerificationCodeMutation.js"),F=require("../../hooks/useSignInMutation.js"),M=require("../../icons/ArrowLeftIcon.js"),P=require("../../icons/CheckIcon.js"),A=require("../../icons/FacebookIcon.js"),V=require("../../icons/GoogleIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const x=require("../../ui/Button/Button.js"),u=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 L=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 O(){var f;const[h,p]=I.useState(1),c=y.useDialogContext(),E=S.useGlobalStore(L.useShallow(t=>t.signUp)),q=F.useSignInMutation(),b=z.useSendVerificationCodeMutation(),j=w.useLocaleInfo(),a=k.useMobileNumberParser(),N=o.z.object({mobileNumber:o.z.string().superRefine((t,s)=>{a.validate(t)||s.addIssue({code:o.z.ZodIssueCode.custom,message:"Invalid mobile number"})}),termsAccepted:o.z.boolean().superRefine((t,s)=>{t||s.addIssue({code:o.z.ZodIssueCode.custom,message:"You must accept the terms and conditions"})})}),v=o.z.object({verificationCode:o.z.array(o.z.string().min(1).max(1).trim()).min(6).max(6)}),r=m.useForm({resolver:R.zodResolver(N),defaultValues:{mobileNumber:"",termsAccepted:!1}}),l=m.useForm({resolver:R.zodResolver(v),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),i=C.useCooldown({max:60,duration:1e3*60});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[h===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:"Log in to your account"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-600 mt-xs text-center text-sm",children:"Welcome back! Please enter your details."}),e.jsxRuntimeExports.jsxs("form",{className:"mt-5",onSubmit:r.handleSubmit(async t=>{try{await b.mutateAsync({channel:"SMS",recipient:a.format(t.mobileNumber),strict:!0}),p(2),i.start()}catch(s){g.toaster.error({description:s instanceof Error?s.message:"Failed to send verification code"})}}),children:[e.jsxRuntimeExports.jsxs(d.Root,{invalid:!!r.formState.errors.mobileNumber,children:[e.jsxRuntimeExports.jsx(d.Label,{children:"Mobile Number"}),e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(j.country.flag,{className:"absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2"}),e.jsxRuntimeExports.jsx(d.Input,{className:"pl-11",placeholder:`${j.mobileNumber.areaCode}${j.mobileNumber.example}`,...r.register("mobileNumber")})]}),e.jsxRuntimeExports.jsx(d.ErrorText,{children:(f=r.formState.errors.mobileNumber)==null?void 0:f.message})]}),e.jsxRuntimeExports.jsx(x.Button,{type:"submit",className:"mt-xl",disabled:r.formState.isSubmitting,children:"Log In"}),e.jsxRuntimeExports.jsx(m.Controller,{control:r.control,name:"termsAccepted",render:t=>e.jsxRuntimeExports.jsxs(u.Root,{className:"mt-xl",invalid:t.fieldState.invalid,checked:t.field.value,onCheckedChange:s=>{t.field.onChange(s.checked)},children:[e.jsxRuntimeExports.jsx(u.Control,{children:e.jsxRuntimeExports.jsx(u.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(P.CheckIcon,{})})}),e.jsxRuntimeExports.jsx(u.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(u.HiddenInput,{})]})})]}),e.jsxRuntimeExports.jsxs("div",{className:"relative mt-5 text-center",children:[e.jsxRuntimeExports.jsx("hr",{className:"-translte-y-1/2 text-gray-200 absolute top-1/2 w-full"}),e.jsxRuntimeExports.jsx("span",{className:"text-gray-500 relative bg-white px-md text-center text-sm font-semibold",children:"OR"})]}),e.jsxRuntimeExports.jsxs("div",{className:"mt-5",children:[e.jsxRuntimeExports.jsxs(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{c.setOpen(!1)},children:[e.jsxRuntimeExports.jsx(V.GoogleIcon,{className:"size-6"}),"Continue with Google"]}),e.jsxRuntimeExports.jsxs(x.Button,{variant:"outline",colorScheme:"gray",className:"mt-lg",onClick:()=>{c.setOpen(!1)},children:[e.jsxRuntimeExports.jsx(A.FacebookIcon,{className:"size-6"}),"Continue with Facebook"]})]})]}),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:()=>{c.setOpen(!1),E.setOpen(!0)},children:"Sign up"})]})]}),h===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:a.format(r.getValues("mobileNumber"))})," ","via text"]}),e.jsxRuntimeExports.jsxs("form",{className:"mt-5",onSubmit:l.handleSubmit(async({verificationCode:t})=>{const{mobileNumber:s}=r.getValues();try{await q.mutateAsync({type:"MOBILE_NUMBER",mobileNumber:a.format(s),verificationCode:t.join("")}),c.setOpen(!1),r.reset(),l.reset(),p(1)}catch{g.toaster.error({description:"Invalid Verification Code"})}}),children:[e.jsxRuntimeExports.jsx(m.Controller,{name:"verificationCode",control:l.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(x.Button,{type:"submit",className:"mt-5",disabled:l.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:i.cooling,onClick:async()=>{await b.mutateAsync({channel:"SMS",recipient:a.format(r.getValues("mobileNumber"))}),i.start()},children:i.cooling?`Resend in ${i.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:()=>{p(1),l.reset(),i.stop()},children:[e.jsxRuntimeExports.jsx(M.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignInForm=O;

package/dist/components/SignIn/SignInForm.mjs

@@ -1,9 +1,10 @@
 "use client";
-import { useDialogContext as y } from "@ark-ui/react";
-import { zodResolver as b } from "../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import { useState as C } from "react";
-import { useForm as R, Controller as g } from "react-hook-form";
-import { z as o } from "zod";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { useDialogContext as S } from "@ark-ui/react";
+import { zodResolver as h } from "../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { useState as I } from "react";
+import { useForm as b, Controller as j } from "react-hook-form";
+import { z as i } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -13,240 +14,302 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as E } from "../../utils/toaster.mjs";
-import { useCooldown as S } from "../../hooks/useCooldown.mjs";
+import { toaster as g } from "../../utils/toaster.mjs";
+import { useCooldown as w } from "../../hooks/useCooldown.mjs";
 import "../../_virtual/index.cjs.mjs";
-import { useGlobalStore as I } from "../../hooks/useGlobalStore.mjs";
+import { useGlobalStore as k } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as w } from "../../hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as k } from "../../hooks/useMobileNumberParser.mjs";
+import { useLocaleInfo as R } from "../../hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as A } from "../../hooks/useMobileNumberParser.mjs";
 import "usehooks-ts";
-import { useSendVerificationCodeMutation as A } from "../../hooks/useSendVerificationCodeMutation.mjs";
-import { useSignInMutation as F } from "../../hooks/useSignInMutation.mjs";
-import { ArrowLeftIcon as M } from "../../icons/ArrowLeftIcon.mjs";
-import { CheckIcon as P } from "../../icons/CheckIcon.mjs";
-import { FacebookIcon as V } from "../../icons/FacebookIcon.mjs";
-import { GoogleIcon as L } from "../../icons/GoogleIcon.mjs";
+import { useSendVerificationCodeMutation as F } from "../../hooks/useSendVerificationCodeMutation.mjs";
+import { useSignInMutation as M } from "../../hooks/useSignInMutation.mjs";
+import { ArrowLeftIcon as P } from "../../icons/ArrowLeftIcon.mjs";
+import { CheckIcon as V } from "../../icons/CheckIcon.mjs";
+import { FacebookIcon as L } from "../../icons/FacebookIcon.mjs";
+import { GoogleIcon as $ } from "../../icons/GoogleIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as i } from "../../ui/Button/Button.mjs";
-import { Root as $, Control as O, Indicator as z, Label as D, HiddenInput as j } from "../../ui/Checkbox/Checkbox.mjs";
+import { Button as c } from "../../ui/Button/Button.mjs";
+import { Root as O, Control as z, Indicator as D, Label as E, HiddenInput as G } 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 G, Label as B, Input as U, ErrorText as H } from "../../ui/Field/Field.mjs";
+import { Root as B, Label as U, Input as H, ErrorText as T } from "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
-import { Root as T, Control as W, Input as n, HiddenInput as Z } from "../../ui/PinInput/PinInput.mjs";
+import { Root as W, Control as Z, Input as n, HiddenInput as Y } 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 Y } 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 Ue() {
+import { useShallow as _ } 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 Te() {
   var f;
-  const [d, s] = C(1), l = y(), x = I(Y((e) => e.signUp)), N = F(), p = A(), u = w(), m = k(), h = o.object({
-    mobileNumber: o.string().superRefine((e, t) => {
-      m.validate(e) || t.addIssue({
-        code: o.ZodIssueCode.custom,
+  const [p, d] = I(1), l = S(), N = k(_((t) => t.signUp)), v = M(), x = F(), u = R(), a = A(), y = i.object({
+    mobileNumber: i.string().superRefine((t, o) => {
+      a.validate(t) || o.addIssue({
+        code: i.ZodIssueCode.custom,
         message: "Invalid mobile number"
       });
     }),
-    termsAccepted: o.boolean().superRefine((e, t) => {
-      e || t.addIssue({
-        code: o.ZodIssueCode.custom,
+    termsAccepted: i.boolean().superRefine((t, o) => {
+      t || o.addIssue({
+        code: i.ZodIssueCode.custom,
         message: "You must accept the terms and conditions"
       });
     })
-  }), v = o.object({
-    verificationCode: o.array(o.string().min(1).max(1).trim()).min(6).max(6)
-  }), a = R({
-    resolver: b(h),
+  }), C = i.object({
+    verificationCode: i.array(i.string().min(1).max(1).trim()).min(6).max(6)
+  }), s = b({
+    resolver: h(y),
     defaultValues: {
       mobileNumber: "",
       termsAccepted: !1
     }
-  }), c = R({
-    resolver: b(v),
+  }), m = b({
+    resolver: h(C),
     defaultValues: {
       verificationCode: Array.from({ length: 6 }).fill("")
     }
-  }), r = S({
+  }), r = w({
     max: 60,
     duration: 1e3 * 60
   });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, d === 1 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "w-full grow" }, /* @__PURE__ */ React.createElement("h2", { className: "mt-xl text-center text-lg font-semibold" }, "Log in to your account"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-xs text-center text-sm" }, "Welcome back! Please enter your details."), /* @__PURE__ */ React.createElement(
-    "form",
-    {
-      className: "mt-5",
-      onSubmit: a.handleSubmit(async (e) => {
-        try {
-          await p.mutateAsync({
-            channel: "SMS",
-            recipient: m.format(e.mobileNumber),
-            strict: !0
-          }), s(2), r.start();
-        } catch (t) {
-          E.error({
-            description: t instanceof Error ? t.message : "Failed to send verification code"
-          });
-        }
-      })
-    },
-    /* @__PURE__ */ React.createElement(G, { invalid: !!a.formState.errors.mobileNumber }, /* @__PURE__ */ React.createElement(B, null, "Mobile Number"), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(u.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }), /* @__PURE__ */ React.createElement(
-      U,
-      {
-        className: "pl-11",
-        placeholder: `${u.mobileNumber.areaCode}${u.mobileNumber.example}`,
-        ...a.register("mobileNumber")
-      }
-    )), /* @__PURE__ */ React.createElement(H, null, (f = a.formState.errors.mobileNumber) == null ? void 0 : f.message)),
-    /* @__PURE__ */ React.createElement(
-      i,
-      {
-        type: "submit",
-        className: "mt-xl",
-        disabled: a.formState.isSubmitting
-      },
-      "Log In"
-    ),
-    /* @__PURE__ */ React.createElement(
-      g,
-      {
-        control: a.control,
-        name: "termsAccepted",
-        render: (e) => /* @__PURE__ */ React.createElement(
-          $,
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    p === 1 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "w-full grow", children: [
+        /* @__PURE__ */ e.jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Log in to your account" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 mt-xs text-center text-sm", children: "Welcome back! Please enter your details." }),
+        /* @__PURE__ */ e.jsxs(
+          "form",
           {
-            className: "mt-xl",
-            invalid: e.fieldState.invalid,
-            checked: e.field.value,
-            onCheckedChange: (t) => {
-              e.field.onChange(t.checked);
+            className: "mt-5",
+            onSubmit: s.handleSubmit(async (t) => {
+              try {
+                await x.mutateAsync({
+                  channel: "SMS",
+                  recipient: a.format(t.mobileNumber),
+                  strict: !0
+                }), d(2), r.start();
+              } catch (o) {
+                g.error({
+                  description: o instanceof Error ? o.message : "Failed to send verification code"
+                });
+              }
+            }),
+            children: [
+              /* @__PURE__ */ e.jsxs(B, { invalid: !!s.formState.errors.mobileNumber, children: [
+                /* @__PURE__ */ e.jsx(U, { children: "Mobile Number" }),
+                /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+                  /* @__PURE__ */ e.jsx(u.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }),
+                  /* @__PURE__ */ e.jsx(
+                    H,
+                    {
+                      className: "pl-11",
+                      placeholder: `${u.mobileNumber.areaCode}${u.mobileNumber.example}`,
+                      ...s.register("mobileNumber")
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsx(T, { children: (f = s.formState.errors.mobileNumber) == null ? void 0 : f.message })
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                c,
+                {
+                  type: "submit",
+                  className: "mt-xl",
+                  disabled: s.formState.isSubmitting,
+                  children: "Log In"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  control: s.control,
+                  name: "termsAccepted",
+                  render: (t) => /* @__PURE__ */ e.jsxs(
+                    O,
+                    {
+                      className: "mt-xl",
+                      invalid: t.fieldState.invalid,
+                      checked: t.field.value,
+                      onCheckedChange: (o) => {
+                        t.field.onChange(o.checked);
+                      },
+                      children: [
+                        /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsx(D, { asChild: !0, children: /* @__PURE__ */ e.jsx(V, {}) }) }),
+                        /* @__PURE__ */ e.jsx(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.jsx(G, {})
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "relative mt-5 text-center", children: [
+          /* @__PURE__ */ e.jsx("hr", { className: "-translte-y-1/2 text-gray-200 absolute top-1/2 w-full" }),
+          /* @__PURE__ */ e.jsx("span", { className: "text-gray-500 relative bg-white px-md text-center text-sm font-semibold", children: "OR" })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "mt-5", children: [
+          /* @__PURE__ */ e.jsxs(
+            c,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              onClick: () => {
+                l.setOpen(!1);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx($, { className: "size-6" }),
+                "Continue with Google"
+              ]
             }
-          },
-          /* @__PURE__ */ React.createElement(O, null, /* @__PURE__ */ React.createElement(z, { asChild: !0 }, /* @__PURE__ */ React.createElement(P, null))),
-          /* @__PURE__ */ React.createElement(D, null, "I confirm that I am at least 21 years old, not listed in the PAGCOR NDRP, not a GEL license holder, government employee, or member of the Armed Forces of the Philippines. I am not playing in a public space and agree to the Terms of Use and Privacy Policy. Ineligible accounts will have their funds forfeited to the government."),
-          /* @__PURE__ */ React.createElement(j, null)
-        )
-      }
-    )
-  ), /* @__PURE__ */ React.createElement("div", { className: "relative mt-5 text-center" }, /* @__PURE__ */ React.createElement("hr", { className: "-translte-y-1/2 text-gray-200 absolute top-1/2 w-full" }), /* @__PURE__ */ React.createElement("span", { className: "text-gray-500 relative bg-white px-md text-center text-sm font-semibold" }, "OR")), /* @__PURE__ */ React.createElement("div", { className: "mt-5" }, /* @__PURE__ */ React.createElement(
-    i,
-    {
-      variant: "outline",
-      colorScheme: "gray",
-      onClick: () => {
-        l.setOpen(!1);
-      }
-    },
-    /* @__PURE__ */ React.createElement(L, { className: "size-6" }),
-    "Continue with Google"
-  ), /* @__PURE__ */ React.createElement(
-    i,
-    {
-      variant: "outline",
-      colorScheme: "gray",
-      className: "mt-lg",
-      onClick: () => {
-        l.setOpen(!1);
-      }
-    },
-    /* @__PURE__ */ React.createElement(V, { className: "size-6" }),
-    "Continue with Facebook"
-  ))), /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-center gap-xs text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-500" }, "Don't have an account?"), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "submit",
-      className: "text-accent-700 font-semibold",
-      onClick: () => {
-        l.setOpen(!1), x.setOpen(!0);
-      }
-    },
-    "Sign up"
-  ))), d === 2 && /* @__PURE__ */ React.createElement("div", { className: "w-full grow" }, /* @__PURE__ */ React.createElement("h2", { className: "mt-xl text-center text-lg font-semibold" }, "Check your Phone"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-xs text-center text-sm" }, "We’ve sent a verification code to your mobile number", " ", /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, m.format(a.getValues("mobileNumber"))), " ", "via text"), /* @__PURE__ */ React.createElement(
-    "form",
-    {
-      className: "mt-5",
-      onSubmit: c.handleSubmit(async ({ verificationCode: e }) => {
-        const { mobileNumber: t } = a.getValues();
-        try {
-          await N.mutateAsync({
-            type: "MOBILE_NUMBER",
-            mobileNumber: m.format(t),
-            verificationCode: e.join("")
-          }), l.setOpen(!1), a.reset(), c.reset(), s(1);
-        } catch {
-          E.error({
-            description: "Invalid Verification Code"
-          });
-        }
-      })
-    },
-    /* @__PURE__ */ React.createElement(
-      g,
-      {
-        name: "verificationCode",
-        control: c.control,
-        render: (e) => /* @__PURE__ */ React.createElement(
-          T,
-          {
-            placeholder: "0",
-            invalid: e.fieldState.invalid,
-            value: e.field.value,
-            onValueChange: (t) => {
-              e.field.onChange(t.value);
+          ),
+          /* @__PURE__ */ e.jsxs(
+            c,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "mt-lg",
+              onClick: () => {
+                l.setOpen(!1);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx(L, { className: "size-6" }),
+                "Continue with Facebook"
+              ]
             }
-          },
-          /* @__PURE__ */ React.createElement(W, null, /* @__PURE__ */ React.createElement(n, { index: 0 }), /* @__PURE__ */ React.createElement(n, { index: 1 }), /* @__PURE__ */ React.createElement(n, { index: 2 }), /* @__PURE__ */ React.createElement(n, { index: 3 }), /* @__PURE__ */ React.createElement(n, { index: 4 }), /* @__PURE__ */ React.createElement(n, { index: 5 })),
-          /* @__PURE__ */ React.createElement(Z, null)
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-center gap-xs text-sm", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: "Don't have an account?" }),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "submit",
+            className: "text-accent-700 font-semibold",
+            onClick: () => {
+              l.setOpen(!1), N.setOpen(!0);
+            },
+            children: "Sign up"
+          }
         )
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      i,
-      {
-        type: "submit",
-        className: "mt-5",
-        disabled: c.formState.isSubmitting
-      },
-      "Verify and Play"
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "mt-5 flex w-full items-center justify-center gap-xs text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-500" }, "Didn't recieve the code?"), /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: "text-accent-700 font-semibold",
-        disabled: r.cooling,
-        onClick: async () => {
-          await p.mutateAsync({
-            channel: "SMS",
-            recipient: m.format(
-              a.getValues("mobileNumber")
+      ] })
+    ] }),
+    p === 2 && /* @__PURE__ */ e.jsxs("div", { className: "w-full grow", children: [
+      /* @__PURE__ */ e.jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Check your Phone" }),
+      /* @__PURE__ */ e.jsxs("p", { className: "text-gray-600 mt-xs text-center text-sm", children: [
+        "We’ve sent a verification code to your mobile number",
+        " ",
+        /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: a.format(s.getValues("mobileNumber")) }),
+        " ",
+        "via text"
+      ] }),
+      /* @__PURE__ */ e.jsxs(
+        "form",
+        {
+          className: "mt-5",
+          onSubmit: m.handleSubmit(async ({ verificationCode: t }) => {
+            const { mobileNumber: o } = s.getValues();
+            try {
+              await v.mutateAsync({
+                type: "MOBILE_NUMBER",
+                mobileNumber: a.format(o),
+                verificationCode: t.join("")
+              }), l.setOpen(!1), s.reset(), m.reset(), d(1);
+            } catch {
+              g.error({
+                description: "Invalid Verification Code"
+              });
+            }
+          }),
+          children: [
+            /* @__PURE__ */ e.jsx(
+              j,
+              {
+                name: "verificationCode",
+                control: m.control,
+                render: (t) => /* @__PURE__ */ e.jsxs(
+                  W,
+                  {
+                    placeholder: "0",
+                    invalid: t.fieldState.invalid,
+                    value: t.field.value,
+                    onValueChange: (o) => {
+                      t.field.onChange(o.value);
+                    },
+                    children: [
+                      /* @__PURE__ */ e.jsxs(Z, { children: [
+                        /* @__PURE__ */ e.jsx(n, { index: 0 }),
+                        /* @__PURE__ */ e.jsx(n, { index: 1 }),
+                        /* @__PURE__ */ e.jsx(n, { index: 2 }),
+                        /* @__PURE__ */ e.jsx(n, { index: 3 }),
+                        /* @__PURE__ */ e.jsx(n, { index: 4 }),
+                        /* @__PURE__ */ e.jsx(n, { index: 5 })
+                      ] }),
+                      /* @__PURE__ */ e.jsx(Y, {})
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              c,
+              {
+                type: "submit",
+                className: "mt-5",
+                disabled: m.formState.isSubmitting,
+                children: "Verify and Play"
+              }
+            ),
+            /* @__PURE__ */ e.jsxs("div", { className: "mt-5 flex w-full items-center justify-center gap-xs text-sm", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: "Didn't recieve the code?" }),
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "text-accent-700 font-semibold",
+                  disabled: r.cooling,
+                  onClick: async () => {
+                    await x.mutateAsync({
+                      channel: "SMS",
+                      recipient: a.format(
+                        s.getValues("mobileNumber")
+                      )
+                    }), r.start();
+                  },
+                  children: r.cooling ? `Resend in ${r.countdown}s` : "Resend"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                className: "text-gray-600 mx-auto mt-5 flex w-fit items-center gap-1 text-sm font-semibold",
+                onClick: () => {
+                  d(1), m.reset(), r.stop();
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(P, { className: "size-5" }),
+                  "Back"
+                ]
+              }
             )
-          }), r.start();
-        }
-      },
-      r.cooling ? `Resend in ${r.countdown}s` : "Resend"
-    )),
-    /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: "text-gray-600 mx-auto mt-5 flex w-fit items-center gap-1 text-sm font-semibold",
-        onClick: () => {
-          s(1), c.reset(), r.stop();
+          ]
         }
-      },
-      /* @__PURE__ */ React.createElement(M, { className: "size-5" }),
-      "Back"
-    )
-  )));
+      )
+    ] })
+  ] });
 }
 export {
-  Ue as SignInForm
+  Te as SignInForm
 };

package/dist/components/SignUp/SignUp.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@ark-ui/react"),u=require("../../_virtual/image.js");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");const n=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const a=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const c=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const e=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/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 o=require("./SignUpForm.js"),s=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 q(r){const l=n.useGlobalStore(s.useShallow(t=>t.signUp));return React.createElement(e.Root,{open:l.open,onOpenChange:t=>{l.setOpen(t.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1},React.createElement(e.Trigger,{asChild:!0},r.children??React.createElement(c.Button,null,"Sign up")),React.createElement(i.Portal,null,React.createElement(e.Backdrop,null),React.createElement(e.Positioner,null,React.createElement(e.Content,{className:"mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit"},React.createElement(u,{src:r.banner,alt:"h-auto w-[400px]",width:400,height:800,className:"hidden rounded-l-xl lg:block"}),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"},React.createElement(e.CloseTrigger,null,React.createElement(a.XIcon,null)),React.createElement(u,{src:r.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),React.createElement(o.SignUpForm,null))))))}exports.SignUp=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),n=require("@ark-ui/react"),u=require("../../_virtual/image.js");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");const o=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const l=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const x=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.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/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 q=require("./SignUpForm.js"),a=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 c(i){const s=o.useGlobalStore(a.useShallow(t=>t.signUp));return e.jsxRuntimeExports.jsxs(r.Root,{open:s.open,onOpenChange:t=>{s.setOpen(t.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsxRuntimeExports.jsx(r.Trigger,{asChild:!0,children:i.children??e.jsxRuntimeExports.jsx(x.Button,{children:"Sign up"})}),e.jsxRuntimeExports.jsxs(n.Portal,{children:[e.jsxRuntimeExports.jsx(r.Backdrop,{}),e.jsxRuntimeExports.jsx(r.Positioner,{children:e.jsxRuntimeExports.jsxs(r.Content,{className:"mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit",children:[e.jsxRuntimeExports.jsx(u,{src:i.banner,alt:"h-auto w-[400px]",width:400,height:800,className:"hidden rounded-l-xl lg:block"}),e.jsxRuntimeExports.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:[e.jsxRuntimeExports.jsx(r.CloseTrigger,{children:e.jsxRuntimeExports.jsx(l.XIcon,{})}),e.jsxRuntimeExports.jsx(u,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsxRuntimeExports.jsx(q.SignUpForm,{})]})]})})]})]})}exports.SignUp=c;