@capillarytech/creatives-library 8.0.329 → 8.0.330

package/utils/templateVarUtils.js

@@ -1,172 +0,0 @@
-/**
- * Shared utilities for templates containing {{var}} and DLT `{#var#}` tokens.
- * Same split process used by WhatsApp/RCS: match vars with regex, then split content at each var.
- */
-
-import {
-  COMBINED_SMS_TEMPLATE_VAR_REGEX,
-  DEFAULT_MUSTACHE_VAR_REGEX,
-  DLT_HASH_VAR_TOKEN_FULL_STRING_REGEX,
-  DLT_VAR_BODY_CAPTURE_REGEX,
-  MUSTACHE_VAR_NAME_CAPTURE_REGEX,
-  MUSTACHE_VAR_TOKEN_FULL_STRING_REGEX,
-} from '../constants/unified';
-
-export { COMBINED_SMS_TEMPLATE_VAR_REGEX, DEFAULT_MUSTACHE_VAR_REGEX } from '../constants/unified';
-
-const isMustacheVarToken = (s) =>
-  typeof s === 'string' && MUSTACHE_VAR_TOKEN_FULL_STRING_REGEX.test(s);
-
-export const isDltHashVarToken = (s) =>
-  typeof s === 'string' && DLT_HASH_VAR_TOKEN_FULL_STRING_REGEX.test(s);
-
-export const isAnyTemplateVarToken = (s) => isMustacheVarToken(s) || isDltHashVarToken(s);
-
-/**
- * `RegExp.prototype.exec` only advances `lastIndex` when the `g` and/or `y` flag is set.
- * A non-global regex in a `while ((m = re.exec(s)) !== null)` loop never advances and can run forever.
- *
- * @param {RegExp} regex
- * @returns {RegExp} Same instance if already global; otherwise a new RegExp with `g` appended to flags.
- */
-function ensureGlobalRegexForExecLoop(regex) {
-  if (!regex || !(regex instanceof RegExp) || regex.global) {
-    return regex;
-  }
-  return new RegExp(regex.source, `${regex.flags}g`);
-}
-
-/**
- * Splits `content` into alternating plain-text segments and variable tokens, using the order of
- * matches in `matchedVariableTokens` (e.g. from `String.prototype.match` with a global regex).
- *
- * @param {string[]} matchedVariableTokens - Matched tokens in left-to-right order
- * @param {string} content - Full template string
- * @returns {string[]}
- */
-export const splitContentByOrderedVarTokens = (matchedVariableTokens, content) => {
-  const segmentList = [];
-  const tokenQueue = [...(matchedVariableTokens ?? [])];
-  let remainder = content ?? '';
-  while ((remainder?.length ?? 0) > 0) {
-    const nextVarToken = tokenQueue?.[0];
-    if (nextVarToken == null || nextVarToken === '') {
-      segmentList.push(remainder);
-      break;
-    }
-    const varStartIndex = remainder.indexOf(nextVarToken);
-    if (varStartIndex !== -1) {
-      segmentList.push(remainder.substring(0, varStartIndex));
-      segmentList.push(nextVarToken);
-      const afterVar = varStartIndex + (nextVarToken?.length ?? 0);
-      remainder = remainder.substring(afterVar, remainder?.length ?? 0);
-      tokenQueue.shift();
-    } else {
-      segmentList.push(remainder);
-      break;
-    }
-  }
-  return segmentList;
-};
-
-/**
- * Splits a template string into an array of text + {{var}} segments using the given regex.
- *
- * @param {string} str - Template string
- * @param {RegExp} [varRegex] - Regex that matches var tokens; defaults to DEFAULT_MUSTACHE_VAR_REGEX
- * @returns {string[]}
- */
-export const splitTemplateVarString = (str = '', varRegex = DEFAULT_MUSTACHE_VAR_REGEX) => {
-  if (!str) return [];
-  const matchedVariableTokens = str.match(varRegex) || [];
-  return splitContentByOrderedVarTokens(matchedVariableTokens, str).filter(
-    (segment) => segment === 0 || segment
-  );
-};
-
-/**
- * Extracts unique variable names from `{{var}}` (and, when using default capture, `{#var#}`) strings.
- *
- * @param {string} templateStr
- * @param {RegExp} [captureRegex] - regex with a single capture group for the var name; if omitted, also scans DLT `{#…#}`.
- * @returns {string[]}
- */
-export const extractTemplateVariables = (templateStr = '', captureRegex) => {
-  if (!templateStr) return [];
-  const variables = [];
-  const add = (name) => {
-    const n = (name || '').trim();
-    if (n && !variables.includes(n)) variables.push(n);
-  };
-  const mustacheRe = ensureGlobalRegexForExecLoop(
-    captureRegex || MUSTACHE_VAR_NAME_CAPTURE_REGEX,
-  );
-  let match;
-  while ((match = mustacheRe.exec(templateStr)) !== null) {
-    add(match?.[1]);
-  }
-  if (!captureRegex) {
-    const dltRe = new RegExp(DLT_VAR_BODY_CAPTURE_REGEX.source, DLT_VAR_BODY_CAPTURE_REGEX.flags);
-    let dltMatch;
-    while ((dltMatch = dltRe.exec(templateStr)) !== null) {
-      add(dltMatch?.[1] || 'var');
-    }
-  }
-  return variables;
-};
-
-/**
- * SMS / DLT template preview: replace `{{…}}` / `{#…#}` tokens using `varMapData` keys `${token}_${index}`.
- * Used by SmsTraiEdit (RCS SMS fallback) and UnifiedPreview fallback SMS bubble.
- * DLT `{#…#}`: empty / unset slot values show the raw token (matches DLT preview UX); mustache `{{…}}` still
- * resolves to empty when the slot is cleared.
- */
-export const getFallbackResolvedContent = (templateStr = '', varMapData = {}) => {
-  const fallbackVarSlotMap = varMapData ?? {};
-  const templateSegments = splitTemplateVarString(templateStr, COMBINED_SMS_TEMPLATE_VAR_REGEX);
-  return templateSegments
-    .map((segment, segmentIndex) => {
-      const isVariableToken = typeof segment === 'string' && isAnyTemplateVarToken(segment);
-      if (!isVariableToken) return segment;
-      const slotKey = `${segment}_${segmentIndex}`;
-      if (Object.prototype.hasOwnProperty.call(fallbackVarSlotMap, slotKey)) {
-        const slotValue = fallbackVarSlotMap[slotKey];
-        if (isDltHashVarToken(segment)) {
-          if (slotValue == null) return segment;
-          const str = String(slotValue);
-          if (str.trim() === '') return segment;
-          return str;
-        }
-        return slotValue == null ? '' : String(slotValue);
-      }
-      if (isDltHashVarToken(segment)) return segment;
-      return '';
-    })
-    .join('');
-};
-
-/**
- * SMS fallback **card** (library list): show filled slot text; if a slot is empty, unset, or
- * whitespace-only, show the raw `{{…}}` / `{#…#}` token so “save without labels” still shows
- * `{#var#}` in the card. {@link getFallbackResolvedContent} keeps DLT placeholders in preview when
- * slots are empty; mustache cleared slots can still render empty.
- */
-export const getFallbackResolvedContentForCardDisplay = (templateStr = '', varMapData = {}) => {
-  const fallbackVarSlotMap = varMapData ?? {};
-  const templateSegments = splitTemplateVarString(templateStr, COMBINED_SMS_TEMPLATE_VAR_REGEX);
-  return templateSegments
-    .map((segment, segmentIndex) => {
-      const isVariableToken = typeof segment === 'string' && isAnyTemplateVarToken(segment);
-      if (!isVariableToken) return segment;
-      const slotKey = `${segment}_${segmentIndex}`;
-      if (Object.prototype.hasOwnProperty.call(fallbackVarSlotMap, slotKey)) {
-        const slotValue = fallbackVarSlotMap[slotKey];
-        if (slotValue == null) return segment;
-        const str = String(slotValue);
-        if (str.trim() === '') return segment;
-        return str;
-      }
-      return segment;
-    })
-    .join('');
-};

