@opexa/portal-components 0.0.27 → 0.0.29

package/dist/components/Games/Games.client.mjs

@@ -1,178 +0,0 @@
-"use client";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import k from "embla-carousel-react";
-import P from "next/image";
-import b from "next/link";
-import { useState as g, useCallback as u, useEffect as S } from "react";
-import { twMerge as x } 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 { useSessionQuery as G } from "../../client/hooks/useSessionQuery.mjs";
-import "lodash-es";
-import "@opexa/portal-sdk-core/object-id";
-import { useFavoriteGamesQuery as I } from "../../client/hooks/useFavoriteGamesQuery.mjs";
-import { useGamesQuery as C } from "../../client/hooks/useGamesQuery.mjs";
-import "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useMarkGameAsFavoriteMutation as F } from "../../client/hooks/useMarkGameAsFavoriteMutation.mjs";
-import "usehooks-ts";
-import { useUnmarkGameAsFavoriteMutation as Q } from "../../client/hooks/useUnmarkGameAsFavoriteMutation.mjs";
-import { ArrowLeftIcon as B } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as z } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as M } from "../../icons/ChevronRightIcon.mjs";
-import { SpinnerIcon as j } from "../../icons/SpinnerIcon.mjs";
-import { Star01Icon as D } from "../../icons/Star01Icon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as h } 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 "../../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 "zustand/shallow";
-import { GameLaunchTrigger as R } from "../GameLaunch/GameLaunchTrigger.mjs";
-function Oe(o) {
-  var p;
-  const m = o.numOfRows ?? 1, i = C({
-    first: (m + 1) * 6,
-    filter: o.filter
-  }), f = ((p = i.data) == null ? void 0 : p.pages.map((r) => r.edges.map((y) => y.node)).flat()) ?? [], [d, e] = k({
-    align: "start",
-    slidesToScroll: 3,
-    breakpoints: {
-      "(min-width: 1024px)": {
-        slidesToScroll: 6
-      }
-    }
-  }), [n, l] = g(!0), [s, v] = g(!0), N = u(
-    () => e == null ? void 0 : e.scrollPrev(),
-    [e]
-  ), w = u(async () => {
-    !(e != null && e.canScrollNext()) && i.hasNextPage && (await i.fetchNextPage(), e == null || e.reInit(), await new Promise((r) => setTimeout(r, 1))), e == null || e.scrollNext();
-  }, [e, i]), c = u((r) => {
-    l(!(r != null && r.canScrollPrev())), v(!(r != null && r.canScrollNext()));
-  }, []);
-  return S(() => {
-    e && (c(e), e.on("reInit", c).on("select", c));
-  }, [e, c]), /* @__PURE__ */ a("div", { className: o.className, children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ t("h2", { className: "text-lg font-semibold", children: o.heading ?? "Games" }),
-      /* @__PURE__ */ t("div", { className: "grow" }),
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-xl", children: [
-        /* @__PURE__ */ a(
-          b,
-          {
-            href: o.viewAllUrl ?? "/games",
-            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
-            children: [
-              "See All",
-              /* @__PURE__ */ t(M, { className: "size-5 lg:hidden" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ a("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ t(
-            h,
-            {
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-r-none border-r-0",
-              onClick: N,
-              disabled: n,
-              "aria-label": "Previous",
-              children: /* @__PURE__ */ t(B, { className: "size-5" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            h,
-            {
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-l-none",
-              onClick: w,
-              disabled: s && !i.hasNextPage ? !0 : i.isFetchingNextPage,
-              "aria-label": "Next",
-              children: i.isFetchingNextPage ? /* @__PURE__ */ t(j, { className: "size-5" }) : /* @__PURE__ */ t(z, { className: "size-5" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ t("div", { ref: d, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ t(
-      "div",
-      {
-        className: x(
-          "grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",
-          m === 3 ? "grid-rows-3" : m === 2 ? "grid-rows-2" : "grid-rows-1"
-        ),
-        children: f.map((r) => /* @__PURE__ */ t(T, { game: r }, r.id))
-      }
-    ) })
-  ] });
-}
-function T({ game: o }) {
-  const i = G().data, d = I().data ?? [], e = F(), n = Q(), l = d.some(
-    (s) => s.id === o.id
-  );
-  return /* @__PURE__ */ a(R, { game: o, className: "relative block w-full shadow-sm", children: [
-    (i == null ? void 0 : i.status) === "authenticated" && /* @__PURE__ */ t(
-      "div",
-      {
-        role: "button",
-        onClick: (s) => {
-          s.preventDefault(), s.stopPropagation(), !e.isPending && (n.isPending || (l ? n.mutate(o.reference) : e.mutate(o.reference)));
-        },
-        "aria-disabled": e.isPending || n.isPending,
-        className: "rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 blur-[0.5px]",
-        children: /* @__PURE__ */ t(
-          D,
-          {
-            className: x(
-              "size-5",
-              l ? "fill-yellow-400 text-yellow-400" : "text-white"
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t(
-      P,
-      {
-        src: o.image,
-        alt: "",
-        width: 200,
-        height: 200,
-        priority: !0,
-        className: "aspect-square w-full rounded-t-md object-cover"
-      }
-    ),
-    /* @__PURE__ */ t("span", { className: "bg-bg-tertiary text-text-primary-brand block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: o.name })
-  ] });
-}
-export {
-  Oe as Games__client
-};

package/dist/components/Games/Games.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=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 u=require("../../server/utils/prefetchGamesQuery.js"),t=require("./Games.client.js");async function s(e){const r=e.numOfRows??1;return await u.prefetchGamesQuery({first:(r+1)*6,filter:e.filter}),i.jsx(t.Games__client,{...e})}exports.Games=s;

package/dist/components/Games/Games.mjs

@@ -1,23 +0,0 @@
-import { jsx as m } 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 { prefetchGamesQuery as i } from "../../server/utils/prefetchGamesQuery.mjs";
-import { Games__client as o } from "./Games.client.mjs";
-async function O(t) {
-  const r = t.numOfRows ?? 1;
-  return await i({
-    first: (r + 1) * 6,
-    filter: t.filter
-  }), /* @__PURE__ */ m(o, { ...t });
-}
-export {
-  O as Games
-};

package/dist/components/GamesSearch/GamesSearch.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("@ark-ui/react"),c=require("next/image"),x=require("react"),b=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("lodash-es");require("@opexa/portal-sdk-core/object-id");const f=require("../../client/hooks/useGamesQuery.js"),y=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const p=require("../../icons/SearchLgIcon.js"),g=require("../../icons/XIcon.js"),N=require("../../images/hacksaw-gaming.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const S=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");const t=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const v=require("../../ui/Field/Field.js"),w=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");const h=require("../../ui/Presence.js");require("../../ui/Progress/Progress.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("../GameLaunch/GameLaunchTrigger.js");function G(a){var m;const l=y.useGlobalStore(b.useShallow(r=>({gamesSearch:r.gamesSearch}))),u=x.useRef(null),[s,d]=x.useState(""),i=f.useGamesQuery({first:18,search:s},{enabled:s.length>=3}),n=((m=i.data)==null?void 0:m.pages.map(r=>r.edges.map(q=>q.node)).flat())??[];return e.jsx(t.Root,{open:l.gamesSearch.open,onOpenChange:r=>l.gamesSearch.setOpen(r.open),lazyMount:!0,unmountOnExit:!0,children:e.jsxs(j.Portal,{children:[e.jsx(t.Backdrop,{}),e.jsx(t.Positioner,{children:e.jsxs(t.Content,{className:"bg-bg-primary lg:min-h-auto mx-auto min-h-full w-full pt-xl lg:mt-[132px] lg:max-w-[1136px] lg:bg-unset lg:pt-0",children:[e.jsx(t.Context,{children:r=>e.jsxs("div",{className:"flex items-center justify-between px-4 lg:hidden",children:[e.jsx(c,{src:a.logo,alt:"",width:200,height:40,className:"h-8 w-auto"}),e.jsx(w.IconButton,{size:"sm",colorScheme:"gray",onClick:()=>r.setOpen(!1),children:e.jsx(g.XIcon,{className:"text-text-quinary size-6"})})]})}),e.jsx("div",{className:"flex justify-end",children:e.jsx(t.Context,{children:r=>e.jsx("button",{type:"button",onClick:()=>r.setOpen(!1),className:"hidden size-9 items-center justify-center rounded-md bg-white/20 lg:flex",children:e.jsx(g.XIcon,{className:"size-5 text-white"})})})}),e.jsx("div",{className:"mt-2xl px-4 lg:mt-xl lg:px-0",children:e.jsxs("div",{className:"relative",children:[e.jsx(p.SearchLgIcon,{className:"text-text-quinary pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2"}),e.jsx(v.Input,{ref:u,type:"search",value:s,onChange:r=>{d(r.target.value)},className:"pl-10 pr-16",placeholder:"Search",autoComplete:"off"}),e.jsx(h.Presence,{present:s.length>0,asChild:!0,lazyMount:!0,children:e.jsx("button",{type:"button",className:"text-text-secondary-700 absolute right-3.5 top-1/2 -translate-y-1/2 font-semibold",onClick:()=>{var r;d(""),(r=u.current)==null||r.focus()},children:"Clear"})})]})}),e.jsx("div",{className:"lg:bg-bg-primary lg:border-border-primary mt-2xl p-xl pb-3xl lg:mt-2 lg:rounded-xl lg:border",children:s.length<=0?e.jsx(o,{message:"Search for your favorite game or provider."}):s.length>=1&&s.length<=2?e.jsx(o,{message:"Search requires at least 3 characters."}):e.jsxs(e.Fragment,{children:[n.length<=0&&e.jsx(o,{message:"No results found"}),n.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Providers"}),e.jsx("div",{className:"mb-3xl mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5",children:e.jsx("div",{className:"bg-gray-800 flex h-14 w-full items-center rounded-md",children:e.jsx(c,{src:N,alt:"",width:100,height:50,className:"mx-auto h-auto w-full"})})}),e.jsx("h2",{className:"text-lg font-semibold",children:"Games"}),e.jsx("div",{className:"mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5",children:n.map(r=>e.jsxs(C.GameLaunchTrigger,{game:r,className:"block w-full shadow-sm",onClick:()=>{l.gamesSearch.setOpen(!1)},children:[e.jsx(c,{src:r.image,alt:"",width:200,height:200,priority:!0,className:"aspect-square w-full rounded-t-md object-cover"}),e.jsx("span",{className:"bg-bg-tertiary text-text-primary-brand block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold",children:r.name})]},r.id))}),e.jsx(h.Presence,{present:i.hasNextPage,children:e.jsx(S.Button,{variant:"outline",className:"mx-auto mt-12 w-fit",onClick:()=>i.fetchNextPage(),children:"Load More"})})]})]})})]})})]})})}function o({message:a}){return e.jsxs("div",{className:"py-lg",role:"alert","aria-live":"polite",children:[e.jsx("div",{className:"bg-bg-secondary shadow-xs border-border-primary mx-auto flex size-12 items-center justify-center rounded-lg border",children:e.jsx(p.SearchLgIcon,{className:"text-text-secondary-700 size-6"})}),e.jsx("p",{className:"text-text-secondary-700 mt-4 text-center",children:a})]})}exports.GamesSearch=G;

package/dist/components/GamesSearch/GamesSearch.mjs

@@ -1,199 +0,0 @@
-"use client";
-import { jsx as e, jsxs as r, Fragment as h } from "react/jsx-runtime";
-import { Portal as y } from "@ark-ui/react";
-import m from "next/image";
-import { useRef as N, useState as v } from "react";
-import { useShallow as w } 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 "lodash-es";
-import "@opexa/portal-sdk-core/object-id";
-import { useGamesQuery as S } from "../../client/hooks/useGamesQuery.mjs";
-import { useGlobalStore as C } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { SearchLgIcon as x } from "../../icons/SearchLgIcon.mjs";
-import { XIcon as g } from "../../icons/XIcon.mjs";
-import k from "../../images/hacksaw-gaming.png.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as z } 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 { Root as j, Backdrop as O, Positioner as P, Content as G, Context as u } from "../../ui/Dialog/Dialog.mjs";
-import "../../ui/Drawer/Drawer.mjs";
-import { Input as I } from "../../ui/Field/Field.mjs";
-import { IconButton as q } 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 { Presence as f } from "../../ui/Presence.mjs";
-import "../../ui/Progress/Progress.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 { GameLaunchTrigger as B } from "../GameLaunch/GameLaunchTrigger.mjs";
-function Pe(a) {
-  var d;
-  const l = C(
-    w((t) => ({
-      gamesSearch: t.gamesSearch
-    }))
-  ), c = N(null), [o, p] = v(""), i = S(
-    {
-      first: 18,
-      search: o
-    },
-    {
-      enabled: o.length >= 3
-    }
-  ), s = ((d = i.data) == null ? void 0 : d.pages.map((t) => t.edges.map((b) => b.node)).flat()) ?? [];
-  return /* @__PURE__ */ e(
-    j,
-    {
-      open: l.gamesSearch.open,
-      onOpenChange: (t) => l.gamesSearch.setOpen(t.open),
-      lazyMount: !0,
-      unmountOnExit: !0,
-      children: /* @__PURE__ */ r(y, { children: [
-        /* @__PURE__ */ e(O, {}),
-        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(G, { className: "bg-bg-primary lg:min-h-auto mx-auto min-h-full w-full pt-xl lg:mt-[132px] lg:max-w-[1136px] lg:bg-unset lg:pt-0", children: [
-          /* @__PURE__ */ e(u, { children: (t) => /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-4 lg:hidden", children: [
-            /* @__PURE__ */ e(
-              m,
-              {
-                src: a.logo,
-                alt: "",
-                width: 200,
-                height: 40,
-                className: "h-8 w-auto"
-              }
-            ),
-            /* @__PURE__ */ e(
-              q,
-              {
-                size: "sm",
-                colorScheme: "gray",
-                onClick: () => t.setOpen(!1),
-                children: /* @__PURE__ */ e(g, { className: "text-text-quinary size-6" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(u, { children: (t) => /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: () => t.setOpen(!1),
-              className: "hidden size-9 items-center justify-center rounded-md bg-white/20 lg:flex",
-              children: /* @__PURE__ */ e(g, { className: "size-5 text-white" })
-            }
-          ) }) }),
-          /* @__PURE__ */ e("div", { className: "mt-2xl px-4 lg:mt-xl lg:px-0", children: /* @__PURE__ */ r("div", { className: "relative", children: [
-            /* @__PURE__ */ e(x, { className: "text-text-quinary pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }),
-            /* @__PURE__ */ e(
-              I,
-              {
-                ref: c,
-                type: "search",
-                value: o,
-                onChange: (t) => {
-                  p(t.target.value);
-                },
-                className: "pl-10 pr-16",
-                placeholder: "Search",
-                autoComplete: "off"
-              }
-            ),
-            /* @__PURE__ */ e(f, { present: o.length > 0, asChild: !0, lazyMount: !0, children: /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "text-text-secondary-700 absolute right-3.5 top-1/2 -translate-y-1/2 font-semibold",
-                onClick: () => {
-                  var t;
-                  p(""), (t = c.current) == null || t.focus();
-                },
-                children: "Clear"
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ e("div", { className: "lg:bg-bg-primary lg:border-border-primary mt-2xl p-xl pb-3xl lg:mt-2 lg:rounded-xl lg:border", children: o.length <= 0 ? /* @__PURE__ */ e(n, { message: "Search for your favorite game or provider." }) : o.length >= 1 && o.length <= 2 ? /* @__PURE__ */ e(n, { message: "Search requires at least 3 characters." }) : /* @__PURE__ */ r(h, { children: [
-            s.length <= 0 && /* @__PURE__ */ e(n, { message: "No results found" }),
-            s.length > 0 && /* @__PURE__ */ r(h, { children: [
-              /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: "Providers" }),
-              /* @__PURE__ */ e("div", { className: "mb-3xl mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: /* @__PURE__ */ e("div", { className: "bg-gray-800 flex h-14 w-full items-center rounded-md", children: /* @__PURE__ */ e(
-                m,
-                {
-                  src: k,
-                  alt: "",
-                  width: 100,
-                  height: 50,
-                  className: "mx-auto h-auto w-full"
-                }
-              ) }) }),
-              /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: "Games" }),
-              /* @__PURE__ */ e("div", { className: "mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: s.map((t) => /* @__PURE__ */ r(
-                B,
-                {
-                  game: t,
-                  className: "block w-full shadow-sm",
-                  onClick: () => {
-                    l.gamesSearch.setOpen(!1);
-                  },
-                  children: [
-                    /* @__PURE__ */ e(
-                      m,
-                      {
-                        src: t.image,
-                        alt: "",
-                        width: 200,
-                        height: 200,
-                        priority: !0,
-                        className: "aspect-square w-full rounded-t-md object-cover"
-                      }
-                    ),
-                    /* @__PURE__ */ e("span", { className: "bg-bg-tertiary text-text-primary-brand block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: t.name })
-                  ]
-                },
-                t.id
-              )) }),
-              /* @__PURE__ */ e(f, { present: i.hasNextPage, children: /* @__PURE__ */ e(
-                z,
-                {
-                  variant: "outline",
-                  className: "mx-auto mt-12 w-fit",
-                  onClick: () => i.fetchNextPage(),
-                  children: "Load More"
-                }
-              ) })
-            ] })
-          ] }) })
-        ] }) })
-      ] })
-    }
-  );
-}
-function n({ message: a }) {
-  return /* @__PURE__ */ r("div", { className: "py-lg", role: "alert", "aria-live": "polite", children: [
-    /* @__PURE__ */ e("div", { className: "bg-bg-secondary shadow-xs border-border-primary mx-auto flex size-12 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e(x, { className: "text-text-secondary-700 size-6" }) }),
-    /* @__PURE__ */ e("p", { className: "text-text-secondary-700 mt-4 text-center", children: a })
-  ] });
-}
-export {
-  Pe as GamesSearch
-};

package/dist/components/GamesSearch/GamesSearchTrigger.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("@ark-ui/react"),n=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 o=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function c(e){const r=o.useGlobalStore(n.useShallow(u=>({gamesSearch:u.gamesSearch})));return t.jsx(a.ark.button,{type:"button",...e,onClick:u=>{var i;return r.gamesSearch.setOpen(!r.gamesSearch.open),(i=e.onClick)==null?void 0:i.call(e,u)},"data-state":r.gamesSearch.open?"open":"closed"})}exports.GamesSearchTrigger=c;

package/dist/components/GamesSearch/GamesSearchTrigger.mjs

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as m } from "react/jsx-runtime";
-import { ark as i } from "@ark-ui/react";
-import { useShallow as a } 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 p } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-function T(t) {
-  const o = p(
-    a((r) => ({
-      gamesSearch: r.gamesSearch
-    }))
-  );
-  return /* @__PURE__ */ m(
-    i.button,
-    {
-      type: "button",
-      ...t,
-      onClick: (r) => {
-        var e;
-        return o.gamesSearch.setOpen(!o.gamesSearch.open), (e = t.onClick) == null ? void 0 : e.call(t, r);
-      },
-      "data-state": o.gamesSearch.open ? "open" : "closed"
-    }
-  );
-}
-export {
-  T as GamesSearchTrigger
-};

package/dist/components/InfiniteScroll.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),s=require("usehooks-ts");function d(e){const{value:a,setValue:l}=s.useBoolean(!1),o=e.loader??null,n=e.hasMore??!1,i=s.useDebounceCallback(async()=>{a||n&&(l(!0),await e.loadMore(),l(!1))},300),[c]=s.useIntersectionObserver({onChange(u){u&&i()}});return t.jsxs(r.Fragment,{children:[e.children,t.jsx("div",{ref:c,role:"presentation",style:e.style,className:e.className,hidden:!n,children:!!n&&t.jsx(r.Fragment,{children:o})})]})}exports.InfiniteScroll=d;

package/dist/components/InfiniteScroll.mjs

@@ -1,30 +0,0 @@
-"use client";
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { Fragment as a } from "react";
-import { useBoolean as u, useDebounceCallback as f, useIntersectionObserver as m } from "usehooks-ts";
-function b(e) {
-  const { value: o, setValue: l } = u(!1), t = e.loader ?? null, n = e.hasMore ?? !1, s = f(async () => {
-    o || n && (l(!0), await e.loadMore(), l(!1));
-  }, 300), [i] = m({
-    onChange(c) {
-      c && s();
-    }
-  });
-  return /* @__PURE__ */ d(a, { children: [
-    e.children,
-    /* @__PURE__ */ r(
-      "div",
-      {
-        ref: i,
-        role: "presentation",
-        style: e.style,
-        className: e.className,
-        hidden: !n,
-        children: !!n && /* @__PURE__ */ r(a, { children: t })
-      }
-    )
-  ] });
-}
-export {
-  b as InfiniteScroll
-};

package/dist/components/JackpotCounter/JackpotCounter.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 n=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 k=require("./JackpotCounterItem.js");function C(l){var a;const[u,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 c=((a=N.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:a.pages[0].edges.map(t=>t.node))??[];return c.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??"Jackpots"}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(v,{href:l.viewAllUrl??"/jackpots",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(n.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(n.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:u,children:e.jsx("div",{className:"flex gap-2.5",children:c.map(t=>e.jsx(k.JackpotCounterItem,{jackpot:t,className:"w-full",viewAllUrl:l.viewAllUrl},t.id))})})]})}exports.JackpotCounter__client=C;

package/dist/components/JackpotCounter/JackpotCounter.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 c, 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 k } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as C } from "../../icons/ArrowRightIcon.mjs";
-import { ChevronRightIcon as w } from "../../icons/ChevronRightIcon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as n } from "../../ui/Button/Button.mjs";
-import "../../ui/Checkbox/Checkbox.mjs";
-import "../../ui/Clipboard/Clipboard.mjs";
-import "../../ui/Collapsible/Collapsible.mjs";
-import "../../ui/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 { JackpotCounterItem as y } from "./JackpotCounterItem.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] = c(!1), [h, v] = c(!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 ?? "Jackpots" }),
-      /* @__PURE__ */ t("div", { className: "flex items-center md:gap-3xl", children: [
-        /* @__PURE__ */ t(
-          g,
-          {
-            href: o.viewAllUrl ?? "/jackpots",
-            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
-            children: [
-              "See All",
-              /* @__PURE__ */ r(w, { className: "size-5 lg:hidden" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ r(
-            n,
-            {
-              disabled: !u,
-              onClick: d,
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-r-none border-r-0",
-              "aria-label": "Previous",
-              children: /* @__PURE__ */ r(k, { className: "size-5" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            n,
-            {
-              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(C, { 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(
-      y,
-      {
-        jackpot: i,
-        className: "w-full",
-        viewAllUrl: o.viewAllUrl
-      },
-      i.id
-    )) }) })
-  ] });
-}
-export {
-  Se as JackpotCounter__client
-};