@opexa/portal-components 0.0.62 → 0.0.64

package/dist/components/SignIn/useSignIn.js

@@ -0,0 +1,11 @@
+import { useState } from 'react';
+export function useSignIn() {
+    const [step, setStep] = useState(1);
+    const [type, setType] = useState('MOBILE_NUMBER');
+    return {
+        step,
+        setStep,
+        type,
+        setType,
+    };
+}

package/dist/components/index.d.ts

@@ -5,7 +5,9 @@ export * from './AccountVerification';
 export * from './Banner';
 export * from './BetRecords';
 export * from './Bonus';
+export * from './Bonuses';
 export * from './Cashback';
+export * from './CashbackBonus';
 export * from './DepositWithdrawal';
 export * from './Disclaimer';
 export * from './FavoriteGames';
@@ -23,7 +25,6 @@ export * from './Promo';
 export * from './Promos';
 export * from './Protected';
 export * from './Quests';
-export * from './Rewards';
 export * from './Search';
 export * from './SignIn';
 export * from './SignUp';

package/dist/components/index.js

@@ -5,7 +5,9 @@ export * from './AccountVerification/index.js';
 export * from './Banner/index.js';
 export * from './BetRecords/index.js';
 export * from './Bonus/index.js';
+export * from './Bonuses/index.js';
 export * from './Cashback/index.js';
+export * from './CashbackBonus/index.js';
 export * from './DepositWithdrawal/index.js';
 export * from './Disclaimer/index.js';
 export * from './FavoriteGames/index.js';
@@ -23,7 +25,6 @@ export * from './Promo/index.js';
 export * from './Promos/index.js';
 export * from './Protected/index.js';
 export * from './Quests/index.js';
-export * from './Rewards/index.js';
 export * from './Search/index.js';
 export * from './SignIn/index.js';
 export * from './SignUp/index.js';

package/dist/constants/index.d.ts

@@ -1,4 +1,4 @@
-import type { GameProvider } from '@opexa/portal-sdk-core';
+import type { SecretQuestion } from '@opexa/portal-sdk-core';
 export declare const SITE_ID: string;
 export declare const PLATFORM_ID: string;
 export declare const PLATFORM_CODE: string;
@@ -6,5 +6,7 @@ export declare const ENVIRONMENT: "production" | "development";
 export declare const BYPASS_RECAPTCHA: boolean;
 export declare const ACCESS_TOKEN_COOKIE_NAME: string;
 export declare const REFRESH_TOKEN_COOKIE_NAME: string;
-export declare const LEGACY_GAME_PROVIDERS: GameProvider[];
+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"];
 export declare const RECAPTCHA_HEADER_KEY: string;
+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>;

package/dist/constants/index.js

@@ -62,3 +62,27 @@ export const LEGACY_GAME_PROVIDERS = [
     'ALIZE',
 ];
 export const RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';
+export 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 const SECRET_QUESTIONS_MAP = {
+    BEST_CHILDHOOD_FRIEND: 'What was the name of your best childhood friend?',
+    BIRTH_PLACE: 'What city were you born in?',
+    FAVORITE_BOOK: 'What is your favorite book?',
+    FAVORITE_MOVIE: 'What is your favorite movie?',
+    FAVORITE_TEACHER: 'Who was your favorite teacher in school?',
+    FIRST_CAR: 'What was the make and model of your first car?',
+    FIRST_PET: 'What was the name of your first pet?',
+    FIRST_SCHOOL: 'What was the name of your first school?',
+    MOTHERS_MAIDEN_NAME: "What is your mother's maiden name?",
+    PARENTS_MET_CITY: 'In what city did your parents meet?',
+};

package/dist/server/utils/index.d.ts

@@ -3,6 +3,10 @@ export * from './prefetchAvailablePromosQuery';
 export * from './prefetchAvailableQuestsQuery';
 export * from './prefetchBetRecordsQuery';
 export * from './prefetchBonusesQuery';
+export * from './prefetchBonusQuery';
+export * from './prefetchCashbackBonusesQuery';
+export * from './prefetchCashbackBonusQuery';
+export * from './prefetchCashbackQuery';
 export * from './prefetchCashbacksQuery';
 export * from './prefetchDepositQuery';
 export * from './prefetchDepositRecordsQuery';

package/dist/server/utils/index.js

