@opexa/portal-components 0.0.6 → 0.0.8

package/dist/components/GameLaunch/GameLaunch.mjs

@@ -0,0 +1,226 @@
+"use client";
+import { Presence as h, Dialog as c, Portal as d } from "@ark-ui/react";
+import N from "../../_virtual/image.mjs";
+import { useRef as L } from "react";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/toaster.mjs";
+import "lodash-es";
+import "../../_virtual/index.cjs.mjs";
+import { useDisclosure as f } from "../../hooks/useDisclosure.mjs";
+import { useEndGameSessionMutation as I } from "../../hooks/useEndGameSessionMutation.mjs";
+import { useGlobalStore as z } from "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { AlertCircleIcon as y } from "../../icons/AlertCircleIcon.mjs";
+import { ChevronLeftIcon as O } from "../../icons/ChevronLeftIcon.mjs";
+import { Expand03Icon as g } from "../../icons/Expand03Icon.mjs";
+import { SpinnerIcon as E } from "../../icons/SpinnerIcon.mjs";
+import { Wallet02Icon as G } from "../../icons/Wallet02Icon.mjs";
+import { XIcon as R } from "../../icons/XIcon.mjs";
+import { Root as b, Backdrop as x, Positioner as A, Content as v, Header as C, CloseTrigger as w, Body as D, Title as S, Description as P, Context as k, Footer as W } from "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as r } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import { IconButton as n } from "../../ui/IconButton/IconButton.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { useShallow as M } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
+function Ce(o) {
+  var u;
+  const m = L(null), a = f({
+    defaultOpen: !0,
+    onOpenChange(t) {
+      t || setTimeout(() => {
+        var p;
+        (p = m.current) == null || p.scrollIntoView({
+          behavior: "smooth",
+          block: "start",
+          inline: "start"
+        });
+      }, 25);
+    }
+  }), l = f(), s = I(), e = z(
+    M((t) => ({
+      gameLaunch: t.gameLaunch,
+      depositWithdrawal: t.depositWithdrawal
+    }))
+  );
+  async function i() {
+    e.gameLaunch.details.status === "PLAYING" && await s.mutateAsync({
+      game: e.gameLaunch.details.game,
+      session: e.gameLaunch.details.session
+    }), a.setOpen(!0), e.gameLaunch.setDetails({
+      status: "WAITING",
+      session: null,
+      game: null
+    });
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    h,
+    {
+      ref: m,
+      present: e.gameLaunch.details.status !== "WAITING" && !a.open,
+      lazyMount: !0,
+      unmountOnExit: e.gameLaunch.details.status === "WAITING",
+      className: "border-gray-200 w-full overflow-hidden rounded-lg border ui-open:animate-fade-in ui-closed:animate-fade-out"
+    },
+    /* @__PURE__ */ React.createElement("section", { className: "aspect-[960/540] w-full" }, e.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ React.createElement("div", { className: "flex size-full items-center justify-center" }, /* @__PURE__ */ React.createElement(E, { className: "size-8" })), e.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ React.createElement("div", null), e.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ React.createElement(
+      "iframe",
+      {
+        src: ((u = e.gameLaunch.details.session) == null ? void 0 : u.launchUrl) ?? "",
+        className: "size-full"
+      }
+    )),
+    /* @__PURE__ */ React.createElement("section", { className: "border-gray-200 flex justify-end gap-lg border-t p-2" }, /* @__PURE__ */ React.createElement(
+      n,
+      {
+        size: "sm",
+        variant: "outline",
+        colorScheme: "gray",
+        onClick: () => {
+          if (e.gameLaunch.details.status !== "PLAYING") {
+            i();
+            return;
+          }
+          l.setOpen(!0);
+        },
+        disabled: e.gameLaunch.details.status === "LOADING",
+        "aria-label": "Quit Game",
+        title: "Quit"
+      },
+      /* @__PURE__ */ React.createElement(R, { className: "size-5" })
+    ), /* @__PURE__ */ React.createElement(
+      n,
+      {
+        size: "sm",
+        variant: "outline",
+        colorScheme: "gray",
+        onClick: () => a.setOpen(!0),
+        title: "Maximize",
+        "aria-label": "Maximize"
+      },
+      /* @__PURE__ */ React.createElement(g, { className: "size-5" })
+    ))
+  ), /* @__PURE__ */ React.createElement(
+    c.Root,
+    {
+      open: e.gameLaunch.details.status !== "WAITING" && a.open && !l.open,
+      lazyMount: !0,
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1
+    },
+    /* @__PURE__ */ React.createElement(d, null, /* @__PURE__ */ React.createElement(c.Positioner, { className: "z-dialog fixed inset-0" }, /* @__PURE__ */ React.createElement(c.Content, { className: "ui-open:animate-dialog-in ui-closed:animate-dialog-out flex size-full flex-col bg-white" }, /* @__PURE__ */ React.createElement("section", { className: "grid grid-cols-[22rem_auto_22rem] items-center px-4 py-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-start gap-2" }, /* @__PURE__ */ React.createElement(
+      n,
+      {
+        size: "sm",
+        variant: "outline",
+        colorScheme: "gray",
+        onClick: () => {
+          if (e.gameLaunch.details.status !== "PLAYING") {
+            i();
+            return;
+          }
+          l.setOpen(!0);
+        },
+        disabled: e.gameLaunch.details.status === "LOADING",
+        title: "Quit",
+        "aria-label": "Quit Game"
+      },
+      /* @__PURE__ */ React.createElement(O, { className: "size-5" })
+    )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center" }, !!o.logo && /* @__PURE__ */ React.createElement(
+      N,
+      {
+        src: o.logo,
+        height: 40,
+        width: 80,
+        alt: "",
+        className: "h-9 w-auto shrink-0"
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: "flex justify-end gap-2" }, /* @__PURE__ */ React.createElement(
+      r,
+      {
+        size: "sm",
+        fullWidth: !1,
+        onClick: () => {
+          e.depositWithdrawal.setOpen(!0);
+        }
+      },
+      /* @__PURE__ */ React.createElement(G, { className: "size-5" }),
+      "Wallet"
+    ), /* @__PURE__ */ React.createElement(
+      n,
+      {
+        size: "sm",
+        variant: "outline",
+        colorScheme: "gray",
+        onClick: () => a.setOpen(!1),
+        title: "Minimize",
+        "aria-label": "Minimize"
+      },
+      /* @__PURE__ */ React.createElement(g, { className: "size-5" })
+    ))), /* @__PURE__ */ React.createElement("section", { className: "grow" }, e.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ React.createElement("div", { className: "flex size-full items-center justify-center" }, /* @__PURE__ */ React.createElement(E, { className: "size-8" })), e.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ React.createElement("div", null), e.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ React.createElement(
+      "iframe",
+      {
+        src: e.gameLaunch.details.session.launchUrl ?? "",
+        className: "size-full"
+      }
+    )))))
+  ), /* @__PURE__ */ React.createElement(
+    b,
+    {
+      role: "alertdialog",
+      open: l.open,
+      onOpenChange: (t) => {
+        l.setOpen(t.open);
+      },
+      lazyMount: !0,
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1
+    },
+    /* @__PURE__ */ React.createElement(d, null, /* @__PURE__ */ React.createElement(x, null), /* @__PURE__ */ React.createElement(A, null, /* @__PURE__ */ React.createElement(v, null, /* @__PURE__ */ React.createElement(C, null, /* @__PURE__ */ React.createElement("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]" }, /* @__PURE__ */ React.createElement(y, null)), /* @__PURE__ */ React.createElement(w, null, /* @__PURE__ */ React.createElement(R, null))), /* @__PURE__ */ React.createElement(D, null, /* @__PURE__ */ React.createElement(S, null, "Quit Game"), /* @__PURE__ */ React.createElement(P, null, "Are you sure you want to quit?")), /* @__PURE__ */ React.createElement(k, null, (t) => /* @__PURE__ */ React.createElement(W, null, /* @__PURE__ */ React.createElement(
+      r,
+      {
+        variant: "outline",
+        colorScheme: "gray",
+        disabled: s.isPending,
+        onClick: () => {
+          t.setOpen(!1);
+        }
+      },
+      "Cancel"
+    ), /* @__PURE__ */ React.createElement(
+      r,
+      {
+        colorScheme: "danger",
+        disabled: s.isPending,
+        onClick: async () => {
+          await i(), t.setOpen(!1);
+        }
+      },
+      "Proceed"
+    ))))))
+  ));
+}
+export {
+  Ce as GameLaunch
+};

