@capillarytech/creatives-library 9.0.15-alpha.0 → 9.0.15-alpha.3

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