@opexa/portal-components 0.0.10 → 0.0.11

package/dist/components/SignIn/SignInForm.mjs

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

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

@@ -5,4 +5,4 @@ export interface SignUpProps {
     banner: ImageProps['src'];
     children?: ReactNode;
 }
-export declare function SignUp(props: SignUpProps): import("react/jsx-runtime").JSX.Element;
+export declare function SignUp(props: SignUpProps): import("react").JSX.Element;

package/dist/components/SignUp/SignUp.js

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

package/dist/components/SignUp/SignUp.mjs

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

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

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