@homefile/components-v2 2.7.19 → 2.7.21

package/dist/components/homeBoard/HomeCardWithRecipent.js

@@ -21,5 +21,5 @@ export const HomeCardWithRecipent = ({ address: { city, state, street, number =
             component: (_jsx(HomeCardRecipients, { recipients: recipients, menu: menu, onEditClick: handleEditAccountType })),
         }
     ];
-    return (_jsxs(Container, { variant: "launchpad", children: [_jsx(HomeCard, { city: city, externalLink: externalLink, imageUrl: image, name: name, number: number, street: street, state: state, zip: zip, handleEditClick: () => handleEdit(_id), addImage: addImage, loading: loading, edit: !disabled }), _jsx(TabsHeader, { tabList: propertyDisabled ? noPropertyTabs : tabs }), _jsx(RightPanel, { isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: _jsx(EditAccountType, { associateAccount: editingAccountType, handleClose: onRightClose, handleDelete: handleDeleteAccountType, handleSubmit: handleSubmitAccountType, isLoading: loading }) })] }));
+    return (_jsxs(Container, { variant: "launchpad", children: [_jsx(HomeCard, { city: city, externalLink: externalLink, imageUrl: image, name: name, number: number, street: street, state: state, zip: zip, handleEditClick: () => handleEdit(_id), addImage: addImage, loading: loading, edit: !disabled }), _jsx(TabsHeader, { tabList: propertyDisabled ? noPropertyTabs : tabs }), (handleDeleteAccountType && handleSubmitAccountType) && (_jsx(RightPanel, { isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: _jsx(EditAccountType, { associateAccount: editingAccountType, handleClose: onRightClose, handleDelete: handleDeleteAccountType, handleSubmit: handleSubmitAccountType, isLoading: loading }) }))] }));
 };

package/dist/interfaces/homeBoard/HomeCardWithRecipent.interface.d.ts

@@ -17,8 +17,8 @@ export interface HomeCardWithRecipentI {
     externalLink?: string;
     _id: string;
     handleEdit: (id: string) => void;
-    handleDeleteAccountType: (email: string) => void;
-    handleSubmitAccountType: (form: AssociatedAccountI) => void;
+    handleDeleteAccountType?: (email: string) => void;
+    handleSubmitAccountType?: (form: AssociatedAccountI) => void;
     image?: ImageI | null;
     loading?: boolean;
     menu?: MenuItemI[];

package/dist/interfaces/myProfile/details/TwoFactorSetting.interface.d.ts

@@ -7,7 +7,7 @@ export interface TwoFactorSettingI {
     defaultValue?: string;
     email?: string;
     loading?: boolean;
-    onChange?: (value: string) => void;
+    onChange?: (value: 'email' | 'sms') => void;
     onSave: (value: TwoFactorFormI) => void;
     sms?: string;
     twoFactor?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.7.19",
+  "version": "2.7.21",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/src/components/homeBoard/HomeCardWithRecipent.tsx

@@ -92,16 +92,19 @@ export const HomeCardWithRecipent = ({
       />
 
       <TabsHeader tabList={propertyDisabled ? noPropertyTabs : tabs} />
-
-      <RightPanel isOpen={isRightOpen} onClose={onRightClose} size={panelSize}>
-        <EditAccountType
-          associateAccount={editingAccountType}
-          handleClose={onRightClose}
-          handleDelete={handleDeleteAccountType}
-          handleSubmit={handleSubmitAccountType}
-          isLoading={loading}
-        />
-      </RightPanel>
+      {
+        (handleDeleteAccountType && handleSubmitAccountType) && (
+          <RightPanel isOpen={isRightOpen} onClose={onRightClose} size={panelSize}>
+            <EditAccountType
+              associateAccount={editingAccountType}
+              handleClose={onRightClose}
+              handleDelete={handleDeleteAccountType}
+              handleSubmit={handleSubmitAccountType}
+              isLoading={loading}
+            />
+          </RightPanel>
+        )
+      }
     </Container>
   )
 }

package/src/hooks/myProfile/useTwoFactorSetting.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useEffect } from 'react'
 import { useRadioGroup } from '@chakra-ui/react'
 import { useForm } from 'react-hook-form'
 import * as yup from 'yup'
@@ -15,7 +15,7 @@ export const useTwoFactorSetting = ({
 }: Partial<TwoFactorSettingI>) => {
   const altText = getIconAltText(Security)
 
-  const handleRadioChange = (value: string) => {
+  const handleRadioChange = (value: 'email' | 'sms') => {
     onChange?.(value)
   }
 
@@ -56,7 +56,8 @@ export const useTwoFactorSetting = ({
   const isSmsChanged = smsValue !== sms
   const radioChanged = radioValue !== defaultValue && is2faEnabled
 
-  const showButtons = isSwitchChanged || isEmailChanged || isSmsChanged || radioChanged
+  const showButtons =
+    isSwitchChanged || isEmailChanged || isSmsChanged || radioChanged
 
   const handlePhoneValidation = (value?: string): boolean => {
     if (radioValue === 'sms')

package/src/interfaces/homeBoard/HomeCardWithRecipent.interface.ts

@@ -24,8 +24,8 @@ export interface HomeCardWithRecipentI {
   externalLink?: string
   _id: string
   handleEdit: (id: string) => void
-  handleDeleteAccountType: (email: string) => void
-  handleSubmitAccountType: (form: AssociatedAccountI) => void
+  handleDeleteAccountType?: (email: string) => void
+  handleSubmitAccountType?: (form: AssociatedAccountI) => void
   image?: ImageI | null
   loading?: boolean
   menu?: MenuItemI[]

package/src/interfaces/myProfile/details/TwoFactorSetting.interface.ts

@@ -8,7 +8,7 @@ export interface TwoFactorSettingI {
   defaultValue?: string
   email?: string
   loading?: boolean
-  onChange?: (value: string) => void
+  onChange?: (value: 'email' | 'sms') => void
   onSave: (value: TwoFactorFormI) => void
   sms?: string
   twoFactor?: string