@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
@@ -18,10 +18,9 @@
18
18
  margin-top: $CAP_SPACE_16;
19
19
  font-weight: 500;
20
20
  }
21
- .same-content-checkbox-bee-editor {
22
- position: absolute;
23
- right: 66%;
24
- margin-top: $CAP_SPACE_08;
21
+
22
+ .inapp-template-device-tab {
23
+ margin-top: $CAP_SPACE_24;
25
24
  }
26
25
  }
27
26
  #inapp-template-name-input {
@@ -45,11 +45,11 @@ export default defineMessages({
45
45
  },
46
46
  inAppCreateNotification: {
47
47
  id: `${prefix}.inAppCreateNotification`,
48
- defaultMessage: "In-app messaging template created successfully!",
48
+ defaultMessage: "{name} template created successfully",
49
49
  },
50
50
  inAppEditNotification: {
51
- id: `${prefix}.inAppEditNotification`,
52
- defaultMessage: "In-app messaging template edited successfully!",
51
+ id: `${prefix}.inAppCreateNotification`,
52
+ defaultMessage: "{name} template edited successfully",
53
53
  },
54
54
  templateNameMinCharacters: {
55
55
  id: `${prefix}.templateNameMinCharacters`,
@@ -111,8 +111,4 @@ export default defineMessages({
111
111
  defaultMessage:
112
112
  "Footer",
113
113
  },
114
- keepContentSameForBoth: {
115
- id: `${prefix}.keepContentSameForBoth`,
116
- defaultMessage: 'Keep content same for both',
117
- },
118
114
  });
@@ -15,19 +15,12 @@ import {
15
15
  INAPP_EDIT_TEMPLATE_REQUEST,
16
16
  INAPP_EDIT_TEMPLATE_SUCCESS,
17
17
  INAPP_EDIT_TEMPLATE_FAILURE,
18
- GET_BEE_POPUP_BUILDER_TOKEN_REQUEST,
19
- GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS,
20
- GET_BEE_POPUP_BUILDER_TOKEN_FAILURE,
21
18
  } from './constants';
22
19
 
23
20
  const initialState = fromJS({
24
21
  uploadedAssetData: {},
25
22
  createTemplateInProgress: false,
26
23
  editTemplateInProgress: false,
27
- beePopupBuilderTokenFetching: false,
28
- beePopupBuilderToken: {},
29
- beePopupBuilderTokenError: false,
30
- beePopupBuilderTokenErrorMessage: '',
31
24
  });
32
25
 
33
26
  function inAppReducer(state = initialState, action) {
@@ -87,9 +80,9 @@ function inAppReducer(state = initialState, action) {
87
80
  return state
88
81
  .set(
89
82
  'uploadAssetSuccess',
90
- action.statusCode !== undefined
91
- && action.statusCode !== ''
92
- && action.statusCode < 300,
83
+ action.statusCode !== undefined &&
84
+ action.statusCode !== '' &&
85
+ action.statusCode < 300,
93
86
  )
94
87
  .set('assetUploading', false)
95
88
  .set(
@@ -108,17 +101,6 @@ function inAppReducer(state = initialState, action) {
108
101
  ? `uploadedAssetData${action.templateType}`
109
102
  : 'uploadedAssetData',
110
103
  );
111
- case GET_BEE_POPUP_BUILDER_TOKEN_REQUEST:
112
- return state.set('beePopupBuilderTokenFetching', true);
113
- case GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS:
114
- return state
115
- .set('beePopupBuilderTokenFetching', false)
116
- .set('beePopupBuilderToken', action.data);
117
- case GET_BEE_POPUP_BUILDER_TOKEN_FAILURE:
118
- return state
119
- .set('beePopupBuilderTokenFetching', false)
120
- .set('beePopupBuilderTokenError', true)
121
- .set('beePopupBuilderTokenErrorMessage', fromJS(action.error));
122
104
  default:
123
105
  return state;
124
106
  }
@@ -15,9 +15,6 @@ import {
15
15
  GET_INAPP_TEMPLATE_DETAILS_SUCCESS,
16
16
  GET_INAPP_TEMPLATE_DETAILS_FAILURE,
17
17
  GET_INAPP_TEMPLATE_DETAILS_REQUEST,
18
- GET_BEE_POPUP_BUILDER_TOKEN_REQUEST,
19
- GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS,
20
- GET_BEE_POPUP_BUILDER_TOKEN_FAILURE,
21
18
  } from './constants';
22
19
  import { INAPP } from '../CreativesContainer/constants';
23
20
 
@@ -39,6 +36,8 @@ export function* watchUploadInAppAsset() {
39
36
  UPLOAD_INAPP_ASSET_REQUEST,
40
37
  uploadInAppAsset,
41
38
  );
39
+
40
+
42
41
  }
43
42
 
44
43
  export function* inAppTemplateCreate({ payload, callback }) {
@@ -75,6 +74,8 @@ export function* watchCreateTemplate() {
75
74
  INAPP_TEMPLATE_CREATE_REQUEST,
76
75
  inAppTemplateCreate,
77
76
  );
77
+
78
+
78
79
  }
79
80
 
80
81
  // FOR EDIT
@@ -104,6 +105,8 @@ export function* editTemplate({ payload, callback }) {
104
105
  }
105
106
  export function* watchEditTemplate() {
106
107
  yield takeLatest(INAPP_EDIT_TEMPLATE_REQUEST, editTemplate);
108
+
109
+
107
110
  }
108
111
 
109
112
  export function* getTemplateDetails({ id, callback }) {
@@ -129,29 +132,8 @@ export function* watchGetTemplateDetails() {
129
132
  GET_INAPP_TEMPLATE_DETAILS_REQUEST,
130
133
  getTemplateDetails,
131
134
  );
132
- }
133
-
134
- export function* getBeePopupBuilderToken() {
135
- try {
136
- const result = yield call(Api.getBeePopupBuilderToken);
137
- if (result.success) {
138
- yield put({
139
- type: GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS,
140
- data: result.response,
141
- });
142
- } else {
143
- yield put({ type: GET_BEE_POPUP_BUILDER_TOKEN_FAILURE, error: result.message });
144
- }
145
- } catch (error) {
146
- yield put({ type: GET_BEE_POPUP_BUILDER_TOKEN_FAILURE, error });
147
- }
148
- }
149
-
150
- export function* watchGetBeePopupBuilderToken() {
151
- yield takeLatest(
152
- GET_BEE_POPUP_BUILDER_TOKEN_REQUEST,
153
- getBeePopupBuilderToken,
154
- );
135
+
136
+
155
137
  }
156
138
 
157
139
  export default [
@@ -159,7 +141,6 @@ export default [
159
141
  watchGetTemplateDetails,
160
142
  watchUploadInAppAsset,
161
143
  watchEditTemplate,
162
- watchGetBeePopupBuilderToken,
163
144
  ];
164
145
 
165
146
  export function* v2InAppSagas() {
@@ -168,6 +149,5 @@ export function* v2InAppSagas() {
168
149
  watchGetTemplateDetails(),
169
150
  watchUploadInAppAsset(),
170
151
  watchEditTemplate(),
171
- watchGetBeePopupBuilderToken(),
172
152
  ]);
173
- }
153
+ }
@@ -3,30 +3,10 @@ import { createSelector } from 'reselect';
3
3
  const selectInAppDomain = () => (state) => state.get('inapp');
4
4
  const selectAccountDomain = () => (state) => state.get('templates');
5
5
 
6
- const makeSelectInApp = () => createSelector(selectInAppDomain(), (substate) => substate?.toJS());
6
+ const makeSelectInApp = () =>
7
+ createSelector(selectInAppDomain(), (substate) => substate?.toJS());
7
8
 
8
- const makeSelectAccount = () => createSelector(selectAccountDomain(), (substate) => substate.toJS());
9
+ const makeSelectAccount = () =>
10
+ createSelector(selectAccountDomain(), (substate) => substate.toJS());
9
11
 
10
- const makeSelectBeePopupBuilderTokenFetching = () => createSelector(
11
- selectInAppDomain(),
12
- (substate) => substate.get('beePopupBuilderTokenFetching'),
13
- );
14
-
15
- const makeSelectBeePopupBuilderToken = () => createSelector(
16
- selectInAppDomain(),
17
- (substate) => substate.get('beePopupBuilderToken'),
18
- );
19
-
20
- const makeSelectGetTemplateDetailsInProgress = () => createSelector(
21
- selectInAppDomain(),
22
- (substate) => substate.get('getTemplateDetailsInProgress'),
23
- );
24
-
25
-
26
- export {
27
- makeSelectInApp,
28
- makeSelectAccount,
29
- makeSelectBeePopupBuilderTokenFetching,
30
- makeSelectBeePopupBuilderToken,
31
- makeSelectGetTemplateDetailsInProgress,
32
- };
12
+ export { makeSelectInApp, makeSelectAccount };
@@ -16,31 +16,19 @@ import {
16
16
  } from './mockData';
17
17
  import { metaEntities, getDefaultTags, injectedTags } from '../../Zalo/tests/mockData';
18
18
  import { getCtaObject } from '../utils';
19
-
20
- // Mock redux-auth-wrapper to prevent location.pathname.replace errors
21
- jest.mock('redux-auth-wrapper/history4/redirect', () => ({
22
- connectedRouterRedirect: jest.fn((config) => (Component) => Component),
23
- }));
19
+ import * as commonUtils from '../../../utils/commonUtils';
24
20
 
25
21
  const mockActions = {
26
22
  getTemplateInfoById: jest.fn(),
27
23
  resetEditTemplate: jest.fn(),
28
- getTemplateDetails: jest.fn((id, callback) => {
29
- // Simulate successful template details fetch to prevent loading state
30
- // The callback is setSpin function, call it with false to stop spinner
31
- if (callback && typeof callback === 'function') {
32
- // Use setTimeout to ensure it's called after render
33
- setTimeout(() => {
34
- callback(false);
35
- }, 0);
36
- }
37
- }),
24
+ getTemplateDetails: jest.fn((id, setSpin) => setSpin(false)),
38
25
  editTemplate: jest.fn(),
39
- createInAppTemplate: jest.fn(),
40
- clearCreateResponse: jest.fn(),
41
26
  };
42
27
  const mockGlobalActions = {
43
28
  fetchSchemaForEntity: jest.fn(),
29
+ getLiquidTags: jest.fn((content, callback) =>
30
+ callback({ askAiraResponse: { data: [], errors: [] }, isError: false }),
31
+ ),
44
32
  };
45
33
 
46
34
  jest.mock('../../../v2Containers/TagList/index.js', () => ({
@@ -66,7 +54,17 @@ const renderComponent = (props) =>
66
54
  );
67
55
 
68
56
  describe('Test activity inApp container', () => {
57
+ afterEach(() => {
58
+ jest.restoreAllMocks();
59
+ });
60
+
69
61
  it('test case for inApp template update flow', async () => {
62
+ jest
63
+ .spyOn(commonUtils, 'validateInAppContent')
64
+ .mockImplementation((payload, options) => {
65
+ options.onSuccess();
66
+ return Promise.resolve(true);
67
+ });
70
68
  renderComponent({
71
69
  actions: mockActions,
72
70
  globalActions: mockGlobalActions,
@@ -75,65 +73,42 @@ describe('Test activity inApp container', () => {
75
73
  accountData,
76
74
  isFullMode: true,
77
75
  params: { id: 'test'},
78
- defaultData: {}, // Ensure no HTML editor type
79
- isEditInApp: false, // Ensure not in edit mode to avoid loading check
80
76
  });
81
-
82
- // Wait for spinner to stop (getTemplateDetails callback should set spin to false)
83
- await waitFor(() => {
84
- // Wait for any element to appear (component should render after spinner stops)
85
- const hasBeeEditor = screen.queryByTestId('bee-popup-editor-ANDROID');
86
- const hasTabs = screen.queryByRole('tab', { name: /ios/i });
87
- const hasCreateButton = screen.queryByText(/create/i);
88
- const hasUpdateButton = screen.queryByText(/update/i);
89
- const hasCapDeviceContent = screen.queryByTestId('cap-device-content');
90
- const hasLayoutOption = screen.queryByText(/creative layout/i);
91
- expect(hasBeeEditor || hasTabs || hasCreateButton || hasUpdateButton || hasCapDeviceContent || hasLayoutOption).toBeTruthy();
92
- }, { timeout: 5000 });
77
+ const inputBox = await screen.findAllByPlaceholderText(
78
+ 'Enter template name',
79
+ );
80
+ fireEvent.change(inputBox[0], { target: { value: 'Hello, welcome' } });
81
+ inputBox[0].focus();
82
+ const iosTab = screen.getByRole('tab', {
83
+ name: /ios/i,
84
+ });
85
+ fireEvent.click(within(iosTab).getByText(/ios/i));
86
+ const titleInput = await screen.findAllByPlaceholderText(
87
+ 'Please input message title name',
88
+ );
89
+ fireEvent.change(titleInput[1], { target: { value: 'Hello title ios' } });
90
+ const msgBoxes = screen.getAllByPlaceholderText(/Please input in-app notification message content/i);
91
+ fireEvent.change(msgBoxes[1], { target: { value: 'val ios' }});
93
92
 
94
- // Try to find tabs (old UI) or BEE editor buttons (new UI)
95
- const iosTab = screen.queryByRole('tab', { name: /ios/i });
96
- const androidTab = screen.queryByRole('tab', { name: /android/i });
97
- const beeEditor = screen.queryByTestId('bee-popup-editor-ANDROID');
98
-
99
- if (iosTab && androidTab) {
100
- // Old UI with tabs
101
- fireEvent.click(within(iosTab).getByText(/ios/i));
102
- fireEvent.click(within(androidTab).getByText(/android/i));
103
- const msgBox = screen.queryAllByPlaceholderText(/Please input in-app notification message content/i);
104
- if (msgBox.length > 0) {
105
- msgBox[0].focus();
106
- fireEvent.change(msgBox[0], { target: { value: 'val' }});
107
- }
108
- } else if (beeEditor) {
109
- // BEE editor UI - component is rendered, which is sufficient for this test
110
- // The actual edit functionality is tested in InappAdvanced tests
111
- expect(beeEditor).toBeInTheDocument();
112
- return; // Exit early since BEE editor doesn't have the old UI elements
113
- }
114
-
115
- // Find update button - might be in BEE editor or old UI
116
- const updateBtn = screen.queryByRole('button', {
93
+ const androidTab = screen.getByRole('tab', {
94
+ name: /android/i,
95
+ });
96
+ fireEvent.click(within(androidTab).getByText(/android/i));
97
+ fireEvent.change(titleInput[0], { target: { value: 'Hello title' } });
98
+ const inputNameBox = await screen.findAllByPlaceholderText(
99
+ 'Enter template name',
100
+ );
101
+ fireEvent.change(inputNameBox[0], { target: { value: 'Hello, welcome' } });
102
+ msgBoxes[0].focus();
103
+ fireEvent.change(msgBoxes[0], { target: { value: 'val' }});
104
+ const updateBtn = screen.getByRole('button', {
117
105
  name: /update/i,
118
106
  });
119
-
120
- if (updateBtn) {
121
- expect(updateBtn).toBeEnabled();
122
- fireEvent.click(updateBtn);
123
- // BEE editor might call editTemplate, old UI definitely should
124
- await waitFor(() => {
125
- expect(mockActions.editTemplate).toHaveBeenCalled();
126
- }, { timeout: 3000 });
127
- } else {
128
- // If no update button found, verify component rendered by checking for any rendered content
129
- // This test verifies the component renders correctly with editData
130
- // Check for any visible text or elements that indicate the component rendered
131
- const hasAnyContent = beeEditor || iosTab || androidTab ||
132
- screen.queryByText(/done/i) ||
133
- screen.queryByText(/creative layout/i) ||
134
- screen.queryByRole('button');
135
- expect(hasAnyContent).toBeTruthy();
136
- }
107
+ expect(updateBtn).toBeEnabled();
108
+ fireEvent.click(updateBtn);
109
+ await waitFor(() => {
110
+ expect(mockActions.editTemplate).toHaveBeenCalled();
111
+ });
137
112
  });
138
113
  it('test case for inApp template configuration', async () => {
139
114
  renderComponent({
@@ -145,40 +120,19 @@ describe('Test activity inApp container', () => {
145
120
  isFullMode: false,
146
121
  params: { id: 'test'},
147
122
  getFormData: jest.fn(),
148
- defaultData: {}, // Ensure no HTML editor type
149
- isEditInApp: false, // Ensure not in edit mode to avoid loading check
150
123
  });
151
-
152
- // Wait for component to render
153
- await waitFor(() => {
154
- const hasTabs = screen.queryByRole('tab', { name: /ios/i });
155
- const hasBeeEditor = screen.queryByTestId('bee-popup-editor-ANDROID');
156
- const hasDoneButton = screen.queryByText(/done/i);
157
- const hasCreateButton = screen.queryByText(/create/i);
158
- const hasLayoutOption = screen.queryByText(/creative layout/i);
159
- expect(hasTabs || hasBeeEditor || hasDoneButton || hasCreateButton || hasLayoutOption).toBeTruthy();
160
- }, { timeout: 5000 });
161
-
162
- const iosTab = screen.queryByRole('tab', { name: /ios/i });
163
- const androidTab = screen.queryByRole('tab', { name: /android/i });
164
-
165
- if (iosTab && androidTab) {
166
- fireEvent.click(within(iosTab).getByText(/ios/i));
167
- fireEvent.click(within(androidTab).getByText(/android/i));
168
- const msgBox = screen.getAllByPlaceholderText(/Please input in-app notification message content/i);
169
- if (msgBox.length > 0) {
170
- msgBox[0].focus();
171
- fireEvent.change(msgBox[0], { target: { value: 'val' }});
172
- }
173
- }
174
-
175
- // In create mode (isFullMode: false, no editData), button should be "Done"
176
- // But if templateData is provided, it might be in edit mode, so check for either
177
- const doneBtn = screen.queryByRole('button', {
178
- name: /done/i,
179
- }) || screen.queryByRole('button', {
180
- name: /update/i,
124
+ const iosTab = screen.getByRole('tab', {
125
+ name: /ios/i,
181
126
  });
127
+ fireEvent.click(within(iosTab).getByText(/ios/i));
128
+ const androidTab = screen.getByRole('tab', {
129
+ name: /android/i,
130
+ });
131
+ fireEvent.click(within(androidTab).getByText(/android/i));
132
+ const msgBox = screen.getAllByPlaceholderText(/Please input in-app notification message content/i);
133
+ msgBox[0].focus();
134
+ fireEvent.change(msgBox[0], { target: { value: 'val' }});
135
+ const doneBtn = screen.getByText(/done/i);
182
136
  expect(doneBtn).toBeEnabled();
183
137
  });
184
138
  it('test case for inApp template copy content flow', async () => {
@@ -200,57 +154,22 @@ describe('Test activity inApp container', () => {
200
154
  accountData,
201
155
  isFullMode: true,
202
156
  params: { id: 'test'},
203
- defaultData: {}, // Ensure no HTML editor type
204
- isEditInApp: false, // Ensure not in edit mode to avoid loading check
205
157
  });
206
-
207
- // Wait for component to render
208
- await waitFor(() => {
209
- const hasTabs = screen.queryByRole('tab', { name: /ios/i });
210
- const hasBeeEditor = screen.queryByTestId('bee-popup-editor-ANDROID');
211
- const hasLayoutOption = screen.queryByText(/top banner/i);
212
- const hasUpdateButton = screen.queryByText(/update/i);
213
- const hasCreateButton = screen.queryByText(/create/i);
214
- const hasLayoutHeading = screen.queryByText(/creative layout/i);
215
- expect(hasTabs || hasBeeEditor || hasLayoutOption || hasUpdateButton || hasCreateButton || hasLayoutHeading).toBeTruthy();
216
- }, { timeout: 5000 });
217
-
218
- // Try to find layout option (might be in HTML editor mode)
219
- const layoutOption = screen.queryByText(/top banner/i);
220
- if (layoutOption) {
221
- fireEvent.click(layoutOption);
222
- }
223
-
224
- // Try to find copy link (old UI with CapDeviceContent)
225
- const copyLink = screen.queryByRole('link', {
158
+ const layoutOption = screen.getByText(/top banner/i);
159
+ fireEvent.click(layoutOption);
160
+ const copyLink = screen.getByRole('link', {
226
161
  name: /copy title and content from ios/i,
227
162
  });
228
-
229
- if (copyLink) {
230
- fireEvent.click(copyLink);
231
- const iosTab = screen.queryByRole('tab', {
232
- name: /ios/i,
233
- });
234
- if (iosTab) {
235
- fireEvent.click(within(iosTab).getByText(/ios/i));
236
- const copyLinkIos = screen.queryByRole('link', {
237
- name: /copy title and content from android/i,
238
- });
239
- if (copyLinkIos) {
240
- fireEvent.click(copyLinkIos);
241
- }
242
- }
243
- expect(copyLink).toBeInTheDocument();
244
- } else {
245
- // If copy link doesn't exist (BEE editor or HTML editor), just verify component rendered
246
- // This test verifies the component renders correctly with editData and location
247
- const beeEditor = screen.queryByTestId('bee-popup-editor-ANDROID');
248
- const htmlEditor = screen.queryByTestId('inapp-html-editor');
249
- const tabs = screen.queryByRole('tab');
250
- const hasAnyButton = screen.queryByRole('button');
251
- const hasAnyText = screen.queryByText(/done/i) || screen.queryByText(/update/i) || screen.queryByText(/creative layout/i);
252
- expect(beeEditor || htmlEditor || tabs || hasAnyButton || hasAnyText).toBeTruthy();
253
- }
163
+ fireEvent.click(copyLink);
164
+ const iosTab = screen.getByRole('tab', {
165
+ name: /ios/i,
166
+ });
167
+ fireEvent.click(within(iosTab).getByText(/ios/i));
168
+ const copyLinkIos = screen.getByRole('link', {
169
+ name: /copy title and content from android/i,
170
+ });
171
+ fireEvent.click(copyLinkIos);
172
+ expect(copyLink).toBeInTheDocument();
254
173
  });
255
174
  });
256
175
  describe('test for getCtaObject function', () => {
@@ -260,38 +260,4 @@ describe("zalo reducer", () => {
260
260
  expect(inAppReducer(state, action)).toEqual(expectedResult);
261
261
  });
262
262
  });
263
- describe("Reducer : GET_BEE_POPUP_BUILDER_TOKEN_REQUEST", () => {
264
- it.concurrent("should handle GET_BEE_POPUP_BUILDER_TOKEN_REQUEST action", () => {
265
- const state = fromJS({
266
- beePopupBuilderTokenFetching: false,
267
- });
268
- const expectedResult = state.set("beePopupBuilderTokenFetching", true);
269
- expect(inAppReducer(state, actions.getBeePopupBuilderToken({}))).toEqual(expectedResult);
270
- });
271
- it.concurrent("should handle GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS action", () => {
272
- const state = fromJS({
273
- beePopupBuilderTokenFetching: false,
274
- beePopupBuilderToken: 'data',
275
- });
276
- const action = {
277
- type: types.GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS,
278
- data: 'data',
279
- };
280
- const expectedResult = state.set("beePopupBuilderTokenFetching", false).set("beePopupBuilderToken", 'data');
281
- expect(inAppReducer(state, action)).toEqual(expectedResult);
282
- });
283
- it.concurrent("should handle GET_BEE_POPUP_BUILDER_TOKEN_FAILURE action", () => {
284
- const state = fromJS({
285
- beePopupBuilderTokenFetching: false,
286
- beePopupBuilderTokenError: true,
287
- beePopupBuilderTokenErrorMessage: 'error',
288
- });
289
- const action = {
290
- type: types.GET_BEE_POPUP_BUILDER_TOKEN_FAILURE,
291
- error: 'error',
292
- };
293
- const expectedResult = state.set("beePopupBuilderTokenFetching", false).set("beePopupBuilderTokenError", true).set("beePopupBuilderTokenErrorMessage", fromJS('error'));
294
- expect(inAppReducer(state, action)).toEqual(expectedResult);
295
- });
296
- });
297
263
  });
@@ -4,10 +4,12 @@ import {
4
4
  import { createMockTask } from 'redux-saga/utils';
5
5
  import { expectSaga } from 'redux-saga-test-plan';
6
6
  import * as sagas from '../sagas';
7
- import { v2InAppSagas } from '../sagas';
8
7
  import * as Api from '../../../services/api';
9
8
  import * as types from '../constants';
10
9
  import { INAPP } from '../../CreativesContainer/constants';
10
+ import {
11
+ v2InAppSagas,
12
+ } from "../sagas";
11
13
 
12
14
  describe('test for uploadInAppAsset function', () => {
13
15
  it('should dispatch UPLOAD_INAPP_ASSET_SUCCESS action with asset data, status code, and template type', () => {
@@ -395,65 +397,11 @@ describe('test for getTemplateDetails', () => {
395
397
  });
396
398
  });
397
399
 
398
- describe('test for getBeePopupBuilderToken', () => {
399
- it('should call getBeePopupBuilderToken when GET_BEE_POPUP_BUILDER_TOKEN_REQUEST action is dispatched', () => {
400
- const watcher = sagas.watchGetBeePopupBuilderToken();
401
- const gen = watcher.next().value;
402
- expect(gen).toEqual(takeLatest(types.GET_BEE_POPUP_BUILDER_TOKEN_REQUEST, sagas.getBeePopupBuilderToken));
403
- });
404
- it('should cancel the watcher watchGetBeePopupBuilderToken', () => {
405
- const gen = sagas.watchGetBeePopupBuilderToken();
406
- const mockTask = createMockTask();
407
- expect(gen.next().value).toEqual(takeLatest(types.GET_BEE_POPUP_BUILDER_TOKEN_REQUEST, sagas.getBeePopupBuilderToken));
408
- expect(gen.next(mockTask).done).toBe(true);
409
- expect(mockTask.isRunning()).toBe(true);
410
- expect(gen.next().value).toEqual(undefined);
411
- });
412
- it('should handle GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS', () => {
413
- const payload = {}; // Add your payload for testing
414
- const mockResult = {
415
- success: true,
416
- status: {
417
- code: 200,
418
- },
419
- response: { /* mock response */ },
420
- };
421
- const iterator = sagas.getBeePopupBuilderToken({ payload, callback: jest.fn() });
422
- expect(iterator.next().value).toEqual(call(Api.getBeePopupBuilderToken));
423
- expect(iterator.next(mockResult).value).toEqual(
424
- put({ type: types.GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS, data: mockResult.response })
425
- );
426
- expect(iterator.next().done).toBe(true);
427
- });
428
- it('should handle GET_BEE_POPUP_BUILDER_TOKEN_FAILURE', () => {
429
- const payload = {};
430
- const error = new Error('Test error');
431
- const iterator = sagas.getBeePopupBuilderToken({ payload });
432
- expect(iterator.next().value).toEqual(call(Api.getBeePopupBuilderToken));
433
- expect(iterator.throw(error).value).toEqual(
434
- put({ type: types.GET_BEE_POPUP_BUILDER_TOKEN_FAILURE, error })
435
- );
436
- expect(iterator.next().done).toBe(true);
437
- });
438
- it('should handle error case', () => {
439
- const payload = {};
440
- const mockResult = {
441
- success: false,
442
- status: {
443
- code: 400,
444
- },
445
- message: 'Test error',
446
- };
447
- const iterator = sagas.getBeePopupBuilderToken({ payload });
448
- expect(iterator.next().value).toEqual(call(Api.getBeePopupBuilderToken));
449
- expect(iterator.next(mockResult).value).toEqual(
450
- put({ type: types.GET_BEE_POPUP_BUILDER_TOKEN_FAILURE, error: mockResult.message })
451
- );
452
- expect(iterator.next().done).toBe(true);
453
- });
454
- });
455
400
 
456
401
 
457
- describe("v2InAppSagas Combined", () => {
458
- it("should initialize all v2InAppSagas-related watcher sagas without error", () => expectSaga(v2InAppSagas).run());
459
- });
402
+
403
+ describe("v2InAppSagas Combined", () => {
404
+ it("should initialize all v2InAppSagas-related watcher sagas without error", () => {
405
+ return expectSaga(v2InAppSagas).run();
406
+ });
407
+ });