@opexa/portal-components 0.0.114 → 0.0.116

package/dist/client/hooks/useCreateDigitainGameSessionMutatio.d.ts

@@ -0,0 +1,2 @@
+import type { FavoriteGame, Game, GameSession, Mutation } from '../../types';
+export declare const useCreateDigitainGameSessionMutatio: Mutation<GameSession | null, Game | FavoriteGame>;

package/dist/client/hooks/useCreateDigitainGameSessionMutatio.js

@@ -0,0 +1,41 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createGameSession, getGameSession } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getCreateDigitainGameSessionMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateDigitainGameSessionMutatio = (config) => {
+    return useMutation({
+        ...config,
+        mutationKey: getCreateDigitainGameSessionMutationKey(),
+        mutationFn: async (game) => {
+            const id = ObjectId.generate(ObjectType.GameSession).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createGameSession({
+                id,
+                game: 'reference' in game ? game.reference : game.id,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            const data = await createPoll(async () => {
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                return await getGameSession(id, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+            }, {
+                until: (r) => !!r?.launchOptions,
+                interval: 1000,
+                maxAttempt: 5,
+            })();
+            return data;
+        },
+    });
+};

package/dist/components/Empty.d.ts

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

package/dist/components/KYC/Header.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
-import { XIcon } from '../../icons/XIcon.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { IconButton } from '../../ui/IconButton/index.js';
+import { ChevronLeftIcon, XIcon } from '../../icons/index.js';
+import { Dialog, IconButton } from '../../ui/index.js';
 export function Header() {
     return (_jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "bg-bg-primary-alt relative flex items-center gap-xl px-xl py-md lg:justify-center lg:bg-transparent lg:p-0", children: [_jsx(IconButton, { size: "2xs", variant: "outline", colorScheme: "gray", className: "lg:hidden", onClick: () => api.setOpen(false), children: _jsx(ChevronLeftIcon, {}) }), _jsx(Dialog.Title, { className: "text-lg font-semibold", children: "Personal Verification" }), _jsx("button", { type: "button", className: "text-text-quinary absolute right-0 top-1/2 hidden -translate-y-1/2 lg:block", onClick: () => api.setOpen(false), children: _jsx(XIcon, { className: "size-6" }) })] })) }));
 }

package/dist/components/KYC/Step1.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
-import { CheckIcon } from '../../icons/CheckIcon.js';
-import { XIcon } from '../../icons/XIcon.js';
+import { CheckIcon, XIcon } from '../../icons/index.js';
 import uploadId from '../../images/capture-id-banner.png';
-import { Button } from '../../ui/Button/index.js';
+import { Button } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext.js';
 export function Step1() {
     const context = useKYCContext();

package/dist/components/KYC/Step2.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
-import { CheckIcon } from '../../icons/CheckIcon.js';
-import { XIcon } from '../../icons/XIcon.js';
+import { CheckIcon, XIcon } from '../../icons/index.js';
 import selfie from '../../images/capture-selfie-banner.png';
-import { Button } from '../../ui/Button/index.js';
+import { Button } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext.js';
 export function Step2() {
     const context = useKYCContext();

package/dist/components/KYC/Step3.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon } from '../../icons/CheckIcon.js';
-import { Button } from '../../ui/Button/index.js';
-import { Checkbox } from '../../ui/Checkbox/index.js';
-import { Field } from '../../ui/Field/index.js';
+import { CheckIcon } from '../../icons/index.js';
+import { Button, Checkbox, Field } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext.js';
 export function Step3() {
     const context = useKYCContext();

package/dist/components/KYC/Step4.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircleIcon } from '../../icons/CheckCircleIcon.js';
-import { Button } from '../../ui/Button/index.js';
-import { Dialog } from '../../ui/Dialog/index.js';
+import { CheckCircleIcon } from '../../icons/index.js';
+import { Button, Dialog } from '../../ui/index.js';
 export function Step4() {
     return (_jsxs("div", { children: [_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(CheckCircleIcon, {}) }), _jsx("h2", { className: "mt-3 text-center", children: "Submission Successful" }), _jsx("p", { className: "text-text-tertiary-600 text-center", children: "Your documents have been submitted successfully. They\u2019re now under review, and you\u2019ll receive a notification as soon as your account is verified." }), _jsx(Dialog.Context, { children: (api) => (_jsx(Button, { className: "mt-3xl", onClick: () => api.setOpen(false), children: "Ok" })) })] }));
 }

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts

