@opexa/portal-components 0.0.27 → 0.0.29

package/dist/components/Disclaimer/Disclaimer.mjs

@@ -1,119 +0,0 @@
-"use client";
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { Portal as l } from "@ark-ui/react";
-import r from "next/image";
-import { useRef as a } from "react";
-import s from "../../images/pagcor.png.mjs";
-import n from "../../images/responsible-gaming.png.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as p } 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 c, Backdrop as d, Positioner as f, Content as u, Title as g, Description as h } from "../../ui/Dialog/Dialog.mjs";
-import "../../ui/Drawer/Drawer.mjs";
-import "../../ui/Field/Field.mjs";
-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";
-import { useDisclaimer as x } from "./useDisclaimer.mjs";
-function tt(m) {
-  const o = x(), i = a(null);
-  return /* @__PURE__ */ t(
-    c,
-    {
-      open: o.open,
-      lazyMount: !0,
-      unmountOnExit: !0,
-      closeOnEscape: !1,
-      closeOnInteractOutside: !1,
-      initialFocusEl: () => i.current,
-      children: /* @__PURE__ */ e(l, { children: [
-        /* @__PURE__ */ t(d, {}),
-        /* @__PURE__ */ t(f, { children: /* @__PURE__ */ e(u, { className: "flex h-full w-full flex-col items-start p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [
-          /* @__PURE__ */ t(
-            r,
-            {
-              src: m.logo,
-              alt: "",
-              width: 200,
-              height: 100,
-              className: "mx-auto h-auto w-[120px]",
-              draggable: !1
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "w-full grow", children: [
-            /* @__PURE__ */ t(g, { className: "mt-3xl text-center text-lg font-semibold", children: "Age Verification" }),
-            /* @__PURE__ */ e(h, { className: "text-text-tertiary-600 mt-xs text-center text-sm", children: [
-              "By entering this website I acknowledge and confirmI am 21 years of age and I agree with the",
-              " ",
-              /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  className: "text-brand-400 underline underline-offset-2",
-                  children: "Terms and Conditions."
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [
-              /* @__PURE__ */ t(
-                r,
-                {
-                  src: s,
-                  alt: "",
-                  height: 75,
-                  width: 88,
-                  className: "h-[88px] w-auto shrink-0",
-                  draggable: !1
-                }
-              ),
-              /* @__PURE__ */ t(
-                r,
-                {
-                  src: n,
-                  alt: "",
-                  height: 62,
-                  width: 186,
-                  className: "h-[62px] w-auto shrink-0",
-                  draggable: !1
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ t(
-            p,
-            {
-              ref: i,
-              type: "button",
-              className: "mt-4xl",
-              onClick: o.close,
-              children: "Accept"
-            }
-          )
-        ] }) })
-      ] })
-    }
-  );
-}
-export {
-  tt as Disclaimer
-};

package/dist/components/Disclaimer/useDisclaimer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("date-fns"),c=require("lodash-es"),i=require("usehooks-ts"),d=require("zustand/shallow"),m=require("../../client/hooks/useGlobalStore.js"),S=require("../../client/hooks/useSessionQuery.js");function f(){"use no memo";var n;const t=S.useSessionQuery(),s=m.useGlobalStore(d.useShallow(e=>e.disclaimer)),[r,o]=i.useLocalStorage("WebPortalDisclaimerRefreshPausedUntil",null,{serializer(e){return(e==null?void 0:e.toISOString())??""},deserializer(e){return e?new Date(e):null}}),u=new Date,a=r?c.clamp(r.getTime()-u.getTime(),0,1/0):0;return i.useTimeout(()=>{s.setOpen(!0)},a),{open:t.isLoading||((n=t.data)==null?void 0:n.status)==="authenticated"?!1:s.open,close:()=>{s.setOpen(!1),o(l.addMinutes(new Date,30))}}}exports.useDisclaimer=f;

package/dist/components/Disclaimer/useDisclaimer.mjs

@@ -1,38 +0,0 @@
-import { addMinutes as l } from "date-fns";
-import { clamp as u } from "lodash-es";
-import { useLocalStorage as m, useTimeout as c } from "usehooks-ts";
-import { useShallow as f } from "zustand/shallow";
-import { useGlobalStore as d } from "../../client/hooks/useGlobalStore.mjs";
-import { useSessionQuery as p } from "../../client/hooks/useSessionQuery.mjs";
-function U() {
-  "use no memo";
-  var o;
-  const s = p(), t = d(
-    f((e) => e.disclaimer)
-  ), [r, i] = m(
-    "WebPortalDisclaimerRefreshPausedUntil",
-    null,
-    {
-      serializer(e) {
-        return (e == null ? void 0 : e.toISOString()) ?? "";
-      },
-      deserializer(e) {
-        return e ? new Date(e) : null;
-      }
-    }
-  ), n = /* @__PURE__ */ new Date(), a = r ? u(r.getTime() - n.getTime(), 0, 1 / 0) : (
-    /* set to zero to trigger timeout function */
-    0
-  );
-  return c(() => {
-    t.setOpen(!0);
-  }, a), {
-    open: s.isLoading || ((o = s.data) == null ? void 0 : o.status) === "authenticated" ? !1 : t.open,
-    close: () => {
-      t.setOpen(!1), i(l(/* @__PURE__ */ new Date(), 30));
-    }
-  };
-}
-export {
-  U as useDisclaimer
-};

package/dist/components/Empty.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");function s(t){return e.jsxs("div",{role:"alert","aria-live":"polite",className:t.className,children:[e.jsxs("div",{className:"relative mx-auto w-[9.5rem] pt-4",children:[e.jsx("div",{className:"bg-utility-gray-200 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full"}),e.jsx(r,{className:"relative h-auto w-full shrink-0"}),e.jsx("div",{className:"bg-utility-gray-200/40 absolute bottom-2 left-1/2 flex size-12 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm",children:e.jsx(t.icon,{className:"size-6 text-white"})}),e.jsx("div",{className:"bg-utility-gray-200 absolute left-4 top-3.5 size-2.5 rounded-full"}),e.jsx("div",{className:"bg-utility-gray-200 absolute bottom-0.5 left-3 size-3.5 rounded-full"}),e.jsx("div",{className:"bg-utility-gray-200 absolute right-3.5 top-1 size-2 rounded-full"}),e.jsx("div",{className:"bg-utility-gray-200 absolute right-0 top-6.5 size-3.5 rounded-full"})]}),e.jsx("h2",{className:"mt-xl text-center font-semibold",children:t.title}),e.jsx("p",{className:"text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm",children:t.message})]})}function r(t){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 152 104",fill:"none",...t,children:[e.jsxs("g",{filter:"url(#filter0_dd_2719_19242)",children:[e.jsx("path",{d:"M77.6 0C66.8273 0 57.2978 5.32329 51.4987 13.4829C49.605 13.0363 47.6301 12.8 45.6 12.8C31.4615 12.8 20 24.2615 20 38.4C20 52.5385 31.4615 64 45.6 64L109.6 64C121.971 64 132 53.9712 132 41.6C132 29.2288 121.971 19.2 109.6 19.2C108.721 19.2 107.854 19.2506 107.002 19.349C102.098 7.9677 90.7797 0 77.6 0Z",fill:"#F9FAFB"}),e.jsx("ellipse",{cx:"45.6",cy:"38.4008",rx:"25.6",ry:"25.6",fill:"url(#paint0_linear_2719_19242)"}),e.jsx("circle",{cx:"77.6",cy:"32",r:"32",fill:"url(#paint1_linear_2719_19242)"}),e.jsx("ellipse",{cx:"109.6",cy:"41.5992",rx:"22.4",ry:"22.4",fill:"url(#paint2_linear_2719_19242)"})]}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"filter0_dd_2719_19242",x:"0",y:"0",width:"152",height:"104",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feMorphology",{radius:"4",operator:"erode",in:"SourceAlpha",result:"effect1_dropShadow_2719_19242"}),e.jsx("feOffset",{dy:"8"}),e.jsx("feGaussianBlur",{stdDeviation:"4"}),e.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0"}),e.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_2719_19242"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feMorphology",{radius:"4",operator:"erode",in:"SourceAlpha",result:"effect2_dropShadow_2719_19242"}),e.jsx("feOffset",{dy:"20"}),e.jsx("feGaussianBlur",{stdDeviation:"12"}),e.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0"}),e.jsx("feBlend",{mode:"normal",in2:"effect1_dropShadow_2719_19242",result:"effect2_dropShadow_2719_19242"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_2719_19242",result:"shape"})]}),e.jsxs("linearGradient",{id:"paint0_linear_2719_19242",x1:"25.9429",y1:"21.4865",x2:"71.2",y2:"64.0007",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#D0D5DD"}),e.jsx("stop",{offset:"0.350715",stopColor:"white",stopOpacity:"0"})]}),e.jsxs("linearGradient",{id:"paint1_linear_2719_19242",x1:"53.0286",y1:"10.8571",x2:"109.6",y2:"64",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#D0D5DD"}),e.jsx("stop",{offset:"0.350715",stopColor:"white",stopOpacity:"0"})]}),e.jsxs("linearGradient",{id:"paint2_linear_2719_19242",x1:"92.4",y1:"26.7992",x2:"132",y2:"63.9992",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#D0D5DD"}),e.jsx("stop",{offset:"0.350715",stopColor:"white",stopOpacity:"0"})]})]})]})}exports.Empty=s;

package/dist/components/Empty.mjs

@@ -1,213 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-function a(r) {
-  return /* @__PURE__ */ t("div", { role: "alert", "aria-live": "polite", className: r.className, children: [
-    /* @__PURE__ */ t("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [
-      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }),
-      /* @__PURE__ */ e(l, { className: "relative h-auto w-full shrink-0" }),
-      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200/40 absolute bottom-2 left-1/2 flex size-12 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: /* @__PURE__ */ e(r.icon, { className: "size-6 text-white" }) }),
-      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute left-4 top-3.5 size-2.5 rounded-full" }),
-      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute bottom-0.5 left-3 size-3.5 rounded-full" }),
-      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute right-3.5 top-1 size-2 rounded-full" }),
-      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute right-0 top-6.5 size-3.5 rounded-full" })
-    ] }),
-    /* @__PURE__ */ e("h2", { className: "mt-xl text-center font-semibold", children: r.title }),
-    /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: r.message })
-  ] });
-}
-function l(r) {
-  return /* @__PURE__ */ t(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 152 104",
-      fill: "none",
-      ...r,
-      children: [
-        /* @__PURE__ */ t("g", { filter: "url(#filter0_dd_2719_19242)", children: [
-          /* @__PURE__ */ e(
-            "path",
-            {
-              d: "M77.6 0C66.8273 0 57.2978 5.32329 51.4987 13.4829C49.605 13.0363 47.6301 12.8 45.6 12.8C31.4615 12.8 20 24.2615 20 38.4C20 52.5385 31.4615 64 45.6 64L109.6 64C121.971 64 132 53.9712 132 41.6C132 29.2288 121.971 19.2 109.6 19.2C108.721 19.2 107.854 19.2506 107.002 19.349C102.098 7.9677 90.7797 0 77.6 0Z",
-              fill: "#F9FAFB"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "ellipse",
-            {
-              cx: "45.6",
-              cy: "38.4008",
-              rx: "25.6",
-              ry: "25.6",
-              fill: "url(#paint0_linear_2719_19242)"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "circle",
-            {
-              cx: "77.6",
-              cy: "32",
-              r: "32",
-              fill: "url(#paint1_linear_2719_19242)"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "ellipse",
-            {
-              cx: "109.6",
-              cy: "41.5992",
-              rx: "22.4",
-              ry: "22.4",
-              fill: "url(#paint2_linear_2719_19242)"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("defs", { children: [
-          /* @__PURE__ */ t(
-            "filter",
-            {
-              id: "filter0_dd_2719_19242",
-              x: "0",
-              y: "0",
-              width: "152",
-              height: "104",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ e("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ e(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "feMorphology",
-                  {
-                    radius: "4",
-                    operator: "erode",
-                    in: "SourceAlpha",
-                    result: "effect1_dropShadow_2719_19242"
-                  }
-                ),
-                /* @__PURE__ */ e("feOffset", { dy: "8" }),
-                /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "4" }),
-                /* @__PURE__ */ e("feComposite", { in2: "hardAlpha", operator: "out" }),
-                /* @__PURE__ */ e(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "BackgroundImageFix",
-                    result: "effect1_dropShadow_2719_19242"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "feMorphology",
-                  {
-                    radius: "4",
-                    operator: "erode",
-                    in: "SourceAlpha",
-                    result: "effect2_dropShadow_2719_19242"
-                  }
-                ),
-                /* @__PURE__ */ e("feOffset", { dy: "20" }),
-                /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "12" }),
-                /* @__PURE__ */ e("feComposite", { in2: "hardAlpha", operator: "out" }),
-                /* @__PURE__ */ e(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "effect1_dropShadow_2719_19242",
-                    result: "effect2_dropShadow_2719_19242"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "effect2_dropShadow_2719_19242",
-                    result: "shape"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ t(
-            "linearGradient",
-            {
-              id: "paint0_linear_2719_19242",
-              x1: "25.9429",
-              y1: "21.4865",
-              x2: "71.2",
-              y2: "64.0007",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ e("stop", { stopColor: "#D0D5DD" }),
-                /* @__PURE__ */ e("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t(
-            "linearGradient",
-            {
-              id: "paint1_linear_2719_19242",
-              x1: "53.0286",
-              y1: "10.8571",
-              x2: "109.6",
-              y2: "64",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ e("stop", { stopColor: "#D0D5DD" }),
-                /* @__PURE__ */ e("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t(
-            "linearGradient",
-            {
-              id: "paint2_linear_2719_19242",
-              x1: "92.4",
-              y1: "26.7992",
-              x2: "132",
-              y2: "63.9992",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ e("stop", { stopColor: "#D0D5DD" }),
-                /* @__PURE__ */ e("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-export {
-  a as Empty
-};

package/dist/components/FavoriteGames/FavoriteGames.client.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("next/image"),o=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");const l=require("../../utils/getGameImageUrl.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.js");const c=require("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const d=require("../../client/hooks/useFavoriteGamesQuery.js");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const m=require("../../client/hooks/useUnmarkGameAsFavoriteMutation.js"),q=require("../../icons/ArrowLeftIcon.js"),g=require("../../icons/ArrowRightIcon.js"),x=require("../../icons/Star01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../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 h=require("../GameLaunch/GameLaunchTrigger.js");function v(r){const i=d.useFavoriteGamesQuery().data??[];return i.length<=0?null:e.jsxs("div",{className:r.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:r.heading??"Favorite Games"}),e.jsx("div",{className:"grow"}),e.jsx("div",{className:"flex items-center justify-center gap-xl",children:e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(a.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(q.ArrowLeftIcon,{className:"size-5"})}),e.jsx(a.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",children:e.jsx(g.ArrowRightIcon,{className:"size-5"})})]})})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:o.twMerge("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.map(s=>e.jsx(j,{game:s},s.id))})})]})}function j({game:r}){const i=c.useSessionQuery().data,s=m.useUnmarkGameAsFavoriteMutation();return e.jsxs(h.GameLaunchTrigger,{game:r,className:"relative block w-full shadow-sm",children:[(i==null?void 0:i.status)==="authenticated"&&e.jsx("div",{role:"button",onClick:t=>{t.preventDefault(),t.stopPropagation(),!s.isPending&&s.mutate(r.id)},"aria-disabled":s.isPending,className:"rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 blur-[0.5px]",children:e.jsx(x.Star01Icon,{className:"fill-yellow-400 text-yellow-400 size-5"})}),e.jsx(n,{src:l.getGameImageUrl({id:r.id,provider:r.provider}),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})]})}exports.FavoriteGames__client=v;

package/dist/components/FavoriteGames/FavoriteGames.client.mjs

@@ -1,126 +0,0 @@
-"use client";
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import l from "next/image";
-import { twMerge as n } 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 { getGameImageUrl as c } from "../../utils/getGameImageUrl.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-import "../../client/services/getSession.mjs";
-import { useSessionQuery as p } from "../../client/hooks/useSessionQuery.mjs";
-import "react";
-import "lodash-es";
-import "@opexa/portal-sdk-core/object-id";
-import { useFavoriteGamesQuery as d } from "../../client/hooks/useFavoriteGamesQuery.mjs";
-import "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { useUnmarkGameAsFavoriteMutation as u } from "../../client/hooks/useUnmarkGameAsFavoriteMutation.mjs";
-import { ArrowLeftIcon as f } from "../../icons/ArrowLeftIcon.mjs";
-import { ArrowRightIcon as g } from "../../icons/ArrowRightIcon.mjs";
-import { Star01Icon as h } from "../../icons/Star01Icon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import { Button as a } 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 v } from "../GameLaunch/GameLaunchTrigger.mjs";
-function hr(e) {
-  const t = d().data ?? [];
-  return t.length <= 0 ? null : /* @__PURE__ */ o("div", { className: e.className, children: [
-    /* @__PURE__ */ o("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold", children: e.heading ?? "Favorite Games" }),
-      /* @__PURE__ */ r("div", { className: "grow" }),
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-center gap-xl", children: /* @__PURE__ */ o("div", { className: "hidden lg:flex", children: [
-        /* @__PURE__ */ r(
-          a,
-          {
-            variant: "outline",
-            colorScheme: "gray",
-            className: "rounded-r-none border-r-0",
-            "aria-label": "Previous",
-            children: /* @__PURE__ */ r(f, { className: "size-5" })
-          }
-        ),
-        /* @__PURE__ */ r(
-          a,
-          {
-            variant: "outline",
-            colorScheme: "gray",
-            className: "rounded-l-none",
-            children: /* @__PURE__ */ r(g, { className: "size-5" })
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ r(
-      "div",
-      {
-        className: n(
-          "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: t.map((i) => /* @__PURE__ */ r(x, { game: i }, i.id))
-      }
-    ) })
-  ] });
-}
-function x({ game: e }) {
-  const t = p().data, i = u();
-  return /* @__PURE__ */ o(v, { game: e, className: "relative block w-full shadow-sm", children: [
-    (t == null ? void 0 : t.status) === "authenticated" && /* @__PURE__ */ r(
-      "div",
-      {
-        role: "button",
-        onClick: (m) => {
-          m.preventDefault(), m.stopPropagation(), !i.isPending && i.mutate(e.id);
-        },
-        "aria-disabled": i.isPending,
-        className: "rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 blur-[0.5px]",
-        children: /* @__PURE__ */ r(h, { className: "fill-yellow-400 text-yellow-400 size-5" })
-      }
-    ),
-    /* @__PURE__ */ r(
-      l,
-      {
-        src: c({
-          id: e.id,
-          provider: e.provider
-        }),
-        alt: "",
-        width: 200,
-        height: 200,
-        priority: !0,
-        className: "aspect-square w-full rounded-t-md object-cover"
-      }
-    ),
-    /* @__PURE__ */ r("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: e.name })
-  ] });
-}
-export {
-  hr as FavoriteGames__client
-};

package/dist/components/FavoriteGames/FavoriteGames.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../server/services/getSession.js");const i=require("../../server/utils/prefetchFavoriteGamesQuery.js"),t=require("./FavoriteGames.client.js");async function u(e){return await i.prefetchFavoriteGamesQuery(),r.jsx(t.FavoriteGames__client,{...e})}exports.FavoriteGames=u;

package/dist/components/FavoriteGames/FavoriteGames.mjs

@@ -1,17 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "@opexa/portal-sdk-core";
-import "../../constants/index.mjs";
-import "../../utils/capitalize.mjs";
-import "../../utils/parseDecimal.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-import "../../server/services/getSession.mjs";
-import { prefetchFavoriteGamesQuery as o } from "../../server/utils/prefetchFavoriteGamesQuery.mjs";
-import { FavoriteGames__client as i } from "./FavoriteGames.client.mjs";
-async function G(r) {
-  return await o(), /* @__PURE__ */ t(i, { ...r });
-}
-export {
-  G as FavoriteGames
-};

package/dist/components/GameLaunch/GameLaunch.js

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