@opexa/portal-components 0.0.106 → 0.0.108

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, CREATE_MEMBER_VERIFICATION, CREATE_MEMBER_VERIFICATION__NEXT, DELETE_MEMBER_ACCOUNT, 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, RESET_PASSWORD, UPDATE_MEMBER_ACCOUNT, UPDATE_MEMBER_VERIFICATION, UPDATE_REFERRAL_CODE, VERIFY_MOBILE_NUMBER, } from './queries.js';
+import { ANNOUNCEMENTS, CREATE_MEMBER_VERIFICATION, CREATE_MEMBER_VERIFICATION__NEXT, DELETE_MEMBER_ACCOUNT, 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, RESET_PASSWORD, UPDATE_MEMBER_ACCOUNT, UPDATE_MEMBER_VERIFICATION, UPDATE_MEMBER_VERIFICATION__NEXT, 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);
@@ -185,6 +185,16 @@ export const updateMemberVerification = async (id, data, options) => {
         throw error;
     }
 };
+export const updateMemberVerification__next = async (id, data, options) => {
+    const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, UPDATE_MEMBER_VERIFICATION__NEXT, { input: { id, data } }, options);
+    if (res.updateMemberVerification) {
+        const error = new Error();
+        error.name = res.updateMemberVerification.name;
+        error.message = res.updateMemberVerification.message;
+        Error.captureStackTrace?.(error, updateMemberVerification);
+        throw error;
+    }
+};
 export const getMemberVerification = cache(async (options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, MEMBER_VERIFICATION, undefined, options);
     return res.memberAccount.verification ?? null;

package/dist/services/queries.d.ts

@@ -73,8 +73,9 @@ export declare const RESET_PASSWORD = "\n  mutation ResetPassword(\n    $input:
 export declare const DELETE_MEMBER_ACCOUNT = "\n  mutation DeleteMemberAccount($input: DeleteMemberAccountInput!) {\n    deleteMemberAccount(input: $input)\n  }\n";
 export declare const VERIFY_MOBILE_NUMBER = "\n  mutation VerifyMobileNumber($input: VerifyMobileNumberInput!) {\n    verifyMobileNumber(input: $input) {\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberAlreadyVerifiedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MEMBER_VERIFICATION = "\n  mutation CreateMemberVerification($input: CreateMemberVerificationInput!) {\n    createMemberVerification(input: $input) {\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationAlreadyExistsError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
-export declare const CREATE_MEMBER_VERIFICATION__NEXT = "\n  mutation CreateMemberVerificationInput(\n    $input: CreateMemberVerificationInput_next!\n  ) {\n    createMemberVerification: createMemberVerification_next(input: $input) {\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationAlreadyExistsError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const CREATE_MEMBER_VERIFICATION__NEXT = "\n  mutation CreateMemberVerification(\n    $input: CreateMemberVerificationInput_next!\n  ) {\n    createMemberVerification: createMemberVerification_next(input: $input) {\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationAlreadyExistsError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const UPDATE_MEMBER_VERIFICATION = "\n  mutation UpdateMemberVerification($input: UpdateMemberVerificationInput!) {\n    updateMemberVerification(input: $input) {\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationAlreadyApprovedError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const UPDATE_MEMBER_VERIFICATION__NEXT = "\n  mutation UpdateMemberVerification($input: UpdateMemberVerificationInput!) {\n    updateMemberVerification: updateMemberVerification_next(input: $input) {\n      ... on FileDoesNotExistError {\n        __typename\n      }\n      ... on FileNotReadyError {\n        __typename\n      }\n      ... on MemberVerificationAlreadyApprovedError {\n        __typename\n      }\n      ... on MemberVerificationDoesNotExistError {\n        __typename\n      }\n    }\n  }\n";
 export declare const PROFILE_COMPLETION = "\n  query ProfileCompletion {\n    profileCompletion {\n      completionPercentage\n      personalInformation\n      accountVerification\n      mobileNumberVerification\n      transactionPassword\n      accountPassword\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT_BY_MOBILE_NUMBER = "\n  mutation RegisterMemberAccountByMobileNumber(\n    $input: RegisterMemberAccountByMobileNumberInput!\n    $mobileNumberVerificationCode: String!\n  ) {\n    registerMemberAccountByMobileNumber(\n      input: $input\n      mobileNumberVerificationCode: $mobileNumberVerificationCode\n    ) {\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const PLATFORM = "\n  query Platform {\n    timezone\n    currency\n  }\n";

package/dist/services/queries.js

@@ -1603,7 +1603,7 @@ export const CREATE_MEMBER_VERIFICATION = /* GraphQL */ `
   }
 `;
 export const CREATE_MEMBER_VERIFICATION__NEXT = /* GraphQL */ `
-  mutation CreateMemberVerificationInput(
+  mutation CreateMemberVerification(
     $input: CreateMemberVerificationInput_next!
   ) {
     createMemberVerification: createMemberVerification_next(input: $input) {
@@ -1644,6 +1644,24 @@ export const UPDATE_MEMBER_VERIFICATION = /* GraphQL */ `
     }
   }
 `;
+export const UPDATE_MEMBER_VERIFICATION__NEXT = /* GraphQL */ `
+  mutation UpdateMemberVerification($input: UpdateMemberVerificationInput!) {
+    updateMemberVerification: updateMemberVerification_next(input: $input) {
+      ... on FileDoesNotExistError {
+        __typename
+      }
+      ... on FileNotReadyError {
+        __typename
+      }
+      ... on MemberVerificationAlreadyApprovedError {
+        __typename
+      }
+      ... on MemberVerificationDoesNotExistError {
+        __typename
+      }
+    }
+  }
+`;
 export const PROFILE_COMPLETION = /* GraphQL */ `
   query ProfileCompletion {
     profileCompletion {

package/dist/styles/theme.css

@@ -217,6 +217,7 @@
   --color-bg-tertiary: #22262f;
   --color-bg-quaternary: #373a41;
   --color-bg-active: #22262f;
+  --color-bg-disabled: #1f242f;
   --color-bg-disabled-subtle: #13161b;
   --color-bg-success-secondary: #079455;
   --color-bg-overlay: #22262f;

package/dist/types/index.d.ts

@@ -828,4 +828,11 @@ export interface GameTypeData {
     slug: string;
     name: string;
 }
+export interface News {
+    id: string;
+    image: string;
+    title: string;
+    content: string;
+    category: string;
+}
 export {};

package/dist/ui/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { Checkbox } from '@ark-ui/react/checkbox';
 export declare const withContext: <Props extends {
     [x: string]: any;
-}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -14,7 +14,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -27,7 +27,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -40,9 +40,9 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
     [x: string]: any;
-}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -55,7 +55,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -68,7 +68,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -81,7 +81,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.RootProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -95,7 +95,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -108,7 +108,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -121,7 +121,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -135,7 +135,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -148,7 +148,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -161,7 +161,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Group: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -175,7 +175,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -188,7 +188,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -201,7 +201,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -215,7 +215,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -228,7 +228,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -241,7 +241,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.LabelProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -255,7 +255,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -268,7 +268,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -281,6 +281,6 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const HiddenInput: import("react").ForwardRefExoticComponent<Checkbox.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export declare const Context: (props: Checkbox.ContextProps) => import("react").ReactNode;

package/dist/ui/Checkbox/checkbox.recipe.d.ts

@@ -11,7 +11,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -24,7 +24,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -37,4 +37,4 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Checkbox/checkbox.recipe.js

@@ -26,9 +26,9 @@ export const checkboxRecipe = tv({
             variant: 'outline',
             colorScheme: 'gray',
             className: {
-                control: 'shadow-xs border-border-primary bg-bg-primary ui-checked:bg-bg-brand-solid ui-checked:border-bg-brand-solid border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none',
+                control: 'shadow-xs border-border-primary bg-bg-primary ui-checked:bg-bg-brand-solid ui-checked:border-bg-brand-solid border ui-disabled:cursor-not-allowed ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:cursor-not-allowed ui-readonly:opacity-50 ui-readonly:shadow-none',
                 indicator: 'text-cyan-950',
-                label: 'text-gray-600 text-xs leading-tight',
+                label: 'text-text-secondary-700 text-xs leading-tight',
             },
         },
     ],