@@ -1,4 +1,4 @@
-import type { Quest } from '../../../types';
+import type { Quest } from '@opexa/portal-sdk-core';
 export declare function DailyCheckInQuest({ quest }: {
     quest: Quest;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js

@@ -3,16 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { addDays, isEqual, startOfDay } from 'date-fns';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useCheckInDailyCheckInQuestMutation } from '../../../client/hooks/useCheckInDailyCheckInQuestMutation.js';
-import { toaster } from '../../../client/utils/toaster.js';
-import { CalendarIcon } from '../../../icons/CalendarIcon.js';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { ClockStopWatchIcon } from '../../../icons/ClockStopWatchIcon.js';
-import { InfoCircleIcon } from '../../../icons/InfoCircleIcon.js';
-import { Badge } from '../../../ui/Badge/index.js';
-import { Button } from '../../../ui/Button/index.js';
-import { getQueryClient } from '../../../utils/getQueryClient.js';
-import { getAvailableQuestsQueryKey } from '../../../utils/queryKeys.js';
+import { useCheckInDailyCheckInQuestMutation } from '../../../client/hooks/index.js';
+import { toaster } from '../../../client/utils/index.js';
+import { CalendarIcon, CheckIcon, ClockStopWatchIcon, InfoCircleIcon, } from '../../../icons/index.js';
+import { Badge, Button } from '../../../ui/index.js';
+import { getAvailableQuestsQueryKey, getQueryClient } from '../../../utils/index.js';
 import CountdownTimer from '../CountdownTimer.js';
 import { DailyCheckInQuestModal } from './DailyCheckInQuestModal.js';
 export function DailyCheckInQuest({ quest }) {

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js

@@ -1,9 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
+import { Portal } from '@ark-ui/react';
+import { XIcon } from '../../../icons/index.js';
+import { Button, Dialog } from '../../../ui/index.js';
 export function DailyCheckInQuestModal(props) {
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: "Daily Check-In Rules" }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn rewards just for checking in each day!" }), _jsx("li", { children: "Stay consistent to unlock special rewards on the 3rd, 5th, and 7th day." }), _jsx("li", { children: "Missing a day will reset your streak, starting again from Day 1." }), _jsx("li", { children: "Each check-in unlocks the next one on the following day." }), _jsx("li", { children: "Successfully check in for 7 consecutive days to complete the quest and reset the cycle." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
 }

package/dist/components/Quests/OnboardingQuest/OnboardingQuest.d.ts

@@ -1,4 +1,4 @@
-import type { Quest } from '../../../types';
+import type { Quest } from '@opexa/portal-sdk-core';
 export declare function OnboardingQuest(props: {
     quest: Quest;
 }): null;

package/dist/components/Quests/WageringQuest/WageringQuest.d.ts

@@ -1,4 +1,4 @@
-import type { Quest } from '../../../types';
+import type { Quest } from '@opexa/portal-sdk-core';
 export declare function WageringQuest({ quest }: {
     quest: Quest;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/WageringQuest/WageringQuest.js

@@ -2,9 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { ClockStopWatchIcon } from '../../../icons/ClockStopWatchIcon.js';
-import { InfoCircleIcon } from '../../../icons/InfoCircleIcon.js';
-import { Badge } from '../../../ui/Badge/index.js';
+import { ClockStopWatchIcon, InfoCircleIcon } from '../../../icons/index.js';
+import { Badge } from '../../../ui/index.js';
 import CountdownTimer from '../CountdownTimer.js';
 import { WageringQuestModal } from './WageringQuestModal.js';
 export function WageringQuest({ quest }) {

package/dist/components/Quests/WageringQuest/WageringQuestModal.js

@@ -1,9 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
+import { Portal } from '@ark-ui/react';
+import { XIcon } from '../../../icons/index.js';
+import { Button, Dialog } from '../../../ui/index.js';
 export function WageringQuestModal(props) {
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: props.questName }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn extra rewards just by playing Slots, every bet counts, win or lose!" }), _jsx("li", { children: "Reach the wagering requirement in bets to complete the quest and claim your reward." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
 }

package/dist/components/Search/Search.lazy.js

@@ -5,7 +5,9 @@ import Image, {} from 'next/image';
 import Link from 'next/link';
 import { useRef, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
+import { useDebounceCallback } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
+import { useControllableState } from '../../client/hooks/useControllableState.js';
 import { useGamesQuery } from '../../client/hooks/useGamesQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { GAME_PROVIDER_DATA } from '../../constants/index.js';
@@ -26,15 +28,23 @@ export function Search(props) {
     })));
     const inputRef = useRef(null);
     const [search, setSearch] = useState('');
+    const gameProviders = props.gameProviders
+        .map((provider) => GAME_PROVIDER_DATA[provider])
+        .filter((provider) => provider.name
+        .toLowerCase()
+        .replace(/\s+/g, '')
+        .includes(search.toLowerCase().replace(/\s+/g, '')));
     const gamesQuery = useGamesQuery({
         first: 18,
-        search,
+        search: gameProviders.length > 0 ? undefined : search,
         filter: {
             type: {
                 in: props.gameTypes,
             },
             provider: {
-                in: props.gameProviders,
+                in: gameProviders.length > 0
+                    ? gameProviders.map((p) => p.id)
+                    : props.gameProviders,
             },
         },
     }, {
@@ -43,12 +53,6 @@ export function Search(props) {
     const games = gamesQuery.data?.pages
         .map((page) => page.edges.map((edge) => edge.node))
         .flat() ?? [];
-    const gameProviders = props.gameProviders
-        .map((provider) => GAME_PROVIDER_DATA[provider])
-        .filter((provider) => provider.name
-        .toLowerCase()
-        .replace(/\s+/g, '')
-        .includes(search.toLowerCase().replace(/\s+/g, '')));
     const empty = games.length <= 0 && gameProviders.length <= 0;
     const viewGamesUrl = (data) => {
         return props.viewGamesUrl
@@ -63,12 +67,10 @@ export function Search(props) {
     return (_jsx(Dialog.Root, { open: globalStore.search.open, onOpenChange: (details) => {
             globalStore.search.setOpen(details.open);
             setSearch('');
-        }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary lg:min-h-auto mx-auto min-h-full w-full pt-xl lg:mt-[132px] lg:max-w-[1136px] lg:bg-unset lg:pt-0", children: [_jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "flex items-center justify-between px-4 lg:hidden", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 40, className: "h-8 w-auto" }), _jsx(IconButton, { size: "sm", colorScheme: "gray", onClick: () => api.setOpen(false), children: _jsx(XIcon, { className: "text-text-quinary size-6" }) })] })) }), _jsx("div", { className: "flex justify-end", children: _jsx(Dialog.Context, { children: (api) => (_jsx("button", { type: "button", onClick: () => api.setOpen(false), className: "hidden size-9 items-center justify-center rounded-md bg-white/20 lg:flex", children: _jsx(XIcon, { className: "size-5 text-white" }) })) }) }), _jsx("div", { className: "mt-2xl px-4 lg:mt-xl lg:px-0", children: _jsxs("div", { className: "relative", children: [_jsx(SearchLgIcon, { className: "text-text-quinary pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }), _jsx(Field.Input, { ref: inputRef, type: "search", value: search, onChange: (e) => {
-                                                setSearch(e.target.value);
-                                            }, className: "pl-10 pr-16", placeholder: "Search", autoComplete: "off" }), _jsx(Presence, { present: search.length > 0, asChild: true, lazyMount: true, children: _jsx("button", { type: "button", className: "text-text-secondary-700 absolute right-3.5 top-1/2 -translate-y-1/2 font-semibold", onClick: () => {
+        }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary lg:min-h-auto mx-auto min-h-full w-full pt-xl lg:mt-[132px] lg:max-w-[1136px] lg:bg-unset lg:pt-0", children: [_jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "flex items-center justify-between px-4 lg:hidden", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 40, className: "h-8 w-auto" }), _jsx(IconButton, { size: "sm", colorScheme: "gray", onClick: () => api.setOpen(false), children: _jsx(XIcon, { className: "text-text-quinary size-6" }) })] })) }), _jsx("div", { className: "flex justify-end", children: _jsx(Dialog.Context, { children: (api) => (_jsx("button", { type: "button", onClick: () => api.setOpen(false), className: "hidden size-9 items-center justify-center rounded-md bg-white/20 lg:flex", children: _jsx(XIcon, { className: "size-5 text-white" }) })) }) }), _jsx("div", { className: "mt-2xl px-4 lg:mt-xl lg:px-0", children: _jsxs("div", { className: "relative", children: [_jsx(SearchLgIcon, { className: "text-text-quinary pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }), _jsx(DebouncedInput, { ref: inputRef, value: search, onChange: setSearch }), _jsx(Presence, { present: search.length > 0, asChild: true, lazyMount: true, children: _jsx("button", { type: "button", className: "text-text-secondary-700 absolute right-3.5 top-1/2 -translate-y-1/2 font-semibold", onClick: () => {
                                                     setSearch('');
                                                     inputRef.current?.focus();
-                                                }, children: "Clear" }) })] }) }), _jsx("div", { className: "lg:bg-bg-primary lg:border-border-primary mt-2xl p-xl pb-3xl lg:mt-2 lg:rounded-xl lg:border", children: search.length <= 0 ? (_jsx(Alert, { message: "Search for your favorite game or provider." })) : search.length >= 1 && search.length <= 2 ? (_jsx(Alert, { message: "Search requires at least 3 characters." })) : (_jsxs(_Fragment, { children: [empty && _jsx(Alert, { message: "No results found" }), !empty && (_jsxs(_Fragment, { children: [gameProviders.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "text-lg font-semibold", children: "Providers" }), _jsx("div", { className: "mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), "aria-label": `View ${provider.name} games`, className: twMerge('bg-gray-800 flex h-14 w-full items-center rounded-md', classNames.providerThumbnailRoot), onClick: () => {
+                                                }, children: "Clear" }) })] }) }), _jsx("div", { className: "lg:bg-bg-primary lg:border-border-primary mt-2xl p-xl pb-3xl lg:mt-2 lg:max-h-[41rem] lg:overflow-y-auto lg:rounded-xl lg:border", children: search.length <= 0 ? (_jsx(Alert, { message: "Search for your favorite game or provider." })) : search.length >= 1 && search.length <= 2 ? (_jsx(Alert, { message: "Search requires at least 3 characters." })) : (_jsxs(_Fragment, { children: [empty && _jsx(Alert, { message: "No results found" }), !empty && (_jsxs(_Fragment, { children: [gameProviders.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "text-lg font-semibold", children: "Providers" }), _jsx("div", { className: "mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), "aria-label": `View ${provider.name} games`, className: twMerge('bg-gray-800 flex h-14 w-full items-center rounded-md', classNames.providerThumbnailRoot), onClick: () => {
                                                                     globalStore.search.setOpen(false);
                                                                 }, children: _jsx(Image, { src: props.gameProviderImages?.[provider.id] ??
                                                                         provider.logo, alt: "", width: 100, height: 50, className: twMerge('mx-auto h-auto w-full', classNames.providerThumbnailImage) }) }, provider.id))) })] })), games.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-3xl text-lg font-semibold", children: "Games" }), _jsx("div", { className: "mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: games.map((game) => (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('block w-full shadow-sm', classNames.gameThumbnailRoot), onClick: () => {
@@ -78,6 +80,19 @@ export function Search(props) {
                                                                             provider: game.provider,
                                                                         }), alt: "", width: 200, height: 200, priority: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('bg-bg-tertiary text-text-primary-brand block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold', classNames.gameThumbnailTitle), children: game.name })] }, game.id))) })] })), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: "mx-auto mt-12 w-fit", onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) })] }) })] }) }));
 }