package/dist/components/GameLaunch/GameLaunchTrigger.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLArkProps } from '@ark-ui/react';
-import type { Game } from '@opexa/portal-sdk-core';
+import { HTMLArkProps } from '@ark-ui/react';
+import { Game } from '@opexa/portal-sdk-core';
 export interface GameLaunchTriggerProps extends HTMLArkProps<'button'> {
     game: Game;
 }
-export declare function GameLaunchTrigger(props: GameLaunchTriggerProps): import("react").JSX.Element;
+export declare function GameLaunchTrigger(props: GameLaunchTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@ark-ui/react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const d=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const m=require("../../utils/toaster.js"),q=require("../../hooks/useSessionQuery.js");require("lodash-es");const h=require("../../hooks/useCreateGameSessionMutation.js");require("../../_virtual/index.cjs.js");const L=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const G=require("../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.js");function I(e){var n,i;const r=q.useSessionQuery(),l=h.useCreateGameSessionMutation(),t=L.useGlobalStore(G.useShallow(a=>({signIn:a.signIn,gameLaunch:a.gameLaunch}))),u=((n=r.data)==null?void 0:n.status)==="unauthenticated"?!1:t.gameLaunch.details.status!=="WAITING"?!0:e.disabled;return React.createElement(g.ark.button,{type:"button",...e,onClick:async a=>{var o,c;if((o=e.onClick)==null||o.call(e,a),((c=r.data)==null?void 0:c.status)==="unauthenticated")return t.signIn.setOpen(!0);t.gameLaunch.setDetails({game:e.game,status:"LOADING",session:null});try{const s=await l.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"}),m.toaster.error({description:s instanceof Error?s.message:"Failed to launch game"})}},disabled:u,"data-disabled":d.dataAttr(u),"data-state":((i=r.data)==null?void 0:i.status)==="unauthenticated"?t.signIn.open?"open":"closed":t.gameLaunch.details.status==="WAITING"?"closed":"open"})}exports.GameLaunchTrigger=I;

package/dist/components/GameLaunch/GameLaunchTrigger.mjs

@@ -0,0 +1,72 @@
+"use client";
+import { ark as l } from "@ark-ui/react";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "react";
+import { dataAttr as g } from "../../utils/dataAttr.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import { toaster as d } from "../../utils/toaster.mjs";
+import { useSessionQuery as h } from "../../hooks/useSessionQuery.mjs";
+import "lodash-es";
+import { useCreateGameSessionMutation as f } from "../../hooks/useCreateGameSessionMutation.mjs";
+import "../../_virtual/index.cjs.mjs";
+import { useGlobalStore as I } from "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { useShallow as L } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
+function j(t) {
+  var o, m;
+  const n = h(), c = f(), e = I(
+    L((a) => ({
+      signIn: a.signIn,
+      gameLaunch: a.gameLaunch
+    }))
+  ), i = ((o = n.data) == null ? void 0 : o.status) === "unauthenticated" ? !1 : e.gameLaunch.details.status !== "WAITING" ? !0 : t.disabled;
+  return /* @__PURE__ */ React.createElement(
+    l.button,
+    {
+      type: "button",
+      ...t,
+      onClick: async (a) => {
+        var r, u;
+        if ((r = t.onClick) == null || r.call(t, a), ((u = n.data) == null ? void 0 : u.status) === "unauthenticated")
+          return e.signIn.setOpen(!0);
+        e.gameLaunch.setDetails({
+          game: t.game,
+          status: "LOADING",
+          session: null
+        });
+        try {
+          const s = await c.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"
+          }), d.error({
+            description: s instanceof Error ? s.message : "Failed to launch game"
+          });
+        }
+      },
+      disabled: i,
+      "data-disabled": g(i),
+      "data-state": ((m = n.data) == null ? void 0 : m.status) === "unauthenticated" ? e.signIn.open ? "open" : "closed" : e.gameLaunch.details.status === "WAITING" ? "closed" : "open"
+    }
+  );
+}
+export {
+  j as GameLaunchTrigger
+};

package/dist/components/GameProviders/GameProviders.d.ts

@@ -1,5 +1,5 @@
-import type { GameProvider } from '@opexa/portal-sdk-core';
-import type { ImageProps } from 'next/image';
+import { GameProvider } from '@opexa/portal-sdk-core';
+import { ImageProps } from 'next/image';
 interface ProviderData {
     id: GameProvider;
     logo: ImageProps['src'];
@@ -10,5 +10,5 @@ export interface GameProvidersProps {
     redirectUrl: string;
     className?: string;
 }
-export declare function GameProviders(props: GameProvidersProps): import("react").JSX.Element;
+export declare function GameProviders(props: GameProvidersProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Games/Games.d.ts

@@ -1,4 +1,4 @@
-import type { GamesInput } from '@opexa/portal-sdk-core';
+import { GamesInput } from '@opexa/portal-sdk-core';
 export interface GamesProps {
     heading: string;
     seeAllUrl: string;
@@ -7,4 +7,4 @@ export interface GamesProps {
     className?: string;
     filter?: GamesInput['filter'];
 }
-export declare function Games(props: GamesProps): Promise<import("react").JSX.Element>;
+export declare function Games(props: GamesProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Games/Games.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("embla-carousel-react"),x=require("../../_virtual/image.js"),w=require("../../_virtual/link.js"),a=require("react"),v=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("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");const E=require("../../hooks/useGamesQuery.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const S=require("../../icons/ArrowLeftIcon.js"),y=require("../../icons/ArrowRightIcon.js"),k=require("../../icons/ChevronRightIcon.js"),P=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const l=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../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 I(c){var i;const n=c.numOfRows??1,t=E.useGamesQuery({first:(n+1)*6,filter:c.filter}),o=((i=t.data)==null?void 0:i.pages.map(r=>r.edges.map(R=>R.node)).flat())??[],[u,e]=h({align:"start",slidesToScroll:3,breakpoints:{"(min-width: 1024px)":{slidesToScroll:6}}}),[m,d]=a.useState(!0),[g,q]=a.useState(!0),f=a.useCallback(()=>e==null?void 0:e.scrollPrev(),[e]),N=a.useCallback(async()=>{!(e!=null&&e.canScrollNext())&&t.hasNextPage&&(await t.fetchNextPage(),e==null||e.reInit(),await new Promise(r=>setTimeout(r,1))),e==null||e.scrollNext()},[e,t]),s=a.useCallback(r=>{d(!(r!=null&&r.canScrollPrev())),q(!(r!=null&&r.canScrollNext()))},[]);return a.useEffect(()=>{e&&(s(e),e.on("reInit",s).on("select",s))},[e,s]),React.createElement("div",{className:c.className},React.createElement("div",{className:"flex items-center"},React.createElement("h2",{className:"text-lg font-semibold"},c.heading),React.createElement("div",{className:"grow"}),React.createElement("div",{className:"flex items-center justify-center gap-xl"},React.createElement(w,{href:c.seeAllUrl,className:"flex gap-sm text-sm font-semibold"},"See All",React.createElement(k.ChevronRightIcon,{className:"size-5 lg:hidden"})),React.createElement("div",{className:"hidden lg:flex"},React.createElement(l.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:f,disabled:m,"aria-label":"Previous"},React.createElement(S.ArrowLeftIcon,{className:"size-5"})),React.createElement(l.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:N,disabled:g&&!t.hasNextPage?!0:t.isFetchingNextPage,"aria-label":"Next"},t.isFetchingNextPage?React.createElement(P.SpinnerIcon,{className:"size-5"}):React.createElement(y.ArrowRightIcon,{className:"size-5"}))))),React.createElement("div",{ref:u,className:"relative mt-lg lg:overflow-hidden"},React.createElement("div",{className:v.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",n===3?"grid-rows-3":n===2?"grid-rows-2":"grid-rows-1")},o.map(r=>React.createElement(C.GameLaunchTrigger,{key:r.id,game:r,className:"block w-full"},React.createElement(x,{src:r.image,alt:"",width:200,height:200,priority:!0,className:"aspect-square w-full rounded-t-md object-cover"}),React.createElement("span",{className:"bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold"},r.name))))))}exports.Games=I;

package/dist/components/Games/Games.mjs

@@ -0,0 +1,132 @@
+"use client";
+import h from "embla-carousel-react";
+import E from "../../_virtual/image.mjs";
+import v from "../../_virtual/link.mjs";
+import { useState as i, useCallback as m, useEffect as w } from "react";
+import { twMerge as P } 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 "../../utils/toaster.mjs";
+import "lodash-es";
+import "../../_virtual/index.cjs.mjs";
+import { useGamesQuery as S } from "../../hooks/useGamesQuery.mjs";
+import "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { ArrowLeftIcon as k } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as y } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as B } from "../../icons/ChevronRightIcon.mjs";
+import { SpinnerIcon as C } from "../../icons/SpinnerIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as l } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { GameLaunchTrigger as I } from "../GameLaunch/GameLaunchTrigger.mjs";
+function ve(o) {
+  var s;
+  const c = o.numOfRows ?? 1, r = S({
+    first: (c + 1) * 6,
+    filter: o.filter
+  }), n = ((s = r.data) == null ? void 0 : s.pages.map((t) => t.edges.map((R) => R.node)).flat()) ?? [], [d, e] = h({
+    align: "start",
+    slidesToScroll: 3,
+    breakpoints: {
+      "(min-width: 1024px)": {
+        slidesToScroll: 6
+      }
+    }
+  }), [f, g] = i(!0), [p, u] = i(!0), N = m(
+    () => e == null ? void 0 : e.scrollPrev(),
+    [e]
+  ), x = m(async () => {
+    !(e != null && e.canScrollNext()) && r.hasNextPage && (await r.fetchNextPage(), e == null || e.reInit(), await new Promise((t) => setTimeout(t, 1))), e == null || e.scrollNext();
+  }, [e, r]), a = m((t) => {
+    g(!(t != null && t.canScrollPrev())), u(!(t != null && t.canScrollNext()));
+  }, []);
+  return w(() => {
+    e && (a(e), e.on("reInit", a).on("select", a));
+  }, [e, a]), /* @__PURE__ */ React.createElement("div", { className: o.className }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold" }, o.heading), /* @__PURE__ */ React.createElement("div", { className: "grow" }), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-xl" }, /* @__PURE__ */ React.createElement(
+    v,
+    {
+      href: o.seeAllUrl,
+      className: "flex gap-sm text-sm font-semibold"
+    },
+    "See All",
+    /* @__PURE__ */ React.createElement(B, { className: "size-5 lg:hidden" })
+  ), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:flex" }, /* @__PURE__ */ React.createElement(
+    l,
+    {
+      variant: "outline",
+      colorScheme: "gray",
+      className: "rounded-r-none border-r-0",
+      onClick: N,
+      disabled: f,
+      "aria-label": "Previous"
+    },
+    /* @__PURE__ */ React.createElement(k, { className: "size-5" })
+  ), /* @__PURE__ */ React.createElement(
+    l,
+    {
+      variant: "outline",
+      colorScheme: "gray",
+      className: "rounded-l-none",
+      onClick: x,
+      disabled: p && !r.hasNextPage ? !0 : r.isFetchingNextPage,
+      "aria-label": "Next"
+    },
+    r.isFetchingNextPage ? /* @__PURE__ */ React.createElement(C, { className: "size-5" }) : /* @__PURE__ */ React.createElement(y, { className: "size-5" })
+  )))), /* @__PURE__ */ React.createElement("div", { ref: d, className: "relative mt-lg lg:overflow-hidden" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: P(
+        "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",
+        c === 3 ? "grid-rows-3" : c === 2 ? "grid-rows-2" : "grid-rows-1"
+      )
+    },
+    n.map((t) => /* @__PURE__ */ React.createElement(
+      I,
+      {
+        key: t.id,
+        game: t,
+        className: "block w-full"
+      },
+      /* @__PURE__ */ React.createElement(
+        E,
+        {
+          src: t.image,
+          alt: "",
+          width: 200,
+          height: 200,
+          priority: !0,
+          className: "aspect-square w-full rounded-t-md object-cover"
+        }
+      ),
+      /* @__PURE__ */ React.createElement("span", { className: "bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold" }, t.name)
+    ))
+  )));
+}
+export {
+  ve as Games
+};

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

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

