@capillarytech/creatives-library 7.17.123 → 7.17.125

package/package.json

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

package/tests/integration/TemplateCreation/TemplateCreation.integration.test.js

@@ -284,11 +284,11 @@ describe("Creatives testing template creation", () => {
     fireEvent.change(msgBox, {
       target: { value: '  ' },
     });
-    expect(creativesScreen.getByText(/template content can not be empty/i)).toBeInTheDocument();
+    expect(creativesScreen.getByText(/template message cannot be empty/i)).toBeInTheDocument();
     fireEvent.change(msgBox, {
       target: { value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' },
     });
-    expect(creativesScreen.getByText(/Template content can not be more than 1000/i)).toBeInTheDocument();
+    expect(creativesScreen.getByText(/Template message length cannot exceed 1000/i)).toBeInTheDocument();
     fireEvent.change(msgBox, {
       target: { value: ' viber_test_template}}} ' },
     });

package/v2Components/CapImageUpload/index.js

@@ -15,6 +15,7 @@ import {
   CapHeading,
   CapButton,
   CapImage,
+  CapError,
 } from '@capillarytech/cap-ui-library';
 import { injectIntl, FormattedMessage, intlShape} from 'react-intl';
 import { isEmpty, get } from 'lodash';
@@ -212,8 +213,9 @@ function CapImageUpload(props) {
             </CapButton>
           )}
         </CapUploader.CapDragger>
-
-
+        <CapError type="error" className="upload-image-error">
+          {isImageError}
+        </CapError>
         </>
       );
     }
@@ -233,7 +235,7 @@ function CapImageUpload(props) {
     <div style={style} className="cap-custom-image-upload">
       <WithLabel
         key={`with-label`}
-        errorMessage={isImageError} ifError={!!isImageError}
+        ifError={!!isImageError}
 
     />
       <form encType="multipart/form-data" id={`form`} className={className}>

package/v2Components/CapImageUpload/index.scss

@@ -17,4 +17,7 @@ $classPrefix: cap-custom-image-upload;
   .grey-background div {
     background: $CAP_G10;
   }
+  .upload-image-error{
+    margin-top: $CAP_SPACE_04;
+}
 }

package/v2Components/CapVideoUpload/index.scss

@@ -12,7 +12,6 @@ $classPrefix: cap-custom-video-upload;
     .video-reupload{  
         float: right;
         color: $FONT_COLOR_05;
-        padding: 0px;
         right: 40px;
     }
     .video-info{

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'],
   },
 };
+

package/v2Containers/CreativesContainer/index.js