package/utils/tests/templateVarUtils.test.js

@@ -1,160 +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']);
-    });
-  });
-});

package/v2Components/CommonTestAndPreview/AddTestCustomer.js

@@ -1,42 +0,0 @@
-import PropTypes from "prop-types";
-import { FormattedMessage } from "react-intl";
-import CapButton from "@capillarytech/cap-ui-library/CapButton";
-import CapIcon from "@capillarytech/cap-ui-library/CapIcon";
-import messages from "./messages";
-import React from "react";
-
-const AddTestCustomerButton = ({
-  searchValue,
-  handleAddTestCustomer
-}) => (
-  <CapButton
-    onClick={handleAddTestCustomer}
-    type="flat"
-    size="small"
-    className="test-customer-add-btn"
-    prefix={
-      <CapIcon
-        type="add-profile"
-        className="add-test-customer-icon"
-      />
-    }
-  >
-    <FormattedMessage
-      {...messages.addTestCustomerWithValue}
-      values={{
-        searchValue: (
-          <span className="test-customer-add-btn-value" title={searchValue || ""}>
-            "{searchValue}"
-          </span>
-        ),
-      }}
-    />
-  </CapButton>
-);
-
-AddTestCustomerButton.propTypes = {
-  searchValue: PropTypes.string.isRequired,
-  handleAddTestCustomer: PropTypes.func.isRequired
-};
-
-export default AddTestCustomerButton;

