@capillarytech/creatives-library 8.0.290 → 8.0.291

package/v2Components/CommonTestAndPreview/DeliverySettings/constants.js

@@ -1,92 +0,0 @@
-/**
- * DeliverySettings constants for Test and Preview (SMS, Email, WhatsApp).
- * Aligned with cap-campaigns-v2 DeliverySettingsV2/ModifyDeliverySettings field names.
- */
-
-import { CHANNELS } from '../constants';
-
-/** Fallback label when no dropdown options (used when formatMessage unavailable) */
-export const NO_OPTIONS_LABEL = 'No options';
-
-/** Fallback label when delivery settings are not configured (used when formatMessage unavailable) */
-export const NOT_CONFIGURED_LABEL = 'Not configured';
-
-/** Placeholder shown in summary when a value is empty */
-export const SUMMARY_EMPTY_PLACEHOLDER = '—';
-
-/** CapHeading type for delivery settings section title */
-export const HEADING_TYPE_H10 = 'h10';
-
-/** CapRow type for flex layout */
-export const ROW_TYPE_FLEX = 'flex';
-
-/** Channel names — use CHANNELS.SMS, CHANNELS.EMAIL, CHANNELS.WHATSAPP from parent constants */
-export { CHANNELS } from '../constants';
-
-/** Delivery settings object keys (for get(deliverySettings, key) / updateSetting(key, value)) */
-export const DELIVERY_SETTING_KEY_DOMAIN_ID = 'domainId';
-export const DELIVERY_SETTING_KEY_DOMAIN_GATEWAY_MAP_ID = 'domainGatewayMapId';
-export const DELIVERY_SETTING_KEY_GSM_SENDER_ID = 'gsmSenderId';
-export const DELIVERY_SETTING_KEY_CDMA_SENDER_ID = 'cdmaSenderId';
-export const DELIVERY_SETTING_KEY_SENDER_EMAIL = 'senderEmail';
-export const DELIVERY_SETTING_KEY_SENDER_LABEL = 'senderLabel';
-export const DELIVERY_SETTING_KEY_SENDER_REPLY_TO = 'senderReplyTo';
-export const DELIVERY_SETTING_KEY_SOURCE_ACCOUNT_IDENTIFIER = 'sourceAccountIdentifier';
-export const DELIVERY_SETTING_KEY_SENDER_MOB_NUM = 'senderMobNum';
-
-/** CapLabel type props */
-export const LABEL_TYPE_LABEL1 = 'label1';
-export const LABEL_TYPE_LABEL2 = 'label2';
-export const LABEL_TYPE_LABEL9 = 'label9';
-
-/** CapIcon type for edit action */
-export const ICON_TYPE_EDIT = 'edit';
-
-/** CapSlideBox size prop */
-export const SLIDE_BOX_SIZE_L = 'size-l';
-
-/** data-testid for delivery settings edit icon */
-export const TEST_ID_DELIVERY_SETTINGS_EDIT = 'delivery-settings-edit';
-
-/** CapHeader size prop for form labels */
-export const HEADER_SIZE_LABEL = 'label';
-
-/** CapButton type for primary action */
-export const BUTTON_TYPE_PRIMARY = 'primary';
-
-/** Prefix for row keys in field list map */
-export const ROW_KEY_PREFIX = 'row-';
-
-export const CHANNELS_WITH_DELIVERY_SETTINGS = [
-  CHANNELS.SMS,
-  CHANNELS.EMAIL,
-  CHANNELS.WHATSAPP,
-];
-
-/** Default empty delivery setting per channel (campaigns-style shape) */
-export const DEFAULT_DELIVERY_SETTING_SMS = {
-  domainId: null,
-  domainGatewayMapId: null,
-  gsmSenderId: '',
-  cdmaSenderId: '',
-};
-
-export const DEFAULT_DELIVERY_SETTING_EMAIL = {
-  domainId: null,
-  domainGatewayMapId: null,
-  senderEmail: '',
-  senderLabel: '',
-  senderReplyTo: '',
-};
-
-export const DEFAULT_DELIVERY_SETTING_WHATSAPP = {
-  domainId: null,
-  senderMobNum: '',
-  sourceAccountIdentifier: '',
-};
-
-export const DEFAULT_DELIVERY_SETTINGS_BY_CHANNEL = {
-  [CHANNELS.SMS]: DEFAULT_DELIVERY_SETTING_SMS,
-  [CHANNELS.EMAIL]: DEFAULT_DELIVERY_SETTING_EMAIL,
-  [CHANNELS.WHATSAPP]: DEFAULT_DELIVERY_SETTING_WHATSAPP,
-};

