@opexa/portal-components 0.0.218 → 0.0.219

package/dist/components/Jackpots/useJackpotData.js

@@ -1,93 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// useJackpotItemData.ts
-import { useCallback, useMemo } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useLocaleInfo } from '../../client/hooks/index.js';
-import { useJackpotPayoutsQuery } from '../../client/hooks/useJackpotPayoutsQuery.js';
-import { GAME_PROVIDER_DATA } from '../../constants/index.js';
-import { ChevronLeftIcon, ChevronRightIcon } from '../../icons/index.js';
-import styles from '../JackpotCounter/JackpotCounterItem.module.css';
-import { useJackpotContext, useJackpotsPropsContext } from './JackpotsContext.js';
-export function useJackpotData() {
-    const jackpotsProps = useJackpotsPropsContext();
-    const jackpot = useJackpotContext();
-    const gameProviders = jackpotsProps.gameProviders.map((provider) => GAME_PROVIDER_DATA[provider]);
-    const jackpotPayoutsQuery = useJackpotPayoutsQuery({
-        first: 30,
-        filter: {
-            jackpot: {
-                equal: jackpot.id,
-            },
-        },
-        sort: {
-            cursor: 'AMOUNT',
-            order: 'DESC',
-        },
-    }, {
-        enabled: typeof window !== 'undefined',
-    });
-    const jackpotPayouts = jackpotPayoutsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
-    const topJackpotPayout = jackpotPayouts[0] ?? [];
-    const enabledJackpotGameProviders = useMemo(() => {
-        const gameProvider = Object.entries(jackpot?.jackpotTurnoverContributionPercentagePerGameProvider ?? {})
-            .filter(([, value]) => Number(value) > 0)
-            .map(([key]) => key);
-        return gameProvider;
-    }, [jackpot]);
-    const filteredGameProviders = gameProviders.filter((provider) => enabledJackpotGameProviders.includes(provider.id));
-    const localeInfo = useLocaleInfo();
-    const isPayingOut = jackpot.drawing;
-    const jackpotAmount = isPayingOut
-        ? jackpot.maximumJackpotPoolLimit
-        : jackpot.pool;
-    const Arrow = useCallback(({ index }) => {
-        const Icon = isPayingOut ? ChevronLeftIcon : ChevronRightIcon;
-        return (_jsx(Icon, { className: twMerge('scale-400 lg:scale-250 text-brand-300 min-w-2.5 lg:min-w-4', isPayingOut
-                ? styles['animate-wave-color-error']
-                : styles['animate-wave-color-success']), style: {
-                animationDelay: isPayingOut
-                    ? `${(40 - index - 1) * 0.1}s`
-                    : `${index * 0.1}s`,
-            } }));
-    }, [isPayingOut]);
-    const arrowImages = useMemo(() => Array.from({ length: 40 }, (_, i) => (_jsx(Arrow, { isFirst: i === 0, index: i }, i))), [Arrow]);
-    const getAccumulatingJackpotDescription = (part, total) => {
-        const 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!';
-    };
-    const starTierStyles = [
-        {
-            starColor: 'text-yellow-400',
-            numberColor: 'text-bg-primary',
-        },
-        {
-            starColor: 'text-utility-gray-700',
-            numberColor: 'text-bg-primary',
-        },
-        {
-            starColor: 'text-yellow-700',
-            numberColor: 'text-bg-primary',
-        },
-        {
-            starColor: 'text-bg-quaternary',
-            numberColor: 'text-text-primary-900',
-        },
-        {
-            starColor: 'text-bg-quaternary',
-            numberColor: 'text-text-primary-900',
-        },
-    ];
-    return {
-        jackpotPayouts,
-        topJackpotPayout,
-        filteredGameProviders,
-        localeInfo,
-        isPayingOut,
-        jackpotAmount,
-        arrowImages,
-        getAccumulatingJackpotDescription,
-        starTierStyles,
-    };
-}

package/dist/components/Jackpots/useJackpotItemData.d.ts

@@ -1,20 +0,0 @@
-import type { Jackpot } from '@opexa/portal-sdk-core';
-import type { GameProviderData } from '../../types';
-export interface JackpotItemProps {
-    jackpot: Jackpot;
-    gameProviders: GameProviderData[];
-}
-export declare function useJackpotItemData({ jackpot, gameProviders, }: JackpotItemProps): {
-    jackpotPayouts: import("@opexa/portal-sdk-core").JackpotPayout[];
-    topJackpotPayout: import("@opexa/portal-sdk-core").JackpotPayout;
-    filteredGameProviders: GameProviderData[];
-    localeInfo: import("../../utils").LocaleInfo;
-    isPayingOut: boolean;
-    jackpotAmount: string;
-    arrowImages: import("react/jsx-runtime").JSX.Element[];
-    getAccumulatingJackpotDescription: (part: number, total: number) => string;
-    starTierStyles: {
-        starColor: string;
-        numberColor: string;
-    }[];
-};

package/dist/components/Jackpots/useJackpotItemData.js