package/dist/components/JackpotCounter/JackpotCounter.d.ts

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

package/dist/components/JackpotCounter/JackpotCounter.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("embla-carousel-react"),N=require("../../_virtual/link.js"),r=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const R=require("../../hooks/useJackpotsQuery.js");require("usehooks-ts");const v=require("../../icons/ArrowLeftIcon.js"),E=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 i=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const C=require("./JackpotCounterItem.js");function S(l){var s;const[n,e]=g({align:"start",slidesToScroll:1}),o=r.useCallback(()=>{e&&e.scrollPrev()},[e]),u=r.useCallback(()=>{e&&e.scrollNext()},[e]),[m,q]=r.useState(!1),[d,f]=r.useState(!1),t=r.useCallback(()=>{e&&(q(e.canScrollPrev()),f(e.canScrollNext()))},[e]);r.useEffect(()=>{e&&(t(),e.on("select",t),e.on("reInit",t))},[e,t]);const c=((s=R.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:s.pages[0].edges.map(a=>a.node))??[];return c.length<=0?null:React.createElement("div",{className:l.className},React.createElement("div",{className:"flex items-center justify-between"},React.createElement("div",{className:"text-lg font-semibold"},l.heading),React.createElement("div",{className:"flex items-center md:gap-3xl"},React.createElement(N,{href:l.seeAllUrl,className:"flex gap-sm text-sm font-semibold"},"See All",React.createElement(b.ChevronRightIcon,{className:"size-5 lg:hidden"})),React.createElement("div",{className:"hidden lg:flex"},React.createElement(i.Button,{disabled:!m,onClick:o,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous"},React.createElement(v.ArrowLeftIcon,{className:"size-5"})),React.createElement(i.Button,{disabled:!d,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next"},React.createElement("span",{className:"sr-only"},"Next"),React.createElement(E.ArrowRightIcon,{className:"size-5"}))))),React.createElement("div",{className:"relative mt-lg lg:overflow-hidden",ref:n},React.createElement("div",{className:"flex gap-2.5"},c.map(a=>React.createElement(C.JackpotCounterItem,{key:a.id,jackpot:a,className:c.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"})))))}exports.JackpotCounter=S;

package/dist/components/JackpotCounter/JackpotCounter.mjs

@@ -0,0 +1,117 @@
+"use client";
+import g from "embla-carousel-react";
+import E from "../../_virtual/link.mjs";
+import { useCallback as a, useState as c, useEffect as v } from "react";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/toaster.mjs";
+import "lodash-es";
+import "../../_virtual/index.cjs.mjs";
+import "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import { useJackpotsQuery as R } from "../../hooks/useJackpotsQuery.mjs";
+import "usehooks-ts";
+import { ArrowLeftIcon as x } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as S } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as b } from "../../icons/ChevronRightIcon.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 "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { JackpotCounterItem as h } from "./JackpotCounterItem.mjs";
+function ue(l) {
+  var m;
+  const [s, e] = g({
+    align: "start",
+    slidesToScroll: 1
+  }), n = a(() => {
+    e && e.scrollPrev();
+  }, [e]), p = a(() => {
+    e && e.scrollNext();
+  }, [e]), [f, d] = c(!1), [u, N] = c(!1), t = a(() => {
+    e && (d(e.canScrollPrev()), N(e.canScrollNext()));
+  }, [e]);
+  v(() => {
+    e && (t(), e.on("select", t), e.on("reInit", t));
+  }, [e, t]);
+  const o = ((m = R({
+    first: 100,
+    filter: {
+      status: {
+        equal: "ACTIVE"
+      },
+      deleted: {
+        equal: !1
+      }
+    },
+    sort: {
+      cursor: "POOL",
+      order: "DESC"
+    }
+  }).data) == null ? void 0 : m.pages[0].edges.map((r) => r.node)) ?? [];
+  return o.length <= 0 ? null : /* @__PURE__ */ React.createElement("div", { className: l.className }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "text-lg font-semibold" }, l.heading), /* @__PURE__ */ React.createElement("div", { className: "flex items-center md:gap-3xl" }, /* @__PURE__ */ React.createElement(
+    E,
+    {
+      href: l.seeAllUrl,
+      className: "flex gap-sm text-sm font-semibold"
+    },
+    "See All",
+    /* @__PURE__ */ React.createElement(b, { className: "size-5 lg:hidden" })
+  ), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:flex" }, /* @__PURE__ */ React.createElement(
+    i,
+    {
+      disabled: !f,
+      onClick: n,
+      variant: "outline",
+      colorScheme: "gray",
+      className: "rounded-r-none border-r-0",
+      "aria-label": "Previous"
+    },
+    /* @__PURE__ */ React.createElement(x, { className: "size-5" })
+  ), /* @__PURE__ */ React.createElement(
+    i,
+    {
+      disabled: !u,
+      onClick: p,
+      variant: "outline",
+      colorScheme: "gray",
+      className: "rounded-l-none",
+      "aria-label": "Next"
+    },
+    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Next"),
+    /* @__PURE__ */ React.createElement(S, { className: "size-5" })
+  )))), /* @__PURE__ */ React.createElement("div", { className: "relative mt-lg lg:overflow-hidden", ref: s }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2.5" }, o.map((r) => /* @__PURE__ */ React.createElement(
+    h,
+    {
+      key: r.id,
+      jackpot: r,
+      className: o.length < 2 ? "w-full" : "w-full lg:w-[calc((100%-0.75rem)/2)]"
+    }
+  )))));
+}
+export {
+  ue as JackpotCounter
+};

package/dist/components/JackpotCounter/JackpotCounterItem.d.ts

@@ -1,6 +1,6 @@
-import type { Jackpot } from '@opexa/portal-sdk-core';
+import { Jackpot } from '@opexa/portal-sdk-core';
 export interface JackpotCounterCardProps {
     jackpot: Jackpot;
     className?: string;
 }
-export declare function JackpotCounterItem({ jackpot, className, }: JackpotCounterCardProps): import("react").JSX.Element;
+export declare function JackpotCounterItem({ jackpot, className, }: JackpotCounterCardProps): import("react/jsx-runtime").JSX.Element;