@capillarytech/creatives-library 8.0.345-alpha.15 → 8.0.345-alpha.16

package/v2Containers/Rcs/index.scss.rej

@@ -1,74 +0,0 @@
-diff a/app/v2Containers/Rcs/index.scss b/app/v2Containers/Rcs/index.scss	(rejected hunks)
-@@ -5,109 +5,54 @@
-   position: fixed;
-   bottom: 0;
-   width: 100%;
-+  margin-left: -32px;
-   padding: $CAP_SPACE_32 $CAP_SPACE_24;
-+  margin-top: 40px;
-   z-index: 1;
-   .ant-btn {
-     margin-right: $CAP_SPACE_16;
-   }
--
-   .rcs-test-preview-btn {
-     margin-left: $CAP_SPACE_08;
-   }
- }
- 
- .cap-rcs-creatives {
--
--
--
--
-+  .template-status-container {
-+    width: 100%;
-+    display: flex;
-+    flex-direction: column;
-+    align-items: flex-start;
-+    margin-bottom: 1.25rem; // match spacing used across label sections (eg title/message labels)
- 
-+    .ant-alert {
-+      width: 100%;
-+      margin-top: $CAP_SPACE_08; // match label -> field spacing like other sections
-     }
-   }
- 
-+  .rcs-scroll-div {
-+    margin-bottom: 150px;
-   }
-+  // Match WhatsApp visual spacing between editor column and preview column
-   .rcs-preview-container {
-+    padding-left: $CAP_SPACE_24;
-+    display: flex;
-+    justify-content: center;
-   }
-   .rcs-optional-label {
-+    margin-left: 8px;
-     color: $FONT_COLOR_03;
-     font-weight: normal;
-   }
-   .rcs_text_area_wrapper {
-     position: relative;
-   }
-   .rcs-button{
-     display: inline-grid;
-   }
--
--
--
--
-+  .rcs-button-label{
-+    margin-bottom: 17px;
-   }
-   .disabled-button{
-      opacity: 0.5;
-@@ -202,12 +288,6 @@
-     width: 430px;
- }
- 
--
--
- .rcs-fallback-preview {
-   &__header {
-     color: $CAP_G01;

package/v2Containers/Rcs/rcsLibraryHydrationUtils.js

@@ -1,225 +0,0 @@
-import isEmpty from 'lodash/isEmpty';
-import get from 'lodash/get';
-import { RCS_SMS_FALLBACK_VAR_MAPPED_PROP } from '../../v2Components/CommonTestAndPreview/constants';
-import {
-  RCS_NUMERIC_VAR_NAME_REGEX,
-  RCS_CARD_VAR_MAPPED_SEMANTIC_KEY_REGEX,
-} from './constants';
-
-/** RCS card `cardVarMapped` / `rcsCardVarMapped` only (SMS fallback slot keys stay on `smsFallBackContent`). */
-export function pickRcsCardVarMappedEntries(record) {
-  if (record == null || typeof record !== 'object' || Array.isArray(record)) return {};
-  return Object.fromEntries(
-    Object.entries(record).filter(([k]) => {
-      const key = String(k);
-      return (
-        RCS_NUMERIC_VAR_NAME_REGEX.test(key)
-        || RCS_CARD_VAR_MAPPED_SEMANTIC_KEY_REGEX.test(key)
-      );
-    }),
-  );
-}
-
-/**
- * Nested `versions…smsFallBackContent` and root `smsFallBackContent` (CreativesContainer mirror)
- * can diverge. Merge explicitly (avoid `get(..., {}) || root` — `{}` is truthy and blocks fallback).
- *
- * When both exist, **nested wins on overlap**: the canonical RCS path is what `createPayload` / submit
- * update; the root mirror can lag behind campaign parent state and would otherwise keep old
- * `message` / `rcsSmsFallbackVarMapped` in hydration and approval payloads.
- */
-export function mergeRcsSmsFallBackContentFromDetails(details) {
-  if (!details || typeof details !== 'object') return {};
-  const nestedSmsFallback = details?.versions?.base?.content?.RCS?.smsFallBackContent;
-  const rootSmsFallback = details?.smsFallBackContent;
-  const nestedRecord =
-    nestedSmsFallback != null && typeof nestedSmsFallback === 'object' ? nestedSmsFallback : {};
-  const rootRecord =
-    rootSmsFallback != null && typeof rootSmsFallback === 'object' ? rootSmsFallback : {};
-  return { ...rootRecord, ...nestedRecord };
-}
-
-/**
- * Merge SMS fallback slot maps from API/templateData (`apiShape`) and editor state (`localShape`).
- * Spreading `{ ...api, ...local }` lets `rcsSmsFallbackVarMapped: {}` on local wipe a populated API map,
- * which keeps Done disabled in DLT campaigns until fixed.
- */
-export function mergeRcsSmsFallbackVarMapLayers(apiShape = {}, localShape = {}) {
-  const readMap = (o) => {
-    if (!o || typeof o !== 'object') return {};
-    const camel = o.rcsSmsFallbackVarMapped;
-    const kebab = o['rcs-sms-fallback-var-mapped'];
-    const src =
-      camel && typeof camel === 'object'
-        ? camel
-        : kebab && typeof kebab === 'object'
-          ? kebab
-          : {};
-    return { ...src };
-  };
-  return { ...readMap(apiShape), ...readMap(localShape) };
-}
-
-/**
- * First non-empty trimmed string for SMS fallback body used in DLT slot checks / payload `templateContent`.
- * Prefer **raw** template fields before resolved `message` so `{#…#}` / `{{…}}` tokens are not lost
- * when `message` is consumer-resolved text (campaigns).
- */
-/**
- * Whether an SMS fallback object carries template body, name, or var-map data (same rule as Rcs `createPayload`).
- */
-export function hasMeaningfulSmsFallbackShape(s) {
-  return !!(
-    s
-    && (
-      String(
-        s.content
-        || s.templateContent
-        || s.message
-        || s.smsContent
-        || s.smsTemplateContent
-        || '',
-      ).trim() !== ''
-      || String(s.templateName || s.smsTemplateName || '').trim() !== ''
-      || (s.rcsSmsFallbackVarMapped && Object.keys(s.rcsSmsFallbackVarMapped).length > 0)
-      || (s[RCS_SMS_FALLBACK_VAR_MAPPED_PROP]
-        && Object.keys(s[RCS_SMS_FALLBACK_VAR_MAPPED_PROP]).length > 0)
-    )
-  );
-}
-
-/**
- * Library `templateData`: merged root + nested `smsFallBackContent` (nested wins), matching `createPayload`.
- */
-export function getLibrarySmsFallbackApiBaselineFromTemplateData(templateData) {
-  const smsFromTemplateRoot = get(
-    templateData,
-    'versions.base.content.RCS.smsFallBackContent',
-  );
-  return {
-    ...(templateData?.smsFallBackContent && typeof templateData.smsFallBackContent === 'object'
-      ? templateData.smsFallBackContent
-      : {}),
-    ...(smsFromTemplateRoot && typeof smsFromTemplateRoot === 'object'
-      ? smsFromTemplateRoot
-      : {}),
-  };
-}
-
-export { extractRegisteredSenderIdsFromSmsFallbackRecord } from '../../utils/commonUtils';
-
-export function pickFirstSmsFallbackTemplateString(sms = {}) {
-  if (!sms || typeof sms !== 'object') return '';
-  const keys = [
-    'templateContent',
-    'smsTemplateContent',
-    'content',
-    'smsContent',
-    'message',
-  ];
-  for (let i = 0; i < keys.length; i += 1) {
-    const v = sms[keys[i]];
-    if (v == null) continue;
-    const s = String(v).trim();
-    if (s) return s;
-  }
-  return '';
-}
-
-/**
- * Campaign reopen: payloads often keep tag/label values on numeric keys (`"1"`, `"2"`, …) while
- * semantic keys (`user_name`, …) stay `""`. Copy non-empty slot values onto empty semantic keys so
- * VarSegment editors prepopulate after Done → Edit without changing global resolve behavior.
- */
-export function syncCardVarMappedSemanticsFromSlots(
-  cardVarMappedInput,
-  templateTitle,
-  templateDesc,
-  rcsVarRegex,
-) {
-  const cardVarMappedSynced =
-    cardVarMappedInput != null && typeof cardVarMappedInput === 'object'
-      ? { ...cardVarMappedInput }
-      : {};
-  const getVarNameFromToken = (token = '') => token.replace(/^\{\{|\}\}$/g, '');
-  const templateVarTokens = [
-    ...(templateTitle?.match(rcsVarRegex) ?? []),
-    ...(templateDesc?.match(rcsVarRegex) ?? []),
-  ];
-  templateVarTokens.forEach((token, slotIndexZeroBased) => {
-    const semanticVarName = getVarNameFromToken(token);
-    if (!semanticVarName) return;
-    const numericSlotKey = String(slotIndexZeroBased + 1);
-    const semanticValueTrimmed = String(cardVarMappedSynced[semanticVarName] ?? '').trim();
-    const numericSlotValueTrimmed = String(cardVarMappedSynced[numericSlotKey] ?? '').trim();
-    if (!semanticValueTrimmed && numericSlotValueTrimmed) {
-      cardVarMappedSynced[semanticVarName] = cardVarMappedSynced[numericSlotKey];
-    }
-  });
-  return cardVarMappedSynced;
-}
-
-/**
- * Maps resolved campaign values back to `{{semanticKey}}` using `cardVarMapped` keys.
- * Used when hydrating library/journey RCS edit from payloads without existing `{{…}}` tokens.
- */
-export function getUnmappedDesc(str, mapping) {
-  if (!str) return '';
-  if (!mapping || Object.keys(mapping).length === 0) return str;
-  let result = str;
-  const replacements = [];
-  Object.entries(mapping).forEach(([key, value]) => {
-    const raw = (value ?? '').toString();
-    if (!raw || raw?.trim?.() === '') return;
-    const braced = /^\{\{[\s\S]*\}\}$/.test(raw) ? raw : `{{${raw}}}`;
-    replacements.push({ key, needle: raw });
-    if (braced !== raw) replacements.push({ key, needle: braced });
-  });
-  const seen = new Set();
-  const uniq = replacements
-    .filter(({ key, needle }) => {
-      const id = `${key}::${needle}`;
-      if (seen.has(id)) return false;
-      seen.add(id);
-      return true;
-    })
-    .sort((a, b) => (b.needle.length - a.needle.length));
-
-  uniq.forEach(({ key, needle }) => {
-    if (!needle) return;
-    const escaped = needle.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-    const regex = new RegExp(escaped, 'g');
-    result = result.replace(regex, `{{${key}}}`);
-  });
-  return result;
-}
-
-export function hasRcsVarTokens(s, rcsVarRegex) {
-  return (s?.match(rcsVarRegex) ?? []).length > 0;
-}
-
-/**
- * Library / journey: only run `getUnmappedDesc` when the loaded copy has no `{{…}}` tokens
- * (e.g. fully resolved campaign text). If the API already has numeric or named slots, keep as-is.
- */
-export function normalizeLibraryLoadedTitleDesc({
-  loadedTitle,
-  loadedDesc,
-  isFullMode,
-  cardVarMappedAfterHydration,
-  rcsVarRegex,
-}) {
-  const normalizedTitle =
-    !isFullMode
-    && !isEmpty(cardVarMappedAfterHydration)
-    && !hasRcsVarTokens(loadedTitle, rcsVarRegex)
-      ? getUnmappedDesc(loadedTitle, cardVarMappedAfterHydration)
-      : loadedTitle;
-  const normalizedDesc =
-    !isFullMode
-    && !isEmpty(cardVarMappedAfterHydration)
-    && !hasRcsVarTokens(loadedDesc, rcsVarRegex)
-      ? getUnmappedDesc(loadedDesc, cardVarMappedAfterHydration)
-      : loadedDesc;
-  return { normalizedTitle, normalizedDesc };
-}

package/v2Containers/Rcs/tests/__snapshots__/utils.test.js.snap.rej

@@ -1,128 +0,0 @@
-diff a/app/v2Containers/Rcs/tests/__snapshots__/utils.test.js.snap b/app/v2Containers/Rcs/tests/__snapshots__/utils.test.js.snap	(rejected hunks)
-@@ -2,41 +2,50 @@
- 
- exports[`RCS utils getRCSContent renders RCS content with empty template 1`] = `
- <div
-+  className="whatsapp-container"
- >
-+  <span
-+    className="whatsapp-message-without-media"
-+  >
-+    <div
-+      className="CapLabel-n7zsf5-0 kXNxry"
-+      type="label9"
-+    >
-+      <div
-+        className="CapLabel-n7zsf5-0 kXNxry rcs-listing-title"
-+        type="label9"
-+      />
-+    </div>
-+  </span>
- </div>
- `;
- 
- exports[`RCS utils getRCSContent renders RCS content with image and CTA suggestion 1`] = `
- <div
-+  className="whatsapp-container"
- >
-   <img
-+    className="cap-image-v2 whatsapp-image"
-     src="https://cdn.example.com/img.png"
-   />
-+  <span
-+    className="whatsapp-message-with-media"
-   >
-+    <div
-+      className="CapLabel-n7zsf5-0 kXNxry"
-+      type="label9"
-+    >
-+      <div
-+        className="CapLabel-n7zsf5-0 kXNxry rcs-listing-title"
-+        type="label9"
-+      >
-+        Big Sale
-+      </div>
-+      <div>
-+        Up to 50% off
-+      </div>
-+    </div>
-+  </span>
-   <div
-     className="cap-divider-v2 whatsapp-divider ant-divider ant-divider-horizontal"
-     role="separator"
-@@ -138,41 +147,50 @@ exports[`RCS utils getRCSContent renders RCS content with image and CTA suggesti
- 
- exports[`RCS utils getRCSContent renders RCS content with missing cardContent 1`] = `
- <div
-+  className="whatsapp-container"
- >
-+  <span
-+    className="whatsapp-message-without-media"
-+  >
-+    <div
-+      className="CapLabel-n7zsf5-0 kXNxry"
-+      type="label9"
-+    >
-+      <div
-+        className="CapLabel-n7zsf5-0 kXNxry rcs-listing-title"
-+        type="label9"
-+      />
-+    </div>
-+  </span>
- </div>
- `;
- 
- exports[`RCS utils getRCSContent renders RCS content with multiple suggestion types 1`] = `
- <div
-+  className="whatsapp-container"
- >
-   <img
-+    className="cap-image-v2 whatsapp-image"
-     src="https://cdn.example.com/img.png"
-   />
-+  <span
-+    className="whatsapp-message-with-media"
-   >
-+    <div
-+      className="CapLabel-n7zsf5-0 kXNxry"
-+      type="label9"
-+    >
-+      <div
-+        className="CapLabel-n7zsf5-0 kXNxry rcs-listing-title"
-+        type="label9"
-+      >
-+        Big Sale
-+      </div>
-+      <div>
-+        Up to 50% off
-+      </div>
-+    </div>
-+  </span>
-   <div
-     className="cap-divider-v2 whatsapp-divider ant-divider ant-divider-horizontal"
-     role="separator"
-@@ -299,14 +317,24 @@ exports[`RCS utils getRCSContent renders RCS content with multiple suggestion ty
- 
- exports[`RCS utils getRCSContent renders RCS content with no media 1`] = `
- <div
-+  className="whatsapp-container"
- >
-+  <span
-+    className="whatsapp-message-without-media"
-   >
-+    <div
-+      className="CapLabel-n7zsf5-0 kXNxry"
-+      type="label9"
-+    >
-+      <div
-+        className="CapLabel-n7zsf5-0 kXNxry rcs-listing-title"
-+        type="label9"
-+      />
-+      <div>
-+        This is a text message body.
-+      </div>
-+    </div>
-+  </span>
-   <div
-     className="cap-divider-v2 whatsapp-divider ant-divider ant-divider-horizontal"
-     role="separator"