@opexa/portal-components 0.0.26 → 0.0.27

package/dist/components/Account/account.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),e=t.tv({slots:{nav:"mt-xl space-y-xl",navItemRoot:"bg-bg-primary-alt block first:rounded-t-xl last:rounded-b-xl",navItemLink:"flex w-full items-center px-xl py-xl text-left text-sm font-semibold",navItemIcon:"text-text-quarterary-500 size-5",navItemLabel:"ml-lg grow",navItemIndicator:"text-gray-400 text-text-quarterary-500 size-5",navItemBadge:["mr-md","flex","items-center","justify-center","border","rounded-full","h-5.5","ui-type-[warning]:min-w-6","ui-type-[warning]:text-xs","ui-type-[warning]:font-medium","ui-type-[warning]:leading-tight","ui-type-[warning]:border-utility-brand-200","ui-type-[warning]:bg-utility-brand-50","ui-type-[warning]:text-utility-brand-700","ui-type-[error]:w-5.5","ui-type-[error]:icon:size-3","ui-type-[error]:border-utility-warning-200","ui-type-[error]:bg-utility-warning-50","ui-type-[error]:text-utility-warning-500"]}});exports.accountRecipe=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),e=t.tv({slots:{nav:"space-y-xl",navItemRoot:"bg-bg-primary-alt block first:rounded-t-xl last:rounded-b-xl",navItemLink:"flex w-full items-center px-xl py-xl text-left text-sm font-semibold",navItemIcon:"text-text-nav-item-button-icon size-5",navItemLabel:"ml-lg grow",navItemIndicator:"text-gray-400 text-text-quarterary-500 size-5",navItemBadge:["mr-md","flex","items-center","justify-center","border","rounded-full","h-5.5","ui-type-[warning]:min-w-6","ui-type-[warning]:text-xs","ui-type-[warning]:font-medium","ui-type-[warning]:leading-tight","ui-type-[warning]:border-utility-brand-200","ui-type-[warning]:bg-utility-brand-50","ui-type-[warning]:text-utility-brand-700","ui-type-[error]:w-5.5","ui-type-[error]:icon:size-3","ui-type-[error]:border-utility-warning-200","ui-type-[error]:bg-utility-warning-50","ui-type-[error]:text-utility-warning-500"]}});exports.accountRecipe=e;

package/dist/components/Account/account.recipe.mjs

@@ -1,10 +1,10 @@
 import { tv as t } from "tailwind-variants";
