@opexa/portal-components 0.0.902 → 0.0.904

package/dist/components/AccountInfo/AccountInfo.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ark } from '@ark-ui/react/factory';
 import FacebookLogin from '@greatsumini/react-facebook-login';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { GoogleOAuthProvider, useGoogleLogin } from '@react-oauth/google';
@@ -15,12 +16,15 @@ import { useFacebookClientQuery } from '../../client/hooks/useFacebookClientQuer
 import { useGoogleClientIdQuery } from '../../client/hooks/useGoogleClientIdQuery.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
+import { useProfileCompletionQuery } from '../../client/hooks/useProfileCompletionQuery.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useUnlinkFacebookMutation } from '../../client/hooks/useUnlinkFacebookMutation.js';
 import { useUnlinkGoogleMutation } from '../../client/hooks/useUnlinkGoogleMutation.js';
 import { useUpdateAccountMutation } from '../../client/hooks/useUpdateAccountMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { AUTH_ENDPOINT, PLATFORM_CODE } from '../../constants/index.js';
+import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
+import { CheckVerified02Icon } from '../../icons/CheckVerified02Icon.js';
 import { FacebookIcon } from '../../icons/FacebookIcon.js';
 import { GoogleIcon } from '../../icons/GoogleIcon.js';
 import { LinkBroken02Icon } from '../../icons/LinkBroken02Icon.js';
@@ -32,7 +36,7 @@ import { Field } from '../../ui/Field/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getAccountQueryKey } from '../../utils/queryKeys.js';
+import { getAccountQueryKey, getProfileCompletionQueryKey, } from '../../utils/queryKeys.js';
 const accountSchema = z.object({
     name: z
         .string()
@@ -137,7 +141,9 @@ function PersonalInfo(props) {
         }
     }, [account, form]);
     const branchName = props.branchCodes?.find((branch) => branch.code === account?.branchCode);
-    const displayBranchName = `${branchName?.code} - ${branchName?.name}`;
+    const displayBranchName = branchName
+        ? `${branchName?.code} - ${branchName?.name}`
+        : null;
     return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Personal Data" }), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
                     updateAccountMutation.mutate({
                         realName: data.realName && account?.realName !== data.realName
@@ -152,6 +158,8 @@ function PersonalInfo(props) {
 function ContactInfo() {
     const localeInfo = useLocaleInfo();
     const accountQuery = useAccountQuery();
+    const profileCompletionQuery = useProfileCompletionQuery();
+    const profileCompletion = profileCompletionQuery.data;
     const account = accountQuery.data;
     const { parse, format, equals } = useMobileNumberParser();
     const updateAccountMutation = useUpdateAccountMutation({
@@ -159,6 +167,9 @@ function ContactInfo() {
             toaster.success({
                 description: 'Changes saved!',
             });
+            getQueryClient().invalidateQueries({
+                queryKey: getProfileCompletionQueryKey(),
+            });
         },
         onError(error) {
             toaster.error({
@@ -192,7 +203,9 @@ function ContactInfo() {
             });
         }
     }, [account, form, parse]);
-    return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Contact Info" }), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "grow font-semibold text-sm text-text-secondary-700", children: "Contact Info" }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.personalInformation
+                            ? 'text-text-success-primary'
+                            : 'text-text-warning-primary'), children: profileCompletion?.personalInformation ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
                     updateAccountMutation.mutate({
                         emailAddress: data.emailAddress && account?.emailAddress !== data.emailAddress
                             ? data.emailAddress

package/dist/components/AccountSecurity/AccountSecurity.js

@@ -21,6 +21,8 @@ import { Field } from '../../ui/Field/index.js';
 import { PasswordInput } from '../../ui/PasswordInput/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { Select } from '../../ui/Select/index.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getProfileCompletionQueryKey } from '../../utils/queryKeys.js';
 export function AccountSecurity(props) {
     return (_jsxs("div", { className: twMerge('space-y-3xl', props.className), children: [_jsx(LoginPassword, {}), _jsx(TransactionPassword, {})] }));
 }
@@ -33,6 +35,9 @@ function LoginPassword() {
             toaster.success({
                 description: 'Changes saved!',
             });
+            getQueryClient().invalidateQueries({
+                queryKey: getProfileCompletionQueryKey(),
+            });
         },
         onError(error) {
             toaster.error({
@@ -42,7 +47,10 @@ function LoginPassword() {
     });
     const schema = z
         .object({
-        password: z.string().min(8, 'Password must be at least 8 characters').max(150, 'Password must be at most 150 characters'),
+        password: z
+            .string()
+            .min(8, 'Password must be at least 8 characters')
+            .max(150, 'Password must be at most 150 characters'),
         confirmPassword: z.string().min(1, 'Please confirm your password'),
         secretQuestion: z.enum(SECRET_QUESTIONS).nullable().optional(),
         secretAnswer: z
@@ -115,6 +123,9 @@ function TransactionPassword() {
             toaster.success({
                 description: 'Changes saved!',
             });
+            getQueryClient().invalidateQueries({
+                queryKey: getProfileCompletionQueryKey(),
+            });
         },
         onError(error) {
             toaster.error({
@@ -124,7 +135,10 @@ function TransactionPassword() {
     });
     const schema = z
         .object({
-        password: z.string().min(8, 'Password must be at least 8 characters').max(150, 'Password must be at most 150 characters'),
+        password: z
+            .string()
+            .min(8, 'Password must be at least 8 characters')
+            .max(150, 'Password must be at most 150 characters'),
         confirmPassword: z.string().min(1, 'Please confirm your password'),
     })
         .superRefine((data, ctx) => {

package/package.json

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