@opexa/portal-components 0.0.154 → 0.0.158

package/dist/ui/Tooltip/Tooltip.d.ts

@@ -3,186 +3,186 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, {
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Arrow: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.ArrowProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, {
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const ArrowTip: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, {
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Content: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.ContentProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, {
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Positioner: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.PositionerProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, {
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Tooltip.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, {
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: Tooltip.ContextProps) => import("react").ReactNode;

package/dist/ui/Tooltip/tooltip.recipe.d.ts

@@ -2,30 +2,30 @@ export declare const tooltipRecipe: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, {
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "arrow" | "arrowTip" | "trigger" | "positioner", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/utils/queryKeys.d.ts

@@ -2,7 +2,7 @@ import type { QueryKey } from '@tanstack/react-query';
 import type { GamesInput__Next } from '../services/cmsPortal';
 import type { BetRecordsInput, DepositRecordsInput, JackpotPayoutsInput, JackpotsCountInput, JackpotsInput, TournamentsCountInput, TournamentsInput, TransactionRecordsInput, WithdrawalRecordsInput } from '../services/report';
 import type { MessagesInput, UnreadMessagesCountInput } from '../services/trigger';
-import type { AvailablePromosInput } from '../services/wallet';
+import type { AvailablePromosInput, BonusesInput } from '../services/wallet';
 export declare const getAccountQueryKey: () => QueryKey;
 export declare const getProfileCompletionQueryKey: () => QueryKey;
 export declare const getAvailablePromosQueryKey: (input?: AvailablePromosInput) => QueryKey;
@@ -38,7 +38,7 @@ export declare const getWithdrawalRecordsQueryKey: (input?: WithdrawalRecordsInp
 export declare const getUnreadMessagesCountQueryKey: (input?: UnreadMessagesCountInput) => QueryKey;
 export declare const getBonusQueryKey: (id: string) => QueryKey;
 export declare const getCashbackBonusQueryKey: (id: string) => QueryKey;
-export declare const getBonusesQueryKey: () => QueryKey;
+export declare const getBonusesQueryKey: (input?: BonusesInput) => QueryKey;
 export declare const getBonusesCountQueryKey: () => QueryKey;
 export declare const getAvailableQuestsCountQueryKey: () => QueryKey;
 export declare const getOnboardingStatusQueryKey: () => QueryKey;

package/dist/utils/queryKeys.js

@@ -35,7 +35,7 @@ export const getWithdrawalRecordsQueryKey = (input) => [PARENT_KEY, 'withdrawalR
 export const getUnreadMessagesCountQueryKey = (input) => [PARENT_KEY, 'unreadMessagesCount', input].filter(Boolean);
 export const getBonusQueryKey = (id) => [PARENT_KEY, 'bonus', id].filter(Boolean);
 export const getCashbackBonusQueryKey = (id) => [PARENT_KEY, 'cashbackBonus', id].filter(Boolean);
-export const getBonusesQueryKey = () => [PARENT_KEY, 'bonuses'].filter(Boolean);
+export const getBonusesQueryKey = (input) => [PARENT_KEY, 'bonuses', input].filter(Boolean);
 export const getBonusesCountQueryKey = () => [PARENT_KEY, 'bonusesCount'].filter(Boolean);
 export const getAvailableQuestsCountQueryKey = () => [PARENT_KEY, 'availableQuestsCount'].filter(Boolean);
 export const getOnboardingStatusQueryKey = () => [PARENT_KEY, 'onboardingStatus'].filter(Boolean);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.154",
+  "version": "0.0.158",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",

package/dist/components/KYC/backup/Header.d.ts

@@ -1 +0,0 @@
-export declare function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Header.js

@@ -1,8 +0,0 @@
-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';
-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/backup/Indicator.d.ts

@@ -1 +0,0 @@
-export declare function Indicator(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Indicator.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { noop } from 'lodash-es';
-import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
-import { Progress } from '../../../ui/Progress/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Indicator() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-xl grid grid-cols-[max-content_auto_auto] items-center px-xl lg:mt-md lg:px-0", children: [_jsxs("button", { className: "text-text-tertiary-600 flex items-center gap-sm text-sm font-semibold", children: [_jsx(ArrowLeftIcon, { className: "size-5" }), "Back"] }), _jsxs("div", { className: "flex justify-center gap-2", children: [_jsx(Progress.Root, { className: "w-[5.625rem] shrink-0", value: context.step >= 2 ? 100 : 50, onValueChange: noop, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-[5.625rem] shrink-0", value: context.step >= 3 ? 50 : 0, onValueChange: noop, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] })] }));
-}

package/dist/components/KYC/backup/KYC.d.ts

@@ -1 +0,0 @@
-export declare function KYC(): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/KYC/backup/KYC.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import dynamic from 'next/dynamic';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-const Component = dynamic(() => import('./KYC.lazy.js').then((m) => m.KYC), {
-    ssr: false,
-    loading: () => null,
-});
-export function KYC() {
-    const touched = useGlobalStore(useShallow((ctx) => ctx.kyc['~touched']));
-    if (touched)
-        return _jsx(Component, {});
-}

package/dist/components/KYC/backup/KYC.lazy.d.ts

@@ -1 +0,0 @@
-export declare function KYC(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/KYC.lazy.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-import { Header } from './Header.js';
-import { Indicator } from './Indicator.js';
-import { KYCContext } from './KYCContext.js';
-import { Step1 } from './Step1.js';
-import { Step2 } from './Step2.js';
-import { Step3 } from './Step3.js';
-import { Step4 } from './Step4.js';
-import { useKYC } from './useKYC.js';
-export function KYC() {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kyc: ctx.kyc,
-    })));
-    const context = useKYC();
-    return (_jsx(KYCContext, { value: context, children: _jsx(Dialog.Root, { open: globalStore.kyc.open, onOpenChange: (details) => {
-                globalStore.kyc.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: twMerge(context.step === 4 && 'flex items-center'), children: _jsxs(Dialog.Content, { className: twMerge(context.step < 4
-                                ? 'bg-bg-primary lg:bg-bg-primary-alt mx-auto h-full w-full lg:h-auto lg:w-[400px] lg:p-3xl'
-                                : 'mx-auto w-[25rem] max-w-[calc(100%-2rem)] p-3xl'), children: [context.step < 4 && _jsx(Header, {}), context.step < 4 && _jsx(Indicator, {}), context.step === 1 && _jsx(Step1, {}), context.step === 2 && _jsx(Step2, {}), context.step === 3 && _jsx(Step3, {}), context.step === 4 && _jsx(Step4, {})] }) })] }) }) }));
-}

package/dist/components/KYC/backup/KYCContext.d.ts

@@ -1,6 +0,0 @@
-import type { UseKYCReturn } from './useKYC';
-export declare const KYCContext: (props: {
-    value: UseKYCReturn;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useKYCContext: () => UseKYCReturn;

package/dist/components/KYC/backup/KYCContext.js

@@ -1,2 +0,0 @@
-import { createContext } from '../../../client/utils/createContext.js';
-export const [KYCContext, useKYCContext] = createContext();

package/dist/components/KYC/backup/Step1.d.ts

@@ -1 +0,0 @@
-export declare function Step1(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Step1.js

@@ -1,13 +0,0 @@
-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 uploadId from '../../../images/capture-id-banner.png';
-import { Button } from '../../../ui/Button/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step1() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", children: [_jsx(Image, { src: uploadId, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Upload front side of your ID"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "Don't edit image of your ID"] })] }), _jsxs("div", { className: "mt-4xl space-y-lg", children: [_jsx(Button, { onClick: () => {
-                                    context.setStep(2);
-                                }, children: "Continue" }), _jsx(Button, { variant: "outline", children: "Continue on phone" })] })] })] }));
-}

