@capillarytech/creatives-library 6.9.2 → 6.9.5

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 (101) hide show
  1. package/components/CapTagList/index.js +1 -1
  2. package/components/Edmeditor/index.js +1 -1
  3. package/components/FormBuilder/index.js +1 -0
  4. package/components/TemplatePreview/_templatePreview.scss +6 -0
  5. package/components/TemplatePreview/index.js +35 -28
  6. package/config/app.js +1 -1
  7. package/containers/TagList/index.js +4 -5
  8. package/index.html +0 -5
  9. package/package.json +1 -2
  10. package/services/api.js +1 -16
  11. package/v2Components/CapTagList/index.js +26 -55
  12. package/v2Components/Carousel/index.js +120 -0
  13. package/v2Components/Carousel/style.scss +40 -0
  14. package/v2Components/CmsTemplatesComponent/index.js +4 -4
  15. package/v2Components/Edmeditor/index.js +1 -1
  16. package/v2Components/EmailPreview/_emailPreview.scss +2 -2
  17. package/v2Components/FormBuilder/index.js +43 -79
  18. package/v2Components/TemplatePreview/WechatRichmediaTemplatePreview/_wechatRichmediaTemplatePrev.scss +151 -151
  19. package/v2Components/TemplatePreview/WechatRichmediaTemplatePreview/messages.js +33 -33
  20. package/v2Components/TemplatePreview/WechatRichmediaTemplatePreview/tests/index.test.js +10 -10
  21. package/v2Components/TemplatePreview/_templatePreview.scss +1 -0
  22. package/v2Components/TemplatePreview/assets/images/androidPushMessage.svg +44 -44
  23. package/v2Components/TemplatePreview/assets/images/home-screen-android.svg +21 -21
  24. package/v2Components/TemplatePreview/assets/images/home-screen-ios.svg +16 -16
  25. package/v2Components/TemplatePreview/assets/images/iPhonePushMessage.svg +134 -134
  26. package/v2Components/TemplatePreview/assets/images/mobile.svg +23 -23
  27. package/v2Components/TemplatePreview/assets/images/sms_mobile_android.svg +22 -22
  28. package/v2Components/TemplatePreview/assets/images/user-icon.svg +18 -18
  29. package/v2Components/TemplatePreview/assets/images/wechat-home-screen-android.svg +21 -21
  30. package/v2Components/TemplatePreview/assets/images/wechat-mobile.svg +77 -77
  31. package/v2Components/TemplatePreview/assets/images/wechat_mobile_android.svg +20 -20
  32. package/v2Components/TemplatePreview/index.js +36 -29
  33. package/v2Components/TemplatePreview/tests/index.test.js +10 -10
  34. package/v2Containers/CreativesContainer/SlideBoxContent.js +7 -1
  35. package/v2Containers/CreativesContainer/SlideBoxFooter.js +51 -51
  36. package/v2Containers/CreativesContainer/actions.js +27 -27
  37. package/v2Containers/CreativesContainer/constants.js +17 -17
  38. package/v2Containers/CreativesContainer/index.js +2 -7
  39. package/v2Containers/CreativesContainer/index.scss +44 -44
  40. package/v2Containers/CreativesContainer/messages.js +305 -305
  41. package/v2Containers/CreativesContainer/reducer.js +29 -29
  42. package/v2Containers/CreativesContainer/sagas.js +11 -11
  43. package/v2Containers/CreativesContainer/selectors.js +30 -30
  44. package/v2Containers/CreativesContainer/tests/actions.test.js +18 -18
  45. package/v2Containers/CreativesContainer/tests/index.test.js +10 -10
  46. package/v2Containers/CreativesContainer/tests/reducer.test.js +9 -9
  47. package/v2Containers/CreativesContainer/tests/sagas.test.js +15 -15
  48. package/v2Containers/CreativesContainer/tests/selectors.test.js +10 -10
  49. package/v2Containers/Email/constants.js +0 -1
  50. package/v2Containers/Email/index.js +115 -169
  51. package/v2Containers/Email/initialSchema.js +3 -18
  52. package/v2Containers/Email/sagas.js +2 -2
  53. package/v2Containers/Email/selectors.js +0 -5
  54. package/v2Containers/EmailWrapper/index.js +3 -19
  55. package/v2Containers/Line/Container/Image/index.js +21 -19
  56. package/v2Containers/Line/Container/ImageCarousel/Content.js +554 -0
  57. package/v2Containers/Line/Container/ImageCarousel/constants.js +10 -0
  58. package/v2Containers/Line/Container/ImageCarousel/index.js +526 -0
  59. package/v2Containers/Line/Container/ImageCarousel/messages.js +178 -0
  60. package/v2Containers/Line/Container/ImageCarousel/style.js +61 -0
  61. package/v2Containers/Line/Container/ImageMap/constants.js +2 -1
  62. package/v2Containers/Line/Container/ImageMap/index.js +31 -6
  63. package/v2Containers/Line/Container/ImageMap/messages.js +12 -0
  64. package/v2Containers/Line/Container/Wrapper/index.js +5 -1
  65. package/v2Containers/Line/Container/Wrapper/messages.js +4 -0
  66. package/v2Containers/Line/Container/Wrapper/utils.js +15 -16
  67. package/v2Containers/Line/Container/_lineCreate.scss +2 -2
  68. package/v2Containers/Line/Container/actions.js +4 -2
  69. package/v2Containers/Line/Container/constants.js +3 -0
  70. package/v2Containers/Line/Container/index.js +49 -11
  71. package/v2Containers/Line/Container/reducer.js +2 -2
  72. package/v2Containers/Line/Container/sagas.js +2 -2
  73. package/v2Containers/Line/Container/style.js +2 -1
  74. package/v2Containers/TagList/index.js +0 -6
  75. package/v2Containers/Templates/_templates.scss +9 -0
  76. package/v2Containers/Templates/actions.js +117 -122
  77. package/v2Containers/Templates/constants.js +47 -49
  78. package/v2Containers/Templates/index.js +47 -36
  79. package/v2Containers/Templates/messages.js +4 -8
  80. package/v2Containers/Templates/reducer.js +145 -153
  81. package/v2Containers/Templates/sagas.js +179 -179
  82. package/v2Containers/Templates/selectors.js +1 -19
  83. package/v2Containers/Templates/tests/actions.test.js +18 -18
  84. package/v2Containers/Templates/tests/index.test.js +10 -10
  85. package/v2Containers/Templates/tests/reducer.test.js +9 -9
  86. package/v2Containers/Templates/tests/sagas.test.js +15 -15
  87. package/v2Containers/Templates/tests/selectors.test.js +10 -10
  88. package/v2Containers/TemplatesV2/TemplatesV2.style.js +29 -29
  89. package/v2Containers/TemplatesV2/actions.js +16 -16
  90. package/v2Containers/TemplatesV2/constants.js +10 -10
  91. package/v2Containers/TemplatesV2/messages.js +61 -61
  92. package/v2Containers/TemplatesV2/selectors.js +25 -25
  93. package/v2Containers/TemplatesV2/tests/actions.test.js +18 -18
  94. package/v2Containers/TemplatesV2/tests/index.test.js +10 -10
  95. package/v2Containers/TemplatesV2/tests/reducer.test.js +9 -9
  96. package/v2Containers/TemplatesV2/tests/sagas.test.js +15 -15
  97. package/v2Containers/TemplatesV2/tests/selectors.test.js +10 -10
  98. package/v2Components/BeeEditor/index.js +0 -272
  99. package/v2Components/BeeEditor/index.scss +0 -11
  100. package/v2Components/BeeEditor/messages.js +0 -47
  101. package/v2Components/BeeEditor/tests/index.test.js +0 -10
