@opexa/portal-components 0.0.6 → 0.0.8

package/dist/components/SignUp/SignUpForm.mjs

@@ -0,0 +1,242 @@
+"use client";
+import { useDialogContext as w } from "@ark-ui/react";
+import { zodResolver as R } from "../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { ObjectType as A } from "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.19/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import { n as M } from "../../_virtual/navigation.mjs";
+import { useState as P } from "react";
+import { useForm as g, Controller as E } from "react-hook-form";
+import { z as o } from "zod";
+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 { toaster as x } from "../../utils/toaster.mjs";
+import { useCooldown as k } from "../../hooks/useCooldown.mjs";
+import { useGlobalStore as V } from "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as $ } from "../../hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as j } from "../../hooks/useMobileNumberParser.mjs";
+import "usehooks-ts";
+import { useSendVerificationCodeMutation as D } from "../../hooks/useSendVerificationCodeMutation.mjs";
+import { useSignInMutation as F } from "../../hooks/useSignInMutation.mjs";
+import { useSignUpMutation as O } from "../../hooks/useSignUpMutation.mjs";
+import { ArrowLeftIcon as L } from "../../icons/ArrowLeftIcon.mjs";
+import { CheckIcon as z } from "../../icons/CheckIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as y } from "../../ui/Button/Button.mjs";
+import { Root as U, Control as G, Indicator as H, Label as T, HiddenInput as _ } from "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import { Root as B, Label as 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 q, Control as J, Input as m, HiddenInput as K } 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 Q } 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";
+import { i as X } from "../../_virtual/index.cjs.mjs";
+function Je() {
+  var b;
+  const [d, c] = P(1), u = w(), l = M.useSearchParams(), p = V(Q((e) => e.signIn)), h = O(), v = F(), f = D(), N = $(), r = j(), C = o.object({
+    mobileNumber: o.string().superRefine((e, t) => {
+      r.validate(e) || t.addIssue({
+        code: o.ZodIssueCode.custom,
+        message: "Invalid mobile number"
+      });
+    }),
+    termsAccepted: o.boolean().superRefine((e, t) => {
+      e || t.addIssue({
+        code: o.ZodIssueCode.custom,
+        message: "You must accept the terms and conditions"
+      });
+    })
+  }), S = o.object({
+    verificationCode: o.array(o.string().min(1).max(1).trim()).min(6).max(6)
+  }), a = g({
+    resolver: R(C),
+    defaultValues: {
+      mobileNumber: "",
+      termsAccepted: !1
+    }
+  }), i = g({
+    resolver: R(S),
+    defaultValues: {
+      verificationCode: Array.from({ length: 6 }).fill("")
+    }
+  }), n = k({
+    max: 60,
+    duration: 1e3 * 60
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, d === 1 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "w-full grow" }, /* @__PURE__ */ React.createElement("h2", { className: "mt-xl text-center text-lg font-semibold" }, "Create an account"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-xs text-center text-sm" }, "Register instantly and start playing!"), /* @__PURE__ */ React.createElement(
+    "form",
+    {
+      className: "mt-5",
+      onSubmit: a.handleSubmit(async (e) => {
+        try {
+          await f.mutateAsync({
+            channel: "SMS",
+            recipient: r.format(e.mobileNumber)
+          }), c(2), n.start();
+        } catch (t) {
+          x.error({
+            description: t instanceof Error ? t.message : "Failed to send verification code"
+          });
+        }
+      })
+    },
+    /* @__PURE__ */ React.createElement(B, { invalid: !!a.formState.errors.mobileNumber }, /* @__PURE__ */ React.createElement(W, null, "Mobile Number"), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(N.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }), /* @__PURE__ */ React.createElement(
+      Z,
+      {
+        className: "pl-11",
+        ...a.register("mobileNumber")
+      }
+    )), /* @__PURE__ */ React.createElement(Y, null, (b = a.formState.errors.mobileNumber) == null ? void 0 : b.message)),
+    /* @__PURE__ */ React.createElement(
+      y,
+      {
+        type: "submit",
+        className: "mt-5",
+        disabled: a.formState.isSubmitting
+      },
+      "Create Account"
+    ),
+    /* @__PURE__ */ React.createElement(
+      E,
+      {
+        control: a.control,
+        name: "termsAccepted",
+        render: (e) => /* @__PURE__ */ React.createElement(
+          U,
+          {
+            className: "mt-xl",
+            invalid: e.fieldState.invalid,
+            checked: e.field.value,
+            onCheckedChange: (t) => {
+              e.field.onChange(t.checked);
+            }
+          },
+          /* @__PURE__ */ React.createElement(G, null, /* @__PURE__ */ React.createElement(H, { asChild: !0 }, /* @__PURE__ */ React.createElement(z, null))),
+          /* @__PURE__ */ React.createElement(T, null, "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__ */ React.createElement(_, null)
+        )
+      }
+    )
+  )), /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-center gap-xs text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-500" }, "Don't have an account?"), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "submit",
+      className: "text-accent-700 font-semibold",
+      onClick: () => {
+        u.setOpen(!1), p.setOpen(!0);
+      }
+    },
+    "Log In"
+  ))), d === 2 && /* @__PURE__ */ React.createElement("div", { className: "w-full grow" }, /* @__PURE__ */ React.createElement("h2", { className: "mt-xl text-center text-lg font-semibold" }, "Check your Phone"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-xs text-center text-sm" }, "We’ve sent a verification code to your mobile number", " ", /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, r.format(a.getValues("mobileNumber"))), " ", "via text"), /* @__PURE__ */ React.createElement(
+    "form",
+    {
+      className: "mt-5",
+      onSubmit: i.handleSubmit(async ({ verificationCode: e }) => {
+        const t = X.ObjectId.generate(A.MemberAccount).toString(), { mobileNumber: s } = a.getValues();
+        try {
+          await h.mutateAsync({
+            id: t,
+            mobileNumber: r.format(s),
+            verificationCode: e.join(""),
+            referralCode: l.get("referralCode") ?? void 0,
+            domain: l.get("domain") ?? void 0,
+            btag: l.get("btag") ?? void 0
+          });
+          const I = `${r.format(s)}${t}`;
+          try {
+            await v.mutateAsync({
+              type: "NAME_AND_PASSWORD",
+              name: r.format(s),
+              password: I
+            });
+          } catch {
+            p.setOpen(!0);
+          }
+          u.setOpen(!1), a.reset(), i.reset(), c(1);
+        } catch {
+          x.error({
+            title: "Invalid Verification Code"
+          });
+        }
+      })
+    },
+    /* @__PURE__ */ React.createElement(
+      E,
+      {
+        name: "verificationCode",
+        control: i.control,
+        render: (e) => /* @__PURE__ */ React.createElement(
+          q,
+          {
+            placeholder: "0",
+            invalid: e.fieldState.invalid,
+            value: e.field.value,
+            onValueChange: (t) => {
+              e.field.onChange(t.value);
+            }
+          },
+          /* @__PURE__ */ React.createElement(J, null, /* @__PURE__ */ React.createElement(m, { index: 0 }), /* @__PURE__ */ React.createElement(m, { index: 1 }), /* @__PURE__ */ React.createElement(m, { index: 2 }), /* @__PURE__ */ React.createElement(m, { index: 3 }), /* @__PURE__ */ React.createElement(m, { index: 4 }), /* @__PURE__ */ React.createElement(m, { index: 5 })),
+          /* @__PURE__ */ React.createElement(K, null)
+        )
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      y,
+      {
+        type: "submit",
+        className: "mt-5",
+        disabled: i.formState.isSubmitting
+      },
+      "Verify and Play"
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: "mt-5 flex w-full items-center justify-center gap-xs text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-500" }, "Didn't recieve the code?"), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "text-accent-700 font-semibold disabled:cursor-not-allowed disabled:opacity-75",
+        disabled: n.cooling,
+        onClick: async () => {
+          await f.mutateAsync({
+            channel: "SMS",
+            recipient: r.format(
+              a.getValues("mobileNumber")
+            )
+          }), n.start();
+        }
+      },
+      n.cooling ? `Resend in ${n.countdown}s` : "Resend"
+    )),
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "text-gray-600 mx-auto mt-5 flex w-fit items-center gap-1 text-sm font-semibold",
+        onClick: () => {
+          c(1), i.reset(), n.stop();
+        }
+      },
+      /* @__PURE__ */ React.createElement(L, { className: "size-5" }),
+      "Back"
+    )
+  )));
+}
+export {
+  Je as SignUpForm
+};

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

