@opexa/portal-components 0.0.12 → 0.0.14

package/dist/components/Promos/PromoCarousel.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import N from "embla-carousel-react";
 import v from "next/link";
 import { useState as n, useCallback as m, useEffect as x } from "react";
@@ -13,13 +13,12 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { usePromosQuery as w } from "../../hooks/usePromosQuery.mjs";
+import { usePromosQuery as w } from "../../client/hooks/usePromosQuery.mjs";
 import { ArrowLeftIcon as y } from "../../icons/ArrowLeftIcon.mjs";
 import { ArrowRightIcon as P } from "../../icons/ArrowRightIcon.mjs";
 import { ChevronRightIcon as C } from "../../icons/ChevronRightIcon.mjs";
@@ -45,7 +44,7 @@ import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { Empty as B } from "../Empty/Empty.mjs";
 import { PromosItem as D } from "./PromoItem.mjs";
-function yo(i) {
+function wo(i) {
   const l = w({}).data || [], [a, o] = N({
     align: "start",
     slidesToScroll: 1,
@@ -59,17 +58,17 @@ function yo(i) {
     [o]
   ), g = m(async () => {
     o == null || o.scrollNext();
-  }, [o]), s = m((t) => {
-    p(!(t != null && t.canScrollPrev())), u(!(t != null && t.canScrollNext()));
+  }, [o]), s = m((e) => {
+    p(!(e != null && e.canScrollPrev())), u(!(e != null && e.canScrollNext()));
   }, []);
   return x(() => {
     o && (s(o), o.on("reInit", s).on("select", s));
-  }, [o, s]), /* @__PURE__ */ e("div", { className: i.className, children: [
-    /* @__PURE__ */ e("div", { className: "flex items-center", children: [
+  }, [o, s]), /* @__PURE__ */ t("div", { className: i.className, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center", children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-semibold", children: i.heading }),
       /* @__PURE__ */ r("div", { className: "grow" }),
-      /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-xl", children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-xl", children: [
+        /* @__PURE__ */ t(
           v,
           {
             href: i.seeAllUrl,
@@ -80,7 +79,7 @@ function yo(i) {
             ]
           }
         ),
-        /* @__PURE__ */ e("div", { className: "hidden lg:flex", children: [
+        /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
           /* @__PURE__ */ r(
             c,
             {
@@ -123,18 +122,18 @@ function yo(i) {
         className: S(
           "grid auto-cols-[calc((100%-(0.375rem*2))/1)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/3)] lg:gap-md"
         ),
-        children: l.map((t) => /* @__PURE__ */ r(
+        children: l.map((e) => /* @__PURE__ */ r(
           D,
           {
-            promo: t,
+            promo: e,
             shouldShowDescription: i.shouldShowDescription
           },
-          t.id
+          e.id
         ))
       }
     ) })
   ] });
 }
 export {
-  yo as PromoCarousel
+  wo as PromoCarousel
 };

package/dist/components/Promos/PromoGrid.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("tailwind-merge");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("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const t=require("../../hooks/usePromosQuery.js"),l=require("../../icons/Gift01Icon.js"),u=require("../Empty/Empty.js"),c=require("./PromoItem.js");function n(r){const i=t.usePromosQuery({}).data||[];return e.jsxs("div",{className:r.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:r.heading}),e.jsx("div",{className:"grow"})]}),i.length<=0&&e.jsx(u.Empty,{icon:l.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),i.length>=1&&e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:o.twMerge("grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md"),children:i.map(s=>e.jsx(c.PromosItem,{promo:s,shouldShowDescription:r.shouldShowDescription},s.id))})})]})}exports.PromoGrid=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const t=require("../../client/hooks/usePromosQuery.js"),l=require("../../icons/Gift01Icon.js"),u=require("../Empty/Empty.js"),c=require("./PromoItem.js");function n(r){const i=t.usePromosQuery({}).data||[];return e.jsxs("div",{className:r.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:r.heading}),e.jsx("div",{className:"grow"})]}),i.length<=0&&e.jsx(u.Empty,{icon:l.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),i.length>=1&&e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:o.twMerge("grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md"),children:i.map(s=>e.jsx(c.PromosItem,{promo:s,shouldShowDescription:r.shouldShowDescription},s.id))})})]})}exports.PromoGrid=n;

package/dist/components/Promos/PromoGrid.mjs

@@ -6,22 +6,21 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
+import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { usePromosQuery as s } from "../../hooks/usePromosQuery.mjs";
+import { usePromosQuery as s } from "../../client/hooks/usePromosQuery.mjs";
 import { Gift01Icon as l } from "../../icons/Gift01Icon.mjs";
-import { Empty as p } from "../Empty/Empty.mjs";
-import { PromosItem as a } from "./PromoItem.mjs";
-function q(r) {
+import { Empty as a } from "../Empty/Empty.mjs";
+import { PromosItem as p } from "./PromoItem.mjs";
+function k(r) {
   const i = s({}).data || [];
   return /* @__PURE__ */ t("div", { className: r.className, children: [
     /* @__PURE__ */ t("div", { className: "flex items-center", children: [
@@ -29,7 +28,7 @@ function q(r) {
       /* @__PURE__ */ o("div", { className: "grow" })
     ] }),
     i.length <= 0 && /* @__PURE__ */ o(
-      p,
+      a,
       {
         icon: l,
         title: "No Promos",
@@ -44,7 +43,7 @@ function q(r) {
           "grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md"
         ),
         children: i.map((m) => /* @__PURE__ */ o(
-          a,
+          p,
           {
             promo: m,
             shouldShowDescription: r.shouldShowDescription
@@ -56,5 +55,5 @@ function q(r) {
   ] });
 }
 export {
-  q as PromoGrid
+  k as PromoGrid
 };

package/dist/components/Promos/PromoItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("next/image"),o=require("next/navigation"),l=require("tailwind-merge");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const s=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function n(i){const{promo:e}=i,t=o.useRouter();return r.jsxs("div",{className:"border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border",children:[e.banner.url&&r.jsx(u,{src:e.banner.url,alt:e.name,width:1200,height:500,priority:!0,className:"aspect-[1200/500] w-full rounded-t-md object-cover"}),r.jsxs("div",{className:"flex flex-grow flex-col p-4",children:[r.jsx("p",{className:l.twJoin("w-full text-xl font-bold",i.shouldShowDescription?"text-start":"text-center"),children:e.name}),i.shouldShowDescription&&e.description&&r.jsx("p",{className:"text-gray-600 mb-2 line-clamp-2 w-full overflow-hidden text-start text-sm",dangerouslySetInnerHTML:{__html:e.description}}),r.jsx("div",{className:"mt-auto pt-4",children:r.jsx(s.Button,{className:"w-full",variant:"outline",onClick:()=>t.push(`/promos/${e.id}`),children:"Read More"})})]})]},e.id)}exports.PromosItem=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("next/image"),o=require("next/navigation"),l=require("tailwind-merge");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const s=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function n(i){const{promo:e}=i,t=o.useRouter();return r.jsxs("div",{className:"border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border",children:[e.banner.url&&r.jsx(u,{src:e.banner.url,alt:e.name,width:1200,height:500,priority:!0,className:"aspect-[1200/500] w-full rounded-t-md object-cover"}),r.jsxs("div",{className:"flex flex-grow flex-col p-4",children:[r.jsx("p",{className:l.twJoin("w-full text-xl font-bold",i.shouldShowDescription?"text-start":"text-center"),children:e.name}),i.shouldShowDescription&&e.description&&r.jsx("p",{className:"text-gray-600 mb-2 line-clamp-2 w-full overflow-hidden text-start text-sm",dangerouslySetInnerHTML:{__html:e.description}}),r.jsx("div",{className:"mt-auto pt-4",children:r.jsx(s.Button,{className:"w-full",variant:"outline",onClick:()=>t.push(`/promos/${e.id}`),children:"Read More"})})]})]},e.id)}exports.PromosItem=n;

package/dist/components/Promos/PromoItem.mjs

@@ -14,13 +14,11 @@ import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "@ark-ui/react";
 import "../../utils/capitalize.mjs";
-import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
@@ -29,7 +27,7 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function z(o) {
+function $(o) {
   const { promo: t } = o, i = l();
   return /* @__PURE__ */ e(
     "div",
@@ -81,5 +79,5 @@ function z(o) {
   );
 }
 export {
-  z as PromosItem
+  $ as PromosItem
 };

package/dist/components/Protected/Protected.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react/jsx-runtime");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");const u=require("../../hooks/useSessionQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function i(e){var r;return((r=u.useSessionQuery().data)==null?void 0:r.status)==="authenticated"?e.children:e.fallback??null}exports.Protected=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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 u=require("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function i(e){var r;return((r=u.useSessionQuery().data)==null?void 0:r.status)==="authenticated"?e.children:e.fallback??null}exports.Protected=i;

package/dist/components/Protected/Protected.mjs

@@ -4,23 +4,21 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react/jsx-runtime";
-import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
-import { useSessionQuery as i } from "../../hooks/useSessionQuery.mjs";
+import { useSessionQuery as i } from "../../client/hooks/useSessionQuery.mjs";
+import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-function Q(t) {
+function x(t) {
   var r;
   return ((r = i().data) == null ? void 0 : r.status) === "authenticated" ? t.children : t.fallback ?? null;
 }
 export {
-  Q as Protected
+  x as Protected
 };

package/dist/components/SignIn/SignIn.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@ark-ui/react"),n=require("next/image"),l=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("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("@opexa/portal-sdk-core/object-id");const o=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");require("../../ui/Button/button.recipe.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("./SignInForm.js");function c(i){const t=o.useGlobalStore(l.useShallow(u=>u.signIn));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("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxs(s.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(n,{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(a.XIcon,{})}),e.jsx(n,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(q.SignInForm,{})]})]})})]})]})}exports.SignIn=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@ark-ui/react"),n=require("next/image"),l=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const o=require("../../client/hooks/useGlobalStore.js");require("../../client/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");require("../../ui/Button/button.recipe.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 c=require("./SignInForm.js");function q(i){const t=o.useGlobalStore(l.useShallow(u=>u.signIn));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("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxs(s.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(n,{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(a.XIcon,{})}),e.jsx(n,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(c.SignInForm,{})]})]})})]})]})}exports.SignIn=q;

package/dist/components/SignIn/SignIn.mjs

@@ -8,16 +8,15 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
+import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as n } from "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import { useGlobalStore as n } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
 import { XIcon as s } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
@@ -40,7 +39,7 @@ import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { SignInForm as f } from "./SignInForm.mjs";
-function et(r) {
+function it(r) {
   const e = n(p((i) => i.signIn));
   return /* @__PURE__ */ o(
     a,
@@ -90,5 +89,5 @@ function et(r) {
   );
 }
 export {
-  et as SignIn
+  it as SignIn
 };

package/dist/components/SignIn/SignInForm.js

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

package/dist/components/SignIn/SignInForm.mjs

@@ -15,16 +15,16 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as y } from "../../utils/toaster.mjs";
-import { useCooldown as M } from "../../hooks/useCooldown.mjs";
+import { useCooldown as M } from "../../client/hooks/useCooldown.mjs";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as P } from "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as V } from "../../hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as F } from "../../hooks/useMobileNumberParser.mjs";
+import { useGlobalStore as P } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as V } from "../../client/hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as F } from "../../client/hooks/useMobileNumberParser.mjs";
 import "usehooks-ts";
-import { useSendVerificationCodeMutation as L } from "../../hooks/useSendVerificationCodeMutation.mjs";
-import { useSignInMutation as $ } from "../../hooks/useSignInMutation.mjs";
+import { useSendVerificationCodeMutation as L } from "../../client/hooks/useSendVerificationCodeMutation.mjs";
+import { useSignInMutation as $ } from "../../client/hooks/useSignInMutation.mjs";
+import { toaster as y } from "../../client/utils/toaster.mjs";
 import { ArrowLeftIcon as O } from "../../icons/ArrowLeftIcon.mjs";
 import { CheckIcon as j } from "../../icons/CheckIcon.mjs";
 import { FacebookIcon as z } from "../../icons/FacebookIcon.mjs";

package/dist/components/SignUp/SignUp.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@ark-ui/react"),s=require("next/image"),n=require("zustand/shallow");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("@opexa/portal-sdk-core/object-id");const o=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const q=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=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 c=require("./SignUpForm.js");function g(i){const t=o.useGlobalStore(n.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(a.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(q.XIcon,{})}),e.jsx(s,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(c.SignUpForm,{})]})]})})]})]})}exports.SignUp=g;
+"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"),n=require("react"),o=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const c=require("../../client/hooks/useGlobalStore.js");require("../../client/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 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 g=require("./SignUpForm.js");function h(i){const t=c.useGlobalStore(o.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(a.XIcon,{})}),e.jsx(s,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(n.Suspense,{children:e.jsx(g.SignUpForm,{})})]})]})})]})]})}exports.SignUp=h;

package/dist/components/SignUp/SignUp.mjs

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

package/dist/components/SignUp/SignUpForm.js

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

package/dist/components/SignUp/SignUpForm.mjs

@@ -17,16 +17,16 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as C } from "../../utils/toaster.mjs";
-import { useCooldown as F } from "../../hooks/useCooldown.mjs";
-import { useGlobalStore as L } from "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as z } from "../../hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as E } from "../../hooks/useMobileNumberParser.mjs";
+import { useCooldown as F } from "../../client/hooks/useCooldown.mjs";
+import { useGlobalStore as L } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as z } from "../../client/hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as E } from "../../client/hooks/useMobileNumberParser.mjs";
 import "usehooks-ts";
-import { useSendVerificationCodeMutation as U } from "../../hooks/useSendVerificationCodeMutation.mjs";
-import { useSignInMutation as G } from "../../hooks/useSignInMutation.mjs";
-import { useSignUpMutation as H } from "../../hooks/useSignUpMutation.mjs";
+import { useSendVerificationCodeMutation as U } from "../../client/hooks/useSendVerificationCodeMutation.mjs";
+import { useSignInMutation as G } from "../../client/hooks/useSignInMutation.mjs";
+import { useSignUpMutation as H } from "../../client/hooks/useSignUpMutation.mjs";
+import { toaster as C } from "../../client/utils/toaster.mjs";
 import { ArrowLeftIcon as T } from "../../icons/ArrowLeftIcon.mjs";
 import { CheckIcon as B } from "../../icons/CheckIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";

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

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

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("embla-carousel-react"),u=require("next/image");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const l=require("../../utils/formatNumber.js"),m=require("../../utils/getGameImageUrl.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const n=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const o=require("../../client/hooks/useTopWinsQuery.js");function d(a){const i=n.useLocaleInfo(),s=o.useTopWinsQuery().data??[],[c]=t({align:"start",slidesToScroll:1});return s!=null&&s.length?e.jsxs("div",{className:a.className,children:[e.jsx("div",{className:"text-gray-600 mb-3 text-lg font-semibold md:mb-4",children:a.heading}),e.jsx("div",{ref:c,className:"relative lg:overflow-hidden",children:e.jsx("div",{className:"flex gap-sm lg:gap-md",children:s.map(r=>e.jsxs("div",{className:"bg-gray-50 border-gray-200 flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]",children:[e.jsx("div",{className:"mx-auto aspect-square w-full",children:r.game&&e.jsx(u,{width:100,height:100,src:m.getGameImageUrl(r.game),alt:"",className:"size-full rounded-sm object-cover"})}),e.jsxs("div",{className:"space-y-0.5",children:[e.jsx("div",{className:"text-gray-600 text-xs",children:r.member.name}),e.jsx("div",{className:"text-gray-800 text-sm font-semibold",children:l.formatNumber(r.payout,{currency:i.currency.code,minDecimalPlaces:2})}),e.jsx("div",{className:"text-gray-600 text-xs",children:l.formatNumber(r.multiplier,{minDecimalPlaces:2})})]})]},r.id))})})]}):null}exports.TopWins__client=d;