@@ -48,7 +48,7 @@ const CREATIVES_CONTAINER = 'creativesContainer';
 const SlideBoxWrapper = styled.div`
   .cap-slide-box-v2-container{
     .slidebox-header, .slidebox-content-container, .slidebox-footer{
-      padding: 0 32px;
+      padding: 0 3rem;
       &.has-footer{
         overflow-x: hidden;
       }

package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap

@@ -51820,14 +51820,12 @@ new message content.",
                               }
                             >
                               <_class
-                                errorMessage={false}
                                 ifError={false}
                                 key="with-label"
                                 labelPosition="top"
                               >
                                 <ComponentWithLabelHOC__CapComponentStyled
                                   className="component-with-label"
-                                  errorMessage={false}
                                   labelPosition="top"
                                 >
                                   <div
@@ -51840,7 +51838,6 @@ new message content.",
                                         className="ComponentWithLabelHOC__ComponentWithLabelWrapper-sc-1qk6bpg-1 evSAae"
                                       >
                                         <Component
-                                          errorMessage={false}
                                           ifError={false}
                                         >
                                           <div
@@ -67266,14 +67263,12 @@ new message content.",
                               }
                             >
                               <_class
-                                errorMessage={false}
                                 ifError={false}
                                 key="with-label"
                                 labelPosition="top"
                               >
                                 <ComponentWithLabelHOC__CapComponentStyled
                                   className="component-with-label"
-                                  errorMessage={false}
                                   labelPosition="top"
                                 >
                                   <div
@@ -67286,7 +67281,6 @@ new message content.",
                                         className="ComponentWithLabelHOC__ComponentWithLabelWrapper-sc-1qk6bpg-1 evSAae"
                                       >
                                         <Component
-                                          errorMessage={false}
                                           ifError={false}
                                         >
                                           <div
@@ -82606,14 +82600,12 @@ new message content.",
                               }
                             >
                               <_class
-                                errorMessage={false}
                                 ifError={false}
                                 key="with-label"
                                 labelPosition="top"
                               >
                                 <ComponentWithLabelHOC__CapComponentStyled
                                   className="component-with-label"
-                                  errorMessage={false}
                                   labelPosition="top"
                                 >
                                   <div
@@ -82626,7 +82618,6 @@ new message content.",
                                         className="ComponentWithLabelHOC__ComponentWithLabelWrapper-sc-1qk6bpg-1 evSAae"
                                       >
                                         <Component
-                                          errorMessage={false}
                                           ifError={false}
                                         >
                                           <div
@@ -98052,14 +98043,12 @@ new message content.",
                               }
                             >
                               <_class
-                                errorMessage={false}
                                 ifError={false}
                                 key="with-label"
                                 labelPosition="top"
                               >
                                 <ComponentWithLabelHOC__CapComponentStyled
                                   className="component-with-label"
-                                  errorMessage={false}
                                   labelPosition="top"
                                 >
                                   <div
@@ -98072,7 +98061,6 @@ new message content.",
                                         className="ComponentWithLabelHOC__ComponentWithLabelWrapper-sc-1qk6bpg-1 evSAae"
                                       >
                                         <Component
-                                          errorMessage={false}
                                           ifError={false}
                                         >
                                           <div
@@ -122549,14 +122537,12 @@ new message content.",
                               }
                             >
                               <_class
-                                errorMessage={false}
                                 ifError={false}
                                 key="with-label"
                                 labelPosition="top"
                               >
                                 <ComponentWithLabelHOC__CapComponentStyled
                                   className="component-with-label"
-                                  errorMessage={false}
                                   labelPosition="top"
                                 >
                                   <div
@@ -122569,7 +122555,6 @@ new message content.",
                                         className="ComponentWithLabelHOC__ComponentWithLabelWrapper-sc-1qk6bpg-1 evSAae"
                                       >
                                         <Component
-                                          errorMessage={false}
                                           ifError={false}
                                         >
                                           <div

package/v2Containers/Viber/index.js

@@ -473,7 +473,7 @@ export const Viber = (props) => {
         >
           {formatMessage(messages.save)}
         </CapButton>
-        <CapButton className="cta-btn-action" onClick={handleCancelCta}>
+        <CapButton type="secondary" className="cta-btn-action" onClick={handleCancelCta}>
           {formatMessage(messages.cancel)}
         </CapButton>
       </CapColumn>

package/v2Containers/Viber/index.scss

@@ -20,12 +20,6 @@
 }
 .cap-custom-video-upload {
   padding-top: $CAP_SPACE_20;
-  .dragger-button.re-upload {
-    top: -11rem;
-    position: relative;
-    left: 32.75rem;
-    color: $FONT_COLOR_05;
-  }
 }
 
 .viber-message-header {

package/v2Containers/Viber/messages.js

@@ -100,11 +100,11 @@ export default defineMessages({
   },
   emptyContentErrorMessage: {
     id: `${scope}.emptyContentErrorMessage`,
-    defaultMessage: 'Template content can not be empty',
+    defaultMessage: 'Template message cannot be empty',
   },
   limitExceededContentErrorMessage: {
     id: `${scope}.limitExceededContentErrorMessage`,
-    defaultMessage: 'Template content can not be more than 1000',
+    defaultMessage: 'Template message length cannot exceed 1000',
   },
   invalidTagError: {
     id: `${scope}.invalidTagError`,