package/v2Components/CommonTestAndPreview/CustomerCreationModal.js

@@ -1,155 +0,0 @@
-import CapModal from "@capillarytech/cap-ui-library/CapModal";
-import CapButton from "@capillarytech/cap-ui-library/CapButton";
-import CapInput from "@capillarytech/cap-ui-library/CapInput";
-import CapLabel from "@capillarytech/cap-ui-library/CapLabel";
-import CapRow from "@capillarytech/cap-ui-library/CapRow";
-import CapColumn from "@capillarytech/cap-ui-library/CapColumn";
-import { FormattedMessage, injectIntl, intlShape } from "react-intl";
-import messages from "./messages";
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { CHANNELS } from "./constants";
-
-/** Identifier validation runs in the parent before this modal opens; email/mobile are read-only here. */
-const EMPTY_VALIDATION = { email: "", mobile: "" };
-
-const CustomerCreationModal = ({
-  customerModal,
-  onCloseCustomerModal,
-  channel,
-  customerData,
-  setCustomerData,
-  onSave,
-  intl,
-}) => {
-  const [isLoading, setIsLoading] = useState(false);
-
-  // Check if required fields are filled based on channel
-  const isRequiredFieldMissing = () => {
-    if (channel === CHANNELS.EMAIL && !customerData.email) {
-      return true;
-    }
-    if (channel === CHANNELS.SMS && !customerData.mobile) {
-      return true;
-    }
-    return false;
-  };
-
-  const isSaveDisabled = () => isRequiredFieldMissing() || isLoading;
-
-  return (
-    <CapModal
-      visible={customerModal[0]}
-      onCancel={onCloseCustomerModal}
-      centered={true}
-      width={500}
-      maskStyle={{ backgroundColor: 'rgba(244, 245, 247, 0.9)' }}
-      footer={
-        <CapRow justify="start" gutter={8}>
-            <CapButton
-              type="primary"
-              onClick={() => onSave(EMPTY_VALIDATION, setIsLoading)}
-              disabled={isSaveDisabled()}
-              loading={isLoading}
-            >
-              <FormattedMessage {...messages.saveButton} />
-            </CapButton>
-            <CapButton
-              type="secondary"
-              onClick={onCloseCustomerModal}
-              disabled={isLoading}
-            >
-              <FormattedMessage {...messages.cancelButton} />
-            </CapButton>
-        </CapRow>
-      }
-      title={<FormattedMessage {...messages.customerCreationModalTitle} />}
-      wrapClassName="common-test-preview-modal-wrap"
-      className="common-test-preview-modal"
-    >
-      <CapRow className="customer-creation-modal-row">
-        <CapColumn span={24}>
-          <span className="customer-creation-modal-description">
-            <FormattedMessage {...messages.customerCreationModalDescription} />
-          </span>
-        </CapColumn>
-      </CapRow>
-
-      <CapRow className="customer-creation-modal-row">
-        <CapColumn span={24}>
-          <CapLabel type="label1" className="customer-creation-modal-label">
-            <FormattedMessage {...messages.customerName} />{' '}
-            <span className="customer-creation-modal-optional">
-              <FormattedMessage {...messages.customerNameOptional} />
-            </span>
-          </CapLabel>
-          <CapInput
-            value={customerData.name || ""}
-            onChange={e =>
-              setCustomerData({ ...customerData, name: e.target.value })
-            }
-            placeholder={intl.formatMessage(messages.customerNamePlaceholder)}
-            size="default"
-            className="customer-creation-modal-input"
-          />
-        </CapColumn>
-      </CapRow>
-
-      {channel===CHANNELS.EMAIL && <CapRow className="customer-creation-modal-row">
-        <CapColumn span={24}>
-          <CapLabel type="label1" className="customer-creation-modal-label">
-            <FormattedMessage {...messages.customerEmail} />
-          </CapLabel>
-          <CapInput
-            value={customerData.email || ""}
-            onChange={() => {}}
-            placeholder={intl.formatMessage(messages.customerEmailPlaceholder)}
-            size="default"
-            className="customer-creation-modal-input"
-            disabled={true}
-          />
-        </CapColumn>
-      </CapRow>}
-
-      {channel===CHANNELS.SMS &&
-        <CapRow className="customer-creation-modal-row customer-creation-modal-row--last">
-          <CapColumn span={24}>
-            <CapLabel type="label1" className="customer-creation-modal-label">
-              <FormattedMessage {...messages.customerMobile} />
-            </CapLabel>
-            <CapInput
-            value={customerData.mobile || ""}
-            onChange={() => {}}
-            placeholder={intl.formatMessage(messages.customerMobilePlaceholder)}
-            size="default"
-            className="customer-creation-modal-input"
-            disabled={true}
-          />
-        </CapColumn>
-      </CapRow>}
-    </CapModal>
-  );
-};
-
-CustomerCreationModal.propTypes = {
-  customerModal: PropTypes.arrayOf(
-    PropTypes.oneOfType([PropTypes.bool, PropTypes.string, PropTypes.number]),
-  ).isRequired,
-  onCloseCustomerModal: PropTypes.func.isRequired,
-  channel: PropTypes.oneOf(Object.values(CHANNELS)).isRequired,
-  customerData: PropTypes.shape({
-    name: PropTypes.string,
-    email: PropTypes.string,
-    mobile: PropTypes.string,
-    customerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  }),
-  setCustomerData: PropTypes.func.isRequired,
-  onSave: PropTypes.func.isRequired,
-  intl: intlShape.isRequired,
-};
-
-CustomerCreationModal.defaultProps = {
-  customerData: {},
-};
-
-export default injectIntl(CustomerCreationModal);

