@opexa/portal-components 0.0.16 → 0.0.18

package/dist/components/Promos/PromoItem.mjs

@@ -1,4 +1,4 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import m from "next/image";
 import { useRouter as l } from "next/navigation";
 import { twJoin as p } from "tailwind-merge";
@@ -8,6 +8,7 @@ import "../../ui/Badge/Badge.mjs";
 import { Button as n } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -21,15 +22,17 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
+import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function $(o) {
-  const { promo: t } = o, i = l();
-  return /* @__PURE__ */ e(
+function A(o) {
+  const { promo: t } = o, e = l();
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border",
@@ -45,7 +48,7 @@ function $(o) {
             className: "aspect-[1200/500] w-full rounded-t-md object-cover"
           }
         ),
-        /* @__PURE__ */ e("div", { className: "flex flex-grow flex-col p-4", children: [
+        /* @__PURE__ */ i("div", { className: "flex flex-grow flex-col p-4", children: [
           /* @__PURE__ */ r(
             "p",
             {
@@ -68,7 +71,7 @@ function $(o) {
             {
               className: "w-full",
               variant: "outline",
-              onClick: () => i.push(`/promos/${t.id}`),
+              onClick: () => e.push(`/promos/${t.id}`),
               children: "Read More"
             }
           ) })
@@ -79,5 +82,5 @@ function $(o) {
   );
 }
 export {
-  $ as PromosItem
+  A as PromosItem
 };

package/dist/components/Promos/Promos.d.ts

@@ -1,6 +1,8 @@
 export interface PromosProps {
-    heading: string;
-    seeAllUrl: string;
+    /** @default "Promotions" */
+    heading?: string;
+    /** @default "/promos" */
+    viewAllUrl?: string;
     /** @default true */
     shouldShowDescription?: boolean;
     /** @default 1 */

package/dist/components/SignIn/SignIn.d.ts

@@ -2,7 +2,6 @@ import { ImageProps } from 'next/image';
 import { ReactNode } from 'react';
 export interface SignInProps {
     logo: ImageProps['src'];
-    banner: ImageProps['src'];
     children?: ReactNode;
 }
 export declare function SignIn(props: SignInProps): import("react").JSX.Element;

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("../../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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),o=require("next/image"),s=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 l=require("../../client/hooks/useGlobalStore.js");require("../../client/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");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");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");function c(u){const n=l.useGlobalStore(s.useShallow(i=>i.signIn));return e.jsxs(r.Root,{open:n.open,onOpenChange:i=>{n.setOpen(i.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:u.children??e.jsx("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxs(t.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(q.XIcon,{})}),e.jsx(o,{src:u.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(a.SignInForm,{})]})})]})]})}exports.SignIn=c;

package/dist/components/SignIn/SignIn.mjs

@@ -1,8 +1,8 @@
 "use client";
-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 { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { Portal as p } from "@ark-ui/react";
+import e from "next/image";
+import { useShallow as n } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -15,73 +15,64 @@ import "../../utils/isMobile.mjs";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as n } from "../../client/hooks/useGlobalStore.mjs";
+import { useGlobalStore as l } from "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { XIcon as s } from "../../icons/XIcon.mjs";
+import { XIcon as a } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
 import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
 import "../../ui/DatePicker/DatePicker.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 { Root as s, Trigger as c, Backdrop as u, Positioner as g, Content as h, CloseTrigger as d } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { SignInForm as f } from "./SignInForm.mjs";
-function it(r) {
-  const e = n(p((i) => i.signIn));
-  return /* @__PURE__ */ o(
-    a,
+function eo(i) {
+  const m = l(n((t) => t.signIn));
+  return /* @__PURE__ */ r(
+    s,
     {
-      open: e.open,
-      onOpenChange: (i) => {
-        e.setOpen(i.open);
+      open: m.open,
+      onOpenChange: (t) => {
+        m.setOpen(t.open);
       },
       lazyMount: !0,
       unmountOnExit: !0,
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       children: [
-        /* @__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(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,
+        /* @__PURE__ */ o(c, { asChild: !0, children: i.children ?? /* @__PURE__ */ o("button", { type: "button", className: "px-3.5 font-semibold", children: "Login" }) }),
+        /* @__PURE__ */ r(p, { children: [
+          /* @__PURE__ */ o(u, {}),
+          /* @__PURE__ */ o(g, { children: /* @__PURE__ */ r(h, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl", children: [
+            /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(a, {}) }),
+            /* @__PURE__ */ o(
+              e,
               {
-                src: r.banner,
-                alt: "h-auto w-[400px]",
-                width: 400,
-                height: 800,
-                className: "hidden rounded-l-xl lg:block"
+                src: i.logo,
+                alt: "",
+                width: 200,
+                height: 100,
+                className: "mx-auto h-auto w-[120px]",
+                draggable: !1
               }
             ),
-            /* @__PURE__ */ o("div", { className: "relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl", children: [
-              /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(s, {}) }),
-              /* @__PURE__ */ t(
-                m,
-                {
-                  src: r.logo,
-                  alt: "",
-                  width: 200,
-                  height: 100,
-                  className: "mx-auto h-auto w-[120px]",
-                  draggable: !1
-                }
-              ),
-              /* @__PURE__ */ t(f, {})
-            ] })
+            /* @__PURE__ */ o(f, {})
           ] }) })
         ] })
       ]
