@capillarytech/creatives-library 8.0.329 → 8.0.330

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();
-  });
-});

package/v2Containers/Rcs/rcsLibraryHydrationUtils.js

@@ -1,205 +0,0 @@
-import isEmpty from 'lodash/isEmpty';
-import get from 'lodash/get';
-import { RCS_SMS_FALLBACK_VAR_MAPPED_PROP } from '../../v2Components/CommonTestAndPreview/constants';
-
-/**
- * Nested `versions…smsFallBackContent` and root `smsFallBackContent` (CreativesContainer mirror)
- * can diverge. Merge explicitly (avoid `get(..., {}) || root` — `{}` is truthy and blocks fallback).
- *
- * When both exist, **nested wins on overlap**: the canonical RCS path is what `createPayload` / submit
- * update; the root mirror can lag behind campaign parent state and would otherwise keep old
- * `message` / `rcsSmsFallbackVarMapped` in hydration and approval payloads.
- */
-export function mergeRcsSmsFallBackContentFromDetails(details) {
-  if (!details || typeof details !== 'object') return {};
-  const nestedSmsFallback = details?.versions?.base?.content?.RCS?.smsFallBackContent;
-  const rootSmsFallback = details?.smsFallBackContent;
-  const nestedRecord =
-    nestedSmsFallback != null && typeof nestedSmsFallback === 'object' ? nestedSmsFallback : {};
-  const rootRecord =
-    rootSmsFallback != null && typeof rootSmsFallback === 'object' ? rootSmsFallback : {};
-  return { ...rootRecord, ...nestedRecord };
-}
-
-/**
- * Merge SMS fallback slot maps from API/templateData (`apiShape`) and editor state (`localShape`).
- * Spreading `{ ...api, ...local }` lets `rcsSmsFallbackVarMapped: {}` on local wipe a populated API map,
- * which keeps Done disabled in DLT campaigns until fixed.
- */
-export function mergeRcsSmsFallbackVarMapLayers(apiShape = {}, localShape = {}) {
-  const readMap = (o) => {
-    if (!o || typeof o !== 'object') return {};
-    const camel = o.rcsSmsFallbackVarMapped;
-    const kebab = o['rcs-sms-fallback-var-mapped'];
-    const src =
-      camel && typeof camel === 'object'
-        ? camel
-        : kebab && typeof kebab === 'object'
-          ? kebab
-          : {};
-    return { ...src };
-  };
-  return { ...readMap(apiShape), ...readMap(localShape) };
-}
-
-/**
- * First non-empty trimmed string for SMS fallback body used in DLT slot checks / payload `templateContent`.
- * Prefer **raw** template fields before resolved `message` so `{#…#}` / `{{…}}` tokens are not lost
- * when `message` is consumer-resolved text (campaigns).
- */
-/**
- * Whether an SMS fallback object carries template body, name, or var-map data (same rule as Rcs `createPayload`).
- */
-export function hasMeaningfulSmsFallbackShape(s) {
-  return !!(
-    s
-    && (
-      String(
-        s.content
-        || s.templateContent
-        || s.message
-        || s.smsContent
-        || s.smsTemplateContent
-        || '',
-      ).trim() !== ''
-      || String(s.templateName || s.smsTemplateName || '').trim() !== ''
-      || (s.rcsSmsFallbackVarMapped && Object.keys(s.rcsSmsFallbackVarMapped).length > 0)
-      || (s[RCS_SMS_FALLBACK_VAR_MAPPED_PROP]
-        && Object.keys(s[RCS_SMS_FALLBACK_VAR_MAPPED_PROP]).length > 0)
-    )
-  );
-}
-
-/**
- * Library `templateData`: merged root + nested `smsFallBackContent` (nested wins), matching `createPayload`.
- */
-export function getLibrarySmsFallbackApiBaselineFromTemplateData(templateData) {
-  const smsFromTemplateRoot = get(
-    templateData,
-    'versions.base.content.RCS.smsFallBackContent',
-  );
-  return {
-    ...(templateData?.smsFallBackContent && typeof templateData.smsFallBackContent === 'object'
-      ? templateData.smsFallBackContent
-      : {}),
-    ...(smsFromTemplateRoot && typeof smsFromTemplateRoot === 'object'
-      ? smsFromTemplateRoot
-      : {}),
-  };
-}
-
-export function pickFirstSmsFallbackTemplateString(sms = {}) {
-  if (!sms || typeof sms !== 'object') return '';
-  const keys = [
-    'templateContent',
-    'smsTemplateContent',
-    'content',
-    'smsContent',
-    'message',
-  ];
-  for (let i = 0; i < keys.length; i += 1) {
-    const v = sms[keys[i]];
-    if (v == null) continue;
-    const s = String(v).trim();
-    if (s) return s;
-  }
-  return '';
-}
-
-/**
- * Campaign reopen: payloads often keep tag/label values on numeric keys (`"1"`, `"2"`, …) while
- * semantic keys (`user_name`, …) stay `""`. Copy non-empty slot values onto empty semantic keys so
- * VarSegment editors prepopulate after Done → Edit without changing global resolve behavior.
- */
-export function syncCardVarMappedSemanticsFromSlots(
-  cardVarMappedInput,
-  templateTitle,
-  templateDesc,
-  rcsVarRegex,
-) {
-  const cardVarMappedSynced =
-    cardVarMappedInput != null && typeof cardVarMappedInput === 'object'
-      ? { ...cardVarMappedInput }
-      : {};
-  const getVarNameFromToken = (token = '') => token.replace(/^\{\{|\}\}$/g, '');
-  const templateVarTokens = [
-    ...(templateTitle?.match(rcsVarRegex) ?? []),
-    ...(templateDesc?.match(rcsVarRegex) ?? []),
-  ];
-  templateVarTokens.forEach((token, slotIndexZeroBased) => {
-    const semanticVarName = getVarNameFromToken(token);
-    if (!semanticVarName) return;
-    const numericSlotKey = String(slotIndexZeroBased + 1);
-    const semanticValueTrimmed = String(cardVarMappedSynced[semanticVarName] ?? '').trim();
-    const numericSlotValueTrimmed = String(cardVarMappedSynced[numericSlotKey] ?? '').trim();
-    if (!semanticValueTrimmed && numericSlotValueTrimmed) {
-      cardVarMappedSynced[semanticVarName] = cardVarMappedSynced[numericSlotKey];
-    }
-  });
-  return cardVarMappedSynced;
-}
-
-/**
- * Maps resolved campaign values back to `{{semanticKey}}` using `cardVarMapped` keys.
- * Used when hydrating library/journey RCS edit from payloads without existing `{{…}}` tokens.
- */
-export function getUnmappedDesc(str, mapping) {
-  if (!str) return '';
-  if (!mapping || Object.keys(mapping).length === 0) return str;
-  let result = str;
-  const replacements = [];
-  Object.entries(mapping).forEach(([key, value]) => {
-    const raw = (value ?? '').toString();
-    if (!raw || raw?.trim?.() === '') return;
-    const braced = /^\{\{[\s\S]*\}\}$/.test(raw) ? raw : `{{${raw}}}`;
-    replacements.push({ key, needle: raw });
-    if (braced !== raw) replacements.push({ key, needle: braced });
-  });
-  const seen = new Set();
-  const uniq = replacements
-    .filter(({ key, needle }) => {
-      const id = `${key}::${needle}`;
-      if (seen.has(id)) return false;
-      seen.add(id);
-      return true;
-    })
-    .sort((a, b) => (b.needle.length - a.needle.length));
-
-  uniq.forEach(({ key, needle }) => {
-    if (!needle) return;
-    const escaped = needle.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-    const regex = new RegExp(escaped, 'g');
-    result = result.replace(regex, `{{${key}}}`);
-  });
-  return result;
-}
-
-export function hasRcsVarTokens(s, rcsVarRegex) {
-  return (s?.match(rcsVarRegex) ?? []).length > 0;
-}
-
-/**
- * Library / journey: only run `getUnmappedDesc` when the loaded copy has no `{{…}}` tokens
- * (e.g. fully resolved campaign text). If the API already has numeric or named slots, keep as-is.
- */
-export function normalizeLibraryLoadedTitleDesc({
-  loadedTitle,
-  loadedDesc,
-  isFullMode,
-  cardVarMappedAfterHydration,
-  rcsVarRegex,
-}) {
-  const normalizedTitle =
-    !isFullMode
-    && !isEmpty(cardVarMappedAfterHydration)
-    && !hasRcsVarTokens(loadedTitle, rcsVarRegex)
-      ? getUnmappedDesc(loadedTitle, cardVarMappedAfterHydration)
-      : loadedTitle;
-  const normalizedDesc =
-    !isFullMode
-    && !isEmpty(cardVarMappedAfterHydration)
-    && !hasRcsVarTokens(loadedDesc, rcsVarRegex)
-      ? getUnmappedDesc(loadedDesc, cardVarMappedAfterHydration)
-      : loadedDesc;
-  return { normalizedTitle, normalizedDesc };
-}