package/v2Components/CommonTestAndPreview/ExistingCustomerModal.js

@@ -1,93 +0,0 @@
-import CapModal from "@capillarytech/cap-ui-library/CapModal";
-import { FormattedMessage, injectIntl, intlShape } from "react-intl";
-import messages from "./messages";
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { CapCard, CapRow, CapColumn } from "@capillarytech/cap-ui-library";
-import { CHANNELS } from "./constants";
-import CapButton from "@capillarytech/cap-ui-library/CapButton";
-import CapIcon from "@capillarytech/cap-ui-library/CapIcon";
-
-
-const ExistingCustomerModal = ({ customerModal, onCloseCustomerModal, customerData, channel, onSave, intl }) => {
-  const [isLoading, setIsLoading] = useState(false);
-  return (
-    <CapModal
-      visible={customerModal[0]}
-      onCancel={onCloseCustomerModal}
-      centered={true}
-      width={500}
-      maskStyle={{ backgroundColor: 'rgba(244, 245, 247, 0.9)' }}
-      footer={
-        <CapRow justify="start">
-          <CapButton
-            type="primary"
-            onClick={() => onSave({}, setIsLoading)}
-            loading={isLoading}
-          >
-            <FormattedMessage {...messages.saveButton} />
-          </CapButton>
-        <CapButton
-          type="secondary"
-          onClick={onCloseCustomerModal}
-          disabled={isLoading}
-        >
-          <FormattedMessage {...messages.cancelButton} />
-        </CapButton>
-      </CapRow>
-      }
-      title={intl.formatMessage(messages.customerCreationModalTitle)}
-      wrapClassName="common-test-preview-modal-wrap existing-customer-modal-wrap"
-      className="common-test-preview-modal"
-    >
-      <div className="existing-customer-modal">
-        <CapRow className="existing-customer-modal-intro-row">
-          <FormattedMessage {...messages.existingCustomerModalDescription} />
-        </CapRow>
-        <CapCard className="existing-customer-modal-card">
-          <CapRow className="existing-customer-modal-card-row">
-            <CapColumn className="existing-customer-modal-avatar">
-              <CapIcon type="user-profile" className="existing-customer-modal-avatar-icon" />
-            </CapColumn>
-            <CapColumn className="existing-customer-modal-details">
-              <CapRow className="existing-customer-modal-name">
-                {customerData.name || "-"}
-              </CapRow>
-              <CapColumn className="existing-customer-modal-meta">
-                {channel === CHANNELS.EMAIL && customerData.email && (
-                  <CapRow><span className="existing-customer-modal-meta-label"><FormattedMessage {...messages.customerEmail} />: </span> {customerData.email}</CapRow>
-                )}
-                {channel === CHANNELS.SMS && customerData.mobile && (
-                  <CapRow><span className="existing-customer-modal-meta-label"><FormattedMessage {...messages.customerMobile} />: </span>{customerData.mobile}</CapRow>
-                )}
-                <CapRow><span className="existing-customer-modal-meta-label"><FormattedMessage {...messages.customerID} />: </span>{customerData.customerId}</CapRow>
-              </CapColumn>
-            </CapColumn>
-          </CapRow>
-        </CapCard>
-      </div>
-    </CapModal>
-  );
-};
-
-ExistingCustomerModal.propTypes = {
-  customerModal: PropTypes.arrayOf(
-    PropTypes.oneOfType([PropTypes.bool, PropTypes.string, PropTypes.number]),
-  ).isRequired,
-  onCloseCustomerModal: PropTypes.func.isRequired,
-  customerData: PropTypes.shape({
-    name: PropTypes.string,
-    email: PropTypes.string,
-    mobile: PropTypes.string,
-    customerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  }),
-  channel: PropTypes.oneOf(Object.values(CHANNELS)).isRequired,
-  onSave: PropTypes.func.isRequired,
-  intl: intlShape.isRequired,
-};
-
-ExistingCustomerModal.defaultProps = {
-  customerData: {},
-};
-
-export default injectIntl(ExistingCustomerModal);

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