@capillarytech/creatives-library 8.0.353-alpha.6 → 8.0.354

package/utils/tests/templateVarUtils.test.js

@@ -1,204 +0,0 @@
-import {
-  extractTemplateVariables,
-  splitTemplateVarString,
-  splitContentByOrderedVarTokens,
-  getFallbackResolvedContent,
-  getFallbackResolvedContentForCardDisplay,
-  isDltHashVarToken,
-  isAnyTemplateVarToken,
-} from '../templateVarUtils';
-
-describe('templateVarUtils', () => {
-  describe('splitContentByOrderedVarTokens', () => {
-    it('pushes remainder when next token is not found in string', () => {
-      expect(splitContentByOrderedVarTokens(['{{b}}'], 'hello')).toEqual(['hello']);
-    });
-
-    it('handles empty token queue by pushing remainder', () => {
-      expect(splitContentByOrderedVarTokens([], 'rest')).toEqual(['rest']);
-    });
-
-    it('handles null matchedVariableTokens as empty queue', () => {
-      expect(splitContentByOrderedVarTokens(null, 'abc')).toEqual(['abc']);
-    });
-
-    it('stops and pushes remainder when next token in queue is empty string', () => {
-      expect(splitContentByOrderedVarTokens(['{{a}}', ''], 'x{{a}}y')).toEqual(['x', '{{a}}', 'y']);
-    });
-
-    it('splits multiple ordered tokens across content', () => {
-      expect(splitContentByOrderedVarTokens(['{{a}}', '{{b}}'], 'p{{a}}q{{b}}r')).toEqual([
-        'p',
-        '{{a}}',
-        'q',
-        '{{b}}',
-        'r',
-      ]);
-    });
-
-    it('returns empty segment list when content is null and queue is empty', () => {
-      expect(splitContentByOrderedVarTokens([], null)).toEqual([]);
-    });
-  });
-
-  describe('splitTemplateVarString', () => {
-    it('returns empty array for falsy string', () => {
-      expect(splitTemplateVarString('')).toEqual([]);
-      expect(splitTemplateVarString(null)).toEqual([]);
-    });
-
-    it('splits mustache segments', () => {
-      const parts = splitTemplateVarString('Hi {{name}}!');
-      expect(parts.some((p) => p.includes('name'))).toBe(true);
-    });
-
-    it('omits empty segments after filtering', () => {
-      expect(splitTemplateVarString('a{{x}}b')).toEqual(['a', '{{x}}', 'b']);
-    });
-  });
-
-  describe('getFallbackResolvedContent', () => {
-    it('replaces var segments from varMapData', () => {
-      const out = getFallbackResolvedContent('{{a}}', { '{{a}}_0': 'X' });
-      expect(out).toBe('X');
-    });
-
-    it('keeps DLT token string when slot empty', () => {
-      const out = getFallbackResolvedContent('{#v#}', {});
-      expect(out).toContain('#');
-    });
-
-    it('returns empty string for mustache slot when map has no value', () => {
-      const out = getFallbackResolvedContent('Hi {{missing}}', {});
-      expect(out).toBe('Hi ');
-    });
-
-    it('treats null as empty; explicit empty string is kept (cleared input)', () => {
-      expect(getFallbackResolvedContent('{{a}}', { '{{a}}_0': null })).toBe('');
-      expect(getFallbackResolvedContent('{{a}}', { '{{a}}_0': '' })).toBe('');
-    });
-
-    it('keeps DLT token in preview when slot map has empty string (no tag yet)', () => {
-      expect(getFallbackResolvedContent('{#v#}', { '{#v#}_0': '' })).toBe('{#v#}');
-    });
-
-    it('keeps DLT token in preview when slot map has null', () => {
-      expect(getFallbackResolvedContent('{#v#}', { '{#v#}_0': null })).toBe('{#v#}');
-    });
-
-    it('uses slot replacement when value is non-empty string', () => {
-      expect(getFallbackResolvedContent('A{{b}}C', { '{{b}}_1': 'ok' })).toBe('AokC');
-    });
-  });
-
-  describe('getFallbackResolvedContentForCardDisplay', () => {
-    it('shows raw tokens when map is empty or slots unset', () => {
-      expect(getFallbackResolvedContentForCardDisplay('Hi {{name}}', {})).toBe('Hi {{name}}');
-      expect(getFallbackResolvedContentForCardDisplay('{#var#}', {})).toBe('{#var#}');
-    });
-
-    it('shows raw token when slot key exists but value is empty (no labels)', () => {
-      expect(getFallbackResolvedContentForCardDisplay('{#var#}', { '{#var#}_0': '' })).toBe('{#var#}');
-      expect(getFallbackResolvedContentForCardDisplay('{{a}}', { '{{a}}_0': '' })).toBe('{{a}}');
-    });
-
-    it('replaces when slot has non-empty value', () => {
-      expect(getFallbackResolvedContentForCardDisplay('Hi {{name}}', { '{{name}}_1': 'Pat' })).toBe('Hi Pat');
-    });
-  });
-
-  describe('isDltHashVarToken / isAnyTemplateVarToken', () => {
-    it('detects DLT hash token', () => {
-      expect(isDltHashVarToken('{#x#}')).toBe(true);
-      expect(isDltHashVarToken('plain')).toBe(false);
-    });
-
-    it('isAnyTemplateVarToken combines mustache and DLT', () => {
-      expect(isAnyTemplateVarToken('{{a}}')).toBe(true);
-      expect(isAnyTemplateVarToken('{#x#}')).toBe(true);
-    });
-  });
-
-  describe('extractTemplateVariables', () => {
-    it('returns empty array for empty or missing template', () => {
-      expect(extractTemplateVariables('')).toEqual([]);
-      expect(extractTemplateVariables()).toEqual([]);
-    });
-
-    it('includes DLT {#var#} names when no custom capture regex', () => {
-      const vars = extractTemplateVariables('Hello {#promo#} and {{name}}');
-      expect(vars).toEqual(expect.arrayContaining(['promo', 'name']));
-    });
-
-    it('skips DLT scan when captureRegex is provided', () => {
-      const re = /\{\{([^}]+)\}\}/g;
-      expect(extractTemplateVariables('{#x#} {{y}}', re)).toEqual(['y']);
-    });
-
-    it('dedupes duplicate variable names', () => {
-      expect(extractTemplateVariables('{{a}} {{a}}')).toEqual(['a']);
-    });
-
-    it('uses default name var when DLT body capture is empty', () => {
-      const vars = extractTemplateVariables('{##}');
-      expect(vars).toContain('var');
-    });
-  });
-
-  describe('extractTemplateVariables (regex global)', () => {
-    it('extracts all vars when caller passes a non-global capture regex (avoids infinite exec loop)', () => {
-      const nonGlobal = /\{\{([^}]+)\}\}/;
-      expect(nonGlobal.global).toBe(false);
-      expect(extractTemplateVariables('{{a}} and {{b}}', nonGlobal)).toEqual(['a', 'b']);
-    });
-
-    it('still works when capture regex already has the global flag', () => {
-      const globalRe = /\{\{([^}]+)\}\}/g;
-      expect(extractTemplateVariables('{{x}} {{y}}', globalRe)).toEqual(['x', 'y']);
-    });
-  });
-
-  describe('getFallbackResolvedContent — userVarMap (third param)', () => {
-    it('falls back to userVarMap for mustache slot absent from varMapData', () => {
-      expect(getFallbackResolvedContent('Hi {{name}}', {}, { name: 'Alice' })).toBe('Hi Alice');
-    });
-
-    it('falls back to userVarMap for DLT slot absent from varMapData', () => {
-      expect(getFallbackResolvedContent('{#city#}', {}, { city: 'Mumbai' })).toBe('Mumbai');
-    });
-
-    it('falls back to userVarMap when mustache slot is present but blank', () => {
-      expect(getFallbackResolvedContent('{{x}}', { '{{x}}_0': '' }, { x: 'val' })).toBe('val');
-    });
-
-    it('falls back to userVarMap when DLT slot is present but blank', () => {
-      expect(getFallbackResolvedContent('{#x#}', { '{#x#}_0': '' }, { x: 'val' })).toBe('val');
-    });
-
-    it('slot wins over userVarMap when mustache slot is non-empty', () => {
-      expect(getFallbackResolvedContent('{{x}}', { '{{x}}_0': 'slot-val' }, { x: 'user-val' })).toBe('slot-val');
-    });
-
-    it('slot wins over userVarMap when DLT slot is non-empty', () => {
-      expect(getFallbackResolvedContent('{#x#}', { '{#x#}_0': 'slot' }, { x: 'user' })).toBe('slot');
-    });
-
-    it('resolves dot-path suffix key from userVarMap', () => {
-      expect(
-        getFallbackResolvedContent('{{FORMAT_1}}', {}, { 'expiry.FORMAT_1': 'Dec 2025' }),
-      ).toBe('Dec 2025');
-    });
-
-    it('userVarMap null behaves identically to the two-argument form', () => {
-      expect(getFallbackResolvedContent('{{a}}', { '{{a}}_0': 'x' }, null)).toBe('x');
-    });
-
-    it('blank userVarMap value leaves mustache token as empty string', () => {
-      expect(getFallbackResolvedContent('{{a}}', {}, { a: '' })).toBe('');
-    });
-
-    it('blank userVarMap value leaves DLT token as raw token', () => {
-      expect(getFallbackResolvedContent('{#a#}', {}, { a: '' })).toBe('{#a#}');
-    });
-  });
-});