@@ -1 +1 @@
-export * from './SignUp.jsx';
+export * from './SignUp';

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

@@ -2,4 +2,4 @@ export interface TopWinsProps {
     heading: string;
     className?: string;
 }
-export declare function TopWins(props: TopWinsProps): Promise<import("react").JSX.Element>;
+export declare function TopWins(props: TopWinsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TopWins/TopWins.js

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

package/dist/components/TopWins/TopWins.mjs

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

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

@@ -1 +1 @@
-export * from './TopWins.jsx';
+export * from './TopWins';

package/dist/components/TournamentCounter/TournamentCounter.d.ts

@@ -3,4 +3,4 @@ export interface TournamentCounterProps {
     heading: string;
     seeAllUrl: string;
 }
-export declare function TournamentCounter(props: TournamentCounterProps): Promise<import("react").JSX.Element>;
+export declare function TournamentCounter(props: TournamentCounterProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TournamentCounter/TournamentCounter.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("embla-carousel-react"),R=require("../../_virtual/link.js"),r=require("react");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("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const v=require("../../hooks/useTournamentsQuery.js"),b=require("../../icons/ArrowLeftIcon.js"),E=require("../../icons/ArrowRightIcon.js"),h=require("../../icons/ChevronRightIcon.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/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");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("./TournamentCounterItem.js");function S(l){var c;const[s,e]=N({align:"start",slidesToScroll:1}),u=r.useCallback(()=>{e&&e.scrollPrev()},[e]),o=r.useCallback(()=>{e&&e.scrollNext()},[e]),[m,q]=r.useState(!1),[d,f]=r.useState(!1),t=r.useCallback(()=>{e&&(q(e.canScrollPrev()),f(e.canScrollNext()))},[e]);r.useEffect(()=>{e&&(t(),e.on("select",t),e.on("reInit",t))},[e,t]);const n=((c=v.useTournamentsQuery({first:100,filter:{status:{equal:"ACTIVE"}}}).data)==null?void 0:c.pages[0].edges.map(a=>a.node))??[];return n.length<=0?null:React.createElement("div",{className:l.className},React.createElement("div",{className:"mb-3 flex items-center justify-between md:mb-4"},React.createElement("div",{className:"text-lg font-semibold"},l.heading),React.createElement("div",{className:"flex items-center md:gap-3xl"},React.createElement(R,{href:l.seeAllUrl,className:"flex gap-sm text-sm font-semibold"},"See All",React.createElement(h.ChevronRightIcon,{className:"size-5 lg:hidden"})),React.createElement("div",{className:"hidden lg:flex"},React.createElement(i.Button,{disabled:!m,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous"},React.createElement(b.ArrowLeftIcon,{className:"size-5"})),React.createElement(i.Button,{disabled:!d,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next"},React.createElement(E.ArrowRightIcon,{className:"size-5"}))))),React.createElement("div",{className:"w-full overflow-hidden",ref:s},React.createElement("div",{className:"flex gap-2.5"},n.map((a,g)=>React.createElement(C.TournamentCounterItem,{key:a.id,index:g,tournament:a,className:n.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"})))))}exports.TournamentCounter=S;

