@capillarytech/creatives-library 8.0.347 → 8.0.348

package/package.json

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

package/services/api.js

@@ -361,26 +361,6 @@ export const deleteTemplate = ({channel, id}) => {
   //return API.deleteResource(url);
 };
 
-export const archiveTemplate = ({ channel, id }) => {
-  const url = `${API_ENDPOINT}/templates/archive/${id}/${channel}`;
-  return request(url, getAPICallObject('PUT'));
-};
-
-export const unarchiveTemplate = ({ channel, id }) => {
-  const url = `${API_ENDPOINT}/templates/unarchive/${id}/${channel}`;
-  return request(url, getAPICallObject('PUT'));
-};
-
-export const bulkArchiveTemplates = ({ channel, ids }) => {
-  const url = `${API_ENDPOINT}/templates/archive/bulk/${channel}`;
-  return request(url, getAPICallObject('PUT', { ids }));
-};
-
-export const bulkUnarchiveTemplates = ({ channel, ids }) => {
-  const url = `${API_ENDPOINT}/templates/unarchive/bulk/${channel}`;
-  return request(url, getAPICallObject('PUT', { ids }));
-};
-
 export const deleteRcsTemplate = ({ templateName }) => {
   const url = `${API_ENDPOINT}/templates/${templateName}/RCS`;
   return request(url, getAPICallObject('DELETE'))

package/services/tests/api.test.js

@@ -1086,62 +1086,3 @@ describe('createTestCustomer', () => {
     expect(lastCall[1].body).toBe(JSON.stringify(payload));
   });
 });
-
-import {
-  archiveTemplate,
-  unarchiveTemplate,
-  bulkArchiveTemplates,
-  bulkUnarchiveTemplates,
-} from '../api';
-
-describe('archiveTemplate', () => {
-  beforeEach(() => {
-    global.fetch = jest.fn().mockReturnValue(Promise.resolve({ json: () => Promise.resolve({}) }));
-  });
-
-  it('should call PUT on archive endpoint', () => {
-    archiveTemplate({ channel: 'EMAIL', id: 'id123' });
-    expect(global.fetch).toHaveBeenCalled();
-    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
-    expect(lastCall[1].method).toBe('PUT');
-  });
-});
-
-describe('unarchiveTemplate', () => {
-  beforeEach(() => {
-    global.fetch = jest.fn().mockReturnValue(Promise.resolve({ json: () => Promise.resolve({}) }));
-  });
-
-  it('should call PUT on unarchive endpoint', () => {
-    unarchiveTemplate({ channel: 'EMAIL', id: 'id123' });
-    expect(global.fetch).toHaveBeenCalled();
-    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
-    expect(lastCall[1].method).toBe('PUT');
-  });
-});
-
-describe('bulkArchiveTemplates', () => {
-  beforeEach(() => {
-    global.fetch = jest.fn().mockReturnValue(Promise.resolve({ json: () => Promise.resolve({}) }));
-  });
-
-  it('should call PUT on bulk archive endpoint with ids', () => {
-    bulkArchiveTemplates({ channel: 'EMAIL', ids: ['id1', 'id2'] });
-    expect(global.fetch).toHaveBeenCalled();
-    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
-    expect(lastCall[1].method).toBe('PUT');
-  });
-});
-
-describe('bulkUnarchiveTemplates', () => {
-  beforeEach(() => {
-    global.fetch = jest.fn().mockReturnValue(Promise.resolve({ json: () => Promise.resolve({}) }));
-  });
-
-  it('should call PUT on bulk unarchive endpoint with ids', () => {
-    bulkUnarchiveTemplates({ channel: 'EMAIL', ids: ['id1', 'id2'] });
-    expect(global.fetch).toHaveBeenCalled();
-    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
-    expect(lastCall[1].method).toBe('PUT');
-  });
-});

package/utils/tests/v2Common.test.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { shallow } from 'enzyme';
-import { getObjFromQueryParams, buildTemplateNameDescription } from '../v2common';
+import { getObjFromQueryParams } from '../v2common';
 
 describe('Test v2common container', () => {
   it('test getObjFromQueryParams', () => {
@@ -10,47 +9,3 @@ describe('Test v2common container', () => {
     });
   });
 });
