@capillarytech/creatives-library 6.10.5 → 6.10.6
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/reducers.js +2 -0
- package/routes.js +4 -0
- package/services/api.js +6 -0
- package/translations/en.json +17 -0
- package/translations/zh.json +17 -0
- package/v2Components/FormBuilder/index.js +2 -3
- package/v2Components/TemplatePreview/WechatRichmediaTemplatePreview/_wechatRichmediaTemplatePrev.scss +151 -151
- package/v2Components/TemplatePreview/WechatRichmediaTemplatePreview/messages.js +33 -33
- package/v2Components/TemplatePreview/WechatRichmediaTemplatePreview/tests/index.test.js +10 -10
- package/v2Components/TemplatePreview/assets/images/androidPushMessage.svg +44 -44
- package/v2Components/TemplatePreview/assets/images/home-screen-android.svg +21 -21
- package/v2Components/TemplatePreview/assets/images/home-screen-ios.svg +16 -16
- package/v2Components/TemplatePreview/assets/images/iPhonePushMessage.svg +134 -134
- package/v2Components/TemplatePreview/assets/images/mobile.svg +23 -23
- package/v2Components/TemplatePreview/assets/images/sms_mobile_android.svg +22 -22
- package/v2Components/TemplatePreview/assets/images/user-icon.svg +18 -18
- package/v2Components/TemplatePreview/assets/images/wechat-home-screen-android.svg +21 -21
- package/v2Components/TemplatePreview/assets/images/wechat-mobile.svg +77 -77
- package/v2Components/TemplatePreview/assets/images/wechat_mobile_android.svg +20 -20
- package/v2Components/TemplatePreview/tests/index.test.js +10 -10
- package/v2Containers/BeeEditor/actions.js +12 -0
- package/v2Containers/BeeEditor/constants.js +5 -0
- package/v2Containers/BeeEditor/index.js +329 -0
- package/v2Containers/BeeEditor/index.scss +6 -0
- package/v2Containers/BeeEditor/messages.js +67 -0
- package/v2Containers/BeeEditor/reducer.js +25 -0
- package/v2Containers/BeeEditor/sagas.js +33 -0
- package/v2Containers/BeeEditor/selectors.js +17 -0
- package/v2Containers/BeeEditor/tests/index.test.js +10 -0
- package/v2Containers/CreativesContainer/actions.js +27 -27
- package/v2Containers/CreativesContainer/constants.js +17 -17
- package/v2Containers/CreativesContainer/index.js +3 -3
- package/v2Containers/CreativesContainer/index.scss +44 -44
- package/v2Containers/CreativesContainer/messages.js +305 -305
- package/v2Containers/CreativesContainer/reducer.js +29 -29
- package/v2Containers/CreativesContainer/sagas.js +11 -11
- package/v2Containers/CreativesContainer/selectors.js +30 -30
- package/v2Containers/CreativesContainer/tests/actions.test.js +18 -18
- package/v2Containers/CreativesContainer/tests/index.test.js +10 -10
- package/v2Containers/CreativesContainer/tests/reducer.test.js +9 -9
- package/v2Containers/CreativesContainer/tests/sagas.test.js +15 -15
- package/v2Containers/CreativesContainer/tests/selectors.test.js +10 -10
- package/v2Containers/Email/index.js +1 -1
- package/v2Containers/Templates/tests/actions.test.js +18 -18
- package/v2Containers/Templates/tests/index.test.js +10 -10
- package/v2Containers/Templates/tests/reducer.test.js +9 -9
- package/v2Containers/Templates/tests/sagas.test.js +15 -15
- package/v2Containers/Templates/tests/selectors.test.js +10 -10
- package/v2Containers/TemplatesV2/TemplatesV2.style.js +29 -29
- package/v2Containers/TemplatesV2/actions.js +16 -16
- package/v2Containers/TemplatesV2/constants.js +10 -10
- package/v2Containers/TemplatesV2/messages.js +61 -61
- package/v2Containers/TemplatesV2/selectors.js +25 -25
- package/v2Containers/TemplatesV2/tests/actions.test.js +18 -18
- package/v2Containers/TemplatesV2/tests/index.test.js +10 -10
- package/v2Containers/TemplatesV2/tests/reducer.test.js +9 -9
- package/v2Containers/TemplatesV2/tests/sagas.test.js +15 -15
- package/v2Containers/TemplatesV2/tests/selectors.test.js +10 -10
package/package.json
CHANGED
package/reducers.js
CHANGED
|
@@ -8,6 +8,7 @@ import { fromJS } from 'immutable';
|
|
|
8
8
|
import { LOCATION_CHANGE } from 'react-router-redux';
|
|
9
9
|
|
|
10
10
|
import languageProviderReducer from 'v2Containers/LanguageProvider/reducer';
|
|
11
|
+
import beeEditorReducer from 'v2Containers/BeeEditor/reducer';
|
|
11
12
|
import capReducer from 'containers/Cap/reducer';
|
|
12
13
|
import appReducer from 'containers/App/reducer';
|
|
13
14
|
import createSmsReducer from 'containers/Sms/Create/reducer';
|
|
@@ -60,6 +61,7 @@ export default function createReducer(asyncReducers) {
|
|
|
60
61
|
tagList: tagsReducer,
|
|
61
62
|
email: emailReducer,
|
|
62
63
|
ebill: ebillReducer,
|
|
64
|
+
beeEditor: beeEditorReducer,
|
|
63
65
|
...asyncReducers,
|
|
64
66
|
});
|
|
65
67
|
}
|
package/routes.js
CHANGED
|
@@ -12,6 +12,7 @@ import * as emailSagas from 'containers/Email/sagas';
|
|
|
12
12
|
import * as templateSagas from 'containers/Templates/sagas';
|
|
13
13
|
import * as lineSagas from 'containers/Line/Create/sagas';
|
|
14
14
|
import * as languageSaga from './v2Containers/LanguageProvider/sagas';
|
|
15
|
+
|
|
15
16
|
import {updateCharCount} from './utils/smsCharCountV2';
|
|
16
17
|
const errorLoading = (err) => {
|
|
17
18
|
console.error('Dynamic page loading failed', err); // eslint-disable-line no-console
|
|
@@ -614,6 +615,7 @@ export default function createRoutes(store) {
|
|
|
614
615
|
import('v2Containers/Sms/Edit/sagas'),
|
|
615
616
|
import('v2Containers/Email/reducer'),
|
|
616
617
|
import('v2Containers/Email/sagas'),
|
|
618
|
+
import('v2Containers/BeeEditor/sagas'),
|
|
617
619
|
import('v2Containers/CallTask/reducer'),
|
|
618
620
|
import('v2Containers/CallTask/sagas'),
|
|
619
621
|
import('v2Containers/MobilePush/Create/sagas'),
|
|
@@ -642,6 +644,7 @@ export default function createRoutes(store) {
|
|
|
642
644
|
creativesContainerReducer,
|
|
643
645
|
smsCreateReducer, smsCreateSaga, smsEditReducer, smsEditSaga,
|
|
644
646
|
emailReducer, emailSaga,
|
|
647
|
+
BeeEditorSaga,
|
|
645
648
|
callTaskReducer, callTaskSagas,
|
|
646
649
|
mpushCreateSagas, mpushCreateReducer,
|
|
647
650
|
mpushEditSagas, mpushEditReducer,
|
|
@@ -673,6 +676,7 @@ export default function createRoutes(store) {
|
|
|
673
676
|
injectSagas(smsCreateSaga.default);
|
|
674
677
|
injectSagas(smsEditSaga.default);
|
|
675
678
|
injectSagas(emailSaga.default);
|
|
679
|
+
injectSagas(BeeEditorSaga.default);
|
|
676
680
|
injectSagas(callTaskSagas.default);
|
|
677
681
|
injectSagas(mpushCreateSagas.default);
|
|
678
682
|
injectSagas(mpushEditSagas.default);
|
package/services/api.js
CHANGED
|
@@ -386,3 +386,9 @@ export const getMarketingObjectives = (channel) =>
|
|
|
386
386
|
|
|
387
387
|
export const getAllLineStickers = () =>
|
|
388
388
|
request(`${API_ENDPOINT}/meta/sticker`, getAPICallObject('GET'));
|
|
389
|
+
|
|
390
|
+
|
|
391
|
+
export const createCustomRow = (data) => {
|
|
392
|
+
const url = `${API_ENDPOINT}/cms/saveRows`;
|
|
393
|
+
return request(url, getAPICallObject('POST', data));
|
|
394
|
+
};
|
package/translations/en.json
CHANGED
|
@@ -86,6 +86,21 @@
|
|
|
86
86
|
"creatives.components.WechatRichmediaTemplatePreview.header": "This is the WechatRichmediaTemplatePreview component !",
|
|
87
87
|
"creatives.components.WechatRichmediaTemplatePreview.reply": "Reply",
|
|
88
88
|
"creatives.components.WechatRichmediaTemplatePreview.select": "Select",
|
|
89
|
+
"creatives.componentsV2.BeeEditor.addLabel": "Add label",
|
|
90
|
+
"creatives.componentsV2.BeeEditor.cancel": "Cancel",
|
|
91
|
+
"creatives.componentsV2.BeeEditor.cta": "CTA",
|
|
92
|
+
"creatives.componentsV2.BeeEditor.customRows": "Custom rows",
|
|
93
|
+
"creatives.componentsV2.BeeEditor.footer": "Footer",
|
|
94
|
+
"creatives.componentsV2.BeeEditor.header": "Header",
|
|
95
|
+
"creatives.componentsV2.BeeEditor.others": "Others",
|
|
96
|
+
"creatives.componentsV2.BeeEditor.rowName": "Row name",
|
|
97
|
+
"creatives.componentsV2.BeeEditor.rowPlaceHolder": "Enter Row name",
|
|
98
|
+
"creatives.componentsV2.BeeEditor.save": "Save",
|
|
99
|
+
"creatives.componentsV2.BeeEditor.select": "Select",
|
|
100
|
+
"creatives.componentsV2.BeeEditor.selectCategoyPlaceholder": "Select category",
|
|
101
|
+
"creatives.componentsV2.BeeEditor.socialPlatform": "Social platform",
|
|
102
|
+
"creatives.componentsV2.BeeEditor.tagPlaceHolder": "Enter tags",
|
|
103
|
+
"creatives.componentsV2.BeeEditor.tags": "Tags (optional)",
|
|
89
104
|
"creatives.componentsV2.BreadCrumbs.header": "This is the BreadCrumbs component !",
|
|
90
105
|
"creatives.componentsV2.CallTaskPreview.header": "This is the CallTaskPreview component !",
|
|
91
106
|
"creatives.componentsV2.CapTagList.Cancel": "Cancel",
|
|
@@ -1452,8 +1467,10 @@
|
|
|
1452
1467
|
"creatives.containersV2.Templates.creativesTemplatesSave": "Done",
|
|
1453
1468
|
"creatives.containersV2.Templates.deleteButton": "Delete",
|
|
1454
1469
|
"creatives.containersV2.Templates.deletedSuccssfully": "Template deleted successfully",
|
|
1470
|
+
"creatives.containersV2.Templates.deletingTemplate": "Deleting template...",
|
|
1455
1471
|
"creatives.containersV2.Templates.deletionFailed": "Template deletion failed",
|
|
1456
1472
|
"creatives.containersV2.Templates.duplicateButton": "Duplicate",
|
|
1473
|
+
"creatives.containersV2.Templates.duplicatingTemplate": "Duplicating template...",
|
|
1457
1474
|
"creatives.containersV2.Templates.ebillHeader": "Ebill",
|
|
1458
1475
|
"creatives.containersV2.Templates.ebillPreview": "Ebill preview",
|
|
1459
1476
|
"creatives.containersV2.Templates.editButton": "Edit",
|
package/translations/zh.json
CHANGED
|
@@ -86,6 +86,21 @@
|
|
|
86
86
|
"creatives.components.WechatRichmediaTemplatePreview.header": "",
|
|
87
87
|
"creatives.components.WechatRichmediaTemplatePreview.reply": "",
|
|
88
88
|
"creatives.components.WechatRichmediaTemplatePreview.select": "",
|
|
89
|
+
"creatives.componentsV2.BeeEditor.addLabel": "",
|
|
90
|
+
"creatives.componentsV2.BeeEditor.cancel": "",
|
|
91
|
+
"creatives.componentsV2.BeeEditor.cta": "",
|
|
92
|
+
"creatives.componentsV2.BeeEditor.customRows": "",
|
|
93
|
+
"creatives.componentsV2.BeeEditor.footer": "",
|
|
94
|
+
"creatives.componentsV2.BeeEditor.header": "",
|
|
95
|
+
"creatives.componentsV2.BeeEditor.others": "",
|
|
96
|
+
"creatives.componentsV2.BeeEditor.rowName": "",
|
|
97
|
+
"creatives.componentsV2.BeeEditor.rowPlaceHolder": "",
|
|
98
|
+
"creatives.componentsV2.BeeEditor.save": "",
|
|
99
|
+
"creatives.componentsV2.BeeEditor.select": "",
|
|
100
|
+
"creatives.componentsV2.BeeEditor.selectCategoyPlaceholder": "",
|
|
101
|
+
"creatives.componentsV2.BeeEditor.socialPlatform": "",
|
|
102
|
+
"creatives.componentsV2.BeeEditor.tagPlaceHolder": "",
|
|
103
|
+
"creatives.componentsV2.BeeEditor.tags": "",
|
|
89
104
|
"creatives.componentsV2.BreadCrumbs.header": "",
|
|
90
105
|
"creatives.componentsV2.CallTaskPreview.header": "",
|
|
91
106
|
"creatives.componentsV2.CapTagList.Cancel": "",
|
|
@@ -1452,8 +1467,10 @@
|
|
|
1452
1467
|
"creatives.containersV2.Templates.creativesTemplatesSave": "",
|
|
1453
1468
|
"creatives.containersV2.Templates.deleteButton": "",
|
|
1454
1469
|
"creatives.containersV2.Templates.deletedSuccssfully": "",
|
|
1470
|
+
"creatives.containersV2.Templates.deletingTemplate": "",
|
|
1455
1471
|
"creatives.containersV2.Templates.deletionFailed": "",
|
|
1456
1472
|
"creatives.containersV2.Templates.duplicateButton": "",
|
|
1473
|
+
"creatives.containersV2.Templates.duplicatingTemplate": "",
|
|
1457
1474
|
"creatives.containersV2.Templates.ebillHeader": "",
|
|
1458
1475
|
"creatives.containersV2.Templates.ebillPreview": "",
|
|
1459
1476
|
"creatives.containersV2.Templates.editButton": "",
|
|
@@ -21,7 +21,7 @@ import SlideBox from '../SlideBox';
|
|
|
21
21
|
import CardGrid from '../CardGrid';
|
|
22
22
|
import CKEditor from "../Ckeditor/";
|
|
23
23
|
import EDMEditor from "../Edmeditor";
|
|
24
|
-
import BeeEditor from '
|
|
24
|
+
import BeeEditor from '../../v2Containers/BeeEditor';
|
|
25
25
|
import CustomPopOver from '../CustomPopOver';
|
|
26
26
|
import messages from './messages';
|
|
27
27
|
import './_formBuilder.scss';
|
|
@@ -3330,9 +3330,8 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
|
|
|
3330
3330
|
if (columns.length) {
|
|
3331
3331
|
fields.push(row);
|
|
3332
3332
|
}
|
|
3333
|
-
|
|
3334
3333
|
});
|
|
3335
|
-
if(!this.props.isEmailLoading && this.props.schema.channel.toUpperCase() === 'EMAIL' && !fields.length) {
|
|
3334
|
+
if (!this.props.isEmailLoading && this.props.schema.channel.toUpperCase() === 'EMAIL' && !fields.length) {
|
|
3336
3335
|
return (
|
|
3337
3336
|
<div style={{ textAlign: 'center' }}>
|
|
3338
3337
|
<CapSpin spinning />
|
|
@@ -1,152 +1,152 @@
|
|
|
1
|
-
@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
|
|
2
|
-
|
|
3
|
-
.shell-lock-screen-android .main-screen-preview .wechatMsgContainer{
|
|
4
|
-
position: absolute;
|
|
5
|
-
left: 53.5%;
|
|
6
|
-
top:28%;
|
|
7
|
-
background: white;
|
|
8
|
-
width: 19.5%;
|
|
9
|
-
text-align: left;
|
|
10
|
-
height: fit-content;
|
|
11
|
-
border-radius: 0.285rem;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.shell-lock-screen-android .lock-screen-preview{
|
|
15
|
-
.wechat-android-sender-id{
|
|
16
|
-
position: absolute;
|
|
17
|
-
top: 46%;
|
|
18
|
-
font-size: 10px;
|
|
19
|
-
left: 28%;
|
|
20
|
-
}
|
|
21
|
-
.wechat-android-title{
|
|
22
|
-
position: absolute;
|
|
23
|
-
top: 49%;
|
|
24
|
-
font-size: 10px;
|
|
25
|
-
left: 28%;
|
|
26
|
-
color: #5e6c84;
|
|
27
|
-
}
|
|
28
|
-
.wechat-android-action-buttons{
|
|
29
|
-
position: absolute;
|
|
30
|
-
left: 28%;
|
|
31
|
-
top: 53%;
|
|
32
|
-
font-size: 10px;
|
|
33
|
-
color: #3861ca;
|
|
34
|
-
font-weight: 500;
|
|
35
|
-
}
|
|
36
|
-
.wechat-ios-sender-id{
|
|
37
|
-
position: absolute;
|
|
38
|
-
top: 44%;
|
|
39
|
-
font-size: 10px;
|
|
40
|
-
left: 28.5%;
|
|
41
|
-
}
|
|
42
|
-
.wechat-ios-title{
|
|
43
|
-
position: absolute;
|
|
44
|
-
top: 47%;
|
|
45
|
-
font-size: 10px;
|
|
46
|
-
left: 28.5%;
|
|
47
|
-
color: #5e6c84;
|
|
48
|
-
}
|
|
49
|
-
.wechat-ios-action-reply{
|
|
50
|
-
position: absolute;
|
|
51
|
-
left: 35%;
|
|
52
|
-
top: 59%;
|
|
53
|
-
font-size: 12px;
|
|
54
|
-
color: #3861ca;
|
|
55
|
-
font-weight: 500;
|
|
56
|
-
}
|
|
57
|
-
.wechat-ios-action-cancel{
|
|
58
|
-
position: absolute;
|
|
59
|
-
left: 34.5%;
|
|
60
|
-
top: 66%;
|
|
61
|
-
font-size: 12px;
|
|
62
|
-
color: #3861ca;
|
|
63
|
-
font-weight: 500;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.wechatMsgContainer{
|
|
68
|
-
position: absolute;
|
|
69
|
-
left: 30%;
|
|
70
|
-
top: 20%;
|
|
71
|
-
background: white;
|
|
72
|
-
width: 40%;
|
|
73
|
-
text-align: left;
|
|
74
|
-
height: fit-content;
|
|
75
|
-
border-radius: $CAP_SPACE_04;
|
|
76
|
-
.richmedia-template {
|
|
77
|
-
.richmedia-image-container {
|
|
78
|
-
width: 100%;
|
|
79
|
-
height: 102px;
|
|
80
|
-
position: relative;
|
|
81
|
-
img {
|
|
82
|
-
border-top-left-radius: 4px;
|
|
83
|
-
border-top-right-radius: 4px;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
.name-container-with-abstract {
|
|
87
|
-
padding: $CAP_SPACE_12;
|
|
88
|
-
height: 68px;
|
|
89
|
-
}
|
|
90
|
-
.name-container {
|
|
91
|
-
position: absolute;
|
|
92
|
-
bottom: 0px;
|
|
93
|
-
height: 44px;
|
|
94
|
-
padding-top: 16px;
|
|
95
|
-
padding-left: 12px;
|
|
96
|
-
color: $CAP_WHITE;
|
|
97
|
-
opacity: 0.7;
|
|
98
|
-
width: 100%;
|
|
99
|
-
background-image: linear-gradient(to top,black 0% ,transparent 100%);
|
|
100
|
-
}
|
|
101
|
-
.additional-richmedia-container {
|
|
102
|
-
display: flex;
|
|
103
|
-
justify-content: space-between;
|
|
104
|
-
margin: 8px;
|
|
105
|
-
padding-bottom: 8px;
|
|
106
|
-
img {
|
|
107
|
-
border-radius: 4px;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
.additional-richmedia-container:not(:last-child) {
|
|
111
|
-
border-bottom: 1px solid #dfe2e7;
|
|
112
|
-
}
|
|
113
|
-
div {
|
|
114
|
-
text-overflow: ellipsis;
|
|
115
|
-
overflow: hidden;
|
|
116
|
-
white-space: nowrap;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
.wechatMsgContainerOutbound{
|
|
121
|
-
position: absolute;
|
|
122
|
-
left: 35%;
|
|
123
|
-
top: 20%;
|
|
124
|
-
background: white;
|
|
125
|
-
width: 30%;
|
|
126
|
-
text-align: left;
|
|
127
|
-
}
|
|
128
|
-
.wechatMsgContainerCardLayout {
|
|
129
|
-
position: absolute;
|
|
130
|
-
left: 20%;
|
|
131
|
-
top: 20%;
|
|
132
|
-
background: white;
|
|
133
|
-
width: 60%;
|
|
134
|
-
text-align: left;
|
|
135
|
-
}
|
|
136
|
-
.overflow-handle-preview {
|
|
137
|
-
overflow-y: auto;
|
|
138
|
-
}
|
|
139
|
-
.overflow-handle-preview-outbound {
|
|
140
|
-
height: 330px;
|
|
141
|
-
overflow-y: auto;
|
|
142
|
-
}
|
|
143
|
-
.preview-overflow-wrap-fields {
|
|
144
|
-
text-overflow: ellipsis;
|
|
145
|
-
overflow: hidden;
|
|
146
|
-
overflow-wrap: break-word;
|
|
147
|
-
display: -webkit-box !important;
|
|
148
|
-
-webkit-box-orient: vertical;
|
|
149
|
-
-webkit-line-clamp: 2;
|
|
150
|
-
text-align: left;
|
|
151
|
-
width: 200px;
|
|
1
|
+
@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
|
|
2
|
+
|
|
3
|
+
.shell-lock-screen-android .main-screen-preview .wechatMsgContainer{
|
|
4
|
+
position: absolute;
|
|
5
|
+
left: 53.5%;
|
|
6
|
+
top:28%;
|
|
7
|
+
background: white;
|
|
8
|
+
width: 19.5%;
|
|
9
|
+
text-align: left;
|
|
10
|
+
height: fit-content;
|
|
11
|
+
border-radius: 0.285rem;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.shell-lock-screen-android .lock-screen-preview{
|
|
15
|
+
.wechat-android-sender-id{
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 46%;
|
|
18
|
+
font-size: 10px;
|
|
19
|
+
left: 28%;
|
|
20
|
+
}
|
|
21
|
+
.wechat-android-title{
|
|
22
|
+
position: absolute;
|
|
23
|
+
top: 49%;
|
|
24
|
+
font-size: 10px;
|
|
25
|
+
left: 28%;
|
|
26
|
+
color: #5e6c84;
|
|
27
|
+
}
|
|
28
|
+
.wechat-android-action-buttons{
|
|
29
|
+
position: absolute;
|
|
30
|
+
left: 28%;
|
|
31
|
+
top: 53%;
|
|
32
|
+
font-size: 10px;
|
|
33
|
+
color: #3861ca;
|
|
34
|
+
font-weight: 500;
|
|
35
|
+
}
|
|
36
|
+
.wechat-ios-sender-id{
|
|
37
|
+
position: absolute;
|
|
38
|
+
top: 44%;
|
|
39
|
+
font-size: 10px;
|
|
40
|
+
left: 28.5%;
|
|
41
|
+
}
|
|
42
|
+
.wechat-ios-title{
|
|
43
|
+
position: absolute;
|
|
44
|
+
top: 47%;
|
|
45
|
+
font-size: 10px;
|
|
46
|
+
left: 28.5%;
|
|
47
|
+
color: #5e6c84;
|
|
48
|
+
}
|
|
49
|
+
.wechat-ios-action-reply{
|
|
50
|
+
position: absolute;
|
|
51
|
+
left: 35%;
|
|
52
|
+
top: 59%;
|
|
53
|
+
font-size: 12px;
|
|
54
|
+
color: #3861ca;
|
|
55
|
+
font-weight: 500;
|
|
56
|
+
}
|
|
57
|
+
.wechat-ios-action-cancel{
|
|
58
|
+
position: absolute;
|
|
59
|
+
left: 34.5%;
|
|
60
|
+
top: 66%;
|
|
61
|
+
font-size: 12px;
|
|
62
|
+
color: #3861ca;
|
|
63
|
+
font-weight: 500;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.wechatMsgContainer{
|
|
68
|
+
position: absolute;
|
|
69
|
+
left: 30%;
|
|
70
|
+
top: 20%;
|
|
71
|
+
background: white;
|
|
72
|
+
width: 40%;
|
|
73
|
+
text-align: left;
|
|
74
|
+
height: fit-content;
|
|
75
|
+
border-radius: $CAP_SPACE_04;
|
|
76
|
+
.richmedia-template {
|
|
77
|
+
.richmedia-image-container {
|
|
78
|
+
width: 100%;
|
|
79
|
+
height: 102px;
|
|
80
|
+
position: relative;
|
|
81
|
+
img {
|
|
82
|
+
border-top-left-radius: 4px;
|
|
83
|
+
border-top-right-radius: 4px;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
.name-container-with-abstract {
|
|
87
|
+
padding: $CAP_SPACE_12;
|
|
88
|
+
height: 68px;
|
|
89
|
+
}
|
|
90
|
+
.name-container {
|
|
91
|
+
position: absolute;
|
|
92
|
+
bottom: 0px;
|
|
93
|
+
height: 44px;
|
|
94
|
+
padding-top: 16px;
|
|
95
|
+
padding-left: 12px;
|
|
96
|
+
color: $CAP_WHITE;
|
|
97
|
+
opacity: 0.7;
|
|
98
|
+
width: 100%;
|
|
99
|
+
background-image: linear-gradient(to top,black 0% ,transparent 100%);
|
|
100
|
+
}
|
|
101
|
+
.additional-richmedia-container {
|
|
102
|
+
display: flex;
|
|
103
|
+
justify-content: space-between;
|
|
104
|
+
margin: 8px;
|
|
105
|
+
padding-bottom: 8px;
|
|
106
|
+
img {
|
|
107
|
+
border-radius: 4px;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
.additional-richmedia-container:not(:last-child) {
|
|
111
|
+
border-bottom: 1px solid #dfe2e7;
|
|
112
|
+
}
|
|
113
|
+
div {
|
|
114
|
+
text-overflow: ellipsis;
|
|
115
|
+
overflow: hidden;
|
|
116
|
+
white-space: nowrap;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
.wechatMsgContainerOutbound{
|
|
121
|
+
position: absolute;
|
|
122
|
+
left: 35%;
|
|
123
|
+
top: 20%;
|
|
124
|
+
background: white;
|
|
125
|
+
width: 30%;
|
|
126
|
+
text-align: left;
|
|
127
|
+
}
|
|
128
|
+
.wechatMsgContainerCardLayout {
|
|
129
|
+
position: absolute;
|
|
130
|
+
left: 20%;
|
|
131
|
+
top: 20%;
|
|
132
|
+
background: white;
|
|
133
|
+
width: 60%;
|
|
134
|
+
text-align: left;
|
|
135
|
+
}
|
|
136
|
+
.overflow-handle-preview {
|
|
137
|
+
overflow-y: auto;
|
|
138
|
+
}
|
|
139
|
+
.overflow-handle-preview-outbound {
|
|
140
|
+
height: 330px;
|
|
141
|
+
overflow-y: auto;
|
|
142
|
+
}
|
|
143
|
+
.preview-overflow-wrap-fields {
|
|
144
|
+
text-overflow: ellipsis;
|
|
145
|
+
overflow: hidden;
|
|
146
|
+
overflow-wrap: break-word;
|
|
147
|
+
display: -webkit-box !important;
|
|
148
|
+
-webkit-box-orient: vertical;
|
|
149
|
+
-webkit-line-clamp: 2;
|
|
150
|
+
text-align: left;
|
|
151
|
+
width: 200px;
|
|
152
152
|
}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* WechatRichmediaTemplatePreview Messages
|
|
3
|
-
*
|
|
4
|
-
* This contains all the text for the WechatRichmediaTemplatePreview component.
|
|
5
|
-
*/
|
|
6
|
-
import { defineMessages } from 'react-intl';
|
|
7
|
-
|
|
8
|
-
export default defineMessages({
|
|
9
|
-
header: {
|
|
10
|
-
id: 'creatives.components.WechatRichmediaTemplatePreview.header',
|
|
11
|
-
defaultMessage: 'This is the WechatRichmediaTemplatePreview component !',
|
|
12
|
-
},
|
|
13
|
-
select: {
|
|
14
|
-
id: 'creatives.components.WechatRichmediaTemplatePreview.select',
|
|
15
|
-
defaultMessage: 'Select',
|
|
16
|
-
},
|
|
17
|
-
edit: {
|
|
18
|
-
id: 'creatives.components.WechatRichmediaTemplatePreview.edit',
|
|
19
|
-
defaultMessage: 'Edit',
|
|
20
|
-
},
|
|
21
|
-
MarkAsRead: {
|
|
22
|
-
id: 'creatives.components.WechatRichmediaTemplatePreview.MarkAsRead',
|
|
23
|
-
defaultMessage: 'Mark as read',
|
|
24
|
-
},
|
|
25
|
-
reply: {
|
|
26
|
-
id: 'creatives.components.WechatRichmediaTemplatePreview.reply',
|
|
27
|
-
defaultMessage: 'Reply',
|
|
28
|
-
},
|
|
29
|
-
cancel: {
|
|
30
|
-
id: 'creatives.components.WechatRichmediaTemplatePreview.cancel',
|
|
31
|
-
defaultMessage: 'Cancel',
|
|
32
|
-
},
|
|
33
|
-
});
|
|
1
|
+
/*
|
|
2
|
+
* WechatRichmediaTemplatePreview Messages
|
|
3
|
+
*
|
|
4
|
+
* This contains all the text for the WechatRichmediaTemplatePreview component.
|
|
5
|
+
*/
|
|
6
|
+
import { defineMessages } from 'react-intl';
|
|
7
|
+
|
|
8
|
+
export default defineMessages({
|
|
9
|
+
header: {
|
|
10
|
+
id: 'creatives.components.WechatRichmediaTemplatePreview.header',
|
|
11
|
+
defaultMessage: 'This is the WechatRichmediaTemplatePreview component !',
|
|
12
|
+
},
|
|
13
|
+
select: {
|
|
14
|
+
id: 'creatives.components.WechatRichmediaTemplatePreview.select',
|
|
15
|
+
defaultMessage: 'Select',
|
|
16
|
+
},
|
|
17
|
+
edit: {
|
|
18
|
+
id: 'creatives.components.WechatRichmediaTemplatePreview.edit',
|
|
19
|
+
defaultMessage: 'Edit',
|
|
20
|
+
},
|
|
21
|
+
MarkAsRead: {
|
|
22
|
+
id: 'creatives.components.WechatRichmediaTemplatePreview.MarkAsRead',
|
|
23
|
+
defaultMessage: 'Mark as read',
|
|
24
|
+
},
|
|
25
|
+
reply: {
|
|
26
|
+
id: 'creatives.components.WechatRichmediaTemplatePreview.reply',
|
|
27
|
+
defaultMessage: 'Reply',
|
|
28
|
+
},
|
|
29
|
+
cancel: {
|
|
30
|
+
id: 'creatives.components.WechatRichmediaTemplatePreview.cancel',
|
|
31
|
+
defaultMessage: 'Cancel',
|
|
32
|
+
},
|
|
33
|
+
});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
// import React from 'react';
|
|
2
|
-
// import { shallow } from 'enzyme';
|
|
3
|
-
|
|
4
|
-
// import WechatRichmediaTemplatePreview from '../index';
|
|
5
|
-
|
|
6
|
-
describe('<WechatRichmediaTemplatePreview />', () => {
|
|
7
|
-
it('Expect to have unit tests specified', () => {
|
|
8
|
-
expect(true).toEqual(false);
|
|
9
|
-
});
|
|
10
|
-
});
|
|
1
|
+
// import React from 'react';
|
|
2
|
+
// import { shallow } from 'enzyme';
|
|
3
|
+
|
|
4
|
+
// import WechatRichmediaTemplatePreview from '../index';
|
|
5
|
+
|
|
6
|
+
describe('<WechatRichmediaTemplatePreview />', () => {
|
|
7
|
+
it('Expect to have unit tests specified', () => {
|
|
8
|
+
expect(true).toEqual(false);
|
|
9
|
+
});
|
|
10
|
+
});
|