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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/constants/unified.js +29 -0
  2. package/package.json +1 -1
  3. package/services/tests/api.test.js +13 -0
  4. package/utils/commonUtils.js +19 -1
  5. package/utils/rcsPayloadUtils.js +92 -0
  6. package/utils/templateVarUtils.js +201 -0
  7. package/utils/tests/templateVarUtils.test.js +204 -0
  8. package/v2Components/CapActionButton/constants.js +7 -0
  9. package/v2Components/CapActionButton/index.js +167 -109
  10. package/v2Components/CapActionButton/index.scss +157 -6
  11. package/v2Components/CapActionButton/messages.js +19 -3
  12. package/v2Components/CapActionButton/tests/index.test.js +41 -17
  13. package/v2Components/CapTagList/index.js +10 -0
  14. package/v2Components/CommonTestAndPreview/CustomValuesEditor.js +70 -49
  15. package/v2Components/CommonTestAndPreview/DeliverySettings/DeliverySettings.scss +8 -2
  16. package/v2Components/CommonTestAndPreview/DeliverySettings/ModifyDeliverySettings.js +207 -21
  17. package/v2Components/CommonTestAndPreview/DeliverySettings/constants.js +16 -0
  18. package/v2Components/CommonTestAndPreview/DeliverySettings/index.js +85 -10
  19. package/v2Components/CommonTestAndPreview/DeliverySettings/messages.js +30 -0
  20. package/v2Components/CommonTestAndPreview/DeliverySettings/utils/parseSenderDetailsResponse.js +79 -11
  21. package/v2Components/CommonTestAndPreview/SendTestMessage.js +10 -5
  22. package/v2Components/CommonTestAndPreview/UnifiedPreview/RcsPreviewContent.js +160 -15
  23. package/v2Components/CommonTestAndPreview/UnifiedPreview/RcsPreviewContent.js.rej +18 -0
  24. package/v2Components/CommonTestAndPreview/UnifiedPreview/_unifiedPreview.scss +341 -76
  25. package/v2Components/CommonTestAndPreview/UnifiedPreview/index.js +133 -4
  26. package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss +11 -0
  27. package/v2Components/CommonTestAndPreview/constants.js +38 -2
  28. package/v2Components/CommonTestAndPreview/index.js +676 -186
  29. package/v2Components/CommonTestAndPreview/messages.js +49 -3
  30. package/v2Components/CommonTestAndPreview/previewApiUtils.js +59 -0
  31. package/v2Components/CommonTestAndPreview/sagas.js +15 -6
  32. package/v2Components/CommonTestAndPreview/tests/CustomValuesEditor.test.js +308 -284
  33. package/v2Components/CommonTestAndPreview/tests/DeliverySettings/ModifyDeliverySettings.test.js +231 -65
  34. package/v2Components/CommonTestAndPreview/tests/DeliverySettings/index.test.js +118 -5
  35. package/v2Components/CommonTestAndPreview/tests/DeliverySettings/utils/parseSenderDetailsResponse.test.js +341 -0
  36. package/v2Components/CommonTestAndPreview/tests/PreviewSection.test.js +8 -1
  37. package/v2Components/CommonTestAndPreview/tests/SendTestMessage.test.js +34 -13
  38. package/v2Components/CommonTestAndPreview/tests/UnifiedPreview/RcsPreviewContent.test.js +281 -283
  39. package/v2Components/CommonTestAndPreview/tests/UnifiedPreview/index.test.js +199 -1
  40. package/v2Components/CommonTestAndPreview/tests/index.test.js +132 -4
  41. package/v2Components/CommonTestAndPreview/tests/previewApiUtils.test.js +67 -0
  42. package/v2Components/CommonTestAndPreview/tests/sagas.test.js +2 -2
  43. package/v2Components/FormBuilder/index.js +8 -10
  44. package/v2Components/SmsFallback/SmsFallbackLocalSelector.js +87 -0
  45. package/v2Components/SmsFallback/constants.js +73 -0
  46. package/v2Components/SmsFallback/index.js +955 -0
  47. package/v2Components/SmsFallback/index.scss +265 -0
  48. package/v2Components/SmsFallback/messages.js +78 -0
  49. package/v2Components/SmsFallback/smsFallbackUtils.js +118 -0
  50. package/v2Components/SmsFallback/tests/SmsFallbackLocalSelector.test.js +50 -0
  51. package/v2Components/SmsFallback/tests/rcsSmsFallback.acceptance.test.js +147 -0
  52. package/v2Components/SmsFallback/tests/smsFallbackHandlers.test.js +304 -0
  53. package/v2Components/SmsFallback/tests/smsFallbackUi.test.js +197 -0
  54. package/v2Components/SmsFallback/tests/smsFallbackUtils.test.js +277 -0
  55. package/v2Components/SmsFallback/tests/useLocalTemplateList.test.js +422 -0
  56. package/v2Components/SmsFallback/useLocalTemplateList.js +92 -0
  57. package/v2Components/TemplatePreview/_templatePreview.scss +33 -23
  58. package/v2Components/TemplatePreview/constants.js +2 -0
  59. package/v2Components/TemplatePreview/index.js +143 -28
  60. package/v2Components/TemplatePreview/tests/index.test.js +142 -0
  61. package/v2Components/TestAndPreviewSlidebox/index.js +13 -1
  62. package/v2Components/TestAndPreviewSlidebox/sagas.js +11 -4
  63. package/v2Components/TestAndPreviewSlidebox/tests/saga.test.js +3 -1
  64. package/v2Components/VarSegmentMessageEditor/constants.js +2 -0
  65. package/v2Components/VarSegmentMessageEditor/index.js +125 -0
  66. package/v2Components/VarSegmentMessageEditor/index.scss +46 -0
  67. package/v2Containers/CreativesContainer/CreativesSlideBoxWrapper.js +43 -0
  68. package/v2Containers/CreativesContainer/SlideBoxContent.js +36 -4
  69. package/v2Containers/CreativesContainer/SlideBoxFooter.js +10 -1
  70. package/v2Containers/CreativesContainer/SlideBoxHeader.js +29 -4
  71. package/v2Containers/CreativesContainer/constants.js +9 -0
  72. package/v2Containers/CreativesContainer/embeddedSlideboxUtils.js +67 -0
  73. package/v2Containers/CreativesContainer/index.js +300 -103
  74. package/v2Containers/CreativesContainer/index.scss +51 -1
  75. package/v2Containers/CreativesContainer/tests/SlideBoxContent.localTemplates.test.js +90 -0
  76. package/v2Containers/CreativesContainer/tests/SlideBoxFooter.test.js +78 -34
  77. package/v2Containers/CreativesContainer/tests/SlideBoxHeader.test.js +79 -16
  78. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +8 -0
  79. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxHeader.test.js.snap +357 -98
  80. package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap +20 -15
  81. package/v2Containers/CreativesContainer/tests/embeddedSlideboxUtils.test.js +258 -0
  82. package/v2Containers/CreativesContainer/tests/index.test.js +71 -9
  83. package/v2Containers/CreativesContainer/tests/useLocalTemplatesProp.test.js +125 -0
  84. package/v2Containers/Email/reducer.js +3 -11
  85. package/v2Containers/Email/sagas.js +5 -9
  86. package/v2Containers/Email/tests/__snapshots__/reducer.test.js.snap +0 -4
  87. package/v2Containers/Email/tests/sagas.test.js +3 -21
  88. package/v2Containers/Rcs/constants.js +119 -8
  89. package/v2Containers/Rcs/index.js +2379 -807
  90. package/v2Containers/Rcs/index.js.rej +1336 -0
  91. package/v2Containers/Rcs/index.scss +276 -6
  92. package/v2Containers/Rcs/index.scss.rej +74 -0
  93. package/v2Containers/Rcs/messages.js +38 -3
  94. package/v2Containers/Rcs/rcsLibraryHydrationUtils.js +225 -0
  95. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +98018 -70073
  96. package/v2Containers/Rcs/tests/__snapshots__/utils.test.js.snap +0 -5
  97. package/v2Containers/Rcs/tests/__snapshots__/utils.test.js.snap.rej +128 -0
  98. package/v2Containers/Rcs/tests/index.test.js +152 -121
  99. package/v2Containers/Rcs/tests/mockData.js +38 -0
  100. package/v2Containers/Rcs/tests/rcsLibraryHydrationUtils.test.js +318 -0
  101. package/v2Containers/Rcs/tests/utils.test.js +646 -30
  102. package/v2Containers/Rcs/utils.js +478 -11
  103. package/v2Containers/Sms/Create/index.js +100 -40
  104. package/v2Containers/Sms/smsFormDataHelpers.js +67 -0
  105. package/v2Containers/Sms/tests/smsFormDataHelpers.test.js +253 -0
  106. package/v2Containers/SmsTrai/Create/index.js +9 -4
  107. package/v2Containers/SmsTrai/Edit/constants.js +2 -0
  108. package/v2Containers/SmsTrai/Edit/index.js +636 -130
  109. package/v2Containers/SmsTrai/Edit/index.scss +121 -0
  110. package/v2Containers/SmsTrai/Edit/messages.js +14 -4
  111. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +4328 -2375
  112. package/v2Containers/SmsWrapper/index.js +37 -8
  113. package/v2Containers/TagList/index.js +6 -0
  114. package/v2Containers/Templates/TemplatesActionBar.js +101 -0
  115. package/v2Containers/Templates/_templates.scss +163 -2
  116. package/v2Containers/Templates/actions.js +11 -0
  117. package/v2Containers/Templates/constants.js +2 -0
  118. package/v2Containers/Templates/index.js +119 -54
  119. package/v2Containers/Templates/sagas.js +57 -12
  120. package/v2Containers/Templates/tests/TemplatesActionBar.test.js +120 -0
  121. package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +1043 -1079
  122. package/v2Containers/Templates/tests/sagas.test.js +193 -123
  123. package/v2Containers/Templates/tests/smsTemplatesListApi.test.js +180 -0
  124. package/v2Containers/Templates/utils/smsTemplatesListApi.js +79 -0
  125. package/v2Containers/TemplatesV2/TemplatesV2.style.js +72 -1
  126. package/v2Containers/TemplatesV2/index.js +86 -23
  127. package/v2Containers/TemplatesV2/tests/TemplatesV2.localTemplates.test.js +131 -0
  128. package/v2Containers/Whatsapp/index.js +3 -20
  129. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +578 -34