package/v2Components/CommonTestAndPreview/previewApiUtils.js

@@ -1,59 +0,0 @@
-/**
- * Helpers for Liquid `/preview` (updateEmailPreview) responses.
- * The API may nest the payload under `data` or return fields at the top level.
- * SMS responses often use `messageBody` instead of `resolvedBody`.
- */
-
-import { getFallbackResolvedContent } from '../../utils/templateVarUtils';
-import { RCS_SMS_FALLBACK_VAR_MAPPED_PROP } from './constants';
-
-export function normalizePreviewApiPayload(raw) {
-  if (!raw || typeof raw !== 'object') return raw;
-  const next = { ...raw };
-  if (next.resolvedBody == null) {
-    const alt = next.messageBody ?? next.previewMessage ?? next.previewText;
-    if (alt != null) next.resolvedBody = alt;
-  }
-  return next;
-}
-
-/**
- * Returns a normalized preview object suitable for Redux `previewData`, or null on error / empty.
- */
-export function extractPreviewFromLiquidResponse(response) {
-  if (!response || response.error) return null;
-  if (response.errors && Array.isArray(response.errors) && response.errors.length > 0) return null;
-
-  let body;
-  if (response.data !== undefined && response.data !== null && typeof response.data === 'object') {
-    body = normalizePreviewApiPayload(response.data);
-  } else if (typeof response === 'object' && !Array.isArray(response)) {
-    body = normalizePreviewApiPayload(response);
-  } else {
-    return null;
-  }
-
-  if (!body) return null;
-  if (body.resolvedBody === undefined && body.messageBody === undefined) {
-    return null;
-  }
-  return body;
-}
-
-/**
- * RCS SMS fallback: merge template (`templateContent` / `content`) with VarSegment
- * `rcsSmsFallbackVarMapped` before Liquid /preview, tag extraction, or createMessageMeta.
- * Raw template alone is stale when the user edits slot values.
- */
-export function getSmsFallbackTextForTagExtraction(smsFallbackContext) {
-  const rawTemplateBody =
-    smsFallbackContext?.templateContent ?? smsFallbackContext?.content ?? '';
-  if (!rawTemplateBody) return '';
-  const rcsSmsFallbackVarMapped = smsFallbackContext?.[RCS_SMS_FALLBACK_VAR_MAPPED_PROP];
-  const hasRcsSmsFallbackVarMappedEntries =
-    Object.keys(rcsSmsFallbackVarMapped ?? {}).length > 0;
-  if (hasRcsSmsFallbackVarMappedEntries) {
-    return getFallbackResolvedContent(rawTemplateBody, rcsSmsFallbackVarMapped ?? {});
-  }
-  return rawTemplateBody;
-}

