@capillarytech/creatives-library 8.0.259 → 8.0.260-alpha.0

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 (157) hide show
  1. package/assets/Android.png +0 -0
  2. package/assets/iOS.png +0 -0
  3. package/constants/unified.js +1 -2
  4. package/initialReducer.js +0 -2
  5. package/package.json +1 -1
  6. package/services/api.js +0 -10
  7. package/services/tests/api.test.js +0 -34
  8. package/translations/en.json +3 -4
  9. package/utils/common.js +0 -12
  10. package/utils/commonUtils.js +5 -28
  11. package/utils/tests/commonUtil.test.js +0 -224
  12. package/utils/transformTemplateConfig.js +10 -0
  13. package/v2Components/CapDeviceContent/index.js +56 -61
  14. package/v2Components/CapTagList/index.js +1 -6
  15. package/v2Components/CapTagListWithInput/index.js +1 -5
  16. package/v2Components/CapTagListWithInput/messages.js +1 -1
  17. package/v2Components/CapWhatsappCTA/tests/index.test.js +0 -5
  18. package/v2Components/ErrorInfoNote/index.js +72 -457
  19. package/v2Components/ErrorInfoNote/messages.js +6 -36
  20. package/v2Components/ErrorInfoNote/style.scss +6 -282
  21. package/v2Components/FormBuilder/index.js +4 -4
  22. package/v2Components/FormBuilder/tests/index.test.js +4 -13
  23. package/v2Components/HtmlEditor/HTMLEditor.js +94 -547
  24. package/v2Components/HtmlEditor/__tests__/HTMLEditor.test.js +133 -1441
  25. package/v2Components/HtmlEditor/__tests__/index.lazy.test.js +16 -27
  26. package/v2Components/HtmlEditor/_htmlEditor.scss +45 -108
  27. package/v2Components/HtmlEditor/_index.lazy.scss +1 -0
  28. package/v2Components/HtmlEditor/components/CodeEditorPane/_codeEditorPane.scss +102 -23
  29. package/v2Components/HtmlEditor/components/CodeEditorPane/index.js +140 -148
  30. package/v2Components/HtmlEditor/components/DeviceToggle/_deviceToggle.scss +1 -2
  31. package/v2Components/HtmlEditor/components/DeviceToggle/index.js +3 -3
  32. package/v2Components/HtmlEditor/components/EditorToolbar/_editorToolbar.scss +0 -9
  33. package/v2Components/HtmlEditor/components/EditorToolbar/index.js +4 -4
  34. package/v2Components/HtmlEditor/components/FullscreenModal/_fullscreenModal.scss +0 -22
  35. package/v2Components/HtmlEditor/components/InAppPreviewPane/DeviceFrame.js +7 -4
  36. package/v2Components/HtmlEditor/components/InAppPreviewPane/__tests__/DeviceFrame.test.js +45 -35
  37. package/v2Components/HtmlEditor/components/InAppPreviewPane/_inAppPreviewPane.scss +3 -1
  38. package/v2Components/HtmlEditor/components/InAppPreviewPane/constants.js +33 -33
  39. package/v2Components/HtmlEditor/components/InAppPreviewPane/index.js +6 -7
  40. package/v2Components/HtmlEditor/components/PreviewPane/_previewPane.scss +6 -3
  41. package/v2Components/HtmlEditor/components/PreviewPane/index.js +43 -22
  42. package/v2Components/HtmlEditor/components/SplitContainer/_splitContainer.scss +1 -1
  43. package/v2Components/HtmlEditor/components/ValidationErrorDisplay/__tests__/index.test.js +152 -0
  44. package/v2Components/HtmlEditor/components/ValidationErrorDisplay/_validationErrorDisplay.scss +0 -1
  45. package/v2Components/HtmlEditor/components/ValidationErrorDisplay/index.js +31 -49
  46. package/v2Components/HtmlEditor/components/ValidationPanel/_validationPanel.scss +34 -50
  47. package/v2Components/HtmlEditor/components/ValidationPanel/index.js +41 -70
  48. package/v2Components/HtmlEditor/constants.js +20 -42
  49. package/v2Components/HtmlEditor/hooks/__tests__/useInAppContent.test.js +16 -373
  50. package/v2Components/HtmlEditor/hooks/__tests__/useValidation.test.js +16 -120
  51. package/v2Components/HtmlEditor/hooks/useEditorContent.js +2 -5
  52. package/v2Components/HtmlEditor/hooks/useInAppContent.js +146 -88
  53. package/v2Components/HtmlEditor/hooks/useValidation.js +53 -189
  54. package/v2Components/HtmlEditor/index.js +1 -1
  55. package/v2Components/HtmlEditor/messages.js +94 -92
  56. package/v2Components/HtmlEditor/utils/__tests__/htmlValidator.enhanced.test.js +45 -94
  57. package/v2Components/HtmlEditor/utils/__tests__/validationAdapter.test.js +0 -134
  58. package/v2Components/HtmlEditor/utils/contentSanitizer.js +41 -40
  59. package/v2Components/HtmlEditor/utils/htmlValidator.js +72 -71
  60. package/v2Components/HtmlEditor/utils/liquidTemplateSupport.js +102 -134
  61. package/v2Components/HtmlEditor/utils/properSyntaxHighlighting.js +25 -23
  62. package/v2Components/HtmlEditor/utils/validationAdapter.js +41 -66
  63. package/v2Components/MobilePushPreviewV2/index.js +7 -32
  64. package/v2Components/TemplatePreview/_templatePreview.scss +24 -55
  65. package/v2Components/TemplatePreview/index.js +32 -47
  66. package/v2Components/TemplatePreview/messages.js +0 -4
  67. package/v2Components/TestAndPreviewSlidebox/_testAndPreviewSlidebox.scss +0 -1
  68. package/v2Containers/BeeEditor/index.js +90 -172
  69. package/v2Containers/Cap/tests/__snapshots__/index.test.js.snap +3 -4
  70. package/v2Containers/CreativesContainer/SlideBoxContent.js +52 -128
  71. package/v2Containers/CreativesContainer/SlideBoxFooter.js +13 -163
  72. package/v2Containers/CreativesContainer/SlideBoxHeader.js +1 -2
  73. package/v2Containers/CreativesContainer/constants.js +0 -1
  74. package/v2Containers/CreativesContainer/index.js +46 -240
  75. package/v2Containers/CreativesContainer/messages.js +0 -8
  76. package/v2Containers/CreativesContainer/tests/SlideBoxFooter.test.js +2 -11
  77. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +50 -38
  78. package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap +0 -106
  79. package/v2Containers/Email/actions.js +0 -7
  80. package/v2Containers/Email/constants.js +1 -5
  81. package/v2Containers/Email/index.js +30 -239
  82. package/v2Containers/Email/messages.js +0 -32
  83. package/v2Containers/Email/reducer.js +1 -12
  84. package/v2Containers/Email/sagas.js +7 -61
  85. package/v2Containers/Email/tests/__snapshots__/reducer.test.js.snap +0 -2
  86. package/v2Containers/Email/tests/reducer.test.js +0 -46
  87. package/v2Containers/Email/tests/sagas.test.js +29 -320
  88. package/v2Containers/EmailWrapper/components/EmailWrapperView.js +21 -211
  89. package/v2Containers/EmailWrapper/components/HTMLEditorTesting.js +74 -40
  90. package/v2Containers/EmailWrapper/components/__tests__/HTMLEditorTesting.test.js +67 -2
  91. package/v2Containers/EmailWrapper/constants.js +0 -2
  92. package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js +77 -629
  93. package/v2Containers/EmailWrapper/index.js +23 -103
  94. package/v2Containers/EmailWrapper/messages.js +1 -65
  95. package/v2Containers/EmailWrapper/tests/EmailWrapperView.test.js +214 -0
  96. package/v2Containers/EmailWrapper/tests/useEmailWrapper.test.js +77 -594
  97. package/v2Containers/InApp/actions.js +0 -7
  98. package/v2Containers/InApp/constants.js +4 -20
  99. package/v2Containers/InApp/index.js +360 -804
  100. package/v2Containers/InApp/index.scss +3 -4
  101. package/v2Containers/InApp/messages.js +3 -7
  102. package/v2Containers/InApp/reducer.js +3 -21
  103. package/v2Containers/InApp/sagas.js +9 -29
  104. package/v2Containers/InApp/selectors.js +5 -25
  105. package/v2Containers/InApp/tests/index.test.js +71 -152
  106. package/v2Containers/InApp/tests/reducer.test.js +0 -34
  107. package/v2Containers/InApp/tests/sagas.test.js +9 -61
  108. package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/content.test.js.snap +12 -39
  109. package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/index.test.js.snap +6 -10
  110. package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap +75 -102
  111. package/v2Containers/Line/Container/tests/__snapshots__/index.test.js.snap +54 -81
  112. package/v2Containers/MobilePushNew/index.js +2 -3
  113. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +178 -262
  114. package/v2Containers/SmsTrai/Create/tests/__snapshots__/index.test.js.snap +12 -16
  115. package/v2Containers/SmsTrai/Edit/index.js +1 -2
  116. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +111 -468
  117. package/v2Containers/TagList/index.js +19 -62
  118. package/v2Containers/Templates/_templates.scss +1 -60
  119. package/v2Containers/Templates/index.js +4 -89
  120. package/v2Containers/Templates/messages.js +0 -4
  121. package/v2Containers/WebPush/Create/messages.js +8 -0
  122. package/v2Containers/WebPush/Create/preview/PreviewControls.js +2 -2
  123. package/v2Containers/WebPush/Create/preview/PreviewDisclaimer.js +3 -1
  124. package/v2Containers/WebPush/Create/preview/components/AndroidMobileChromeHeader.js +5 -1
  125. package/v2Containers/WebPush/Create/preview/components/AndroidMobileExpanded.js +5 -1
  126. package/v2Containers/WebPush/Create/preview/components/tests/__snapshots__/AndroidMobileExpanded.test.js.snap +5 -1
  127. package/v2Containers/WebPush/Create/preview/preview.scss +7 -0
  128. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +734 -1306
  129. package/v2Components/ErrorInfoNote/constants.js +0 -1
  130. package/v2Components/HtmlEditor/__tests__/HTMLEditor.apiErrors.test.js +0 -874
  131. package/v2Components/HtmlEditor/components/ValidationPanel/constants.js +0 -6
  132. package/v2Components/HtmlEditor/components/ValidationTabs/_validationTabs.scss +0 -255
  133. package/v2Components/HtmlEditor/components/ValidationTabs/index.js +0 -364
  134. package/v2Components/HtmlEditor/components/ValidationTabs/messages.js +0 -51
  135. package/v2Components/HtmlEditor/utils/validationConstants.js +0 -40
  136. package/v2Containers/BeePopupEditor/_beePopupEditor.scss +0 -14
  137. package/v2Containers/BeePopupEditor/constants.js +0 -10
  138. package/v2Containers/BeePopupEditor/index.js +0 -194
  139. package/v2Containers/BeePopupEditor/tests/index.test.js +0 -627
  140. package/v2Containers/EmailWrapper/components/EmailHTMLEditor.js +0 -1285
  141. package/v2Containers/EmailWrapper/components/__tests__/EmailHTMLEditor.test.js +0 -1880
  142. package/v2Containers/EmailWrapper/components/__tests__/EmailWrapperView.test.js +0 -520
  143. package/v2Containers/EmailWrapper/tests/useEmailWrapper.edgeCases.test.js +0 -643
  144. package/v2Containers/InApp/__tests__/InAppHTMLEditor.test.js +0 -376
  145. package/v2Containers/InApp/__tests__/sagas.test.js +0 -363
  146. package/v2Containers/InApp/tests/selectors.test.js +0 -612
  147. package/v2Containers/InAppWrapper/components/InAppWrapperView.js +0 -151
  148. package/v2Containers/InAppWrapper/components/__tests__/InAppWrapperView.test.js +0 -267
  149. package/v2Containers/InAppWrapper/components/inAppWrapperView.scss +0 -23
  150. package/v2Containers/InAppWrapper/constants.js +0 -16
  151. package/v2Containers/InAppWrapper/hooks/__tests__/useInAppWrapper.test.js +0 -473
  152. package/v2Containers/InAppWrapper/hooks/useInAppWrapper.js +0 -198
  153. package/v2Containers/InAppWrapper/index.js +0 -148
  154. package/v2Containers/InAppWrapper/messages.js +0 -49
  155. package/v2Containers/InappAdvance/index.js +0 -1099
  156. package/v2Containers/InappAdvance/index.scss +0 -10
  157. package/v2Containers/InappAdvance/tests/index.test.js +0 -448
