@capillarytech/creatives-library 7.12.66 → 7.12.68

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

@@ -1373,7 +1373,7 @@ export const Whatsapp = (props) => {
             <CapTooltip
               title={
                 isDisableDone()
-                  ? formatMessage(messages.sendForApprovalToolTip)
+                  ? formatMessage(messages.btnDisabledTooltip)
                   : ''
               }
               placement={'right'}
@@ -1398,7 +1398,14 @@ export const Whatsapp = (props) => {
           </>
         )}
         {!isFullMode && isEditFlow && (
-          <>
+          <CapTooltip
+            title={
+              isEditDoneDisabled()
+                ? formatMessage(messages.btnDisabledTooltip)
+                : ''
+            }
+            placement={'right'}
+          >
             <CapButton
               onClick={saveToMessage}
               disabled={isEditDoneDisabled()}
@@ -1406,7 +1413,7 @@ export const Whatsapp = (props) => {
             >
               <FormattedMessage {...globalMessages.done} />
             </CapButton>
-          </>
+          </CapTooltip>
         )}
       </WhatsappFooter>
     </CapSpin>

package/v2Containers/Whatsapp/messages.js

@@ -185,8 +185,8 @@ export default defineMessages({
     id: `${prefix}.sendForApprovalButtonLabel`,
     defaultMessage: 'Send for approval',
   },
-  sendForApprovalToolTip: {
-    id: `${prefix}.sendForApprovalToolTip`,
+  btnDisabledTooltip: {
+    id: `${prefix}.btnDisabledTooltip`,
     defaultMessage: 'Please add all mandatory fields to proceed further',
   },
   cancelButtonLabel: {
@@ -286,7 +286,7 @@ export default defineMessages({
   },
   btnTypeQuickReply: {
     id: `${prefix}.btnTypeQuickReply`,
-    defaultMessage: 'Quik reply',
+    defaultMessage: 'Quick reply',
   },
   quickReplyDesc: {
     id: `${prefix}.quickReplyDesc`,