@@ -1,87 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useLocaleInfo } from '../../client/hooks/index.js';
-import { useJackpotPayoutsQuery } from '../../client/hooks/useJackpotPayoutsQuery.js';
-import { ChevronLeftIcon, ChevronRightIcon } from '../../icons/index.js';
-import styles from '../JackpotCounter/JackpotCounterItem.module.css';
-export function useJackpotItemData({ jackpot, gameProviders, }) {
-    const jackpotPayoutsQuery = useJackpotPayoutsQuery({
-        first: 30,
-        filter: {
-            jackpot: {
-                equal: jackpot.id,
-            },
-        },
-        sort: {
-            cursor: 'AMOUNT',
-            order: 'DESC',
-        },
-    }, {
-        enabled: typeof window !== 'undefined',
-    });
-    const jackpotPayouts = jackpotPayoutsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
-    const topJackpotPayout = jackpotPayouts[0] ?? [];
-    const enabledJackpotGameProviders = useMemo(() => {
-        const gameProvider = Object.entries(jackpot?.jackpotTurnoverContributionPercentagePerGameProvider ?? {})
-            .filter(([, value]) => Number(value) > 0)
-            .map(([key]) => key);
-        return gameProvider;
-    }, [jackpot]);
-    const filteredGameProviders = gameProviders.filter((provider) => enabledJackpotGameProviders.includes(provider.id));
-    const localeInfo = useLocaleInfo();
-    const isPayingOut = jackpot.drawing;
-    const jackpotAmount = isPayingOut
-        ? jackpot.maximumJackpotPoolLimit
-        : jackpot.pool;
-    const Arrow = useCallback(({ index }) => {
-        const Icon = isPayingOut ? ChevronLeftIcon : ChevronRightIcon;
-        return (_jsx(Icon, { className: twMerge('scale-400 lg:scale-250 text-brand-300 min-w-2.5 lg:min-w-4', isPayingOut
-                ? styles['animate-wave-color-error']
-                : styles['animate-wave-color-success']), style: {
-                animationDelay: isPayingOut
-                    ? `${(40 - index - 1) * 0.1}s`
-                    : `${index * 0.1}s`,
-            } }));
-    }, [isPayingOut]);
-    const arrowImages = useMemo(() => Array.from({ length: 40 }, (_, i) => (_jsx(Arrow, { isFirst: i === 0, index: i }, i))), [Arrow]);
-    const getAccumulatingJackpotDescription = (part, total) => {
-        const 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!';
-    };
-    const starTierStyles = [
-        {
-            starColor: 'text-yellow-400',
-            numberColor: 'text-bg-primary',
-        },
-        {
-            starColor: 'text-utility-gray-700',
-            numberColor: 'text-bg-primary',
-        },
-        {
-            starColor: 'text-yellow-700',
-            numberColor: 'text-bg-primary',
-        },
-        {
-            starColor: 'text-bg-quaternary',
-            numberColor: 'text-text-primary-900',
-        },
-        {
-            starColor: 'text-bg-quaternary',
-            numberColor: 'text-text-primary-900',
-        },
-    ];
-    return {
-        jackpotPayouts,
-        topJackpotPayout,
-        filteredGameProviders,
-        localeInfo,
-        isPayingOut,
-        jackpotAmount,
-        arrowImages,
-        getAccumulatingJackpotDescription,
-        starTierStyles,
-    };
-}

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

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

package/dist/components/KYC/Header.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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.d.ts

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

package/dist/components/KYC/Step1.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { CheckIcon, XIcon } from '../../icons/index.js';
-import uploadId from '../../images/capture-id-banner.png';
-import { Button } from '../../ui/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/Step2.d.ts

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

package/dist/components/KYC/Step2.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { CheckIcon, XIcon } from '../../icons/index.js';
-import selfie from '../../images/capture-selfie-banner.png';
-import { Button } from '../../ui/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/Step3.d.ts

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

package/dist/components/KYC/Step3.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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();
-    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/Step4.d.ts

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

package/dist/components/KYC/Step4.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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/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,2 +0,0 @@
-import type { UseKYCReturn } from './useKYC';
-export declare const KYCContext: import("react").Context<UseKYCReturn>, 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/Messages/Message.d.ts

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

package/dist/components/Messages/Message.js

