@capillarytech/creatives-library 7.14.2 → 7.14.4

package/package.json

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

package/v2Containers/CreativesContainer/index.js

@@ -120,7 +120,7 @@ export class Creatives extends React.Component {
     this.resetStep();
   };
   onChannelChange = (channel) => {
-    this.setState({currentChannel: channel});
+    this.setState({currentChannel: channel, templateData: null});
   }
   onCreateNextStep = () => {
     this.setState((prevState) => {

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

@@ -104,6 +104,25 @@ describe('Test SlideBoxContent container', () => {
     expect(getCreativesData).toHaveBeenCalledTimes(2);
   });
 
+  it.only('It should clear templateData, on channel change.', async () => {
+    renderFunction(
+      'WHATSAPP',
+      'editTemplate',
+      whatsappTemplates,
+      whatsappGetCreativeData1,
+    );
+    renderedComponent.instance().onEditTemplate();
+    renderedComponent
+      .find('CapSlideBox')
+      .props()
+      .content.props.getFormData(whatsappGetCreativeData1);
+
+    const componentInstance = renderedComponent.instance()
+    expect(componentInstance.state.templateData).toBeDefined();
+    expect(componentInstance.onChannelChange("MOBILEPUSH"));
+    expect(componentInstance.state.templateData).not.toBeDefined();
+  });
+
   it('campaign message, add creative click rcs', () => {
     renderFunction('RCS', 'createTemplate', rcsTemplates, { mode: 'create' });
     expect(renderedComponent).toMatchSnapshot();

package/v2Containers/Templates/index.js

@@ -854,7 +854,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       />
     );
 
-  getTemplateDataForGrid = ({templates, handlers, filterContent, channel, isLoading, loadingTip}) => {
+  getTemplateDataForGrid = ({templates=[], handlers, filterContent, channel, isLoading, loadingTip}) => {
   const currentChannel = channel.toUpperCase();
     const {channel: stateChannel} = this.state;
     const channelLowerCase = stateChannel.toLowerCase();