@capillarytech/creatives-library 7.17.124 → 7.17.125

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.124",
+  "version": "7.17.125",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/Ckeditor/index.js

@@ -185,6 +185,23 @@ class Ckeditor extends React.Component { // eslint-disable-line react/prefer-sta
       }
     }
   }
+
+  componentDidUpdate(prevProps) {
+    if (this.props.content !== prevProps.content) {
+      let content = '';
+      this.id = this.props.id;
+      if (this.props.content !== '') {
+        content = this.props.content;
+        content = content.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/\\&quot;/g, "\"");
+      }
+      this.setState({ content }, () => {
+        if (this.editorInstance) {
+          this.editorInstance.setData(content);
+        }
+      });
+    }
+  }
+  
   onLoad = () => {
     this.setState({ scriptLoaded: true }, () => {
       this.initializeEditor();

package/v2Components/NavigationBar/index.js

@@ -100,7 +100,7 @@ export class NavigationBar extends React.Component {
     }
   };
 
-  getTopbarIcons = (showDocumentationBot = false) => {
+  getTopbarIcons = (showDocumentationBot = false, isLatestLeftNavigationEnabled = false) => {
     const {settingsIcon} = this.state;
     const ICONS = [
       {
@@ -108,9 +108,12 @@ export class NavigationBar extends React.Component {
         key: 'help',
         onClickHandler: this.onHelpIconClick,
       },
-      settingsIcon,
     ];
+    if (!isLatestLeftNavigationEnabled) {
+      ICONS.push(settingsIcon);
+     }
     return showDocumentationBot ? ICONS.slice(1) : ICONS; // If showDocumentationBot is true, help icon will be replaced by Aira icon on UI
+
   };
 
   getDropdownMenu = () => {
@@ -147,7 +150,6 @@ export class NavigationBar extends React.Component {
     } = this.props;
     const showDocumentationBot = userData?.currentOrgDetails?.accessibleFeatures?.includes(ENABLE_AI_SUGGESTIONS);
     const dropdownMenuProps = this.getDropdownMenu();
-    const topbarIcons = this.getTopbarIcons(showDocumentationBot);
     const {
       currentOrgDetails: {
         accessibleFeatures = [],
@@ -156,6 +158,7 @@ export class NavigationBar extends React.Component {
     const isLatestLeftNavigationEnabled = accessibleFeatures?.includes(
       ENABLE_NEW_LEFT_NAVIGATION,
     );
+    const topbarIcons = this.getTopbarIcons(showDocumentationBot,isLatestLeftNavigationEnabled);
     const topbarMenuDataModified = isLatestLeftNavigationEnabled ? [] : topbarMenuData;
     const headerOverideCss = isLatestLeftNavigationEnabled && (leftNavbarExpandedProp ? CapLeftNavigatioOpenCss : CapLeftNavigationCss);
     return (

package/v2Components/NavigationBar/tests/index.test.js

@@ -8,7 +8,7 @@ import { render, screen } from '../../../utils/test-utils';
 import { NavigationBar } from '../index';
 import * as mockdata from './mockData';
 
-const { userData } = mockdata;
+const { userData} = mockdata;
 
 const ComponentToRender = injectIntl(NavigationBar);
 
@@ -48,4 +48,11 @@ describe('NavigationBar', () => {
     const ariaBotIcon = screen.queryByLabelText('open-aira');
     expect(ariaBotIcon).toBeNull();
   });
+  it('Should contains top vertical', () => {
+    const updatedProps = {...props} ;
+    delete updatedProps.userData.currentOrgDetails.accessibleFeatures;
+    renderComponent(updatedProps);
+    const topVaerticalBar = document.querySelector('.cap-top-bar-vertical');
+    expect(topVaerticalBar).toBeInTheDocument();
+  });
 });

package/v2Components/NavigationBar/tests/mockData.js

@@ -34,3 +34,4 @@ export const userData = {
     accessibleFeatures: ['ENABLE_AI_SUGGESTIONS'],
   },
 };
+