@@ -199,24 +199,9 @@ export const response = {
199
199
  "getEditorInstanse",
200
200
  ],
201
201
  },
202
- // will remove once bee gets tested end to end
203
- // {
204
- // id: "edmeditor",
205
- // type: "edmeditor",
206
- // metaType: "text",
207
- // datatype: "string",
208
- // required: true,
209
- // onlyDisplay: true,
210
- // standalone: false,
211
- // width: 24,
212
- // order: 2,
213
- // customComponent: true,
214
- // colStyle: { display: "none" },
215
- // supportedEvents: [],
216
- // },
217
202
  {
218
- id: "BEEeditor",
219
- type: "BEEeditor",
203
+ id: "edmeditor",
204
+ type: "edmeditor",
220
205
  metaType: "text",
221
206
  datatype: "string",
222
207
  required: true,
@@ -380,7 +365,7 @@ export const response = {
380
365
  styling: "semantic",
381
366
  order: 3,
382
367
  width: 2,
383
- offset: 4,
368
+ offset: 1,
384
369
  fluid: false,
385
370
  onlyDisplay: true,
386
371
  submitAction: "onTabOptionSelect",
@@ -53,7 +53,7 @@ export function* getAllAssets(assetType, queryParams) {
53
53
 
54
54
  export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport}) {
55
55
  try {
56
- const result = yield call(Api.getCmsTemplateSettingsV2, cmsType, projectId, cmsMode, langId, isEdmSupport);
56
+ const result = yield call(Api.getCmsTemplateSettings, cmsType, projectId, cmsMode, langId, isEdmSupport);
57
57
 
58
58
  yield put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: result.data.response.cmsDetails });
59
59
  } catch (error) {
@@ -63,7 +63,7 @@ export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSuppor
63
63
 
64
64
  export function* getCmsData({cmsType, projectId, langId}) {
65
65
  try {
66
- const result = yield call(Api.getCmsTemplateDataV2, cmsType, projectId, langId);
66
+ const result = yield call(Api.getCmsTemplateData, cmsType, projectId, langId);
67
67
 
68
68
  yield put({ type: types.GET_CMS_EDITOR_DATA_SUCCESS, data: result.data.response.data, langId: result.data.response.langId });
69
69
  } catch (error) {
@@ -26,14 +26,9 @@ const selectLoadingStatus = () => createSelector(
26
26
  selectEmailDomain(), (email) => email.createTemplateInProgress || (email.assetUploading !== undefined && email.assetUploading)
27
27
  );
28
28
 
29
- const makeSelectFetchingCmsData = () => createSelector(
30
- selectEmailDomain(), (state) => state.get('fetchingCmsData')
31
- );
32
-
33
29
  export default makeSelectEmail;
34
30
  export {
35
31
  makeSelectEmail,
36
32
  makeSelectCreateResponse,
37
33
  selectLoadingStatus,
38
- makeSelectFetchingCmsData,
39
34
  };
@@ -15,13 +15,7 @@ import styled from 'styled-components';
15
15
  import { CapRadioCard, CapNotification, CapInput, CapUploader, CapSpin, CapButton } from '@capillarytech/cap-ui-library';
16
16
  import ComponentWithLabelHOC from '@capillarytech/cap-ui-library/assets/HOCs/ComponentWithLabelHOC';
17
17
  import { UserIsAuthenticated } from '../../utils/authWrapper';
18
- import {
19
- selectEmailLayout,
20
- selectCmsTemplates,
21
- selectEdmEditor,
22
- uploadSelector,
23
- selectCmsTemplatesLoader,
24
- } from '../Templates/selectors';
18
+ import { selectEmailLayout, selectCmsTemplates, selectEdmEditor, uploadSelector } from '../Templates/selectors';
25
19
  import * as templatesActionsCreators from '../Templates/actions';
26
20
  import Email from '../Email';
27
21
  import CmsTemplatesComponent from '../../v2Components/CmsTemplatesComponent';
@@ -82,7 +76,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
82
76
  //document.getElementById('upload-email-template').click();
83
77
  } else if (step === "templateSelection" && !this.state.selectedCreateMode) {
84
78
  if (emailCreateMode === "editor" && !CmsTemplates) {
85
- templatesActions.getDefaultBeeTemplates();
79
+ templatesActions.getEdmDefaultTemplates();
86
80
  }
87
81
  } else if (step === "createTemplateContent" && !this.state.selectedCreateMode) {
88
82
  if (emailCreateMode === 'upload' && !_.isEmpty(EmailLayout)) {
@@ -162,7 +156,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
162
156
  const data = _.find(CmsTemplates, { _id: id });
163
157
 
164
158
  templatesActions.setEdmTemplate(data);
165
- templatesActions.setBEETemplate(data);
166
159
  this.setState({
167
160
  selectedCreateMode: 'editor',
168
161
  });
@@ -195,7 +188,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
195
188
  selectedOfferDetails,
196
189
  onPreviewContentClicked,
197
190
  onTestContentClicked,
198
- cmsTemplatesLoader,
199
191
  } = this.props;
200
192
  const {
201
193
  templateName,
@@ -214,7 +206,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
214
206
  value={templateName}
215
207
  labelPosition="top"
216
208
  size="default"
217
- style={{ width: '68%'}}
218
209
  />
219
210
  }
220
211
  <CardContainer>
@@ -260,13 +251,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
260
251
  onPreviewContentClicked={onPreviewContentClicked}
261
252
  onTestContentClicked={onTestContentClicked}
262
253
  />}
263
- {!isShowEmailCreate && (
264
- <CmsTemplatesComponent
265
- cmsTemplates={CmsTemplates}
266
- handleEdmDefaultTemplateSelection={this.useEditor}
267
- cmsTemplatesLoader={cmsTemplatesLoader}
268
- />
269
- )}
254
+ {CmsTemplates && !isShowEmailCreate && <CmsTemplatesComponent cmsTemplates={CmsTemplates} handleEdmDefaultTemplateSelection={this.useEditor} />}
270
255
  </div>
271
256
  }
272
257
  </CapSpin>
@@ -304,7 +289,6 @@ const mapStateToProps = createStructuredSelector({
304
289
  CmsTemplates: selectCmsTemplates(),
305
290
  SelectedEdmDefaultTemplate: selectEdmEditor(),
306
291
  isUploading: uploadSelector(),
307
- cmsTemplatesLoader: selectCmsTemplatesLoader(),
308
292
  });
309
293
 
310
294
  function mapDispatchToProps(dispatch) {
@@ -72,7 +72,7 @@ export const LineImage = ({
72
72
  useEffect(() => {
73
73
  if (imageSrc && (isFullMode ? messageTitle: true) && imagePreview) {
74
74
  updateMessageState({
75
- isError: !imageSrc || !(isFullMode ? messageTitle : true) || (isImageError && errorMessageTitle),
75
+ isError: !imageSrc || !(isFullMode ? messageTitle : true) || isImageError || errorMessageTitle,
76
76
  originalContentUrl: imageSrc,
77
77
  previewImageUrl: imagePreview,
78
78
  messageTitle,
@@ -87,14 +87,16 @@ export const LineImage = ({
87
87
  if (Line.uploadedAssetData && Object.keys(Line.uploadedAssetData).length) {
88
88
  const imgSrc = get(Line, 'uploadedAssetData.metaInfo.secure_file_path', '');
89
89
  const imgPreview = get(Line, 'uploadedAssetData.metaInfo.secure_file_path_preview', '');
90
- updateUploadedAssetList({
91
- ...uploadedAssetList,
92
- [index]: {
93
- imgPreview,
94
- imgSrc,
95
- },
96
- });
97
- actions.clearAsset();
90
+ if (imsSrc) {
91
+ updateUploadedAssetList({
92
+ ...uploadedAssetList,
93
+ [index]: {
94
+ imgPreview,
95
+ imgSrc,
96
+ },
97
+ });
98
+ actions.clearAsset();
99
+ }
98
100
  }
99
101
  }, [Line.uploadedAssetData]);
100
102
 
@@ -148,16 +150,16 @@ export const LineImage = ({
148
150
  let errorMessage = false;
149
151
  if (value === '') {
150
152
  errorMessage = formatMessage(messages.emptyTitleErrorMessage);
151
- updateMessageState({
152
- isError: true,
153
- originalContentUrl: imageSrc,
154
- previewImageUrl: imagePreview,
155
- messageTitle: '',
156
- index,
157
- type: 'image',
158
- messageType: 'originalContentUrl',
159
- });
160
153
  }
154
+ updateMessageState({
155
+ isError: !imageSrc || !(isFullMode ? value : true) || isImageError || !value,
156
+ originalContentUrl: imageSrc,
157
+ previewImageUrl: imagePreview,
158
+ messageTitle: value,
159
+ index,
160
+ type: 'image',
161
+ messageType: 'originalContentUrl',
162
+ });
161
163
  updateErrorMessageTitle(errorMessage);
162
164
  }
163
165
 
@@ -407,7 +409,7 @@ export const LineImage = ({
407
409
  updateImageSrc(image);
408
410
  updateImagePreview(imagePreview);
409
411
  updateMessageState({
410
- isError: !image || !(isFullMode ? messageTitle : true) || (isImageError && errorMessageTitle),
412
+ isError: !image || !(isFullMode ? messageTitle : true) || isImageError || errorMessageTitle,
411
413
  originalContentUrl: image,
412
414
  previewImageUrl: imagePreview,
413
415
  messageTitle,