@opexa/portal-components 0.0.1085 → 0.0.1087

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

@@ -0,0 +1,6 @@
+import { type RegisterAgentAccountInput } from '../../services/account';
+import type { Mutation } from '../../types';
+export interface RegisterAgentAccountMutationPayload extends RegisterAgentAccountInput {
+    agentCode?: string;
+}
+export declare const useRegisterAgentAccount: Mutation<void, RegisterAgentAccountMutationPayload>;

package/dist/client/hooks/useRegisterAgentAccount.js

@@ -0,0 +1,16 @@
+import { useMutation } from '@tanstack/react-query';
+import { registerAgentAccount, } from '../../services/account.js';
+import { getRegisterAgentAccountMutationKey } from '../../utils/mutationKeys.js';
+export const useRegisterAgentAccount = (config) => {
+    return useMutation({
+        ...config,
+        mutationKey: getRegisterAgentAccountMutationKey(),
+        mutationFn: async ({ agentCode, ...input }) => {
+            await registerAgentAccount(input, {
+                headers: {
+                    ...(agentCode ? { 'Agent-Code': agentCode } : {}),
+                },
+            });
+        },
+    });
+};

package/dist/components/AffiliateSignUp/AffiliateSignUp.d.ts

@@ -0,0 +1,6 @@
+import { type ImageProps } from 'next/image';
+export interface AffiliateSignUpProps {
+    logo: ImageProps['src'];
+    banner: ImageProps['src'];
+}
+export declare function AffiliateSignUp({ logo, banner }: AffiliateSignUpProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AffiliateSignUp/AffiliateSignUp.js

@@ -0,0 +1,175 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/dist/client/link';
+import Image, {} from 'next/image';
+import { useSearchParams } from 'next/navigation';
+import { useState } from 'react';
+import { useForm, useWatch } from 'react-hook-form';
+import { z } from 'zod';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
+import { useRegisterAgentAccount } from '../../client/hooks/useRegisterAgentAccount.js';
+import { Button } from '../../ui/Button/index.js';
+import { Field } from '../../ui/Field/index.js';
+const visitorOptions = [
+    { label: '10 - 100', value: '10-100' },
+    { label: '100 - 500', value: '100-500' },
+    { label: '1,000 - 5,000', value: '1000-5000' },
+    { label: '5,000 - 10,000', value: '5000-10000' },
+    { label: 'Over 10,000', value: 'over-10000' },
+];
+const signUpOptions = [
+    { label: '10 - 100', value: '10-100' },
+    { label: '100 - 500', value: '100-500' },
+    { label: '500 - 1,000', value: '500-1000' },
+    { label: 'Over 1,000', value: 'over-1000' },
+];
+const affiliateOptions = [
+    { label: 'Freelance individual', value: 'freelance-individual' },
+    { label: 'Email promoter', value: 'email-promoter' },
+    { label: 'Company', value: 'company' },
+    { label: 'Other', value: 'other' },
+];
+const sourceOptions = [
+    { label: 'SEO', value: 'seo' },
+    { label: 'Ads', value: 'ads' },
+    { label: 'Streamer', value: 'streamer' },
+    { label: 'Other', value: 'other' },
+];
+export function AffiliateSignUp({ logo, banner }) {
+    const searchParams = useSearchParams();
+    const mobileNumberParser = useMobileNumberParser();
+    const agentCode = searchParams.get('code') ?? undefined;
+    const localeInfo = useLocaleInfo();
+    const [statusMessage, setStatusMessage] = useState(null);
+    const [statusType, setStatusType] = useState(null);
+    const [isSuccess, setIsSuccess] = useState(false);
+    const registerAgentAccountMutation = useRegisterAgentAccount();
+    const schema = z
+        .object({
+        name: z
+            .string()
+            .trim()
+            .min(6, 'Name must be at least 6 characters')
+            .regex(/^[a-zA-Z0-9]+$/, 'Only letters and numbers allowed'),
+        firstName: z.string().trim().min(1, 'First name is required'),
+        lastName: z.string().trim().min(1, 'Last name is required'),
+        emailAddress: z.string().trim().email('Email is invalid'),
+        mobileNumber: z
+            .string()
+            .min(1, 'Mobile number is required')
+            .superRefine((v, ctx) => {
+            if (!mobileNumberParser.validate(v)) {
+                ctx.addIssue({
+                    code: z.ZodIssueCode.custom,
+                    message: 'Invalid mobile number',
+                });
+            }
+        }),
+        affiliateType: z.string().min(1, 'Please select affiliate type'),
+        affiliateTypeOther: z.string().optional(),
+        sourceType: z.string().min(1, 'Please select source of traffic'),
+        sourceTypeOther: z.string().optional(),
+        monthlyVisitors: z.string().optional(),
+        monthlySignUp: z.string().optional(),
+        monthlyDeposit: z.string().optional(),
+    })
+        .superRefine((values, ctx) => {
+        if (values.affiliateType === 'other' && !values.affiliateTypeOther)
+            ctx.addIssue({
+                code: z.ZodIssueCode.custom,
+                message: 'Please specify affiliate type',
+                path: ['affiliateTypeOther'],
+            });
+        if (values.sourceType === 'other' && !values.sourceTypeOther)
+            ctx.addIssue({
+                code: z.ZodIssueCode.custom,
+                message: 'Please specify source of traffic',
+                path: ['sourceTypeOther'],
+            });
+    });
+    const form = useForm({
+        resolver: zodResolver(schema),
+        defaultValues: {
+            name: '',
+            firstName: '',
+            lastName: '',
+            emailAddress: '',
+            mobileNumber: '',
+            affiliateType: '',
+            affiliateTypeOther: '',
+            sourceType: '',
+            sourceTypeOther: '',
+            monthlyVisitors: '',
+            monthlySignUp: '',
+            monthlyDeposit: '',
+        },
+    });
+    const affiliateType = useWatch({
+        control: form.control,
+        name: 'affiliateType',
+    });
+    const sourceType = useWatch({
+        control: form.control,
+        name: 'sourceType',
+    });
+    const handleSubmit = form.handleSubmit(async (values) => {
+        setStatusMessage(null);
+        setStatusType(null);
+        const customProperties = [
+            { key: 'visitors_per_month', value: values.monthlyVisitors ?? '' },
+            { key: 'expected_signups', value: values.monthlySignUp ?? '' },
+            { key: 'expected_deposits', value: values.monthlyDeposit ?? '' },
+            {
+                key: 'affiliate_type',
+                value: values.affiliateType === 'other'
+                    ? (values.affiliateTypeOther ?? '')
+                    : values.affiliateType,
+            },
+            {
+                key: 'traffic_source',
+                value: values.sourceType === 'other'
+                    ? (values.sourceTypeOther ?? '')
+                    : values.sourceType,
+            },
+        ].filter((item) => item.value.trim() !== '');
+        try {
+            await registerAgentAccountMutation.mutateAsync({
+                name: values.name,
+                firstName: values.firstName,
+                lastName: values.lastName,
+                emailAddress: values.emailAddress,
+                mobileNumber: values.mobileNumber.startsWith('+')
+                    ? values.mobileNumber
+                    : `+63${values.mobileNumber}`,
+                customProperties,
+                agentCode,
+            });
+            setStatusType('success');
+            setStatusMessage('Registration successful.');
+            setIsSuccess(true);
+        }
+        catch (error) {
+            setStatusType('error');
+            setStatusMessage(error instanceof Error
+                ? error.message
+                : 'Registration failed. Please try again.');
+        }
+    });
+    return (_jsx("div", { className: "flex min-h-dvh items-center justify-center", children: _jsx("div", { className: "h-full w-full", children: _jsxs("div", { className: "flex min-h-screen", children: [_jsx(Image, { src: banner, alt: "Affiliate banner", draggable: false, className: "sticky top-0 hidden h-screen w-auto object-contain object-left xl:block" }), isSuccess ? (_jsx(RegistrationSuccess, { onReset: () => {
+                            setIsSuccess(false);
+                            setStatusMessage(null);
+                            setStatusType(null);
+                            form.reset();
+                        } })) : (_jsxs("div", { className: "[&::-webkit-scrollbar]:display-none flex-1 grow overflow-y-auto px-4 py-8 [-ms-overflow-style:none] [scrollbar-width:none] xl:p-12 2xl:p-16", children: [_jsx(Image, { src: logo, alt: "Logo", draggable: false, className: "mb-6 block h-10 w-auto" }), _jsx("h1", { className: "font-semibold text-3xl", children: "Affiliate Registration" }), _jsx("p", { className: "mb-5 text-sm text-text-secondary-700 xl:text-base", children: "Register now to start earning commission from your referrals." }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.name, children: [_jsx(Field.Label, { children: "Name" }), _jsx(Field.Input, { ...form.register('name'), placeholder: "Enter username" }), _jsx(Field.ErrorText, { children: form.formState.errors.name?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.firstName, children: [_jsx(Field.Label, { children: "First name" }), _jsx(Field.Input, { ...form.register('firstName'), placeholder: "First name" }), _jsx(Field.ErrorText, { children: form.formState.errors.firstName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.lastName, children: [_jsx(Field.Label, { children: "Last name" }), _jsx(Field.Input, { ...form.register('lastName'), placeholder: "Last name" }), _jsx(Field.ErrorText, { children: form.formState.errors.lastName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.emailAddress, children: [_jsx(Field.Label, { children: "Email address" }), _jsx(Field.Input, { ...form.register('emailAddress'), placeholder: "Email" }), _jsx(Field.ErrorText, { children: form.formState.errors.emailAddress?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.mobileNumber, className: "mt-xl", children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsxs("div", { className: "-translate-y-1/2 absolute top-1/2 left-3.5 flex shrink-0 items-center gap-md", children: [_jsx(localeInfo.country.flag, { className: "size-5" }), _jsx("span", { className: "text-text-placeholder", children: localeInfo.mobileNumber.areaCode })] }), _jsx(Field.Input, { style: {
+                                                            paddingLeft: `calc(2.75rem + ${localeInfo.mobileNumber.areaCode.length}ch)`,
+                                                        }, ...form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: form.formState.errors.mobileNumber?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.affiliateType, children: [_jsx(Field.Label, { children: "Affiliate type" }), _jsxs(Field.Select, { ...form.register('affiliateType'), children: [_jsx("option", { value: "", children: "Select affiliate type" }), affiliateOptions.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }), _jsx(Field.ErrorText, { children: form.formState.errors.affiliateType?.message })] }), affiliateType === 'other' && (_jsxs(Field.Root, { invalid: !!form.formState.errors.affiliateTypeOther, children: [_jsx(Field.Label, { children: "Other affiliate type" }), _jsx(Field.Input, { ...form.register('affiliateTypeOther'), placeholder: "Type affiliate type" }), _jsx(Field.ErrorText, { children: form.formState.errors.affiliateTypeOther?.message })] })), _jsxs(Field.Root, { invalid: !!form.formState.errors.sourceType, children: [_jsx(Field.Label, { children: "Source of traffic" }), _jsxs(Field.Select, { ...form.register('sourceType'), children: [_jsx("option", { value: "", children: "Select source" }), sourceOptions.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }), _jsx(Field.ErrorText, { children: form.formState.errors.sourceType?.message })] }), sourceType === 'other' && (_jsxs(Field.Root, { invalid: !!form.formState.errors.sourceTypeOther, children: [_jsx(Field.Label, { children: "Other source" }), _jsx(Field.Input, { ...form.register('sourceTypeOther'), placeholder: "Source" }), _jsx(Field.ErrorText, { children: form.formState.errors.sourceTypeOther?.message })] })), _jsxs(Field.Root, { invalid: !!form.formState.errors.monthlyVisitors, children: [_jsx(Field.Label, { children: "Estimated monthly visitors" }), _jsxs(Field.Select, { ...form.register('monthlyVisitors'), children: [_jsx("option", { value: "", children: "Select visitors" }), visitorOptions.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.monthlySignUp, children: [_jsx(Field.Label, { children: "Estimated monthly signups" }), _jsxs(Field.Select, { ...form.register('monthlySignUp'), children: [_jsx("option", { value: "", children: "Select signups" }), signUpOptions.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.monthlyDeposit, children: [_jsx(Field.Label, { children: "Estimated monthly deposits" }), _jsxs(Field.Select, { ...form.register('monthlyDeposit'), children: [_jsx("option", { value: "", children: "Select deposits" }), signUpOptions.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })] }), statusMessage && (_jsx("div", { className: statusType === 'success'
+                                            ? 'rounded border border-green-500 bg-green-50 p-2 text-green-700 text-sm'
+                                            : 'rounded border border-red-500 bg-red-50 p-2 text-red-700 text-sm', children: statusMessage })), _jsx(Button, { type: "submit", disabled: form.formState.isSubmitting, className: "mt-8", children: form.formState.isSubmitting
+                                            ? 'Submitting...'
+                                            : 'Register Now' })] })] }))] }) }) }));
+}
+function RegistrationSuccess({ onReset }) {
+    return (_jsx("div", { className: "[&::-webkit-scrollbar]:display-none flex-1 grow overflow-y-auto px-4 py-8 [-ms-overflow-style:none] [scrollbar-width:none] xl:p-12 2xl:p-16", children: _jsx("div", { className: "mx-4 flex min-h-full flex-col justify-center md:mx-0", children: _jsxs("div", { className: "w-full space-y-6 text-center", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h1", { className: "font-semibold text-2xl tracking-tight md:text-3xl", children: "Registration Successful" }), _jsx("p", { className: "text-sm leading-relaxed md:text-base", children: "Thank you for your interest in joining our Affiliate Program. Our team will review your application and contact you via email once it has been processed." })] }), _jsx("div", { className: "pt-4", children: _jsx(Link, { href: "/", onClick: onReset, children: _jsx(Button, { type: "submit", className: "mx-auto mt-8 block w-1/2", children: "Back to Homepage" }) }) })] }) }) }));
+}

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

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

package/dist/components/AffiliateSignUp/index.js

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

package/dist/components/Quests/RemainingTime.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { endOfDay } from 'date-fns';
 import { useMemo } from 'react';
 import { useRemainingTime } from '../../client/hooks/useRemainingTime.js';
 import { ClockStopWatchIcon } from '../../icons/ClockStopWatchIcon.js';
@@ -7,10 +8,18 @@ import { useQuestContext } from './QuestsContext.js';
 export function RemainingTime({ endOfDay: useEndOfDay = false, className, }) {
     const quest = useQuestContext();
     const targetDateTime = useMemo(() => {
-        const date = new Date(quest.dateTimeCreated);
-        date.setDate(date.getDate() + Number(quest.daysToClear ?? 0));
-        return date;
-    }, [quest.dateTimeCreated, quest.daysToClear]);
+        if (quest.daysToClear) {
+            const date = new Date(quest.dateTimeCreated);
+            date.setDate(date.getDate() + Number(quest.daysToClear));
+            return useEndOfDay ? endOfDay(date) : date;
+        }
+        return new Date(quest.endDateTime);
+    }, [
+        quest.dateTimeCreated,
+        quest.daysToClear,
+        quest.endDateTime,
+        useEndOfDay,
+    ]);
     const remainingTime = useRemainingTime(targetDateTime);
     if (quest.status === 'COMPLETED') {
         return (_jsx(Badge.Root, { size: "lg", colorScheme: "success", round: false, className: className?.completedBadgeRoot, children: _jsx(Badge.Label, { className: className?.completedBadgeLabel, children: "Completed" }) }));

package/dist/services/account.d.ts

@@ -373,6 +373,34 @@ export interface RegisterMayaMemberAccountMutationVariables {
 }
 export type RegisterMayaMemberAccountInput = Simplify<RegisterMayaMemberAccountMutationVariables['input']>;
 export declare const registerMayaMemberAccount: (input: RegisterMayaMemberAccountInput, options?: GraphQLRequestOptions) => Promise<void>;
+export interface RegisterAgentAccountInput {
+    name: string;
+    firstName: string;
+    lastName: string;
+    mobileNumber: string;
+    emailAddress: string;
+    customProperties?: {
+        key: string;
+        value: string;
+    }[];
+}
+export type RegisterAgentAccountError = {
+    name: 'AccountNameNotAvailableError';
+    message: string;
+} | {
+    name: 'EmailAddressNotAvailableError';
+    message: string;
+} | {
+    name: 'MobileNumberNotAvailableError';
+    message: string;
+};
+export interface RegisterAgentAccountMutation {
+    registerAgentAccount?: null | RegisterAgentAccountError;
+}
+export interface RegisterAgentAccountMutationVariables {
+    input: RegisterAgentAccountInput;
+}
+export declare const registerAgentAccount: (input: RegisterAgentAccountInput, options?: GraphQLRequestOptions) => Promise<void>;
 export interface ReferralCodeQuery {
     referralCode?: string | null;
 }

package/dist/services/account.js

@@ -1,7 +1,7 @@
 import { cache } from 'react';
 import { ACCOUNT_GRAPHQL_ENDPOINT } from '../constants/index.js';
 import { graphqlRequest } from './graphqlRequest.js';
-import { ANNOUNCEMENTS, APPROVE_MEMBER_VERIFICATION__NEXT, CREATE_MEMBER_VERIFICATION, CREATE_MEMBER_VERIFICATION__NEXT, DELETE_MEMBER_ACCOUNT, FACEBOOK_CLIENT_ID, GENERATE_SUMSUB_VERIFICATION_TOKEN, GOOGLE_CLIENT_ID, MEMBER_ACCOUNT, MEMBER_VERIFICATION, PAYMENT_SETTINGS, POINTS_CLUB_SETTINGS, PROFILE_COMPLETION, REFERRAL_CODE, REGISTER_MAYA_MEMBER_ACCOUNT, REGISTER_MEMBER_ACCOUNT, REGISTER_MEMBER_ACCOUNT__NEXT, REGISTER_MEMBER_ACCOUNT_BY_MOBILE_NUMBER, REGISTER_MEMBER_ACCOUNT_BY_NAME, REGISTER_MEMBER_ACCOUNT_VIA_MOBILE, REQUIRE_FIRST_DEPOSIT, RESET_PASSWORD, RESTRICT_WITHDRAWALS_TO_VERIFIED_MEMBERS, UNLINK_FACEBOOK, UNLINK_GOOGLE, UPDATE_MEMBER_ACCOUNT, UPDATE_MEMBER_VERIFICATION, UPDATE_MEMBER_VERIFICATION__NEXT, UPDATE_MOBILE_NUMBER, UPDATE_REFERRAL_CODE, VERIFY_MOBILE_NUMBER, } from './queries.js';
+import { ANNOUNCEMENTS, APPROVE_MEMBER_VERIFICATION__NEXT, CREATE_MEMBER_VERIFICATION, CREATE_MEMBER_VERIFICATION__NEXT, DELETE_MEMBER_ACCOUNT, FACEBOOK_CLIENT_ID, GENERATE_SUMSUB_VERIFICATION_TOKEN, GOOGLE_CLIENT_ID, MEMBER_ACCOUNT, MEMBER_VERIFICATION, PAYMENT_SETTINGS, POINTS_CLUB_SETTINGS, PROFILE_COMPLETION, REFERRAL_CODE, REGISTER_AGENT_ACCOUNT, REGISTER_MAYA_MEMBER_ACCOUNT, REGISTER_MEMBER_ACCOUNT, REGISTER_MEMBER_ACCOUNT__NEXT, REGISTER_MEMBER_ACCOUNT_BY_MOBILE_NUMBER, REGISTER_MEMBER_ACCOUNT_BY_NAME, REGISTER_MEMBER_ACCOUNT_VIA_MOBILE, REQUIRE_FIRST_DEPOSIT, RESET_PASSWORD, RESTRICT_WITHDRAWALS_TO_VERIFIED_MEMBERS, UNLINK_FACEBOOK, UNLINK_GOOGLE, UPDATE_MEMBER_ACCOUNT, UPDATE_MEMBER_VERIFICATION, UPDATE_MEMBER_VERIFICATION__NEXT, UPDATE_MOBILE_NUMBER, UPDATE_REFERRAL_CODE, VERIFY_MOBILE_NUMBER, } from './queries.js';
 import { sha256 } from './sha256.js';
 export const getMemberAccount = cache(async (options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, MEMBER_ACCOUNT, undefined, options);
@@ -250,6 +250,16 @@ export const registerMayaMemberAccount = async (input, options) => {
         throw error;
     }
 };
+export const registerAgentAccount = async (input, options) => {
+    const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, REGISTER_AGENT_ACCOUNT, { input }, options);
+    if (res.registerAgentAccount) {
+        const error = new Error();
+        error.name = res.registerAgentAccount.name;
+        error.message = ERROR_CODES_MESSAGE_MAP[res.registerAgentAccount.name];
+        Error.captureStackTrace?.(error, registerAgentAccount);
+        throw error;
+    }
+};
 export const getReferralCode = cache(async (options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, REFERRAL_CODE, undefined, options);
     return res.referralCode ?? null;

package/dist/services/queries.d.ts

@@ -85,6 +85,7 @@ export declare const REGISTER_MEMBER_ACCOUNT_BY_NAME = "\n  mutation RegisterMem
 export declare const REGISTER_MEMBER_ACCOUNT_VIA_MOBILE = "\n  mutation RegisterMemberAccountViaMobile(\n    $input: RegisterMemberAccountViaMobileInput!\n    $referralCode: String\n    $reCAPTCHAResponse: String\n    $verificationCode: String\n  ) {\n    registerMemberAccountViaMobile(\n      input: $input\n      referralCode: $referralCode\n      verificationCode: $verificationCode\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT__NEXT = "\n  mutation RegisterMemberAccount(\n    $input: RegisterMemberAccountInput_next!\n    $reCAPTCHAResponse: String\n  ) {\n    registerMemberAccount: registerMemberAccount_next(\n      input: $input\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MinimumAgeRequirementError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const REGISTER_MAYA_MEMBER_ACCOUNT = "\n  mutation RegisterMayaMemberAccount($input: RegisterMayaMemberAccountInput!) {\n    registerMayaMemberAccount(input: $input) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const REGISTER_AGENT_ACCOUNT = "\n  mutation RegisterAgentAccount($input: RegisterAgentAccountInput!) {\n    registerAgentAccount(input: $input) {\n      __typename\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on EmailAddressNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const UPDATE_MEMBER_ACCOUNT = "\n  mutation UpdateMemberAccount($input: UpdateMemberAccountInput!) {\n    updateMemberAccount(input: $input) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on EmailAddressNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidTransactionPasswordError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on NickNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on RealNameAlreadySetError {\n        name: __typename\n        message\n      }\n      ... on ValidIdAlreadySetError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const RESET_PASSWORD = "\n  mutation ResetPassword(\n    $input: ResetPasswordInput!\n    $verificationCode: String\n  ) {\n    resetPassword(input: $input, verificationCode: $verificationCode) {\n      ... on AccountNotFoundError {\n        name: __typename\n        message\n      }\n      ... on InvalidVerificationCodeError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const DELETE_MEMBER_ACCOUNT = "\n  mutation DeleteMemberAccount($input: DeleteMemberAccountInput!) {\n    deleteMemberAccount(input: $input)\n  }\n";

package/dist/services/queries.js

@@ -2334,6 +2334,25 @@ export const REGISTER_MAYA_MEMBER_ACCOUNT = /* GraphQL */ `
     }
   }
 `;
+export const REGISTER_AGENT_ACCOUNT = /* GraphQL */ `
+  mutation RegisterAgentAccount($input: RegisterAgentAccountInput!) {
+    registerAgentAccount(input: $input) {
+      __typename
+      ... on AccountNameNotAvailableError {
+        name: __typename
+        message
+      }
+      ... on EmailAddressNotAvailableError {
+        name: __typename
+        message
+      }
+      ... on MobileNumberNotAvailableError {
+        name: __typename
+        message
+      }
+    }
+  }
+`;
 export const UPDATE_MEMBER_ACCOUNT = /* GraphQL */ `
   mutation UpdateMemberAccount($input: UpdateMemberAccountInput!) {
     updateMemberAccount(input: $input) {

package/dist/ui/Field/Field.d.ts

@@ -18,7 +18,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, {
     size: {
         sm: {
             input: string;
@@ -37,7 +37,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             input: string;
@@ -56,7 +56,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Field.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -76,7 +76,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, {
     size: {
         sm: {
             input: string;
@@ -95,7 +95,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             input: string;
@@ -114,7 +114,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Input: import("react").ComponentType<import("@ark-ui/react").Assign<Field.InputProps & import("react").RefAttributes<HTMLInputElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -134,7 +134,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, {
     size: {
         sm: {
             input: string;
@@ -153,7 +153,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             input: string;
@@ -172,7 +172,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const HelperText: import("react").ComponentType<import("@ark-ui/react").Assign<Field.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -192,7 +192,7 @@ export declare const HelperText: import("react").ComponentType<import("@ark-ui/r
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, {
     size: {
         sm: {
             input: string;
@@ -211,7 +211,7 @@ export declare const HelperText: import("react").ComponentType<import("@ark-ui/r
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             input: string;
@@ -230,7 +230,7 @@ export declare const HelperText: import("react").ComponentType<import("@ark-ui/r
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const ErrorText: import("react").ComponentType<import("@ark-ui/react").Assign<Field.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -250,7 +250,7 @@ export declare const ErrorText: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, {
     size: {
         sm: {
             input: string;
@@ -269,7 +269,7 @@ export declare const ErrorText: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             input: string;
@@ -288,7 +288,7 @@ export declare const ErrorText: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Select: import("react").ComponentType<import("@ark-ui/react").Assign<Field.SelectProps & import("react").RefAttributes<HTMLSelectElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -308,7 +308,7 @@ export declare const Select: import("react").ComponentType<import("@ark-ui/react
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, {
     size: {
         sm: {
             input: string;
@@ -327,7 +327,7 @@ export declare const Select: import("react").ComponentType<import("@ark-ui/react
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             input: string;
@@ -346,7 +346,7 @@ export declare const Select: import("react").ComponentType<import("@ark-ui/react
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Textarea: import("react").ComponentType<import("@ark-ui/react").Assign<Field.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -366,7 +366,7 @@ export declare const Textarea: import("react").ComponentType<import("@ark-ui/rea
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, {
     size: {
         sm: {
             input: string;
@@ -385,7 +385,7 @@ export declare const Textarea: import("react").ComponentType<import("@ark-ui/rea
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             input: string;
@@ -404,5 +404,5 @@ export declare const Textarea: import("react").ComponentType<import("@ark-ui/rea
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: Field.ContextProps) => import("react").ReactNode;

package/dist/ui/Field/field.recipe.d.ts

@@ -17,7 +17,7 @@ export declare const fieldRecipe: import("tailwind-variants").TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, {
     size: {
         sm: {
             input: string;
@@ -36,7 +36,7 @@ export declare const fieldRecipe: import("tailwind-variants").TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             input: string;
@@ -55,4 +55,4 @@ export declare const fieldRecipe: import("tailwind-variants").TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"select" | "input" | "root" | "label" | "textarea" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"input" | "root" | "label" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Field/field.recipe.js

@@ -9,7 +9,7 @@ export const fieldRecipe = tv({
         select: 'block w-full rounded-md outline-none',
         textarea: 'block w-full rounded-md outline-none',
         label: 'mb-sm inline-block font-medium text-sm text-text-secondary-700',
-        errorText: 'mt-sm inline-block text-error-400 text-sm',
+        errorText: 'mt-sm inline-block text-error-600 text-sm',
         helperText: 'text-sm text-text-secondary-700',
     }),
     variants: {

package/dist/utils/mutationKeys.d.ts

@@ -41,6 +41,7 @@ export declare const getSignInMutationKey: () => MutationKey;
 export declare const getSignInSSOMutationKey: () => MutationKey;
 export declare const getSignOutMutationKey: () => MutationKey;
 export declare const getSignUpMutationKey: () => MutationKey;
+export declare const getRegisterAgentAccountMutationKey: () => MutationKey;
 export declare const getCompleteOnboardingMutationKey: () => MutationKey;
 export declare const getSkipOnboardingMutationKey: () => MutationKey;
 export declare const getUploadFileMutationKey: () => MutationKey;

package/dist/utils/mutationKeys.js

@@ -152,6 +152,10 @@ export const getSignInSSOMutationKey = () => [
 ];
 export const getSignOutMutationKey = () => [PARENT_KEY, 'signOut'];
 export const getSignUpMutationKey = () => [PARENT_KEY, 'signUp'];
+export const getRegisterAgentAccountMutationKey = () => [
+    PARENT_KEY,
+    'registerAgentAccount',
+];
 export const getCompleteOnboardingMutationKey = () => [
     PARENT_KEY,
     'completeOnboarding',

package/package.json

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