@capillarytech/creatives-library 8.0.276-alpha.0 → 8.0.277

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.276-alpha.0",
+  "version": "8.0.277",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -643,6 +643,7 @@ export function SlideBoxContent(props) {
             {isEmailCreate && (
       <EmailWrapper
         key="creatives-email-wrapper"
+        isEditEmail={false}
         date={new Date().getMilliseconds()}
         setIsLoadingContent={setIsLoadingContent}
         onEmailModeChange={onEmailModeChange}
@@ -723,6 +724,7 @@ export function SlideBoxContent(props) {
           return (
             <EmailWrapper
               key="cretives-container-email-edit-wrapper"
+              isEditEmail
               setIsLoadingContent={setIsLoadingContent}
               onEmailModeChange={onEmailModeChange}
               emailCreateMode="editor"

package/v2Containers/CreativesContainer/index.js

@@ -1781,16 +1781,20 @@ export class Creatives extends React.Component {
     const {
       slidBoxContent, templateStep, currentChannel, emailCreateMode, mobilePushCreateMode, inAppEditorType, weChatTemplateType,
     } = this.state;
+    const { isFullMode } = this.props;
+    const channel = currentChannel?.toUpperCase?.() || '';
+    // In library/embedded mode show Continue only for EMAIL and MOBILE_PUSH; hide for other channels
+    if (!isFullMode && channel !== constants.EMAIL && channel !== constants.MOBILE_PUSH) {
+      return false;
+    }
     let isShowContinueFooter = false;
     const currentStep = this.creativesTemplateSteps[templateStep];
-    const channel = currentChannel.toUpperCase();
     // Check if supportCKEditor is false (new flow)
     const supportCKEditor = commonUtil.hasSupportCKEditor(); // Default to legacy flow
     if (channel === constants.EMAIL || channel === constants.SMS) {
-      // New flow: Show Continue button when supportCKEditor is false and in modeSelection
-      // Always show it (even if disabled) - visibility is separate from enabled state
+      // New flow: Show Continue button when supportCKEditor is false and in modeSelection (full mode only)
       if (!supportCKEditor && currentStep === 'modeSelection' && slidBoxContent === 'createTemplate') {
-        return true; // Return early to ensure visibility
+        return true;
       }
 
       // Legacy flow: Original logic (only when supportCKEditor is true)
@@ -1799,9 +1803,9 @@ export class Creatives extends React.Component {
         isEmailCreate = currentChannel.toUpperCase() === constants.EMAIL && ((emailCreateMode === "upload" && currentStep !== 'createTemplateContent') || (emailCreateMode === "editor" && currentStep !== 'createTemplateContent' && currentStep !== "templateSelection"));
         isShowContinueFooter = isEmailCreate && emailCreateMode;
       }
-    } else if (currentChannel.toUpperCase() === constants.MOBILE_PUSH) {
+    } else if (channel === constants.MOBILE_PUSH) {
       isShowContinueFooter = !isEmpty(mobilePushCreateMode) && currentStep === "modeSelection";
-    } else if (currentChannel.toUpperCase() === constants.WECHAT) {
+    } else if (channel === constants.WECHAT) {
       isShowContinueFooter = !isEmpty(weChatTemplateType) && currentStep === "modeSelection";
     }
 

package/v2Containers/CreativesContainer/tests/SlideBoxFooter.test.js

@@ -11,6 +11,11 @@ import {
   } from '../../../utils/test-utils';
 import SlideBoxFooter from "../SlideBoxFooter";
 
+jest.mock('../../../utils/common', () => ({
+  ...jest.requireActual('../../../utils/common'),
+  hasSupportCKEditor: jest.fn(),
+}));
+
 const ComponentToRender = injectIntl(SlideBoxFooter);
 const renderComponent = props => {
   const store = configureStore({}, initialReducer, history);
@@ -21,49 +26,168 @@ const renderComponent = props => {
   );
 };
 
+const baseFooterProps = {
+  shouldShowDoneFooter: () => true,
+  shouldShowContinueFooter: () => false,
+  shouldShowFooter: () => true,
+  shouldShowHeader: () => true,
+  shouldShowTemplateName: () => true,
+  onSave: jest.fn(),
+  isFullMode: true,
+  messages: {},
+  slidBoxContent: 'editTemplate',
+  templateStep: 'modeSelection',
+  isTemplateNameEmpty: false,
+  isCreatingTemplate: false,
+};
+
 describe("test for empty email empty template name", () => {
     it("check the error message and disabled button", async () => {
-        const shouldShowDoneFooter = jest.fn();
-        shouldShowDoneFooter.mockReturnValue(true);
+        const { hasSupportCKEditor } = require('../../../utils/common');
+        hasSupportCKEditor.mockReturnValue(true);
+        const shouldShowDoneFooter = jest.fn().mockReturnValue(true);
         const shouldShowContinueFooter = jest.fn();
-        const shouldShowFooter = jest.fn();
-        const shouldShowHeader = jest.fn();
-        const shouldShowTemplateName = jest.fn();
-        const onSave = jest.fn();
-        const props={
-        shouldShowDoneFooter,
-        shouldShowContinueFooter,
-        shouldShowFooter,
-        shouldShowHeader,
-        shouldShowTemplateName,
-        onSave,
-        isFullMode: true,
-        messages: {
-        },
-        slidBoxContent: "editTemplate",
-        currentChannel: "EMAIL",
-        templateStep: "modeSelection",
-        isTemplateNameEmpty: true,
-        htmlEditorValidationState: {
-          isContentEmpty: false,
-          issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
-        },
-        isCreatingTemplate: false,
-      }
-      renderComponent(props);
-      const errorMessage = await screen.findByText(/template name cannot be empty/i);
-      expect(errorMessage).toBeInTheDocument();
-      const updateBtn = screen.getByRole('button',{name:/update/i});
-      expect(updateBtn).toBeDisabled();
-      renderComponent({
-        ...props,
-        isTemplateNameEmpty: false,
-        htmlEditorValidationState: {
-          isContentEmpty: false,
-          issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
-        },
-      })
-      const updateBtns = screen.getAllByRole('button',{name:/update/i});
-      expect(updateBtns[1]).toBeEnabled();
+        const props = {
+          ...baseFooterProps,
+          shouldShowDoneFooter,
+          shouldShowContinueFooter,
+          currentChannel: "EMAIL",
+          isTemplateNameEmpty: true,
+          htmlEditorValidationState: {
+            isContentEmpty: false,
+            issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+          },
+        };
+        renderComponent(props);
+        const errorMessage = await screen.findByText(/template name cannot be empty/i);
+        expect(errorMessage).toBeInTheDocument();
+        const updateBtn = screen.getByRole('button', { name: /update/i });
+        expect(updateBtn).toBeDisabled();
+        renderComponent({
+          ...props,
+          isTemplateNameEmpty: false,
+          htmlEditorValidationState: {
+            isContentEmpty: false,
+            issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+          },
+        });
+        const updateBtns = screen.getAllByRole('button', { name: /update/i });
+        expect(updateBtns[1]).toBeEnabled();
+    });
+});
+
+describe('shouldCheckValidation (line 79)', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('disables Save when shouldCheckValidation is true and validation has errors not acknowledged (HTML Editor, EMAIL, no CK)', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'editTemplate',
+      htmlEditorValidationState: {
+        validationComplete: true,
+        hasErrors: true,
+        errorsAcknowledged: false,
+        isContentEmpty: false,
+        issueCounts: { html: 1, label: 0, liquid: 0, total: 1 },
+      },
+    });
+    const updateBtn = screen.getByRole('button', { name: /update/i });
+    expect(updateBtn).toBeDisabled();
+  });
+
+  it('enables Save when shouldCheckValidation is true and validation complete with no blocking errors', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'editTemplate',
+      htmlEditorValidationState: {
+        validationComplete: true,
+        hasErrors: false,
+        errorsAcknowledged: false,
+        isContentEmpty: false,
+        issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+      },
+    });
+    const updateBtn = screen.getByRole('button', { name: /update/i });
+    expect(updateBtn).toBeEnabled();
+  });
+
+  it('does not disable Save based on validation when currentChannel is not EMAIL (shouldCheckValidation false)', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'SMS',
+      slidBoxContent: 'editTemplate',
+      htmlEditorValidationState: {
+        validationComplete: true,
+        hasErrors: true,
+        errorsAcknowledged: false,
+        isContentEmpty: false,
+        issueCounts: { html: 1, label: 0, liquid: 0, total: 1 },
+      },
+    });
+    const updateBtn = screen.getByRole('button', { name: /update/i });
+    expect(updateBtn).toBeEnabled();
+  });
+
+  it('does not disable Save based on validation when htmlEditorValidationState is not provided (shouldCheckValidation false)', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'editTemplate',
+      htmlEditorValidationState: null,
+    });
+    const updateBtn = screen.getByRole('button', { name: /update/i });
+    expect(updateBtn).toBeEnabled();
+  });
+
+  it('does not disable Save based on validation when hasSupportCKEditor is true (shouldCheckValidation false)', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(true);
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'editTemplate',
+      htmlEditorValidationState: {
+        validationComplete: true,
+        hasErrors: true,
+        errorsAcknowledged: false,
+        isContentEmpty: false,
+        issueCounts: { html: 1, label: 0, liquid: 0, total: 1 },
+      },
+    });
+    const updateBtn = screen.getByRole('button', { name: /update/i });
+    expect(updateBtn).toBeEnabled();
+  });
+
+  it('disables Save when shouldCheckValidation true and content empty in create mode', () => {
+    const { hasSupportCKEditor } = require('../../../utils/common');
+    hasSupportCKEditor.mockReturnValue(false);
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent: 'createTemplate',
+      emailCreateMode: 'html_editor',
+      selectedEmailCreateMode: 'html_editor',
+      htmlEditorValidationState: {
+        validationComplete: true,
+        hasErrors: false,
+        errorsAcknowledged: false,
+        isContentEmpty: true,
+        issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+      },
     });
