@capillarytech/creatives-library 9.0.15-alpha.3 → 9.0.16-beta.0

package/v2Containers/CreativesContainer/CreativesSlideBoxWrapper.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { CAP_SPACE_16 } from '@capillarytech/cap-ui-library/styled/variables';
-
-const CreativesSlideBoxWrapper = ({ slideBoxWrapperMargin, shouldApplyFooterMargin, children, className, ...rest }) => (
-  <div
-    className={`creatives-slide-box-wrapper${className ? ` ${className}` : ''}`}
-    style={{
-      '--slidebox-wrapper-margin': slideBoxWrapperMargin,
-      '--slidebox-footer-margin': shouldApplyFooterMargin ? `${CAP_SPACE_16}` : '0',
-    }}
-    {...rest}
-  >
-    {children}
-  </div>
-);
-
-export default CreativesSlideBoxWrapper;

package/v2Containers/CreativesContainer/embeddedSlideboxUtils.js

@@ -1,79 +0,0 @@
-/**
- * Shared logic for CreativesContainer slidebox + embedded flows (e.g. RCS SMS fallback)
- * that mirror the same footer liquid errors and layout margins.
- */
-import get from 'lodash/get';
-import {
-  CAP_SPACE_32,
-  CAP_SPACE_56,
-  CAP_SPACE_64,
-} from '@capillarytech/cap-ui-library/styled/variables';
-import * as constants from './constants';
-
-/**
- * Returns true if value is "deep empty": no errors present.
- * Same rules as CreativesContainer (used for liquid / standard error payloads).
- */
-export function isDeepEmpty(value) {
-  if (value == null) return true;
-  if (typeof value === 'string') return value.length === 0;
-  if (Array.isArray(value)) return value.every(isDeepEmpty);
-  if (typeof value === 'object') {
-    return Object.values(value).every(isDeepEmpty);
-  }
-  return false;
-}
-
-/**
- * Header/content margin below slidebox chrome when ErrorInfoNote stacks errors — same formula as CreativesContainer#render.
- */
-export function getSlideBoxWrapperMarginFromLiquidErrors(liquidErrorMessage) {
-  return (get(liquidErrorMessage, 'STANDARD_ERROR_MSG.length', 0) > 0
-    && get(liquidErrorMessage, 'LIQUID_ERROR_MSG.length', 0) > 0)
-    ? CAP_SPACE_64
-    : get(liquidErrorMessage, 'LIQUID_ERROR_MSG.length', 0) > 0
-      ? CAP_SPACE_56
-      : get(liquidErrorMessage, 'STANDARD_ERROR_MSG.length', 0) > 0
-        ? CAP_SPACE_32
-        : 0;
-}
-
-/**
- * Maps FormBuilder `showLiquidErrorInFooter` args to slidebox footer state.
- * Returns `null` when CreativesContainer intentionally skips updating (Mobile Push OLD empty clear).
- */
-export function computeLiquidFooterUpdateFromFormBuilder(
-  errorMessagesFromFormBuilder,
-  existingLiquidErrorMessageOrCurrentFormBuilderTab,
-  currentFormBuilderTabOrOptions,
-  maybeOptions,
-) {
-  // Backward compatible signature handling:
-  // old: (errors, currentFormBuilderTab, options)
-  // new: (errors, existingLiquidErrorMessage, currentFormBuilderTab, options)
-  const hasExistingErrorMessageObject = existingLiquidErrorMessageOrCurrentFormBuilderTab
-    && typeof existingLiquidErrorMessageOrCurrentFormBuilderTab === 'object'
-    && !Array.isArray(existingLiquidErrorMessageOrCurrentFormBuilderTab);
-  const currentFormBuilderTab = hasExistingErrorMessageObject
-    ? currentFormBuilderTabOrOptions
-    : existingLiquidErrorMessageOrCurrentFormBuilderTab;
-  const options = hasExistingErrorMessageObject ? maybeOptions : currentFormBuilderTabOrOptions;
-  const { previousIsLiquidValidationError, currentChannelUpper } = options || {};
-  const liquidMsgs = get(errorMessagesFromFormBuilder, constants.LIQUID_ERROR_MSG, []);
-  const standardMsgs = get(errorMessagesFromFormBuilder, constants.STANDARD_ERROR_MSG, []);
-  const hasLiquid = !isDeepEmpty(liquidMsgs);
-  const hasStandard = !isDeepEmpty(standardMsgs);
-  const isLiquidValidationError = hasLiquid || hasStandard;
-  const isMobilePush = currentChannelUpper === constants.MOBILE_PUSH;
-  if (!hasLiquid && !hasStandard && previousIsLiquidValidationError && isMobilePush) {
-    return null;
-  }
-  return {
-    isLiquidValidationError,
-    liquidErrorMessage: errorMessagesFromFormBuilder,
-    activeFormBuilderTab:
-      currentFormBuilderTab === 1
-        ? constants.ANDROID
-        : (currentFormBuilderTab === 2 ? constants.IOS : null),
-  };
-}

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

