@opexa/portal-components 0.0.2 → 0.0.4

package/dist/components/Games/GamesContent.jsx

@@ -0,0 +1,138 @@
+'use client';
+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 useEmblaCarousel from 'embla-carousel-react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { useCallback, useEffect, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { useGamesQuery } from '../../hooks/useGamesQuery/useGamesQuery.js';
+import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.jsx';
+import { ArrowRightIcon } from '../../icons/ArrowRightIcon.jsx';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
+import { SpinnerIcon } from '../../icons/SpinnerIcon.jsx';
+import { Button } from '../../ui/index.js';
+import { GameLaunchTrigger } from '../GameLaunch/index.js';
+export function GamesContent(props) {
+    var _this = this;
+    var _a, _b, _c;
+    var numOfRows = (_a = props.numOfRows) !== null && _a !== void 0 ? _a : 1;
+    var gamesQuery = useGamesQuery({
+        first: (numOfRows + 1) * 6,
+        filter: props.filter,
+    });
+    var games = (_c = (_b = gamesQuery.data) === null || _b === void 0 ? void 0 : _b.pages.map(function (page) { return page.edges.map(function (edge) { return edge.node; }); }).flat()) !== null && _c !== void 0 ? _c : [];
+    var _d = useEmblaCarousel({
+        align: 'start',
+        slidesToScroll: 3,
+        breakpoints: {
+            '(min-width: 1024px)': {
+                slidesToScroll: 6,
+            },
+        },
+    }), emblaRef = _d[0], emblaApi = _d[1];
+    var _e = useState(true), prevBtnDisabled = _e[0], setPrevBtnDisabled = _e[1];
+    var _f = useState(true), nextBtnDisabled = _f[0], setNextBtnDisabled = _f[1];
+    var onPrevButtonClick = useCallback(function () { return emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(); }, [emblaApi]);
+    var onNextButtonClick = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(!(emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.canScrollNext()) && gamesQuery.hasNextPage)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, gamesQuery.fetchNextPage()];
+                case 1:
+                    _a.sent();
+                    emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.reInit();
+                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 1); })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext();
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [emblaApi, gamesQuery]);
+    var onSelect = useCallback(function (emblaApi) {
+        setPrevBtnDisabled(!(emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.canScrollPrev()));
+        setNextBtnDisabled(!(emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.canScrollNext()));
+    }, []);
+    useEffect(function () {
+        if (!emblaApi)
+            return;
+        onSelect(emblaApi);
+        emblaApi.on('reInit', onSelect).on('select', onSelect);
+    }, [emblaApi, onSelect]);
+    return (<div className={props.className}>
+      <div className="flex items-center">
+        <h2 className="text-lg font-semibold">{props.heading}</h2>
+        <div className="grow"/>
+        <div className="flex items-center justify-center gap-xl">
+          <Link href={props.seeAllUrl} className="flex gap-sm text-sm font-semibold">
+            See All
+            <ChevronRightIcon className="size-5 lg:hidden"/>
+          </Link>
+          <div className="hidden lg:flex">
+            <Button variant="outline" colorScheme="gray" className="rounded-r-none border-r-0" onClick={onPrevButtonClick} disabled={prevBtnDisabled} aria-label="Previous">
+              <ArrowLeftIcon className="size-5"/>
+            </Button>
+            <Button variant="outline" colorScheme="gray" className="rounded-l-none" onClick={onNextButtonClick} disabled={nextBtnDisabled && !gamesQuery.hasNextPage
+            ? true
+            : gamesQuery.isFetchingNextPage} aria-label="Next">
+              {gamesQuery.isFetchingNextPage ? (<SpinnerIcon className="size-5"/>) : (<ArrowRightIcon className="size-5"/>)}
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      <div ref={emblaRef} className="relative mt-lg lg:overflow-hidden">
+        <div className={twMerge('grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md', numOfRows === 3
+            ? 'grid-rows-3'
+            : numOfRows === 2
+                ? 'grid-rows-2'
+                : 'grid-rows-1')}>
+          {games.map(function (game) { return (<GameLaunchTrigger key={game.id} game={game} className="block w-full">
+              <Image src={game.image} alt="" width={200} height={200} priority className="aspect-square w-full rounded-t-md object-cover"/>
+
+              <span className="bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold">
+                {game.name}
+              </span>
+            </GameLaunchTrigger>); })}
+        </div>
+      </div>
+    </div>);
+}

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

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