+function DebouncedInput(props) {
+    const [value, setValue] = useControllableState({
+        value: props.value,
+        defaultValue: props.defaultValue ?? '',
+        onChange: props.onChange,
+    });
+    const setValueDebounced = useDebounceCallback(setValue, 300);
+    const [internalValue, setInternalValue] = useState(value);
+    return (_jsx(Field.Input, { ref: props.ref, type: "search", value: internalValue, onChange: (e) => {
+            setInternalValue(e.target.value);
+            setValueDebounced(e.target.value);
+        }, className: "pl-10 pr-16", placeholder: "Search", autoComplete: "off" }));
+}
 function Alert({ message }) {
     return (_jsxs("div", { className: "py-lg", role: "alert", "aria-live": "polite", children: [_jsx("div", { className: "bg-bg-secondary shadow-xs border-border-primary mx-auto flex size-12 items-center justify-center rounded-lg border", children: _jsx(SearchLgIcon, { className: "text-text-secondary-700 size-6" }) }), _jsx("p", { className: "text-text-secondary-700 mt-4 text-center", children: message })] }));
 }

package/dist/constants/gameProviders.d.ts

@@ -1,4 +1,5 @@
-import type { GameProvider, GameProviderData } from '../types';
+import type { GameProvider } from '@opexa/portal-sdk-core';
+import type { GameProviderData } from '../types';
 export declare const GAME_PROVIDER_DATA: Record<GameProvider, GameProviderData>;
 export declare const GAME_PROVIDERS: ["ALIZE", "BGAMING", "BOOONGO", "EVOPLAY", "BTI", "CQ9", "DARWIN", "DG", "DRBINGO", "E2E", "ETENGJUE", "EVOLUTION", "EVOLUTION_REDTIGER", "EZUGI", "FACHAI", "HABANERO", "HACKSAW", "HOLLYWOODTV", "JDB", "JILI", "JDBGTF", "JOKER", "JDBSPRIBE", "JILI_BINGO", "KINGMAKER", "KINGMIDAS", "MEGA2SPIN", "MICROGAMING", "MEGABALL", "ONEAPI_EVOLUTION", "PGSOFT", "PLAYTECH", "PRAGMATICPLAY", "RELAXGAMING", "RTG", "SABA", "SPINIX", "SPRIBE", "YELLOWBAT", "EVOLUTIONNETENT", "EVOLUTION_NETENT"];
 export declare const LEGACY_GAME_PROVIDERS: ["JILI", "PGSOFT", "FACHAI", "BTI", "DG", "PLAYTECH", "E2E", "ONEAPI_EVOLUTION", "CQ9", "JDB", "HABANERO", "SPINIX", "JOKER", "HACKSAW", "EVOLUTIONNETENT", "JDBGTF", "JDBSPRIBE", "MICROGAMING", "RELAXGAMING", "EVOPLAY", "BOOONGO", "BGAMING", "KINGMAKER", "KINGMIDAS", "YELLOWBAT", "ETENGJUE", "SABA", "PRAGMATICPLAY", "SPRIBE", "EZUGI", "ALIZE"];

