@opexa/portal-components 0.0.27 → 0.0.28

package/dist/components/SignUp/SignUpForm.mjs

@@ -1,301 +0,0 @@
-"use client";
-import { jsxs as o, Fragment as f, jsx as e } from "react/jsx-runtime";
-import { useDialogContext as k } from "@ark-ui/react";
-import { zodResolver as y } from "@hookform/resolvers/zod";
-import { ObjectId as V, ObjectType as j } from "@opexa/portal-sdk-core/object-id";
-import { useSearchParams as _ } from "next/navigation";
-import { useState as D } from "react";
-import { useForm as v, Controller as C } from "react-hook-form";
-import { z as n } from "zod";
-import { useShallow as O } from "zustand/shallow";
-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 { useCooldown as F } from "../../client/hooks/useCooldown.mjs";
-import { useGlobalStore as L } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as P } from "../../client/hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as z } from "../../client/hooks/useMobileNumberParser.mjs";
-import "usehooks-ts";
-import { useSendVerificationCodeMutation as E } from "../../client/hooks/useSendVerificationCodeMutation.mjs";
-import { useSignInMutation as H } from "../../client/hooks/useSignInMutation.mjs";
-import { useSignUpMutation as T } from "../../client/hooks/useSignUpMutation.mjs";
-import { toaster as S } from "../../client/utils/toaster.mjs";
-import { ArrowLeftIcon as U } from "../../icons/ArrowLeftIcon.mjs";
-import { CheckIcon as B } from "../../icons/CheckIcon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as I } from "../../ui/Button/Button.mjs";
-import { Root as W, Control as Z, Indicator as G, Label as Y, HiddenInput as q } from "../../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 J, Label as K, Input as Q, ErrorText as X } from "../../ui/Field/Field.mjs";
-import "../../ui/IconButton/iconButton.recipe.mjs";
-import "../../ui/NumberInput/NumberInput.mjs";
-import "../../ui/PasswordInput/PasswordInput.mjs";
-import { Root as ee, Control as te, Input as m, HiddenInput as oe } from "../../ui/PinInput/PinInput.mjs";
-import "../../ui/Popover/Popover.mjs";
-import "tailwind-merge";
-import "../../ui/Progress/Progress.mjs";
-import "../../ui/SegmentGroup/SegmentGroup.mjs";
-import "../../ui/Select/Select.mjs";
-import "../../ui/Table/Table.mjs";
-import "../../ui/Tabs/Tabs.mjs";
-function it() {
-  var N;
-  const [b, c] = D(1), h = k(), d = _(), x = L(O((t) => t.signIn)), w = T(), A = H(), g = E(), p = P(), a = z(), M = n.object({
-    mobileNumber: n.string().superRefine((t, r) => {
-      a.validate(t) || r.addIssue({
-        code: n.ZodIssueCode.custom,
-        message: "Invalid mobile number"
-      });
-    }),
-    termsAccepted: n.boolean().superRefine((t, r) => {
-      t || r.addIssue({
-        code: n.ZodIssueCode.custom,
-        message: "You must accept the terms and conditions"
-      });
-    })
-  }), R = n.object({
-    verificationCode: n.array(n.string().min(1).max(1).trim()).min(6).max(6)
-  }), i = v({
-    resolver: y(M),
-    defaultValues: {
-      mobileNumber: "",
-      termsAccepted: !1
-    }
-  }), l = v({
-    resolver: y(R),
-    defaultValues: {
-      verificationCode: Array.from({ length: 6 }).fill("")
-    }
-  }), s = F({
-    max: 60,
-    duration: 1e3 * 60
-  });
-  return /* @__PURE__ */ o(f, { children: [
-    b === 1 && /* @__PURE__ */ o(f, { children: [
-      /* @__PURE__ */ e("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Create an account" }),
-      /* @__PURE__ */ e("p", { className: "text-text-secondary-700 mt-xs text-center text-sm", children: "Register instantly and start playing!" }),
-      /* @__PURE__ */ o(
-        "form",
-        {
-          className: "mt-3xl",
-          onSubmit: i.handleSubmit(async (t) => {
-            try {
-              await g.mutateAsync({
-                channel: "SMS",
-                recipient: a.format(t.mobileNumber)
-              }), c(2), s.start();
-            } catch (r) {
-              S.error({
-                description: r instanceof Error ? r.message : "Failed to send verification code"
-              });
-            }
-          }),
-          children: [
-            /* @__PURE__ */ o(J, { invalid: !!i.formState.errors.mobileNumber, children: [
-              /* @__PURE__ */ e(K, { children: "Mobile Number" }),
-              /* @__PURE__ */ o("div", { className: "relative", children: [
-                /* @__PURE__ */ e(p.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }),
-                /* @__PURE__ */ e(
-                  Q,
-                  {
-                    className: "pl-11",
-                    placeholder: `${p.mobileNumber.areaCode}${p.mobileNumber.example}`,
-                    ...i.register("mobileNumber")
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ e(X, { children: (N = i.formState.errors.mobileNumber) == null ? void 0 : N.message })
-            ] }),
-            /* @__PURE__ */ e(
-              I,
-              {
-                type: "submit",
-                className: "mt-3xl",
-                disabled: i.formState.isSubmitting,
-                children: "Create Account"
-              }
-            ),
-            /* @__PURE__ */ e(
-              C,
-              {
-                control: i.control,
-                name: "termsAccepted",
-                render: (t) => /* @__PURE__ */ o(
-                  W,
-                  {
-                    className: "mt-xl",
-                    invalid: t.fieldState.invalid,
-                    checked: t.field.value,
-                    onCheckedChange: (r) => {
-                      t.field.onChange(r.checked);
-                    },
-                    children: [
-                      /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(B, {}) }) }),
-                      /* @__PURE__ */ o(Y, { children: [
-                        "I am at least 21 years of age and I accept the",
-                        " ",
-                        /* @__PURE__ */ e("span", { className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })
-                      ] }),
-                      /* @__PURE__ */ e(q, {})
-                    ]
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ o("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [
-        /* @__PURE__ */ e("span", { className: "text-text-tertiary-600", children: "Don't have an account?" }),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "submit",
-            className: "text-button-tertiary-fg font-semibold",
-            onClick: () => {
-              h.setOpen(!1), x.setOpen(!0);
-            },
-            children: "Log In"
-          }
-        )
-      ] })
-    ] }),
-    b === 2 && /* @__PURE__ */ o(f, { children: [
-      /* @__PURE__ */ e("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Check your Phone" }),
-      /* @__PURE__ */ o("p", { className: "text-text-secondary-700 mt-xs text-center text-sm", children: [
-        "We’ve sent a verification code to your mobile number",
-        " ",
-        /* @__PURE__ */ e("span", { className: "font-semibold", children: a.format(i.getValues("mobileNumber")) }),
-        " ",
-        "via text"
-      ] }),
-      /* @__PURE__ */ o(
-        "form",
-        {
-          className: "mt-5",
-          onSubmit: l.handleSubmit(async ({ verificationCode: t }) => {
-            const r = V.generate(j.MemberAccount).toString(), { mobileNumber: u } = i.getValues();
-            try {
-              await w.mutateAsync({
-                id: r,
-                mobileNumber: a.format(u),
-                verificationCode: t.join(""),
-                referralCode: d.get("referralCode") ?? void 0,
-                domain: d.get("domain") ?? void 0,
-                btag: d.get("btag") ?? void 0
-              });
-              const $ = `${a.format(u)}${r}`;
-              try {
-                await A.mutateAsync({
-                  type: "NAME_AND_PASSWORD",
-                  name: a.format(u),
-                  password: $
-                });
-              } catch {
-                x.setOpen(!0);
-              }
-              h.setOpen(!1), i.reset(), l.reset(), c(1);
-            } catch {
-              S.error({
-                title: "Invalid Verification Code"
-              });
-            }
-          }),
-          children: [
-            /* @__PURE__ */ e(
-              C,
-              {
-                name: "verificationCode",
-                control: l.control,
-                render: (t) => /* @__PURE__ */ o(
-                  ee,
-                  {
-                    placeholder: "0",
-                    invalid: t.fieldState.invalid,
-                    value: t.field.value,
-                    onValueChange: (r) => {
-                      t.field.onChange(r.value);
-                    },
-                    children: [
-                      /* @__PURE__ */ o(te, { className: "grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md", children: [
-                        /* @__PURE__ */ e(m, { index: 0 }),
-                        /* @__PURE__ */ e(m, { index: 1 }),
-                        /* @__PURE__ */ e(m, { index: 2 }),
-                        /* @__PURE__ */ e("span", { className: "text-text-placeholder-subtle text-2xl font-medium", children: "–" }),
-                        /* @__PURE__ */ e(m, { index: 3 }),
-                        /* @__PURE__ */ e(m, { index: 4 }),
-                        /* @__PURE__ */ e(m, { index: 5 })
-                      ] }),
-                      /* @__PURE__ */ e(oe, {})
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e(
-              I,
-              {
-                type: "submit",
-                className: "mt-4xl",
-                disabled: l.formState.isSubmitting,
-                children: "Verify"
-              }
-            ),
-            /* @__PURE__ */ o("div", { className: "mt-3 flex w-full items-center justify-center gap-xs text-sm", children: [
-              /* @__PURE__ */ e("span", { className: "text-text-secondary-700", children: "Didn't recieve the code?" }),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  className: "text-button-secondary-fg font-semibold disabled:cursor-not-allowed disabled:opacity-75",
-                  disabled: s.cooling,
-                  onClick: async () => {
-                    await g.mutateAsync({
-                      channel: "SMS",
-                      recipient: a.format(
-                        i.getValues("mobileNumber")
-                      )
-                    }), s.start();
-                  },
-                  children: s.cooling ? `Resend in ${s.countdown}s` : "Resend"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ o(
-              "button",
-              {
-                type: "button",
-                className: "text-text-tertiary-600 mx-auto mt-3xl flex w-fit items-center gap-1 text-sm font-semibold",
-                onClick: () => {
-                  c(1), l.reset(), s.stop();
-                },
-                children: [
-                  /* @__PURE__ */ e(U, { className: "size-5" }),
-                  "Back"
-                ]
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  it as SignUpForm
-};

package/dist/components/SignUp/SignUpTrigger.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("@ark-ui/react"),o=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const q=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function l(e){const r=q.useGlobalStore(o.useShallow(i=>({signUp:i.signUp})));return t.jsx(n.ark.button,{type:"button",...e,onClick:i=>{var u;return r.signUp.setOpen(!r.signUp.open),(u=e.onClick)==null?void 0:u.call(e,i)},"data-state":r.signUp.open?"open":"closed"})}exports.SignUpTrigger=l;

package/dist/components/SignUp/SignUpTrigger.mjs

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as m } from "react/jsx-runtime";
-import { ark as p } from "@ark-ui/react";
-import { useShallow as n } from "zustand/shallow";
-import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "tiny-invariant";
-import "../../constants/index.mjs";
-import "../../utils/capitalize.mjs";
-import "../../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 { useGlobalStore as e } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-function O(t) {
-  const o = e(
-    n((i) => ({
-      signUp: i.signUp
-    }))
-  );
-  return /* @__PURE__ */ m(
-    p.button,
-    {
-      type: "button",
-      ...t,
-      onClick: (i) => {
-        var r;
-        return o.signUp.setOpen(!o.signUp.open), (r = t.onClick) == null ? void 0 : r.call(t, i);
-      },
-      "data-state": o.signUp.open ? "open" : "closed"
-    }
-  );
-}
-export {
-  O as SignUpTrigger
-};

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

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

package/dist/components/TopWins/TopWins.client.mjs

@@ -1,65 +0,0 @@
-"use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import o from "embla-carousel-react";
-import c from "next/image";
-import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "tiny-invariant";
-import "../../constants/index.mjs";
-import "../../utils/capitalize.mjs";
-import { formatNumber as a } from "../../utils/formatNumber.mjs";
-import { getGameImageUrl as d } from "../../utils/getGameImageUrl.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-import "../../utils/parseDecimal.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 { useLocaleInfo as n } from "../../client/hooks/useLocaleInfo.mjs";
-import "usehooks-ts";
-import { useTopWinsQuery as p } from "../../client/hooks/useTopWinsQuery.mjs";
-function G(i) {
-  const l = n(), m = p().data ?? [], [s] = o({
-    align: "start",
-    slidesToScroll: 1
-  });
-  return m != null && m.length ? /* @__PURE__ */ t("div", { className: i.className, children: [
-    /* @__PURE__ */ e("div", { className: "mb-3 text-lg font-semibold md:mb-4", children: i.heading ?? "Recent Big Wins" }),
-    /* @__PURE__ */ e("div", { ref: s, className: "relative lg:overflow-hidden", children: /* @__PURE__ */ e("div", { className: "flex gap-sm lg:gap-md", children: m.map((r) => /* @__PURE__ */ t(
-      "div",
-      {
-        className: "bg-bg-tertiary border-border-primary flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]",
-        children: [
-          /* @__PURE__ */ e("div", { className: "mx-auto aspect-square w-full", children: r.game && /* @__PURE__ */ e(
-            c,
-            {
-              width: 100,
-              height: 100,
-              src: d(r.game),
-              alt: "",
-              className: "size-full rounded-sm object-cover"
-            }
-          ) }),
-          /* @__PURE__ */ t("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ e("div", { className: "text-text-secondary-700 text-xs", children: r.member.name }),
-            /* @__PURE__ */ e("div", { className: "text-text-primary-brand text-sm font-semibold", children: a(r.payout, {
-              currency: l.currency.code,
-              minDecimalPlaces: 2
-            }) }),
-            /* @__PURE__ */ e("div", { className: "text-text-secondary-700 text-xs", children: a(r.multiplier, {
-              minDecimalPlaces: 2
-            }) })
-          ] })
-        ]
-      },
-      r.id
-    )) }) })
-  ] }) : null;
-}
-export {
-  G as TopWins__client
-};

package/dist/components/TopWins/TopWins.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");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("../../server/services/getSession.js");require("date-fns");require("next/headers");const i=require("../../server/utils/prefetchTopWinsQuery.js"),u=require("./TopWins.client.js");async function n(e){return await i.prefetchTopWinsQuery(),r.jsx(u.TopWins__client,{...e})}exports.TopWins=n;

package/dist/components/TopWins/TopWins.mjs

@@ -1,19 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "@opexa/portal-sdk-core";
-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 "../../server/services/getSession.mjs";
-import "date-fns";
-import "next/headers";
-import { prefetchTopWinsQuery as i } from "../../server/utils/prefetchTopWinsQuery.mjs";
-import { TopWins__client as t } from "./TopWins.client.mjs";
-async function _(o) {
-  return await i(), /* @__PURE__ */ r(t, { ...o });
-}
-export {
-  _ as TopWins
-};

package/dist/components/TournamentCounter/TournamentCounter.client.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),v=require("next/link"),s=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("../../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 N=require("../../client/hooks/useJackpotsQuery.js");require("usehooks-ts");const g=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),b=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const C=require("./TournamentCounterItem.js");function S(l){var u;const[c,r]=h({align:"start",slidesToScroll:1}),o=s.useCallback(()=>{r&&r.scrollPrev()},[r]),q=s.useCallback(()=>{r&&r.scrollNext()},[r]),[d,m]=s.useState(!1),[x,f]=s.useState(!1),i=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(i(),r.on("select",i),r.on("reInit",i))},[r,i]);const n=((u=N.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:u.pages[0].edges.map(t=>t.node))??[];return n.length<=0?null:e.jsxs("div",{className:l.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:l.heading??"Tournaments"}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(v,{href:l.viewAllUrl??"/tournaments",className:"text-button-tertiary-fg flex gap-sm text-sm font-semibold",children:["See All",e.jsx(b.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(a.Button,{disabled:!d,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(g.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(a.Button,{disabled:!x,onClick:q,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(j.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:c,children:e.jsx("div",{className:"flex gap-2.5",children:n.map(t=>e.jsx(C.TournamentCounterItem,{jackpot:t,viewAllUrl:l.viewAllUrl,className:"w-full"},t.id))})})]})}exports.TournamentCounter__client=S;

package/dist/components/TournamentCounter/TournamentCounter.client.mjs

@@ -1,139 +0,0 @@
-"use client";
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import x from "embla-carousel-react";
-import g from "next/link";
-import { useCallback as m, useState as n, useEffect as b } 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 "../../client/services/getSession.mjs";
-import "lodash-es";
-import "@opexa/portal-sdk-core/object-id";
-import "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useJackpotsQuery as S } from "../../client/hooks/useJackpotsQuery.mjs";
-import "usehooks-ts";
-import { ArrowLeftIcon as C } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as w } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as y } 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/Collapsible/Collapsible.mjs";
-import "../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.mjs";
-import "../../ui/PinInput/PinInput.mjs";
-import "../../ui/Popover/Popover.mjs";
-import "tailwind-merge";
-import "../../ui/Progress/Progress.mjs";
-import "../../ui/SegmentGroup/SegmentGroup.mjs";
-import "../../ui/Select/Select.mjs";
-import "../../ui/Table/Table.mjs";
-import "../../ui/Tabs/Tabs.mjs";
-import { TournamentCounterItem as A } from "./TournamentCounterItem.mjs";
-function Se(o) {
-  var a;
-  const [p, e] = x({
-    align: "start",
-    slidesToScroll: 1
-  }), d = m(() => {
-    e && e.scrollPrev();
-  }, [e]), f = m(() => {
-    e && e.scrollNext();
-  }, [e]), [u, N] = n(!1), [h, v] = n(!1), l = m(() => {
-    e && (N(e.canScrollPrev()), v(e.canScrollNext()));
-  }, [e]);
-  b(() => {
-    e && (l(), e.on("select", l), e.on("reInit", l));
-  }, [e, l]);
-  const s = ((a = S({
-    first: 100,
-    filter: {
-      status: {
-        equal: "ACTIVE"
-      },
-      deleted: {
-        equal: !1
-      }
-    },
-    sort: {
-      cursor: "POOL",
-      order: "DESC"
-    }
-  }).data) == null ? void 0 : a.pages[0].edges.map((i) => i.node)) ?? [];
-  return s.length <= 0 ? null : /* @__PURE__ */ t("div", { className: o.className, children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ r("div", { className: "text-lg font-semibold", children: o.heading ?? "Tournaments" }),
-      /* @__PURE__ */ t("div", { className: "flex items-center md:gap-3xl", children: [
-        /* @__PURE__ */ t(
-          g,
-          {
-            href: o.viewAllUrl ?? "/tournaments",
-            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
-            children: [
-              "See All",
-              /* @__PURE__ */ r(y, { className: "size-5 lg:hidden" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ r(
-            c,
-            {
-              disabled: !u,
-              onClick: d,
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-r-none border-r-0",
-              "aria-label": "Previous",
-              children: /* @__PURE__ */ r(C, { className: "size-5" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            c,
-            {
-              disabled: !h,
-              onClick: f,
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-l-none",
-              "aria-label": "Next",
-              children: [
-                /* @__PURE__ */ r("span", { className: "sr-only", children: "Next" }),
-                /* @__PURE__ */ r(w, { className: "size-5" })
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "relative mt-lg lg:overflow-hidden", ref: p, children: /* @__PURE__ */ r("div", { className: "flex gap-2.5", children: s.map((i) => /* @__PURE__ */ r(
-      A,
-      {
-        jackpot: i,
-        viewAllUrl: o.viewAllUrl,
-        className: "w-full"
-      },
-      i.id
-    )) }) })
-  ] });
-}
-export {
-  Se as TournamentCounter__client
-};

package/dist/components/TournamentCounter/TournamentCounter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");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("../../server/services/getSession.js");require("date-fns");require("next/headers");const t=require("../../server/utils/prefetchJackpotsQuery.js"),u=require("./TournamentCounter.client.js");async function n(e){return await t.prefetchJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}),r.jsx(u.TournamentCounter__client,{...e})}exports.TournamentCounter=n;

package/dist/components/TournamentCounter/TournamentCounter.mjs

@@ -1,33 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "@opexa/portal-sdk-core";
-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 "../../server/services/getSession.mjs";
-import "date-fns";
-import "next/headers";
-import { prefetchJackpotsQuery as o } from "../../server/utils/prefetchJackpotsQuery.mjs";
-import { TournamentCounter__client as e } from "./TournamentCounter.client.mjs";
-async function q(r) {
-  return await o({
-    first: 100,
-    filter: {
-      status: {
-        equal: "ACTIVE"
-      },
-      deleted: {
-        equal: !1
-      }
-    },
-    sort: {
-      cursor: "POOL",
-      order: "DESC"
-    }
-  }), /* @__PURE__ */ t(e, { ...r });
-}
-export {
-  q as TournamentCounter
-};

package/dist/components/TournamentCounter/TournamentCounterItem.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("lodash-es"),n=require("next/image"),s=require("react"),l=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const q=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("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const C=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const I=require("../../icons/ChevronRightIcon.js"),M=require("../../icons/StarIcon.js"),S=require("../../icons/Trophy01Icon.js"),P=require("../../icons/Award01Icon.js"),T=require("../../images/first-place.png.js"),z=require("../../images/trophy-two.png.js"),u=require("../../images/trophy.png.js"),k=require("next/link"),D=require("../JackpotCounter/JackpotCounterItem.module.css.js");function R({jackpot:d,className:f,viewAllUrl:b}){const y=C.useLocaleInfo(),[a,x]=s.useState({days:0,hours:0,minutes:0,seconds:0,isPast:!1}),o=s.useMemo(()=>{const t=new Date;return new Date(t.setSeconds(t.getSeconds()+2*24*60*60))},[]),c=s.useCallback(()=>{const t=new Date,r=o.getTime()-t.getTime();if(r<=0){x({days:0,hours:0,minutes:0,seconds:0,isPast:!0});return}const i=Math.floor(r/1e3),g=Math.floor(i/(3600*24)),j=Math.floor(i%(3600*24)/3600),p=Math.floor(i%3600/60),N=i%60,v=w.pick({days:g,hours:j,minutes:p,seconds:N,isPast:!1},["days","hours","minutes","seconds","isPast"]);x(v)},[o]);s.useEffect(()=>{c();const t=setInterval(c,1e3);return()=>clearInterval(t)},[o,c]);const m=[{label:"Day",value:a.days},{label:"Hour",value:a.hours},{label:"Min",value:a.minutes},{label:"Sec",value:a.seconds}];return e.jsxs("div",{className:l.twMerge("bg-bg-tertiary border-border-primary relative flex shrink-0 rounded-2xl border p-3 text-center lg:gap-6 lg:p-5",f),children:[e.jsx("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",{className:"w-full",children:[e.jsxs("div",{className:"flex w-full justify-between",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-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(P.Award01Icon,{className:"text-utility-brand-500 size-3.5"}),"Multiplier"]}),e.jsx("div",{className:"flex h-fit",children:m.map((t,r)=>e.jsxs(s.Fragment,{children:[e.jsxs("div",{className:l.twMerge("bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5"),children:[e.jsx("span",{className:"text-base font-medium",children:String(t.value).padStart(2,"0")}),e.jsx("span",{className:"text-[8px]",children:t.label})]}),r<m.length-1&&e.jsxs("div",{className:"flex flex-col justify-center gap-[6px] px-[6px]",children:[e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"}),e.jsx("div",{className:"bg-bg-primary h-1 w-1 rounded-full"})]})]},t.label))})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-text-primary-900 mt-2.5 text-left text-lg font-medium lg:mt-5 lg:text-2xl",children:d.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:q.formatNumber(d.pool,{currency:y.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})}),e.jsx("div",{className:"text-text-primary-900 mt-4 block text-left text-base lg:hidden",children:"Play and Win!"})]}),e.jsx("div",{className:"flex items-end lg:hidden",children:e.jsx(n,{src:u,alt:"trophy",quality:100,width:155,height:155,className:"h-23 w-auto"})})]})]}),e.jsx("div",{className:"z-1 absolute -bottom-16 right-0 hidden lg:block",children:e.jsx(n,{quality:100,width:155,height:155,src:u,alt:"trophy",className:"px-6 py-2.5"})})]}),e.jsxs("div",{className:"bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex",children:[e.jsx(n,{width:66,height:87,src:T,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(S.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:"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 items-center gap-2",children:[e.jsx(n,{width:24,height:24,src:z,quality:100,alt:"leaderboardIcon",className:"size-full w-6"}),e.jsx("div",{className:"text-text-primary-900 text-lg font-semibold",children:"Starting soon!"})]}),e.jsxs(k,{className:"text-button-tertiary-fg flex text-sm font-semibold",href:b??"/tournaments",children:["See details",e.jsx(I.ChevronRightIcon,{className:"size-5"})]})]}),e.jsx("div",{className:l.twMerge("max-h-[272px] overflow-y-scroll",D.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:Array.from({length:10}).map((t,r)=>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:r+1<6?e.jsxs("div",{className:"relative",children:[e.jsx(M.StarIcon,{className:l.twMerge("mx-auto size-6.5",h[r].starColor)}),e.jsx("span",{className:l.twMerge("absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold",h[r].numberColor),children:r+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:"-"})]},r))})]})})})]})]})}const 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.TournamentCounterItem=R;