@capillarytech/creatives-library 8.0.339 → 8.0.340-0

package/v2Containers/Viber/tests/saga.test.js

@@ -1,50 +1,258 @@
 import { expectSaga } from 'redux-saga-test-plan';
-import { call, put } from 'redux-saga/effects';
+import * as matchers from 'redux-saga-test-plan/matchers';
+import { call } from 'redux-saga/effects';
 import { throwError } from 'redux-saga-test-plan/providers';
 import * as Api from '../../../services/api';
 import * as sagas from '../sagas';
-import { v2ViberSagas } from '../sagas';
 import * as types from '../constants';
+import { pollAssetStatus } from '../../../sagas/assetPolling';
+import { ASSET_STATUS } from '../../../utils/assetStatusConstants';
 
 describe('Viber Sagas', () => {
-  
   describe('uploadViberAsset Saga', () => {
-    const file = new Blob(['file contents'], { type: 'text/plain' });
-    const assetType = 'image';
-    const fileParams = { directory: 'profile', templateType: 'viber' };
+    const mockAsset = {
+      _id: 'asset-123',
+      type: 'IMAGE',
+      url: 'https://example.com/image.jpg',
+    };
 
-    it('handles uploading asset successfully', () => {
-      const fakeResponse = {
-        response: { asset: { id: 1, url: 'http://example.com/image.png' } },
-        status: { code: 200 }
+    const mockParams = {
+      file: new File(['test'], 'test.jpg', { type: 'image/jpeg' }),
+      assetType: 'image',
+      fileParams: {},
+      templateType: 0,
+    };
+
+    it('handles async upload (202) with polling', () => {
+      const mockResponse = {
+        status: { code: 202 },
+        response: {
+          assetId: 'asset-123',
+          asset: mockAsset,
+          processingStatus: ASSET_STATUS.PROCESSING,
+        },
+      };
+
+      return expectSaga(sagas.uploadViberAsset, mockParams)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+          [matchers.call.fn(pollAssetStatus), undefined],
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_PROCESSING,
+          payload: {
+            assetId: 'asset-123',
+            asset: mockAsset,
+            processingStatus: ASSET_STATUS.PROCESSING,
+          },
+        })
+        .call.fn(Api.uploadFile)
+        .call.fn(pollAssetStatus)
+        .run();
+    });
+
+    it('handles async when processingStatus is processing with 200 status', () => {
+      const mockResponse = {
+        status: { code: 200 },
+        response: {
+          assetId: 'asset-123',
+          asset: mockAsset,
+          processingStatus: ASSET_STATUS.PROCESSING,
+        },
       };
 
-      return expectSaga(sagas.uploadViberAsset, file, assetType, fileParams)
+      return expectSaga(sagas.uploadViberAsset, mockParams)
         .provide([
-          [call(Api.uploadFile, file, assetType, fileParams), fakeResponse]
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+          [matchers.call.fn(pollAssetStatus), undefined],
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_PROCESSING,
+          payload: {
+            assetId: 'asset-123',
+            asset: mockAsset,
+            processingStatus: ASSET_STATUS.PROCESSING,
+          },
+        })
+        .call.fn(pollAssetStatus)
+        .run();
+    });
+
+    it('handles sync upload (201) without polling', () => {
+      const mockResponse = {
+        status: { code: 201 },
+        response: {
+          asset: mockAsset,
+        },
+      };
+
+      return expectSaga(sagas.uploadViberAsset, mockParams)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), mockResponse],
         ])
         .put({
           type: types.UPLOAD_VIBER_ASSET_SUCCESS,
-          data: fakeResponse.response.asset,
-          statusCode: fakeResponse.status.code,
-          templateType: undefined
+          data: mockAsset,
+          statusCode: 201,
+          templateType: 0,
         })
+        .not.call(pollAssetStatus)
         .run();
     });
 
-    it('handles asset upload failure', () => {
-      const error = new Error('Upload failed');
+    it('extracts assetId from asset._id when assetId omitted', () => {
+      const mockResponse = {
+        status: { code: 202 },
+        response: {
+          asset: { ...mockAsset, _id: 'asset-456' },
+          processingStatus: ASSET_STATUS.PROCESSING,
+        },
+      };
+
+      return expectSaga(sagas.uploadViberAsset, mockParams)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+          [matchers.call.fn(pollAssetStatus), undefined],
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_PROCESSING,
+          payload: {
+            assetId: 'asset-456',
+            asset: { ...mockAsset, _id: 'asset-456' },
+            processingStatus: ASSET_STATUS.PROCESSING,
+          },
+        })
+        .run();
+    });
+
+    it('dispatches FAILED when assetId missing on async response', () => {
+      const mockResponse = {
+        status: { code: 202 },
+        response: {
+          processingStatus: ASSET_STATUS.PROCESSING,
+        },
+      };
 
-      return expectSaga(sagas.uploadViberAsset, file, assetType, fileParams)
+      return expectSaga(sagas.uploadViberAsset, mockParams)
         .provide([
-          [call(Api.uploadFile, file, assetType, fileParams), throwError(error)]
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_FAILED,
+          payload: {
+            assetId: undefined,
+            error: 'Asset upload initiated but no asset ID was returned from the server. Unable to track processing status.',
+          },
+          templateType: 0,
+        })
+        .not.call(pollAssetStatus)
+        .run();
+    });
+
+    it('handles upload error', () => {
+      const uploadError = new Error('Upload failed');
+
+      return expectSaga(sagas.uploadViberAsset, mockParams)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), throwError(uploadError)],
         ])
         .put({
           type: types.UPLOAD_VIBER_ASSET_FAILURE,
-          error
+          error: uploadError,
+        })
+        .run();
+    });
+
+    it('falls back to statusCode on response when status object missing', () => {
+      const mockResponse = {
+        statusCode: 201,
+        response: { asset: mockAsset },
+      };
+      return expectSaga(sagas.uploadViberAsset, mockParams)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_SUCCESS,
+          data: mockAsset,
+          statusCode: 201,
+          templateType: 0,
         })
         .run();
     });