@@ -0,0 +1,225 @@
1
+ import isEmpty from 'lodash/isEmpty';
2
+ import get from 'lodash/get';
3
+ import { RCS_SMS_FALLBACK_VAR_MAPPED_PROP } from '../../v2Components/CommonTestAndPreview/constants';
4
+ import {
5
+ RCS_NUMERIC_VAR_NAME_REGEX,
6
+ RCS_CARD_VAR_MAPPED_SEMANTIC_KEY_REGEX,
7
+ } from './constants';
8
+
9
+ /** RCS card `cardVarMapped` / `rcsCardVarMapped` only (SMS fallback slot keys stay on `smsFallBackContent`). */
10
+ export function pickRcsCardVarMappedEntries(record) {
11
+ if (record == null || typeof record !== 'object' || Array.isArray(record)) return {};
12
+ return Object.fromEntries(
13
+ Object.entries(record).filter(([k]) => {
14
+ const key = String(k);
15
+ return (
16
+ RCS_NUMERIC_VAR_NAME_REGEX.test(key)
17
+ || RCS_CARD_VAR_MAPPED_SEMANTIC_KEY_REGEX.test(key)
18
+ );
19
+ }),
20
+ );
21
+ }
22
+
23
+ /**
24
+ * Nested `versions…smsFallBackContent` and root `smsFallBackContent` (CreativesContainer mirror)
25
+ * can diverge. Merge explicitly (avoid `get(..., {}) || root` — `{}` is truthy and blocks fallback).
26
+ *
27
+ * When both exist, **nested wins on overlap**: the canonical RCS path is what `createPayload` / submit
28
+ * update; the root mirror can lag behind campaign parent state and would otherwise keep old
29
+ * `message` / `rcsSmsFallbackVarMapped` in hydration and approval payloads.
30
+ */
31
+ export function mergeRcsSmsFallBackContentFromDetails(details) {
32
+ if (!details || typeof details !== 'object') return {};
33
+ const nestedSmsFallback = details?.versions?.base?.content?.RCS?.smsFallBackContent;
34
+ const rootSmsFallback = details?.smsFallBackContent;
35
+ const nestedRecord =
36
+ nestedSmsFallback != null && typeof nestedSmsFallback === 'object' ? nestedSmsFallback : {};
37
+ const rootRecord =
38
+ rootSmsFallback != null && typeof rootSmsFallback === 'object' ? rootSmsFallback : {};
39
+ return { ...rootRecord, ...nestedRecord };
40
+ }
41
+
42
+ /**
43
+ * Merge SMS fallback slot maps from API/templateData (`apiShape`) and editor state (`localShape`).
44
+ * Spreading `{ ...api, ...local }` lets `rcsSmsFallbackVarMapped: {}` on local wipe a populated API map,
45
+ * which keeps Done disabled in DLT campaigns until fixed.
46
+ */
47
+ export function mergeRcsSmsFallbackVarMapLayers(apiShape = {}, localShape = {}) {
48
+ const readMap = (o) => {
49
+ if (!o || typeof o !== 'object') return {};
50
+ const camel = o.rcsSmsFallbackVarMapped;
51
+ const kebab = o['rcs-sms-fallback-var-mapped'];
52
+ const src =
53
+ camel && typeof camel === 'object'
54
+ ? camel
55
+ : kebab && typeof kebab === 'object'
56
+ ? kebab
57
+ : {};
58
+ return { ...src };
59
+ };
60
+ return { ...readMap(apiShape), ...readMap(localShape) };
61
+ }
62
+
63
+ /**
64
+ * First non-empty trimmed string for SMS fallback body used in DLT slot checks / payload `templateContent`.
65
+ * Prefer **raw** template fields before resolved `message` so `{#…#}` / `{{…}}` tokens are not lost
66
+ * when `message` is consumer-resolved text (campaigns).
67
+ */
68
+ /**
69
+ * Whether an SMS fallback object carries template body, name, or var-map data (same rule as Rcs `createPayload`).
70
+ */
71
+ export function hasMeaningfulSmsFallbackShape(s) {
72
+ return !!(
73
+ s
74
+ && (
75
+ String(
76
+ s.content
77
+ || s.templateContent
78
+ || s.message
79
+ || s.smsContent
80
+ || s.smsTemplateContent
81
+ || '',
82
+ ).trim() !== ''
83
+ || String(s.templateName || s.smsTemplateName || '').trim() !== ''
84
+ || (s.rcsSmsFallbackVarMapped && Object.keys(s.rcsSmsFallbackVarMapped).length > 0)
85
+ || (s[RCS_SMS_FALLBACK_VAR_MAPPED_PROP]
86
+ && Object.keys(s[RCS_SMS_FALLBACK_VAR_MAPPED_PROP]).length > 0)
87
+ )
88
+ );
89
+ }
90
+
91
+ /**
92
+ * Library `templateData`: merged root + nested `smsFallBackContent` (nested wins), matching `createPayload`.
93
+ */
94
+ export function getLibrarySmsFallbackApiBaselineFromTemplateData(templateData) {
95
+ const smsFromTemplateRoot = get(
96
+ templateData,
97
+ 'versions.base.content.RCS.smsFallBackContent',
98
+ );
99
+ return {
100
+ ...(templateData?.smsFallBackContent && typeof templateData.smsFallBackContent === 'object'
101
+ ? templateData.smsFallBackContent
102
+ : {}),
103
+ ...(smsFromTemplateRoot && typeof smsFromTemplateRoot === 'object'
104
+ ? smsFromTemplateRoot
105
+ : {}),
106
+ };
107
+ }
108
+
109
+ export { extractRegisteredSenderIdsFromSmsFallbackRecord } from '../../utils/commonUtils';
110
+
111
+ export function pickFirstSmsFallbackTemplateString(sms = {}) {
112
+ if (!sms || typeof sms !== 'object') return '';
113
+ const keys = [
114
+ 'templateContent',
115
+ 'smsTemplateContent',
116
+ 'content',
117
+ 'smsContent',
118
+ 'message',
119
+ ];
120
+ for (let i = 0; i < keys.length; i += 1) {
121
+ const v = sms[keys[i]];
122
+ if (v == null) continue;
123
+ const s = String(v).trim();
124
+ if (s) return s;
125
+ }
126
+ return '';
127
+ }
128
+
129
+ /**
130
+ * Campaign reopen: payloads often keep tag/label values on numeric keys (`"1"`, `"2"`, …) while
131
+ * semantic keys (`user_name`, …) stay `""`. Copy non-empty slot values onto empty semantic keys so
132
+ * VarSegment editors prepopulate after Done → Edit without changing global resolve behavior.
133
+ */
134
+ export function syncCardVarMappedSemanticsFromSlots(
135
+ cardVarMappedInput,
136
+ templateTitle,
137
+ templateDesc,
138
+ rcsVarRegex,
139
+ ) {
140
+ const cardVarMappedSynced =
141
+ cardVarMappedInput != null && typeof cardVarMappedInput === 'object'
142
+ ? { ...cardVarMappedInput }
143
+ : {};
144
+ const getVarNameFromToken = (token = '') => token.replace(/^\{\{|\}\}$/g, '');
145
+ const templateVarTokens = [
146
+ ...(templateTitle?.match(rcsVarRegex) ?? []),
147
+ ...(templateDesc?.match(rcsVarRegex) ?? []),
148
+ ];
149
+ templateVarTokens.forEach((token, slotIndexZeroBased) => {
150
+ const semanticVarName = getVarNameFromToken(token);
151
+ if (!semanticVarName) return;
152
+ const numericSlotKey = String(slotIndexZeroBased + 1);
153
+ const semanticValueTrimmed = String(cardVarMappedSynced[semanticVarName] ?? '').trim();
154
+ const numericSlotValueTrimmed = String(cardVarMappedSynced[numericSlotKey] ?? '').trim();
155
+ if (!semanticValueTrimmed && numericSlotValueTrimmed) {
156
+ cardVarMappedSynced[semanticVarName] = cardVarMappedSynced[numericSlotKey];
157
+ }
158
+ });
159
+ return cardVarMappedSynced;
160
+ }
161
+
162
+ /**
163
+ * Maps resolved campaign values back to `{{semanticKey}}` using `cardVarMapped` keys.
164
+ * Used when hydrating library/journey RCS edit from payloads without existing `{{…}}` tokens.
165
+ */
166
+ export function getUnmappedDesc(str, mapping) {
167
+ if (!str) return '';
168
+ if (!mapping || Object.keys(mapping).length === 0) return str;
169
+ let result = str;
170
+ const replacements = [];
171
+ Object.entries(mapping).forEach(([key, value]) => {
172
+ const raw = (value ?? '').toString();
173
+ if (!raw || raw?.trim?.() === '') return;
174
+ const braced = /^\{\{[\s\S]*\}\}$/.test(raw) ? raw : `{{${raw}}}`;
175
+ replacements.push({ key, needle: raw });
176
+ if (braced !== raw) replacements.push({ key, needle: braced });
177
+ });
178
+ const seen = new Set();
179
+ const uniq = replacements
180
+ .filter(({ key, needle }) => {
181
+ const id = `${key}::${needle}`;
182
+ if (seen.has(id)) return false;
183
+ seen.add(id);
184
+ return true;
185
+ })
186
+ .sort((a, b) => (b.needle.length - a.needle.length));
187
+
188
+ uniq.forEach(({ key, needle }) => {
189
+ if (!needle) return;
190
+ const escaped = needle.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
191
+ const regex = new RegExp(escaped, 'g');
192
+ result = result.replace(regex, `{{${key}}}`);
193
+ });
194
+ return result;
195
+ }
196
+
197
+ export function hasRcsVarTokens(s, rcsVarRegex) {
198
+ return (s?.match(rcsVarRegex) ?? []).length > 0;
199
+ }
200
+
201
+ /**
202
+ * Library / journey: only run `getUnmappedDesc` when the loaded copy has no `{{…}}` tokens
203
+ * (e.g. fully resolved campaign text). If the API already has numeric or named slots, keep as-is.
204
+ */
205
+ export function normalizeLibraryLoadedTitleDesc({
206
+ loadedTitle,
207
+ loadedDesc,
208
+ isFullMode,
209
+ cardVarMappedAfterHydration,
210
+ rcsVarRegex,
211
+ }) {
212
+ const normalizedTitle =
213
+ !isFullMode
214
+ && !isEmpty(cardVarMappedAfterHydration)
215
+ && !hasRcsVarTokens(loadedTitle, rcsVarRegex)
216
+ ? getUnmappedDesc(loadedTitle, cardVarMappedAfterHydration)
217
+ : loadedTitle;
218
+ const normalizedDesc =
219
+ !isFullMode
220
+ && !isEmpty(cardVarMappedAfterHydration)
221
+ && !hasRcsVarTokens(loadedDesc, rcsVarRegex)
222
+ ? getUnmappedDesc(loadedDesc, cardVarMappedAfterHydration)
223
+ : loadedDesc;
224
+ return { normalizedTitle, normalizedDesc };
225
+ }