package/dist/components/Games/index.js

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

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

@@ -0,0 +1,6 @@
+export interface JackpotCounterProps {
+    heading: string;
+    seeAllUrl: string;
+    className?: string;
+}
+export declare function JackpotCounter(props: JackpotCounterProps): Promise<import("react").JSX.Element>;

package/dist/components/JackpotCounter/JackpotCounter.jsx

@@ -0,0 +1,61 @@
+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 { JackpotCounterContent } from './JackpotCounterContent.jsx';
+export function JackpotCounter(props) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            /*
+            await prefetchJackpotsQuery({
+              first: 100,
+              filter: {
+                status: {
+                  equal: 'ACTIVE',
+                },
+                deleted: {
+                  equal: false,
+                },
+              },
+              sort: {
+                cursor: 'POOL',
+                order: 'DESC',
+              },
+            });
+            */
+            return [2 /*return*/, <JackpotCounterContent {...props}/>];
+        });
+    });
+}

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

@@ -0,0 +1,2 @@
+import type { JackpotCounterProps } from './JackpotCounter.jsx';
+export declare function JackpotCounterContent(props: JackpotCounterProps): import("react").JSX.Element | null;

package/dist/components/JackpotCounter/JackpotCounterContent.jsx

@@ -0,0 +1,87 @@
+'use client';
+import useEmblaCarousel from 'embla-carousel-react';
+import Link from 'next/link';
+import { useCallback, useEffect, useState } from 'react';
+import { useJackpotsQuery } from '../../hooks/useJackpotsQuery/useJackpotsQuery.js';
+import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.jsx';
+import { ArrowRightIcon } from '../../icons/ArrowRightIcon.jsx';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
+import { Button } from '../../ui/index.js';
+import { JackpotCounterItem } from './JackpotCounterItem.jsx';
+export function JackpotCounterContent(props) {
+    var _a, _b;
+    var _c = useEmblaCarousel({
+        align: 'start',
+        slidesToScroll: 1,
+    }), emblaRef = _c[0], emblaApi = _c[1];
+    var scrollPrev = useCallback(function () {
+        if (emblaApi)
+            emblaApi.scrollPrev();
+    }, [emblaApi]);
+    var scrollNext = useCallback(function () {
+        if (emblaApi)
+            emblaApi.scrollNext();
+    }, [emblaApi]);
+    var _d = useState(false), canScrollPrev = _d[0], setCanScrollPrev = _d[1];
+    var _e = useState(false), canScrollNext = _e[0], setCanScrollNext = _e[1];
+    var onSelect = useCallback(function () {
+        if (!emblaApi)
+            return;
+        setCanScrollPrev(emblaApi.canScrollPrev());
+        setCanScrollNext(emblaApi.canScrollNext());
+    }, [emblaApi]);
+    useEffect(function () {
+        if (!emblaApi)
+            return;
+        onSelect();
+        emblaApi.on('select', onSelect);
+        emblaApi.on('reInit', onSelect);
+    }, [emblaApi, onSelect]);
+    var jackpotsQuery = useJackpotsQuery({
+        first: 100,
+        filter: {
+            status: {
+                equal: 'ACTIVE',
+            },
+            deleted: {
+                equal: false,
+            },
+        },
+        sort: {
+            cursor: 'POOL',
+            order: 'DESC',
+        },
+    });
+    var jackpots = (_b = (_a = jackpotsQuery.data) === null || _a === void 0 ? void 0 : _a.pages[0].edges.map(function (edge) { return edge.node; })) !== null && _b !== void 0 ? _b : [];
+    if (jackpots.length <= 0)
+        return null;
+    return (<div className={props.className}>
+      <div className="flex items-center justify-between">
+        <div className="text-lg font-semibold">{props.heading}</div>
+        <div className="flex items-center md:gap-3xl">
+          <Link href={props.seeAllUrl} className="flex gap-sm text-sm font-semibold">
+            See All
+            <ChevronRightIcon className="size-5 lg:hidden"/>
+          </Link>
+
+          <div className="hidden lg:flex">
+            <Button disabled={!canScrollPrev} onClick={scrollPrev} variant="outline" colorScheme="gray" className="rounded-r-none border-r-0" aria-label="Previous">
+              <ArrowLeftIcon className="size-5"/>
+            </Button>
+            <Button disabled={!canScrollNext} onClick={scrollNext} variant="outline" colorScheme="gray" className="rounded-l-none" aria-label="Next">
+              <span className="sr-only">Next</span>
+              <ArrowRightIcon className="size-5"/>
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      <div className="relative mt-lg lg:overflow-hidden" ref={emblaRef}>
+        <div className="flex gap-2.5">
+          {jackpots.map(function (jackpot) { return (<JackpotCounterItem key={jackpot.id} jackpot={jackpot} className={jackpots.length < 2
+                ? 'w-full'
+                : 'w-full lg:w-[calc((100%-0.75rem)/2)]'}/>); })}
+        </div>
+      </div>
+    </div>);
+}

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

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