package/v2Components/CommonTestAndPreview/tests/previewApiUtils.test.js

@@ -1,67 +0,0 @@
-import {
-  normalizePreviewApiPayload,
-  extractPreviewFromLiquidResponse,
-  getSmsFallbackTextForTagExtraction,
-} from '../previewApiUtils';
-import { RCS_SMS_FALLBACK_VAR_MAPPED_PROP } from '../constants';
-
-describe('previewApiUtils', () => {
-  describe('normalizePreviewApiPayload', () => {
-    it('maps messageBody to resolvedBody when resolvedBody is missing', () => {
-      expect(normalizePreviewApiPayload({ messageBody: 'Hello' }).resolvedBody).toBe('Hello');
-    });
-  });
-
-  describe('extractPreviewFromLiquidResponse', () => {
-    it('accepts nested data shape', () => {
-      const r = { data: { resolvedBody: 'ok' } };
-      expect(extractPreviewFromLiquidResponse(r)).toEqual({ resolvedBody: 'ok' });
-    });
-
-    it('accepts top-level preview (typical SMS)', () => {
-      const r = { messageBody: 'sms text' };
-      expect(extractPreviewFromLiquidResponse(r)).toMatchObject({
-        messageBody: 'sms text',
-        resolvedBody: 'sms text',
-      });
-    });
-
-    it('returns null when errors array is non-empty', () => {
-      expect(extractPreviewFromLiquidResponse({ errors: [{ code: 1 }] })).toBeNull();
-    });
-  });
-
-  describe('getSmsFallbackTextForTagExtraction', () => {
-    it('returns empty string when context is missing or has no template body', () => {
-      expect(getSmsFallbackTextForTagExtraction(null)).toBe('');
-      expect(getSmsFallbackTextForTagExtraction({})).toBe('');
-      expect(getSmsFallbackTextForTagExtraction({ templateContent: '', content: '' })).toBe('');
-    });
-
-    it('returns raw template when rcsSmsFallbackVarMapped is absent or empty', () => {
-      const raw = '{{optout}} {{fullname}} test SMS';
-      expect(getSmsFallbackTextForTagExtraction({ templateContent: raw })).toBe(raw);
-      expect(getSmsFallbackTextForTagExtraction({
-        content: raw,
-        [RCS_SMS_FALLBACK_VAR_MAPPED_PROP]: {},
-      })).toBe(raw);
-    });
-
-    it('prefers templateContent over content when both are set', () => {
-      expect(getSmsFallbackTextForTagExtraction({
-        templateContent: 'A',
-        content: 'B',
-      })).toBe('A');
-    });
-
-    it('applies VarSegment slot map so preview / meta payloads are not stale vs raw template', () => {
-      const rawTemplateWithSlots = '{{optout}} tail';
-      const rcsSmsFallbackVarMappedSlots = { '{{optout}}_0': 'STOP' };
-      const resolvedFallbackText = getSmsFallbackTextForTagExtraction({
-        templateContent: rawTemplateWithSlots,
-        [RCS_SMS_FALLBACK_VAR_MAPPED_PROP]: rcsSmsFallbackVarMappedSlots,
-      });
-      expect(resolvedFallbackText).toBe('STOP tail');
-    });
-  });
-});

