@capillarytech/creatives-library 8.0.236-alpha.7 → 8.0.236

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 (86) hide show
  1. package/assets/Android.png +0 -0
  2. package/assets/iOS.png +0 -0
  3. package/constants/unified.js +1 -1
  4. package/initialReducer.js +0 -2
  5. package/package.json +1 -1
  6. package/services/api.js +0 -5
  7. package/services/tests/api.test.js +0 -18
  8. package/utils/common.js +2 -1
  9. package/utils/commonUtils.js +1 -14
  10. package/utils/tests/commonUtil.test.js +0 -224
  11. package/utils/transformTemplateConfig.js +10 -0
  12. package/v2Components/CapDeviceContent/index.js +56 -61
  13. package/v2Components/CapTagList/index.js +0 -4
  14. package/v2Components/CapWhatsappCTA/tests/index.test.js +0 -5
  15. package/v2Components/HtmlEditor/HTMLEditor.js +83 -235
  16. package/v2Components/HtmlEditor/__tests__/HTMLEditor.test.js +19 -932
  17. package/v2Components/HtmlEditor/__tests__/index.lazy.test.js +12 -17
  18. package/v2Components/HtmlEditor/_htmlEditor.scss +4 -2
  19. package/v2Components/HtmlEditor/_index.lazy.scss +1 -0
  20. package/v2Components/HtmlEditor/components/CodeEditorPane/_codeEditorPane.scss +101 -2
  21. package/v2Components/HtmlEditor/components/CodeEditorPane/index.js +131 -105
  22. package/v2Components/HtmlEditor/components/DeviceToggle/_deviceToggle.scss +1 -2
  23. package/v2Components/HtmlEditor/components/DeviceToggle/index.js +3 -3
  24. package/v2Components/HtmlEditor/components/FullscreenModal/_fullscreenModal.scss +0 -1
  25. package/v2Components/HtmlEditor/components/InAppPreviewPane/DeviceFrame.js +7 -4
  26. package/v2Components/HtmlEditor/components/InAppPreviewPane/__tests__/DeviceFrame.test.js +45 -35
  27. package/v2Components/HtmlEditor/components/InAppPreviewPane/_inAppPreviewPane.scss +3 -1
  28. package/v2Components/HtmlEditor/components/InAppPreviewPane/constants.js +33 -33
  29. package/v2Components/HtmlEditor/components/InAppPreviewPane/index.js +6 -7
  30. package/v2Components/HtmlEditor/constants.js +20 -29
  31. package/v2Components/HtmlEditor/hooks/__tests__/useInAppContent.test.js +16 -373
  32. package/v2Components/HtmlEditor/hooks/useInAppContent.js +148 -130
  33. package/v2Components/HtmlEditor/index.js +1 -1
  34. package/v2Components/HtmlEditor/messages.js +85 -85
  35. package/v2Components/MobilePushPreviewV2/index.js +7 -32
  36. package/v2Components/TemplatePreview/_templatePreview.scss +24 -44
  37. package/v2Components/TemplatePreview/index.js +32 -47
  38. package/v2Components/TemplatePreview/messages.js +0 -4
  39. package/v2Containers/BeeEditor/index.js +80 -82
  40. package/v2Containers/CreativesContainer/SlideBoxContent.js +34 -69
  41. package/v2Containers/CreativesContainer/SlideBoxHeader.js +1 -2
  42. package/v2Containers/CreativesContainer/constants.js +0 -1
  43. package/v2Containers/CreativesContainer/index.js +32 -92
  44. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +12 -4
  45. package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap +0 -15
  46. package/v2Containers/EmailWrapper/components/HTMLEditorTesting.js +74 -40
  47. package/v2Containers/EmailWrapper/components/__tests__/HTMLEditorTesting.test.js +67 -2
  48. package/v2Containers/InApp/actions.js +0 -7
  49. package/v2Containers/InApp/constants.js +4 -20
  50. package/v2Containers/InApp/index.js +386 -984
  51. package/v2Containers/InApp/index.scss +3 -4
  52. package/v2Containers/InApp/messages.js +3 -7
  53. package/v2Containers/InApp/reducer.js +3 -21
  54. package/v2Containers/InApp/sagas.js +9 -29
  55. package/v2Containers/InApp/selectors.js +5 -25
  56. package/v2Containers/InApp/tests/index.test.js +50 -154
  57. package/v2Containers/InApp/tests/reducer.test.js +0 -34
  58. package/v2Containers/InApp/tests/sagas.test.js +9 -61
  59. package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/content.test.js.snap +0 -3
  60. package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/index.test.js.snap +0 -2
  61. package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap +0 -2
  62. package/v2Containers/Line/Container/tests/__snapshots__/index.test.js.snap +0 -9
  63. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +0 -12
  64. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +0 -4
  65. package/v2Containers/TagList/index.js +1 -65
  66. package/v2Containers/Templates/_templates.scss +1 -60
  67. package/v2Containers/Templates/index.js +5 -99
  68. package/v2Containers/Templates/messages.js +0 -4
  69. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +0 -35
  70. package/v2Containers/BeePopupEditor/constants.js +0 -10
  71. package/v2Containers/BeePopupEditor/index.js +0 -193
  72. package/v2Containers/BeePopupEditor/tests/index.test.js +0 -627
  73. package/v2Containers/InApp/__tests__/InAppHTMLEditor.test.js +0 -376
  74. package/v2Containers/InApp/__tests__/sagas.test.js +0 -363
  75. package/v2Containers/InApp/tests/selectors.test.js +0 -612
  76. package/v2Containers/InAppWrapper/components/InAppWrapperView.js +0 -162
  77. package/v2Containers/InAppWrapper/components/__tests__/InAppWrapperView.test.js +0 -267
  78. package/v2Containers/InAppWrapper/components/inAppWrapperView.scss +0 -9
  79. package/v2Containers/InAppWrapper/constants.js +0 -16
  80. package/v2Containers/InAppWrapper/hooks/__tests__/useInAppWrapper.test.js +0 -473
  81. package/v2Containers/InAppWrapper/hooks/useInAppWrapper.js +0 -198
  82. package/v2Containers/InAppWrapper/index.js +0 -148
  83. package/v2Containers/InAppWrapper/messages.js +0 -49
  84. package/v2Containers/InappAdvance/index.js +0 -1115
  85. package/v2Containers/InappAdvance/index.scss +0 -10
  86. 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
- });