+
+    it('defaults statusCode to 200 when no status info present', () => {
+      const mockResponse = { response: { asset: mockAsset } };
+      return expectSaga(sagas.uploadViberAsset, mockParams)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_SUCCESS,
+          data: mockAsset,
+          statusCode: 200,
+          templateType: 0,
+        })
+        .run();
+    });
+
+    it('handles empty response object', () => {
+      const mockResponse = { status: { code: 201 } };
+      return expectSaga(sagas.uploadViberAsset, mockParams)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_SUCCESS,
+          data: undefined,
+          statusCode: 201,
+          templateType: 0,
+        })
+        .run();
+    });
+
+    it('derives assetType from asset.type when params.assetType omitted', () => {
+      const paramsWithoutType = {
+        file: new File(['v'], 'v.mp4', { type: 'video/mp4' }),
+        fileParams: {},
+        templateType: 1,
+      };
+      const mockResponse = {
+        status: { code: 202 },
+        response: {
+          assetId: 'asset-vid',
+          asset: { _id: 'asset-vid', type: 'VIDEO' },
+        },
+      };
+      return expectSaga(sagas.uploadViberAsset, paramsWithoutType)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+          [matchers.call.fn(pollAssetStatus), undefined],
+        ])
+        .call.fn(pollAssetStatus)
+        .run();
+    });
+
+    it('defaults assetType to image when no type info available', () => {
+      const paramsWithoutType = {
+        file: new File(['x'], 'x', { type: '' }),
+        fileParams: {},
+        templateType: 0,
+      };
+      const mockResponse = {
+        status: { code: 202 },
+        response: {
+          assetId: 'asset-noop',
+        },
+      };
+      return expectSaga(sagas.uploadViberAsset, paramsWithoutType)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), mockResponse],
+          [matchers.call.fn(pollAssetStatus), undefined],
+        ])
+        .call.fn(pollAssetStatus)
+        .run();
+    });
   });
 
   describe('createViberTemplate Saga', () => {
@@ -54,18 +262,18 @@ describe('Viber Sagas', () => {
     it('handles creating template successfully', () => {
       const fakeResponse = {
         response: { id: 2, content: template.content },
-        status: { code: 201 }
+        status: { code: 201 },
       };
 
       return expectSaga(sagas.createViberTemplate, { template, callback })
         .provide([
-          [call(Api.createViberTemplate, { template }), fakeResponse]
+          [call(Api.createViberTemplate, { template }), fakeResponse],
         ])
         .put({
           type: types.CREATE_VIBER_TEMPLATE_SUCCESS,
           data: fakeResponse.response,
           statusCode: fakeResponse.status.code,
-          errorMsg: undefined
+          errorMsg: undefined,
         })
         .run()
         .then(() => {
@@ -76,21 +284,74 @@ describe('Viber Sagas', () => {
     it('handles failure in creating template', () => {
       const error = new Error({ message: 'Creation failed', status: { code: 400 } });
 
-        const errorMsg = 'Creation failed';
       return expectSaga(sagas.createViberTemplate, { template, callback })
         .provide([
-          [call(Api.createViberTemplate, { template }), throwError(error)]
+          [call(Api.createViberTemplate, { template }), throwError(error)],
         ])
         .put({
           type: types.CREATE_VIBER_TEMPLATE_FAILURE,
           error,
-          errorMsg : undefined
+          errorMsg: undefined,
         })
         .run()
         .then(() => {
           expect(callback).toHaveBeenCalledWith(null, undefined);
         });
     });
+
+    it('handles 4xx API response (treated as failure)', () => {
+      const cb = jest.fn();
+      const fakeResponse = {
+        response: {},
+        status: { code: 400 },
+        message: 'bad request',
+      };
+      return expectSaga(sagas.createViberTemplate, { template, callback: cb })
+        .provide([
+          [call(Api.createViberTemplate, { template }), fakeResponse],
+        ])
+        .put({
+          type: types.CREATE_VIBER_TEMPLATE_FAILURE,
+          error: 'bad request',
+          errorMsg: 'bad request',
+        })
+        .run()
+        .then(() => {
+          expect(cb).toHaveBeenCalledWith(null, 'bad request');
+        });
+    });
+
+    it('handles success when no callback is supplied', () => {
+      const fakeResponse = {
+        response: { id: 42 },
+        status: { code: 201 },
+      };
+      return expectSaga(sagas.createViberTemplate, { template })
+        .provide([
+          [call(Api.createViberTemplate, { template }), fakeResponse],
+        ])
+        .put({
+          type: types.CREATE_VIBER_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: 201,
+          errorMsg: undefined,
+        })
+        .run();
+    });
+
+    it('handles failure when no callback is supplied', () => {
+      const error = new Error('Creation failed');
+      return expectSaga(sagas.createViberTemplate, { template })
+        .provide([
+          [call(Api.createViberTemplate, { template }), throwError(error)],
+        ])
+        .put({
+          type: types.CREATE_VIBER_TEMPLATE_FAILURE,
+          error,
+          errorMsg: undefined,
+        })
+        .run();
+    });
   });
 
   describe('editTemplate Saga', () => {
@@ -100,18 +361,18 @@ describe('Viber Sagas', () => {
     it('handles editing template successfully', () => {
       const fakeResponse = {
         response: { updated: true },
-        status: { code: 200 }
+        status: { code: 200 },
       };
 
       return expectSaga(sagas.editTemplate, { template, callback })
         .provide([
-          [call(Api.createViberTemplate, { template }), fakeResponse]
+          [call(Api.createViberTemplate, { template }), fakeResponse],
         ])
         .put({
           type: types.EDIT_VIBER_TEMPLATE_SUCCESS,
           data: fakeResponse.response,
           statusCode: fakeResponse.status.code,
-          errorMsg: undefined
+          errorMsg: undefined,
         })
         .run()
         .then(() => {
@@ -123,7 +384,7 @@ describe('Viber Sagas', () => {
       const errorMsg = 'Error in editing template';
       return expectSaga(sagas.editTemplate, { template, callback })
         .provide([
-          [call(Api.createViberTemplate, { template }), throwError({ message: errorMsg, status: { code: 400 } })]
+          [call(Api.createViberTemplate, { template }), throwError({ message: errorMsg, status: { code: 400 } })],
         ])
         .put({
           type: types.EDIT_VIBER_TEMPLATE_FAILURE,
@@ -135,6 +396,60 @@ describe('Viber Sagas', () => {
           expect(callback).toHaveBeenCalledWith(null, undefined);
         });
     });
+
+    it('handles 4xx API response (treated as failure)', () => {
+      const cb = jest.fn();
+      const fakeResponse = {
+        response: {},
+        status: { code: 422 },
+        message: 'invalid payload',
+      };
+      return expectSaga(sagas.editTemplate, { template, callback: cb })
+        .provide([
+          [call(Api.createViberTemplate, { template }), fakeResponse],
+        ])
+        .put({
+          type: types.EDIT_VIBER_TEMPLATE_FAILURE,
+          error: 'invalid payload',
+          errorMsg: 'invalid payload',
+        })
+        .run()
+        .then(() => {
+          expect(cb).toHaveBeenCalledWith(null, 'invalid payload');
+        });
+    });
+
+    it('handles success when no callback is supplied', () => {
+      const fakeResponse = {
+        response: { updated: true },
+        status: { code: 200 },
+      };
+      return expectSaga(sagas.editTemplate, { template })
+        .provide([
+          [call(Api.createViberTemplate, { template }), fakeResponse],
+        ])
+        .put({
+          type: types.EDIT_VIBER_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: 200,
+          errorMsg: undefined,
+        })
+        .run();
+    });
+
+    it('handles failure when no callback is supplied', () => {
+      const error = new Error('Edit failed');
+      return expectSaga(sagas.editTemplate, { template })
+        .provide([
+          [call(Api.createViberTemplate, { template }), throwError(error)],
+        ])
+        .put({
+          type: types.EDIT_VIBER_TEMPLATE_FAILURE,
+          error,
+          errorMsg: undefined,
+        })
+        .run();
+    });
   });
 
   describe('getTemplateDetails Saga', () => {
@@ -143,16 +458,16 @@ describe('Viber Sagas', () => {
 
     it('handles fetching template details successfully', () => {
       const fakeResponse = {
-        response: { id: id, name: 'Detailed Template' }
+        response: { id, name: 'Detailed Template' },
       };
 
       return expectSaga(sagas.getTemplateDetails, { id, callback })
         .provide([
-          [call(Api.getTemplateDetails, { id, channel: 'VIBER' }), fakeResponse]
+          [call(Api.getTemplateDetails, { id, channel: 'VIBER' }), fakeResponse],
         ])
         .put({
           type: types.GET_VIBER_TEMPLATE_DETAILS_SUCCESS,
-          data: fakeResponse.response
+          data: fakeResponse.response,
         })
         .run()
         .then(() => {
@@ -165,23 +480,33 @@ describe('Viber Sagas', () => {
 
       return expectSaga(sagas.getTemplateDetails, { id, callback })
         .provide([
-          [call(Api.getTemplateDetails, { id, channel: 'VIBER' }), throwError(error)]
+          [call(Api.getTemplateDetails, { id, channel: 'VIBER' }), throwError(error)],
         ])
         .put({
           type: types.GET_VIBER_TEMPLATE_DETAILS_FAILURE,
-          error
+          error,
         })
         .run()
         .then(() => {
           expect(callback).not.toHaveBeenCalledWith();
         });
     });
-  });
 
-  describe('v2ViberSagas Combined', () => {
-    it('should initialize all Viber-related watcher sagas without error', () => {
-      return expectSaga(v2ViberSagas).run();
+    it('handles success without a callback', () => {
+      const fakeResponse = { response: { id, name: 'No CB' } };
+      return expectSaga(sagas.getTemplateDetails, { id })
+        .provide([
+          [call(Api.getTemplateDetails, { id, channel: 'VIBER' }), fakeResponse],
+        ])
+        .put({
+          type: types.GET_VIBER_TEMPLATE_DETAILS_SUCCESS,
+          data: fakeResponse.response,
+        })
+        .run();
     });
   });
 
-});
+  describe('v2ViberSagas Combined', () => {
+    it('should initialize all Viber-related watcher sagas without error', () => expectSaga(sagas.v2ViberSagas).run());
+  });
+});

package/v2Containers/WebPush/Create/hooks/useTagManagement.js

@@ -22,8 +22,6 @@ export const useTagManagement = ({
   metaEntities,
   getDefaultTags,
   supportedTags = EMPTY_ARRAY,
-  injectedTags,
-  eventContextTags = EMPTY_ARRAY,
 }) => {
   const [tags, setTags] = useState([]);
   const tagFetchKeyRef = useRef(null);

package/v2Containers/WebPush/Create/index.js

@@ -84,6 +84,7 @@ const MemoizedTagList = memo(({
   injectedTags,
   selectedOfferDetails,
   eventContextTags,
+  waitEventContextTags,
   forwardedTags,
   onTagSelect,
   restrictPersonalization = false,
@@ -99,6 +100,7 @@ const MemoizedTagList = memo(({
     injectedTags={injectedTags}
     selectedOfferDetails={selectedOfferDetails}
     eventContextTags={eventContextTags}
+    waitEventContextTags={waitEventContextTags}
     forwardedTags={forwardedTags}
     onTagSelect={onTagSelect}
     restrictPersonalization={restrictPersonalization}
@@ -116,6 +118,7 @@ const MemoizedTagList = memo(({
     && prevProps.injectedTags === nextProps.injectedTags
     && prevProps.selectedOfferDetails === nextProps.selectedOfferDetails
     && prevProps.eventContextTags === nextProps.eventContextTags
+    && prevProps.waitEventContextTags === nextProps.waitEventContextTags
     && prevProps.forwardedTags === nextProps.forwardedTags
     && prevProps.onTagSelect === nextProps.onTagSelect
     && prevProps.restrictPersonalization === nextProps.restrictPersonalization
@@ -152,6 +155,7 @@ const WebPushCreate = ({
   forwardedTags,
   selectedOfferDetails = [],
   eventContextTags = [],
+  waitEventContextTags = {},
   templateActions: templateActionsProps,
   Templates,
   restrictPersonalization = false,
@@ -232,6 +236,7 @@ const WebPushCreate = ({
     supportedTags: memoizedSupportedTags,
     injectedTags,
     eventContextTags,
+    waitEventContextTags,
   });
   const { tags, handleOnTagsContextChange, validationConfig } = tagState;
   const { weCrmAccounts } = Templates;
@@ -837,12 +842,13 @@ const WebPushCreate = ({
       injectedTags,
       selectedOfferDetails,
       eventContextTags,
+      waitEventContextTags,
       forwardedTags,
       restrictPersonalization,
       disabled: restrictPersonalization,
       disableTooltipMsg: restrictPersonalization ? formatMessage(messages.personalizationNotSupportedAnonymous) : undefined,
     }),
-    [tags, injectedTags, selectedOfferDetails, eventContextTags, forwardedTags, restrictPersonalization, formatMessage],
+    [tags, injectedTags, selectedOfferDetails, eventContextTags, waitEventContextTags, forwardedTags, restrictPersonalization, formatMessage],
   );
 
   // Memoized TagList components with optimized props
@@ -1083,6 +1089,7 @@ WebPushCreate.propTypes = {
   forwardedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   templateActions: PropTypes.object,
   restrictPersonalization: PropTypes.bool,
 };
@@ -1111,6 +1118,7 @@ WebPushCreate.defaultProps = {
   forwardedTags: {},
   selectedOfferDetails: [],
   eventContextTags: [],
+  waitEventContextTags: {},
   templateActions: {},
   Templates: {},
   restrictPersonalization: false,

package/v2Containers/Whatsapp/index.js

@@ -180,6 +180,7 @@ export const Whatsapp = (props) => {
     getFormData,
     selectedOfferDetails,
     eventContextTags,
+    waitEventContextTags = {},
     metaDataStatus = "",
     showTestAndPreviewSlidebox: propsShowTestAndPreviewSlidebox,
     handleTestAndPreview: propsHandleTestAndPreview,
@@ -950,6 +951,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               injectedTags={injectedTags || {}}
               selectedOfferDetails={selectedOfferDetails}
               eventContextTags={eventContextTags}
+              waitEventContextTags={waitEventContextTags}
             />
           )}
         </>
@@ -1951,6 +1953,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                             injectedTags={injectedTags || {}}
                             selectedOfferDetails={selectedOfferDetails}
                             eventContextTags={eventContextTags}
+                            waitEventContextTags={waitEventContextTags}
                           />
                         )
                       : !isAuthenticationTemplate && (
@@ -2757,6 +2760,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 injectedTags={injectedTags || {}}
                 selectedOfferDetails={selectedOfferDetails}
                 eventContextTags={eventContextTags}
+                waitEventContextTags={waitEventContextTags}
               />
             )
           }
@@ -2875,6 +2879,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               injectedTags={injectedTags || {}}
               selectedOfferDetails={selectedOfferDetails}
               eventContextTags={eventContextTags}
+              waitEventContextTags={waitEventContextTags}
             />
           )}
           {isBtnTypeQuickReply && (