package/dist/components/KYC/backup/Step2.d.ts

@@ -1 +0,0 @@
-export declare function Step2(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Step2.js

@@ -1,13 +0,0 @@
-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 selfie from '../../../images/capture-selfie-banner.png';
-import { Button } from '../../../ui/Button/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step2() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", children: [_jsx(Image, { src: selfie, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Face and ID must be clearly visible"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "No hats, sunglasses, or masks"] })] }), _jsxs("div", { className: "mt-4xl space-y-lg", children: [_jsx(Button, { size: "sm", onClick: () => {
-                                    context.setStep(3);
-                                }, children: "Continue" }), _jsx(Button, { variant: "outline", children: "Continue on phone" })] })] })] }));
-}

package/dist/components/KYC/backup/Step3.d.ts

@@ -1 +0,0 @@
-export declare function Step3(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Step3.js

@@ -1,13 +0,0 @@
-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 { useKYCContext } from './KYCContext.js';
-export function Step3() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Enter your basic and work-related information" }), _jsxs("form", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", onSubmit: (e) => {
-                    e.preventDefault();
-                    context.setStep(4);
-                }, children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, { placeholder: "Enter your permanent address" })] }), _jsxs(Checkbox.Root, { className: "mt-2xl", children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Same as permanent address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-sm", children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, { placeholder: "Enter your current address" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Work Description" }), _jsx(Field.Input, { placeholder: "Enter your work description" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality" })] }), _jsx(Button, { type: "submit", className: "mt-4xl", children: "Submit" })] })] }));
-}

package/dist/components/KYC/backup/Step4.d.ts

@@ -1 +0,0 @@
-export declare function Step4(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Step4.js

@@ -1,7 +0,0 @@
-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';
-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/KYC/backup/useKYC.d.ts

@@ -1,10 +0,0 @@
-type Step = 1 | 2 | 3 | 4;
-export interface UseKYCReturn {
-    step: Step;
-    setStep: (step: Step) => void;
-}
-export declare function useKYC(): {
-    step: Step;
-    setStep: import("react").Dispatch<import("react").SetStateAction<Step>>;
-};
-export {};

package/dist/components/KYC/backup/useKYC.js

@@ -1,8 +0,0 @@
-import { useState } from 'react';
-export function useKYC() {
-    const [step, setStep] = useState(1);
-    return {
-        step,
-        setStep,
-    };
-}

package/dist/components/KYC/loadModels.d.ts

@@ -1 +0,0 @@
-export declare function loadFaceApiModels(): Promise<void>;

package/dist/components/KYC/loadModels.js

@@ -1,9 +0,0 @@
-import * as faceapi from 'face-api.js';
-export async function loadFaceApiModels() {
-    const MODEL_URL = '/models';
-    await Promise.all([
-        faceapi.nets.tinyFaceDetector.loadFromUri(MODEL_URL),
-        faceapi.nets.faceLandmark68Net.loadFromUri(MODEL_URL),
-        faceapi.nets.faceRecognitionNet.loadFromUri(MODEL_URL),
-    ]);
-}

package/dist/components/Messages/Message.d.ts

@@ -1 +0,0 @@
-export declare function Message(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Messages/Message.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { tz } from '@date-fns/tz';
-import { format } from 'date-fns';
-import Link from 'next/link';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
-import { useMarkMessageAsReadMutation } from '../../client/hooks/useMarkMessageAsReadMutation.js';
-import { useMessageContext } from './MessageContext.js';
-import { MessageIcon } from './MessageIcon.js';
-import { useMessagesPropsContext } from './MessagesContext.js';
-import { normalizeActionUrl } from './utils.js';
-export function Message() {
-    const messagesProps = useMessagesPropsContext();
-    const transactionsPageUrl = messagesProps.transactionsPageUrl ?? '/transactions';
-    const message = useMessageContext();
-    const localeInfo = useLocaleInfo();
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        message: ctx.message,
-        messages: ctx.messages,
-    })));
-    const markMessageAsReadMutation = useMarkMessageAsReadMutation();
-    const handleViewMessage = async () => {
-        globalStore.message.setData(message);
-        globalStore.message.setOpen(true);
-        globalStore.messages.setOpen(false);
-        if (!message.markedAsRead)
-            markMessageAsReadMutation.mutate(message.id);
-    };
-    return (_jsxs("div", { role: "button", tabIndex: 0, className: "border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5", onClick: handleViewMessage, "aria-pressed": "false", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("p", { className: "text-text-tertiary-600 text-xs font-normal", children: format(new Date(message.dateTimeCreated), 'M/d/yyyy - h:mma', {
-                            in: tz(localeInfo.timezone),
-                        }) }), !message.markedAsRead && (_jsx("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" }))] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(MessageIcon, { type: message.icon, className: "text-brand-400 size-5" }), _jsx("p", { className: "text-text-primary-brand text-sm font-semibold", children: message.title })] }), message.content && (_jsx("p", { className: "mt-2 line-clamp-3 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: message.content } })), message.actions.length > 0 && (_jsx("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: message.actions.map((action, index) => (_jsx(Link, { className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm", href: normalizeActionUrl(transactionsPageUrl, action.url), onClick: (e) => {
-                        e.stopPropagation();
-                        globalStore.messages.setOpen(false);
-                        globalStore.messages.setTab('ALL');
-                    }, children: action.name }, index))) }))] }));
-}

package/dist/components/Messages/MessageContext.d.ts

@@ -1,6 +0,0 @@
-import type { Message } from '../../types';
-export declare const MessageProvider: (props: {
-    value: Message;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useMessageContext: () => Message;

package/dist/components/Messages/MessageContext.js

@@ -1,2 +0,0 @@
-import { createContext } from '../../client/utils/createContext.js';
-export const [MessageProvider, useMessageContext] = createContext();

package/dist/components/Messages/MessagePopup.d.ts

@@ -1 +0,0 @@
-export declare function MessagePopup(): import("react/jsx-runtime").JSX.Element;