package/dist/components/TournamentCounter/TournamentCounter.mjs

@@ -0,0 +1,110 @@
+"use client";
+import v from "embla-carousel-react";
+import E from "../../_virtual/link.mjs";
+import { useCallback as a, useState as i, useEffect as R } from "react";
+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 "../../utils/toaster.mjs";
+import "lodash-es";
+import "../../_virtual/index.cjs.mjs";
+import "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { useTournamentsQuery as x } from "../../hooks/useTournamentsQuery.mjs";
+import { ArrowLeftIcon as b } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as h } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as S } from "../../icons/ChevronRightIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as c } from "../../ui/Button/Button.mjs";
+import "../../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 "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../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 { TournamentCounterItem as C } from "./TournamentCounterItem.mjs";
+function Ne(o) {
+  var m;
+  const [n, e] = v({
+    align: "start",
+    slidesToScroll: 1
+  }), s = a(() => {
+    e && e.scrollPrev();
+  }, [e]), p = a(() => {
+    e && e.scrollNext();
+  }, [e]), [f, u] = i(!1), [d, N] = i(!1), t = a(() => {
+    e && (u(e.canScrollPrev()), N(e.canScrollNext()));
+  }, [e]);
+  R(() => {
+    e && (t(), e.on("select", t), e.on("reInit", t));
+  }, [e, t]);
+  const l = ((m = x({
+    first: 100,
+    filter: {
+      status: {
+        equal: "ACTIVE"
+      }
+    }
+  }).data) == null ? void 0 : m.pages[0].edges.map((r) => r.node)) ?? [];
+  return l.length <= 0 ? null : /* @__PURE__ */ React.createElement("div", { className: o.className }, /* @__PURE__ */ React.createElement("div", { className: "mb-3 flex items-center justify-between md:mb-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-lg font-semibold" }, o.heading), /* @__PURE__ */ React.createElement("div", { className: "flex items-center md:gap-3xl" }, /* @__PURE__ */ React.createElement(
+    E,
+    {
+      href: o.seeAllUrl,
+      className: "flex gap-sm text-sm font-semibold"
+    },
+    "See All",
+    /* @__PURE__ */ React.createElement(S, { className: "size-5 lg:hidden" })
+  ), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:flex" }, /* @__PURE__ */ React.createElement(
+    c,
+    {
+      disabled: !f,
+      onClick: s,
+      variant: "outline",
+      colorScheme: "gray",
+      className: "rounded-r-none border-r-0",
+      "aria-label": "Previous"
+    },
+    /* @__PURE__ */ React.createElement(b, { className: "size-5" })
+  ), /* @__PURE__ */ React.createElement(
+    c,
+    {
+      disabled: !d,
+      onClick: p,
+      variant: "outline",
+      colorScheme: "gray",
+      className: "rounded-l-none",
+      "aria-label": "Next"
+    },
+    /* @__PURE__ */ React.createElement(h, { className: "size-5" })
+  )))), /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-hidden", ref: n }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2.5" }, l.map((r, g) => /* @__PURE__ */ React.createElement(
+    C,
+    {
+      key: r.id,
+      index: g,
+      tournament: r,
+      className: l.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
+    }
+  )))));
+}
+export {
+  Ne as TournamentCounter
+};