package/dist/components/JackpotCounter/JackpotCounterItem.jsx

@@ -0,0 +1,108 @@
+'use client';
+import { Progress } from '@ark-ui/react';
+import Image from 'next/image';
+import { twMerge } from 'tailwind-merge';
+import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
+import { ArrowNarrowUpRightIcon } from '../../icons/ArrowNarrowUpRightIcon.jsx';
+import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.jsx';
+import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
+import closeChest from '../../images/close-chest.png';
+import openChest from '../../images/open-chest.png';
+import { formatNumber } from '../../utils/formatNumber.js';
+import styles from './JackpotCounter.module.css';
+export function JackpotCounterItem(_a) {
+    var _b, _c;
+    var jackpot = _a.jackpot, className = _a.className;
+    var localeInfo = useLocaleInfo();
+    var isPayingOut = jackpot.drawing;
+    var jackpotAmount = isPayingOut
+        ? jackpot.maximumJackpotPoolLimit
+        : jackpot.pool;
+    return (<div className={twMerge('bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center', className)}>
+      <div className="flex w-full justify-between">
+        <div className="flex flex-col gap-1">
+          {isPayingOut ? (<div className="border-gray-700 bg-gray-300 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium">
+              <span className="full bg-gray-900 size-1.5 animate-pulse rounded"/>
+              Paying Out
+            </div>) : (<div className="border-gray-700 bg-gray-300 flex w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium">
+              <ArrowNarrowUpRightIcon className="size-3.5"/>
+              Accumulating
+            </div>)}
+
+          <div className="text-left text-lg font-medium">{jackpot.name}</div>
+          <div className="bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold">
+            {formatNumber(jackpotAmount, {
+            currency: localeInfo.currency.code,
+            minDecimalPlaces: 2,
+            maxDecimalPlaces: 2,
+        })}
+          </div>
+        </div>
+
+        <div>
+          <Image width={100} height={100} src={isPayingOut ? openChest : closeChest} alt="closeChest" quality={100} className="h-25 w-25 size-full"/>
+        </div>
+      </div>
+
+      <div className="flex justify-between">
+        <div className="text-xs font-medium">
+          {formatNumber(0, {
+            currency: localeInfo.currency.code,
+            compact: true,
+        })}
+        </div>
+
+        <div className="relative flex items-center justify-end gap-1.5">
+          {isPayingOut ? (<div className="flex w-6 items-center">
+              <div className={twMerge('absolute left-0', styles['animate-arrow-red-flash-1'])}>
+                <ChevronLeftIcon className="size-4.5"/>
+              </div>
+              <div className={twMerge('absolute left-1.5', styles['animate-arrow-red-flash-2'])}>
+                <ChevronLeftIcon className="size-4.5"/>
+              </div>
+              <div className={twMerge('absolute left-3', styles['animate-arrow-red-flash-3'])}>
+                <ChevronLeftIcon className="size-4.5"/>
+              </div>
+            </div>) : (<div className="flex w-6 items-center">
+              <div className={twMerge('absolute left-0', styles['animate-arrow-green-flash-1'])}>
+                <ChevronRightIcon className="size-4.5"/>
+              </div>
+              <div className={twMerge('absolute left-1.5', styles['animate-arrow-green-flash-2'])}>
+                <ChevronRightIcon className="size-4.5"/>
+              </div>
+              <div className={twMerge('absolute left-3', styles['animate-arrow-green-flash-3'])}>
+                <ChevronRightIcon className="size-4.5"/>
+              </div>
+            </div>)}
+
+          <div className="text-xs font-medium">
+            {formatNumber(jackpot === null || jackpot === void 0 ? void 0 : jackpot.maximumJackpotPoolLimit, {
+            currency: localeInfo.currency.code,
+            compact: true,
+        })}
+          </div>
+        </div>
+      </div>
+
+      <Progress.Root className="bg-gray-200 h-2 w-full rounded-full" max={100} value={33}>
+        <Progress.Track className="bg-gray-950 h-full rounded-full">
+          <Progress.Range className="bg-gray-300 h-full rounded-full"/>
+        </Progress.Track>
+      </Progress.Root>
+
+      <div className="mt-1 text-start text-[10px]">
+        {isPayingOut
+            ? "The pot has hit ".concat(formatNumber(jackpot === null || jackpot === void 0 ? void 0 : jackpot.maximumJackpotPoolLimit, {
+                currency: localeInfo.currency.code,
+                compact: true,
+            }), " Play now for your chance to win big! \uD83D\uDD25")
+            : getAccumulatingJackpotDescription((_b = Number(jackpot === null || jackpot === void 0 ? void 0 : jackpot.pool)) !== null && _b !== void 0 ? _b : 0, (_c = Number(jackpot === null || jackpot === void 0 ? void 0 : jackpot.maximumJackpotPoolLimit)) !== null && _c !== void 0 ? _c : 0)}
+      </div>
+    </div>);
+}
+var getAccumulatingJackpotDescription = function (part, total) {
+    var percentage = total === 0 ? 0 : (part / total) * 100;
+    return percentage <= 90
+        ? 'The jackpot is heating up! Keep playing to stay in the action and watch it grow!'
+        : '🔥 It’s about to pop! Stay in the game for your shot at the prize!';
+};

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

