@capillarytech/creatives-library 3.1.44 → 3.1.46
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/components/Header/index.js +4 -3
- package/components/Header/messages.js +4 -0
- package/containers/Email/index.js +2 -2
- package/containers/Email/messages.js +8 -0
- package/containers/LanguageProvider/index.js +2 -1
- package/containers/Templates/index.js +1 -1
- package/containers/Templates/messages.js +24 -0
- package/containers/WeChat/RichmediaTemplates/Create/messages.js +24 -0
- package/package.json +1 -1
- package/translations/en.json +100 -60
- package/translations/zh.json +100 -60
- package/v2Containers/Email/index.js +2 -2
- package/v2Containers/Email/messages.js +8 -0
- package/v2Containers/LanguageProvider/index.js +2 -0
- package/v2Containers/MobilePush/Create/index.js +1 -1
- package/v2Containers/MobilePush/Create/messages.js +4 -0
- package/v2Containers/MobilePush/Edit/index.js +1 -1
- package/v2Containers/MobilePush/Edit/messages.js +4 -0
- package/v2Containers/WeChat/RichmediaTemplates/Create/index.js +3 -3
- package/v2Containers/WeChat/RichmediaTemplates/Create/messages.js +70 -57
- package/v2Containers/WeChat/Wrapper/messages.js +5 -5
- package/containers/Cap/messsages.js +0 -63
- package/v2Components/Header/index.js +0 -46
- package/v2Components/Header/tests/index.test.js +0 -10
|
@@ -5,233 +5,246 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { defineMessages } from 'react-intl';
|
|
7
7
|
|
|
8
|
+
const scope = 'creatives.containersV2.richMedia.Create';
|
|
8
9
|
export default defineMessages({
|
|
9
10
|
"header": {
|
|
10
|
-
id:
|
|
11
|
+
id: `${scope}.header`,
|
|
11
12
|
defaultMessage: 'This is Create container !',
|
|
12
13
|
},
|
|
13
14
|
"titleCharacterCount": {
|
|
14
|
-
id:
|
|
15
|
+
id: `${scope}.titleCharacterCount`,
|
|
15
16
|
defaultMessage: 'Title exceeds character count limit by',
|
|
16
17
|
},
|
|
17
18
|
"authorCharacterCount": {
|
|
18
|
-
id:
|
|
19
|
+
id: `${scope}.authorCharacterCount`,
|
|
19
20
|
defaultMessage: 'Author exceeds character count limit by',
|
|
20
21
|
},
|
|
21
22
|
"coverAbstractCharacterCount": {
|
|
22
|
-
id:
|
|
23
|
+
id: `${scope}.coverAbstractCharacterCount`,
|
|
23
24
|
defaultMessage: 'Cover abstract exceeds character count limit by',
|
|
24
25
|
},
|
|
25
26
|
"saveSuccess": {
|
|
26
|
-
id:
|
|
27
|
+
id: `${scope}.saveSuccess`,
|
|
27
28
|
defaultMessage: 'Template saved successfully',
|
|
28
29
|
},
|
|
29
30
|
"modalTitle": {
|
|
30
|
-
id:
|
|
31
|
+
id: `${scope}.modalTitle`,
|
|
31
32
|
defaultMessage: 'Alert',
|
|
32
33
|
},
|
|
33
34
|
"modalBody": {
|
|
34
|
-
id:
|
|
35
|
+
id: `${scope}.modalBody`,
|
|
35
36
|
defaultMessage: 'Do you really want to go back? All your temporary changes will be lost!',
|
|
36
37
|
},
|
|
37
38
|
"deleteContent": {
|
|
38
|
-
id:
|
|
39
|
+
id: `${scope}.deleteContent`,
|
|
39
40
|
defaultMessage: 'Do you really want to delete? All your temporary changes will be lost!',
|
|
40
41
|
},
|
|
41
42
|
"emptyTemplateName": {
|
|
42
|
-
id:
|
|
43
|
+
id: `${scope}.emptyTemplateName`,
|
|
43
44
|
defaultMessage: 'Cannot leave template name empty',
|
|
44
45
|
},
|
|
45
46
|
"wrongFormatFile": {
|
|
46
|
-
id:
|
|
47
|
+
id: `${scope}.wrongFormatFile`,
|
|
47
48
|
defaultMessage: 'Wrong file upoaded. Please upload image file',
|
|
48
49
|
},
|
|
49
50
|
"formEmpty": {
|
|
50
|
-
id:
|
|
51
|
+
id: `${scope}.formEmpty`,
|
|
51
52
|
defaultMessage: 'Cannot leave form empty',
|
|
52
53
|
},
|
|
53
54
|
"titleEmpty": {
|
|
54
|
-
id:
|
|
55
|
+
id: `${scope}.titleEmpty`,
|
|
55
56
|
defaultMessage: 'Cannot leave title field empty',
|
|
56
57
|
},
|
|
57
58
|
"noImage": {
|
|
58
|
-
id:
|
|
59
|
+
id: `${scope}.noImage`,
|
|
59
60
|
defaultMessage: 'Please upload an image',
|
|
60
61
|
},
|
|
61
62
|
"sourceLinkEmpty": {
|
|
62
|
-
id:
|
|
63
|
+
id: `${scope}.sourceLinkEmpty`,
|
|
63
64
|
defaultMessage: 'Cannot leave source link field empty',
|
|
64
65
|
},
|
|
65
66
|
"contentEmpty": {
|
|
66
|
-
id:
|
|
67
|
+
id: `${scope}.contentEmpty`,
|
|
67
68
|
defaultMessage: 'Cannot leave content field empty',
|
|
68
69
|
},
|
|
69
70
|
"titleNameRepeated": {
|
|
70
|
-
id:
|
|
71
|
+
id: `${scope}.titleNameRepeated`,
|
|
71
72
|
defaultMessage: 'Title name cannot be repeated',
|
|
72
73
|
},
|
|
73
74
|
"wrongUrl": {
|
|
74
|
-
id:
|
|
75
|
+
id: `${scope}.wrongUrl`,
|
|
75
76
|
defaultMessage: 'Enter correct URL',
|
|
76
77
|
},
|
|
77
78
|
"maxContentCount": {
|
|
78
|
-
id:
|
|
79
|
+
id: `${scope}.maxContentCount`,
|
|
79
80
|
defaultMessage: 'You have reached the maximum template size',
|
|
80
81
|
},
|
|
81
82
|
"addNewRichmedia": {
|
|
82
|
-
id:
|
|
83
|
+
id: `${scope}.addNewRichmedia`,
|
|
83
84
|
defaultMessage: 'Add richmedia content',
|
|
84
85
|
},
|
|
85
86
|
'Title': {
|
|
86
|
-
id:
|
|
87
|
+
id: `${scope}.Title`,
|
|
87
88
|
defaultMessage: 'Title',
|
|
88
89
|
},
|
|
89
90
|
'Please input title': {
|
|
90
|
-
id:
|
|
91
|
+
id: `${scope}.Please_input_title`,
|
|
91
92
|
defaultMessage: 'Please input title',
|
|
92
93
|
},
|
|
93
94
|
'Author': {
|
|
94
|
-
id:
|
|
95
|
+
id: `${scope}.Author`,
|
|
95
96
|
defaultMessage: 'Author',
|
|
96
97
|
},
|
|
97
98
|
'Please input author': {
|
|
98
|
-
id:
|
|
99
|
+
id: `${scope}.Please_input_author`,
|
|
99
100
|
defaultMessage: 'Please input author',
|
|
100
101
|
},
|
|
101
102
|
'Cover image': {
|
|
102
|
-
id:
|
|
103
|
+
id: `${scope}.Cover_image`,
|
|
103
104
|
defaultMessage: 'Cover image',
|
|
104
105
|
},
|
|
105
106
|
'Cover abstract': {
|
|
106
|
-
id:
|
|
107
|
+
id: `${scope}.Cover_abstract`,
|
|
107
108
|
defaultMessage: 'Cover abstract',
|
|
108
109
|
},
|
|
109
110
|
'Please input cover abstract': {
|
|
110
|
-
id:
|
|
111
|
+
id: `${scope}.Please_input_cover_abstract`,
|
|
111
112
|
defaultMessage: 'Please input cover abstract',
|
|
112
113
|
},
|
|
113
114
|
'Content': {
|
|
114
|
-
id:
|
|
115
|
+
id: `${scope}.Content`,
|
|
115
116
|
defaultMessage: 'Content',
|
|
116
117
|
},
|
|
117
118
|
'Please input content': {
|
|
118
|
-
id:
|
|
119
|
+
id: `${scope}.Please_input_content`,
|
|
119
120
|
defaultMessage: 'Please input content',
|
|
120
121
|
},
|
|
121
122
|
'Show cover picture': {
|
|
122
|
-
id:
|
|
123
|
+
id: `${scope}.Show_cover_picture`,
|
|
123
124
|
defaultMessage: 'Show cover picture',
|
|
124
125
|
},
|
|
125
126
|
'Who can post comments on this content': {
|
|
126
|
-
id:
|
|
127
|
+
id: `${scope}.Who_can_post_comments_on_this_content`,
|
|
127
128
|
defaultMessage: 'Who can post comments on this content',
|
|
128
129
|
},
|
|
129
130
|
'No one': {
|
|
130
|
-
id:
|
|
131
|
+
id: `${scope}.No_one`,
|
|
131
132
|
defaultMessage: 'No one',
|
|
132
133
|
},
|
|
133
134
|
'Anyone': {
|
|
134
|
-
id:
|
|
135
|
+
id: `${scope}.Anyone`,
|
|
135
136
|
defaultMessage: 'Anyone',
|
|
136
137
|
},
|
|
137
138
|
'Only followers': {
|
|
138
|
-
id:
|
|
139
|
+
id: `${scope}.Only_followers`,
|
|
139
140
|
defaultMessage: 'Only followers',
|
|
140
141
|
},
|
|
141
142
|
'visibility': {
|
|
142
|
-
id:
|
|
143
|
+
id: `${scope}.visibility`,
|
|
143
144
|
defaultMessage: 'visibility',
|
|
144
145
|
},
|
|
145
146
|
'delete': {
|
|
146
|
-
id:
|
|
147
|
+
id: `${scope}.delete`,
|
|
147
148
|
defaultMessage: 'delete',
|
|
148
149
|
},
|
|
149
150
|
'This field is required!': {
|
|
150
|
-
id:
|
|
151
|
+
id: `${scope}.requiredField`,
|
|
151
152
|
defaultMessage: 'This field is required!',
|
|
152
153
|
},
|
|
153
154
|
"Write a brief headline to draw customer's attention": {
|
|
154
|
-
id:
|
|
155
|
+
id: `${scope}.titleInductiveText`,
|
|
155
156
|
defaultMessage: "Write a brief headline to draw customer's attention",
|
|
156
157
|
},
|
|
157
158
|
"Brand/name that your customer will recognise": {
|
|
158
|
-
id:
|
|
159
|
+
id: `${scope}.authorInductiveText`,
|
|
159
160
|
defaultMessage: "Brand/name that your customer will recognise",
|
|
160
161
|
},
|
|
161
162
|
'Resolution 360 x 200': {
|
|
162
|
-
id:
|
|
163
|
+
id: `${scope}.resolutionText`,
|
|
163
164
|
defaultMessage: 'Resolution 360 x 200',
|
|
164
165
|
},
|
|
165
166
|
'The relevant image that complements title.': {
|
|
166
|
-
id:
|
|
167
|
+
id: `${scope}.coverImageTitle`,
|
|
167
168
|
defaultMessage: 'The relevant image that complements title.',
|
|
168
169
|
},
|
|
169
170
|
'Upload Image': {
|
|
170
|
-
id:
|
|
171
|
+
id: `${scope}.uploadImage`,
|
|
171
172
|
defaultMessage: 'Upload Image',
|
|
172
173
|
},
|
|
173
174
|
'A short description help customers learn more': {
|
|
174
|
-
id:
|
|
175
|
+
id: `${scope}.coverAbstractInductive`,
|
|
175
176
|
defaultMessage: 'A short description help customers learn more',
|
|
176
177
|
},
|
|
177
178
|
'Article content': {
|
|
178
|
-
id:
|
|
179
|
+
id: `${scope}.articleContent`,
|
|
179
180
|
defaultMessage: 'Article content',
|
|
180
181
|
},
|
|
181
182
|
'Insert Image': {
|
|
182
|
-
id:
|
|
183
|
+
id: `${scope}.insertImage`,
|
|
183
184
|
defaultMessage: 'Insert Image',
|
|
184
185
|
},
|
|
185
186
|
'Read more link': {
|
|
186
|
-
id:
|
|
187
|
+
id: `${scope}.readMoreLink`,
|
|
187
188
|
defaultMessage: 'Read more link',
|
|
188
189
|
},
|
|
189
190
|
'Link to help customers discover more about the brand.': {
|
|
190
|
-
id:
|
|
191
|
+
id: `${scope}.linkInductiveText`,
|
|
191
192
|
defaultMessage: 'Link to help customers discover more about the brand.',
|
|
192
193
|
},
|
|
193
194
|
'somethingWentWrong': {
|
|
194
|
-
id:
|
|
195
|
+
id: `${scope}.somethingWentWrong`,
|
|
195
196
|
defaultMessage: 'Something went wrong!!',
|
|
196
197
|
},
|
|
197
198
|
'Template with the same name exists. Please try another template name.': {
|
|
198
|
-
id:
|
|
199
|
+
id: `${scope}.templateNameExists`,
|
|
199
200
|
defaultMessage: 'Template with the same name exists. Please try another template name.',
|
|
200
201
|
},
|
|
201
202
|
'Template name cannot be blank!': {
|
|
202
|
-
id:
|
|
203
|
+
id: `${scope}.templateNameBlank`,
|
|
203
204
|
defaultMessage: 'Template name cannot be blank',
|
|
204
205
|
},
|
|
205
206
|
'Template name contains only whitespaces': {
|
|
206
|
-
id:
|
|
207
|
+
id: `${scope}.templateNameContainsWS`,
|
|
207
208
|
defaultMessage: 'Template name contains only whitespaces',
|
|
208
209
|
},
|
|
209
210
|
'Please provide payload to the wechat template': {
|
|
210
|
-
id:
|
|
211
|
+
id: `${scope}.payloadMissing`,
|
|
211
212
|
defaultMessage: 'Please provide payload to create wechat template',
|
|
212
213
|
},
|
|
213
214
|
'Please provide source account identifier': {
|
|
214
|
-
id:
|
|
215
|
+
id: `${scope}.sourceIdentMissing`,
|
|
215
216
|
defaultMessage: 'Please provide source account identifier',
|
|
216
217
|
},
|
|
217
218
|
'Please provide sufficient parameters to generate richmedia message payload': {
|
|
218
|
-
id:
|
|
219
|
+
id: `${scope}.sufficientPayload`,
|
|
219
220
|
defaultMessage: 'Please provide sufficient parameters to generate richmedia message payload',
|
|
220
221
|
},
|
|
221
222
|
'Please provide sufficient params to create richmedia wechat template': {
|
|
222
|
-
id:
|
|
223
|
+
id: `${scope}.sufficientParam`,
|
|
223
224
|
defaultMessage: 'Please provide sufficient params to create richmedia wechat template',
|
|
224
225
|
},
|
|
225
226
|
'Upload has failed': {
|
|
226
|
-
id:
|
|
227
|
+
id: `${scope}.uploadFailed`,
|
|
227
228
|
defaultMessage: 'Upload has failed',
|
|
228
229
|
},
|
|
229
230
|
'Template with the same name exists': {
|
|
230
|
-
id:
|
|
231
|
+
id: `${scope}.sameTemplateExists`,
|
|
231
232
|
defaultMessage: 'Template with the same name exists',
|
|
232
233
|
},
|
|
233
234
|
'Failed to get File content': {
|
|
234
|
-
id:
|
|
235
|
+
id: `${scope}.fileContentFailed`,
|
|
235
236
|
defaultMessage: 'Failed to get File content',
|
|
236
237
|
},
|
|
238
|
+
'addRichMediaContent': {
|
|
239
|
+
id: `${scope}.addRichMediaContent`,
|
|
240
|
+
defaultMessage: 'Add rich media content',
|
|
241
|
+
},
|
|
242
|
+
'newMedia': {
|
|
243
|
+
id: `${scope}.newMedia`,
|
|
244
|
+
defaultMessage: 'New media',
|
|
245
|
+
},
|
|
246
|
+
'nameOfTemplate': {
|
|
247
|
+
id: `${scope}.nameOfTemplate`,
|
|
248
|
+
defaultMessage: 'Name of the template',
|
|
249
|
+
},
|
|
237
250
|
});
|
|
@@ -7,23 +7,23 @@ import { defineMessages } from 'react-intl';
|
|
|
7
7
|
|
|
8
8
|
export default defineMessages({
|
|
9
9
|
richMedia: {
|
|
10
|
-
id: '
|
|
10
|
+
id: 'creatives.containers.WechatWrapper.richMedia',
|
|
11
11
|
defaultMessage: 'Richmedia template',
|
|
12
12
|
},
|
|
13
13
|
richMediaSubtext: {
|
|
14
|
-
id: '
|
|
14
|
+
id: 'creatives.containers.WechatWrapper.richMediaSubtext',
|
|
15
15
|
defaultMessage: 'Used for creating rich content using text, image, location and audio',
|
|
16
16
|
},
|
|
17
17
|
mapTemplate: {
|
|
18
|
-
id: '
|
|
18
|
+
id: 'creatives.containers.WechatWrapper.mapTemplate',
|
|
19
19
|
defaultMessage: 'Map template',
|
|
20
20
|
},
|
|
21
21
|
mapTemplateSubtext: {
|
|
22
|
-
id: '
|
|
22
|
+
id: 'creatives.containers.WechatWrapper.mapTemplateSubtext',
|
|
23
23
|
defaultMessage: 'Used for announcing offers and transaction related information',
|
|
24
24
|
},
|
|
25
25
|
templateType: {
|
|
26
|
-
id: '
|
|
26
|
+
id: 'creatives.containers.WechatWrapper.templateType',
|
|
27
27
|
defaultMessage: 'Which type of template you want to create?',
|
|
28
28
|
},
|
|
29
29
|
});
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { defineMessages } from 'react-intl';
|
|
2
|
-
export default defineMessages({
|
|
3
|
-
"sms": {
|
|
4
|
-
id: 'reon.components.Cap.sms',
|
|
5
|
-
defaultMessage: 'SMS',
|
|
6
|
-
},
|
|
7
|
-
"wechat": {
|
|
8
|
-
id: 'reon.components.Cap.wechat',
|
|
9
|
-
defaultMessage: 'WeChat',
|
|
10
|
-
},
|
|
11
|
-
"gallery": {
|
|
12
|
-
id: 'reon.components.Cap.gallery',
|
|
13
|
-
defaultMessage: 'Gallery',
|
|
14
|
-
},
|
|
15
|
-
"creativesDashboard": {
|
|
16
|
-
id: 'reon.components.Cap.creativesDashboard',
|
|
17
|
-
defaultMessage: 'Creatives',
|
|
18
|
-
},
|
|
19
|
-
"creatives": {
|
|
20
|
-
id: 'reon.components.Cap.creatives',
|
|
21
|
-
defaultMessage: 'Creatives',
|
|
22
|
-
},
|
|
23
|
-
"campaigns": {
|
|
24
|
-
id: 'reon.components.Cap.campaigns',
|
|
25
|
-
defaultMessage: 'Campaigns',
|
|
26
|
-
},
|
|
27
|
-
"loyalty": {
|
|
28
|
-
id: 'reon.components.Cap.loyalty',
|
|
29
|
-
defaultMessage: 'Loyalty',
|
|
30
|
-
},
|
|
31
|
-
"member care": {
|
|
32
|
-
id: 'reon.components.Cap.memberCare',
|
|
33
|
-
defaultMessage: 'Member Care',
|
|
34
|
-
},
|
|
35
|
-
"workbench": {
|
|
36
|
-
id: 'reon.components.Cap.Workbench',
|
|
37
|
-
defaultMessage: 'WorkBench',
|
|
38
|
-
},
|
|
39
|
-
"store care": {
|
|
40
|
-
id: 'reon.components.Cap.storeCare',
|
|
41
|
-
defaultMessage: 'Store Care',
|
|
42
|
-
},
|
|
43
|
-
"store performance": {
|
|
44
|
-
id: 'reon.components.Cap.storePerformance',
|
|
45
|
-
defaultMessage: 'Store Performance',
|
|
46
|
-
},
|
|
47
|
-
"email": {
|
|
48
|
-
id: 'reon.components.Cap.email',
|
|
49
|
-
defaultMessage: 'Email',
|
|
50
|
-
},
|
|
51
|
-
"ebill": {
|
|
52
|
-
id: 'reon.components.Cap.ebill',
|
|
53
|
-
defaultMessage: 'Ebill',
|
|
54
|
-
},
|
|
55
|
-
"campaignsDashboard": {
|
|
56
|
-
id: 'reon.components.campaignsDashboard',
|
|
57
|
-
defaultMessage: 'Campaigns',
|
|
58
|
-
},
|
|
59
|
-
"campaignsHome": {
|
|
60
|
-
id: 'reon.components.campaignsHome',
|
|
61
|
-
defaultMessage: "Campaigns Home",
|
|
62
|
-
},
|
|
63
|
-
});
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* Header
|
|
4
|
-
*
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import PropTypes from 'prop-types';
|
|
8
|
-
|
|
9
|
-
import React from 'react';
|
|
10
|
-
// import styled from 'styled-components';
|
|
11
|
-
import { FormattedMessage } from 'react-intl';
|
|
12
|
-
|
|
13
|
-
import { CapRow, CapColumn, CapInput, CapButton } from '@capillarytech/cap-ui-library';
|
|
14
|
-
import messages from './messages';
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
function Header(props) {
|
|
18
|
-
return (
|
|
19
|
-
<div>
|
|
20
|
-
<CapRow className="template-form-header">
|
|
21
|
-
<CapColumn span={10}>
|
|
22
|
-
<CapInput id="template-name" placeholder="Enter template name*" defaultValue={props.templateName} type="input" onChange={props.templateNameHandler}/>
|
|
23
|
-
</CapColumn>
|
|
24
|
-
<CapColumn span={2} offset={8}>
|
|
25
|
-
<CapButton id="preview-button" type="cancel" onClick={props.previewHandler}> <FormattedMessage {...messages.preview} /> </CapButton>
|
|
26
|
-
</CapColumn>
|
|
27
|
-
<CapColumn span={2}>
|
|
28
|
-
<CapButton id="cancel-button" type="cancel" onClick={props.cancelHandler}> <FormattedMessage {...messages.cancel} /> </CapButton>
|
|
29
|
-
</CapColumn>
|
|
30
|
-
<CapColumn span={2}>
|
|
31
|
-
<CapButton id="save-button" type="primary" onClick={props.saveHandler}> <FormattedMessage {...messages.save} /> </CapButton>
|
|
32
|
-
</CapColumn>
|
|
33
|
-
</CapRow>
|
|
34
|
-
</div>
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
Header.propTypes = {
|
|
39
|
-
templateNameHandler: PropTypes.func,
|
|
40
|
-
previewHandler: PropTypes.func,
|
|
41
|
-
cancelHandler: PropTypes.func,
|
|
42
|
-
saveHandler: PropTypes.func,
|
|
43
|
-
templateName: PropTypes.string,
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
export default Header;
|