@opexa/portal-components 0.0.590 → 0.0.591

package/dist/components/KYC/KYCDefault/BasicInformation.d.ts

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

package/dist/components/KYC/KYCDefault/BasicInformation.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import { differenceInYears, format, isSameDay, isValid, parse } from 'date-fns';
+import { isNil, omitBy, size } from 'lodash-es';
+import { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import invariant from 'tiny-invariant';
+import { z } from 'zod';
+import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
+import { useUpdateAccountMutation } from '../../../client/hooks/useUpdateAccountMutation.js';
+import { toaster } from '../../../client/utils/toaster.js';
+import { Button } from '../../../ui/Button/index.js';
+import { Dialog } from '../../../ui/Dialog/index.js';
+import { Field } from '../../../ui/Field/index.js';
+import { useKYCDefaultContext } from './KYCDefaultContext.js';
+const definition = z.object({
+    realName: z
+        .string()
+        .min(3, 'Name must be 3 or more characters')
+        .max(50, 'Name must not be more than 50 characters')
+        .regex(/^[a-z0-9 ]+$/gi, 'Name must not contain special characters')
+        .trim(),
+    birthDay: z
+        .string()
+        .min(1, 'Date of birth is required')
+        .superRefine((value, ctx) => {
+        const dob = parse(value, 'yyyy-MM-dd', new Date());
+        if (!isValid(dob)) {
+            return ctx.addIssue({
+                code: z.ZodIssueCode.invalid_date,
+            });
+        }
+        const now = new Date();
+        const age = differenceInYears(now, dob);
+        if (age < 21) {
+            return ctx.addIssue({
+                code: z.ZodIssueCode.custom,
+                message: 'You must be at least 21 years old',
+            });
+        }
+    }),
+    branchCode: z.string().min(4).max(10).optional().or(z.literal('')),
+});
+export function BasicInformation() {
+    const kyc = useKYCDefaultContext();
+    const form = useForm({
+        resolver: zodResolver(definition),
+        mode: 'all',
+        defaultValues: {
+            birthDay: '',
+            branchCode: '',
+            realName: '',
+        },
+    });
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const stepCompleted = account != null && account.realName != null && account.birthDay != null;
+    useEffect(() => {
+        if (stepCompleted)
+            kyc.setStep(2);
+    }, [stepCompleted, kyc]);
+    useEffect(() => {
+        if (account) {
+            form.reset({
+                realName: account.realName ?? '',
+                birthDay: account.birthDay
+                    ? format(account.birthDay, 'yyyy-MM-dd')
+                    : '',
+            });
+        }
+    }, [account, form]);
+    const updateAccountMutation = useUpdateAccountMutation({
+        onError(error) {
+            toaster.error({
+                title: 'Error',
+                description: error.message,
+            });
+        },
+        onSuccess() {
+            kyc.setStep(2);
+            toaster.success({
+                title: 'Success',
+                description: 'Basic information has been set successfully.',
+            });
+        },
+    });
+    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Basic Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Enter your basic details for identification and communication." }), _jsxs("form", { className: "mt-3", onSubmit: form.handleSubmit((data) => {
+                    invariant(account);
+                    const input = omitBy({
+                        realName: account.realName === data.realName ? undefined : data.realName,
+                        birthDay: account.birthDay && isSameDay(data.birthDay, account.birthDay)
+                            ? undefined
+                            : format(data.birthDay, 'yyyy-MM-dd'),
+                    }, isNil);
+                    if (size(input) === 0)
+                        return kyc.setStep(2);
+                    updateAccountMutation.mutate(input);
+                }), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.realName, readOnly: !!accountQuery.data?.realName, children: [_jsx(Field.Label, { children: "Real Name" }), _jsx(Field.Input, { placeholder: "Enter your real name", ...form.register('realName') }), _jsx(Field.ErrorText, { children: form.formState.errors.realName?.message })] }), _jsxs(Field.Root, { className: "mt-3", invalid: !!form.formState.errors.branchCode, readOnly: !!accountQuery.data?.birthDay, children: [_jsx(Field.Label, { children: "Date of Birth" }), _jsx(Field.Input, { type: "date", ...form.register('birthDay') }), _jsx(Field.ErrorText, { children: form.formState.errors.birthDay?.message })] }), _jsx(Button, { type: "submit", className: "mt-8", disabled: accountQuery.isLoading ||
+                            updateAccountMutation.isPending ||
+                            stepCompleted, children: "Continue" })] })] }));
+}

