@opexa/portal-components 0.0.27 → 0.0.28

package/dist/components/GameLaunch/GameLaunch.mjs

@@ -1,298 +0,0 @@
-"use client";
-import { jsxs as t, Fragment as b, jsx as e } from "react/jsx-runtime";
-import { Presence as A, Dialog as c, Portal as h } from "@ark-ui/react";
-import { useRef as O } from "react";
-import { twMerge as f } from "tailwind-merge";
-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 { useDisclosure as g } from "../../client/hooks/useDisclosure.mjs";
-import { useEndGameSessionMutation as C } from "../../client/hooks/useEndGameSessionMutation.mjs";
-import { useFavoriteGamesQuery as k } from "../../client/hooks/useFavoriteGamesQuery.mjs";
-import { useGlobalStore as M } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useMarkGameAsFavoriteMutation as D } from "../../client/hooks/useMarkGameAsFavoriteMutation.mjs";
-import "usehooks-ts";
-import { useUnmarkGameAsFavoriteMutation as S } from "../../client/hooks/useUnmarkGameAsFavoriteMutation.mjs";
-import { AlertCircleIcon as F } from "../../icons/AlertCircleIcon.mjs";
-import { ChevronLeftIcon as P } from "../../icons/ChevronLeftIcon.mjs";
-import { CoinsHandIcon as W } from "../../icons/CoinsHandIcon.mjs";
-import { Expand03Icon as L } from "../../icons/Expand03Icon.mjs";
-import { SpinnerIcon as N } from "../../icons/SpinnerIcon.mjs";
-import { Star01Icon as z } from "../../icons/Star01Icon.mjs";
-import { XIcon as I } from "../../icons/XIcon.mjs";
-import { Root as E, Backdrop as Q, Positioner as T, Content as j, Header as Y, CloseTrigger as B, Body as R, Title as U, Description as H, Context as q, Footer as V } from "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as x } 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 { IconButton as s } from "../../ui/IconButton/IconButton.mjs";
-import "../../ui/NumberInput/NumberInput.mjs";
-import "../../ui/PasswordInput/PasswordInput.mjs";
-import "../../ui/PinInput/PinInput.mjs";
-import "../../ui/Popover/Popover.mjs";
-import "../../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 Je() {
-  var d;
-  const u = O(null), r = g({
-    defaultOpen: !0,
-    onOpenChange(i) {
-      i || setTimeout(() => {
-        var p;
-        (p = u.current) == null || p.scrollIntoView({
-          behavior: "smooth",
-          block: "start",
-          inline: "start"
-        });
-      }, 25);
-    }
-  }), n = g(), l = C(), a = M(
-    w((i) => ({
-      gameLaunch: i.gameLaunch,
-      depositWithdrawal: i.depositWithdrawal
-    }))
-  );
-  async function m() {
-    a.gameLaunch.details.status === "PLAYING" && await l.mutateAsync({
-      game: a.gameLaunch.details.game,
-      session: a.gameLaunch.details.session
-    }), r.setOpen(!0), a.gameLaunch.setDetails({
-      status: "WAITING",
-      session: null,
-      game: null
-    });
-  }
-  const y = k().data ?? [], G = D(), v = S(), o = y.some((i) => a.gameLaunch.details.game ? "reference" in a.gameLaunch.details.game ? i.id === a.gameLaunch.details.game.reference : i.id === a.gameLaunch.details.game.id : !1);
-  return /* @__PURE__ */ t(b, { children: [
-    /* @__PURE__ */ t(
-      A,
-      {
-        ref: u,
-        present: a.gameLaunch.details.status !== "WAITING" && !r.open,
-        lazyMount: !0,
-        unmountOnExit: a.gameLaunch.details.status === "WAITING",
-        className: "border-border-primary bg-bg-primary-alt w-full overflow-hidden rounded-lg border ui-open:animate-fade-in ui-closed:animate-fade-out",
-        children: [
-          /* @__PURE__ */ t("section", { className: "aspect-[960/540] w-full", children: [
-            a.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e(N, { className: "size-8" }) }),
-            a.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ e("div", {}),
-            a.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ e(
-              "iframe",
-              {
-                src: ((d = a.gameLaunch.details.session) == null ? void 0 : d.launchUrl) ?? "",
-                className: "size-full"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t("section", { className: "border-border-primary flex justify-end gap-2 border-t p-2", children: [
-            /* @__PURE__ */ e(
-              s,
-              {
-                size: "xs",
-                variant: "outline",
-                colorScheme: "gray",
-                onClick: () => {
-                  if (a.gameLaunch.details.status !== "PLAYING") {
-                    m();
-                    return;
-                  }
-                  n.setOpen(!0);
-                },
-                disabled: a.gameLaunch.details.status === "LOADING",
-                "aria-label": "Quit Game",
-                children: /* @__PURE__ */ e(I, { className: "size-5" })
-              }
-            ),
-            /* @__PURE__ */ e(
-              s,
-              {
-                size: "xs",
-                variant: "outline",
-                colorScheme: "gray",
-                disabled: a.gameLaunch.details.status === "LOADING",
-                "aria-label": o ? "Remove from Favorites" : "Add to Favorites",
-                onClick: () => {
-                  a.gameLaunch.details.game && (o ? v.mutate(
-                    "reference" in a.gameLaunch.details.game ? a.gameLaunch.details.game.reference : a.gameLaunch.details.game.id
-                  ) : G.mutate(
-                    "reference" in a.gameLaunch.details.game ? a.gameLaunch.details.game.reference : a.gameLaunch.details.game.id
-                  ));
-                },
-                children: /* @__PURE__ */ e(
-                  z,
-                  {
-                    className: f(
-                      "size-5",
-                      o ? "text-yellow-400 fill-yellow-400" : "text-inherit"
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e(
-              s,
-              {
-                size: "xs",
-                variant: "outline",
-                colorScheme: "gray",
-                onClick: () => r.setOpen(!0),
-                title: "Maximize",
-                "aria-label": "Maximize",
-                children: /* @__PURE__ */ e(L, { className: "size-5" })
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      c.Root,
-      {
-        open: a.gameLaunch.details.status !== "WAITING" && r.open && !n.open,
-        lazyMount: !0,
-        closeOnEscape: !1,
-        closeOnInteractOutside: !1,
-        children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(c.Positioner, { className: "z-dialog fixed inset-0", children: /* @__PURE__ */ t(c.Content, { className: "ui-open:animate-dialog-in ui-closed:animate-dialog-out bg-bg-primary-alt flex size-full flex-col", children: [
-          /* @__PURE__ */ t("section", { className: "flex items-center gap-2 px-4 py-2", children: [
-            /* @__PURE__ */ e(
-              s,
-              {
-                size: "xs",
-                variant: "outline",
-                onClick: () => {
-                  if (a.gameLaunch.details.status !== "PLAYING") {
-                    m();
-                    return;
-                  }
-                  n.setOpen(!0);
-                },
-                disabled: a.gameLaunch.details.status === "LOADING",
-                title: "Quit",
-                "aria-label": "Quit Game",
-                children: /* @__PURE__ */ e(P, { className: "size-5" })
-              }
-            ),
-            /* @__PURE__ */ e("div", { className: "grow" }),
-            /* @__PURE__ */ e(s, { size: "xs", variant: "outline", children: /* @__PURE__ */ e(
-              z,
-              {
-                className: f(
-                  "size-5",
-                  o ? "text-yellow-400 fill-yellow-400" : "text-inherit"
-                )
-              }
-            ) }),
-            /* @__PURE__ */ e(
-              s,
-              {
-                size: "xs",
-                variant: "outline",
-                onClick: () => r.setOpen(!1),
-                title: "Minimize",
-                "aria-label": "Minimize",
-                children: /* @__PURE__ */ e(L, { className: "size-5" })
-              }
-            ),
-            /* @__PURE__ */ e(
-              s,
-              {
-                size: "xs",
-                fullWidth: !1,
-                onClick: () => {
-                  a.depositWithdrawal.setOpen(!0);
-                },
-                children: /* @__PURE__ */ e(W, { className: "size-5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t("section", { className: "grow", children: [
-            a.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e(N, { className: "size-8" }) }),
-            a.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ e("div", {}),
-            a.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ e(
-              "iframe",
-              {
-                src: a.gameLaunch.details.session.launchUrl ?? "",
-                className: "size-full"
-              }
-            )
-          ] })
-        ] }) }) })
-      }
-    ),
-    /* @__PURE__ */ e(
-      E,
-      {
-        role: "alertdialog",
-        open: n.open,
-        onOpenChange: (i) => {
-          n.setOpen(i.open);
-        },
-        lazyMount: !0,
-        closeOnEscape: !1,
-        closeOnInteractOutside: !1,
-        children: /* @__PURE__ */ t(h, { children: [
-          /* @__PURE__ */ e(Q, {}),
-          /* @__PURE__ */ e(T, { children: /* @__PURE__ */ t(j, { children: [
-            /* @__PURE__ */ t(Y, { children: [
-              /* @__PURE__ */ e("div", { className: "bg-error-700/25 text-error-200 flex size-12 items-center justify-center rounded-full", children: /* @__PURE__ */ e(F, {}) }),
-              /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(I, {}) })
-            ] }),
-            /* @__PURE__ */ t(R, { children: [
-              /* @__PURE__ */ e(U, { children: "Quit Game" }),
-              /* @__PURE__ */ e(H, { children: "Are you sure you want to quit?" })
-            ] }),
-            /* @__PURE__ */ e(q, { children: (i) => /* @__PURE__ */ t(V, { children: [
-              /* @__PURE__ */ e(
-                x,
-                {
-                  variant: "outline",
-                  colorScheme: "gray",
-                  disabled: l.isPending,
-                  onClick: () => {
-                    i.setOpen(!1);
-                  },
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ e(
-                x,
-                {
-                  colorScheme: "danger",
-                  disabled: l.isPending,
-                  onClick: async () => {
-                    await m(), i.setOpen(!1);
-                  },
-                  children: "Proceed"
-                }
-              )
-            ] }) })
-          ] }) })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  Je as GameLaunch
-};

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),m=require("@ark-ui/react"),q=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");const d=require("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");const h=require("../../client/hooks/useCreateGameSessionMutation.js");require("@opexa/portal-sdk-core/object-id");const L=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const G=require("../../client/utils/toaster.js");function I(e){var r,n;const u=d.useSessionQuery(),c=h.useCreateGameSessionMutation(),t=L.useGlobalStore(q.useShallow(a=>({signIn:a.signIn,gameLaunch:a.gameLaunch}))),l=((r=u.data)==null?void 0:r.status)==="unauthenticated"?!1:t.gameLaunch.details.status!=="WAITING"?!0:e.disabled;return g.jsx(m.ark.button,{type:"button",...e,onClick:async a=>{var i,o;if((i=e.onClick)==null||i.call(e,a),((o=u.data)==null?void 0:o.status)==="unauthenticated")return t.signIn.setOpen(!0);t.gameLaunch.setDetails({game:e.game,status:"LOADING",session:null});try{const s=await c.mutateAsync(e.game);t.gameLaunch.setDetails({game:e.game,session:s,status:"PLAYING"})}catch(s){t.gameLaunch.setDetails({game:e.game,session:null,status:"FAILED"}),G.toaster.error({description:s instanceof Error?s.message:"Failed to launch game"})}},disabled:l,"data-state":((n=u.data)==null?void 0:n.status)==="unauthenticated"?t.signIn.open?"open":"closed":t.gameLaunch.details.status==="WAITING"?"closed":"open"})}exports.GameLaunchTrigger=I;

package/dist/components/GameLaunch/GameLaunchTrigger.mjs

@@ -1,72 +0,0 @@
-"use client";
-import { jsx as l } from "react/jsx-runtime";
-import { ark as g } from "@ark-ui/react";
-import { useShallow as d } 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 { useSessionQuery as h } from "../../client/hooks/useSessionQuery.mjs";
-import "react";
-import "lodash-es";
-import { useCreateGameSessionMutation as f } from "../../client/hooks/useCreateGameSessionMutation.mjs";
-import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as I } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { toaster as L } from "../../client/utils/toaster.mjs";
-function q(t) {
-  var i, o;
-  const n = h(), u = f(), e = I(
-    d((a) => ({
-      signIn: a.signIn,
-      gameLaunch: a.gameLaunch
-    }))
-  ), c = ((i = n.data) == null ? void 0 : i.status) === "unauthenticated" ? !1 : e.gameLaunch.details.status !== "WAITING" ? !0 : t.disabled;
-  return /* @__PURE__ */ l(
-    g.button,
-    {
-      type: "button",
-      ...t,
-      onClick: async (a) => {
-        var m, r;
-        if ((m = t.onClick) == null || m.call(t, a), ((r = n.data) == null ? void 0 : r.status) === "unauthenticated")
-          return e.signIn.setOpen(!0);
-        e.gameLaunch.setDetails({
-          game: t.game,
-          status: "LOADING",
-          session: null
-        });
-        try {
-          const s = await u.mutateAsync(
-            t.game
-          );
-          e.gameLaunch.setDetails({
-            game: t.game,
-            session: s,
-            status: "PLAYING"
-          });
-        } catch (s) {
-          e.gameLaunch.setDetails({
-            game: t.game,
-            session: null,
-            status: "FAILED"
-          }), L.error({
-            description: s instanceof Error ? s.message : "Failed to launch game"
-          });
-        }
-      },
-      disabled: c,
-      "data-state": ((o = n.data) == null ? void 0 : o.status) === "unauthenticated" ? e.signIn.open ? "open" : "closed" : e.gameLaunch.details.status === "WAITING" ? "closed" : "open"
-    }
-  );
-}
-export {
-  q as GameLaunchTrigger
-};

package/dist/components/GameProviders/GameProviders.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/image"),n=require("next/link"),i=require("react"),f=require("../../icons/ArrowLeftIcon.js"),N=require("../../icons/ArrowRightIcon.js"),j=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const o=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("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function w(l){const[a,r]=h({align:"start",slidesToScroll:1}),[u,d]=i.useState(!0),[q,g]=i.useState(!0),m=i.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),x=i.useCallback(async()=>{r==null||r.scrollNext()},[r]),t=i.useCallback(s=>{d(!(s!=null&&s.canScrollPrev())),g(!(s!=null&&s.canScrollNext()))},[]);i.useEffect(()=>{r&&(t(r),r.on("reInit",t).on("select",t))},[r,t]);const c=l.viewAllUrl??"/games/providers";return e.jsxs("div",{className:l.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:l.heading??"Providers"}),e.jsx("div",{className:"grow"}),e.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[e.jsxs(n,{href:c,className:"text-button-tertiary-fg flex gap-sm text-sm font-semibold",children:["See All",e.jsx(j.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:m,disabled:u,"aria-label":"Previous",children:e.jsx(f.ArrowLeftIcon,{className:"size-5"})}),e.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:x,disabled:q,"aria-label":"Next",children:e.jsx(N.ArrowRightIcon,{className:"size-5"})})]})]})]}),e.jsx("div",{ref:a,className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:"grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col grid-rows-1 gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",children:l.gameProviders.map(s=>e.jsx(n,{href:`${c}/${s.slug}`,className:"bg-gray-800 flex w-full items-center rounded-md px-md py-sm lg:h-[5.75rem]",children:e.jsx(v,{src:s.logo,alt:"",width:300,height:150,className:"mx-auto h-auto w-full"})},s.id))})})]})}exports.GameProviders=w;

package/dist/components/GameProviders/GameProviders.mjs

@@ -1,122 +0,0 @@
-"use client";
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import N from "embla-carousel-react";
-import x from "next/image";
-import c from "next/link";
-import { useState as a, useCallback as s, useEffect as w } from "react";
-import { ArrowLeftIcon as P } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as S } 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 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 "../../utils/capitalize.mjs";
-import "../../utils/parseDecimal.mjs";
-import "../../constants/index.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-import "../../ui/IconButton/iconButton.recipe.mjs";
-import "../../ui/NumberInput/NumberInput.mjs";
-import "../../ui/PasswordInput/PasswordInput.mjs";
-import "../../ui/PinInput/PinInput.mjs";
-import "../../ui/Popover/Popover.mjs";
-import "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 ce(i) {
-  const [d, e] = N({
-    align: "start",
-    slidesToScroll: 1
-  }), [f, g] = a(!0), [u, h] = a(!0), p = s(
-    () => e == null ? void 0 : e.scrollPrev(),
-    [e]
-  ), v = s(async () => {
-    e == null || e.scrollNext();
-  }, [e]), l = s((t) => {
-    g(!(t != null && t.canScrollPrev())), h(!(t != null && t.canScrollNext()));
-  }, []);
-  w(() => {
-    e && (l(e), e.on("reInit", l).on("select", l));
-  }, [e, l]);
-  const m = i.viewAllUrl ?? "/games/providers";
-  return /* @__PURE__ */ o("div", { className: i.className, children: [
-    /* @__PURE__ */ o("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold", children: i.heading ?? "Providers" }),
-      /* @__PURE__ */ r("div", { className: "grow" }),
-      /* @__PURE__ */ o("div", { className: "flex items-center justify-center gap-xl", children: [
-        /* @__PURE__ */ o(
-          c,
-          {
-            href: m,
-            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
-            children: [
-              "See All",
-              /* @__PURE__ */ r(y, { className: "size-5 lg:hidden" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o("div", { className: "hidden lg:flex", children: [
-          /* @__PURE__ */ r(
-            n,
-            {
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-r-none border-r-0",
-              onClick: p,
-              disabled: f,
-              "aria-label": "Previous",
-              children: /* @__PURE__ */ r(P, { className: "size-5" })
-            }
-          ),
-          /* @__PURE__ */ r(
-            n,
-            {
-              variant: "outline",
-              colorScheme: "gray",
-              className: "rounded-l-none",
-              onClick: v,
-              disabled: u,
-              "aria-label": "Next",
-              children: /* @__PURE__ */ r(S, { className: "size-5" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { ref: d, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ r("div", { className: "grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col grid-rows-1 gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md", children: i.gameProviders.map((t) => /* @__PURE__ */ r(
-      c,
-      {
-        href: `${m}/${t.slug}`,
-        className: "bg-gray-800 flex w-full items-center rounded-md px-md py-sm lg:h-[5.75rem]",
-        children: /* @__PURE__ */ r(
-          x,
-          {
-            src: t.logo,
-            alt: "",
-            width: 300,
-            height: 150,
-            className: "mx-auto h-auto w-full"
-          }
-        )
-      },
-      t.id
-    )) }) })
-  ] });
-}
-export {
-  ce as GameProviders
-};

package/dist/components/Games/Games.client.js

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