+    const saveBtn = screen.getByRole('button', { name: /create/i });
+    expect(saveBtn).toBeDisabled();
+  });
 });

package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap

@@ -10,6 +10,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
     getCmsTemplatesInProgress={false}
     handleCloseTestAndPreview={[MockFunction]}
     handleTestAndPreview={[MockFunction]}
+    isEditEmail={true}
     isLoyaltyModule={false}
     isTestAndPreviewMode={true}
     key="cretives-container-email-edit-wrapper"
@@ -60,6 +61,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
     getCmsTemplatesInProgress={false}
     handleCloseTestAndPreview={[MockFunction]}
     handleTestAndPreview={[MockFunction]}
+    isEditEmail={true}
     isLoyaltyModule={false}
     isTestAndPreviewMode={false}
     key="cretives-container-email-edit-wrapper"
@@ -110,6 +112,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
     getCmsTemplatesInProgress={false}
     handleCloseTestAndPreview={[MockFunction]}
     handleTestAndPreview={[MockFunction]}
+    isEditEmail={true}
     isLoyaltyModule={false}
     isTestAndPreviewMode={true}
     key="cretives-container-email-edit-wrapper"
@@ -159,6 +162,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
     getCmsTemplatesInProgress={false}
     handleCloseTestAndPreview={[MockFunction]}
     handleTestAndPreview={[MockFunction]}