package/v2Components/CommonTestAndPreview/DeliverySettings/index.js

@@ -1,243 +0,0 @@
-/**
- * DeliverySettings — summary row + CapSlideBox trigger for Test and Preview.
- * Rendered only for SMS, Email, WhatsApp. Uses cap-ui-library only.
- *
- * Reference: cap-campaigns-v2 DeliverySettingsV2 (summary + modify panel).
- */
-
-import React, { useState, useCallback } from "react";
-import PropTypes from "prop-types";
-import {
-  CapRow,
-  CapHeading,
-  CapIcon,
-  CapLabel,
-  CapSlideBox,
-} from "@capillarytech/cap-ui-library";
-import { FormattedMessage } from "react-intl";
-import get from "lodash/get";
-import messages from "./messages";
-import ModifyDeliverySettings from "./ModifyDeliverySettings";
-import {
-  CHANNELS,
-  CHANNELS_WITH_DELIVERY_SETTINGS,
-  NOT_CONFIGURED_LABEL,
-  SUMMARY_EMPTY_PLACEHOLDER,
-  HEADING_TYPE_H10,
-  ROW_TYPE_FLEX,
-  DELIVERY_SETTING_KEY_DOMAIN_ID,
-  DELIVERY_SETTING_KEY_GSM_SENDER_ID,
-  DELIVERY_SETTING_KEY_SENDER_EMAIL,
-  DELIVERY_SETTING_KEY_SENDER_LABEL,
-  DELIVERY_SETTING_KEY_SENDER_REPLY_TO,
-  DELIVERY_SETTING_KEY_SOURCE_ACCOUNT_IDENTIFIER,
-  DELIVERY_SETTING_KEY_SENDER_MOB_NUM,
-  LABEL_TYPE_LABEL1,
-  LABEL_TYPE_LABEL2,
-  LABEL_TYPE_LABEL9,
-  ICON_TYPE_EDIT,
-  SLIDE_BOX_SIZE_L,
-  TEST_ID_DELIVERY_SETTINGS_EDIT,
-} from "./constants";
-import "./DeliverySettings.scss";
-
-const DeliverySettings = (props) => {
-  const {
-    channel,
-    deliverySettings = {},
-    senderDetailsOptions = [],
-    wecrmAccounts = [],
-    onSaveDeliverySettings,
-    isLoadingSenderDetails,
-    formatMessage,
-    whatsappAccountFromForm,
-  } = props;
-
-  const [isSlideBoxOpen, setSlideBoxOpen] = useState(false);
-
-  const openSlideBox = useCallback(() => setSlideBoxOpen(true), []);
-  const closeSlideBox = useCallback(() => setSlideBoxOpen(false), []);
-
-  const handleSave = useCallback(
-    (values) => {
-      onSaveDeliverySettings(values);
-      closeSlideBox();
-    },
-    [onSaveDeliverySettings, closeSlideBox]
-  );
-
-  if (!CHANNELS_WITH_DELIVERY_SETTINGS.includes(channel)) {
-    return null;
-  }
-
-  const notConfiguredLabel = formatMessage
-    ? formatMessage(messages.notConfigured)
-    : NOT_CONFIGURED_LABEL;
-
-  const getSummaryText = () => {
-    const empty = SUMMARY_EMPTY_PLACEHOLDER;
-    if (channel === CHANNELS.SMS) {
-      const domain = (senderDetailsOptions || []).find(
-        (d) => d.domainId === get(deliverySettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
-      );
-      const domainName = domain?.domainName || empty;
-      const senderId = get(deliverySettings, DELIVERY_SETTING_KEY_GSM_SENDER_ID) || empty;
-      return { senderDomain: domainName, senderId };
-    }
-    if (channel === CHANNELS.EMAIL) {
-      const domain = (senderDetailsOptions || []).find(
-        (d) => d.domainId === get(deliverySettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
-      );
-      const emailDomain = domain?.domainName || empty;
-      const senderEmail = get(deliverySettings, DELIVERY_SETTING_KEY_SENDER_EMAIL) || empty;
-      const senderLabel = get(deliverySettings, DELIVERY_SETTING_KEY_SENDER_LABEL) || empty;
-      const replyToId = get(deliverySettings, DELIVERY_SETTING_KEY_SENDER_REPLY_TO) || empty;
-      return {
-        emailDomain,
-        senderEmail,
-        senderLabel,
-        replyToId,
-      };
-    }
-    if (channel === CHANNELS.WHATSAPP) {
-      const account = (wecrmAccounts || []).find(
-        (a) => a.sourceAccountIdentifier
-          === get(deliverySettings, DELIVERY_SETTING_KEY_SOURCE_ACCOUNT_IDENTIFIER),
-      );
-      const accountName = account?.name || empty;
-      const senderNumber = get(deliverySettings, DELIVERY_SETTING_KEY_SENDER_MOB_NUM) || empty;
-      return { account: accountName, senderNumber };
-    }
-    return { account: empty, sender: empty };
-  };
-
-  const summary = getSummaryText();
-  let hasValues = false;
-  if (channel === CHANNELS.SMS) {
-    hasValues = summary.senderDomain !== SUMMARY_EMPTY_PLACEHOLDER
-      || summary.senderId !== SUMMARY_EMPTY_PLACEHOLDER;
-  } else if (channel === CHANNELS.EMAIL) {
-    hasValues = summary.emailDomain !== SUMMARY_EMPTY_PLACEHOLDER
-      || summary.senderEmail !== SUMMARY_EMPTY_PLACEHOLDER
-      || summary.senderLabel !== SUMMARY_EMPTY_PLACEHOLDER
-      || summary.replyToId !== SUMMARY_EMPTY_PLACEHOLDER;
-  } else if (channel === CHANNELS.WHATSAPP) {
-    hasValues = summary.account !== SUMMARY_EMPTY_PLACEHOLDER
-      || summary.senderNumber !== SUMMARY_EMPTY_PLACEHOLDER;
-  } else {
-    hasValues = summary.account !== SUMMARY_EMPTY_PLACEHOLDER
-      || summary.sender !== SUMMARY_EMPTY_PLACEHOLDER;
-  }
-
-  const getSummaryObject = () => {
-    if (!hasValues) return null;
-    const label = (msg) => formatMessage ? formatMessage(msg) : msg.defaultMessage;
-    if (channel === CHANNELS.SMS) {
-      return {
-        [label(messages.senderDomainSummary)]: summary.senderDomain,
-        [label(messages.senderId)]: summary.senderId,
-      };
-    }
-    if (channel === CHANNELS.EMAIL) {
-      return {
-        [label(messages.emailDomain)]: summary.emailDomain,
-        [label(messages.senderId)]: summary.senderEmail,
-        [label(messages.senderName)]: summary.senderLabel,
-        [label(messages.replyToId)]: summary.replyToId,
-      };
-    }
-    if (channel === CHANNELS.WHATSAPP) {
-      return {
-        [label(messages.account)]: summary.account,
-        [label(messages.senderNumber)]: summary.senderNumber,
-      };
-    }
-    return {
-      [label(messages.account)]: summary.account,
-      [label(messages.senderNumber)]: summary.sender,
-    };
-  };
-
-  const summaryObject = getSummaryObject();
-
-  return (
-    <div className="delivery-settings">
-      <CapRow className="delivery-settings__heading-row">
-        <CapHeading type={HEADING_TYPE_H10}>
-          <FormattedMessage {...messages.deliverySettings} />
-        </CapHeading>
-      </CapRow>
-      <CapRow type={ROW_TYPE_FLEX} className="delivery-settings__summary-row">
-        <CapRow type={ROW_TYPE_FLEX} className="delivery-settings__summary-inner">
-          {summaryObject == null ? (
-            <CapLabel type={LABEL_TYPE_LABEL2}>{notConfiguredLabel}</CapLabel>
-          ) : (
-            Object.entries(summaryObject).map(([key, value]) => (
-              <CapRow type={ROW_TYPE_FLEX} key={key} className="delivery-settings__summary-entry">
-                <CapLabel type={LABEL_TYPE_LABEL1} className="delivery-settings__summary-key">{key}</CapLabel>
-                <CapLabel type={LABEL_TYPE_LABEL9}>
-                  :
-                  {' '}
-                  {value}
-                </CapLabel>
-              </CapRow>
-            ))
-          )}
-        </CapRow>
-        <CapIcon
-          type={ICON_TYPE_EDIT}
-          onClick={openSlideBox}
-          className="delivery-settings__edit-icon"
-          data-testid={TEST_ID_DELIVERY_SETTINGS_EDIT}
-          size="s"
-        />
-      </CapRow>
-
-      {isSlideBoxOpen && (
-        <CapSlideBox
-          show
-          size={SLIDE_BOX_SIZE_L}
-          header={<FormattedMessage {...messages.deliverySettings} />}
-          handleClose={closeSlideBox}
-          content={(
-            <ModifyDeliverySettings
-              channel={channel}
-              deliverySettings={deliverySettings}
-              senderDetailsOptions={senderDetailsOptions}
-              wecrmAccounts={wecrmAccounts}
-              onSaveDeliverySettings={handleSave}
-              onClose={closeSlideBox}
-              isLoading={isLoadingSenderDetails}
-              formatMessage={formatMessage}
-              whatsappAccountFromForm={whatsappAccountFromForm}
-            />
-          )}
-        />
-      )}
-    </div>
-  );
-};
-
-DeliverySettings.propTypes = {
-  channel: PropTypes.string.isRequired,
-  deliverySettings: PropTypes.object,
-  senderDetailsOptions: PropTypes.array,
-  wecrmAccounts: PropTypes.array,
-  onSaveDeliverySettings: PropTypes.func.isRequired,
-  isLoadingSenderDetails: PropTypes.bool,
-  formatMessage: PropTypes.func,
-  whatsappAccountFromForm: PropTypes.shape({
-    accountName: PropTypes.string,
-  }),
-};
-
-DeliverySettings.defaultProps = {
-  deliverySettings: {},
-  senderDetailsOptions: [],
-  wecrmAccounts: [],
-  isLoadingSenderDetails: false,
-  formatMessage: undefined,
-  whatsappAccountFromForm: undefined,
-};
-
-export default DeliverySettings;

package/v2Components/CommonTestAndPreview/DeliverySettings/messages.js

@@ -1,111 +0,0 @@
-/**
- * DeliverySettings messages for Test and Preview.
- * Aligned with cap-campaigns-v2 DeliverySettingsV2 and ModifyDeliverySettings messages.
- */
-
-import { defineMessages } from 'react-intl';
-
-const prefix = 'creatives.CommonTestAndPreview.DeliverySettings';
-
-export default defineMessages({
-  deliverySettings: {
-    id: `${prefix}.deliverySettings`,
-    defaultMessage: 'Delivery settings',
-  },
-  notConfigured: {
-    id: `${prefix}.notConfigured`,
-    defaultMessage: 'Not configured',
-  },
-  account: {
-    id: `${prefix}.account`,
-    defaultMessage: 'Account',
-  },
-  senderNumber: {
-    id: `${prefix}.senderNumber`,
-    defaultMessage: 'Sender number',
-  },
-  senderDomain: {
-    id: `${prefix}.senderDomain`,
-    defaultMessage: 'Sender domain',
-  },
-  senderId: {
-    id: `${prefix}.senderId`,
-    defaultMessage: 'Sender ID',
-  },
-  senderName: {
-    id: `${prefix}.senderName`,
-    defaultMessage: 'Sender name',
-  },
-  replyToId: {
-    id: `${prefix}.replyToId`,
-    defaultMessage: 'Reply-to ID',
-  },
-  done: {
-    id: `${prefix}.done`,
-    defaultMessage: 'Done',
-  },
-  smsDomain: {
-    id: `${prefix}.smsDomain`,
-    defaultMessage: 'SMS Domain',
-  },
-  /** SMS summary & form: "Sender Domain" (capital D) for summary line */
-  senderDomainSummary: {
-    id: `${prefix}.senderDomainSummary`,
-    defaultMessage: 'Sender Domain',
-  },
-  /** SMS form label with colon: "Sender domain:" */
-  senderDomainLabel: {
-    id: `${prefix}.senderDomainLabel`,
-    defaultMessage: 'Sender domain:',
-  },
-  /** SMS form label with colon: "Sender ID:" */
-  senderIdLabel: {
-    id: `${prefix}.senderIdLabel`,
-    defaultMessage: 'Sender ID:',
-  },
-  emailDomain: {
-    id: `${prefix}.emailDomain`,
-    defaultMessage: 'Email Domain',
-  },
-  /** Email form/summary: "Email domain:" (with colon) */
-  emailDomainLabel: {
-    id: `${prefix}.emailDomainLabel`,
-    defaultMessage: 'Email domain:',
-  },
-  /** Email form: "Sender ID:" (with colon) */
-  senderNameLabelEmail: {
-    id: `${prefix}.senderIdLabelEmail`,
-    defaultMessage: 'Sender Name:',
-  },
-  /** Email form/summary: "Reply-to ID:" (with colon) */
-  replyToIdLabel: {
-    id: `${prefix}.replyToIdLabel`,
-    defaultMessage: 'Reply-to ID:',
-  },
-  whatsappBusinessAcc: {
-    id: `${prefix}.whatsappBusinessAcc`,
-    defaultMessage: 'WhatsApp business account',
-  },
-  whatsappSenderNum: {
-    id: `${prefix}.whatsappSenderNum`,
-    defaultMessage: 'WhatsApp sender number',
-  },
-  /** WhatsApp form/summary: "Account:" (with colon) */
-  accountLabel: {
-    id: `${prefix}.accountLabel`,
-    defaultMessage: 'Account:',
-  },
-  /** WhatsApp form/summary: "Sender number:" (with colon) */
-  senderNumberLabel: {
-    id: `${prefix}.senderNumberLabel`,
-    defaultMessage: 'Sender number:',
-  },
-  noOptions: {
-    id: `${prefix}.noOptions`,
-    defaultMessage: 'No options',
-  },
-  disabledMessage: {
-    id: `${prefix}.disabledMessage`,
-    defaultMessage: 'Message template selected belongs to this account',
-  },
-});

package/v2Components/CommonTestAndPreview/DeliverySettings/utils/parseSenderDetailsResponse.js

@@ -1,91 +0,0 @@
-/**
- * Normalize getSenderDetails(channel, orgUnitId) API response for a single channel.
- * Output shape matches cap-campaigns-v2 parseSenderDetails so UI can consume
- * domains with domainId, domainName, gsmSenders, emailSenders, emailRepliers, etc.
- *
- * Reference: cap-campaigns-v2 app/utils/parseSenderDetails.js
- * No cross-repo imports; logic aligned with campaigns domain structure.
- */
-
-import { get } from 'lodash';
-
-const SMS = 'SMS';
-const EMAIL = 'EMAIL';
-const WHATSAPP = 'WHATSAPP';
-
-const getSenderOptions = (contactInfo, key) =>
-  (contactInfo || [])
-    .filter((c) => c.type === key && c.valid)
-    .sort((a) => (a.default ? -1 : 0));
-
-/**
- * Parse raw API response for one channel into { domains: [...] }
- * @param {string} channel - SMS | EMAIL | WHATSAPP
- * @param {Object} response - API response (e.g. { entity: { SMS: [...] } } or { entity: [...] })
- * @returns {{ domains: Array }} - domains array compatible with campaigns DeliverySettingsV2
- */
-export function parseSenderDetailsResponse(channel, response) {
-  const entity = get(response, 'entity', response);
-  if (!entity) {
-    return { domains: [] };
-  }
-
-  // Single-channel API: entity may be { [channel]: [...] } or direct array
-  let channelSenderDetails = get(entity, channel, null);
-  if (channelSenderDetails == null && Array.isArray(entity)) {
-    channelSenderDetails = entity;
-  }
-  if (!Array.isArray(channelSenderDetails)) {
-    return { domains: [] };
-  }
-
-  const domains = [];
-
-  channelSenderDetails.forEach((element) => {
-    const { id: dgmId, priority, domainProperties = {} } = element;
-    const {
-      domainName,
-      id = -1,
-      contactInfo,
-      connectionProperties: {
-        sourceAccountIdentifier = '',
-        wabaId = '',
-        userid = '',
-      } = {},
-    } = domainProperties;
-
-    const domain = {
-      dgmId,
-      domainName,
-      domainId: id,
-      priority: priority != null ? priority : 0,
-    };
-
-    if ([SMS, WHATSAPP].includes(channel)) {
-      domain.cdmaSenders = getSenderOptions(contactInfo, 'cdma_sender_id');
-      domain.gsmSenders = getSenderOptions(contactInfo, 'gsm_sender_id');
-      domain.sourceAccountIdentifier =
-        sourceAccountIdentifier || wabaId || userid || '';
-    }
-
-    if (channel === EMAIL) {
-      domain.emailSenders = getSenderOptions(contactInfo, 'sender_id');
-      domain.emailRepliers = getSenderOptions(contactInfo, 'reply_to_id');
-    }
-
-    domains.push(domain);
-  });
-
-  // Sort by priority and dedupe by domainName (match campaigns behaviour)
-  domains.sort((a, b) => (a.priority || 0) - (b.priority || 0));
-  const deduped = domains.reduce((acc, domain) => {
-    if (!acc.find((d) => d.domainName === domain.domainName)) {
-      acc.push(domain);
-    }
-    return acc;
-  }, []);
-
-  return { domains: deduped };
-}
-
-export default parseSenderDetailsResponse;