@opexa/portal-components 0.0.6 → 0.0.7

package/dist/components/Empty/CloudIcon.js

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

package/dist/components/Empty/CloudIcon.mjs

@@ -0,0 +1,177 @@
+function t(e) {
+  return /* @__PURE__ */ React.createElement(
+    "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" })
+    ))
+  );
+}
+export {
+  t as CloudIcon
+};

package/dist/components/Empty/Empty.d.ts

@@ -1,9 +1,9 @@
-import type { ComponentProps, ComponentType } from 'react';
+import { ComponentProps, ComponentType } from 'react';
 interface EmptyProps {
     icon: ComponentType<ComponentProps<'svg'>>;
     title: string;
     message: string;
     className?: string;
 }
-export declare function Empty(props: EmptyProps): import("react").JSX.Element;
+export declare function Empty(props: EmptyProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Empty/Empty.js

@@ -0,0 +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;

package/dist/components/Empty/Empty.mjs

@@ -0,0 +1,7 @@
+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));
+}
+export {
+  l as Empty
+};

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

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

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

@@ -1,3 +1,3 @@
-import type { UseFeatureFlagReturn } from './useFeatureFlag.js';
-export declare const FeatureFlagContext: import("react").Context<UseFeatureFlagReturn | null>;
+import { UseFeatureFlagReturn } from './useFeatureFlag';
+export declare const FeatureFlagContext: import('react').Context<UseFeatureFlagReturn | null>;
 export declare const useFeatureFlagContext: () => UseFeatureFlagReturn;

package/dist/components/FeatureFlagProvider/FeatureFlagContext.js

@@ -0,0 +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;

package/dist/components/FeatureFlagProvider/FeatureFlagContext.mjs

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as o } from "react";
+import n from "tiny-invariant";
+const r = e(
+  null
+), x = () => {
+  const t = o(r);
+  return n(t), t;
+};
+export {
+  r as FeatureFlagContext,
+  x as useFeatureFlagContext
+};

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

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface FeatureFlagProviderProps {
     children: ReactNode;
 }
-export declare function FeatureFlagProvider(props: FeatureFlagProviderProps): import("react").JSX.Element;
+export declare function FeatureFlagProvider(props: FeatureFlagProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FeatureFlagProvider/FeatureFlagProvider.js

@@ -0,0 +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;

package/dist/components/FeatureFlagProvider/FeatureFlagProvider.mjs

@@ -0,0 +1,58 @@
+"use client";
+import { Portal as r } from "@ark-ui/react";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import "../../utils/capitalize.mjs";
+import "react";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/toaster.mjs";
+import "../../ui/Button/button.recipe.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 "../../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 "../../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",
+      {
+        type: "button",
+        onClick: t.disable,
+        className: "underline underline-offset-2"
+      },
+      "Disable"
+    )
+  )));
+}
+export {
+  q as FeatureFlagProvider
+};

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

@@ -1,2 +1,2 @@
-export * from './FeatureFlagContext.jsx';
-export * from './FeatureFlagProvider.jsx';
+export * from './FeatureFlagContext';
+export * from './FeatureFlagProvider';

package/dist/components/FeatureFlagProvider/useFeatureFlag.js

@@ -1,66 +1 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { usePathname, useRouter, useSearchParams } from 'next/navigation';
-import { useEffect } from 'react';
-import { useLocalStorage } from 'usehooks-ts';
-export function useFeatureFlag() {
-    var _this = this;
-    var _a = useLocalStorage('WebPortalFeatureFlagEnabled', false), enabled = _a[0], setEnabled = _a[1];
-    var router = useRouter();
-    var pathname = usePathname();
-    var searchParams = useSearchParams();
-    var disable = function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            router.push(pathname);
-            setTimeout(function () {
-                setEnabled(false);
-            }, 250);
-            return [2 /*return*/];
-        });
-    }); };
-    useEffect(function () {
-        if (enabled)
-            return;
-        if (!searchParams.has('future'))
-            return;
-        setEnabled(true);
-    }, [enabled, searchParams, setEnabled]);
-    return {
-        enabled: enabled,
-        disable: disable,
-    };
-}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../_virtual/navigation.js"),u=require("react"),i=require("usehooks-ts");function c(){const[e,t]=i.useLocalStorage("WebPortalFeatureFlagEnabled",!1),r=a.navigationExports.useRouter(),n=a.navigationExports.usePathname(),s=a.navigationExports.useSearchParams(),o=async()=>{r.push(n),setTimeout(()=>{t(!1)},250)};return u.useEffect(()=>{e||s.has("future")&&t(!0)},[e,s,t]),{enabled:e,disable:o}}exports.useFeatureFlag=c;

package/dist/components/FeatureFlagProvider/useFeatureFlag.mjs

@@ -0,0 +1,22 @@
+import { n as a } from "../../_virtual/navigation.mjs";
+import { useEffect as u } from "react";
+import { useLocalStorage as c } from "usehooks-ts";
+function l() {
+  const [e, t] = c(
+    "WebPortalFeatureFlagEnabled",
+    !1
+  ), s = a.useRouter(), o = a.usePathname(), r = a.useSearchParams(), n = async () => {
+    s.push(o), setTimeout(() => {
+      t(!1);
+    }, 250);
+  };
+  return u(() => {
+    e || r.has("future") && t(!0);
+  }, [e, r, t]), {
+    enabled: e,
+    disable: n
+  };
+}
+export {
+  l as useFeatureFlag
+};

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

@@ -1,5 +1,5 @@
-import type { ImageProps } from 'next/image';
+import { ImageProps } from 'next/image';
 export interface GameLaunchProps {
     logo: ImageProps['src'];
 }
-export declare function GameLaunch(props: GameLaunchProps): import("react").JSX.Element;
+export declare function GameLaunch(props: GameLaunchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GameLaunch/GameLaunch.js

@@ -0,0 +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;