package/dist/components/TournamentCounter/TournamentCounterItem.d.ts

@@ -1,8 +1,7 @@
-import type { Tournament } from '@opexa/portal-sdk-core';
-import React from 'react';
+import { Tournament } from '@opexa/portal-sdk-core';
 export interface JackpotCounterCardProps {
     tournament: Tournament;
     className?: string;
     index: number;
 }
-export declare function TournamentCounterItem({ tournament, className, index, }: JackpotCounterCardProps): React.JSX.Element;
+export declare function TournamentCounterItem({ tournament, className, index, }: JackpotCounterCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TournamentCounter/TournamentCounterItem.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-es"),q=require("../../_virtual/image.js"),e=require("react"),o=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const w=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const N=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const p=require("../../icons/Award02Icon.js"),M=require("../../images/ball.png.js"),I=require("../../images/card.png.js"),T=require("../../images/trophy.png.js");function P({tournament:a,className:d,index:f}){const g=N.useLocaleInfo(),x=c.sum(c.map(a.rewardSettings,Number)),[l,m]=e.useState({days:0,hours:0,minutes:0,isPast:!1}),s=e.useMemo(()=>new Date(a.activationEndDateTime),[a.activationEndDateTime]),n=e.useCallback(()=>{const t=new Date,r=s.getTime()-t.getTime();if(r<=0){m({days:0,hours:0,minutes:0,isPast:!0});return}const i=Math.floor(r/1e3),y=Math.floor(i/(3600*24)),E=Math.floor(i%(3600*24)/3600),h=Math.floor(i%3600/60),v=c.pick({days:y,hours:E,minutes:h,isPast:!1},["days","hours","minutes","isPast"]);m(v)},[s]);e.useEffect(()=>{n();const t=setInterval(n,60*1e3);return()=>clearInterval(t)},[s,n]);const u=[{label:"Day",value:l.days},{label:"Hour",value:l.hours},{label:"Min",value:l.minutes}],b=[{image:T},{image:I},{image:M}];return e.createElement("div",{className:o.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",d)},e.createElement("div",{className:"flex h-full w-full justify-between"},e.createElement("div",{className:"border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium"},e.createElement(p.Award02Icon,{className:"size-3.5"}),"Multiplier"),e.createElement("div",{className:"flex h-fit"},u.map((t,r)=>e.createElement(e.Fragment,{key:t.label},e.createElement("div",{className:o.twMerge("rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5")},e.createElement("span",{className:"text-base font-medium"},String(t.value).padStart(2,"0")),e.createElement("span",{className:"text-[8px]"},t.label)),r<u.length-1&&e.createElement("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]"},e.createElement("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"}),e.createElement("div",{className:"h-1 w-1 rounded-full bg-[#09232E]"})))))),e.createElement("div",{className:"flex justify-between"},e.createElement("div",{className:"flex h-fit flex-col justify-between text-left"},e.createElement("div",null,e.createElement("div",{className:"text-lg font-semibold"},a.name),e.createElement("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold"},w.formatNumber(x,{currency:g.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2}))),e.createElement("div",{className:"mt-4 text-base font-medium"},"Play and Win!")),e.createElement("div",{className:"flex h-full items-end"},e.createElement("div",{className:"h-24 w-auto shrink-0"},e.createElement(q,{quality:100,width:100,height:100,src:b[f%3].image,alt:"",className:"h-full w-auto"})))))}exports.TournamentCounterItem=P;