package/dist/constants/gameProviders.js

@@ -283,12 +283,6 @@ export const GAME_PROVIDER_DATA = {
         slug: 'evolution-netent',
         logo: evolutionNetent,
     },
-    DIGITAIN: {
-        id: 'DIGITAIN',
-        name: 'Digitain',
-        slug: 'digitain',
-        logo: '',
-    },
 };
 export const GAME_PROVIDERS = [
     'ALIZE',

package/dist/constants/gameTypes.d.ts

@@ -1,3 +1,4 @@
-import type { GameType, GameTypeData } from '../types';
+import type { GameType } from '@opexa/portal-sdk-core';
+import type { GameTypeData } from '../types';
 export declare const GAME_TYPE_DATA: Record<GameType, GameTypeData>;
 export declare const GAME_TYPES: ["ARCADE", "BINGO", "FISHING", "GAMES", "LIVE", "NUMERICAL", "SLOTS", "SPECIALTY", "SPORTS", "TABLE"];

package/dist/constants/headerKeys.d.ts

@@ -1,2 +1 @@
 export declare const RECAPTCHA_HEADER_KEY: string;
-export declare const TEST_PASS_HEADER_KEY: string;

package/dist/constants/headerKeys.js

@@ -1,2 +1 @@
 export const RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';
-export const TEST_PASS_HEADER_KEY = 'Test-Pass';

package/dist/constants/secretQuestions.d.ts

@@ -1,3 +1,3 @@
-import type { SecretQuestion } from '../types';
+import type { SecretQuestion } from '@opexa/portal-sdk-core';
 export declare const SECRET_QUESTIONS: ["BEST_CHILDHOOD_FRIEND", "BIRTH_PLACE", "FAVORITE_BOOK", "FAVORITE_MOVIE", "FAVORITE_TEACHER", "FIRST_CAR", "FIRST_PET", "FIRST_SCHOOL", "MOTHERS_MAIDEN_NAME", "PARENTS_MET_CITY"];
 export declare const SECRET_QUESTIONS_MAP: Record<SecretQuestion, string>;