@capillarytech/creatives-library 7.12.67 → 7.12.69

package/v2Containers/Templates/tests/index.test.js

@@ -6,12 +6,15 @@ import mockdata from '../../mockdata';
 
 const { whatsappTemplates: TemplatesProp, getCreativesParamsOutput } = mockdata;
 
-jest.mock("../../CreativesContainer", () => ({
+jest.mock('../../CreativesContainer', () => ({
   __esModule: true,
-  default: (props) => <div className="creatives-container-mock" {...props}>CreativesContainer</div>,
+  default: (props) => (
+    <div className="creatives-container-mock" {...props}>
+      CreativesContainer
+    </div>
+  ),
 }));
 
-
 describe('Test Templates container', () => {
   const getWeCrmAccounts = jest.fn();
   const setChannelAccount = jest.fn();
@@ -39,7 +42,7 @@ describe('Test Templates container', () => {
           getSenderDetails,
         }}
         location={{
-          pathname: "/whatsapp",
+          pathname: '/whatsapp',
           query: {},
           search: '',
         }}
@@ -50,14 +53,13 @@ describe('Test Templates container', () => {
         intl={{
           formatMessage: () => {},
         }}
-      />
+      />,
     );
   };
 
   it('Should render correct component for whatsapp channel', () => {
     renderFunction();
     expect(renderedComponent).toMatchSnapshot();
-
     expect(getSenderDetails).toHaveBeenCalledTimes(1);
     expect(getSenderDetails).toHaveBeenCalledWith({
       channel: 'WHATSAPP',
@@ -65,54 +67,56 @@ describe('Test Templates container', () => {
     });
   });
 
-
   it('Should render temlates when whatsapp templates are passed', () => {
     renderFunction();
-    renderedComponent.setProps({TemplatesList: TemplatesProp.templates});
+    renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
     expect(renderedComponent).toMatchSnapshot();
   });
 
-
   it('Should render illustration when no templates are passed', () => {
     renderFunction();
-    renderedComponent.setProps({TemplatesList: []});
+    renderedComponent.setProps({
+      TemplatesList: [],
+      Templates: {},
+    });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render temlates when whatsapp templates are passed in full mode', () => {
     renderFunction(true);
-    renderedComponent.setProps({TemplatesList: TemplatesProp.templates});
-    renderedComponent.setState({selectedWhatsappStatus: 'approved'});
+    renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
+    renderedComponent.setState({ selectedWhatsappStatus: 'approved' });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Test getCreatives params in edit mode', () => {
     renderFunction();
-    renderedComponent.setProps({TemplatesList: TemplatesProp.templates});
-    renderedComponent.setState({routeParams: { pathname: '/edit'}});
-    expect(renderedComponent.instance().getCreativesParams()).toEqual(getCreativesParamsOutput);
+    renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
+    renderedComponent.setState({ routeParams: { pathname: '/edit' } });
+    expect(renderedComponent.instance().getCreativesParams()).toEqual(
+      getCreativesParamsOutput,
+    );
   });
 
   const getFilterContainer = () => {
     const FilterContainer = () =>
-      renderedComponent.find(".selected-whatsapp-filters").props().children;
+      renderedComponent.find('.selected-whatsapp-filters').props().children;
     return shallowWithIntl(<FilterContainer />);
   };
   it('Test removing single filter', () => {
     renderFunction();
-    renderedComponent.setProps({TemplatesList: TemplatesProp.templates});
-    renderedComponent.setState({selectedWhatsappStatus: 'approved'});
+    renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
+    renderedComponent.setState({ selectedWhatsappStatus: 'approved' });
     getFilterContainer().find('CapTag').props().onClose();
     expect(renderedComponent).toMatchSnapshot();
   });
 
-
   it('Test removing all whatsapp filterss', () => {
     renderFunction();
-    renderedComponent.setProps({TemplatesList: TemplatesProp.templates});
+    renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
 
-    renderedComponent.setState({selectedWhatsappStatus: 'approved'});
-    renderedComponent.setState({selectedWhatsappCategory: 'ALERT_UPDATE'});
+    renderedComponent.setState({ selectedWhatsappStatus: 'approved' });
+    renderedComponent.setState({ selectedWhatsappCategory: 'ALERT_UPDATE' });
     expect(renderedComponent).toMatchSnapshot();
 
     //remove all filters
@@ -122,19 +126,25 @@ describe('Test Templates container', () => {
 
   it('Test max templates not exceeded', () => {
     renderFunction(true);
-    renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 260 }]});
+    renderedComponent.setProps({
+      TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 260 }],
+    });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Test max templates exceeded', () => {
     renderFunction(true);
-    renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 1510 }]});
+    renderedComponent.setProps({
+      TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 1510 }],
+    });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Test max templates warning', () => {
     renderFunction(true);
-    renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 248 }]});
+    renderedComponent.setProps({
+      TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 248 }],
+    });
     expect(renderedComponent).toMatchSnapshot();
   });
 });

package/v2Containers/Whatsapp/index.js

@@ -1406,13 +1406,15 @@ export const Whatsapp = (props) => {
             }
             placement={'right'}
           >
-            <CapButton
-              onClick={saveToMessage}
-              disabled={isEditDoneDisabled()}
-              className="whatsapp-create-btn"
-            >
-              <FormattedMessage {...globalMessages.done} />
-            </CapButton>
+            <div className="button-disabled-tooltip-wrapper">
+              <CapButton
+                onClick={saveToMessage}
+                disabled={isEditDoneDisabled()}
+                className="whatsapp-create-btn"
+              >
+                <FormattedMessage {...globalMessages.done} />
+              </CapButton>
+            </div>
           </CapTooltip>
         )}
       </WhatsappFooter>

package/v2Containers/Whatsapp/index.scss

@@ -69,6 +69,7 @@
     margin-bottom: $CAP_SPACE_08;
     overflow: hidden;
     text-overflow: ellipsis;
+    color: $FONT_COLOR_04;
   }
 
   .whatsapp-edit-disabled {