@@ -0,0 +1 @@
+export * from './JackpotCounter.jsx';

package/dist/components/JackpotCounter/index.js

@@ -0,0 +1 @@
+export * from './JackpotCounter.jsx';

package/dist/components/Marquee/Marquee.d.ts

@@ -0,0 +1,5 @@
+export interface MarqueeProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function Marquee(props: MarqueeProps): import("react").JSX.Element;

package/dist/components/Marquee/Marquee.jsx

@@ -0,0 +1,14 @@
+import Primitive from 'react-fast-marquee';
+import { twMerge } from 'tailwind-merge';
+export function Marquee(props) {
+    return (<div className={twMerge('border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium', props.className)}>
+      <div className="border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5">
+        <span className="bg-green-400 outline-green-400/20 size-2 rounded-full outline-4"/>
+        <span>What&apos;s new</span>
+      </div>
+      <Primitive className="grow">
+        {props.children}
+        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      </Primitive>
+    </div>);
+}

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

@@ -0,0 +1 @@
+export * from './Marquee.jsx';

package/dist/components/Marquee/index.js

@@ -0,0 +1 @@
+export * from './Marquee.jsx';

package/dist/components/PortalProvider/PortalProvider.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from 'react';
+export declare function PortalProvider({ children }: PropsWithChildren): Promise<import("react").JSX.Element>;

