@opexa/portal-components 0.0.8 → 0.0.10

package/dist/components/Empty/CloudIcon.mjs

@@ -1,177 +1,198 @@
-function t(e) {
-  return /* @__PURE__ */ React.createElement(
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+function o(r) {
+  return /* @__PURE__ */ e.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 152 104",
       fill: "none",
-      ...e
-    },
-    /* @__PURE__ */ React.createElement("g", { filter: "url(#filter0_dd_2719_19242)" }, /* @__PURE__ */ React.createElement(
-      "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__ */ React.createElement(
-      "ellipse",
-      {
-        cx: "45.6",
-        cy: "38.4008",
-        rx: "25.6",
-        ry: "25.6",
-        fill: "url(#paint0_linear_2719_19242)"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "circle",
-      {
-        cx: "77.6",
-        cy: "32",
-        r: "32",
-        fill: "url(#paint1_linear_2719_19242)"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "ellipse",
-      {
-        cx: "109.6",
-        cy: "41.5992",
-        rx: "22.4",
-        ry: "22.4",
-        fill: "url(#paint2_linear_2719_19242)"
-      }
-    )),
-    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement(
-      "filter",
-      {
-        id: "filter0_dd_2719_19242",
-        x: "0",
-        y: "0",
-        width: "152",
-        height: "104",
-        filterUnits: "userSpaceOnUse",
-        colorInterpolationFilters: "sRGB"
-      },
-      /* @__PURE__ */ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-      /* @__PURE__ */ React.createElement(
-        "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__ */ React.createElement(
-        "feMorphology",
-        {
-          radius: "4",
-          operator: "erode",
-          in: "SourceAlpha",
-          result: "effect1_dropShadow_2719_19242"
-        }
-      ),
-      /* @__PURE__ */ React.createElement("feOffset", { dy: "8" }),
-      /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "4" }),
-      /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
-      /* @__PURE__ */ React.createElement(
-        "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__ */ React.createElement(
-        "feBlend",
-        {
-          mode: "normal",
-          in2: "BackgroundImageFix",
-          result: "effect1_dropShadow_2719_19242"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "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__ */ React.createElement(
-        "feMorphology",
-        {
-          radius: "4",
-          operator: "erode",
-          in: "SourceAlpha",
-          result: "effect2_dropShadow_2719_19242"
-        }
-      ),
-      /* @__PURE__ */ React.createElement("feOffset", { dy: "20" }),
-      /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "12" }),
-      /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
-      /* @__PURE__ */ React.createElement(
-        "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__ */ React.createElement(
-        "feBlend",
-        {
-          mode: "normal",
-          in2: "effect1_dropShadow_2719_19242",
-          result: "effect2_dropShadow_2719_19242"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "feBlend",
-        {
-          mode: "normal",
-          in: "SourceGraphic",
-          in2: "effect2_dropShadow_2719_19242",
-          result: "shape"
-        }
-      )
-    ), /* @__PURE__ */ React.createElement(
-      "linearGradient",
-      {
-        id: "paint0_linear_2719_19242",
-        x1: "25.9429",
-        y1: "21.4865",
-        x2: "71.2",
-        y2: "64.0007",
-        gradientUnits: "userSpaceOnUse"
-      },
-      /* @__PURE__ */ React.createElement("stop", { stopColor: "#D0D5DD" }),
-      /* @__PURE__ */ React.createElement("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
-    ), /* @__PURE__ */ React.createElement(
-      "linearGradient",
-      {
-        id: "paint1_linear_2719_19242",
-        x1: "53.0286",
-        y1: "10.8571",
-        x2: "109.6",
-        y2: "64",
-        gradientUnits: "userSpaceOnUse"
-      },
-      /* @__PURE__ */ React.createElement("stop", { stopColor: "#D0D5DD" }),
-      /* @__PURE__ */ React.createElement("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
-    ), /* @__PURE__ */ React.createElement(
-      "linearGradient",
-      {
-        id: "paint2_linear_2719_19242",
-        x1: "92.4",
-        y1: "26.7992",
-        x2: "132",
-        y2: "63.9992",
-        gradientUnits: "userSpaceOnUse"
-      },
-      /* @__PURE__ */ React.createElement("stop", { stopColor: "#D0D5DD" }),
-      /* @__PURE__ */ React.createElement("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
-    ))
+      ...r,
+      children: [
+        /* @__PURE__ */ e.jsxs("g", { filter: "url(#filter0_dd_2719_19242)", children: [
+          /* @__PURE__ */ 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"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "ellipse",
+            {
+              cx: "45.6",
+              cy: "38.4008",
+              rx: "25.6",
+              ry: "25.6",
+              fill: "url(#paint0_linear_2719_19242)"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "circle",
+            {
+              cx: "77.6",
+              cy: "32",
+              r: "32",
+              fill: "url(#paint1_linear_2719_19242)"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "ellipse",
+            {
+              cx: "109.6",
+              cy: "41.5992",
+              rx: "22.4",
+              ry: "22.4",
+              fill: "url(#paint2_linear_2719_19242)"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs("defs", { children: [
+          /* @__PURE__ */ e.jsxs(
+            "filter",
+            {
+              id: "filter0_dd_2719_19242",
+              x: "0",
+              y: "0",
+              width: "152",
+              height: "104",
+              filterUnits: "userSpaceOnUse",
+              colorInterpolationFilters: "sRGB",
+              children: [
+                /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ 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"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "feMorphology",
+                  {
+                    radius: "4",
+                    operator: "erode",
+                    in: "SourceAlpha",
+                    result: "effect1_dropShadow_2719_19242"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
+                /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "4" }),
+                /* @__PURE__ */ e.jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ 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"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "feBlend",
+                  {
+                    mode: "normal",
+                    in2: "BackgroundImageFix",
+                    result: "effect1_dropShadow_2719_19242"
+                  }
+                ),
+                /* @__PURE__ */ 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"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "feMorphology",
+                  {
+                    radius: "4",
+                    operator: "erode",
+                    in: "SourceAlpha",
+                    result: "effect2_dropShadow_2719_19242"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx("feOffset", { dy: "20" }),
+                /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "12" }),
+                /* @__PURE__ */ e.jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ 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"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "feBlend",
+                  {
+                    mode: "normal",
+                    in2: "effect1_dropShadow_2719_19242",
+                    result: "effect2_dropShadow_2719_19242"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "feBlend",
+                  {
+                    mode: "normal",
+                    in: "SourceGraphic",
+                    in2: "effect2_dropShadow_2719_19242",
+                    result: "shape"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "linearGradient",
+            {
+              id: "paint0_linear_2719_19242",
+              x1: "25.9429",
+              y1: "21.4865",
+              x2: "71.2",
+              y2: "64.0007",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ e.jsx("stop", { stopColor: "#D0D5DD" }),
+                /* @__PURE__ */ e.jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "linearGradient",
+            {
+              id: "paint1_linear_2719_19242",
+              x1: "53.0286",
+              y1: "10.8571",
+              x2: "109.6",
+              y2: "64",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ e.jsx("stop", { stopColor: "#D0D5DD" }),
+                /* @__PURE__ */ e.jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "linearGradient",
+            {
+              id: "paint2_linear_2719_19242",
+              x1: "92.4",
+              y1: "26.7992",
+              x2: "132",
+              y2: "63.9992",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ e.jsx("stop", { stopColor: "#D0D5DD" }),
+                /* @__PURE__ */ e.jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
   );
 }
 export {
-  t as CloudIcon
+  o as CloudIcon
 };

package/dist/components/Empty/Empty.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./CloudIcon.js");function a(e){return React.createElement("div",{role:"alert","aria-live":"polite",className:e.className},React.createElement("div",{className:"relative mx-auto w-[9.5rem] pt-4"},React.createElement("div",{className:"bg-gray-100 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full"}),React.createElement(t.CloudIcon,{className:"relative h-auto w-full shrink-0"}),React.createElement("div",{className:"bg-gray-600/25 absolute bottom-2 left-1/2 flex size-9 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm"},React.createElement(e.icon,{className:"size-6 text-white"}))),React.createElement("h2",{className:"mt-xl text-center font-semibold"},e.title),React.createElement("p",{className:"text-gray-500 mx-auto mt-xs max-w-[25rem] text-center text-sm"},e.message))}exports.Empty=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("./CloudIcon.js");function l(t){return e.jsxRuntimeExports.jsxs("div",{role:"alert","aria-live":"polite",className:t.className,children:[e.jsxRuntimeExports.jsxs("div",{className:"relative mx-auto w-[9.5rem] pt-4",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-gray-100 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full"}),e.jsxRuntimeExports.jsx(s.CloudIcon,{className:"relative h-auto w-full shrink-0"}),e.jsxRuntimeExports.jsx("div",{className:"bg-gray-600/25 absolute bottom-2 left-1/2 flex size-9 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm",children:e.jsxRuntimeExports.jsx(t.icon,{className:"size-6 text-white"})})]}),e.jsxRuntimeExports.jsx("h2",{className:"mt-xl text-center font-semibold",children:t.title}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-500 mx-auto mt-xs max-w-[25rem] text-center text-sm",children:t.message})]})}exports.Empty=l;

package/dist/components/Empty/Empty.mjs

@@ -1,7 +1,16 @@
-import { CloudIcon as t } from "./CloudIcon.mjs";
-function l(e) {
-  return /* @__PURE__ */ React.createElement("div", { role: "alert", "aria-live": "polite", className: e.className }, /* @__PURE__ */ React.createElement("div", { className: "relative mx-auto w-[9.5rem] pt-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-gray-100 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }), /* @__PURE__ */ React.createElement(t, { className: "relative h-auto w-full shrink-0" }), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-600/25 absolute bottom-2 left-1/2 flex size-9 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm" }, /* @__PURE__ */ React.createElement(e.icon, { className: "size-6 text-white" }))), /* @__PURE__ */ React.createElement("h2", { className: "mt-xl text-center font-semibold" }, e.title), /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 mx-auto mt-xs max-w-[25rem] text-center text-sm" }, e.message));
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { CloudIcon as s } from "./CloudIcon.mjs";
+function r(t) {
+  return /* @__PURE__ */ e.jsxs("div", { role: "alert", "aria-live": "polite", className: t.className, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "bg-gray-100 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }),
+      /* @__PURE__ */ e.jsx(s, { className: "relative h-auto w-full shrink-0" }),
+      /* @__PURE__ */ e.jsx("div", { className: "bg-gray-600/25 absolute bottom-2 left-1/2 flex size-9 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: /* @__PURE__ */ e.jsx(t.icon, { className: "size-6 text-white" }) })
+    ] }),
+    /* @__PURE__ */ e.jsx("h2", { className: "mt-xl text-center font-semibold", children: t.title }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: t.message })
+  ] });
 }
 export {
-  l as Empty
+  r as Empty
 };

package/dist/components/FeatureFlagProvider/FeatureFlagContext.d.ts

@@ -1,3 +1,6 @@
 import { UseFeatureFlagReturn } from './useFeatureFlag';
 export declare const FeatureFlagContext: import('react').Context<UseFeatureFlagReturn | null>;
-export declare const useFeatureFlagContext: () => UseFeatureFlagReturn;
+export declare const useFeatureFlagContext: () => UseFeatureFlagReturn | {
+    disable: (...args: any[]) => void;
+    enabled: false;
+};

package/dist/components/FeatureFlagProvider/FeatureFlagContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("tiny-invariant"),n=t.createContext(null),r=()=>{const e=t.useContext(n);return o(e),e};exports.FeatureFlagContext=n;exports.useFeatureFlagContext=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("lodash-es"),e=require("react"),t=e.createContext(null),o=()=>e.useContext(t)??{disable:n.noop,enabled:!1};exports.FeatureFlagContext=t;exports.useFeatureFlagContext=o;

package/dist/components/FeatureFlagProvider/FeatureFlagContext.mjs

@@ -1,12 +1,13 @@
+"use client";
+import { noop as t } from "lodash-es";
 import { createContext as e, useContext as o } from "react";
-import n from "tiny-invariant";
-const r = e(
+const n = e(
   null
-), x = () => {
-  const t = o(r);
-  return n(t), t;
+), s = () => o(n) ?? {
+  disable: t,
+  enabled: !1
 };
 export {
-  r as FeatureFlagContext,
-  x as useFeatureFlagContext
+  n as FeatureFlagContext,
+  s as useFeatureFlagContext
 };

package/dist/components/FeatureFlagProvider/FeatureFlagProvider.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/react");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("../../ui/Button/button.recipe.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("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");const u=require("../../ui/Presence.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const i=require("./FeatureFlagContext.js"),a=require("./useFeatureFlag.js");function n(r){const e=a.useFeatureFlag();return React.createElement(i.FeatureFlagContext,{value:e},r.children,React.createElement(t.Portal,null,React.createElement(u.Presence,{lazyMount:!0,unmountOnExit:!0,present:e.enabled,className:"fixed bottom-2 left-1/2 z-toast flex -translate-x-1/2 gap-1 rounded-full bg-black/50 px-1.5 py-0.5 text-2xs leading-tight text-white backdrop-blur-sm",suppressHydrationWarning:!0},"Experimental features are enabled."," ",React.createElement("button",{type:"button",onClick:e.disable,className:"underline underline-offset-2"},"Disable"))))}exports.FeatureFlagProvider=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),u=require("@ark-ui/react");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("../../ui/Button/button.recipe.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("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");const i=require("../../ui/Presence.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const n=require("./FeatureFlagContext.js"),s=require("./useFeatureFlag.js");function a(t){const r=s.useFeatureFlag();return e.jsxRuntimeExports.jsxs(n.FeatureFlagContext,{value:r,children:[t.children,e.jsxRuntimeExports.jsx(u.Portal,{children:e.jsxRuntimeExports.jsxs(i.Presence,{lazyMount:!0,unmountOnExit:!0,present:r.enabled,className:"fixed bottom-2 left-1/2 z-toast flex -translate-x-1/2 gap-1 rounded-full bg-black/50 px-1.5 py-0.5 text-2xs leading-tight text-white backdrop-blur-sm",suppressHydrationWarning:!0,children:["Experimental features are enabled."," ",e.jsxRuntimeExports.jsx("button",{type:"button",onClick:r.disable,className:"underline underline-offset-2",children:"Disable"})]})})]})}exports.FeatureFlagProvider=a;

package/dist/components/FeatureFlagProvider/FeatureFlagProvider.mjs

@@ -1,5 +1,6 @@
 "use client";
-import { Portal as r } from "@ark-ui/react";
+import { j as t } from "../../_virtual/jsx-runtime.mjs";
+import { Portal as o } from "@ark-ui/react";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -22,37 +23,42 @@ import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
-import { Presence as o } from "../../ui/Presence.mjs";
+import { Presence as i } from "../../ui/Presence.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { FeatureFlagContext as i } from "./FeatureFlagContext.mjs";
-import { useFeatureFlag as m } from "./useFeatureFlag.mjs";
-function q(e) {
-  const t = m();
-  return /* @__PURE__ */ React.createElement(i, { value: t }, e.children, /* @__PURE__ */ React.createElement(r, null, /* @__PURE__ */ React.createElement(
-    o,
-    {
-      lazyMount: !0,
-      unmountOnExit: !0,
-      present: t.enabled,
-      className: "fixed bottom-2 left-1/2 z-toast flex -translate-x-1/2 gap-1 rounded-full bg-black/50 px-1.5 py-0.5 text-2xs leading-tight text-white backdrop-blur-sm",
-      suppressHydrationWarning: !0
-    },
-    "Experimental features are enabled.",
-    " ",
-    /* @__PURE__ */ React.createElement(
-      "button",
+import { FeatureFlagContext as m } from "./FeatureFlagContext.mjs";
+import { useFeatureFlag as p } from "./useFeatureFlag.mjs";
+function B(e) {
+  const r = p();
+  return /* @__PURE__ */ t.jsxs(m, { value: r, children: [
+    e.children,
+    /* @__PURE__ */ t.jsx(o, { children: /* @__PURE__ */ t.jsxs(
+      i,
       {
-        type: "button",
-        onClick: t.disable,
-        className: "underline underline-offset-2"
-      },
-      "Disable"
-    )
-  )));
+        lazyMount: !0,
+        unmountOnExit: !0,
+        present: r.enabled,
+        className: "fixed bottom-2 left-1/2 z-toast flex -translate-x-1/2 gap-1 rounded-full bg-black/50 px-1.5 py-0.5 text-2xs leading-tight text-white backdrop-blur-sm",
+        suppressHydrationWarning: !0,
+        children: [
+          "Experimental features are enabled.",
+          " ",
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: r.disable,
+              className: "underline underline-offset-2",
+              children: "Disable"
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
 }
 export {
-  q as FeatureFlagProvider
+  B as FeatureFlagProvider
 };

package/dist/components/GameLaunch/GameLaunch.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@ark-ui/react"),q=require("../../_virtual/image.js"),I=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");const E=require("../../hooks/useDisclosure.js"),p=require("../../hooks/useEndGameSessionMutation.js"),L=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const N=require("../../icons/AlertCircleIcon.js"),z=require("../../icons/ChevronLeftIcon.js"),R=require("../../icons/Expand03Icon.js"),f=require("../../icons/SpinnerIcon.js"),y=require("../../icons/Wallet02Icon.js"),h=require("../../icons/XIcon.js"),t=require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=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");const c=require("../../ui/IconButton/IconButton.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 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 O(o){var d;const m=I.useRef(null),l=E.useDisclosure({defaultOpen:!0,onOpenChange(a){a||setTimeout(()=>{var g;(g=m.current)==null||g.scrollIntoView({behavior:"smooth",block:"start",inline:"start"})},25)}}),r=E.useDisclosure(),s=p.useEndGameSessionMutation(),e=L.useGlobalStore(G.useShallow(a=>({gameLaunch:a.gameLaunch,depositWithdrawal:a.depositWithdrawal})));async function i(){e.gameLaunch.details.status==="PLAYING"&&await s.mutateAsync({game:e.gameLaunch.details.game,session:e.gameLaunch.details.session}),l.setOpen(!0),e.gameLaunch.setDetails({status:"WAITING",session:null,game:null})}return React.createElement(React.Fragment,null,React.createElement(n.Presence,{ref:m,present:e.gameLaunch.details.status!=="WAITING"&&!l.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"},React.createElement("section",{className:"aspect-[960/540] w-full"},e.gameLaunch.details.status==="LOADING"&&React.createElement("div",{className:"flex size-full items-center justify-center"},React.createElement(f.SpinnerIcon,{className:"size-8"})),e.gameLaunch.details.status==="FAILED"&&React.createElement("div",null),e.gameLaunch.details.status==="PLAYING"&&React.createElement("iframe",{src:((d=e.gameLaunch.details.session)==null?void 0:d.launchUrl)??"",className:"size-full"})),React.createElement("section",{className:"border-gray-200 flex justify-end gap-lg border-t p-2"},React.createElement(c.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{if(e.gameLaunch.details.status!=="PLAYING"){i();return}r.setOpen(!0)},disabled:e.gameLaunch.details.status==="LOADING","aria-label":"Quit Game",title:"Quit"},React.createElement(h.XIcon,{className:"size-5"})),React.createElement(c.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>l.setOpen(!0),title:"Maximize","aria-label":"Maximize"},React.createElement(R.Expand03Icon,{className:"size-5"})))),React.createElement(n.Dialog.Root,{open:e.gameLaunch.details.status!=="WAITING"&&l.open&&!r.open,lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1},React.createElement(n.Portal,null,React.createElement(n.Dialog.Positioner,{className:"z-dialog fixed inset-0"},React.createElement(n.Dialog.Content,{className:"ui-open:animate-dialog-in ui-closed:animate-dialog-out flex size-full flex-col bg-white"},React.createElement("section",{className:"grid grid-cols-[22rem_auto_22rem] items-center px-4 py-2"},React.createElement("div",{className:"flex items-center justify-start gap-2"},React.createElement(c.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{if(e.gameLaunch.details.status!=="PLAYING"){i();return}r.setOpen(!0)},disabled:e.gameLaunch.details.status==="LOADING",title:"Quit","aria-label":"Quit Game"},React.createElement(z.ChevronLeftIcon,{className:"size-5"}))),React.createElement("div",{className:"flex items-center justify-center"},!!o.logo&&React.createElement(q,{src:o.logo,height:40,width:80,alt:"",className:"h-9 w-auto shrink-0"})),React.createElement("div",{className:"flex justify-end gap-2"},React.createElement(u.Button,{size:"sm",fullWidth:!1,onClick:()=>{e.depositWithdrawal.setOpen(!0)}},React.createElement(y.Wallet02Icon,{className:"size-5"}),"Wallet"),React.createElement(c.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>l.setOpen(!1),title:"Minimize","aria-label":"Minimize"},React.createElement(R.Expand03Icon,{className:"size-5"})))),React.createElement("section",{className:"grow"},e.gameLaunch.details.status==="LOADING"&&React.createElement("div",{className:"flex size-full items-center justify-center"},React.createElement(f.SpinnerIcon,{className:"size-8"})),e.gameLaunch.details.status==="FAILED"&&React.createElement("div",null),e.gameLaunch.details.status==="PLAYING"&&React.createElement("iframe",{src:e.gameLaunch.details.session.launchUrl??"",className:"size-full"})))))),React.createElement(t.Root,{role:"alertdialog",open:r.open,onOpenChange:a=>{r.setOpen(a.open)},lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1},React.createElement(n.Portal,null,React.createElement(t.Backdrop,null),React.createElement(t.Positioner,null,React.createElement(t.Content,null,React.createElement(t.Header,null,React.createElement("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]"},React.createElement(N.AlertCircleIcon,null)),React.createElement(t.CloseTrigger,null,React.createElement(h.XIcon,null))),React.createElement(t.Body,null,React.createElement(t.Title,null,"Quit Game"),React.createElement(t.Description,null,"Are you sure you want to quit?")),React.createElement(t.Context,null,a=>React.createElement(t.Footer,null,React.createElement(u.Button,{variant:"outline",colorScheme:"gray",disabled:s.isPending,onClick:()=>{a.setOpen(!1)}},"Cancel"),React.createElement(u.Button,{colorScheme:"danger",disabled:s.isPending,onClick:async()=>{await i(),a.setOpen(!1)}},"Proceed"))))))))}exports.GameLaunch=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),n=require("@ark-ui/react"),R=require("../../_virtual/image.js"),f=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("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");const p=require("../../hooks/useDisclosure.js"),q=require("../../hooks/useEndGameSessionMutation.js"),I=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const L=require("../../icons/AlertCircleIcon.js"),N=require("../../icons/ChevronLeftIcon.js"),h=require("../../icons/Expand03Icon.js"),g=require("../../icons/SpinnerIcon.js"),z=require("../../icons/Wallet02Icon.js"),E=require("../../icons/XIcon.js"),t=require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const c=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");const o=require("../../ui/IconButton/IconButton.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 y=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 G(x){var d;const m=f.useRef(null),r=p.useDisclosure({defaultOpen:!0,onOpenChange(i){i||setTimeout(()=>{var j;(j=m.current)==null||j.scrollIntoView({behavior:"smooth",block:"start",inline:"start"})},25)}}),a=p.useDisclosure(),u=q.useEndGameSessionMutation(),s=I.useGlobalStore(y.useShallow(i=>({gameLaunch:i.gameLaunch,depositWithdrawal:i.depositWithdrawal})));async function l(){s.gameLaunch.details.status==="PLAYING"&&await u.mutateAsync({game:s.gameLaunch.details.game,session:s.gameLaunch.details.session}),r.setOpen(!0),s.gameLaunch.setDetails({status:"WAITING",session:null,game:null})}return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(n.Presence,{ref:m,present:s.gameLaunch.details.status!=="WAITING"&&!r.open,lazyMount:!0,unmountOnExit:s.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",children:[e.jsxRuntimeExports.jsxs("section",{className:"aspect-[960/540] w-full",children:[s.gameLaunch.details.status==="LOADING"&&e.jsxRuntimeExports.jsx("div",{className:"flex size-full items-center justify-center",children:e.jsxRuntimeExports.jsx(g.SpinnerIcon,{className:"size-8"})}),s.gameLaunch.details.status==="FAILED"&&e.jsxRuntimeExports.jsx("div",{}),s.gameLaunch.details.status==="PLAYING"&&e.jsxRuntimeExports.jsx("iframe",{src:((d=s.gameLaunch.details.session)==null?void 0:d.launchUrl)??"",className:"size-full"})]}),e.jsxRuntimeExports.jsxs("section",{className:"border-gray-200 flex justify-end gap-lg border-t p-2",children:[e.jsxRuntimeExports.jsx(o.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{if(s.gameLaunch.details.status!=="PLAYING"){l();return}a.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING","aria-label":"Quit Game",title:"Quit",children:e.jsxRuntimeExports.jsx(E.XIcon,{className:"size-5"})}),e.jsxRuntimeExports.jsx(o.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>r.setOpen(!0),title:"Maximize","aria-label":"Maximize",children:e.jsxRuntimeExports.jsx(h.Expand03Icon,{className:"size-5"})})]})]}),e.jsxRuntimeExports.jsx(n.Dialog.Root,{open:s.gameLaunch.details.status!=="WAITING"&&r.open&&!a.open,lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxRuntimeExports.jsx(n.Portal,{children:e.jsxRuntimeExports.jsx(n.Dialog.Positioner,{className:"z-dialog fixed inset-0",children:e.jsxRuntimeExports.jsxs(n.Dialog.Content,{className:"ui-open:animate-dialog-in ui-closed:animate-dialog-out flex size-full flex-col bg-white",children:[e.jsxRuntimeExports.jsxs("section",{className:"grid grid-cols-[22rem_auto_22rem] items-center px-4 py-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-start gap-2",children:e.jsxRuntimeExports.jsx(o.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{if(s.gameLaunch.details.status!=="PLAYING"){l();return}a.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING",title:"Quit","aria-label":"Quit Game",children:e.jsxRuntimeExports.jsx(N.ChevronLeftIcon,{className:"size-5"})})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-center",children:!!x.logo&&e.jsxRuntimeExports.jsx(R,{src:x.logo,height:40,width:80,alt:"",className:"h-9 w-auto shrink-0"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsxRuntimeExports.jsxs(c.Button,{size:"sm",fullWidth:!1,onClick:()=>{s.depositWithdrawal.setOpen(!0)},children:[e.jsxRuntimeExports.jsx(z.Wallet02Icon,{className:"size-5"}),"Wallet"]}),e.jsxRuntimeExports.jsx(o.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>r.setOpen(!1),title:"Minimize","aria-label":"Minimize",children:e.jsxRuntimeExports.jsx(h.Expand03Icon,{className:"size-5"})})]})]}),e.jsxRuntimeExports.jsxs("section",{className:"grow",children:[s.gameLaunch.details.status==="LOADING"&&e.jsxRuntimeExports.jsx("div",{className:"flex size-full items-center justify-center",children:e.jsxRuntimeExports.jsx(g.SpinnerIcon,{className:"size-8"})}),s.gameLaunch.details.status==="FAILED"&&e.jsxRuntimeExports.jsx("div",{}),s.gameLaunch.details.status==="PLAYING"&&e.jsxRuntimeExports.jsx("iframe",{src:s.gameLaunch.details.session.launchUrl??"",className:"size-full"})]})]})})})}),e.jsxRuntimeExports.jsx(t.Root,{role:"alertdialog",open:a.open,onOpenChange:i=>{a.setOpen(i.open)},lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxRuntimeExports.jsxs(n.Portal,{children:[e.jsxRuntimeExports.jsx(t.Backdrop,{}),e.jsxRuntimeExports.jsx(t.Positioner,{children:e.jsxRuntimeExports.jsxs(t.Content,{children:[e.jsxRuntimeExports.jsxs(t.Header,{children:[e.jsxRuntimeExports.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsxRuntimeExports.jsx(L.AlertCircleIcon,{})}),e.jsxRuntimeExports.jsx(t.CloseTrigger,{children:e.jsxRuntimeExports.jsx(E.XIcon,{})})]}),e.jsxRuntimeExports.jsxs(t.Body,{children:[e.jsxRuntimeExports.jsx(t.Title,{children:"Quit Game"}),e.jsxRuntimeExports.jsx(t.Description,{children:"Are you sure you want to quit?"})]}),e.jsxRuntimeExports.jsx(t.Context,{children:i=>e.jsxRuntimeExports.jsxs(t.Footer,{children:[e.jsxRuntimeExports.jsx(c.Button,{variant:"outline",colorScheme:"gray",disabled:u.isPending,onClick:()=>{i.setOpen(!1)},children:"Cancel"}),e.jsxRuntimeExports.jsx(c.Button,{colorScheme:"danger",disabled:u.isPending,onClick:async()=>{await l(),i.setOpen(!1)},children:"Proceed"})]})})]})})]})})]})}exports.GameLaunch=G;