package/v2Components/SmsFallback/SmsFallbackLocalSelector.js

@@ -1,91 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import CreativesContainer from '../../v2Containers/CreativesContainer';
-import CapPageSpinner from '../CapPageSpinner';
-import {
-  EMBEDDED_SMS_CREATIVES_LOCATION,
-  SMS_FALLBACK_CHANNEL_KEY,
-  SMS_FALLBACK_CREATIVE_EDITOR,
-  SMS_FALLBACK_ENABLE_NEW_CHANNELS,
-} from './constants';
-
-/**
- * Reuse the exact embedded CreativesContainer SMS flow (same as normal SMS create).
- * Avoid overriding Templates with local config so "Create new" follows built-in createTemplate path.
- */
-export function SmsFallbackLocalSelector({
-  hidden,
-  fetchDetailsLoading,
-  templateList,
-  channelsToHide,
-  smsRegister,
-  onCloseCreatives,
-  onSelectTemplate,
-  filterContent,
-  location,
-  /** Required when user completes embedded SMS create/edit — `CreativesContainer` calls this on save (see `processCentralCommsMetaId`). */
-  getCreativesData,
-}) {
-  const rootClassName = [
-    'sms-fallback-selector',
-    hidden ? 'sms-fallback-selector--visually-hidden' : '',
-  ]
-    .filter(Boolean)
-    .join(' ');
-
-  return (
-    <div
-      className={rootClassName}
-      aria-hidden={hidden}
-      inert={hidden ? '' : undefined}
-    >
-      {fetchDetailsLoading && (
-        <div className="sms-fallback-selector__loading" aria-busy="true" aria-live="polite">
-          <CapPageSpinner spinning />
-        </div>
-      )}
-      <CreativesContainer
-        creativesMode="create"
-        location={location || EMBEDDED_SMS_CREATIVES_LOCATION}
-        templateData={null}
-        handleCloseCreatives={onCloseCreatives}
-        isFullMode={false}
-        smsRegister={smsRegister}
-        editor={SMS_FALLBACK_CREATIVE_EDITOR}
-        enableNewChannels={SMS_FALLBACK_ENABLE_NEW_CHANNELS}
-        channel={SMS_FALLBACK_CHANNEL_KEY}
-        channelsToHide={channelsToHide}
-        selectedBadges={[]}
-        localTemplatesConfig={{
-          useLocalTemplates: true,
-          localTemplates: templateList.templates,
-          localTemplatesLoading: templateList.loading,
-          localTemplatesFilterContent: filterContent,
-          localTemplatesOnPageChange: templateList.loadMore,
-          localTemplatesUseSkeleton: true,
-        }}
-        onSelectTemplate={onSelectTemplate}
-        getCreativesData={getCreativesData}
-      />
-    </div>
-  );
-}
-
-SmsFallbackLocalSelector.propTypes = {
-  hidden: PropTypes.bool,
-  fetchDetailsLoading: PropTypes.bool,
-  templateList: PropTypes.shape({
-    templates: PropTypes.array,
-    loading: PropTypes.bool,
-    loadMore: PropTypes.func,
-  }).isRequired,
-  channelsToHide: PropTypes.arrayOf(PropTypes.string),
-  smsRegister: PropTypes.any,
-  onCloseCreatives: PropTypes.func.isRequired,
-  onSelectTemplate: PropTypes.func.isRequired,
-  filterContent: PropTypes.node,
-  location: PropTypes.object,
-  getCreativesData: PropTypes.func.isRequired,
-};
-
-export default SmsFallbackLocalSelector;