package/dist/components/TournamentCounter/TournamentCounterItem.mjs

@@ -0,0 +1,110 @@
+"use client";
+import { sum as h, map as v, pick as N } from "lodash-es";
+import w from "../../_virtual/image.mjs";
+import e, { useState as M, useMemo as D, useEffect as I } from "react";
+import { twMerge as c } from "tailwind-merge";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import { formatNumber as P } from "../../utils/formatNumber.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/toaster.mjs";
+import "../../_virtual/index.cjs.mjs";
+import "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as T } from "../../hooks/useLocaleInfo.mjs";
+import "usehooks-ts";
+import { Award02Icon as k } from "../../icons/Award02Icon.mjs";
+import R from "../../images/ball.png.mjs";
+import S from "../../images/card.png.mjs";
+import j from "../../images/trophy.png.mjs";
+function me({
+  tournament: a,
+  className: f,
+  index: d
+}) {
+  const u = T(), p = h(v(a.rewardSettings, Number)), [r, n] = M({
+    days: 0,
+    hours: 0,
+    minutes: 0,
+    isPast: !1
+  }), l = D(
+    () => new Date(a.activationEndDateTime),
+    [a.activationEndDateTime]
+  ), i = e.useCallback(() => {
+    const t = /* @__PURE__ */ new Date(), m = l.getTime() - t.getTime();
+    if (m <= 0) {
+      n({ days: 0, hours: 0, minutes: 0, isPast: !0 });
+      return;
+    }
+    const s = Math.floor(m / 1e3), g = Math.floor(s / (3600 * 24)), b = Math.floor(s % (3600 * 24) / 3600), y = Math.floor(s % 3600 / 60), E = N({ days: g, hours: b, minutes: y, isPast: !1 }, [
+      "days",
+      "hours",
+      "minutes",
+      "isPast"
+    ]);
+    n(E);
+  }, [l]);
+  I(() => {
+    i();
+    const t = setInterval(i, 60 * 1e3);
+    return () => clearInterval(t);
+  }, [l, i]);
+  const o = [
+    { label: "Day", value: r.days },
+    { label: "Hour", value: r.hours },
+    { label: "Min", value: r.minutes }
+  ], x = [
+    {
+      image: j
+    },
+    {
+      image: S
+    },
+    {
+      image: R
+    }
+  ];
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: c(
+        "bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",
+        f
+      )
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "flex h-full w-full justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "border-gray-700 bg-gray-300 flex h-fit w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium" }, /* @__PURE__ */ e.createElement(k, { className: "size-3.5" }), "Multiplier"), /* @__PURE__ */ e.createElement("div", { className: "flex h-fit" }, o.map((t, m) => /* @__PURE__ */ e.createElement(e.Fragment, { key: t.label }, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: c(
+          "rounded-xs bg-gray-600 text-gray-50 flex h-fit w-8 flex-col items-center pb-1.5"
+        )
+      },
+      /* @__PURE__ */ e.createElement("span", { className: "text-base font-medium" }, String(t.value).padStart(2, "0")),
+      /* @__PURE__ */ e.createElement("span", { className: "text-[8px]" }, t.label)
+    ), m < o.length - 1 && /* @__PURE__ */ e.createElement("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]" }, /* @__PURE__ */ e.createElement("div", { className: "h-1 w-1 rounded-full bg-[#09232E]" }), /* @__PURE__ */ e.createElement("div", { className: "h-1 w-1 rounded-full bg-[#09232E]" })))))),
+    /* @__PURE__ */ e.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "flex h-fit flex-col justify-between text-left" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "text-lg font-semibold" }, a.name), /* @__PURE__ */ e.createElement("div", { className: "bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold" }, P(p, {
+      currency: u.currency.code,
+      minDecimalPlaces: 2,
+      maxDecimalPlaces: 2
+    }))), /* @__PURE__ */ e.createElement("div", { className: "mt-4 text-base font-medium" }, "Play and Win!")), /* @__PURE__ */ e.createElement("div", { className: "flex h-full items-end" }, /* @__PURE__ */ e.createElement("div", { className: "h-24 w-auto shrink-0" }, /* @__PURE__ */ e.createElement(
+      w,
+      {
+        quality: 100,
+        width: 100,
+        height: 100,
+        src: x[d % 3].image,
+        alt: "",
+        className: "h-full w-auto"
+      }
+    ))))
+  );
+}
+export {
+  me as TournamentCounterItem
+};

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

