@capillarytech/creatives-library 9.0.43 → 9.0.45
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.
- package/package.json +1 -1
- package/v2Components/CapDeviceContent/index.scss +1 -1
- package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss +5 -1
- package/v2Components/FormBuilder/_formBuilder.scss +1 -1
- package/v2Containers/Email/_email.scss +4 -0
- package/v2Containers/Email/index.js +1 -1
- package/v2Containers/MobilePush/Create/_mobilePushCreate.scss +14 -10
- package/v2Containers/MobilePush/Edit/_mobilePushCreate.scss +14 -9
- package/v2Containers/Templates/_templates.scss +11 -1
- package/v2Containers/Templates/index.js +8 -7
- package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +15 -6
- package/v2Containers/Whatsapp/index.js +4 -2
- package/v2Containers/Whatsapp/index.scss +8 -5
- package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +280 -224
package/package.json
CHANGED
|
@@ -552,7 +552,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
|
|
|
552
552
|
const beeJson = `BEEeditor${currentTab > 1 ? currentTab : ''}json`;
|
|
553
553
|
const beeToken = `BEEeditor${currentTab > 1 ? currentTab : ''}token`;
|
|
554
554
|
let beeJsonValue = '';
|
|
555
|
-
const selectedId = _.get(this.props, 'Email.templateDetails._id', '') ||
|
|
555
|
+
const selectedId = _.get(this.props, 'Email.templateDetails._id', '') || '';
|
|
556
556
|
|
|
557
557
|
// Get beeJsonValue from template data - check multiple sources
|
|
558
558
|
// First check if it's already in formData (from setEditData)
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import "~@capillarytech/cap-ui-library/styles/_variables.scss";
|
|
2
|
+
|
|
1
3
|
.creatives-mobilepush-create {
|
|
2
4
|
.mobile-push-row{
|
|
3
5
|
margin-bottom: 16px;
|
|
@@ -27,21 +29,23 @@
|
|
|
27
29
|
padding: 16px 16px 16px 0;
|
|
28
30
|
border: solid 1px #D6D6D6;
|
|
29
31
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
.ant-tabs-nav-list {
|
|
33
|
+
gap: 0 !important;
|
|
34
|
+
.ant-tabs-tab {
|
|
35
|
+
.form-tab-header{
|
|
36
|
+
padding: $CAP_SPACE_04 $CAP_SPACE_16;
|
|
37
|
+
.unsupported-channel {
|
|
38
|
+
.ant-tabs-nav & {
|
|
39
|
+
display: none;
|
|
40
|
+
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
39
44
|
}
|
|
40
45
|
}
|
|
41
46
|
.tag-container{
|
|
42
47
|
.ant-col{
|
|
43
48
|
flex: 0 0 100%;
|
|
44
|
-
max-width: 100%;
|
|
45
49
|
|
|
46
50
|
button{
|
|
47
51
|
float: right;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import "~@capillarytech/cap-ui-library/styles/_variables.scss";
|
|
2
|
+
|
|
1
3
|
.creatives-mobilepush-edit {
|
|
2
4
|
.mobile-push-row{
|
|
3
5
|
margin-bottom: 16px;
|
|
@@ -27,20 +29,23 @@
|
|
|
27
29
|
padding: 16px 16px 16px 0;
|
|
28
30
|
border: solid 1px #D6D6D6;
|
|
29
31
|
}
|
|
30
|
-
.ant-tabs-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
.ant-tabs-nav-list {
|
|
33
|
+
gap: 0 !important;
|
|
34
|
+
.ant-tabs-tab {
|
|
35
|
+
.form-tab-header{
|
|
36
|
+
padding: $CAP_SPACE_04 $CAP_SPACE_16;
|
|
37
|
+
.unsupported-channel {
|
|
38
|
+
.ant-tabs-nav & {
|
|
39
|
+
display: none;
|
|
40
|
+
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
38
44
|
}
|
|
39
45
|
}
|
|
40
46
|
.tag-container{
|
|
41
47
|
.ant-col{
|
|
42
48
|
flex: 0 0 100%;
|
|
43
|
-
max-width: 100%;
|
|
44
49
|
|
|
45
50
|
button{
|
|
46
51
|
float: right;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
|
|
2
2
|
|
|
3
3
|
.ant-tabs-content{
|
|
4
|
-
margin-top:
|
|
4
|
+
margin-top: 0.171rem;
|
|
5
5
|
// .creatives-templates-list.full-mode{
|
|
6
6
|
.v2-pagination-container, .v2-pagination-container-half {
|
|
7
7
|
.ant-tabs-tabpane-active{
|
|
@@ -1657,3 +1657,13 @@
|
|
|
1657
1657
|
opacity: 0.4;
|
|
1658
1658
|
cursor: not-allowed;
|
|
1659
1659
|
}
|
|
1660
|
+
|
|
1661
|
+
.template-action-dropdown {
|
|
1662
|
+
min-width: 14.286rem !important;
|
|
1663
|
+
.template-action-menu {
|
|
1664
|
+
padding: 4px 0px;
|
|
1665
|
+
.template-action-menu-item {
|
|
1666
|
+
padding: $CAP_SPACE_12 $CAP_SPACE_24;
|
|
1667
|
+
}
|
|
1668
|
+
}
|
|
1669
|
+
}
|
|
@@ -2177,15 +2177,16 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
|
|
|
2177
2177
|
if (this.props.isFullMode && !this.props.isDltFromRcs && !(this.state.hostName === HOST_GUPSHUP)) {
|
|
2178
2178
|
templateData.extra.push(
|
|
2179
2179
|
<CapDropdown
|
|
2180
|
+
rootClassName="template-action-dropdown"
|
|
2180
2181
|
overlay={
|
|
2181
|
-
<CapMenu>
|
|
2182
|
+
<CapMenu className="template-action-menu">
|
|
2182
2183
|
{/* Phase 16: Test and Preview menu item - Show for supported channels, hide in archived mode */}
|
|
2183
2184
|
{!isArchivedMode && (this.isTestAndPreviewSupported() ||
|
|
2184
2185
|
(this.state.channel.toUpperCase() === WHATSAPP &&
|
|
2185
2186
|
status === WHATSAPP_STATUSES.approved) || (this.state.channel.toUpperCase() === RCS &&
|
|
2186
2187
|
rcsStatus === RCS_STATUSES.approved)) && (
|
|
2187
2188
|
<CapMenu.Item
|
|
2188
|
-
className={`test-and-preview-${channelLowerCase}`}
|
|
2189
|
+
className={`test-and-preview-${channelLowerCase} template-action-menu-item`}
|
|
2189
2190
|
onClick={() => {
|
|
2190
2191
|
if ([ZALO, WHATSAPP, RCS].includes(this.state.channel.toUpperCase()) || (isTraiDltFeature && this.state.channel.toUpperCase() === SMS)) {
|
|
2191
2192
|
handlers.handleEditClick(undefined, template, undefined, undefined, {
|
|
@@ -2205,7 +2206,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
|
|
|
2205
2206
|
) &&
|
|
2206
2207
|
!isTraiDltFeature && !template.isArchived && this.gatedMenuItem({
|
|
2207
2208
|
allowed: this.canPerform(PERMISSIONS.CREATIVE_CREATE),
|
|
2208
|
-
className: `duplicate-${channelLowerCase}`,
|
|
2209
|
+
className: `duplicate-${channelLowerCase} template-action-menu-item`,
|
|
2209
2210
|
onClick: () => this.duplicateTemplate(template),
|
|
2210
2211
|
label: <FormattedMessage {...messages.duplicateButton} />,
|
|
2211
2212
|
})}
|
|
@@ -2217,13 +2218,13 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
|
|
|
2217
2218
|
return !template?.isArchived
|
|
2218
2219
|
? this.gatedMenuItem({
|
|
2219
2220
|
allowed: canArchive,
|
|
2220
|
-
className: `archive-${channelLowerCase}`,
|
|
2221
|
+
className: `archive-${channelLowerCase} template-action-menu-item`,
|
|
2221
2222
|
onClick: () => this.handleTemplateArchiveAction({ templateId: template._id, templateName: template.name }),
|
|
2222
2223
|
label: <FormattedMessage {...messages.archiveButton} />,
|
|
2223
2224
|
})
|
|
2224
2225
|
: this.gatedMenuItem({
|
|
2225
2226
|
allowed: canArchive,
|
|
2226
|
-
className: `unarchive-${channelLowerCase}`,
|
|
2227
|
+
className: `unarchive-${channelLowerCase} template-action-menu-item`,
|
|
2227
2228
|
onClick: () => this.handleTemplateArchiveAction({ templateId: template._id, templateName: template.name, isUnarchive: true }),
|
|
2228
2229
|
label: <FormattedMessage {...messages.unarchiveButton} />,
|
|
2229
2230
|
});
|
|
@@ -2236,8 +2237,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
|
|
|
2236
2237
|
allowed: this.canPerform(PERMISSIONS.CREATIVE_DELETE),
|
|
2237
2238
|
className:
|
|
2238
2239
|
this.state.channel.toUpperCase() === WECHAT && !template.definition
|
|
2239
|
-
? `unmap-${channelLowerCase}`
|
|
2240
|
-
: `delete-${channelLowerCase}`,
|
|
2240
|
+
? `unmap-${channelLowerCase} template-action-menu-item`
|
|
2241
|
+
: `delete-${channelLowerCase} template-action-menu-item`,
|
|
2241
2242
|
onClick: () => this.toggleDeleteTemplateModal(template),
|
|
2242
2243
|
label:
|
|
2243
2244
|
this.state.channel.toUpperCase() === WECHAT && !template.definition
|
|
@@ -1339,9 +1339,11 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
1339
1339
|
null,
|
|
1340
1340
|
<CapDropdownComponent
|
|
1341
1341
|
overlay={
|
|
1342
|
-
<CapMenuComponent
|
|
1342
|
+
<CapMenuComponent
|
|
1343
|
+
className="template-action-menu"
|
|
1344
|
+
>
|
|
1343
1345
|
<withItemHOC
|
|
1344
|
-
className="delete-whatsapp rbac-disabled"
|
|
1346
|
+
className="delete-whatsapp template-action-menu-item rbac-disabled"
|
|
1345
1347
|
onClick={[Function]}
|
|
1346
1348
|
>
|
|
1347
1349
|
<CapTooltip
|
|
@@ -1364,6 +1366,7 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
1364
1366
|
</withItemHOC>
|
|
1365
1367
|
</CapMenuComponent>
|
|
1366
1368
|
}
|
|
1369
|
+
rootClassName="template-action-dropdown"
|
|
1367
1370
|
>
|
|
1368
1371
|
<CapIcon
|
|
1369
1372
|
type="more"
|
|
@@ -1823,9 +1826,11 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
1823
1826
|
null,
|
|
1824
1827
|
<CapDropdownComponent
|
|
1825
1828
|
overlay={
|
|
1826
|
-
<CapMenuComponent
|
|
1829
|
+
<CapMenuComponent
|
|
1830
|
+
className="template-action-menu"
|
|
1831
|
+
>
|
|
1827
1832
|
<withItemHOC
|
|
1828
|
-
className="delete-whatsapp rbac-disabled"
|
|
1833
|
+
className="delete-whatsapp template-action-menu-item rbac-disabled"
|
|
1829
1834
|
onClick={[Function]}
|
|
1830
1835
|
>
|
|
1831
1836
|
<CapTooltip
|
|
@@ -1848,6 +1853,7 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
1848
1853
|
</withItemHOC>
|
|
1849
1854
|
</CapMenuComponent>
|
|
1850
1855
|
}
|
|
1856
|
+
rootClassName="template-action-dropdown"
|
|
1851
1857
|
>
|
|
1852
1858
|
<CapIcon
|
|
1853
1859
|
type="more"
|
|
@@ -2307,9 +2313,11 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
2307
2313
|
null,
|
|
2308
2314
|
<CapDropdownComponent
|
|
2309
2315
|
overlay={
|
|
2310
|
-
<CapMenuComponent
|
|
2316
|
+
<CapMenuComponent
|
|
2317
|
+
className="template-action-menu"
|
|
2318
|
+
>
|
|
2311
2319
|
<withItemHOC
|
|
2312
|
-
className="delete-whatsapp rbac-disabled"
|
|
2320
|
+
className="delete-whatsapp template-action-menu-item rbac-disabled"
|
|
2313
2321
|
onClick={[Function]}
|
|
2314
2322
|
>
|
|
2315
2323
|
<CapTooltip
|
|
@@ -2332,6 +2340,7 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
2332
2340
|
</withItemHOC>
|
|
2333
2341
|
</CapMenuComponent>
|
|
2334
2342
|
}
|
|
2343
|
+
rootClassName="template-action-dropdown"
|
|
2335
2344
|
>
|
|
2336
2345
|
<CapIcon
|
|
2337
2346
|
type="more"
|
|
@@ -2259,23 +2259,25 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
|
|
|
2259
2259
|
/>
|
|
2260
2260
|
<CapRow type='flex' justify='space-between' align='middle'>
|
|
2261
2261
|
{/* template category */}
|
|
2262
|
-
<CapColumn span={
|
|
2262
|
+
<CapColumn span={12}>
|
|
2263
2263
|
{renderLabel("templateCategoryLabel")}
|
|
2264
2264
|
<CapSelect
|
|
2265
2265
|
id="select-whatsapp-category"
|
|
2266
2266
|
options={getCategoryOptions(host)}
|
|
2267
2267
|
onChange={onTemplateCategoryChange}
|
|
2268
2268
|
value={templateCategory}
|
|
2269
|
+
className="select-whatsapp-category"
|
|
2269
2270
|
/>
|
|
2270
2271
|
</CapColumn>
|
|
2271
2272
|
{/* template media type */}
|
|
2272
|
-
<CapColumn span={
|
|
2273
|
+
<CapColumn span={12}>
|
|
2273
2274
|
{renderLabel("mediaLabel")}
|
|
2274
2275
|
<CapSelect
|
|
2275
2276
|
id="select-whatsapp-media"
|
|
2276
2277
|
options={mediaTypeOptions({host, templateCategory})}
|
|
2277
2278
|
onChange={onTemplateMediaTypeChange}
|
|
2278
2279
|
value={templateMediaType}
|
|
2280
|
+
className="select-whatsapp-media"
|
|
2279
2281
|
/>
|
|
2280
2282
|
</CapColumn>
|
|
2281
2283
|
</CapRow>
|
|
@@ -131,11 +131,11 @@
|
|
|
131
131
|
width: 95%;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
|
|
134
|
+
.select-whatsapp-category {
|
|
135
135
|
padding-right: 0.357rem;
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
|
|
138
|
+
.select-whatsapp-media {
|
|
139
139
|
padding-left: 0.357rem;
|
|
140
140
|
}
|
|
141
141
|
|
|
@@ -277,9 +277,12 @@
|
|
|
277
277
|
}
|
|
278
278
|
|
|
279
279
|
.whatsapp-carousel-tab {
|
|
280
|
-
.ant-tabs-
|
|
281
|
-
|
|
282
|
-
|
|
280
|
+
.ant-tabs-nav-list {
|
|
281
|
+
gap: 0 !important;
|
|
282
|
+
.ant-tabs-tab {
|
|
283
|
+
padding: $CAP_SPACE_08 $CAP_SPACE_20;
|
|
284
|
+
justify-content: center;
|
|
285
|
+
}
|
|
283
286
|
}
|
|
284
287
|
.ant-tabs-extra-content {
|
|
285
288
|
padding: 0;
|