@@ -1,148 +0,0 @@
1
- /*
2
- *
3
- * InAppWrapper
4
- *
5
- */
6
- import React from 'react';
7
- import PropTypes from 'prop-types';
8
- import { injectIntl, intlShape } from 'react-intl';
9
- import { bindActionCreators } from 'redux';
10
- import { createStructuredSelector } from 'reselect';
11
- import withCreatives from '../../hoc/withCreatives';
12
- import useInAppWrapper from './hooks/useInAppWrapper';
13
- import InAppWrapperView from './components/InAppWrapperView';
14
- import messages from './messages';
15
- import * as inAppActions from '../InApp/actions';
16
- const InAppWrapper = (props) => {
17
- // Destructure props for clarity before passing to hook
18
- const {
19
- intl,
20
- inAppEditorType,
21
- step,
22
- isFullMode,
23
- onInAppEditorTypeChange,
24
- showNextStep,
25
- onResetStep,
26
- setIsLoadingContent,
27
- isGetFormData,
28
- getFormdata,
29
- type,
30
- cap,
31
- showTemplateName,
32
- showLiquidErrorInFooter,
33
- onValidationFail,
34
- forwardedTags,
35
- selectedOfferDetails,
36
- onPreviewContentClicked,
37
- onTestContentClicked,
38
- eventContextTags,
39
- onCreateComplete,
40
- handleClose,
41
- templateData,
42
- getDefaultTags,
43
- onEnterTemplateName,
44
- onRemoveTemplateName,
45
- } = props;
46
-
47
- // Pass destructured props to the custom hook
48
- const {
49
- templateName,
50
- isTemplateNameEmpty,
51
- selectedEditorType,
52
- modes,
53
- isShowInAppCreate,
54
- inAppProps,
55
- onTemplateNameChange,
56
- onChange,
57
- handleEditorTypeSelection,
58
- } = useInAppWrapper({
59
- intl,
60
- onInAppEditorTypeChange,
61
- inAppEditorType,
62
- step,
63
- showNextStep,
64
- onResetStep,
65
- onEnterTemplateName,
66
- onRemoveTemplateName,
67
- setIsLoadingContent,
68
- isGetFormData,
69
- getFormdata,
70
- type,
71
- isFullMode,
72
- cap,
73
- showTemplateName,
74
- showLiquidErrorInFooter,
75
- onValidationFail,
76
- forwardedTags,
77
- selectedOfferDetails,
78
- onPreviewContentClicked,
79
- onTestContentClicked,
80
- eventContextTags,
81
- onCreateComplete,
82
- handleClose,
83
- templateData,
84
- getDefaultTags,
85
- });
86
-
87
- // Render using the presentation component with data from the hook
88
- return (
89
- <InAppWrapperView
90
- inAppEditorType={inAppEditorType}
91
- step={step}
92
- isFullMode={isFullMode}
93
- templateName={templateName}
94
- onTemplateNameChange={onTemplateNameChange}
95
- isTemplateNameEmpty={isTemplateNameEmpty}
96
- modes={modes}
97
- onChange={onChange}
98
- isShowInAppCreate={isShowInAppCreate}
99
- inAppProps={inAppProps}
100
- handleEditorTypeSelection={handleEditorTypeSelection}
101
- templateNamePlaceholder={intl.formatMessage(messages.templateNamePlaceholder)}
102
- />
103
- );
104
- };
105
-
106
- InAppWrapper.propTypes = {
107
- onInAppEditorTypeChange: PropTypes.func.isRequired,
108
- isGetFormData: PropTypes.bool,
109
- type: PropTypes.string,
110
- inAppEditorType: PropTypes.string,
111
- step: PropTypes.string,
112
- showNextStep: PropTypes.func,
113
- getFormdata: PropTypes.func,
114
- intl: intlShape,
115
- cap: PropTypes.object,
116
- onResetStep: PropTypes.func,
117
- isFullMode: PropTypes.bool,
118
- setIsLoadingContent: PropTypes.func,
119
- showTemplateName: PropTypes.func,
120
- showLiquidErrorInFooter: PropTypes.func,
121
- onValidationFail: PropTypes.func,
122
- forwardedTags: PropTypes.object,
123
- selectedOfferDetails: PropTypes.array,
124
- onPreviewContentClicked: PropTypes.func,
125
- onTestContentClicked: PropTypes.func,
126
- eventContextTags: PropTypes.array,
127
- onCreateComplete: PropTypes.func,
128
- handleClose: PropTypes.func,
129
- templateData: PropTypes.object,
130
- getDefaultTags: PropTypes.string,
131
- onEnterTemplateName: PropTypes.func,
132
- onRemoveTemplateName: PropTypes.func,
133
- };
134
-
135
- const mapStateToProps = createStructuredSelector({
136
- // Add selectors here if needed
137
- });
138
-
139
- const mapDispatchToProps = (dispatch) => ({
140
- actions: bindActionCreators(inAppActions, dispatch),
141
- });
142
-
143
- export default withCreatives({
144
- WrappedComponent: injectIntl(InAppWrapper),
145
- mapStateToProps,
146
- mapDispatchToProps,
147
- userAuth: true,
148
- });
@@ -1,49 +0,0 @@
1
- /*
2
- * InAppWrapper Messages
3
- *
4
- * This contains all the text for the InAppWrapper component.
5
- */
6
- import { defineMessages } from 'react-intl';
7
-
8
- export default defineMessages({
9
- header: {
10
- id: 'creatives.containersV2.InAppWrapper.header',
11
- defaultMessage: 'Create In App Message',
12
- },
13
- htmlEditor: {
14
- id: 'creatives.containersV2.InAppWrapper.htmlEditor',
15
- defaultMessage: 'HTML editor',
16
- },
17
- htmlEditorDesc: {
18
- id: 'creatives.containersV2.InAppWrapper.htmlEditorDesc',
19
- defaultMessage: 'Use a basic HTML editor to write and format your content. Suitable if you\'re familiar with HTML.',
20
- },
21
- dragDropEditor: {
22
- id: 'creatives.containersV2.InAppWrapper.dragDropEditor',
23
- defaultMessage: 'Drag & drop editor',
24
- },
25
- dragDropEditorDesc: {
26
- id: 'creatives.containersV2.InAppWrapper.dragDropEditorDesc',
27
- defaultMessage: 'Create your content visually by dragging blocks - no coding needed. Great for quick, easy designs.',
28
- },
29
- creativeName: {
30
- id: 'creatives.containersV2.InAppWrapper.creativeName',
31
- defaultMessage: 'Creative name',
32
- },
33
- editorType: {
34
- id: 'creatives.containersV2.InAppWrapper.editorType',
35
- defaultMessage: 'Editor type',
36
- },
37
- emptyTemplateName: {
38
- id: 'creatives.containersV2.InAppWrapper.emptyTemplateName',
39
- defaultMessage: 'Please enter template name.',
40
- },
41
- next: {
42
- id: 'creatives.containersV2.InAppWrapper.next',
43
- defaultMessage: 'Next',
44
- },
45
- templateNamePlaceholder: {
46
- id: 'creatives.containersV2.InAppWrapper.templateNamePlaceholder',
47
- defaultMessage: 'Enter the template name',
48
- },
49
- });