+    isEditEmail={true}
     isLoyaltyModule={false}
     isTestAndPreviewMode={false}
     key="cretives-container-email-edit-wrapper"
@@ -1277,6 +1281,7 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
   <Connect(UserIsAuthenticated(Component))
     date={0}
     getCmsTemplatesInProgress={false}
+    isEditEmail={false}
     isTestAndPreviewMode={false}
     key="creatives-email-wrapper"
     templateData={
@@ -1352,6 +1357,7 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
   <Connect(UserIsAuthenticated(Component))
     date={0}
     getCmsTemplatesInProgress={false}
+    isEditEmail={false}
     isTestAndPreviewMode={true}
     key="creatives-email-wrapper"
     templateData={

package/v2Containers/Email/index.js

@@ -95,6 +95,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
     this.isTagLoaded = false;
     this.edmEvent = undefined;
+    // When schema is set after CmsSettings (e.g. library create BEE), allow BEE init to run once
+    this.schemaJustFilledForBee = false;
     this.supportedLanguages = this.getSupportedLanguages(props);
     this.map = {
       "template-name": {
@@ -336,7 +338,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     if (nextProps.metaEntities && nextProps.metaEntities.layouts && nextProps.metaEntities.layouts.length > 0 && _.isEmpty(this.state.schema)) {
       const newSchema = this.injectEvents(nextProps.metaEntities.layouts[0].definition);
       this.applyTabOptionIconVisibility(newSchema);
-
+      // So BEE init can run when CmsSettings already arrived (e.g. library create after default template selected)
+      this.schemaJustFilledForBee = true;
       this.setState({schema: newSchema, loadingStatus: this.state.loadingStatus + 1});
       if (this.props.location.query.module !== 'library' || (this.props.location.query.module === 'library' && this.props.getDefaultTags)) {
         const query = {
@@ -498,7 +501,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         }
       }
 
-      if (!_.isEmpty(nextProps.Email.CmsSettings) && !_.isEqual(this.props.Email.CmsSettings, nextProps.Email.CmsSettings) && !_.isEmpty(this.state.schema)) {
+      const cmsSettingsChanged = !_.isEqual(this.props.Email.CmsSettings, nextProps.Email.CmsSettings);
+      const hasCmsSettingsAndSchema = !_.isEmpty(nextProps.Email.CmsSettings) && !_.isEmpty(this.state.schema);
+      const shouldRunBeeInit = hasCmsSettingsAndSchema && (cmsSettingsChanged || this.schemaJustFilledForBee);
+      if (shouldRunBeeInit) {
+        this.schemaJustFilledForBee = false;
         const apiLangId = nextProps.Email.CmsSettings.langId;
         const langId = nextProps.Email.CmsSettings.langId !== "undefined" ? nextProps.Email.CmsSettings.langId : nextProps.currentOrgDetails.basic_details.base_language;
 
@@ -2927,14 +2934,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (content) {
         isLoading = false;
       }
-      if (typeof window !== 'undefined' && this.state.loadingStatus < 2) {
-        console.log('[UPLOAD-DEBUG] Email isEmailLoading (upload path)', {
-          loadingStatus: this.state.loadingStatus,
-          hasContentInFormData: !!content,
-          isLoadingResult: isLoading,
-          hasSelectedEmailLayout: !!this.props.Templates?.selectedEmailLayout,
-        });
-      }
     }
     // if (isLoading) {
     //   this.props.creativesContainerActions.hideCreativesContanerLoader();

package/v2Containers/EmailWrapper/components/EmailHTMLEditor.js

@@ -73,6 +73,7 @@ const EmailHTMLEditor = (props) => {
     getFormdata,
     // Library mode props
     templateData: templateDataProp,
+    isEditEmail = true,
     // Uploaded content from zip file
     EmailLayout,
     // Liquid validation
@@ -174,11 +175,13 @@ const EmailHTMLEditor = (props) => {
   // Check if liquid support is enabled
   const isLiquidEnabled = hasLiquidSupportFeature();
 
-  // Detect edit mode
+  // Detect edit mode: when isEditEmail is false (create flow), never treat as edit or fetch template details
   const hasParamsId = params?.id || location?.query?.id || location?.params?.id || location?.pathname?.includes('/edit/');
-  const currentTemplateId = templateDataProp?._id || params?.id || location?.query?.id || location?.params?.id
-    || location?.pathname?.match(/\/edit\/([^/]+)/)?.[1];
-  const isEditMode = !!currentTemplateId || !!hasParamsId;
+  const currentTemplateId = isEditEmail
+    ? (templateDataProp?._id || params?.id || location?.query?.id || location?.params?.id
+      || location?.pathname?.match(/\/edit\/([^/]+)/)?.[1])
+    : (params?.id || location?.query?.id || location?.params?.id || location?.pathname?.match(/\/edit\/([^/]+)/)?.[1]);
+  const isEditMode = isEditEmail && (!!currentTemplateId || !!hasParamsId);
 
   // Load tags on component mount
   useEffect(() => {
@@ -1204,6 +1207,7 @@ EmailHTMLEditor.propTypes = {
   onValidationFail: PropTypes.func,
   moduleType: PropTypes.string,
   onHtmlEditorValidationStateChange: PropTypes.func,
+  isEditEmail: PropTypes.bool,
 };
 
 EmailHTMLEditor.defaultProps = {
@@ -1239,6 +1243,7 @@ EmailHTMLEditor.defaultProps = {
   onValidationFail: null,
   moduleType: null,
   onHtmlEditorValidationStateChange: null,
+  isEditEmail: true,
 };
 
 const EmailHTMLEditorWithIntl = injectIntl(EmailHTMLEditor);

package/v2Containers/EmailWrapper/components/EmailWrapperView.js

@@ -182,6 +182,7 @@ const EmailWrapperView = ({
   Email,
   templateData: templateDataProp,
   params,
+  isEditEmail = true,
   fetchingLiquidTags,
   createTemplateInProgress,
   fetchingCmsData,
@@ -198,7 +199,7 @@ const EmailWrapperView = ({
   const isEditModeForEditor = hasParamsIdForEditor;
   const isBEEFromProps = emailProps?.editor === 'BEE' && emailProps?.selectedEditorMode === null;
   const isDragDropFromCreateMode = emailCreateMode === EMAIL_CREATE_MODES.DRAG_DROP;
-  const isExplicitlyBEEEditor = isBEEFromProps || isDragDropFromCreateMode ||  (emailProps?.editor === "BEE" && !isFullMode);
+  const isExplicitlyBEEEditor = isBEEFromProps || isDragDropFromCreateMode;
   let isHTMLEditorMode = false;
 
   if (supportCKEditor) {
@@ -258,6 +259,7 @@ const EmailWrapperView = ({
     getFormdata,
     // Library mode props
     templateData: templateDataProp,
+    isEditEmail,
     // Uploaded content from zip file
     EmailLayout,
     // Liquid validation
@@ -373,6 +375,7 @@ EmailWrapperView.propTypes = {
   Email: PropTypes.object,
   templateData: PropTypes.object,
   params: PropTypes.object,
+  isEditEmail: PropTypes.bool,
   fetchingLiquidTags: PropTypes.bool,
   createTemplateInProgress: PropTypes.bool,
   fetchingCmsData: PropTypes.bool,

package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js

@@ -66,6 +66,7 @@ const useEmailWrapper = ({
   Email,
   templateData,
   params,
+  isEditEmail = true,
 }) => {
   // State management
   const [templateName, setTemplateName] = useState('');
@@ -194,7 +195,10 @@ const useEmailWrapper = ({
       return;
     }
 
-    // New flow: Fetch template details if we're in edit mode and don't have template data yet
+    // New flow: Fetch template details only when editing (not when creating)
+    if (!isEditEmail) {
+      return;
+    }
     const hasParamsId = params?.id || location?.query?.id || location?.params?.id || location?.pathname?.includes('/edit/');
     const hasTemplateDetails = Email?.templateDetails && !isEmpty(Email.templateDetails);
     const hasTemplateDataProp = templateData && !isEmpty(templateData);
@@ -207,7 +211,7 @@ const useEmailWrapper = ({
         emailActions.getTemplateDetails(templateId, 'email');
       }
     }
-  }, [params?.id, location?.query?.id, location?.params?.id, location?.pathname, Email?.templateDetails, Email?.getTemplateDetailsInProgress, templateData, emailActions]);
+  }, [isEditEmail, params?.id, location?.query?.id, location?.params?.id, location?.pathname, Email?.templateDetails, Email?.getTemplateDetailsInProgress, templateData, emailActions]);
 
   // Effect to set BEETemplate when template details are loaded for BEE templates
   // This ensures Email component can properly initialize BEE editor
@@ -643,7 +647,7 @@ const useEmailWrapper = ({
           // If template was created in BEE AND BEE is enabled → open in BEE editor
           // Otherwise → open in HTML editor (fallback)
           // IMPORTANT: When supportCKEditor is false, default to HTML editor unless explicitly BEE
-          if ((isDragDrop && isBeeEnabled) || (!isFullMode && isBeeEnabled)) {
+          if ((isDragDrop && isBeeEnabled)) {
             editorType = 'BEE';
             selectedEditorMode = null; // BEE uses existing flow
           } else {

package/v2Containers/EmailWrapper/index.js

@@ -85,6 +85,7 @@ const EmailWrapper = (props) => {
     createTemplateInProgress,
     fetchingCmsData,
     onHtmlEditorValidationStateChange,
+    isEditEmail = true,
   } = props;
 
   // Pass destructured props to the custom hook
@@ -143,6 +144,7 @@ const EmailWrapper = (props) => {
     Email,
     templateData,
     params,
+    isEditEmail,
   });
 
   // Render using the presentation component with data from the hook
@@ -195,6 +197,7 @@ const EmailWrapper = (props) => {
         setIsLoadingContent={setIsLoadingContent}
         templateData={templateData}
         params={params}
+        isEditEmail={isEditEmail}
         showTemplateName={showTemplateName}
         fetchingLiquidTags={fetchingLiquidTags}
         createTemplateInProgress={createTemplateInProgress}

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

@@ -732,7 +732,8 @@ describe('useEmailWrapper', () => {
 
         await waitFor(() => {
           const emailProps = result.current.emailProps;
-          expect(emailProps.editor).toBe('BEE');
+          expect(emailProps.editor).toBe('HTML');
+          expect(emailProps.selectedEditorMode).toBe(EMAIL_CREATE_MODES.HTML_EDITOR);
         });
       });
 
@@ -761,7 +762,8 @@ describe('useEmailWrapper', () => {
 
         await waitFor(() => {
           const emailProps = result.current.emailProps;
-          expect(emailProps.editor).toBe('BEE');
+          expect(emailProps.editor).toBe('HTML');
+          expect(emailProps.selectedEditorMode).toBe(EMAIL_CREATE_MODES.HTML_EDITOR);
         });
       });
     });