package/dist/components/Quests/Quests.client.js

@@ -1,13 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isString } from 'lodash-es';
-import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import { Suspense, useState, } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useAvailableQuestsQuery } from '../../client/hooks/useAvailableQuestsQuery.js';
-import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
 import closeChest from '../../images/close-chest.png';
 import { SegmentGroup } from '../../ui/SegmentGroup/index.js';
@@ -17,22 +15,17 @@ import { NoQuests } from './NoQuests.js';
 import { OnboardingQuest } from './OnboardingQuest.js';
 import { QuestContext } from './QuestsContext.js';
 import { WageringQuest, } from './WageringQuest.js';
-const MultiWageringQuest = dynamic(() => import('./MultiWageringQuest.js').then((mod) => mod.MultiWageringQuest), {
-    ssr: false,
-});
 const QUEST_COMPONENT_MAP = {
     DAILY_CHECKIN: DailyCheckInQuest,
     ONBOARDING: OnboardingQuest,
     WAGERING: WageringQuest,
     JOURNEY: JourneyQuest,
-    MULTI_WAGERING: MultiWageringQuest,
 };
 const TabDefinition = z.enum(['AVAILABLE', 'COMPLETED', 'FAILED']);
 export function Quests__client(props) {
     const { className, style, heading } = props;
     const classNames = isString(className) ? { root: className } : className;
     const [tab, setTab] = useState('AVAILABLE');
-    const featureFlag = useFeatureFlag();
     const questsQuery = useAvailableQuestsQuery({
         refetchInterval: 7500,
     });
@@ -59,9 +52,7 @@ export function Quests__client(props) {
     return (_jsxs("div", { style: style, className: twMerge(classNames?.root), children: [_jsx("h2", { className: "font-semibold text-lg", children: heading ?? 'Quests' }), _jsxs(SegmentGroup.Root, { value: tab, onValueChange: (details) => {
                     setTab(TabDefinition.catch('AVAILABLE').parse(details.value));
                 }, className: "mt-3 w-full overflow-x-auto lg:mt-4.5 lg:w-fit", children: [_jsxs(SegmentGroup.Item, { value: "AVAILABLE", className: "w-full lg:w-fit", children: [_jsx(SegmentGroup.ItemText, { children: "Available" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "COMPLETED", className: "w-full lg:w-fit", children: [_jsx(SegmentGroup.ItemText, { children: "Completed" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "FAILED", className: "w-full lg:w-fit", children: [_jsx(SegmentGroup.ItemText, { children: "Failed" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsx(SegmentGroup.Indicator, {})] }), _jsx("div", { className: "mt-3xl grid gap-3xl lg:mt-lg lg:grid-cols-3", children: quests.length > 0 ? (quests.map((quest) => {
-                    const Quest = quest.stages?.length && featureFlag.enabled
-                        ? QUEST_COMPONENT_MAP.MULTI_WAGERING
-                        : QUEST_COMPONENT_MAP[quest.type];
+                    const Quest = QUEST_COMPONENT_MAP[quest.type];
                     return (_jsx(QuestContext, { value: quest, children: _jsx(Suspense, { children: _jsx(Quest, { className: quest.type === 'WAGERING'
                                     ? classNames?.wageringQuest
                                     : quest.type === 'DAILY_CHECKIN'

package/dist/handlers/index.d.ts

@@ -18,14 +18,14 @@ export declare const GET: (req: NextRequest, { params }: Context) => Promise<Nex
     __error?: unknown;
 } | {
     ok: true;
-    data: Record<string, unknown>;
+    data: import("../types").Session;
 }> | NextResponse<{
     ok: false;
     message: string;
     __error?: unknown;
 } | {
     ok: true;
-    data: import("../types").Session;
+    data: Record<string, unknown>;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

package/dist/services/queries.d.ts

@@ -110,10 +110,10 @@ export declare const COMPLETE_ONBOARDING = "\n  mutation CompleteOnboarding($inp
 export declare const SKIP_ONBOARDING = "\n  mutation SkipOnboarding {\n    skipOnboarding\n  }\n";
 export declare const QUEST_PROGRAM_FRAGMENT = "\n  fragment QuestProgramFragment on QuestProgram {\n    status\n    type\n    name\n    description\n  }\n";
 export declare const DAILY_CHECKIN_FRAGMENT = "\n  \n  fragment QuestProgramFragment on QuestProgram {\n    status\n    type\n    name\n    description\n  }\n\n  fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n    id\n    name\n    description\n    type\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    endDateTime\n    dateTimeCreated\n    lastCheckInDate\n    startDateTime\n    checkInStreak\n\n    thirdDayBonusAmount\n    seventhDayBonusAmount\n    sixthDayBonusAmount\n  }\n";
-export declare const WAGERING_FRAGMENT = "\n  fragment WageringQuestFragment on WageringQuest {\n    bonus\n    id\n    name\n    type\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    targetTurnover\n    endDateTime\n    dateTimeCreated\n    stage\n    dateTimeCompleted\n    stages{\n       targetTurnover\n       bonusTurnoverRequirementMultiplier\n       bonusAmount\n       cleared\n       dateTimeCleared\n    }\n  }\n";
+export declare const WAGERING_FRAGMENT = "\n  fragment WageringQuestFragment on WageringQuest {\n    bonus\n    id\n    name\n    type\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    targetTurnover\n    endDateTime\n    dateTimeCreated\n    stage\n    dateTimeCompleted\n   \n  }\n";
 export declare const JOURNEY_FRAGMENT = "\n  fragment JourneyQuestFragment on JourneyQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n    status\n    type\n    progressPercentage\n    bonus\n    bonusAwarded\n    dateTimeCreated\n    endDateTime\n    milestones {\n      id\n      type\n      name\n      bonusAmount\n      cleared\n      description\n    }\n  }\n";
 export declare const ONBOARDING_QUEST_FRAGMENT = "\n  fragment OnboardingQuestFragment on OnboardingQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    type\n    progressPercentage\n    bonus\n    endDateTime\n    dateTimeCreated\n    firstDepositCompleted\n    accountVerificationCompleted\n  }\n";
-export declare const AVAILABLE_QUESTS = "\n  \n  fragment WageringQuestFragment on WageringQuest {\n    bonus\n    id\n    name\n    type\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    targetTurnover\n    endDateTime\n    dateTimeCreated\n    stage\n    dateTimeCompleted\n    stages{\n       targetTurnover\n       bonusTurnoverRequirementMultiplier\n       bonusAmount\n       cleared\n       dateTimeCleared\n    }\n  }\n\n  \n  \n  fragment QuestProgramFragment on QuestProgram {\n    status\n    type\n    name\n    description\n  }\n\n  fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n    id\n    name\n    description\n    type\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    endDateTime\n    dateTimeCreated\n    lastCheckInDate\n    startDateTime\n    checkInStreak\n\n    thirdDayBonusAmount\n    seventhDayBonusAmount\n    sixthDayBonusAmount\n  }\n\n  \n  fragment OnboardingQuestFragment on OnboardingQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    type\n    progressPercentage\n    bonus\n    endDateTime\n    dateTimeCreated\n    firstDepositCompleted\n    accountVerificationCompleted\n  }\n\n  \n  fragment JourneyQuestFragment on JourneyQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n    status\n    type\n    progressPercentage\n    bonus\n    bonusAwarded\n    dateTimeCreated\n    endDateTime\n    milestones {\n      id\n      type\n      name\n      bonusAmount\n      cleared\n      description\n    }\n  }\n\n\n  query AvailableQuests {\n    availableQuests {\n      ... on Quest {\n        ... on WageringQuest {\n          ...WageringQuestFragment\n        }\n        ... on DailyCheckInQuest {\n          ...DailyCheckinQuestFragment\n        }\n        ... on OnboardingQuest {\n          ...OnboardingQuestFragment\n        }\n        ... on JourneyQuest {\n          ...JourneyQuestFragment\n        }\n      }\n    }\n  }\n";
+export declare const AVAILABLE_QUESTS = "\n  \n  fragment WageringQuestFragment on WageringQuest {\n    bonus\n    id\n    name\n    type\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    targetTurnover\n    endDateTime\n    dateTimeCreated\n    stage\n    dateTimeCompleted\n   \n  }\n\n  \n  \n  fragment QuestProgramFragment on QuestProgram {\n    status\n    type\n    name\n    description\n  }\n\n  fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n    id\n    name\n    description\n    type\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    progressPercentage\n    turnover\n    endDateTime\n    dateTimeCreated\n    lastCheckInDate\n    startDateTime\n    checkInStreak\n\n    thirdDayBonusAmount\n    seventhDayBonusAmount\n    sixthDayBonusAmount\n  }\n\n  \n  fragment OnboardingQuestFragment on OnboardingQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n\n    status\n    type\n    progressPercentage\n    bonus\n    endDateTime\n    dateTimeCreated\n    firstDepositCompleted\n    accountVerificationCompleted\n  }\n\n  \n  fragment JourneyQuestFragment on JourneyQuest {\n    id\n    name\n    description\n    program {\n      ...QuestProgramFragment\n    }\n    status\n    type\n    progressPercentage\n    bonus\n    bonusAwarded\n    dateTimeCreated\n    endDateTime\n    milestones {\n      id\n      type\n      name\n      bonusAmount\n      cleared\n      description\n    }\n  }\n\n\n  query AvailableQuests {\n    availableQuests {\n      ... on Quest {\n        ... on WageringQuest {\n          ...WageringQuestFragment\n        }\n        ... on DailyCheckInQuest {\n          ...DailyCheckinQuestFragment\n        }\n        ... on OnboardingQuest {\n          ...OnboardingQuestFragment\n        }\n        ... on JourneyQuest {\n          ...JourneyQuestFragment\n        }\n      }\n    }\n  }\n";
 export declare const AVAILABLE_QUEST_IDS = "\n  query AvailableQuestIds {\n    availableQuests {\n      ... on Node {\n        id\n      }\n    }\n  }\n";
 export declare const CHECK_IN_DAILY_QUEST = "\n  mutation checkInDailyCheckInQuest($input: CheckInDailyCheckInQuestInput!) {\n    checkInDailyCheckInQuest(input: $input)\n  }\n";
 export declare const TOP_WINS = "\n  query TopWins($first: Int) {\n    topWins(first: $first) {\n      id\n      game {\n        id\n        name\n        type\n        provider\n      }\n      member {\n        id\n        name\n      }\n      multiplier\n      payout\n    }\n  }\n";

package/dist/services/queries.js

@@ -2432,13 +2432,7 @@ export const WAGERING_FRAGMENT = /* GraphQL */ `
     dateTimeCreated
     stage
     dateTimeCompleted
-    stages{
-       targetTurnover
-       bonusTurnoverRequirementMultiplier
-       bonusAmount
-       cleared
-       dateTimeCleared
-    }
+   
   }
 `;
 export const JOURNEY_FRAGMENT = /* GraphQL */ `

package/dist/types/index.d.ts

@@ -696,7 +696,7 @@ export interface Message {
 }
 export type OnboardingStatus = 'PENDING' | 'SKIPPED' | 'COMPLETED';
 export type OnboardingPlayerExperience = 'ROOKIE' | 'VETERAN';
-export type QuestType = 'WAGERING' | 'DAILY_CHECKIN' | 'ONBOARDING' | 'JOURNEY' | 'MULTI_WAGERING';
+export type QuestType = 'WAGERING' | 'DAILY_CHECKIN' | 'ONBOARDING' | 'JOURNEY';
 export type QuestStatus = 'IN_PROGRESS' | 'COMPLETED' | 'FAILED';
 export type QuestProgramStatus = 'ACTIVE' | 'INACTIVE' | 'DELETED';
 export interface QuestProgram {
@@ -746,7 +746,6 @@ export interface Quest {
     firstDepositCompleted?: boolean;
     accountVerificationCompleted?: boolean;
     milestones?: JourneyQuestMilestone[];
-    stages?: WageringQuestStage[];
     dateTimeCompleted?: string;
 }
 interface TopWinGame {