-
-describe('buildTemplateNameDescription', () => {
-  it('returns undefined when templateName is empty string', () => {
-    expect(buildTemplateNameDescription('Template name', '')).toBeUndefined();
-  });
-
-  it('returns undefined when templateName is null', () => {
-    expect(buildTemplateNameDescription('Template name', null)).toBeUndefined();
-  });
-
-  it('returns undefined when templateName is undefined', () => {
-    expect(buildTemplateNameDescription('Template name', undefined)).toBeUndefined();
-  });
-
-  it('renders a span wrapper when templateName is provided', () => {
-    const result = buildTemplateNameDescription('Template name', 'Welcome 01');
-    const wrapper = shallow(result);
-    expect(wrapper.type()).toBe('span');
-  });
-
-  it('renders label text in the first CapLabelInline with correct class', () => {
-    const result = buildTemplateNameDescription('Template name', 'Welcome 01');
-    const wrapper = shallow(result);
-    const firstLabel = wrapper.childAt(0);
-    expect(firstLabel.prop('className')).toBe('notification-template-label');
-    expect(firstLabel.prop('children')).toBe('Template name');
-  });
-
-  it('renders template name in the second CapLabelInline with correct class', () => {
-    const result = buildTemplateNameDescription('Template name', 'Welcome 01');
-    const wrapper = shallow(result);
-    const secondLabel = wrapper.childAt(1);
-    expect(secondLabel.prop('className')).toBe('notification-template-name');
-    expect(secondLabel.prop('children')).toBe('Welcome 01');
-  });
-
-  it('both CapLabelInline elements have type="label1"', () => {
-    const result = buildTemplateNameDescription('Template name', 'Welcome 01');
-    const wrapper = shallow(result);
-    wrapper.children().forEach((node) => {
-      expect(node.prop('type')).toBe('label1');
-    });
-  });
-});

package/utils/v2common.js

@@ -1,21 +1,3 @@
-import React from 'react';
-import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
-
-/**
- * Builds a JSX description for template archive/unarchive notifications.
- * @param {string} labelText - Localised label (e.g. "Template name ")
- * @param {string} templateName - The template name to display
- */
-export const buildTemplateNameDescription = (labelText, templateName) => (
-  templateName
-    ? (
-      <span>
-        <CapLabel.CapLabelInline type="label1" className="notification-template-label">{labelText}</CapLabel.CapLabelInline>
-        <CapLabel.CapLabelInline type="label1" className="notification-template-name">{templateName}</CapLabel.CapLabelInline>
-      </span>
-    )
-    : undefined
-);
 
 // returns query items as obj when query string is passed
 /**

package/v2Components/CapCustomSkeleton/index.js

@@ -28,7 +28,7 @@ export default function CapCustomSkeleton(props) {
                   xs={24}
                   sm={12}
                   md={8}
-                  lg={8}
+                  lg={6}
                 >
                   <CapSkeleton
                     active

package/v2Components/CapCustomSkeleton/tests/__snapshots__/index.test.js.snap

@@ -20,7 +20,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
     >
       <CapColumn
         key="0"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -40,7 +40,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="1"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -60,7 +60,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="2"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -80,7 +80,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="3"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -100,7 +100,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="4"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -120,7 +120,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="5"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -140,7 +140,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="6"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -160,7 +160,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="7"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -180,7 +180,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="8"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -200,7 +200,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="9"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -220,7 +220,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="10"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}
@@ -240,7 +240,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="11"
-        lg={8}
+        lg={6}
         md={8}
         sm={12}
         xs={24}

package/v2Components/CommonTestAndPreview/UnifiedPreview/WhatsAppPreviewContent.js

@@ -18,7 +18,7 @@ import CapRow from '@capillarytech/cap-ui-library/CapRow';
 import { ANDROID, IOS } from '../constants';
 import messages from '../messages';
 import { getWhatsappQuickReply, getWhatsappCarouselButtonView } from '../../../v2Containers/Whatsapp/utils';
-import { QUICK_REPLY, PHONE_NUMBER, WHATSAPP_CATEGORIES } from '../../../v2Containers/Whatsapp/constants';
+import { QUICK_REPLY, PHONE_NUMBER, WHATSAPP_CATEGORIES, TEMPLATE_VARIABLE_REGEX } from '../../../v2Containers/Whatsapp/constants';
 import videoPlay from '../../../assets/videoPlay.svg';
 import whatsappImageEmptyPreview from '../../TemplatePreview/assets/images/empty_image_preview.svg';
 import whatsappVideoEmptyPreview from '../../TemplatePreview/assets/images/empty_video_preview.svg';
@@ -27,6 +27,8 @@ import whatsappVideoEmptyPreview from '../../TemplatePreview/assets/images/empty
 const whatsappMobileAndroid = require('../../../assets/whatsapp_android.png');
 const whatsappMobileIos = require('../../../assets/whatsapp_ios.png');
 
+const { CapLabelInline } = CapLabel;
+
 const WhatsAppPreviewContent = ({
   content,
   device,
@@ -214,11 +216,21 @@ const WhatsAppPreviewContent = ({
 
         {/* Image Preview */}
         {content?.whatsappImageSrc && (
-          <CapImage
-            src={content.whatsappImageSrc}
-            className="whatsapp-image"
-            alt={formatMessage(messages.previewGenerated)}
-          />
+          TEMPLATE_VARIABLE_REGEX.test(content.whatsappImageSrc) ? (
+            <CapRow className="whatsapp-image-url-placeholder">
+              <CapIcon type="picture" size="s" className="whatsapp-image-url-placeholder-icon" />
+              <CapLabelInline type="label2" className="whatsapp-image-url-placeholder-text">
+                {content.whatsappImageSrc}
+              </CapLabelInline>
+            </CapRow>
+          ) : (
+            <CapImage
+              src={content.whatsappImageSrc}
+              className="whatsapp-image"
+              alt={formatMessage(messages.previewGenerated)}
+              onError={(e) => { e.target.src = whatsappImageEmptyPreview; }}
+            />
+          )
         )}
 
         {/* Video Preview */}

