@capillarytech/creatives-library 8.0.330-alpha.0 → 8.0.330

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

@@ -1,174 +0,0 @@
-/**
- * Unit tests for CustomerCreationModal
- *
- * Email/mobile are read-only; lookup runs in parent (index.js) before the modal opens.
- */
-
-import React from 'react';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import PropTypes from 'prop-types';
-import CustomerCreationModal from '../CustomerCreationModal';
-import { CHANNELS, CUSTOMER_MODAL_NEW } from '../constants';
-
-const mockMessages = {
-  'app.v2Components.TestAndPreviewSlidebox.customerCreationModalTitle': 'Add new test customer',
-  'app.v2Components.TestAndPreviewSlidebox.customerCreationModalDescription': 'This customer profile will be available for testing.',
-  'app.v2Components.TestAndPreviewSlidebox.customerName': 'Name',
-  'app.v2Components.TestAndPreviewSlidebox.customerNameOptional': '(Optional)',
-  'app.v2Components.TestAndPreviewSlidebox.customerNamePlaceholder': 'Enter the name',
-  'app.v2Components.TestAndPreviewSlidebox.customerEmailPlaceholder': 'Enter the Email',
-  'app.v2Components.TestAndPreviewSlidebox.customerMobilePlaceholder': 'Enter the Mobile Number',
-  'app.v2Components.TestAndPreviewSlidebox.saveButton': 'Save',
-  'app.v2Components.TestAndPreviewSlidebox.cancelButton': 'Cancel',
-  'app.v2Components.TestAndPreviewSlidebox.customerEmail': 'Email',
-  'app.v2Components.TestAndPreviewSlidebox.customerMobileNumber': 'Mobile Number',
-};
-
-const TestWrapper = ({ children }) => (
-  <IntlProvider locale="en" messages={mockMessages}>
-    {children}
-  </IntlProvider>
-);
-TestWrapper.propTypes = { children: PropTypes.node };
-
-describe('CustomerCreationModal', () => {
-  const defaultProps = {
-    customerModal: [true, CUSTOMER_MODAL_NEW],
-    onCloseCustomerModal: jest.fn(),
-    channel: CHANNELS.EMAIL,
-    customerData: { name: '', email: '', mobile: '' },
-    setCustomerData: jest.fn(),
-    onSave: jest.fn(),
-  };
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders modal with title and form fields when visible (EMAIL)', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal {...defaultProps} channel={CHANNELS.EMAIL} />
-      </TestWrapper>
-    );
-    expect(screen.getByText(/add new test customer/i)).toBeTruthy();
-    expect(screen.getByPlaceholderText(/enter the name/i)).toBeTruthy();
-    expect(screen.getByPlaceholderText(/enter the email/i)).toBeTruthy();
-    expect(screen.queryByPlaceholderText(/enter the mobile number/i)).toBeNull();
-    expect(screen.getByRole('button', { name: /save/i })).toBeTruthy();
-    expect(screen.getByRole('button', { name: /cancel/i })).toBeTruthy();
-  });
-
-  it('renders mobile field when channel is SMS', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.SMS}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    expect(screen.getByPlaceholderText(/enter the mobile number/i)).toBeTruthy();
-    expect(screen.queryByPlaceholderText(/enter the email/i)).toBeNull();
-  });
-
-  it('calls onCloseCustomerModal when Cancel is clicked', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal {...defaultProps} />
-      </TestWrapper>
-    );
-    fireEvent.click(screen.getByRole('button', { name: /cancel/i }));
-    expect(defaultProps.onCloseCustomerModal).toHaveBeenCalled();
-  });
-
-  it('calls setCustomerData when name input changes', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal {...defaultProps} />
-      </TestWrapper>
-    );
-    fireEvent.change(screen.getByPlaceholderText(/enter the name/i), { target: { value: 'John' } });
-    expect(defaultProps.setCustomerData).toHaveBeenCalledWith(expect.objectContaining({ name: 'John' }));
-  });
-
-  it('calls onSave when Save is clicked with empty validation object', async () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: 'a@b.co', mobile: '' }} />
-      </TestWrapper>
-    );
-    const saveBtn = screen.getByRole('button', { name: /save/i });
-    fireEvent.click(saveBtn);
-    await waitFor(() => expect(defaultProps.onSave).toHaveBeenCalled());
-    expect(defaultProps.onSave).toHaveBeenCalledWith(
-      { email: '', mobile: '' },
-      expect.any(Function),
-    );
-  });
-
-  it('disables Save when required email is missing (EMAIL channel)', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.EMAIL}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    const saveBtn = screen.getByRole('button', { name: /save/i });
-    expect(saveBtn.disabled).toBe(true);
-  });
-
-  it('disables Save when required mobile is missing (SMS channel)', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.SMS}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    const saveBtn = screen.getByRole('button', { name: /save/i });
-    expect(saveBtn.disabled).toBe(true);
-  });
-
-  it('shows (Optional) on name label when channel is SMS', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.SMS}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    expect(screen.getAllByText(/\(optional\)/i)).toHaveLength(1);
-  });
-
-  it('shows (Optional) on name label when channel is EMAIL', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.EMAIL}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    expect(screen.getAllByText(/\(optional\)/i)).toHaveLength(1);
-  });
-
-  it('renders modal description', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal {...defaultProps} />
-      </TestWrapper>
-    );
-    expect(screen.getByText(/this customer profile will be available for testing/i)).toBeTruthy();
-  });
-});

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