@@ -89,5 +80,5 @@ function it(r) {
   );
 }
 export {
-  it as SignIn
+  eo 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 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;
+"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"),i=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"),M=require("../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const R=require("../../client/hooks/useSendVerificationCodeMutation.js"),V=require("../../client/hooks/useSignInMutation.js"),q=require("../../client/utils/toaster.js"),L=require("../../icons/ArrowLeftIcon.js"),A=require("../../icons/CheckIcon.js"),B=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/Collapsible/Collapsible.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");require("../../ui/PasswordInput/PasswordInput.js");const n=require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function P(){var g;const[h,b]=S.useState(1),u=C.useDialogContext(),N=z.useGlobalStore(w.useShallow(t=>t.signUp)),y=V.useSignInMutation(),p=R.useSendVerificationCodeMutation(),f=F.useLocaleInfo(),a=M.useMobileNumberParser(),v=i.z.object({mobileNumber:i.z.string().superRefine((t,r)=>{a.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"})})}),I=i.z.object({verificationCode:i.z.array(i.z.string().min(1).max(1).trim()).min(6).max(6)}),s=m.useForm({resolver:j.zodResolver(v),defaultValues:{mobileNumber:"",termsAccepted:!1}}),l=m.useForm({resolver:j.zodResolver(I),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),o=k.useCooldown({max:60,duration:1e3*60});return e.jsxs(e.Fragment,{children:[h===1&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Log in to your account"}),e.jsx("p",{className:"text-text-secondary-700 mt-xs text-center text-sm",children:"Welcome back! Please enter your details."}),e.jsxs("form",{className:"mt-3xl",onSubmit:s.handleSubmit(async t=>{try{await p.mutateAsync({channel:"SMS",recipient:a.format(t.mobileNumber),strict:!0}),b(2),o.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(f.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:`${f.mobileNumber.areaCode}${f.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-3xl",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.jsxs(c.Label,{children:["I am at least 21 years of age and I accept the"," ",e.jsx("span",{className:"text-brand-400 whitespace-nowrap underline underline-offset-2",children:"Terms and Conditions."})]}),e.jsx(c.HiddenInput,{})]})})]}),e.jsxs("div",{className:"relative mt-6 text-center",children:[e.jsx("hr",{className:"-translte-y-1/2 text-text-tertiary-600/50 absolute top-1/2 w-full"}),e.jsx("span",{className:"text-text-tertiary-600 bg-bg-primary-alt relative px-md text-center text-sm font-semibold",children:"Log in directly with"})]}),e.jsxs("div",{className:"mt-6",children:[e.jsxs(d.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{u.setOpen(!1)},className:"border-border-primary bg-bg-primary text-text-secondary-700",children:[e.jsx(O.GoogleIcon,{className:"size-6"}),"Continue with Google"]}),e.jsxs(d.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{u.setOpen(!1)},className:"border-border-primary bg-bg-primary text-text-secondary-700 mt-lg",children:[e.jsx(B.FacebookIcon,{className:"size-6"}),"Continue with Facebook"]})]}),e.jsxs("div",{className:"mt-6 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-tertiary-600",children:"Don't have an account?"}),e.jsx("button",{type:"submit",className:"text-button-tertiary-fg font-semibold",onClick:()=>{u.setOpen(!1),N.setOpen(!0)},children:"Sign up"})]})]}),h===2&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Check your Phone"}),e.jsxs("p",{className:"text-text-secondary-700 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 y.mutateAsync({type:"MOBILE_NUMBER",mobileNumber:a.format(r),verificationCode:t.join("")}),u.setOpen(!1),s.reset(),l.reset(),b(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,{className:"grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md",children:[e.jsx(n.Input,{index:0}),e.jsx(n.Input,{index:1}),e.jsx(n.Input,{index:2}),e.jsx("span",{className:"text-text-placeholder-subtle text-2xl font-medium",children:"–"}),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-4xl",disabled:l.formState.isSubmitting,children:"Verify"}),e.jsxs("div",{className:"mt-3 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-text-secondary-700",children:"Didn't recieve the code?"}),e.jsx("button",{type:"button",className:"text-button-secondary-fg font-semibold",disabled:o.cooling,onClick:async()=>{await p.mutateAsync({channel:"SMS",recipient:a.format(s.getValues("mobileNumber"))}),o.start()},children:o.cooling?`Resend in ${o.countdown}s`:"Resend"})]}),e.jsxs("button",{type:"button",className:"text-text-tertiary-600 mx-auto mt-3xl flex w-fit items-center gap-1 text-sm font-semibold",onClick:()=>{b(1),l.reset(),o.stop()},children:[e.jsx(L.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignInForm=P;