package/v2Components/CommonTestAndPreview/UnifiedPreview/_unifiedPreview.scss

@@ -940,6 +940,33 @@
       }
     }
 
+    .whatsapp-image-url-placeholder {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: $CAP_SPACE_08;
+      width: 100%;
+      min-height: 5rem;
+      max-height: 8.786rem;
+      margin-bottom: $CAP_SPACE_04;
+      background-color: $CAP_G09;
+      border-radius: $CAP_SPACE_04;
+      padding: $CAP_SPACE_08;
+
+      .whatsapp-image-url-placeholder-icon {
+        color: $CAP_G05;
+        font-size: 1.5rem;
+      }
+
+      .whatsapp-image-url-placeholder-text {
+        font-size: $FONT_SIZE_S;
+        color: $CAP_G04;
+        text-align: center;
+        word-break: break-all;
+      }
+    }
+
     .whatsapp-image {
       width: 100%;
       max-height: 8.786rem;

package/v2Components/CommonTestAndPreview/tests/UnifiedPreview/WhatsAppPreviewContent.test.js

@@ -26,6 +26,7 @@ jest.mock('../../../../v2Containers/Whatsapp/constants', () => ({
   WHATSAPP_CATEGORIES: {
     authentication: 'authentication',
   },
+  TEMPLATE_VARIABLE_REGEX: /\{\{.*?\}\}/,
 }));
 
 // Convert messages object to format expected by IntlProvider
@@ -238,6 +239,53 @@ describe('WhatsAppPreviewContent', () => {
       expect(image.getAttribute('src')).toBe('https://image.url');
     });
 
+    it('should render placeholder when whatsappImageSrc is a template variable', () => {
+      const props = {
+        ...defaultProps,
+        content: {
+          templateMsg: 'Message',
+          whatsappImageSrc: '{{imageUrl}}',
+        },
+      };
+
+      const { container } = render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(container.querySelector('.whatsapp-image-url-placeholder')).toBeTruthy();
+      expect(container.querySelector('.whatsapp-image-url-placeholder-icon')).toBeTruthy();
+      expect(container.querySelector('.whatsapp-image-url-placeholder-text').textContent).toBe('{{imageUrl}}');
+      expect(container.querySelector('img.whatsapp-image')).toBeFalsy();
+    });
+
+    it('should fall back to empty preview image when image fails to load', () => {
+      const props = {
+        ...defaultProps,
+        content: {
+          templateMsg: 'Message',
+          whatsappImageSrc: 'https://broken.url/image.jpg',
+        },
+      };
+
+      const { container } = render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      const image = container.querySelector('img.whatsapp-image');
+      expect(image).toBeTruthy();
+      expect(image.getAttribute('src')).toBe('https://broken.url/image.jpg');
+
+      // Trigger onError to swap src to fallback
+      const errorEvent = new Event('error');
+      image.dispatchEvent(errorEvent);
+
+      expect(image.getAttribute('src')).not.toBe('https://broken.url/image.jpg');
+    });
+
     it('should render video preview when whatsappVideoPreviewImg is present', () => {
       const props = {
         ...defaultProps,

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -816,6 +816,27 @@
     }
   }
 
+  .whatsapp-image-url-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: $CAP_G09; 
+    border-radius: $CAP_SPACE_04;
+    width: 100%;
+    min-height: 5rem;
+    max-height: 8.786rem;
+    margin-bottom: $CAP_SPACE_04;
+    .whatsapp-image-url-placeholder-text {
+      font-size: 0.786rem;
+      color: $CAP_G04;
+      margin-top: $CAP_SPACE_04;
+      text-align: center;
+      word-break: break-all;
+      padding: 0 $CAP_SPACE_04;
+    }
+  }
+
   .msg-container-carousel {
     display: flex;
     flex-direction: column;

package/v2Components/TemplatePreview/index.js

@@ -48,7 +48,7 @@ import { TEMPLATE, IMAGE_CAROUSEL, IMAGE, STICKER, TEXT, IMAGE_MAP, VIDEO } from
 import CapFacebookPreview from '../../v2Containers/CapFacebookPreview';
 import WhatsappStatusContainer from '../WhatsappStatusContainer';
 import { getWhatsappQuickReply, getWhatsappCarouselButtonView } from '../../v2Containers/Whatsapp/utils';
-import { QUICK_REPLY, WHATSAPP_CATEGORIES, PHONE_NUMBER } from '../../v2Containers/Whatsapp/constants';
+import { QUICK_REPLY, WHATSAPP_CATEGORIES, PHONE_NUMBER, TEMPLATE_VARIABLE_REGEX } from '../../v2Containers/Whatsapp/constants';
 import { RCS_BUTTON_TYPES, LEFT, HORIZONTAL, VERTICAL, RIGHT} from '../../v2Containers/Rcs/constants';
 import { ANDROID, INAPP_MESSAGE_LAYOUT_TYPES } from '../../v2Containers/InApp/constants';
 import { CAROUSEL } from '../../v2Containers/MobilePushNew/constants';
@@ -66,6 +66,8 @@ const lineVideoPlaceholder = require('../../assets/rich-video-placeholder.svg');
 const androidPushMessagePhone = require('./assets/images/Android_With_date_and_time.svg');
 const iPhonePushMessagePhone = require('./assets/images/iOS_With_date_and_time.svg');
 
+const { CapLabelInline } = CapLabel;
+
 export class TemplatePreview extends React.Component { // eslint-disable-line react/prefer-stateless-function
   onPreviewContentClicked = (channel) => {
     const IOSContent = (this.props.templateDataRaw && this.props.templateDataRaw.versions.base.IOS) ||
@@ -1194,11 +1196,21 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                         {content?.showUrlPreview
                           && renderUrlPreview(content?.metaTagsDetails)}
                         {content?.whatsappImageSrc && (
-                          <CapImage
-                            src={content.whatsappImageSrc}
-                            className="whatsapp-image"
-                            alt={formatMessage(messages.previewGenerated)}
-                          />
+                          TEMPLATE_VARIABLE_REGEX.test(content.whatsappImageSrc) ? (
+                            <div className="whatsapp-image-url-placeholder">
+                              <CapIcon type="picture" size="s" className="whatsapp-image-url-placeholder-icon" />
+                              <CapLabelInline type="label2" className="whatsapp-image-url-placeholder-text">
+                                {content.whatsappImageSrc}
+                              </CapLabelInline>
+                            </div>
+                          ) : (
+                            <CapImage
+                              src={content.whatsappImageSrc}
+                              className="whatsapp-image"
+                              alt={formatMessage(messages.previewGenerated)}
+                              onError={(e) => { e.target.src = whatsappImageEmptyPreview; }}
+                            />
+                          )
                         )}
                         {content?.whatsappVideoPreviewImg && (
                           <CapTooltip

package/v2Components/TemplatePreview/tests/__snapshots__/index.test.js.snap

@@ -43,6 +43,7 @@ exports[`Test Templates container Should render correct preview component for wh
               <CapImage
                 alt="Preview is being generated"
                 className="whatsapp-image"
+                onError={[Function]}
                 src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg"
               />
               You have received {{1}} points

package/v2Containers/CreativesContainer/SlideBoxFooter.js

@@ -24,7 +24,6 @@ function SlideBoxFooter(props) {
     slidBoxContent,
     onSave,
     onEditTemplate,
-    isTemplateArchived,
     onCreateNextStep,
     isFullMode,
     fetchingCmsData,
@@ -215,7 +214,7 @@ function SlideBoxFooter(props) {
             <FormattedMessage {...(continueButtonLabel || messages.continue)} />
           </CapButton>
         )}
-        {slidBoxContent === PREVIEW && !isTemplateArchived && (
+        {slidBoxContent === PREVIEW && (
           <CapButton onClick={onEditTemplate} type="secondary">
             <FormattedMessage {...messages.creativesTemplatesEdit} />
           </CapButton>
@@ -228,7 +227,6 @@ SlideBoxFooter.propTypes = {
   slidBoxContent: PropTypes.node,
   onSave: PropTypes.func,
   onEditTemplate: PropTypes.func,
-  isTemplateArchived: PropTypes.bool,
   onCreateNextStep: PropTypes.func,
   shouldShowContinueFooter: PropTypes.func,
   shouldShowDoneFooter: PropTypes.func,

package/v2Containers/CreativesContainer/index.js

@@ -50,7 +50,7 @@ import { RCS_STATUSES } from '../Rcs/constants';
 import { CREATIVE } from '../Facebook/constants';
 import { LOYALTY } from '../App/constants';
 import {
-  WHATSAPP_STATUSES, WHATSAPP_MEDIA_TYPES, PHONE_NUMBER, URL,
+  WHATSAPP_STATUSES, WHATSAPP_MEDIA_TYPES, PHONE_NUMBER, URL, ADD_IMAGE_URL_PREVIEW_MARKER,
 } from '../Whatsapp/constants';
 import { updateImagesInHtml } from '../../utils/cdnTransformation';
 
@@ -260,10 +260,6 @@ export class Creatives extends React.Component {
   };
 
   onEditTemplate = () => {
-    if (this.props.templateData && this.props.templateData.isArchived) {
-      CapNotification.error({ message: this.props.intl.formatMessage(messages.cannotEditArchivedTemplate) });
-      return;
-    }
     this.setState({ slidBoxContent: 'editTemplate', showSlideBox: true, templateNameExists: true });
   };
 
@@ -688,6 +684,8 @@ export class Creatives extends React.Component {
           switch (mediaType) {
             case (WHATSAPP_MEDIA_TYPES.IMAGE):
               mediaParams.imageUrl = url;
+              // Detect isAddImageUrl from previewUrl marker (previewUrl is unused for IMAGE type)
+              mediaParams.isAddImageUrl = previewUrl === ADD_IMAGE_URL_PREVIEW_MARKER;
               break;
             case (WHATSAPP_MEDIA_TYPES.VIDEO):
               mediaParams.videoUrl = url;
@@ -1146,6 +1144,7 @@ export class Creatives extends React.Component {
               headerTemplate = '',
             } = {},
             isPreviewUrl = false,
+            isAddImageUrl = false,
             carouselData = [],
           } = cloneDeep(versions.base.content.whatsapp);
 
@@ -1182,6 +1181,11 @@ export class Creatives extends React.Component {
           switch (mediaType) {
             case (WHATSAPP_MEDIA_TYPES.IMAGE):
               whatsappMedia.url = imageUrl;
+              // previewUrl is unused for IMAGE type — reuse it to persist isAddImageUrl flag
+              // without adding any new field that the backend would reject
+              if (isAddImageUrl) {
+                whatsappMedia.previewUrl = ADD_IMAGE_URL_PREVIEW_MARKER;
+              }
               break;
             case (WHATSAPP_MEDIA_TYPES.VIDEO):
               whatsappMedia.url = videoUrl;
@@ -2140,7 +2144,6 @@ export class Creatives extends React.Component {
               onSave={this.saveMessage}
               onDiscard={this.discardMessage}
               onEditTemplate={this.onEditTemplate}
-              isTemplateArchived={!!(this.props.templateData && this.props.templateData.isArchived)}
               slidBoxContent={slidBoxContent}
               onCreateNextStep={this.onCreateNextStep}
               currentChannel={currentChannel.toUpperCase()}

package/v2Containers/CreativesContainer/messages.js

@@ -390,8 +390,4 @@ export default defineMessages({
     id: `${scope}.personalizationTokensErrorMessage`,
     defaultMessage: `Personalization tags are not supported for anonymous customers, please remove the tags.`,
   },
-  "cannotEditArchivedTemplate": {
-    id: `${scope}.cannotEditArchivedTemplate`,
-    defaultMessage: 'Cannot edit an archived template. Please unarchive it first.',
-  },
 });

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

@@ -295,7 +295,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         isEmptyContent={false}
         isFullMode={false}
         isLiquidValidationError={false}
-        isTemplateArchived={false}
         isTemplateNameEmpty={false}
         onCreateNextStep={[Function]}
         onDiscard={[Function]}
@@ -435,7 +434,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         isEmptyContent={false}
         isFullMode={false}
         isLiquidValidationError={false}
-        isTemplateArchived={false}
         isTemplateNameEmpty={false}
         onCreateNextStep={[Function]}
         onDiscard={[Function]}
@@ -575,7 +573,6 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         isEmptyContent={false}
         isFullMode={false}
         isLiquidValidationError={false}
-        isTemplateArchived={false}
         isTemplateNameEmpty={false}
         onCreateNextStep={[Function]}
         onDiscard={[Function]}