@@ -1,114 +0,0 @@
-/**
- * Unit tests for ExistingCustomerModal
- */
-
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import PropTypes from 'prop-types';
-import ExistingCustomerModal from '../ExistingCustomerModal';
-import { CHANNELS, CUSTOMER_MODAL_EXISTING } from '../constants';
-
-const mockMessages = {
-  'app.v2Components.TestAndPreviewSlidebox.customerCreationModalTitle': 'Add new test customer',
-  'app.v2Components.TestAndPreviewSlidebox.existingCustomerModalDescription': 'This user profile already exists in the system.',
-  'app.v2Components.TestAndPreviewSlidebox.saveButton': 'Save',
-  'app.v2Components.TestAndPreviewSlidebox.cancelButton': 'Cancel',
-  'app.v2Components.TestAndPreviewSlidebox.customerEmail': 'Email',
-  'app.v2Components.TestAndPreviewSlidebox.customerMobileNumber': 'Mobile Number',
-  'app.v2Components.TestAndPreviewSlidebox.customerID': 'Customer ID',
-};
-
-const TestWrapper = ({ children }) => (
-  <IntlProvider locale="en" messages={mockMessages}>
-    {children}
-  </IntlProvider>
-);
-TestWrapper.propTypes = { children: PropTypes.node };
-
-describe('ExistingCustomerModal', () => {
-  const defaultProps = {
-    customerModal: [true, CUSTOMER_MODAL_EXISTING],
-    onCloseCustomerModal: jest.fn(),
-    customerData: { name: 'John Doe', email: 'john@example.com', mobile: '', customerId: 'cust-123' },
-    channel: CHANNELS.EMAIL,
-    onSave: jest.fn(),
-  };
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders modal with customer details when visible', () => {
-    render(
-      <TestWrapper>
-        <ExistingCustomerModal {...defaultProps} />
-      </TestWrapper>
-    );
-    expect(screen.getByText(/add new test customer/i)).toBeTruthy();
-    expect(screen.getByText(/this user profile already exists/i)).toBeTruthy();
-    expect(screen.getByText('John Doe')).toBeTruthy();
-    expect(screen.getByText(/john@example.com/)).toBeTruthy();
-    expect(screen.getByText(/cust-123/)).toBeTruthy();
-    expect(screen.getByRole('button', { name: /save/i })).toBeTruthy();
-    expect(screen.getByRole('button', { name: /cancel/i })).toBeTruthy();
-  });
-
-  it('shows mobile when channel is SMS', () => {
-    render(
-      <TestWrapper>
-        <ExistingCustomerModal
-          {...defaultProps}
-          channel={CHANNELS.SMS}
-          customerData={{ name: 'Jane', email: '', mobile: '9123456789', customerId: 'cust-456' }}
-        />
-      </TestWrapper>
-    );
-    expect(screen.getByText(/9123456789/)).toBeTruthy();
-  });
-
-  it('calls onCloseCustomerModal when Cancel is clicked', () => {
-    render(
-      <TestWrapper>
-        <ExistingCustomerModal {...defaultProps} />
-      </TestWrapper>
-    );
-    fireEvent.click(screen.getByRole('button', { name: /cancel/i }));
-    expect(defaultProps.onCloseCustomerModal).toHaveBeenCalled();
-  });
-
-  it('calls onSave when Save is clicked', () => {
-    render(
-      <TestWrapper>
-        <ExistingCustomerModal {...defaultProps} />
-      </TestWrapper>
-    );
-    fireEvent.click(screen.getByRole('button', { name: /save/i }));
-    expect(defaultProps.onSave).toHaveBeenCalled();
-    expect(defaultProps.onSave.mock.calls[0][0]).toEqual({});
-    expect(typeof defaultProps.onSave.mock.calls[0][1]).toBe('function');
-  });
-
-  it('shows dash for missing name', () => {
-    render(
-      <TestWrapper>
-        <ExistingCustomerModal {...defaultProps} customerData={{ name: '', email: 'a@b.co', mobile: '', customerId: 'c1' }} />
-      </TestWrapper>
-    );
-    expect(screen.getByText('-')).toBeTruthy();
-  });
-
-  it('does not show email row when channel is EMAIL but customerData.email is empty', () => {
-    render(
-      <TestWrapper>
-        <ExistingCustomerModal
-          {...defaultProps}
-          customerData={{ name: 'No Email', email: '', mobile: '', customerId: 'c2' }}
-        />
-      </TestWrapper>
-    );
-    expect(screen.getByText('No Email')).toBeTruthy();
-    expect(screen.getByText('Customer ID')).toBeTruthy();
-    expect(screen.getByText('c2')).toBeTruthy();
-  });
-});

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,87 +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}>
-      {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];