@opexa/portal-components 0.0.11 → 0.0.13

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 "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "@opexa/portal-sdk-core/object-id";
+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("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");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 "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "@opexa/portal-sdk-core/object-id";
+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("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");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 "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "@opexa/portal-sdk-core/object-id";
+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");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 l=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");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 a=require("./SignInForm.js"),q=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 t=l.useGlobalStore(q.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(o.XIcon,{})}),e.jsx(n,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(a.SignInForm,{})]})]})})]})]})}exports.SignIn=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),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

@@ -2,23 +2,23 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { Portal as l } from "@ark-ui/react";
 import m from "next/image";
+import { useShallow as p } 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 "react";
 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 "../../hooks/useInfiniteQueryHelper.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as n } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { XIcon as n } from "../../icons/XIcon.mjs";
+import { XIcon as s } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -26,7 +26,7 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
-import { Root as s, Trigger as a, Backdrop as c, Positioner as h, Content as u, CloseTrigger as d } from "../../ui/Dialog/Dialog.mjs";
+import { Root as a, 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,12 +38,11 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { SignInForm as g } from "./SignInForm.mjs";
-import { useShallow as f } 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(r) {
-  const e = p(f((i) => i.signIn));
+import { SignInForm as f } from "./SignInForm.mjs";
+function it(r) {
+  const e = n(p((i) => i.signIn));
   return /* @__PURE__ */ o(
-    s,
+    a,
     {
       open: e.open,
       onOpenChange: (i) => {
@@ -54,10 +53,10 @@ function et(r) {
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       children: [
-        /* @__PURE__ */ t(a, { asChild: !0, children: r.children ?? /* @__PURE__ */ t("button", { type: "button", className: "px-3.5 font-semibold", children: "Login" }) }),
+        /* @__PURE__ */ t(c, { asChild: !0, children: r.children ?? /* @__PURE__ */ t("button", { type: "button", className: "px-3.5 font-semibold", children: "Login" }) }),
         /* @__PURE__ */ o(l, { children: [
-          /* @__PURE__ */ t(c, {}),
-          /* @__PURE__ */ t(h, { children: /* @__PURE__ */ o(u, { className: "mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit", 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,
               {
@@ -69,7 +68,7 @@ function et(r) {
               }
             ),
             /* @__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(d, { children: /* @__PURE__ */ t(n, {}) }),
+              /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(s, {}) }),
               /* @__PURE__ */ t(
                 m,
                 {
@@ -81,7 +80,7 @@ function et(r) {
                   draggable: !1
                 }
               ),
-              /* @__PURE__ */ t(g, {})
+              /* @__PURE__ */ t(f, {})
             ] })
           ] }) })
         ] })
@@ -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");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"),w=require("../../hooks/useCooldown.js");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");const k=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const z=require("../../hooks/useLocaleInfo.js"),F=require("../../hooks/useMobileNumberParser.js");require("usehooks-ts");const R=require("../../hooks/useSendVerificationCodeMutation.js"),M=require("../../hooks/useSignInMutation.js"),P=require("../../icons/ArrowLeftIcon.js"),A=require("../../icons/CheckIcon.js"),V=require("../../icons/FacebookIcon.js"),L=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");const O=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 B(){var g;const[f,h]=S.useState(1),u=C.useDialogContext(),N=k.useGlobalStore(O.useShallow(t=>t.signUp)),v=M.useSignInMutation(),p=R.useSendVerificationCodeMutation(),b=z.useLocaleInfo(),a=F.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=w.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(A.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(L.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(V.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(P.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

@@ -5,6 +5,7 @@ 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 { useShallow as A } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -14,43 +15,42 @@ 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 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 M } from "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as P } from "../../hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as V } from "../../hooks/useMobileNumberParser.mjs";
+import { useCooldown as M } from "../../client/hooks/useCooldown.mjs";
+import "@opexa/portal-sdk-core/object-id";
+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 F } from "../../hooks/useSendVerificationCodeMutation.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 { 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";
+import { GoogleIcon as D } from "../../icons/GoogleIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.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 { Root as E, Control as G, Indicator as B, Label as U, HiddenInput as H } 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 H, Label as T, Input as W, ErrorText as Z } from "../../ui/Field/Field.mjs";
+import { Root as T, Label as W, Input as Z, ErrorText as Y } from "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
-import { Root as Y, Control as _, Input as s, HiddenInput as q } from "../../ui/PinInput/PinInput.mjs";
+import { Root as _, Control as q, Input as s, HiddenInput as J } 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 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({
+  const [f, u] = R(1), c = k(), C = P(A((o) => o.signUp)), S = $(), h = L(), p = V(), l = F(), I = n.object({
     mobileNumber: n.string().superRefine((o, i) => {
       l.validate(o) || i.addIssue({
         code: n.ZodIssueCode.custom,
@@ -76,7 +76,7 @@ function Ze() {
     defaultValues: {
       verificationCode: Array.from({ length: 6 }).fill("")
     }
-  }), a = A({
+  }), a = M({
     max: 60,
     duration: 1e3 * 60
   });
@@ -103,12 +103,12 @@ function Ze() {
               }
             }),
             children: [
-              /* @__PURE__ */ t(H, { invalid: !!r.formState.errors.mobileNumber, children: [
-                /* @__PURE__ */ e(T, { children: "Mobile Number" }),
+              /* @__PURE__ */ t(T, { invalid: !!r.formState.errors.mobileNumber, children: [
+                /* @__PURE__ */ e(W, { 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,
+                    Z,
                     {
                       className: "pl-11",
                       placeholder: `${p.mobileNumber.areaCode}${p.mobileNumber.example}`,
@@ -116,7 +116,7 @@ function Ze() {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e(Z, { children: (b = r.formState.errors.mobileNumber) == null ? void 0 : b.message })
+                /* @__PURE__ */ e(Y, { children: (b = r.formState.errors.mobileNumber) == null ? void 0 : b.message })
               ] }),
               /* @__PURE__ */ e(
                 d,
@@ -133,7 +133,7 @@ function Ze() {
                   control: r.control,
                   name: "termsAccepted",
                   render: (o) => /* @__PURE__ */ t(
-                    D,
+                    E,
                     {
                       className: "mt-xl",
                       invalid: o.fieldState.invalid,
@@ -142,9 +142,9 @@ function Ze() {
                         o.field.onChange(i.checked);
                       },
                       children: [
-                        /* @__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, {})
+                        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(j, {}) }) }),
+                        /* @__PURE__ */ e(U, { 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(H, {})
                       ]
                     }
                   )
@@ -167,7 +167,7 @@ function Ze() {
                 c.setOpen(!1);
               },
               children: [
-                /* @__PURE__ */ e(z, { className: "size-6" }),
+                /* @__PURE__ */ e(D, { className: "size-6" }),
                 "Continue with Google"
               ]
             }
@@ -182,7 +182,7 @@ function Ze() {
                 c.setOpen(!1);
               },
               children: [
-                /* @__PURE__ */ e(j, { className: "size-6" }),
+                /* @__PURE__ */ e(z, { className: "size-6" }),
                 "Continue with Facebook"
               ]
             }
@@ -238,7 +238,7 @@ function Ze() {
                 name: "verificationCode",
                 control: m.control,
                 render: (o) => /* @__PURE__ */ t(
-                  Y,
+                  _,
                   {
                     placeholder: "0",
                     invalid: o.fieldState.invalid,
@@ -247,7 +247,7 @@ function Ze() {
                       o.field.onChange(i.value);
                     },
                     children: [
-                      /* @__PURE__ */ t(_, { children: [
+                      /* @__PURE__ */ t(q, { children: [
                         /* @__PURE__ */ e(s, { index: 0 }),
                         /* @__PURE__ */ e(s, { index: 1 }),
                         /* @__PURE__ */ e(s, { index: 2 }),
@@ -255,7 +255,7 @@ function Ze() {
                         /* @__PURE__ */ e(s, { index: 4 }),
                         /* @__PURE__ */ e(s, { index: 5 })
                       ] }),
-                      /* @__PURE__ */ e(q, {})
+                      /* @__PURE__ */ e(J, {})
                     ]
                   }
                 )
@@ -299,7 +299,7 @@ function Ze() {
                   u(1), m.reset(), a.stop();
                 },
                 children: [
-                  /* @__PURE__ */ e($, { className: "size-5" }),
+                  /* @__PURE__ */ e(O, { className: "size-5" }),
                   "Back"
                 ]
               }

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");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;
+"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;