@@ -1,90 +0,0 @@
-/**
- * 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/embeddedSlideboxUtils.test.js

@@ -1,258 +0,0 @@
-import {
-  CAP_SPACE_32,
-  CAP_SPACE_56,
-  CAP_SPACE_64,
-} from '@capillarytech/cap-ui-library/styled/variables';
-import {
-  isDeepEmpty,
-  getSlideBoxWrapperMarginFromLiquidErrors,
-  computeLiquidFooterUpdateFromFormBuilder,
-} from '../embeddedSlideboxUtils';
-import { ANDROID, IOS, MOBILE_PUSH, LIQUID_ERROR_MSG, STANDARD_ERROR_MSG } from '../constants';
-
-// ---------------------------------------------------------------------------
-// isDeepEmpty
-// ---------------------------------------------------------------------------
-
-describe('isDeepEmpty', () => {
-  it('returns true for null', () => {
-    expect(isDeepEmpty(null)).toBe(true);
-  });
-
-  it('returns true for undefined', () => {
-    expect(isDeepEmpty(undefined)).toBe(true);
-  });
-
-  it('returns true for empty string', () => {
-    expect(isDeepEmpty('')).toBe(true);
-  });
-
-  it('returns false for non-empty string', () => {
-    expect(isDeepEmpty('hello')).toBe(false);
-  });
-
-  it('returns true for empty array', () => {
-    expect(isDeepEmpty([])).toBe(true);
-  });
-
-  it('returns false for non-empty array', () => {
-    expect(isDeepEmpty(['item'])).toBe(false);
-  });
-
-  it('returns true for empty object', () => {
-    expect(isDeepEmpty({})).toBe(true);
-  });
-
-  it('returns true for object where all values are deep-empty', () => {
-    expect(isDeepEmpty({ a: null, b: '', c: [] })).toBe(true);
-  });
-
-  it('returns false for object with at least one non-empty value', () => {
-    expect(isDeepEmpty({ a: null, b: 'something' })).toBe(false);
-  });
-
-  it('returns true for nested all-empty object', () => {
-    expect(isDeepEmpty({ a: { b: null, c: [] } })).toBe(true);
-  });
-
-  it('returns false for nested object with a non-empty leaf', () => {
-    expect(isDeepEmpty({ a: { b: 'value' } })).toBe(false);
-  });
-
-  it('returns false for a number (non-null, non-string, non-array, non-object)', () => {
-    expect(isDeepEmpty(0)).toBe(false);
-    expect(isDeepEmpty(42)).toBe(false);
-  });
-
-  it('returns false for a boolean false', () => {
-    expect(isDeepEmpty(false)).toBe(false);
-  });
-});
-
-// ---------------------------------------------------------------------------
-// getSlideBoxWrapperMarginFromLiquidErrors
-// ---------------------------------------------------------------------------
-
-describe('getSlideBoxWrapperMarginFromLiquidErrors', () => {
-  it('returns 0 when liquidErrorMessage is null', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors(null)).toBe(0);
-  });
-
-  it('returns 0 when liquidErrorMessage is undefined', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors(undefined)).toBe(0);
-  });
-
-  it('returns 0 when both error arrays are empty', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors({
-      STANDARD_ERROR_MSG: [],
-      LIQUID_ERROR_MSG: [],
-    })).toBe(0);
-  });
-
-  it('returns 0 when neither error array is present', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors({})).toBe(0);
-  });
-
-  it('returns CAP_SPACE_64 when both STANDARD and LIQUID errors are present', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors({
-      STANDARD_ERROR_MSG: ['std error'],
-      LIQUID_ERROR_MSG: ['liquid error'],
-    })).toBe(CAP_SPACE_64);
-  });
-
-  it('returns CAP_SPACE_56 when only LIQUID errors are present', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors({
-      STANDARD_ERROR_MSG: [],
-      LIQUID_ERROR_MSG: ['liquid error'],
-    })).toBe(CAP_SPACE_56);
-  });
-
-  it('returns CAP_SPACE_32 when only STANDARD errors are present', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors({
-      STANDARD_ERROR_MSG: ['std error'],
-      LIQUID_ERROR_MSG: [],
-    })).toBe(CAP_SPACE_32);
-  });
-
-  it('returns CAP_SPACE_56 when LIQUID has multiple errors and STANDARD is absent', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors({
-      LIQUID_ERROR_MSG: ['err1', 'err2'],
-    })).toBe(CAP_SPACE_56);
-  });
-
-  it('returns CAP_SPACE_32 when STANDARD has multiple errors and LIQUID is absent', () => {
-    expect(getSlideBoxWrapperMarginFromLiquidErrors({
-      STANDARD_ERROR_MSG: ['err1', 'err2'],
-    })).toBe(CAP_SPACE_32);
-  });
-});
-
-// ---------------------------------------------------------------------------
-// computeLiquidFooterUpdateFromFormBuilder
-// ---------------------------------------------------------------------------
-
-describe('computeLiquidFooterUpdateFromFormBuilder', () => {
-  const noErrors = { [LIQUID_ERROR_MSG]: [], [STANDARD_ERROR_MSG]: [] };
-  const liquidOnly = { [LIQUID_ERROR_MSG]: ['liquid err'], [STANDARD_ERROR_MSG]: [] };
-  const standardOnly = { [LIQUID_ERROR_MSG]: [], [STANDARD_ERROR_MSG]: ['std err'] };
-  const bothErrors = { [LIQUID_ERROR_MSG]: ['l'], [STANDARD_ERROR_MSG]: ['s'] };
-
-  describe('normal (non-null) returns', () => {
-    it('returns isLiquidValidationError=false when no errors', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, 1, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result).not.toBeNull();
-      expect(result.isLiquidValidationError).toBe(false);
-      expect(result.liquidErrorMessage).toEqual(noErrors);
-    });
-
-    it('sets isLiquidValidationError=true when liquid errors present', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(liquidOnly, 1, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result.isLiquidValidationError).toBe(true);
-    });
-
-    it('sets isLiquidValidationError=true when standard errors present', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(standardOnly, 1, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result.isLiquidValidationError).toBe(true);
-    });
-
-    it('sets isLiquidValidationError=true when both errors present', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(bothErrors, 1, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result.isLiquidValidationError).toBe(true);
-    });
-
-    it('maps tab 1 to ANDROID', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, 1, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result.activeFormBuilderTab).toBe(ANDROID);
-    });
-
-    it('maps tab 2 to IOS', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, 2, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result.activeFormBuilderTab).toBe(IOS);
-    });
-
-    it('maps tab 3 (or any other tab) to null', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, 3, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result.activeFormBuilderTab).toBeNull();
-    });
-
-    it('maps undefined tab to null for activeFormBuilderTab', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, undefined, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result.activeFormBuilderTab).toBeNull();
-    });
-
-    it('does NOT return null for Mobile Push when errors ARE present', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(liquidOnly, 1, {
-        previousIsLiquidValidationError: true,
-        currentChannelUpper: MOBILE_PUSH,
-      });
-      expect(result).not.toBeNull();
-      expect(result.isLiquidValidationError).toBe(true);
-    });
-
-    it('does NOT return null for non-Mobile Push channel even with previousIsLiquidValidationError', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, 1, {
-        previousIsLiquidValidationError: true,
-        currentChannelUpper: 'SMS',
-      });
-      expect(result).not.toBeNull();
-      expect(result.isLiquidValidationError).toBe(false);
-    });
-
-    it('works without options argument (uses defaults)', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, 1);
-      expect(result).not.toBeNull();
-      expect(result.isLiquidValidationError).toBe(false);
-    });
-  });
-
-  describe('Mobile Push OLD clear (returns null)', () => {
-    it('returns null when no errors and previousIsLiquidValidationError is true for MOBILEPUSH', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, 1, {
-        previousIsLiquidValidationError: true,
-        currentChannelUpper: MOBILE_PUSH,
-      });
-      expect(result).toBeNull();
-    });
-
-    it('does NOT return null when previousIsLiquidValidationError is false for MOBILEPUSH', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(noErrors, 1, {
-        previousIsLiquidValidationError: false,
-        currentChannelUpper: MOBILE_PUSH,
-      });
-      expect(result).not.toBeNull();
-    });
-
-    it('does NOT return null when only standard errors cleared but liquid error remains for MOBILEPUSH', () => {
-      const result = computeLiquidFooterUpdateFromFormBuilder(liquidOnly, 1, {
-        previousIsLiquidValidationError: true,
-        currentChannelUpper: MOBILE_PUSH,
-      });
-      // hasLiquid = true → condition !hasLiquid is false → does not return null
-      expect(result).not.toBeNull();
-    });
-  });
-});

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

@@ -1,125 +0,0 @@
-/**
- * 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();
-  });
-});