package/v2Components/SmsFallback/constants.js

@@ -1,73 +0,0 @@
-import {
-  WHATSAPP,
-  RCS,
-  ZALO,
-  WEBPUSH,
-} from '../../v2Containers/CreativesContainer/constants';
-
-/**
- * View modes for the SMS fallback slidebox (template list, create, edit).
- * Used by SmsFallback and any channel that reuses it (RCS, etc.).
- */
-export const SMS_FALLBACK_VIEW = {
-  SELECTING: 'selecting',
-  CREATING: 'creating',
-  EDITING: 'editing',
-};
-
-/**
- * Channel keys to hide in TemplatesV2 so only SMS tab is shown.
- * Uses normalized keys matching TemplatesV2 pane.key normalization (lowercase).
- * Parent can override via channelsToHide prop.
- */
-export const CHANNELS_TO_HIDE_FOR_SMS_ONLY = [
-  'email',
-  'mobilepush',
-  'webpush',
-  'viber',
-  'whatsapp',
-  'zalo',
-  'facebook',
-  'rcs',
-  'inapp',
-  'line',
-  'wechat',
-  'call_task',
-  'ftp',
-  'assets',
-];
-
-/** DLT category filter values — aligned with Templates `SMS_FILTERS` / `filterSMSTemplates`. */
-export const SMS_CATEGORY_FILTERS = {
-  ALL: 'all',
-  PROMOTIONAL: 'promo',
-  SERVICE_EXPLICIT: 'explicit',
-  SERVICE_IMPLICIT: 'implicit',
-};
-
-/** `location` for embedded SMS creatives picker (CreativesContainer / TemplatesV2). */
-export const EMBEDDED_SMS_CREATIVES_LOCATION = {
-  pathname: '/sms/create',
-  query: { type: 'embedded', module: 'library' },
-  search: '',
-};
-
-/** `location` for embedded SMS TRAI edit inside slidebox. */
-export const EMBEDDED_SMS_CREATIVES_EDIT_LOCATION = {
-  pathname: '/sms/edit',
-  query: { type: 'embedded', module: 'library' },
-  search: '',
-};
-
-/** API `channel` param for `getTemplateDetails` when loading an SMS template by id. */
-export const SMS_TEMPLATE_DETAILS_API_CHANNEL = 'Sms';
-
-export const SMS_FALLBACK_CREATIVE_EDITOR = 'BEE';
-
-export const SMS_FALLBACK_CHANNEL_KEY = 'sms';
-
-/** Route shape passed to SmsWrapper / SmsTraiEdit for embedded SMS flows. */
-export const SMS_FALLBACK_ROUTE = { name: SMS_FALLBACK_CHANNEL_KEY };
-
-/** Channels enabled in the SMS-only embedded picker (hide others via `channelsToHide`). */
-export const SMS_FALLBACK_ENABLE_NEW_CHANNELS = [WHATSAPP, RCS, ZALO, WEBPUSH];