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

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

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

@@ -1,66 +0,0 @@
-/**
- * Tests for AddTestCustomerButton Component
- *
- * The parent (index.js) only renders this button when channel is EMAIL/SMS and value is valid.
- * This component always renders the button when mounted; visibility is the parent's responsibility.
- */
-
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import AddTestCustomerButton from '../AddTestCustomer';
-
-const mockMessages = {
-  'app.v2Components.TestAndPreviewSlidebox.addTestCustomerWithValue': 'Add {searchValue} as Test Customer',
-};
-
-const TestWrapper = ({ children }) => (
-  <IntlProvider locale="en" messages={mockMessages}>
-    {children}
-  </IntlProvider>
-);
-
-describe('AddTestCustomerButton', () => {
-  const defaultProps = {
-    searchValue: 'user@example.com',
-    handleAddTestCustomer: jest.fn(),
-  };
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('should render button with searchValue in message', () => {
-    render(
-      <TestWrapper>
-        <AddTestCustomerButton {...defaultProps} />
-      </TestWrapper>
-    );
-    const button = screen.getByRole('button', { name: /add.*test customer/i });
-    expect(button).toBeTruthy();
-  });
-
-  it('should show searchValue in button text', () => {
-    render(
-      <TestWrapper>
-        <AddTestCustomerButton {...defaultProps} searchValue="user@example.com" />
-      </TestWrapper>
-    );
-    expect(screen.getByRole('button', { name: /user@example.com/i })).toBeTruthy();
-  });
-
-  it('should call handleAddTestCustomer when button is clicked', () => {
-    const handleAddTestCustomer = jest.fn();
-    render(
-      <TestWrapper>
-        <AddTestCustomerButton
-          searchValue="user@example.com"
-          handleAddTestCustomer={handleAddTestCustomer}
-        />
-      </TestWrapper>
-    );
-    const button = screen.getByRole('button', { name: /add.*test customer/i });
-    fireEvent.click(button);
-    expect(handleAddTestCustomer).toHaveBeenCalledTimes(1);
-  });
-});