@opexa/portal-components 0.0.365 → 0.0.369

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentPropsWithRef } from 'react';
 export interface DepositWithdrawalTriggerProps extends ComponentPropsWithRef<'button'> {
     asChild?: boolean;
+    colorScheme?: 'primary' | 'dark';
 }
-export declare function DepositWithdrawalTrigger({ asChild, children, ...props }: DepositWithdrawalTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DepositWithdrawalTrigger({ asChild, children, colorScheme, ...props }: DepositWithdrawalTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
+import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
@@ -8,7 +9,7 @@ import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useWalletQuery } from '../../client/hooks/useWalletQuery.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';
-export function DepositWithdrawalTrigger({ asChild, children, ...props }) {
+export function DepositWithdrawalTrigger({ asChild, children, colorScheme = 'primary', ...props }) {
     const sessionQuery = useSessionQuery();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
@@ -29,7 +30,9 @@ export function DepositWithdrawalTrigger({ asChild, children, ...props }) {
             props.onClick?.(e);
             globalStore.depositWithdrawal.setTab('DEPOSIT');
             globalStore.depositWithdrawal.setOpen(true);
-        }, asChild: !children ? true : asChild, children: children ?? (_jsxs("button", { type: "button", ...props, className: "flex", children: [_jsx("div", { className: "flex h-10 items-center rounded-l-md border border-border-primary border-r-0 px-3.5", children: formatNumber(totalBalance, {
+        }, asChild: !children ? true : asChild, children: children ?? (_jsxs("button", { type: "button", ...props, className: "flex", children: [_jsx("div", { className: twMerge('flex h-10 items-center rounded-l-md border border-border-primary border-r-0 px-3.5', colorScheme === 'primary'
+                        ? 'border-border-primary'
+                        : 'border-border-dark bg-bg-dark text-dark-text'), children: formatNumber(totalBalance, {
                         currency: localeInfo.currency.code,
                         minDecimalPlaces: 2,
                     }) }), _jsx("div", { className: "flex h-10 items-center gap-1.5 rounded-r-md bg-button-primary-bg px-3.5 font-semibold text-button-primary-fg text-sm", children: "Deposit" })] })) }));

package/dist/components/KYC/KYCReminder.lazy.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isEmpty, isNil } from 'lodash-es';
 import { useShallow } from 'zustand/shallow';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
@@ -17,18 +18,20 @@ export function KYCReminder(props) {
     const { data: session, isLoading: sessionLoading } = useSessionQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
     const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
-    const isBasicInfoCompleted = account?.realName !== null && account?.birthDay !== null;
-    const isUploadCompleted = verification &&
-        verification.idFrontImage !== null &&
-        verification.selfieImage !== null;
-    const isVerified = verification?.status === 'VERIFIED' ||
-        verification?.status === 'PENDING' ||
-        verification?.status === 'APPROVED';
-    const hasMissingData = !isBasicInfoCompleted || !isUploadCompleted || !isVerified;
-    return (_jsx(Dialog.Root, { open: globalStore.kycReminder.open &&
-            !sessionLoading &&
+    const hasMissingData = account?.verified
+        ? false
+        : isNil(account?.realName) ||
+            isEmpty(account?.realName) ||
+            isNil(account?.birthDay) ||
+            isEmpty(account?.birthDay) ||
+            isNil(verification?.selfieImage) ||
+            isEmpty(verification?.selfieImage) ||
+            isNil(verification?.idFrontImage) ||
+            isEmpty(verification?.idFrontImage);
+    return (_jsx(Dialog.Root, { open: !sessionLoading &&
             !accountLoading &&
             !verificationLoading &&
+            globalStore.kycReminder.open &&
             session?.status === 'authenticated' &&
             hasMissingData, onOpenChange: (details) => {
             globalStore.kycReminder.setOpen(details.open);

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -40,6 +40,7 @@ export function NameAndPasswordSignIn() {
                 context.setStep(2);
             }
             else {
+                globalStore.kycReminder.setOpen(true);
                 globalStore.signIn.setOpen(false);
                 authenticateMutation.reset();
                 signInMutation.reset();

package/dist/styles/theme.css

@@ -224,6 +224,7 @@
   --color-bg-overlay: #22262f;
   --color-bg-error-secondary: #d92d20;
   --color-bg-warning-secondary: #dc6803;
+  --color-bg-dark: #202020;
 
   --color-text-brand: #feee95;
   --color-text-brand-700: #a15c07;
@@ -252,6 +253,7 @@
   --color-text-featured-icon-light-success: #abefc6;
   --color-text-featured-icon-light-error: #fecdca;
   --color-text-featured-icon-light-warning: #fedf89;
+  --color-dark-text: #cccccc;
 
   --color-border-primary: #373a41;
   --color-border-secondary: #22262f;
@@ -260,6 +262,7 @@
   --color-border-brand: #fac515;
   --color-border-brand-dark: #6b4328;
   --color-border-brand-solid: #ca8504;
+  --color-border-dark: #373A41;
 
   --color-border-checkbox-primary: #373a41;
 

package/package.json

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