-const r = t({
+const i = t({
   slots: {
-    nav: "mt-xl space-y-xl",
+    nav: "space-y-xl",
     navItemRoot: "bg-bg-primary-alt block first:rounded-t-xl last:rounded-b-xl",
     navItemLink: "flex w-full items-center px-xl py-xl text-left text-sm font-semibold",
-    navItemIcon: "text-text-quarterary-500 size-5",
+    navItemIcon: "text-text-nav-item-button-icon size-5",
     navItemLabel: "ml-lg grow",
     navItemIndicator: "text-gray-400 text-text-quarterary-500 size-5",
     navItemBadge: [
@@ -31,5 +31,5 @@ const r = t({
   }
 });
 export {
-  r as accountRecipe
+  i as accountRecipe
 };

package/dist/components/AccountInfo/AccountInfo.d.ts

@@ -0,0 +1,4 @@
+export interface AccountInfoProps {
+    className?: string;
+}
+export declare function AccountInfo(props: AccountInfoProps): import("react").JSX.Element;

package/dist/components/AccountInfo/AccountInfo.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("date-fns"),t=require("lodash-es"),c=require("next/image"),u=require("../../client/hooks/useAccountQuery.js");require("@tanstack/react-query");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("../../client/services/getSession.js");require("@opexa/portal-sdk-core");require("tiny-invariant");require("react");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const x=require("../../client/hooks/useLocaleInfo.js"),m=require("../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const h=require("../../icons/FacebookIcon.js"),b=require("../../icons/GoogleIcon.js"),j=require("../../images/placeholder-avatar.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const i=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const s=require("../../ui/Field/Field.js"),l=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("@ark-ui/react");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 q(a){const n=x.useLocaleInfo(),r=u.useAccountQuery().data,o=m.useMobileNumberParser();return e.jsxs("div",{className:a.className,children:[e.jsx("h2",{className:"text-text-secondary-700 text-sm font-semibold",children:"Profile Info"}),e.jsxs("div",{className:"bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border",children:[e.jsx("div",{className:"border-border-secondary border-b px-4 py-5",children:e.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsx(c,{src:j,alt:"",width:80,height:80,className:"size-14 shrink-0 rounded-md object-cover"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-text-secondary-700 text-lg font-semibold leading-tight",children:r==null?void 0:r.name}),e.jsx("p",{className:"text-text-tertiary-600 leading-tight",children:(r==null?void 0:r.emailAddress)??(r==null?void 0:r.nickName)})]})]})}),e.jsx("div",{className:"flex justify-end px-xl py-lg",children:e.jsx(i.Button,{size:"sm",variant:"outline",fullWidth:!1,children:"Upload New Avatar"})})]}),e.jsx("h2",{className:"text-text-secondary-700 mt-6 text-sm font-semibold",children:"Contact Info"}),e.jsxs("div",{className:"shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5",children:[e.jsxs(s.Root,{children:[e.jsx(s.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(n.country.flag,{className:"pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2"}),e.jsx(s.Input,{className:"pl-10.5",value:r!=null&&r.mobileNumber?o.format(r==null?void 0:r.mobileNumber):"",readOnly:!0,onChange:t.noop})]})]}),e.jsxs(s.Root,{className:"mt-6",children:[e.jsx(s.Label,{children:"Email address"}),e.jsx(s.Input,{defaultValue:(r==null?void 0:r.emailAddress)??""})]})]}),e.jsx("h2",{className:"text-text-secondary-700 mt-6 text-sm font-semibold",children:"Personal Data"}),e.jsxs("div",{className:"shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5",children:[e.jsxs(s.Root,{children:[e.jsx(s.Label,{children:"Real name"}),e.jsx(s.Input,{value:(r==null?void 0:r.realName)??"",onChange:t.noop,readOnly:!0})]}),e.jsxs(s.Root,{className:"mt-6",children:[e.jsx(s.Label,{children:"Date of birth"}),e.jsx(s.Input,{type:"date",value:r!=null&&r.birthDay?d.format(r.birthDay,"yyyy-MM-dd"):"",readOnly:!0})]})]}),e.jsx("h2",{className:"text-text-secondary-700 mt-6 text-sm font-semibold",children:"Account Connections"}),e.jsxs("div",{className:"shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5",children:[e.jsxs("div",{className:"flex items-center",children:[e.jsxs("div",{className:"flex grow items-center gap-sm",children:[e.jsx(l.IconButton,{variant:"outline",colorScheme:"gray",children:e.jsx(b.GoogleIcon,{className:"size-6"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium leading-tight",children:"Google"}),e.jsx("p",{className:"text-text-secondary-700 mt-xs text-xs leading-tight",children:"Not Connected"})]})]}),e.jsx(i.Button,{fullWidth:!1,children:"Connect"})]}),e.jsxs("div",{className:"mt-6 flex items-center",children:[e.jsxs("div",{className:"flex grow items-center gap-sm",children:[e.jsx(l.IconButton,{variant:"outline",colorScheme:"gray",children:e.jsx(h.FacebookIcon,{className:"size-6"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium leading-tight",children:"Facebook"}),e.jsx("p",{className:"text-text-success-primary-600 mt-xs text-xs leading-tight",children:"Connected"})]})]}),e.jsx("button",{className:"text-button-tertiary-error-fg text-sm font-semibold",children:"Disconnect"})]})]})]})}exports.AccountInfo=q;

package/dist/components/AccountInfo/AccountInfo.mjs

@@ -0,0 +1,148 @@
+"use client";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { format as p } from "date-fns";
+import { noop as a } from "lodash-es";
+import h from "next/image";
+import { useAccountQuery as x } from "../../client/hooks/useAccountQuery.mjs";
+import "@tanstack/react-query";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
+import "@opexa/portal-sdk-core";
+import "tiny-invariant";
+import "react";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as b } from "../../client/hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as f } from "../../client/hooks/useMobileNumberParser.mjs";
+import "usehooks-ts";
+import { FacebookIcon as y } from "../../icons/FacebookIcon.mjs";
+import { GoogleIcon as N } from "../../icons/GoogleIcon.mjs";
+import g from "../../images/placeholder-avatar.png.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as l } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import { Root as i, Label as o, Input as m } from "../../ui/Field/Field.mjs";
+import { IconButton as s } from "../../ui/IconButton/IconButton.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "@ark-ui/react";
+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";
+function fe(d) {
+  const n = b(), r = x().data, c = f();
+  return /* @__PURE__ */ t("div", { className: d.className, children: [
+    /* @__PURE__ */ e("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Profile Info" }),
+    /* @__PURE__ */ t("div", { className: "bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border", children: [
+      /* @__PURE__ */ e("div", { className: "border-border-secondary border-b px-4 py-5", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-xl", children: [
+        /* @__PURE__ */ e(
+          h,
+          {
+            src: g,
+            alt: "",
+            width: 80,
+            height: 80,
+            className: "size-14 shrink-0 rounded-md object-cover"
+          }
+        ),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("h3", { className: "text-text-secondary-700 text-lg font-semibold leading-tight", children: r == null ? void 0 : r.name }),
+          /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 leading-tight", children: (r == null ? void 0 : r.emailAddress) ?? (r == null ? void 0 : r.nickName) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: "flex justify-end px-xl py-lg", children: /* @__PURE__ */ e(l, { size: "sm", variant: "outline", fullWidth: !1, children: "Upload New Avatar" }) })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "text-text-secondary-700 mt-6 text-sm font-semibold", children: "Contact Info" }),
+    /* @__PURE__ */ t("div", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5", children: [
+      /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(o, { children: "Mobile Number" }),
+        /* @__PURE__ */ t("div", { className: "relative", children: [
+          /* @__PURE__ */ e(n.country.flag, { className: "pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }),
+          /* @__PURE__ */ e(
+            m,
+            {
+              className: "pl-10.5",
+              value: r != null && r.mobileNumber ? c.format(r == null ? void 0 : r.mobileNumber) : "",
+              readOnly: !0,
+              onChange: a
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ t(i, { className: "mt-6", children: [
+        /* @__PURE__ */ e(o, { children: "Email address" }),
+        /* @__PURE__ */ e(m, { defaultValue: (r == null ? void 0 : r.emailAddress) ?? "" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "text-text-secondary-700 mt-6 text-sm font-semibold", children: "Personal Data" }),
+    /* @__PURE__ */ t("div", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5", children: [
+      /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(o, { children: "Real name" }),
+        /* @__PURE__ */ e(
+          m,
+          {
+            value: (r == null ? void 0 : r.realName) ?? "",
+            onChange: a,
+            readOnly: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(i, { className: "mt-6", children: [
+        /* @__PURE__ */ e(o, { children: "Date of birth" }),
+        /* @__PURE__ */ e(
+          m,
+          {
+            type: "date",
+            value: r != null && r.birthDay ? p(r.birthDay, "yyyy-MM-dd") : "",
+            readOnly: !0
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "text-text-secondary-700 mt-6 text-sm font-semibold", children: "Account Connections" }),
+    /* @__PURE__ */ t("div", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ t("div", { className: "flex grow items-center gap-sm", children: [
+          /* @__PURE__ */ e(s, { variant: "outline", colorScheme: "gray", children: /* @__PURE__ */ e(N, { className: "size-6" }) }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium leading-tight", children: "Google" }),
+            /* @__PURE__ */ e("p", { className: "text-text-secondary-700 mt-xs text-xs leading-tight", children: "Not Connected" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(l, { fullWidth: !1, children: "Connect" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "mt-6 flex items-center", children: [
+        /* @__PURE__ */ t("div", { className: "flex grow items-center gap-sm", children: [
+          /* @__PURE__ */ e(s, { variant: "outline", colorScheme: "gray", children: /* @__PURE__ */ e(y, { className: "size-6" }) }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium leading-tight", children: "Facebook" }),
+            /* @__PURE__ */ e("p", { className: "text-text-success-primary-600 mt-xs text-xs leading-tight", children: "Connected" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("button", { className: "text-button-tertiary-error-fg text-sm font-semibold", children: "Disconnect" })
+      ] })
+    ] })
+  ] });
+}
+export {
+  fe as AccountInfo
+};

package/dist/components/AccountInfo/index.d.ts

@@ -0,0 +1 @@
+export * from './AccountInfo';

package/dist/components/AccountPaymentMethods/AccountPaymentMethods.d.ts

@@ -0,0 +1 @@
+export declare function AccountPaymentMethods(): null;

package/dist/components/AccountPaymentMethods/AccountPaymentMethods.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(){return null}exports.AccountPaymentMethods=t;

package/dist/components/AccountPaymentMethods/AccountPaymentMethods.mjs

@@ -0,0 +1,6 @@
+function n() {
+  return null;
+}
+export {
+  n as AccountPaymentMethods
+};

package/dist/components/AccountPaymentMethods/index.d.ts

@@ -0,0 +1 @@
+export * from './AccountPaymentMethods';

package/dist/components/AccountSecurity/AccountSecurity.d.ts

@@ -0,0 +1,4 @@
+export interface AccountSecurityProps {
+    className?: string;
+}
+export declare function AccountSecurity(props: AccountSecurityProps): import("react").JSX.Element;

package/dist/components/AccountSecurity/AccountSecurity.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@ark-ui/react"),u=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("../../client/services/getSession.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 I=require("../../client/hooks/useProfileCompletionQuery.js"),l=require("../../icons/AlertCircleIcon.js"),j=require("../../icons/CheckIcon.js"),d=require("../../icons/CheckVerified02Icon.js"),m=require("../../icons/ChevronDownIcon.js"),x=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.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/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const t=require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");const s=require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");const i=require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function q(c){const r=I.useProfileCompletionQuery().data;return e.jsxs("div",{className:c.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsxs("div",{className:"grow",children:[e.jsx("h2",{className:"text-text-secondary-700 text-sm font-semibold",children:"Log in password"}),e.jsx("p",{className:"text-text-tertiary-600 text-sm",children:"Access your account by logging in with your name and password."})]}),e.jsx(n.ark.svg,{asChild:!0,className:u.twMerge("size-6",r!=null&&r.accountPassword?"text-text-success-primary":"text-text-warning-primary"),children:r!=null&&r.accountPassword?e.jsx(d.CheckVerified02Icon,{}):e.jsx(l.AlertCircleIcon,{})})]}),e.jsxs("div",{className:"shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5",children:[e.jsx(t.Root,{children:e.jsxs(s.Root,{children:[e.jsx(s.Label,{children:"Password"}),e.jsxs(s.Control,{children:[e.jsx(s.Input,{}),e.jsx(s.VisibilityTrigger,{children:e.jsx(s.Indicator,{fallback:e.jsx(h.EyeOffIcon,{}),asChild:!0,children:e.jsx(x.EyeIcon,{})})})]})]})}),e.jsx(t.Root,{className:"mt-6",children:e.jsxs(i.Root,{collection:a,lazyMount:!0,positioning:{sameWidth:!0},children:[e.jsx(i.Label,{children:"Security Question"}),e.jsxs(i.Trigger,{children:[e.jsx(i.ValueText,{placeholder:"Game Vendor"}),e.jsx(i.Indicator,{asChild:!0,children:e.jsx(m.ChevronDownIcon,{})})]}),e.jsx(n.Portal,{children:e.jsx(i.Positioner,{children:e.jsx(i.Content,{children:e.jsx(i.ItemGroup,{children:a.items.map(o=>e.jsxs(i.Item,{item:o,children:[e.jsx(i.ItemText,{children:a.stringifyItem(o)}),e.jsx(i.ItemIndicator,{asChild:!0,children:e.jsx(j.CheckIcon,{})})]},o))})})})})]})}),e.jsxs(t.Root,{className:"mt-6",children:[e.jsx(t.Label,{children:"Answer"}),e.jsx(t.Input,{})]})]}),e.jsxs("div",{className:"mt-6 flex items-center",children:[e.jsxs("div",{className:"grow",children:[e.jsx("h2",{className:"text-text-secondary-700 text-sm font-semibold",children:"Transaction password"}),e.jsx("p",{className:"text-text-tertiary-600 text-sm",children:"The transaction password secures and confirms your wallet withdrawals."})]}),e.jsx(n.ark.svg,{asChild:!0,className:u.twMerge("size-6",r!=null&&r.accountPassword?"text-text-success-primary":"text-text-warning-primary"),children:r!=null&&r.accountPassword?e.jsx(d.CheckVerified02Icon,{}):e.jsx(l.AlertCircleIcon,{})})]}),e.jsx("div",{className:"shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5",children:e.jsx(t.Root,{children:e.jsxs(s.Root,{children:[e.jsx(s.Label,{children:"Password"}),e.jsxs(s.Control,{children:[e.jsx(s.Input,{}),e.jsx(s.VisibilityTrigger,{children:e.jsx(s.Indicator,{fallback:e.jsx(h.EyeOffIcon,{}),asChild:!0,children:e.jsx(x.EyeIcon,{})})})]})]})})})]})}const y=["BEST_CHILDHOOD_FRIEND","BIRTH_PLACE","FAVORITE_BOOK","FAVORITE_MOVIE","FAVORITE_TEACHER","FIRST_CAR","FIRST_PET","FIRST_SCHOOL","MOTHERS_MAIDEN_NAME","PARENTS_MET_CITY"],E={BEST_CHILDHOOD_FRIEND:"Who is your best childhood friend?",BIRTH_PLACE:"Where were you born?",FAVORITE_BOOK:"What is your favorite book?",FAVORITE_MOVIE:"What is your favorite movie?",FAVORITE_TEACHER:"Who was your favorite teacher?",FIRST_CAR:"What was your first car?",FIRST_PET:"What was your first pet?",FIRST_SCHOOL:"What was the name of your first school?",MOTHERS_MAIDEN_NAME:"What is your mother's maiden name?",PARENTS_MET_CITY:"In which city did your parents meet?"},a=n.createListCollection({items:y,itemToValue:c=>c,itemToString:c=>E[c]});exports.AccountSecurity=q;

package/dist/components/AccountSecurity/AccountSecurity.mjs

@@ -0,0 +1,159 @@
+"use client";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { createListCollection as x, ark as c, Portal as R } from "@ark-ui/react";
+import { twMerge as m } from "tailwind-merge";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
+import "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { useProfileCompletionQuery as f } from "../../client/hooks/useProfileCompletionQuery.mjs";
+import { AlertCircleIcon as n } from "../../icons/AlertCircleIcon.mjs";
+import { CheckIcon as w } from "../../icons/CheckIcon.mjs";
+import { CheckVerified02Icon as d } from "../../icons/CheckVerified02Icon.mjs";
+import { ChevronDownIcon as _ } from "../../icons/ChevronDownIcon.mjs";
+import { EyeIcon as l } from "../../icons/EyeIcon.mjs";
+import { EyeOffIcon as h } from "../../icons/EyeOffIcon.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/Combobox/Combobox.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import { Root as o, Label as N, Input as O } from "../../ui/Field/Field.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import { Root as p, Label as u, Control as I, Input as y, VisibilityTrigger as T, Indicator as E } from "../../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 { Root as b, Label as C, Trigger as A, ValueText as S, Indicator as g, Positioner as P, Content as F, ItemGroup as L, Item as M, ItemText as V, ItemIndicator as v } from "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+function Mr(i) {
+  const e = f().data;
+  return /* @__PURE__ */ t("div", { className: i.className, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ t("div", { className: "grow", children: [
+        /* @__PURE__ */ r("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Log in password" }),
+        /* @__PURE__ */ r("p", { className: "text-text-tertiary-600 text-sm", children: "Access your account by logging in with your name and password." })
+      ] }),
+      /* @__PURE__ */ r(
+        c.svg,
+        {
+          asChild: !0,
+          className: m(
+            "size-6",
+            e != null && e.accountPassword ? "text-text-success-primary" : "text-text-warning-primary"
+          ),
+          children: e != null && e.accountPassword ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(n, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5", children: [
+      /* @__PURE__ */ r(o, { children: /* @__PURE__ */ t(p, { children: [
+        /* @__PURE__ */ r(u, { children: "Password" }),
+        /* @__PURE__ */ t(I, { children: [
+          /* @__PURE__ */ r(y, {}),
+          /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(E, { fallback: /* @__PURE__ */ r(h, {}), asChild: !0, children: /* @__PURE__ */ r(l, {}) }) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ r(o, { className: "mt-6", children: /* @__PURE__ */ t(
+        b,
+        {
+          collection: a,
+          lazyMount: !0,
+          positioning: {
+            sameWidth: !0
+          },
+          children: [
+            /* @__PURE__ */ r(C, { children: "Security Question" }),
+            /* @__PURE__ */ t(A, { children: [
+              /* @__PURE__ */ r(S, { placeholder: "Game Vendor" }),
+              /* @__PURE__ */ r(g, { asChild: !0, children: /* @__PURE__ */ r(_, {}) })
+            ] }),
+            /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(L, { children: a.items.map((s) => /* @__PURE__ */ t(M, { item: s, children: [
+              /* @__PURE__ */ r(V, { children: a.stringifyItem(s) }),
+              /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ r(w, {}) })
+            ] }, s)) }) }) }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(o, { className: "mt-6", children: [
+        /* @__PURE__ */ r(N, { children: "Answer" }),
+        /* @__PURE__ */ r(O, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "mt-6 flex items-center", children: [
+      /* @__PURE__ */ t("div", { className: "grow", children: [
+        /* @__PURE__ */ r("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Transaction password" }),
+        /* @__PURE__ */ r("p", { className: "text-text-tertiary-600 text-sm", children: "The transaction password secures and confirms your wallet withdrawals." })
+      ] }),
+      /* @__PURE__ */ r(
+        c.svg,
+        {
+          asChild: !0,
+          className: m(
+            "size-6",
+            e != null && e.accountPassword ? "text-text-success-primary" : "text-text-warning-primary"
+          ),
+          children: e != null && e.accountPassword ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(n, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border px-4 py-5", children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ t(p, { children: [
+      /* @__PURE__ */ r(u, { children: "Password" }),
+      /* @__PURE__ */ t(I, { children: [
+        /* @__PURE__ */ r(y, {}),
+        /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(E, { fallback: /* @__PURE__ */ r(h, {}), asChild: !0, children: /* @__PURE__ */ r(l, {}) }) })
+      ] })
+    ] }) }) })
+  ] });
+}
+const H = [
+  "BEST_CHILDHOOD_FRIEND",
+  "BIRTH_PLACE",
+  "FAVORITE_BOOK",
+  "FAVORITE_MOVIE",
+  "FAVORITE_TEACHER",
+  "FIRST_CAR",
+  "FIRST_PET",
+  "FIRST_SCHOOL",
+  "MOTHERS_MAIDEN_NAME",
+  "PARENTS_MET_CITY"
+], W = {
+  BEST_CHILDHOOD_FRIEND: "Who is your best childhood friend?",
+  BIRTH_PLACE: "Where were you born?",
+  FAVORITE_BOOK: "What is your favorite book?",
+  FAVORITE_MOVIE: "What is your favorite movie?",
+  FAVORITE_TEACHER: "Who was your favorite teacher?",
+  FIRST_CAR: "What was your first car?",
+  FIRST_PET: "What was your first pet?",
+  FIRST_SCHOOL: "What was the name of your first school?",
+  MOTHERS_MAIDEN_NAME: "What is your mother's maiden name?",
+  PARENTS_MET_CITY: "In which city did your parents meet?"
+}, a = x({
+  items: H,
+  itemToValue: (i) => i,
+  itemToString: (i) => W[i]
+});
+export {
+  Mr as AccountSecurity
+};

package/dist/components/AccountSecurity/index.d.ts

@@ -0,0 +1 @@
+export * from './AccountSecurity';

package/dist/components/AccountVerification/AccountVerification.d.ts

@@ -0,0 +1 @@
+export declare function AccountVerification(): null;

package/dist/components/AccountVerification/AccountVerification.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(){return null}exports.AccountVerification=t;

package/dist/components/AccountVerification/AccountVerification.mjs

@@ -0,0 +1,6 @@
+function n() {
+  return null;
+}
+export {
+  n as AccountVerification
+};

package/dist/components/AccountVerification/index.d.ts

@@ -0,0 +1 @@
+export * from './AccountVerification';

package/dist/components/JackpotCounter/JackpotCounterItem.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("@ark-ui/react"),g=require("next/image"),P=require("next/link"),j=require("react"),s=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const c=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const I=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../client/hooks/useJackpotPayoutsQuery.js"),M=require("../../icons/ArrowNarrowUpRightIcon.js"),h=require("../../icons/ChevronLeftIcon.js"),d=require("../../icons/ChevronRightIcon.js"),v=require("../../icons/StarIcon.js"),w=require("../../icons/Trophy01Icon.js"),L=require("../../images/close-chest.png.js"),J=require("../../images/first-place.png.js"),R=require("../../images/leaderboard.png.js"),T=require("../../images/open-chest.png.js"),a=require("./JackpotCounterItem.module.css.js");function A({jackpot:r,className:i,viewAllUrl:m}){var p;const u=((p=z.useJackpotPayoutsQuery({first:30,filter:{jackpot:{equal:r.id}},sort:{cursor:"AMOUNT",order:"DESC"}}).data)==null?void 0:p.pages[0].edges.map(o=>o.node))??[],x=u[0]??[],n=I.useLocaleInfo(),l=r.drawing,q=l?r.maximumJackpotPoolLimit:r.pool,N=j.useCallback(({index:o})=>{const t=l?h.ChevronLeftIcon:d.ChevronRightIcon;return e.jsx(t,{className:s.twMerge("scale-400 lg:scale-250 text-brand-300 min-w-2.5 lg:min-w-4",l?a.default["animate-wave-color-error"]:a.default["animate-wave-color-success"]),style:{animationDelay:l?`${(40-o-1)*.1}s`:`${o*.1}s`}})},[l]),C=j.useMemo(()=>Array.from({length:40},(o,t)=>e.jsx(N,{isFirst:t===0,index:t},t)),[N]);return e.jsxs("div",{className:s.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-4 lg:p-5",i),children:[e.jsxs("div",{className:"z-1 relative flex flex-1 flex-col",children:[e.jsx("div",{className:"flex h-full flex-col justify-between",children:e.jsx("div",{className:"flex w-full justify-between",children:e.jsxs("div",{className:"flex w-full flex-col",children:[e.jsxs("div",{className:"relative flex w-full justify-between",children:[e.jsxs("div",{children:[l?e.jsxs("div",{className:"border-utility-success-200 bg-utility-success-50 text-utility-success-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx("span",{className:"full bg-utility-success-500 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.jsxs("div",{className:"border-utility-blue-200 bg-utility-blue-50 text-utility-blue-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(M.ArrowNarrowUpRightIcon,{className:"text-utility-blue-500 size-3.5"}),"Accumulating"]}),e.jsx("div",{className:"text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:r.name}),e.jsx("div",{className:"bg-bg-primary text-brand-400 mt-1.5 w-fit rounded-md px-2 py-1 text-2xl font-bold lg:mt-2 lg:text-4xl",children:c.formatNumber(q,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 lg:absolute",children:e.jsx(g,{width:150,height:150,src:l?T:L,alt:"closeChest",quality:100,className:"h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2"})})]}),x.amount?e.jsx("div",{children:e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx("div",{className:"border-yellow-400 relative h-18 w-18 rounded-full border",children:e.jsx("div",{className:"bg-yellow-400 text-brand-950 border-bg-primary absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] text-xs font-bold",children:"1st"})}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium",children:[e.jsx(w.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:y(x.member.name)}),e.jsx("div",{className:"text-brand-400 text-2xl",children:c.formatNumber(x.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]})]})}):e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx(g,{width:66,height:87,src:J,alt:"closeChest",className:"size-full h-auto w-[66px] mix-blend-luminosity"}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium",children:[e.jsx(w.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:"No winners yet"}),e.jsx("div",{className:"text-text-secondary-700 text-xs",children:"You could be the first to win the tournament!"})]})]})]})})}),e.jsxs("div",{className:"mt-3 lg:mt-4",children:[e.jsxs("div",{className:"mb-1 flex justify-between",children:[e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:c.formatNumber(0,{currency:n.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[l?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",a.default["animate-arrow-red-flash-1"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",a.default["animate-arrow-red-flash-2"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",a.default["animate-arrow-red-flash-3"]),children:e.jsx(h.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",a.default["animate-arrow-green-flash-1"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",a.default["animate-arrow-green-flash-2"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",a.default["animate-arrow-green-flash-3"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:c.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:n.currency.code,compact:!0})})]})]}),e.jsx(f.Progress.Root,{className:"bg-bg-primary h-2 w-full rounded-full lg:h-4",max:100,value:S(Number(r.pool),Number(r.maximumJackpotPoolLimit)),children:e.jsx(f.Progress.Track,{className:"bg-bg-primary h-full overflow-hidden rounded-full",children:e.jsx(f.Progress.Range,{className:"bg-brand-500 relative h-full overflow-hidden rounded-full pl-1.5",children:e.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5","aria-hidden":"true",children:C})})})}),e.jsx("div",{className:"mt-1 block text-start text-2xs lg:hidden",children:l?`The pot has hit ${c.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:n.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:D(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})]}),e.jsxs("div",{className:"z-1 hidden flex-1 space-y-4 lg:block",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(g,{width:24,height:24,src:R,quality:100,alt:"leaderboardIcon",className:"size-full h-auto w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:u.length?"Leaderboard":"Starting soon!"})]}),e.jsxs(P,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:m??"/jackpots",children:["See details",e.jsx(d.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:s.twMerge("max-h-[272px] overflow-y-scroll",a.default.scrollArea),children:e.jsx("div",{className:"border-gray-200 overflow-hidden rounded-xl",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium",children:[e.jsx("th",{className:"w-[52px]",children:"#"}),e.jsx("th",{children:"Player"}),e.jsx("th",{children:"Multiplier"}),e.jsx("th",{children:"Prize"})]})}),e.jsx("tbody",{children:u.length?e.jsx(e.Fragment,{children:u.map((o,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",b[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",b[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:y(o.member.name)}),e.jsxs("td",{className:"border-border-secondary h-12 border-t-2",children:[o.multiplier,"x"]}),e.jsx("td",{className:"border-border-secondary text-brand-400 h-12 border-t-2",children:c.formatNumber(x.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]},t))}):e.jsx(e.Fragment,{children:Array.from({length:10}).map((o,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",b[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",b[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"})]},t))})})]})})})]}),l&&e.jsx("div",{className:s.twMerge(a.default["light-rays"],"absolute right-0 top-0 rounded-2xl [--light-rays-top:25%] lg:[--light-rays-top:150px]")})]})}function y(r){if(r.length<=7)return"*".repeat(r.length);const i=r.slice(0,3),m="*".repeat(7);return i+m}const S=(r,i)=>i===0?0:r/i*100,D=(r,i)=>(i===0?0:r/i*100)<=90?"The jackpot is heating up! Keep playing to stay in the action and watch it grow!":"🔥 It’s about to pop! Stay in the game for your shot at the prize!",b=[{starColor:"text-yellow-400",numberColor:"text-bg-primary"},{starColor:"text-utility-gray-700",numberColor:"text-bg-primary"},{starColor:"text-yellow-700",numberColor:"text-bg-primary"},{starColor:"text-bg-quaternary",numberColor:"text-text-primary-900"},{starColor:"text-bg-quaternary",numberColor:"text-text-primary-900"}];exports.JackpotCounterItem=A;exports.maskName=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("@ark-ui/react"),g=require("next/image"),I=require("next/link"),j=require("react"),s=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const c=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const P=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const z=require("../../client/hooks/useJackpotPayoutsQuery.js"),M=require("../../icons/ArrowNarrowUpRightIcon.js"),x=require("../../icons/ChevronLeftIcon.js"),d=require("../../icons/ChevronRightIcon.js"),v=require("../../icons/StarIcon.js"),w=require("../../icons/Trophy01Icon.js"),L=require("../../images/close-chest.png.js"),J=require("../../images/first-place.png.js"),R=require("../../images/leaderboard.png.js"),T=require("../../images/open-chest.png.js"),i=require("./JackpotCounterItem.module.css.js");function A({jackpot:r,className:o,viewAllUrl:m}){var p;const u=((p=z.useJackpotPayoutsQuery({first:30,filter:{jackpot:{equal:r.id}},sort:{cursor:"AMOUNT",order:"DESC"}}).data)==null?void 0:p.pages[0].edges.map(a=>a.node))??[],b=u[0]??[],n=P.useLocaleInfo(),l=r.drawing,q=l?r.maximumJackpotPoolLimit:r.pool,N=j.useCallback(({index:a})=>{const t=l?x.ChevronLeftIcon:d.ChevronRightIcon;return e.jsx(t,{className:s.twMerge("scale-400 lg:scale-250 text-brand-300 min-w-2.5 lg:min-w-4",l?i.default["animate-wave-color-error"]:i.default["animate-wave-color-success"]),style:{animationDelay:l?`${(40-a-1)*.1}s`:`${a*.1}s`}})},[l]),C=j.useMemo(()=>Array.from({length:40},(a,t)=>e.jsx(N,{isFirst:t===0,index:t},t)),[N]);return e.jsxs("div",{className:s.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-4 lg:p-5",o),children:[e.jsxs("div",{className:"z-1 relative flex flex-1 flex-col",children:[e.jsx("div",{className:"flex h-full flex-col justify-between",children:e.jsx("div",{className:"flex w-full justify-between",children:e.jsxs("div",{className:"flex w-full flex-col",children:[e.jsxs("div",{className:"relative flex w-full justify-between",children:[e.jsxs("div",{children:[l?e.jsxs("div",{className:"border-utility-success-200 bg-utility-success-50 text-utility-success-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx("span",{className:"full bg-utility-success-500 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.jsxs("div",{className:"border-utility-blue-200 bg-utility-blue-50 text-utility-blue-700 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(M.ArrowNarrowUpRightIcon,{className:"text-utility-blue-500 size-3.5"}),"Accumulating"]}),e.jsx("div",{className:"text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:r.name}),e.jsx("div",{className:"bg-bg-primary text-brand-400 mt-1.5 w-fit rounded-md px-2 py-1 text-2xl font-bold lg:mt-2 lg:text-4xl",children:c.formatNumber(q,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{className:"z-1 bottom-[-60] right-0 lg:absolute",children:e.jsx(g,{width:150,height:150,src:l?T:L,alt:"closeChest",quality:100,className:"h-25 w-25 lg:h-37.5 lg:w-37.5 size-full p-2"})})]}),b.amount?e.jsx("div",{children:e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx("div",{className:"border-yellow-400 relative h-18 w-18 rounded-full border",children:e.jsx("div",{className:"bg-yellow-400 text-brand-950 border-bg-primary absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] text-xs font-bold",children:"1st"})}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium",children:[e.jsx(w.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:y(b.member.name)}),e.jsx("div",{className:"text-brand-400 text-2xl",children:c.formatNumber(b.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]})]})}):e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx(g,{width:66,height:87,src:J,alt:"closeChest",className:"size-full h-auto w-[66px] mix-blend-luminosity"}),e.jsxs("div",{className:"flex flex-col gap-1 text-left",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium",children:[e.jsx(w.Trophy01Icon,{className:"text-utility-brand-600 size-3.5"}),"Top Payout"]}),e.jsx("div",{className:"font-semibold",children:"No winners yet"}),e.jsx("div",{className:"text-text-secondary-700 text-xs",children:"You could be the first to win the tournament!"})]})]})]})})}),e.jsxs("div",{className:"mt-3 lg:mt-4",children:[e.jsxs("div",{className:"mb-1 flex justify-between",children:[e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:c.formatNumber(0,{currency:n.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[l?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",i.default["animate-arrow-red-flash-1"]),children:e.jsx(x.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",i.default["animate-arrow-red-flash-2"]),children:e.jsx(x.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",i.default["animate-arrow-red-flash-3"]),children:e.jsx(x.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",i.default["animate-arrow-green-flash-1"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",i.default["animate-arrow-green-flash-2"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",i.default["animate-arrow-green-flash-3"]),children:e.jsx(d.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-text-primary-900 text-xs font-semibold",children:c.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:n.currency.code,compact:!0})})]})]}),e.jsx(f.Progress.Root,{className:"bg-bg-primary h-2 w-full rounded-full lg:h-4",max:100,value:S(Number(r.pool),Number(r.maximumJackpotPoolLimit)),children:e.jsx(f.Progress.Track,{className:"bg-bg-primary h-full overflow-hidden rounded-full",children:e.jsx(f.Progress.Range,{className:"bg-brand-500 relative h-full overflow-hidden rounded-full pl-1.5",children:e.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5","aria-hidden":"true",children:C})})})}),e.jsx("div",{className:"mt-1 block text-start text-2xs lg:hidden",children:l?`The pot has hit ${c.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:n.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:D(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})]}),e.jsxs("div",{className:"z-1 hidden flex-1 space-y-4 lg:block",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(g,{width:24,height:24,src:R,quality:100,alt:"leaderboardIcon",className:"size-full h-auto w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:u.length?"Leaderboard":"Starting soon!"})]}),e.jsxs(I,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:m??"/jackpots",children:["See details",e.jsx(d.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:s.twMerge("max-h-[272px] overflow-y-scroll",i.default.scrollArea),children:e.jsx("div",{className:"border-gray-200 overflow-hidden rounded-xl",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium",children:[e.jsx("th",{className:"w-[52px]",children:"#"}),e.jsx("th",{children:"Player"}),e.jsx("th",{children:"Multiplier"}),e.jsx("th",{children:"Prize"})]})}),e.jsx("tbody",{children:u.length?e.jsx(e.Fragment,{children:u.map((a,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",h[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",h[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:y(a.member.name)}),e.jsxs("td",{className:"border-border-secondary h-12 border-t-2",children:[a.multiplier,"x"]}),e.jsx("td",{className:"border-border-secondary text-brand-400 h-12 border-t-2",children:c.formatNumber(a.amount,{currency:n.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]},t))}):e.jsx(e.Fragment,{children:Array.from({length:10}).map((a,t)=>e.jsxs("tr",{className:"bg-bg-primary text-text-secondary-700 text-sm",children:[e.jsx("td",{className:"border-border-secondary h-12 w-[52px] border-t-2",children:t+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(v.StarIcon,{className:s.twMerge("mx-auto size-6.5",h[t].starColor)}),e.jsx("span",{className:s.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",h[t].numberColor),children:t+1})]}):t+1}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"}),e.jsx("td",{className:"border-border-secondary h-12 border-t-2",children:"-"})]},t))})})]})})})]}),l&&e.jsx("div",{className:s.twMerge(i.default["light-rays"],"absolute right-0 top-0 rounded-2xl [--light-rays-top:25%] lg:[--light-rays-top:150px]")})]})}function y(r){if(r.length<=7)return"*".repeat(r.length);const o=r.slice(0,3),m="*".repeat(7);return o+m}const S=(r,o)=>o===0?0:r/o*100,D=(r,o)=>(o===0?0:r/o*100)<=90?"The jackpot is heating up! Keep playing to stay in the action and watch it grow!":"🔥 It’s about to pop! Stay in the game for your shot at the prize!",h=[{starColor:"text-yellow-400",numberColor:"text-bg-primary"},{starColor:"text-utility-gray-700",numberColor:"text-bg-primary"},{starColor:"text-yellow-700",numberColor:"text-bg-primary"},{starColor:"text-bg-quaternary",numberColor:"text-text-primary-900"},{starColor:"text-bg-quaternary",numberColor:"text-text-primary-900"}];exports.JackpotCounterItem=A;exports.maskName=y;