@@ -3,6 +3,10 @@ export * from './prefetchAvailablePromosQuery.js';
 export * from './prefetchAvailableQuestsQuery.js';
 export * from './prefetchBetRecordsQuery.js';
 export * from './prefetchBonusesQuery.js';
+export * from './prefetchBonusQuery.js';
+export * from './prefetchCashbackBonusesQuery.js';
+export * from './prefetchCashbackBonusQuery.js';
+export * from './prefetchCashbackQuery.js';
 export * from './prefetchCashbacksQuery.js';
 export * from './prefetchDepositQuery.js';
 export * from './prefetchDepositRecordsQuery.js';

package/dist/server/utils/prefetchBonusQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchBonusQuery: (id: string) => Promise<void>;

package/dist/server/utils/prefetchBonusQuery.js

@@ -0,0 +1,22 @@
+import { getBonus } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getBonusQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
+export const prefetchBonusQuery = async (id) => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getBonusQueryKey(id),
+        queryFn: async ({ signal }) => {
+            return await getBonus(id, {
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/server/utils/prefetchCashbackBonusQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchCashbackBonusQuery: (id: string) => Promise<void>;

package/dist/server/utils/prefetchCashbackBonusQuery.js

@@ -0,0 +1,22 @@
+import { getCashbackBonus } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getCashbackBonusQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
+export const prefetchCashbackBonusQuery = async (id) => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getCashbackBonusQueryKey(id),
+        queryFn: async ({ signal }) => {
+            return await getCashbackBonus(id, {
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/server/utils/prefetchCashbackBonusesQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchCashbackBonusesQuery: () => Promise<void>;

package/dist/server/utils/prefetchCashbackBonusesQuery.js

@@ -0,0 +1,22 @@
+import { getCashbackBonuses } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getCashbackBonusesQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+export const prefetchCashbackBonusesQuery = async () => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getCashbackBonusesQueryKey(),
+        queryFn: async ({ signal }) => {
+            return await getCashbackBonuses({
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/server/utils/prefetchCashbackQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchCashbackQuery: (id: string) => Promise<void>;

package/dist/server/utils/prefetchCashbackQuery.js

@@ -0,0 +1,17 @@
+import { getCashback } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getCashbackQueryKey, getQueryClient } from '../../utils/index.js';
+export const prefetchCashbackQuery = async (id) => {
+    await getQueryClient().prefetchQuery({
+        queryKey: getCashbackQueryKey(id),
+        queryFn: async ({ signal }) => {
+            return await getCashback(id, {
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                },
+            });
+        },
+    });
+};

package/dist/ui/Badge/Badge.d.ts

@@ -21,6 +21,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -54,6 +55,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -87,6 +89,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -124,6 +127,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -157,6 +161,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -190,6 +195,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -227,6 +233,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -260,6 +267,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -293,6 +301,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -330,6 +339,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -363,6 +373,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -396,6 +407,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};

package/dist/ui/Badge/badge.recipe.d.ts

@@ -17,6 +17,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -50,6 +51,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};
@@ -83,6 +85,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
         subtle: {};
     };
     colorScheme: {
+        gray: {};
         brand: {};
         danger: {};
         success: {};

package/dist/ui/Badge/badge.recipe.js

@@ -27,6 +27,7 @@ export const badgeRecipe = tv({
             subtle: {},
         },
         colorScheme: {
+            gray: {},
             brand: {},
             danger: {},
             success: {},
@@ -43,6 +44,16 @@ export const badgeRecipe = tv({
         },
     },
     compoundVariants: [
+        {
+            variant: 'subtle',
+            colorScheme: 'gray',
+            className: {
+                root: 'bg-bg-primary border-border-primary border',
+                label: 'text-text-secondary-700',
+                indicator: 'bg-text-quarterary-500',
+                icon: 'text-text-quarterary-500',
+            },
+        },
         {
             variant: 'subtle',
             colorScheme: 'brand',

package/dist/ui/Progress/progress.recipe.js

@@ -11,7 +11,7 @@ export const progressRecipe = tv({
             unstyled: {},
             solid: {
                 root: 'block w-full',
-                track: 'bg-bg-primary-hover w-full overflow-hidden rounded-full',
+                track: 'bg-bg-primary w-full overflow-hidden rounded-full',
                 range: 'bg-brand-400 h-full rounded-full transition-all duration-200 ease-in-out',
             },
         },

package/dist/utils/queryKeys.d.ts

@@ -7,6 +7,7 @@ export declare const getAvailablePromosQueryKey: (input?: AvailablePromosInput)
 export declare const getAvailableQuestsQueryKey: () => QueryKey;
 export declare const getBetRecordsQueryKey: (input?: BetRecordsInput) => QueryKey;
 export declare const getCashbacksQueryKey: () => QueryKey;
+export declare const getCashbackBonusesQueryKey: () => QueryKey;
 export declare const getCreateGameSessionMutationKey: () => MutationKey;
 export declare const getCreateGCashDepositMutationKey: () => MutationKey;
 export declare const getCreateMayaAppDepositMutationKey: () => MutationKey;
@@ -27,6 +28,7 @@ export declare const getMemberVerificationQueryKey: () => QueryKey;
 export declare const getPaymentSettingsQueryKey: () => QueryKey;
 export declare const getPlatformQueryKey: () => QueryKey;
 export declare const getPromoQueryKey: (id: string) => QueryKey;
+export declare const getCashbackQueryKey: (id: string) => QueryKey;
 export declare const getPromosQueryKey: () => QueryKey;
 export declare const getSendVerificationCodeMutationKey: () => MutationKey;
 export declare const getSessionQueryKey: () => QueryKey;
@@ -46,7 +48,11 @@ export declare const getCreateInstapayWithdrawalMutationKey: () => MutationKey;
 export declare const getMarkMessageAsReadMutationKey: () => MutationKey;
 export declare const getCheckInDailyQuestMutationKey: () => MutationKey;
 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 getMarkGameAsFavoriteMutationKey: () => MutationKey;
 export declare const getUnmarkGameAsFavoriteMutationKey: () => MutationKey;
 export declare const getUpdateAccountMutationKey: () => MutationKey;
+export declare const getClaimCashbackBonusMutationKey: () => MutationKey;
+export declare const getClaimSpotBonusMutationKey: () => MutationKey;

package/dist/utils/queryKeys.js

@@ -14,6 +14,9 @@ export const getBetRecordsQueryKey = (input) => [
     input,
 ];
 export const getCashbacksQueryKey = () => ['queries/cashbacks'];
+export const getCashbackBonusesQueryKey = () => [
+    'queries/cashbackBonuses',
+];
 export const getCreateGameSessionMutationKey = () => [
     'mutations/createGameSession',
 ];
@@ -69,6 +72,10 @@ export const getPaymentSettingsQueryKey = () => [
 ];
 export const getPlatformQueryKey = () => ['queries/platform'];
 export const getPromoQueryKey = (id) => ['queries/promo', id];
+export const getCashbackQueryKey = (id) => [
+    'queries/cashback',
+    id,
+];
 export const getPromosQueryKey = () => ['queries/promos'];
 export const getSendVerificationCodeMutationKey = () => [
     'mutations/sendVerificationCode',
@@ -108,6 +115,11 @@ export const getCheckInDailyQuestMutationKey = () => [
     'mutations/checkInDailyQuest',
 ];
 export const getUnreadMessagesCountQueryKey = (input) => ['queries/unreadMessagesCount', input];
+export const getBonusQueryKey = (id) => ['queries/bonus', id];
+export const getCashbackBonusQueryKey = (id) => [
+    'queries/cashbackBonus',
+    id,
+];
 export const getBonusesQueryKey = () => ['queries/bonuses'];
 export const getMarkGameAsFavoriteMutationKey = () => [
     'mutations/markGameAsFavorite',
@@ -118,3 +130,9 @@ export const getUnmarkGameAsFavoriteMutationKey = () => [
 export const getUpdateAccountMutationKey = () => [
     'mutations/updateAccount',
 ];
+export const getClaimCashbackBonusMutationKey = () => [
+    'mutations/claimCashbackBonus',
+];
+export const getClaimSpotBonusMutationKey = () => [
+    'mutations/claimSpotBonus',
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "exports": {
     ".": {
       "types": "./dist/components/index.d.ts",
@@ -93,7 +93,7 @@
   "devDependencies": {
     "@eslint/eslintrc": "3",
     "@hookform/resolvers": "5.0.1",
-    "@opexa/portal-sdk-core": "0.0.33",
+    "@opexa/portal-sdk-core": "0.0.35",
     "@tailwindcss/postcss": "4",
     "@tanstack/react-query": "5.80.0",
     "@tanstack/react-query-devtools": "5.80.0",
@@ -117,7 +117,7 @@
   },
   "peerDependencies": {
     "@hookform/resolvers": "^4.0.0 || ^5.0.0",
-    "@opexa/portal-sdk-core": "^0.0.32",
+    "@opexa/portal-sdk-core": "^0.0.35",
     "@tanstack/react-query": "^5.0.0",
     "next": "^15.4.0-canary.1",
     "react": "^19.0.0",

package/dist/components/AccountPaymentMethods/AccountPaymentMethods.d.ts

@@ -1 +0,0 @@
-export declare function AccountPaymentMethods(): null;

package/dist/components/AccountPaymentMethods/AccountPaymentMethods.js

@@ -1,3 +0,0 @@
-export function AccountPaymentMethods() {
-    return null;
-}

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

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

package/dist/components/AccountPaymentMethods/index.js

@@ -1 +0,0 @@
-export * from './AccountPaymentMethods.js';

package/dist/components/AccountVerification/AccountVerificationContext.d.ts

@@ -1,14 +0,0 @@
-type Step = 1 | 2 | 3 | (number & {});
-interface UseAccountVerificationReturn {
-    step: Step;
-    setStep: (step: Step) => void;
-    started: boolean;
-    setStarted: (started: boolean) => void;
-    completed: boolean;
-    setCompleted: (completed: boolean) => void;
-    reset: () => void;
-}
-export declare function useAccountVerification(): UseAccountVerificationReturn;
-export declare const AccountVerificationContext: import("react").Context<UseAccountVerificationReturn | null>;
-export declare function useAccountVerificationContext(): UseAccountVerificationReturn;
-export {};

package/dist/components/AccountVerification/AccountVerificationContext.js

@@ -1,27 +0,0 @@
-import { createContext, useContext, useState } from 'react';
-import invariant from 'tiny-invariant';
-export function useAccountVerification() {
-    const [step, setStep] = useState(1);
-    const [started, setStarted] = useState(false);
-    const [completed, setCompleted] = useState(false);
-    function reset() {
-        setStep(1);
-        setStarted(false);
-        setCompleted(false);
-    }
-    return {
-        step,
-        setStep,
-        started,
-        setStarted,
-        completed,
-        setCompleted,
-        reset,
-    };
-}
-export const AccountVerificationContext = createContext(null);
-export function useAccountVerificationContext() {
-    const context = useContext(AccountVerificationContext);
-    invariant(context);
-    return context;
-}

package/dist/components/AccountVerification/VerificationCapture.d.ts

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

package/dist/components/AccountVerification/VerificationCapture.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { noop } from 'lodash-es';
-import Image from 'next/image';
-import { ArrowLeftIcon, CheckIcon, XIcon } from '../../icons/index.js';
-import uploadId from '../../images/capture-id-banner.png';
-import selfie from '../../images/capture-selfie-banner.png';
-import { Button, Checkbox, Field, Progress } from '../../ui/index.js';
-import { useAccountVerificationContext } from './AccountVerificationContext.js';
-export function VerificationCapture() {
-    const context = useAccountVerificationContext();
-    if (!context.started)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-4 items-center", children: [_jsxs("button", { className: "text-text-tertiary-600 flex gap-sm text-sm font-semibold", disabled: context.step <= 1, onClick: () => context.setStep(context.step - 1), children: [_jsx(ArrowLeftIcon, { className: "size-5" }), "Back"] }), _jsxs("div", { className: "col-span-2 flex justify-center gap-2", children: [_jsx(Progress.Root, { value: context.step >= 2 ? 100 : context.step >= 1 ? 50 : 0, onValueChange: noop, className: "w-22.5 shrink-0", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { value: context.completed ? 100 : context.step >= 3 ? 50 : 0, onValueChange: noop, className: "w-22.5 shrink-0", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] })] }), context.step === 1 && _jsx(Step1, {}), context.step === 2 && _jsx(Step2, {}), context.step === 3 && _jsx(Step3, {})] }));
-}
-function Step1() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", 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"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(2), children: "Continue" }) })] })] }));
-}
-function Step2() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", 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"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(3), children: "Continue" }) })] })] }));
-}
-function Step3() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Enter your basic and work-related information" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, {})] }), _jsxs(Checkbox.Root, { className: "mt-sm", 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-6", children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Nature of work" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, {})] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => {
-                                context.setCompleted(true);
-                            }, children: "Continue" }) })] })] }));
-}