package/dist/components/PortalProvider/PortalProvider.jsx

@@ -0,0 +1,67 @@
+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 { dehydrate, HydrationBoundary } from '@tanstack/react-query';
+import { prefetchPlatformQuery } from '../../hooks/usePlatformQuery/prefetchPlatformQuery.js';
+import { prefetchSessionQuery } from '../../hooks/useSessionQuery/prefetchSessionQuery.js';
+import { prefetchWalletQuery } from '../../hooks/useWalletQuery/prefetchWalletQuery.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { FeatureFlagProvider } from '../FeatureFlagProvider/index.js';
+import { Providers } from './Providers.jsx';
+export function PortalProvider(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
+        var queryClient;
+        var children = _b.children;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    queryClient = getQueryClient();
+                    return [4 /*yield*/, Promise.all([
+                            prefetchSessionQuery(),
+                            prefetchPlatformQuery(),
+                            prefetchWalletQuery(),
+                        ])];
+                case 1:
+                    _c.sent();
+                    return [2 /*return*/, (<Providers>
+      <HydrationBoundary state={dehydrate(queryClient)}>
+        <FeatureFlagProvider>{children}</FeatureFlagProvider>
+      </HydrationBoundary>
+    </Providers>)];
+            }
+        });
+    });
+}

package/dist/components/PortalProvider/Providers.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from 'react';
+export declare function Providers({ children }: PropsWithChildren): import("react").JSX.Element;

package/dist/components/PortalProvider/Providers.jsx

@@ -0,0 +1,49 @@
+'use client';
+import { Toast, Toaster } from '@ark-ui/react';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { twMerge } from 'tailwind-merge';
+import { AlertCircleIcon } from '../../icons/AlertCircleIcon.jsx';
+import { XIcon } from '../../icons/XIcon.jsx';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { toaster } from '../../utils/toaster.js';
+export function Providers(_a) {
+    var children = _a.children;
+    var queryClient = getQueryClient();
+    return (<QueryClientProvider client={queryClient}>
+      {children}
+
+      <Toaster toaster={toaster}>
+        {function (toast) { return (<Toast.Root key={toast.id} className="shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]">
+            <div className={twMerge('flex size-9.5 items-center justify-center rounded-full border-2', toast.type === 'error'
+                ? 'border-red-500/15'
+                : 'border-green-500/15')}>
+              <div className={twMerge('flex size-7 items-center justify-center rounded-full border-2', toast.type === 'error'
+                ? 'border-red-500/35'
+                : 'border-green-500/35')}>
+                <AlertCircleIcon className={twMerge('size-5', toast.type === 'error' ? 'text-red-500' : 'text-green-500')}/>
+              </div>
+            </div>
+
+            <div className="grow text-sm leading-none">
+              <Toast.Title className="font-semibold">
+                {toast.title
+                ? toast.title
+                : toast.type === 'error'
+                    ? 'Error'
+                    : 'Success'}
+              </Toast.Title>
+              <Toast.Description className="text-gray-700 mt-1">
+                {toast.description
+                ? toast.description
+                : toast.type === 'error'
+                    ? 'Something went wrong.'
+                    : 'Operation completed successfully.'}
+              </Toast.Description>
+            </div>
+            <Toast.CloseTrigger className="text-gray-400 hover:text-gray-500 self-start">
+              <XIcon className="size-5"/>
+            </Toast.CloseTrigger>
+          </Toast.Root>); }}
+      </Toaster>
+    </QueryClientProvider>);
+}

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

@@ -0,0 +1 @@
+export * from './PortalProvider.jsx';

package/dist/components/PortalProvider/index.js

@@ -0,0 +1 @@
+export * from './PortalProvider.jsx';

package/dist/components/Promo/Promo.d.ts

@@ -0,0 +1,4 @@
+export interface PromoProps {
+    id: string;
+}
+export declare function Promo(props: PromoProps): Promise<import("react").JSX.Element>;