@capillarytech/creatives-library 8.0.316-alpha.3 → 8.0.316-alpha.4

package/v2Containers/CreativesContainer/tests/SlideBoxContent.localTemplates.test.js

@@ -0,0 +1,90 @@
+/**
+ * Covers `localTemplatesConfig` / `useLocalTemplates` branch in SlideBoxContent → TemplatesV2
+ * (embedded SMS template list / RCS SMS fallback).
+ */
+import React from 'react';
+import { mountWithIntl, shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
+import { SlideBoxContent } from '../SlideBoxContent';
+
+const mockTemplatesV2 = jest.fn(() => <div data-testid="templates-v2-mock" />);
+jest.mock('../../TemplatesV2', () => ({
+  __esModule: true,
+  default: (props) => mockTemplatesV2(props),
+}));
+
+const baseProps = {
+  slidBoxContent: 'templates',
+  currentChannel: 'SMS',
+  onSelectTemplate: jest.fn(),
+  onPreviewTemplate: jest.fn(),
+  onCreateNew: jest.fn(),
+  onChannelChange: jest.fn(),
+  location: { pathname: '/sms', query: {}, search: '' },
+  cap: {},
+  channelsToHide: [],
+  channelsToDisable: [],
+  handleClose: jest.fn(),
+  messageDetails: {},
+  onCreateComplete: jest.fn(),
+};
+
+describe('SlideBoxContent local templates (TemplatesV2)', () => {
+  beforeEach(() => {
+    mockTemplatesV2.mockClear();
+  });
+
+  // Use mount when asserting TemplatesV2 mock calls: shallow does not invoke children under styled CreativesWrapper.
+  it('renders TemplatesV2 in full mode when useLocalTemplates is true', () => {
+    mountWithIntl(
+      <SlideBoxContent
+        {...baseProps}
+        isFullMode
+        localTemplatesConfig={{
+          useLocalTemplates: true,
+          localTemplates: [],
+          localTemplatesLoading: false,
+        }}
+      />,
+    );
+    expect(mockTemplatesV2).toHaveBeenCalled();
+    const passed = mockTemplatesV2.mock.calls[mockTemplatesV2.mock.calls.length - 1][0];
+    expect(passed.localTemplatesConfig.useLocalTemplates).toBe(true);
+  });
+
+  it('does not render TemplatesV2 in full mode when useLocalTemplates is false', () => {
+    shallowWithIntl(
+      <SlideBoxContent
+        {...baseProps}
+        isFullMode
+        localTemplatesConfig={{ useLocalTemplates: false }}
+      />,
+    );
+    expect(mockTemplatesV2).not.toHaveBeenCalled();
+  });
+
+  it('renders TemplatesV2 in library mode without localTemplates flag', () => {
+    mountWithIntl(
+      <SlideBoxContent
+        {...baseProps}
+        isFullMode={false}
+      />,
+    );
+    expect(mockTemplatesV2).toHaveBeenCalled();
+  });
+
+  it('merges top-level local template props via pick when localTemplatesConfig is omitted', () => {
+    mountWithIntl(
+      <SlideBoxContent
+        {...baseProps}
+        isFullMode
+        useLocalTemplates
+        localTemplates={[{ _id: '1' }]}
+        localTemplatesLoading={false}
+      />,
+    );
+    expect(mockTemplatesV2).toHaveBeenCalled();
+    const passed = mockTemplatesV2.mock.calls[mockTemplatesV2.mock.calls.length - 1][0];
+    expect(passed.localTemplatesConfig.useLocalTemplates).toBe(true);
+    expect(passed.localTemplatesConfig.localTemplates).toEqual([{ _id: '1' }]);
+  });
+});

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

@@ -859,6 +859,11 @@ exports[`Test SlideBoxContent container Should render correct component for rcs
       }
     }
     onCreateComplete={[MockFunction]}
+    templateData={
+      Object {
+        "mode": "create",
+      }
+    }
   />
 </SlideBoxContent__CreativesWrapper>
 `;
@@ -968,6 +973,7 @@ exports[`Test SlideBoxContent container Should render correct component for rcs
   <Connect(UserIsAuthenticated(Connect(InjectIntl(withStyles__StyledComponent))))
     FTPMode="create"
     channel="rcs"
+    localTemplatesConfig={Object {}}
     loyaltyMetaData={Object {}}
     messageDetails={Object {}}
     onCreateComplete={[MockFunction]}
@@ -1376,6 +1382,7 @@ exports[`Test SlideBoxContent container Should render correct component for what
   <Connect(UserIsAuthenticated(Connect(InjectIntl(withStyles__StyledComponent))))
     FTPMode="create"
     channel="whatsapp"
+    localTemplatesConfig={Object {}}
     loyaltyMetaData={Object {}}
     messageDetails={Object {}}
     onCreateComplete={[MockFunction]}
@@ -3365,6 +3372,7 @@ exports[`Test SlideBoxContent container getViber utility function Should handle
         "name": "sms",
       }
     }
+    templateData={null}
   />
 </SlideBoxContent__CreativesWrapper>
 `;

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Test SlideBoxContent container campaign message, add creative click rcs 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -23,6 +23,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -85,6 +86,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -93,11 +95,11 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
     show={true}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, add creative click whatsapp 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -119,6 +121,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -181,6 +184,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -189,11 +193,11 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
     show={true}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, whatsapp edit all data 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -215,6 +219,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -319,6 +324,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -327,11 +333,11 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
     show={false}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, whatsapp edit min data 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -353,6 +359,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -457,6 +464,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -465,11 +473,11 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
     show={false}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container it should clear the url, on channel change from new whatsapp to another 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -491,6 +499,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -595,6 +604,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -603,5 +613,5 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     show={false}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;

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

@@ -173,19 +173,35 @@ describe('Test SlideBoxContent container', () => {
     expect(getCreativesData).toHaveBeenCalledWith({ channel: 'RCS' });
   });
 
-  it('RCS getFormData does not attach smsFallBackContent to templateData', async () => {
-    renderFunction('RCS', 'editTemplate', rcsTemplates, rcsEditTemplateData);
+  it('RCS getFormData mirrors smsFallBackContent onto templateData for library round-trip', async () => {
+    renderedComponent = shallowWithIntl(
+      <Creatives
+        loyaltyMetaData={loyaltyMetaData}
+        Templates={rcsTemplates}
+        channel="RCS"
+        slidBoxContent="editTemplate"
+        templateData={rcsEditTemplateData}
+        handleCloseCreatives={handleCloseCreatives}
+        getCreativesData={getCreativesData}
+        isFullMode={false}
+        templateActions={{
+          getCdnTransformationConfig,
+        }}
+      />,
+    );
     renderedComponent.instance().onEditTemplate();
 
     const mockValue = {
+      validity: true,
       value: {
         name: 'rcs_creative_name',
+        type: 'RCS',
         versions: {
           base: {
             content: {
               RCS: {
                 rcsContent: { contentType: 'RICHCARD', cardType: 'STANDALONE', cardSettings: {}, cardContent: [{}] },
-                smsFallBackContent: { message: 'should-not-be-copied' },
+                smsFallBackContent: { message: 'fallback-body' },
               },
             },
           },
@@ -193,16 +209,62 @@ describe('Test SlideBoxContent container', () => {
       },
     };
 
-    renderedComponent
-      .find('CapSlideBox')
-      .props()
-      .content.props.getFormData(mockValue);
+    // Call getFormData on the container instance — shallow CapSlideBox `content` shape can differ across wrappers
+    renderedComponent.instance().getFormData(mockValue);
     await tick();
 
     const instance = renderedComponent.instance();
     expect(instance.state.templateData).toBeDefined();
-    // sms fallback content should not be set on templateData per current logic
-    expect(instance.state.templateData.smsFallBackContent).toBeUndefined();
+    expect(instance.state.templateData.smsFallBackContent).toEqual({ message: 'fallback-body' });
+  });
+
+  it('RCS getFormData mirrors rcsCardVarMapped onto templateData for campaign reopen', async () => {
+    renderedComponent = shallowWithIntl(
+      <Creatives
+        loyaltyMetaData={loyaltyMetaData}
+        Templates={rcsTemplates}
+        channel="RCS"
+        slidBoxContent="editTemplate"
+        templateData={rcsEditTemplateData}
+        handleCloseCreatives={handleCloseCreatives}
+        getCreativesData={getCreativesData}
+        isFullMode={false}
+        templateActions={{
+          getCdnTransformationConfig,
+        }}
+      />,
+    );
+    renderedComponent.instance().onEditTemplate();
+
+    const cardVarMapped = { 1: '[Name]', user_name: '[Name]' };
+    const mockValue = {
+      validity: true,
+      value: {
+        name: 'rcs_creative_name',
+        type: 'RCS',
+        versions: {
+          base: {
+            content: {
+              RCS: {
+                rcsContent: {
+                  contentType: 'RICHCARD',
+                  cardType: 'STANDALONE',
+                  cardSettings: {},
+                  cardContent: [{ title: 'Hi {{user_name}}', cardVarMapped }],
+                },
+                smsFallBackContent: {},
+              },
+            },
+          },
+        },
+      },
+    };
+
+    renderedComponent.instance().getFormData(mockValue);
+    await tick();
+
+    const instance = renderedComponent.instance();
+    expect(instance.state.templateData.rcsCardVarMapped).toEqual(cardVarMapped);
   });
 
   it('Text getCreatives data for rcs, data from creatives done to campaigns', async () => {

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

@@ -0,0 +1,125 @@
+/**
+ * Covers local-templates flag resolution: nested `localTemplatesConfig.useLocalTemplates`
+ * vs top-level `useLocalTemplates` (embedded consumers / SlideBoxContent).
+ */
+import React from 'react';
+import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
+import { Creatives } from '../index';
+import mockdata from '../../mockdata';
+
+const { smsTemplates, loyaltyMetaData } = mockdata;
+
+jest.mock('../../../v2Components/FormBuilder', () => ({
+  __esModule: true,
+  default: (props) => (
+    <div className="FormBuilder-mock" {...props}>
+      FormBuilder
+    </div>
+  ),
+}));
+
+const baseProps = {
+  loyaltyMetaData,
+  Templates: smsTemplates,
+  channel: 'SMS',
+  creativesMode: 'create',
+  templateData: null,
+  isFullMode: true,
+  handleCloseCreatives: jest.fn(),
+  getCreativesData: jest.fn(),
+  templateActions: {
+    getCdnTransformationConfig: jest.fn(),
+    resetTemplateStoreData: jest.fn(),
+  },
+  globalActions: {
+    clearMetaEntities: jest.fn(),
+  },
+};
+
+describe('CreativesContainer useLocalTemplates prop resolution', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('initial slidebox is templates when only top-level useLocalTemplates is true', () => {
+    const wrapper = shallowWithIntl(
+      <Creatives
+        {...baseProps}
+        useLocalTemplates
+      />,
+    );
+    expect(wrapper.instance().state.slidBoxContent).toBe('templates');
+  });
+
+  it('initial slidebox is templates when localTemplatesConfig.useLocalTemplates is true', () => {
+    const wrapper = shallowWithIntl(
+      <Creatives
+        {...baseProps}
+        localTemplatesConfig={{ useLocalTemplates: true }}
+      />,
+    );
+    expect(wrapper.instance().state.slidBoxContent).toBe('templates');
+  });
+
+  it('does not reset template store on unmount when embedded and top-level useLocalTemplates is true', () => {
+    const wrapper = shallowWithIntl(
+      <Creatives
+        {...baseProps}
+        location={{ query: { type: 'embedded' } }}
+        useLocalTemplates
+      />,
+    );
+    wrapper.unmount();
+    expect(baseProps.templateActions.resetTemplateStoreData).not.toHaveBeenCalled();
+    expect(baseProps.globalActions.clearMetaEntities).toHaveBeenCalled();
+  });
+
+  it('resets template store on unmount when embedded and local templates are not used', () => {
+    const wrapper = shallowWithIntl(
+      <Creatives
+        {...baseProps}
+        location={{ query: { type: 'embedded' } }}
+        useLocalTemplates={false}
+      />,
+    );
+    wrapper.unmount();
+    expect(baseProps.templateActions.resetTemplateStoreData).toHaveBeenCalled();
+    expect(baseProps.globalActions.clearMetaEntities).toHaveBeenCalled();
+  });
+
+  it('prefers nested localTemplatesConfig.useLocalTemplates=false over top-level true (not local list mode)', () => {
+    const wrapper = shallowWithIntl(
+      <Creatives
+        {...baseProps}
+        localTemplatesConfig={{ useLocalTemplates: false }}
+        useLocalTemplates
+      />,
+    );
+    expect(wrapper.instance().state.slidBoxContent).toBe('createTemplate');
+  });
+
+  it('uses top-level useLocalTemplates when localTemplatesConfig omits the flag', () => {
+    const wrapper = shallowWithIntl(
+      <Creatives
+        {...baseProps}
+        localTemplatesConfig={{}}
+        useLocalTemplates
+      />,
+    );
+    expect(wrapper.instance().state.slidBoxContent).toBe('templates');
+  });
+
+  it('resets template store when nested useLocalTemplates is false even if top-level is true', () => {
+    const wrapper = shallowWithIntl(
+      <Creatives
+        {...baseProps}
+        location={{ query: { type: 'embedded' } }}
+        localTemplatesConfig={{ useLocalTemplates: false }}
+        useLocalTemplates
+      />,
+    );
+    wrapper.unmount();
+    expect(baseProps.templateActions.resetTemplateStoreData).toHaveBeenCalled();
+    expect(baseProps.globalActions.clearMetaEntities).toHaveBeenCalled();
+  });
+});

package/v2Containers/Rcs/constants.js

@@ -40,6 +40,22 @@ export const contentType = {
   carousel: 'carousel',
 };
 
+export const CHANNELS = [
+  'email',
+  'mPush',
+  'viber',
+  'whatsapp',
+  'zalo',
+  'facebook',
+  'rcs',
+  'inApp',
+  'line',
+  'weChat',
+  'callTask',
+  'FTP',
+  'webpush',
+];
+
 export const STATUS_OPTIONS = [
   // {
   //   key: 'created',
@@ -76,8 +92,23 @@ export const RCS_MEDIA_TYPES = {
 
 export const rcsVarRegex = /\{\{\w+\}\}/g;
 export const rcsVarTestRegex = /\{\{\w+\}\}/;
+
+/** `cardVarMapped` slot keys that are numeric only (legacy ordering). */
+export const RCS_NUMERIC_VAR_NAME_REGEX = /^\d+$/;
+/** Escape `RegExp` metacharacters when building a pattern from user/tag text. */
+export const RCS_REGEX_META_CHARS_PATTERN = /[.*+?^${}()|[\]\\]/g;
+/** Entire string is a single `{{tag}}` token (value still a placeholder). */
+export const RCS_SINGLE_MUSTACHE_PLACEHOLDER_REGEX = /^\{\{[^}]+\}\}$/;
+/** Strip leading `{{` and trailing `}}` from a token. */
+export const RCS_STRIP_MUSTACHE_DELIMITERS_REGEX = /^\{\{|\}\}$/g;
+
+/** Tag-popover target: title vs description field (matches `onTagSelect` `field` argument). */
+export const RCS_TAG_AREA_FIELD_TITLE = 'title';
+export const RCS_TAG_AREA_FIELD_DESC = 'desc';
+
 export const TEMPLATE_DESC_MAX_LENGTH = 2500;
-export const FALLBACK_MESSAGE_MAX_LENGTH = 160;
+/** Resolved SMS fallback body cap. Must allow multi-segment DLT (>160); aligns with TRAI / `TEMPLATE_MESSAGE_MAX_LENGTH`. */
+export const FALLBACK_MESSAGE_MAX_LENGTH = TEMPLATE_MESSAGE_MAX_LENGTH;
 export const TEMPLATE_TITLE_MAX_LENGTH = 200;
 export const TEMPLATE_BUTTON_TEXT_MAX_LENGTH = 25;
 export const CTA = 'CTA';