eliminated circular dependencies from widget

Author: Bhupesh-mfsi

packages/messenger-widget/src/components/ConfigureProfile/ConfigureProfile.tsx

@@ -7,10 +7,6 @@ import { GlobalContext } from '../../utils/context-utils';
 import DeleteDM3Name from '../DeleteDM3Name/DeleteDM3Name';
 import './ConfigureProfile.css';
 import {
-    ACTION_TYPE,
-    BUTTON_CLASS,
-    NAME_TYPE,
-    PROFILE_INPUT_FIELD_CLASS,
     closeConfigurationModal,
     fetchChainIdFromServiceName,
     fetchComponent,
@@ -30,6 +26,12 @@ import { AuthContext } from '../../context/AuthContext';
 import { useNetwork } from 'wagmi';
 import { useMainnetProvider } from '../../hooks/mainnetprovider/useMainnetProvider';
 import { switchNetwork } from '@wagmi/core';
+import {
+    ACTION_TYPE,
+    BUTTON_CLASS,
+    NAME_TYPE,
+    PROFILE_INPUT_FIELD_CLASS,
+} from './chain/common';
 
 export function ConfigureDM3Profile() {
     // global context state

packages/messenger-widget/src/components/ConfigureProfile/bl.tsx

@@ -19,26 +19,7 @@ import { getLastDm3Name } from '../../utils/common-utils';
 import { ConfigureGenomeProfile } from './chain/genome/ConfigureGenomeProfile';
 import { ConfigureEnsProfile } from './chain/ens/ConfigureEnsProfile';
 import React from 'react';
-
-export const PROFILE_INPUT_FIELD_CLASS =
-    'profile-input font-weight-400 font-size-14 border-radius-6 w-100 line-height-24';
-
-export const BUTTON_CLASS =
-    'configure-btn font-weight-400 font-size-12 border-radius-4 line-height-24';
-
-export enum NAME_TYPE {
-    ENS_NAME,
-    DM3_NAME,
-}
-
-export enum ACTION_TYPE {
-    CONFIGURE,
-    REMOVE,
-}
-
-export interface IChain {
-    chainToConnect: number;
-}
+import { NAME_TYPE } from './chain/common';
 
 // method to open the profile configuration modal
 export const openConfigurationModal = (dispatch: React.Dispatch<Actions>) => {
@@ -186,10 +167,6 @@ export const validateName = (username: string): boolean => {
     );
 };
 
-export const validateEnsName = (username: string): boolean => {
-    return ethers.utils.isValidName(username);
-};
-
 export const fetchExistingDM3Name = async (
     mainnetProvider: ethers.providers.StaticJsonRpcProvider,
     account: Account,

packages/messenger-widget/src/components/ConfigureProfile/chain/SubmitOnChainProfile.tsx

@@ -1,12 +1,12 @@
 import { useContext } from 'react';
 import tickIcon from '../../../assets/images/white-tick.svg';
+import { ConfigureProfileContext } from '../context/ConfigureProfileContext';
 import {
     ACTION_TYPE,
-    BUTTON_CLASS,
     NAME_TYPE,
     PROFILE_INPUT_FIELD_CLASS,
-} from '../bl';
-import { ConfigureProfileContext } from '../context/ConfigureProfileContext';
+    BUTTON_CLASS,
+} from './common';
 
 export const SubmitOnChainProfile = ({
     label,

packages/messenger-widget/src/components/ConfigureProfile/chain/common.ts

@@ -0,0 +1,25 @@
+import { ethers } from 'ethers';
+
+export enum NAME_TYPE {
+    ENS_NAME,
+    DM3_NAME,
+}
+
+export enum ACTION_TYPE {
+    CONFIGURE,
+    REMOVE,
+}
+
+export const PROFILE_INPUT_FIELD_CLASS =
+    'profile-input font-weight-400 font-size-14 border-radius-6 w-100 line-height-24';
+
+export const BUTTON_CLASS =
+    'configure-btn font-weight-400 font-size-12 border-radius-4 line-height-24';
+
+export interface IChain {
+    chainToConnect: number;
+}
+
+export const validateEnsName = (username: string): boolean => {
+    return ethers.utils.isValidName(username);
+};

packages/messenger-widget/src/components/ConfigureProfile/chain/ens/ConfigureEnsProfile.tsx

@@ -3,11 +3,11 @@ import { useContext } from 'react';
 import { GlobalContext } from '../../../../utils/context-utils';
 import { ConfigureProfileContext } from '../../context/ConfigureProfileContext';
 import { SubmitOnChainProfile } from '../SubmitOnChainProfile';
-import { IChain, NAME_TYPE, validateEnsName } from '../../bl';
 import { AuthContext } from '../../../../context/AuthContext';
 import { submitEnsNameTransaction } from './bl';
 import { useMainnetProvider } from '../../../../hooks/mainnetprovider/useMainnetProvider';
 import { useNetwork } from 'wagmi';
+import { IChain, NAME_TYPE, validateEnsName } from '../common';
 
 export const ConfigureEnsProfile = (props: IChain) => {
     const { dispatch } = useContext(GlobalContext);

packages/messenger-widget/src/components/ConfigureProfile/chain/ens/bl.ts

@@ -9,9 +9,9 @@ import {
 } from '../../../../utils/enum-type-utils';
 import { setContactHeightToMaximum } from '../../../Contacts/bl';
 import { startLoader, closeLoader } from '../../../Loader/Loader';
-import { NAME_TYPE } from '../../bl';
 import { Account, SignedUserProfile } from '@dm3-org/dm3-lib-profile';
 import { Connection } from '../../../../interfaces/web3';
+import { NAME_TYPE } from '../common';
 
 // method to check ENS name is valid or not
 const isEnsNameValid = async (

packages/messenger-widget/src/components/ConfigureProfile/chain/genome/ConfigureGenomeProfile.tsx

@@ -2,11 +2,11 @@ import { useContext } from 'react';
 import { SubmitOnChainProfile } from '../SubmitOnChainProfile';
 import { submitGenomeNameTransaction, validateGenomeName } from './bl';
 import { ConfigureProfileContext } from '../../context/ConfigureProfileContext';
-import { IChain, NAME_TYPE } from '../../bl';
 import { GlobalContext } from '../../../../utils/context-utils';
 import { useNetwork } from 'wagmi';
 import { AuthContext } from '../../../../context/AuthContext';
 import { ethers } from 'ethers';
+import { IChain, NAME_TYPE } from '../common';
 
 export const ConfigureGenomeProfile = (props: IChain) => {
     const { state, dispatch } = useContext(GlobalContext);

packages/messenger-widget/src/components/ConfigureProfile/chain/genome/bl.ts

@@ -8,13 +8,13 @@ import {
 } from '../../../../utils/enum-type-utils';
 import { setContactHeightToMaximum } from '../../../Contacts/bl';
 import { startLoader, closeLoader } from '../../../Loader/Loader';
-import { NAME_TYPE } from '../../bl';
 import { ethers } from 'ethers';
 import { getConractInstance } from '@dm3-org/dm3-lib-shared/dist/ethersHelper';
 import { Connection } from '../../../../interfaces/web3';
 import { Account, SignedUserProfile } from '@dm3-org/dm3-lib-profile';
 
 import { Address, namehash, toHex } from 'viem';
+import { NAME_TYPE } from '../common';
 
 //Space id uses the namehash of the name + the GNO identifier to calculate the node
 const GNO_IDENTIFIER = BigInt(

packages/messenger-widget/src/components/ConfigureProfile/context/ConfigureProfileContext.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { NAME_TYPE } from '../bl';
+import { NAME_TYPE } from '../chain/common';
 
 export interface ConfigureProfileContextType {
     existingEnsName: string | null;

packages/messenger-widget/src/components/DeleteDM3Name/DeleteDM3Name.tsx

@@ -2,7 +2,7 @@ import './DeleteDM3Name.css';
 import '../../styles/modal.css';
 import closeIcon from '../../assets/images/cross.svg';
 import { DeleteDM3NameProps } from '../../interfaces/props';
-import { ACTION_TYPE } from '../ConfigureProfile/bl';
+import { ACTION_TYPE } from '../ConfigureProfile/chain/common';
 
 export default function DeleteDM3Name(props: DeleteDM3NameProps) {
     return (