@capillarytech/creatives-library 8.0.330-alpha.0 → 8.0.330-alpha.1

package/v2Containers/Email/tests/sagas.test.js

@@ -88,6 +88,55 @@ describe('Email Templates Sagas', () => {
         .run();
     });
 
+    it('should handle creating a template successfully with onCreateTemplateComplete callback', () => {
+      const onCreateTemplateComplete = jest.fn();
+      const template = { id: 1, name: 'New Template', onCreateTemplateComplete };
+      const fakeResponse = {
+        success: true,
+        response: { id: 1, name: 'New Template', status: 'created' },
+        status: { code: 200 },
+      };
+
+      return expectSaga(sagas.createTemplate, template)
+        .provide([
+          [matchers.call.fn(Api.createEmailTemplate), fakeResponse],
+        ])
+        .put({
+          type: types.CREATE_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: 200,
+          errorMsg: undefined,
+        })
+        .run()
+        .then(() => {
+          expect(onCreateTemplateComplete).toHaveBeenCalledWith(fakeResponse.response);
+        });
+    });
+
+    it('should handle creating a template successfully when result has no status (statusCode empty string)', () => {
+      const onCreateTemplateComplete = jest.fn();
+      const template = { id: 1, name: 'New Template', onCreateTemplateComplete };
+      const fakeResponse = {
+        success: true,
+        response: { id: 1, name: 'New Template' },
+      };
+
+      return expectSaga(sagas.createTemplate, template)
+        .provide([
+          [matchers.call.fn(Api.createEmailTemplate), fakeResponse],
+        ])
+        .put({
+          type: types.CREATE_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: '',
+          errorMsg: undefined,
+        })
+        .run()
+        .then(() => {
+          expect(onCreateTemplateComplete).toHaveBeenCalledWith(fakeResponse.response);
+        });
+    });
+
     it('should handle errors when creating a template fails', () => {
       const template = { id: 1, name: 'New Template' };
       const fakeError = new Error('Failed to create template');
@@ -150,6 +199,29 @@ describe('Email Templates Sagas', () => {
         .run();
     });
 
+    it('should handle successful asset upload with no status (empty statusCode)', () => {
+      const uploadResponse = {
+        response: {
+          asset: {
+            id: 1,
+            url: 'http://example.com/asset.jpg',
+            metaInfo: { secure_file_path: 'path', file_size: 1024 },
+          },
+        },
+      };
+
+      return expectSaga(sagas.uploadAsset, file, assetType, fileParams)
+        .provide([
+          [matchers.call.fn(Api.uploadFile), uploadResponse],
+        ])
+        .put({
+          type: types.UPLOAD_ASSET_SUCCESS,
+          data: uploadResponse.response.asset,
+          statusCode: '',
+        })
+        .run();
+    });
+
     it('should handle failure in asset upload', () => {
       const error = new Error('Failed to upload asset');
 
@@ -275,6 +347,37 @@ describe('getAllAssets saga', () => {
       .run();
   });
 
+  it('should handle success when page > 1 (isReset false)', () => {
+    const fakeResponse = {
+      status: { code: 200 },
+      response: [{ id: 3, name: 'Asset 3' }],
+    };
+    const payload = { assetType: 'image', queryParams: { page: 2 } };
+
+    return expectSaga(sagas.getAllAssets, payload)
+      .provide([
+        [matchers.call.fn(Api.getAllAssets), fakeResponse],
+      ])
+      .put({
+        type: types.GET_ALL_ASSETS_SUCCESS,
+        data: fakeResponse.response,
+        isReset: false,
+      })
+      .run();
+  });
+
+  it('should handle failure when fetching all assets throws an error', () => {
+    const error = new Error('Network error');
+    const payload = { assetType: 'image', queryParams: { page: 1 } };
+
+    return expectSaga(sagas.getAllAssets, payload)
+      .provide([
+        [matchers.call.fn(Api.getAllAssets), throwError(error)],
+      ])
+      .put({ type: types.GET_ALL_ASSETS_FAILURE, error })
+      .run();
+  });
+
   describe('getCmsAccounts saga', () => {
     it('should handle successful CMS accounts fetch with matching type', () => {
       const cmsType = 'bee';
@@ -463,6 +566,20 @@ describe('getAllAssets saga', () => {
         .run();
     });
 
+    it('should use "Unknown error" fallback when statusCode is also undefined', () => {
+      const template = { id: 1, name: 'New Template' };
+      const fakeResponse = {
+        success: false,
+      };
+
+      return expectSaga(sagas.createTemplate, template)
+        .provide([
+          [matchers.call.fn(Api.createEmailTemplate), fakeResponse],
+        ])
+        .put({ type: types.CREATE_TEMPLATE_FAILURE, errorMsg: 'API Error: Unknown error' })
+        .run();
+    });
+
     it('should handle callback error gracefully', () => {
       const template = {
         id: 1,
@@ -569,3 +686,116 @@ describe('getAllAssets saga', () => {
     });
   });
 });
+
+
+describe('getCmsSetting saga', () => {
+  const basePayload = {
+    cmsType: 'bee',
+    projectId: 1,
+    cmsMode: 'normal',
+    langId: 1,
+    isEdmSupport: false,
+    isBEEAppEnable: true,
+  };
+
+  it('should handle successful settings fetch with matching type (isBeeEnabled true)', () => {
+    const fakeResponse = {
+      data: {
+        response: {
+          cmsDetails: { type: 'bee', settings: {} },
+        },
+      },
+    };
+
+    return expectSaga(sagas.getCmsSetting, basePayload)
+      .provide([
+        [matchers.call.fn(Api.getCmsTemplateSettingsV2), fakeResponse],
+      ])
+      .put({ type: types.GET_CMS_ACCOUNTS_SUCCESS, isBeeEnabled: true })
+      .put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: fakeResponse.data.response.cmsDetails })
+      .run();
+  });
+
+  it('should handle successful settings fetch with non-matching type (isBeeEnabled false)', () => {
+    const fakeResponse = {
+      data: {
+        response: {
+          cmsDetails: { type: 'ck', settings: {} },
+        },
+      },
+    };
+
+    return expectSaga(sagas.getCmsSetting, basePayload)
+      .provide([
+        [matchers.call.fn(Api.getCmsTemplateSettingsV2), fakeResponse],
+      ])
+      .put({ type: types.GET_CMS_ACCOUNTS_SUCCESS, isBeeEnabled: false })
+      .put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: fakeResponse.data.response.cmsDetails })
+      .run();
+  });
+
+  it('should handle successful settings fetch when cmsDetails is undefined (fallback to empty object)', () => {
+    const fakeResponse = {
+      data: {
+        response: {},
+      },
+    };
+
+    return expectSaga(sagas.getCmsSetting, basePayload)
+      .provide([
+        [matchers.call.fn(Api.getCmsTemplateSettingsV2), fakeResponse],
+      ])
+      .put({ type: types.GET_CMS_ACCOUNTS_SUCCESS, isBeeEnabled: false })
+      .put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: undefined })
+      .run();
+  });
+
+  it('should handle error when fetching CMS settings fails', () => {
+    const fakeError = new Error('Failed to fetch CMS settings');
+
+    return expectSaga(sagas.getCmsSetting, basePayload)
+      .provide([
+        [matchers.call.fn(Api.getCmsTemplateSettingsV2), throwError(fakeError)],
+      ])
+      .put({ type: types.GET_CMS_EDITOR_DETAILS_FAILURE, error: fakeError })
+      .run();
+  });
+});
+
+
+describe('getCmsData saga', () => {
+  const payload = { cmsType: 'bee', projectId: 1, langId: 1 };
+
+  it('should handle successful CMS data fetch', () => {
+    const fakeResponse = {
+      data: {
+        response: {
+          data: { html: '<p>content</p>' },
+          langId: 1,
+        },
+      },
+    };
+
+    return expectSaga(sagas.getCmsData, payload)
+      .provide([
+        [matchers.call.fn(Api.getCmsTemplateDataV2), fakeResponse],
+      ])
+      .put({
+        type: types.GET_CMS_EDITOR_DATA_SUCCESS,
+        data: fakeResponse.data.response.data,
+        langId: fakeResponse.data.response.langId,
+      })
+      .run();
+  });
+
+  it('should handle error when fetching CMS data fails', () => {
+    const fakeError = new Error('Failed to fetch CMS data');
+
+    return expectSaga(sagas.getCmsData, payload)
+      .provide([
+        [matchers.call.fn(Api.getCmsTemplateDataV2), throwError(fakeError)],
+      ])
+      .put({ type: types.GET_CMS_EDITOR_DATA_FAILURE, error: fakeError })
+      .run();
+  });
+});

package/v2Containers/EmailWrapper/components/EmailHTMLEditor.js

@@ -54,6 +54,7 @@ const EmailHTMLEditor = (props) => {
     globalActions,
     loadingTags,
     eventContextTags,
+    waitEventContextTags,
     forwardedTags,
     selectedOfferDetails,
     currentOrgDetails,
@@ -510,7 +511,7 @@ const EmailHTMLEditor = (props) => {
         setTagValidationError(null);
       }
     }
-  }, [tags, injectedTags, location, getDefaultTags, eventContextTags, showLiquidErrorInFooter]);
+  }, [tags, injectedTags, location, getDefaultTags, eventContextTags, waitEventContextTags, showLiquidErrorInFooter]);
 
   // Store the last validation state received from HTMLEditor
   const lastValidationStateRef = useRef(null);