@@ -1,35 +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 { getMessageIcon } from './utils.js';
-export function Message() {
-    const message = useMessageContext();
-    const localeInfo = useLocaleInfo();
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        message: ctx.message,
-        messages: ctx.messages,
-    })));
-    const markMessageAsReadMutation = useMarkMessageAsReadMutation();
-    const Icon = getMessageIcon(message.icon);
-    const handleViewMessage = async () => {
-        globalStore.message.setData(message);
-        globalStore.message.setOpen(true);
-        globalStore.messages.setOpen(false);
-        if (!message.markedAsRead)
-            markMessageAsReadMutation.mutate(message.id);
-    };
-    const handleActionClick = (e) => {
-        e.stopPropagation();
-        globalStore.messages.setOpen(false);
-        globalStore.messages.setTab('ALL');
-    };
-    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: "mb-2 flex items-center space-x-2", children: [_jsx(Icon, { className: "text-brand-400" }), _jsx("p", { className: "text-text-primary-brand text-sm font-semibold", children: message.title })] }), _jsx("p", { className: "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: action.url, onClick: handleActionClick, children: action.name }, index))) }))] }));
-}

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

@@ -1,2 +0,0 @@
-import type { Message } from '../../types';
-export declare const MessageContext: import("react").Context<Message>, useMessageContext: () => Message;

package/dist/components/Messages/MessageContext.js

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

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

@@ -1,4 +0,0 @@
-import type { Message } from '@opexa/portal-sdk-core';
-export declare function MessageItem({ message }: {
-    message: Message;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Messages/MessageItem.js

@@ -1,34 +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, useLocaleInfo, useMarkMessageAsReadMutation, } from '../../client/hooks/index.js';
-import { getMessageIcon } from '../../components/Messages/utils.js';
-export function MessageItem({ message }) {
-    const { 
-    /**/
-    id, icon, title, content, actions, markedAsRead, dateTimeCreated, } = message;
-    const localeInfo = useLocaleInfo();
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        message: ctx.message,
-        messages: ctx.messages,
-    })));
-    const markMessageAsReadMutation = useMarkMessageAsReadMutation();
-    const Icon = getMessageIcon(icon);
-    const handleViewMessage = async () => {
-        globalStore.message.setData(message);
-        globalStore.message.setOpen(true);
-        globalStore.messages.setOpen(false);
-        if (!markedAsRead)
-            markMessageAsReadMutation.mutate(id);
-    };
-    const handleActionClick = (e) => {
-        e.stopPropagation();
-        globalStore.messages.setOpen(false);
-        globalStore.messages.setTab('ALL');
-    };
-    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(dateTimeCreated), 'M/d/yyyy - h:mma', {
-                            in: tz(localeInfo.timezone),
-                        }) }), !markedAsRead && (_jsx("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" }))] }), _jsxs("div", { className: "mb-2 flex items-center space-x-2", children: [_jsx(Icon, { className: "text-brand-400" }), _jsx("p", { className: "text-text-primary-brand text-sm font-semibold", children: title })] }), _jsx("p", { className: "line-clamp-3 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: content } }), actions.length > 0 && (_jsx("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: 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: action.url, onClick: handleActionClick, children: action.name }, index))) }))] }));
-}

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

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

package/dist/components/Messages/MessagePopup.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from 'next/link';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { XIcon } from '../../icons/XIcon.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-import { getMessageIcon } from './utils.js';
-export const MessagePopup = () => {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({ message: ctx.message })));
-    const Icon = getMessageIcon(globalStore.message.data?.icon ?? 'MESSAGE');
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.message.open, onOpenChange: ({ open }) => {
-            globalStore.message.setOpen(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 min-w-[21.438rem] max-w-[21.438rem] rounded-xl px-xl pb-0 pt-5 shadow-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "pb-6", children: [_jsx("div", { className: "bg-bg-brand-secondary mx-auto w-fit rounded-full p-3", children: _jsx(Icon, { className: "text-text-brand", height: "24", width: "24" }) }), _jsx("p", { className: "text-text-primary-brand mt-lg text-center text-lg font-semibold leading-tight", children: globalStore.message.data?.title }), _jsx("div", { className: "text-shadow-text-secondary-700 mt-xs text-center text-sm font-normal leading-tight", dangerouslySetInnerHTML: {
-                                            __html: globalStore.message.data?.content ?? '',
-                                        } })] }), globalStore.message.data?.actions.length ? (_jsx("div", { className: "flex flex-col space-y-2 px-4 pb-8 pt-6 text-center", children: globalStore.message.data.actions.map((action, index) => (_jsx(Link, { className: "bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold", href: action.url, onClick: () => {
-                                        globalStore.message.setOpen(false);
-                                    }, children: action.name }, index))) })) : null] }) })] }) }));
-};

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

@@ -1,8 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-import type { Message } from '../../types';
-interface MessageTriggerProps extends ComponentPropsWithRef<'button'> {
-    message: Message;
-    asChild?: boolean;
-}
-export declare function MessageTrigger(props: MessageTriggerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Messages/MessageTrigger.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react/factory';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useMarkMessageAsReadMutation } from '../../client/hooks/useMarkMessageAsReadMutation.js';
-export function MessageTrigger(props) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        message: ctx.message,
-    })));
-    const markMessageAsReadMutation = useMarkMessageAsReadMutation();
-    return (_jsx(ark.button, { type: "button", "aria-label": "View message", "data-state": globalStore.message.open ? 'open' : 'closed', ...props, onClick: (e) => {
-            globalStore.message.setData(props.message);
-            globalStore.message.setOpen(true);
-            if (!props.message.markedAsRead)
-                markMessageAsReadMutation.mutate(props.message.id);
-            return props.onClick?.(e);
-        } }));
-}