@@ -1 +1 @@
-export * from './TournamentCounter.jsx';
+export * from './TournamentCounter';

package/dist/components/TransactionRecords/DepositRecordsTable.d.ts

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

package/dist/components/TransactionRecords/DepositRecordsTable.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@ark-ui/react"),c=require("@date-fns/tz");require("@opexa/portal-sdk-core");const i=require("date-fns"),E=require("react");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");const o=require("../../utils/capitalize.js"),m=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");const H=require("../../hooks/useDepositRecordsQuery.js");require("../../hooks/useGlobalStore.js");const y=require("../../hooks/useInfiniteQueryHelper.js"),M=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const w=require("../../icons/ChevronDownIcon.js"),F=require("../../icons/ChevronLeftIcon.js"),O=require("../../icons/ChevronRightIcon.js"),L=require("../../icons/File02Icon.js"),x=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const g=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");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const q=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");const a=require("../../ui/Select/Select.js"),t=require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const A=require("../Empty/Empty.js"),B=require("./TableFilters.js");function Q(){const[r,C]=E.useState(),[s,f]=E.useState(),n=M.useLocaleInfo(),{page:I,pageSize:S,hasNextPage:h,hasPrevPage:N,next:b,prev:v,rows:u,setPageSize:D,totalPages:z,loading:l,firstPage:T}=y.useInfiniteQueryHelper(H.useDepositRecordsQuery,{filter:{...s&&{status:{equal:s}},...r&&{dateTimeCreated:{...r.start&&{greaterThanOrEqual:new c.TZDateMini(i.startOfDay(r.start),n.timezone).toISOString()},...r.end&&{lesserThanOrEqual:new c.TZDateMini(i.endOfDay(r.end),n.timezone).toISOString()}}}}});return React.createElement(React.Fragment,null,React.createElement(B.TableFilters,{enabledFilters:{depositStatus:!0},value:{timestamp:r,depositStatus:s},onChange:e=>{T(),C(e.timestamp),f(e.depositStatus)}}),u.length<=0&&React.createElement(A.Empty,{icon:l?x.SpinnerIcon:L.File02Icon,title:l?"Just a moment":"No data",message:l?"Fetching latest deposit records...":"No data is currently available.",className:"mt-8 lg:mt-16"}),u.length>=1&&React.createElement("div",{className:"border-gray-200 mt-lg rounded-xl border"},React.createElement("div",{className:"border-gray-200 overflow-hidden overflow-x-auto rounded-xl border-b"},React.createElement(t.Root,{className:"border-0"},React.createElement(t.Header,null,React.createElement(t.Row,null,React.createElement(t.Heading,null,"Deposit No."),React.createElement(t.Heading,null,"Reference"),React.createElement(t.Heading,null,"Deposit Method"),React.createElement(t.Heading,null,"Applied Amount"),React.createElement(t.Heading,null,"Recieved Amount"),React.createElement(t.Heading,null,"Transaction Fee"),React.createElement(t.Heading,null,"Deposit Time"),React.createElement(t.Heading,null,"Recieved Time"),React.createElement(t.Heading,null,"Status"))),React.createElement(t.Body,null,u.map(e=>React.createElement(t.Row,{key:e.id},React.createElement(t.Cell,null,e.depositNumber),React.createElement(t.Cell,null,e.reference),React.createElement(t.Cell,null,o.capitalize(e.type,{delimiter:o.capitalize.delimiters.UNDERSCORE})),React.createElement(t.Cell,null,m.formatNumber(e.amount,{currency:n.currency.code,minDecimalPlaces:2})),React.createElement(t.Cell,null,m.formatNumber(e.netAmount,{currency:n.currency.code,minDecimalPlaces:2})),React.createElement(t.Cell,null,m.formatNumber(e.fee,{currency:n.currency.code,minDecimalPlaces:2})),React.createElement(t.Cell,null,i.format(e.dateTimeCreated,"yyyy MMM dd hh:mma",{in:c.tz(n.timezone)})),React.createElement(t.Cell,null,(e.status==="CONFIRMED"||e.status==="APPROVED")&&i.format(e.dateTimeLastUpdated,"yyyy MMM dd hh:mma",{in:c.tz(n.timezone)})),React.createElement(t.Cell,null,React.createElement(g.Root,{variant:"subtle",colorScheme:e.status==="FAILED"||e.status==="REJECTED"||e.status==="CANCELLED"?"danger":e.status==="PENDING"?"warning":"success"},React.createElement(g.Label,null,o.capitalize(e.status,{delimiter:o.capitalize.delimiters.UNDERSCORE}))))))))),React.createElement("div",{className:"flex items-center gap-lg px-4 py-3"},React.createElement("p",null,"Page ",I," of ",z),React.createElement("div",{className:"grow"}),React.createElement(a.Root,{size:"sm",value:[S.toString()],onValueChange:e=>{const d=parseInt(e.value[0]),P=isNaN(d)?10:d;D(P)},collection:R,lazyMount:!0},React.createElement(a.Trigger,null,React.createElement(a.ValueText,null),React.createElement(a.Indicator,{asChild:!0},React.createElement(w.ChevronDownIcon,null)),React.createElement(p.Portal,null,React.createElement(a.Positioner,null,React.createElement(a.Content,null,R.items.map(e=>React.createElement(a.Item,{key:e,item:e},R.stringifyItem(e)))))))),React.createElement("div",null,React.createElement(q.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",disabled:!N||l,onClick:()=>v()},React.createElement(F.ChevronLeftIcon,{className:"size-5"})),React.createElement(q.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",className:"rounded-l-none",disabled:!h||l,onClick:()=>b()},React.createElement(O.ChevronRightIcon,{className:"size-5"}))))))}const R=p.createListCollection({items:y.useInfiniteQueryHelper.config.pageSizes,itemToValue:r=>r.toString(),itemToString:r=>`${r} items per page`});exports.DepositRecordsTable=Q;