@@ -1100,6 +1101,7 @@ const EmailHTMLEditor = (props) => {
               injectedTags={injectedTags || {}}
               selectedOfferDetails={selectedOfferDetails}
               eventContextTags={eventContextTags}
+              waitEventContextTags={waitEventContextTags}
               showHeading
               showTagList
               showInput
@@ -1124,6 +1126,7 @@ const EmailHTMLEditor = (props) => {
             injectedTags={injectedTags}
             location={location}
             eventContextTags={eventContextTags}
+            waitEventContextTags={waitEventContextTags}
             selectedOfferDetails={selectedOfferDetails}
             channel={EMAIL}
             userLocale={intl.locale || 'en'}
@@ -1151,6 +1154,7 @@ EmailHTMLEditor.propTypes = {
   globalActions: PropTypes.object,
   loadingTags: PropTypes.bool,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   forwardedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   currentOrgDetails: PropTypes.object,
@@ -1197,6 +1201,7 @@ EmailHTMLEditor.defaultProps = {
   globalActions: {},
   loadingTags: false,
   eventContextTags: [],
+  waitEventContextTags: {},
   forwardedTags: {},
   selectedOfferDetails: [],
   currentOrgDetails: {},

package/v2Containers/EmailWrapper/components/EmailWrapperView.js

@@ -173,6 +173,7 @@ const EmailWrapperView = ({
   forwardedTags,
   selectedOfferDetails,
   eventContextTags,
+  waitEventContextTags,
   getFormdata,
   isGetFormData,
   getLiquidTags,
@@ -246,6 +247,7 @@ const EmailWrapperView = ({
     globalActions,
     loadingTags,
     eventContextTags,
+    waitEventContextTags,
     forwardedTags,
     selectedOfferDetails,
     currentOrgDetails,
@@ -371,6 +373,7 @@ EmailWrapperView.propTypes = {
   forwardedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   emailActions: PropTypes.object,
   Email: PropTypes.object,
   templateData: PropTypes.object,

package/v2Containers/EmailWrapper/components/__tests__/EmailHTMLEditor.test.js

@@ -71,7 +71,10 @@ jest.mock('../../../../v2Components/HtmlEditor/index.lazy', () => {
     }));
 
     return (
-      <div data-testid="html-editor">
+      <div
+        data-testid="html-editor"
+        data-wait-event-context-tags={JSON.stringify(props.waitEventContextTags ?? null)}
+      >
         <button
           onClick={() => props.onContentChange && props.onContentChange('<p>New content</p>')}
           data-testid="trigger-content-change"
@@ -130,7 +133,10 @@ jest.mock('../../../../v2Components/HtmlEditor', () => {
     }));
 
     return (
-      <div data-testid="html-editor">
+      <div
+        data-testid="html-editor"
+        data-wait-event-context-tags={JSON.stringify(props.waitEventContextTags ?? null)}
+      >
         <button
           onClick={() => props.onContentChange && props.onContentChange('<p>New content</p>')}
           data-testid="trigger-content-change"
@@ -364,6 +370,7 @@ const defaultProps = {
   },
   loadingTags: false,
   eventContextTags: [],
+  waitEventContextTags: {},
   forwardedTags: {},
   selectedOfferDetails: [],
   currentOrgDetails: {
@@ -522,6 +529,17 @@ describe('EmailHTMLEditor', () => {
     });
   });
 
+  describe('waitEventContextTags', () => {
+    it('forwards waitEventContextTags to HTMLEditor', () => {
+      const waitMap = { b1: { eventName: 'E', blockName: 'B', tags: ['t'] } };
+      renderWithIntl({ waitEventContextTags: waitMap });
+      expect(screen.getByTestId('html-editor')).toHaveAttribute(
+        'data-wait-event-context-tags',
+        JSON.stringify(waitMap),
+      );
+    });
+  });
+
   describe('Content Initialization', () => {
     it('initializes with empty content in create mode', () => {
       renderWithIntl({ isGetFormData: false });

package/v2Containers/EmailWrapper/components/__tests__/EmailWrapperView.test.js

@@ -37,7 +37,14 @@ jest.mock('../EmailHTMLEditor', () => {
       getContentForPreview: jest.fn(() => '<p>Test</p>'),
     }));
 
-    return <div data-testid="email-html-editor">HTML Editor</div>;
+    return (
+      <div
+        data-testid="email-html-editor"
+        data-wait-event-context-tags={JSON.stringify(props.waitEventContextTags ?? null)}
+      >
+        HTML Editor
+      </div>
+    );
   });
 });
 
@@ -137,6 +144,7 @@ const defaultProps = {
   forwardedTags: {},
   selectedOfferDetails: [],
   eventContextTags: [],
+  waitEventContextTags: {},
   getFormdata: jest.fn(),
   isGetFormData: false,
   getLiquidTags: jest.fn(),
@@ -171,6 +179,13 @@ describe('EmailWrapperView', () => {
     jest.clearAllMocks();
   });
 
+  it('passes waitEventContextTags to EmailHTMLEditor when HTML editor is shown', () => {
+    const waitMap = { b1: { eventName: 'E', blockName: 'B', tags: [] } };
+    renderWithIntl({ waitEventContextTags: waitMap });
+    const el = screen.getByTestId('email-html-editor');
+    expect(el).toHaveAttribute('data-wait-event-context-tags', JSON.stringify(waitMap));
+  });
+
   describe('Mode Selection UI', () => {
     it('renders mode selection when step is MODE_SELECTION', () => {
       renderWithIntl({ step: STEPS.MODE_SELECTION });

package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js

@@ -51,6 +51,7 @@ const useEmailWrapper = ({
   editor,
   moduleType,
   eventContextTags,
+  waitEventContextTags,
   isLoyaltyModule,
   // Props for CmsTemplates component
   cmsTemplatesLoader,
@@ -251,7 +252,6 @@ const useEmailWrapper = ({
       };
 
       const isDragDrop = getIsDragDrop(editTemplateData);
-
       // If it's a BEE template, set it in Templates.BEETemplate
       if (isDragDrop) {
         beeTemplateSetRef.current = true;
@@ -737,6 +737,7 @@ const useEmailWrapper = ({
       selectedEditorMode, // Pass selected mode to Email component (only for HTML_EDITOR)
       moduleType,
       eventContextTags,
+      waitEventContextTags,
       isLoyaltyModule,
       showTestAndPreviewSlidebox,
       handleTestAndPreview,
@@ -766,6 +767,7 @@ const useEmailWrapper = ({
     editor,
     moduleType,
     eventContextTags,
+    waitEventContextTags,
     isLoyaltyModule,
     showTestAndPreviewSlidebox,
     handleTestAndPreview,

package/v2Containers/EmailWrapper/index.js

@@ -63,6 +63,7 @@ const EmailWrapper = (props) => {
     onEnterTemplateName,
     onRemoveTemplateName,
     eventContextTags,
+    waitEventContextTags,
     isLoyaltyModule,
     cmsTemplatesLoader,
     onPreviewContentClicked,
@@ -130,6 +131,7 @@ const EmailWrapper = (props) => {
     onEnterTemplateName,
     onRemoveTemplateName,
     eventContextTags,
+    waitEventContextTags,
     isLoyaltyModule,
     cmsTemplatesLoader,
     onPreviewContentClicked,
@@ -184,6 +186,7 @@ const EmailWrapper = (props) => {
         forwardedTags={forwardedTags}
         selectedOfferDetails={selectedOfferDetails}
         eventContextTags={eventContextTags}
+        waitEventContextTags={waitEventContextTags}
         getFormdata={getFormdata}
         isGetFormData={isGetFormData}
         getLiquidTags={globalActionsProp?.getLiquidTags}
@@ -241,6 +244,7 @@ EmailWrapper.propTypes = {
   onEnterTemplateName: PropTypes.func,
   onRemoveTemplateName: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   isLoyaltyModule: PropTypes.bool,
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,

package/v2Containers/EmailWrapper/tests/useEmailWrapper.edgeCases.test.js

@@ -112,6 +112,7 @@ describe('useEmailWrapper - Edge Cases', () => {
       editor: 'HTML',
       moduleType: null,
       eventContextTags: [],
+      waitEventContextTags: {},
       isLoyaltyModule: false,
       cmsTemplatesLoader: jest.fn(),
       currentOrgDetails: {},

package/v2Containers/EmailWrapper/tests/useEmailWrapper.test.js

@@ -102,6 +102,7 @@ describe('useEmailWrapper', () => {
       editor: null,
       moduleType: '',
       eventContextTags: [],
+      waitEventContextTags: {},
       isLoyaltyModule: false,
       cmsTemplatesLoader: false,
       currentOrgDetails: { id: 'org1' },
@@ -120,6 +121,14 @@ describe('useEmailWrapper', () => {
     expect(result.current.onTemplateNameChange).toBeInstanceOf(Function);
   });
 
+  it('passes waitEventContextTags through emailProps', () => {
+    const waitMap = { block1: { eventName: 'E', blockName: 'B', tags: [] } };
+    const { result } = renderHook(() =>
+      useEmailWrapper({ ...mockProps, waitEventContextTags: waitMap }),
+    );
+    expect(result.current.emailProps.waitEventContextTags).toEqual(waitMap);
+  });
+
   it('handles template name change correctly', () => {
     const { result } = renderHook(() => useEmailWrapper(mockProps));
 

package/v2Containers/InAppWrapper/hooks/__tests__/useInAppWrapper.test.js

@@ -424,6 +424,7 @@ describe('useInAppWrapper', () => {
 
       expect(capturedState.inAppProps.getDefaultTags).toBe('defaultTags');
     });
+
   });
 
   describe('isShowInAppCreate', () => {

package/v2Containers/MobilePush/Create/index.js

@@ -1966,6 +1966,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
                 eventContextTags={this.props?.eventContextTags}
+                waitEventContextTags={this.props?.waitEventContextTags}
                 messageDetails={this.props?.messageDetails}
                 restrictPersonalization={this.props.restrictPersonalization}
               />
@@ -2068,6 +2069,7 @@ Create.propTypes = {
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   getLiquidTags: PropTypes.func,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,

package/v2Containers/MobilePush/Edit/index.js

@@ -2233,6 +2233,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
                 eventContextTags={this.props?.eventContextTags}
+                waitEventContextTags={this.props?.waitEventContextTags}
                 restrictPersonalization={this.props.restrictPersonalization}
               />;
               })()}
@@ -2339,6 +2340,7 @@ Edit.propTypes = {
   onTestContentClicked: PropTypes.func,
   creativesMode: PropTypes.string,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   getLiquidTags: PropTypes.func,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,

package/v2Containers/MobilepushWrapper/index.js

@@ -72,7 +72,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
   }
 
   render() {
-    const {mobilePushCreateMode, step, getFormData, getLiquidTags, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview, restrictPersonalization, isAnonymousType, onPersonalizationTokensChange} = this.props;
+    const {mobilePushCreateMode, step, getFormData, getLiquidTags, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], waitEventContextTags = {},showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview, restrictPersonalization, isAnonymousType, onPersonalizationTokensChange} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -121,6 +121,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
               templateData={templateData}
               hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
               eventContextTags={eventContextTags}
+              waitEventContextTags={waitEventContextTags}
               showLiquidErrorInFooter={this.props.showLiquidErrorInFooter}
               showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
               handleTestAndPreview={handleTestAndPreview}
@@ -155,6 +156,7 @@ MobilepushWrapper.propTypes = {
   type: PropTypes.string,
   onValidationFail: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,
   handleTestAndPreview: PropTypes.func,