Fix issue with connector icons in the visual editor

.changeset/little-cycles-talk.md

@@ -0,0 +1,5 @@
+---
+"@wso2is/console": patch
+---
+
+Fix borken connector icons in the visual editor

.changeset/witty-eggs-itch.md

@@ -0,0 +1,6 @@
+---
+"@wso2is/myaccount": patch
+"@wso2is/theme": patch
+---
+
+Fix my account setting section component issue

apps/console/src/features/authentication-flow-builder/providers/authentication-flow-provider.tsx

@@ -40,7 +40,8 @@ import {
 import { AdaptiveScriptUtils } from "../../applications/utils/adaptive-script-utils";
 import { SignInMethodUtils } from "../../applications/utils/sign-in-method-utils";
 import { AuthenticatorManagementConstants } from "../../connections/constants/autheticator-constants";
-import { AuthenticatorCategories } from "../../connections/models/authenticators";
+import { AuthenticatorMeta } from "../../connections/meta/authenticator-meta";
+import { ConnectionInterface } from "../../connections/models/connection";
 import { ConnectionsManagementUtils } from "../../connections/utils/connection-utils";
 import { AppState } from "../../core/store";
 import {
@@ -174,15 +175,7 @@ const AuthenticationFlowProvider = (props: PropsWithChildren<AuthenticationFlowP
                     authenticator.id,
                     authenticator.displayName
                 );
-            }
-
-            authenticator.image = authenticator.idp === AuthenticatorCategories.LOCAL ||
-            authenticator.defaultAuthenticator?.authenticatorId ===
-            AuthenticatorManagementConstants.ORGANIZATION_ENTERPRISE_AUTHENTICATOR_ID
-                ? authenticator.image
-                : ConnectionsManagementUtils
-                    .resolveConnectionResourcePath(
-                        connectionResourcesUrl, authenticator.image);
+            } 
 
             if (authenticator.name === IdentityProviderManagementConstants.BACKUP_CODE_AUTHENTICATOR) {
                 recoveryAuthenticators.push(authenticator);
@@ -194,6 +187,15 @@ const AuthenticationFlowProvider = (props: PropsWithChildren<AuthenticationFlowP
         });
 
         federatedAuthenticators.forEach((authenticator: GenericAuthenticatorInterface) => {
+            authenticator.image = authenticator.defaultAuthenticator?.authenticatorId ===
+            AuthenticatorManagementConstants.ORGANIZATION_ENTERPRISE_AUTHENTICATOR_ID
+                ? AuthenticatorMeta.getAuthenticatorIcon(
+                    (authenticator as ConnectionInterface)
+                        .federatedAuthenticators?.defaultAuthenticatorId 
+                            ?? authenticator.defaultAuthenticator?.authenticatorId)
+                : ConnectionsManagementUtils
+                    .resolveConnectionResourcePath(connectionResourcesUrl, authenticator.image);
+
             if (
                 ApplicationManagementConstants.SOCIAL_AUTHENTICATORS.includes(
                     authenticator.defaultAuthenticator.authenticatorId

apps/console/src/features/connections/components/authenticator-grid.tsx

@@ -54,6 +54,7 @@ import {
     deleteConnection, 
     getConnectedApps 
 } from "../api/connections";
+import { getConnectionIcons } from "../configs/ui";
 import { AuthenticatorManagementConstants } from "../constants/autheticator-constants";
 import { AuthenticatorMeta } from "../meta/authenticator-meta";
 import { 
@@ -416,8 +417,10 @@ export const AuthenticatorGrid: FunctionComponent<AuthenticatorGridPropsInterfac
                                     resourceDocumentationLink = { null }
                                     resourceImage={
                                         (authenticator?.type === "FEDERATED" || isIdP) && !isOrganizationSSOIDP
-                                            ? ConnectionsManagementUtils.resolveConnectionResourcePath(
-                                                "", authenticator?.image)    
+                                            ? authenticator?.image
+                                                ? ConnectionsManagementUtils.resolveConnectionResourcePath(
+                                                    "", authenticator?.image)
+                                                : getConnectionIcons().default            
                                             : isOrganizationSSOIDP 
                                                 ? AuthenticatorMeta.getAuthenticatorIcon(
                                                     (authenticator as ConnectionInterface)

apps/console/src/features/server-configurations/settings/settings-section.tsx

@@ -171,7 +171,7 @@ export const SettingsSection: FunctionComponent<PropsWithChildren<SettingsSectio
                                             }
                                             { header }
                                         </Header>
-                                        <Card.Meta className="description">{ description }</Card.Meta>
+                                        <Card.Meta className="settings-description">{ description }</Card.Meta>
                                     </Grid.Column>
                                     {
                                         connectorEnabled !== undefined

modules/theme/src/themes/default/views/card.overrides

@@ -155,7 +155,7 @@
                 white-space: normal;
             }
         }
-        .description {
+        .settings-description {
             height: 62px;
             display: -webkit-box;
             -webkit-line-clamp: 2;