@capillarytech/creatives-library 8.0.318 → 8.0.320

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/SlideBoxFooter.test.js

@@ -529,4 +529,108 @@ describe('shouldCheckValidation (line 79)', () => {
       expect(updateBtn).toBeEnabled();
     });
   });
+});
+
+describe('SlideBoxFooter — isHtmlEditorValidationStateActive via issueCounts', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('activates via issueCounts.total > 0 even when validationComplete=false and hasErrors=false', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'editTemplate',
+      htmlEditorValidationState: {
+        validationComplete: false,
+        hasErrors: false,
+        errorsAcknowledged: false,
+        isContentEmpty: false,
+        issueCounts: { html: 1, label: 0, liquid: 0, total: 1 },
+      },
+    });
+    // isHtmlEditorValidationStateActive = true (via issueCounts.total > 0)
+    // isHTMLEditorModeInEdit = true, shouldCheckValidation = true
+    // hasValidationErrors = false, shouldDisableButtons = false (no hasErrors)
+    const updateBtn = screen.getByRole('button', { name: /update/i });
+    expect(updateBtn).toBeEnabled();
+  });
+
+  it('issueCounts.total=0 with validationComplete=false → not activated (BEE edit mode)', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'editTemplate',
+      htmlEditorValidationState: {
+        validationComplete: false,
+        hasErrors: false,
+        errorsAcknowledged: false,
+        isContentEmpty: false,
+        issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+      },
+    });
+    // isHtmlEditorValidationStateActive = false → isHTMLEditorModeInEdit = false
+    // isBEEEditor = true (isEditMode && !isHtmlEditorValidationStateActive)
+    // shouldCheckValidation = false → button enabled
+    const updateBtn = screen.getByRole('button', { name: /update/i });
+    expect(updateBtn).toBeEnabled();
+  });
+});
+
+describe('SlideBoxFooter — isBEEEditor detection in create mode via emailCreateMode=editor', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('detects BEE editor when emailCreateMode=editor and selectedEmailCreateMode is not html_editor (create mode)', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'createTemplate',
+      emailCreateMode: 'editor',
+      selectedEmailCreateMode: 'drag_drop',
+      htmlEditorValidationState: {
+        validationComplete: false,
+        hasErrors: false,
+        isContentEmpty: false,
+        issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+      },
+    });
+    // selectedEmailCreateMode=drag_drop → isBEEEditor = true (DRAG_DROP branch)
+    // shouldCheckValidation = false → button not disabled by validation
+    const createBtn = screen.getByRole('button', { name: /create/i });
+    expect(createBtn).toBeInTheDocument();
+  });
+
+  it('enables primary action button when emailCreateMode=editor but mode is not HTML editor (BEE editor path)', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'createTemplate',
+      emailCreateMode: 'editor',
+      selectedEmailCreateMode: undefined,
+      htmlEditorValidationState: {
+        validationComplete: false,
+        hasErrors: false,
+        isContentEmpty: false,
+        issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+      },
+    });
+    // isHTMLEditorModeInCreate = false (selectedEmailCreateMode is undefined, not html_editor)
+    // emailCreateMode === 'editor' && !isHTMLEditorMode → isBEEEditor = true
+    const createBtn = screen.getByRole('button', { name: /create/i });
+    expect(createBtn).toBeInTheDocument();
+  });
 });

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

@@ -72,4 +72,114 @@ describe('Test SlideBoxHeader container', () => {
     renderFunction("ZALO", "editTemplate", zaloEditTemplateData, true);
     expect(renderedComponent).toMatchSnapshot();
   });
+
+  it('renders templateNameRenderProp when isFullMode and shouldShowTemplateName are both true', () => {
+    const templateNameRenderProp = jest.fn().mockReturnValue(null);
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="SMS"
+        templateData={{ name: 'My Template' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode
+        shouldShowTemplateName
+        templateNameRenderProp={templateNameRenderProp}
+        moduleType="journey"
+      />
+    );
+    expect(templateNameRenderProp).toHaveBeenCalled();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('does not call templateNameRenderProp when isFullMode is false (showTemplateNameHeader=false)', () => {
+    const templateNameRenderProp = jest.fn().mockReturnValue(null);
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="SMS"
+        templateData={{ name: 'My Template' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode={false}
+        shouldShowTemplateName
+        templateNameRenderProp={templateNameRenderProp}
+        moduleType="journey"
+      />
+    );
+    expect(templateNameRenderProp).not.toHaveBeenCalled();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('does not call templateNameRenderProp when shouldShowTemplateName is false (showTemplateNameHeader=false)', () => {
+    const templateNameRenderProp = jest.fn().mockReturnValue(null);
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="SMS"
+        templateData={{ name: 'My Template' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode
+        shouldShowTemplateName={false}
+        templateNameRenderProp={templateNameRenderProp}
+        moduleType="journey"
+      />
+    );
+    expect(templateNameRenderProp).not.toHaveBeenCalled();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('shows edit header for InApp edit without fullMode (shouldShowInAppEditHeader=true)', () => {
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="inapp"
+        templateData={{ name: 'InApp Tpl' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode={false}
+        moduleType="journey"
+      />
+    );
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('hides edit header for InApp edit with fullMode (shouldShowInAppEditHeader=false, isInAppCreate guard)', () => {
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="inapp"
+        templateData={{ name: 'InApp Tpl' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode
+        moduleType="journey"
+      />
+    );
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('renders whatsappOverview=true header when WHATSAPP edit in fullMode', () => {
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="WHATSAPP"
+        templateData={whatsappEditTemplateData}
+        onCreateComplete={onCreateComplete}
+        isFullMode
+        moduleType="journey"
+      />
+    );
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('renders whatsappOverview=false header when WHATSAPP edit without fullMode', () => {
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="WHATSAPP"
+        templateData={whatsappEditTemplateData}
+        onCreateComplete={onCreateComplete}
+        isFullMode={false}
+        moduleType="journey"
+      />
+    );
+    expect(renderedComponent).toMatchSnapshot();
+  });
 });

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>
 `;