package/dist/components/AccountVerification/VerificationComplete.d.ts

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

package/dist/components/AccountVerification/VerificationComplete.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import { CheckCircleIcon } from '../../icons/index.js';
-import { AlertDialog, Button } from '../../ui/index.js';
-import { useAccountVerificationContext } from './AccountVerificationContext.js';
-export function VerificationComplete() {
-    const context = useAccountVerificationContext();
-    return (_jsx(AlertDialog.Root, { open: context.completed, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "bg-bg-overlay/75 backdrop-blur-sm" }), _jsx(AlertDialog.Positioner, { children: _jsxs(AlertDialog.Content, { className: "mx-auto w-[21.438rem] p-xl", 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(AlertDialog.Title, { className: "mt-3 text-center", children: "Submission Successful" }), _jsx(AlertDialog.Description, { 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(Button, { className: "mt-3xl", onClick: () => context.reset(), children: "Ok" })] }) })] }) }));
-}

package/dist/components/AccountVerification/VerificationDetails.d.ts

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

package/dist/components/AccountVerification/VerificationDetails.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
-import { twMerge } from 'tailwind-merge';
-import { useMemberVerificationQuery, useProfileCompletionQuery, } from '../../client/hooks/index.js';
-import { AlertCircleIcon, CheckVerified02Icon, CreditCard02Icon, FaceIdIcon, FileCheck02Icon, FileSearch02Icon, FileX02Icon, Globe05Icon, } from '../../icons/index.js';
-import { Button } from '../../ui/index.js';
-import { useAccountVerificationContext } from './AccountVerificationContext.js';
-export function VerificationDetails() {
-    const context = useAccountVerificationContext();
-    const profileCompletionQuery = useProfileCompletionQuery();
-    const profileCompletion = profileCompletionQuery.data;
-    const verificationQuery = useMemberVerificationQuery();
-    const verification = verificationQuery.data;
-    const empty = verification == null;
-    const pending = verification?.status === 'PENDING';
-    const success = verification?.status === 'VERIFIED' || verification?.status === 'APPROVED';
-    const failed = verification?.status === 'REJECTED' ||
-        verification?.status === 'UNVERIFIED';
-    if (context.started)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verify your identity" }), _jsx("p", { className: "text-text-tertiary-600 text-sm", children: "Complete personal verification to unlock all features and enhance account security." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.accountVerification
-                            ? 'text-text-success-primary'
-                            : 'text-text-warning-primary'), children: profileCompletion?.accountVerification ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("div", { className: "shadow-xs border-border-secondary bg-bg-primary-alt mt-5 rounded-xl border", children: [_jsx("div", { className: "px-4 py-5", children: _jsxs("ul", { className: "space-y-lg", children: [_jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FileCheck02Icon, {}), "Basic Information"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(Globe05Icon, {}), "Proof of address"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(CreditCard02Icon, {}), "Government ID"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FaceIdIcon, {}), "Facial Verification"] })] }) }), _jsx("div", { className: "border-border-secondary flex justify-end border-t px-4 py-3 lg:py-xl", children: _jsx(Button, { size: "sm", onClick: () => {
-                                context.setStarted(true);
-                            }, className: "w-full lg:w-fit", children: "Verify Now" }) })] }), success && _jsx(VerificationSuccess, {}), pending && _jsx(VerificationInProgress, {}), failed && _jsx(VerificationFailed, {}), empty && _jsx(VerificationNotSubmitted, {})] }));
-}
-function VerificationNotSubmitted() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-warning-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-warning-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(AlertCircleIcon, { className: "text-text-warning-primary size-5" }) }) }), _jsx("p", { className: "text-text-tertiary-600 max-w-[800px] text-sm", children: "To serve you better and unlock all features, please provide valid identification documents. This helps protect your account and makes recovery easier if ever needed." })] }));
-}
-function VerificationInProgress() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-warning-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-warning-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileSearch02Icon, { className: "text-text-warning-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Under review" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "To serve you better and unlock all features, please provide valid identification documents. This helps protect your account and makes recovery easier if ever needed." })] })] }));
-}
-function VerificationSuccess() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-success-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-success-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileCheck02Icon, { className: "text-text-success-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verification successful" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "Your account has been successfully verified. You now have full access to all features and improved account security." })] })] }));
-}
-function VerificationFailed() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-error-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-error-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileX02Icon, { className: "text-text-error-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verification failed" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "There was an issue with the verification process. Please try again or contact support for assistance." })] })] }));
-}