@capillarytech/creatives-library 9.0.70-alpha.sprint-cap-213712.13 → 9.0.70

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "9.0.70-alpha.sprint-cap-213712.13",
+  "version": "9.0.70",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/FormBuilder/Classic.js

@@ -3327,6 +3327,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         let computedStyle = val.style ?? {};
         if (val.id === EXPORT_HTML_LABEL_ID && this.props?.exportHtmlLocked) {
           computedStyle = { ...computedStyle, opacity: 0.5, cursor: 'not-allowed', pointerEvents: 'none' };
+        } else if (val.id === EXPORT_HTML_LABEL_ID && this.props?.exportHtmlEnabled) {
+          // Enabled after an in-place save; prop-driven, like the lock above.
+          computedStyle = { ...computedStyle, opacity: 1, cursor: 'pointer', pointerEvents: 'auto' };
         }
         const divElement = (
           <div

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -20,6 +20,7 @@ import { RICH_MEDIA, MAP_TEMPLATE, CREATE } from '../WeChat/Wrapper/constants';
 import CallTask from '../CallTask';
 import MobliPushEdit from '../MobilePush/Edit';
 import * as constants from './constants';
+import { SMS as SMS_LOWERCASE } from '../../constants/unified';
 import LineContainer from '../Line/Container';
 import FTP from '../FTP';
 import Viber from '../Viber';
@@ -184,6 +185,8 @@ export function SlideBoxContent(props) {
       onHtmlEditorValidationStateChange,
       onEmbeddedSmsFooterValidity,
       onContentValidityChange,
+      canStayOpenAfterCreate,
+      onCreateContinuedAsEdit,
     } = props;
   const localTemplatesConfig = props.localTemplatesConfig || pick(props, constants.LOCAL_TEMPLATE_CONFIG_KEYS);
   const useLocalTemplates = !!get(localTemplatesConfig, 'useLocalTemplates');
@@ -262,6 +265,35 @@ export function SlideBoxContent(props) {
     isEditInApp = isEdit && channel === constants.INAPP;
   }
   const isDltEnabled = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
+
+  // Shared by the regular and background (create → edit) SMS Edit; each adds its own templateData.
+  const smsEditWrapperProps = {
+    showLiquidErrorInFooter,
+    setIsLoadingContent,
+    isEditSms: true,
+    location: creativesLocationProps,
+    isFullMode,
+    route: { name: SMS_LOWERCASE },
+    isGetFormData,
+    getFormSubscriptionData: getFormData,
+    getDefaultTags: type,
+    forwardedTags,
+    selectedOfferDetails,
+    onPreviewContentClicked,
+    onTestContentClicked,
+    handleClose,
+    onCreateComplete,
+    smsRegister,
+    eventContextTags,
+    waitEventContextTags,
+    getLiquidTags,
+    showTestAndPreviewSlidebox,
+    handleTestAndPreview,
+    handleCloseTestAndPreview,
+    isTestAndPreviewMode,
+    onValidationFail,
+    onEmbeddedSmsFooterValidity,
+  };
   const hasJPLocaleHideFeatureEnabled = commonUtil?.hasJPLocaleHideFeatureEnabled();
 
   const getChannelPreviewContent = (templateDataObject) => {
@@ -579,35 +611,7 @@ export function SlideBoxContent(props) {
         />
       }
       {isEditSms && (
-        <SmsWrapper
-          showLiquidErrorInFooter={showLiquidErrorInFooter}
-          setIsLoadingContent={setIsLoadingContent}
-          isEditSms={isEditSms}
-          location={creativesLocationProps}
-          isFullMode={isFullMode}
-          route={{ name: 'sms' }}
-          params={{id: templateData._id}}
-          isGetFormData={isGetFormData}
-          getFormSubscriptionData={getFormData}
-          getDefaultTags={type}
-          templateData={templateData}
-          forwardedTags={forwardedTags}
-          selectedOfferDetails={selectedOfferDetails}
-          onPreviewContentClicked={onPreviewContentClicked}
-          onTestContentClicked={onTestContentClicked}
-          handleClose={handleClose}
-          onCreateComplete={onCreateComplete}
-          smsRegister={smsRegister}
-          eventContextTags={eventContextTags}
-          waitEventContextTags={waitEventContextTags}
-          getLiquidTags={getLiquidTags}
-          showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
-          handleTestAndPreview={handleTestAndPreview}
-          handleCloseTestAndPreview={handleCloseTestAndPreview}
-          isTestAndPreviewMode={isTestAndPreviewMode}
-          onValidationFail={onValidationFail}
-          onEmbeddedSmsFooterValidity={onEmbeddedSmsFooterValidity}
-        />
+        <SmsWrapper {...smsEditWrapperProps} templateData={templateData} />
       )}
       {isEditFTP && (
         <FTP
@@ -667,7 +671,7 @@ export function SlideBoxContent(props) {
         showLiquidErrorInFooter={showLiquidErrorInFooter}
         setIsLoadingContent={setIsLoadingContent}
         location={creativesLocationProps}
-        route={{ name: 'sms' }}
+        route={{ name: SMS_LOWERCASE }}
         isCreateSms={isCreateSms}
         isComponent
         templateData={templateData}
@@ -1289,6 +1293,8 @@ export function SlideBoxContent(props) {
           isAnonymousType={isAnonymousType}
           waitEventContextTags={waitEventContextTags}
           onContentValidityChange={onContentValidityChange}
+          canStayOpenAfterCreate={canStayOpenAfterCreate}
+          onCreateContinuedAsEdit={onCreateContinuedAsEdit}
         />
       )}
       {isCreateRcs && (<Rcs
@@ -1349,6 +1355,9 @@ SlideBoxContent.propTypes = {
   onResetStep: PropTypes.func,
   onCallTaskSubmit: PropTypes.func,
   isFullMode: PropTypes.bool,
+  // Full mode: host allows a create to continue in place as an edit (edit permission)
+  canStayOpenAfterCreate: PropTypes.bool,
+  onCreateContinuedAsEdit: PropTypes.func,
   setIsLoadingContent: PropTypes.func,
   onMobilepushModeChange: PropTypes.func,
   mobilePushCreateMode: PropTypes.string,

package/v2Containers/CreativesContainer/SlideBoxFooter.js

@@ -11,7 +11,11 @@ import { EMAIL_CREATE_MODES } from '../EmailWrapper/constants';
 import { hasSupportCKEditor } from '../../utils/common';
 import { getMessageForDevice, getTitleForDevice } from '../../utils/commonUtils';
 
-function getFullModeSaveBtn(slidBoxContent, isCreatingTemplate) {
+function getFullModeSaveBtn(slidBoxContent, isCreatingTemplate, isStayOpenChannel) {
+  // Email / push: "Save" in both modes
+  if (isStayOpenChannel) {
+    return <FormattedMessage {...messages.creativesTemplatesSaveButton} />;
+  }
   if (isCreatingTemplate) {
     return <FormattedMessage {...messages.creativesTemplatesDone} />;
   }
@@ -171,7 +175,7 @@ function SlideBoxFooter(props) {
 
   function getSaveButtonLabel() {
     if (primarySaveButtonMessage) return <FormattedMessage {...primarySaveButtonMessage} />;
-    if (isFullMode) return getFullModeSaveBtn(slidBoxContent, isCreatingTemplate);
+    if (isFullMode) return getFullModeSaveBtn(slidBoxContent, isCreatingTemplate, isEmailChannel || isMobilePushChannel);
     return <FormattedMessage {...messages.creativesTemplatesSave} />;
   }
 

package/v2Containers/CreativesContainer/constants.js

@@ -25,6 +25,7 @@ export const INAPP = "INAPP";
 export const WEBPUSH = "WEBPUSH";
 export const WEBPUSH_BRAND_ICON = "WEBPUSH_BRAND_ICON";
 export const PREVIEW = "preview";
+export const CREATE_TEMPLATE = "createTemplate";
 export const EDIT_TEMPLATE = "editTemplate";
 export const JOURNEY = "journey";
 export const HTML = "HTML";

package/v2Containers/CreativesContainer/index.js

@@ -200,6 +200,8 @@ export class Creatives extends React.Component {
       // Live content-validity signal for channels that report it (currently SMS create) —
       // false by default so unwired channels are never blocked by this flag.
       isContentInvalid: false,
+      // Full mode: a create continued in place as an edit (form kept) — header shows the edit title
+      isCreateContinuedAsEdit: false,
     };
     this.creativesTemplateSteps = {
       1: 'modeSelection',
@@ -1703,7 +1705,24 @@ export class Creatives extends React.Component {
     };
   }
 
+  // Channel kept its form after a create and will update on the next save: show the edit header
+  handleCreateContinuedAsEdit = () => {
+    if (!this.state.isCreateContinuedAsEdit) {
+      this.setState({ isCreateContinuedAsEdit: true });
+    }
+  };
+
   getFormData = (template) => {
+    // Full-mode save that stays open: host only refreshes its list (creates need edit permission).
+    const canStayOpen = this.state.slidBoxContent !== constants.CREATE_TEMPLATE || this.props.switchToEditAfterCreate;
+    if (this.props.isFullMode && template?.keepSlideBoxOpen && canStayOpen) {
+      this.setState({ isGetFormData: false });
+      if (template.continuedAsEdit) {
+        this.handleCreateContinuedAsEdit(); // header switches to the edit title
+      }
+      this.props.getCreativesData({ channel: this.state.currentChannel?.toUpperCase(), keepSlideBoxOpen: true });
+      return;
+    }
     // Always reset isGetFormData so the child does not re-send form data on every re-render
     // (e.g. when user fixes validation error by typing, we must not auto-close the slidebox)
     this.setState(
@@ -2336,7 +2355,10 @@ export class Creatives extends React.Component {
                 key="creatives-container-slidebox-header"
                 channel={currentChannel}
                 messages={this.props.messages}
-                slidBoxContent={this.state.slidBoxContent}
+                // Edit title after an in-place create
+                slidBoxContent={this.state.isCreateContinuedAsEdit && this.state.slidBoxContent === constants.CREATE_TEMPLATE
+                  ? constants.EDIT_TEMPLATE
+                  : this.state.slidBoxContent}
                 templateData={templateData}
                 onShowTemplates={this.onShowTemplates}
                 creativesMode={creativesMode}
@@ -2439,6 +2461,8 @@ export class Creatives extends React.Component {
               onContentValidityChange={this.handleContentValidityChange}
               onPersonalizationTokensChange={this.handlePersonalizationTokensChange}
               localTemplatesConfig={pick(this.props.localTemplatesConfig || this.props, constants.LOCAL_TEMPLATE_CONFIG_KEYS)}
+              canStayOpenAfterCreate={!!(isFullMode && this.props.switchToEditAfterCreate)}
+              onCreateContinuedAsEdit={this.handleCreateContinuedAsEdit}
                           />
           )}
           footer={this.shouldShowFooter() ? (
@@ -2505,6 +2529,7 @@ Creatives.propTypes = {
   handleCloseCreatives: PropTypes.func,
   templateData: PropTypes.object,
   isFullMode: PropTypes.bool,
+  switchToEditAfterCreate: PropTypes.bool,
   channel: PropTypes.string,
   templateActions: PropTypes.object,
   globalActions: PropTypes.object,

package/v2Containers/CreativesContainer/messages.js

@@ -282,6 +282,10 @@ export default defineMessages({
     id: `${scope}.creativesTemplatesUpdate`,
     defaultMessage: `Update`,
   },
+  "creativesTemplatesSaveButton": {
+    id: `${scope}.creativesTemplatesSaveButton`,
+    defaultMessage: `Save`,
+  },
   "creativesTemplatesDone": {
     id: `${scope}.creativesTemplatesDone`,
     defaultMessage: `Done`,

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

@@ -61,7 +61,7 @@ describe("test for empty email empty template name", () => {
         renderComponent(props);
         const errorMessage = await screen.findByText(/template name cannot be empty/i);
         expect(errorMessage).toBeInTheDocument();
-        const updateBtn = screen.getByRole('button', { name: /update/i });
+        const updateBtn = screen.getByRole('button', { name: /^save$/i });
         expect(updateBtn).toBeDisabled();
         renderComponent({
           ...props,
@@ -71,7 +71,7 @@ describe("test for empty email empty template name", () => {
             issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
           },
         });
-        const updateBtns = screen.getAllByRole('button', { name: /update/i });
+        const updateBtns = screen.getAllByRole('button', { name: /^save$/i });
         expect(updateBtns[1]).toBeEnabled();
     });
 });
@@ -96,7 +96,7 @@ describe('shouldCheckValidation (line 79)', () => {
         issueCounts: { html: 1, label: 0, liquid: 0, total: 1 },
       },
     });
-    const updateBtn = screen.getByRole('button', { name: /update/i });
+    const updateBtn = screen.getByRole('button', { name: /^save$/i });
     expect(updateBtn).toBeDisabled();
   });
 
@@ -115,7 +115,7 @@ describe('shouldCheckValidation (line 79)', () => {
         issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
       },
     });
-    const updateBtn = screen.getByRole('button', { name: /update/i });
+    const updateBtn = screen.getByRole('button', { name: /^save$/i });
     expect(updateBtn).toBeEnabled();
   });
 
@@ -147,7 +147,7 @@ describe('shouldCheckValidation (line 79)', () => {
       slidBoxContent: 'editTemplate',
       htmlEditorValidationState: null,
     });
-    const updateBtn = screen.getByRole('button', { name: /update/i });
+    const updateBtn = screen.getByRole('button', { name: /^save$/i });
     expect(updateBtn).toBeEnabled();
   });
 
@@ -166,7 +166,7 @@ describe('shouldCheckValidation (line 79)', () => {
         issueCounts: { html: 1, label: 0, liquid: 0, total: 1 },
       },
     });
-    const updateBtn = screen.getByRole('button', { name: /update/i });
+    const updateBtn = screen.getByRole('button', { name: /^save$/i });
     expect(updateBtn).toBeEnabled();
   });
 
@@ -187,7 +187,7 @@ describe('shouldCheckValidation (line 79)', () => {
         issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
       },
     });
-    const saveBtn = screen.getByRole('button', { name: /create/i });
+    const saveBtn = screen.getByRole('button', { name: /^save$/i });
     expect(saveBtn).toBeDisabled();
   });
 
@@ -555,7 +555,7 @@ describe('SlideBoxFooter — isHtmlEditorValidationStateActive via issueCounts',
     // isHtmlEditorValidationStateActive = true (via issueCounts.total > 0)
     // isHTMLEditorModeInEdit = true, shouldCheckValidation = true
     // hasValidationErrors = false, shouldDisableButtons = false (no hasErrors)
-    const updateBtn = screen.getByRole('button', { name: /update/i });
+    const updateBtn = screen.getByRole('button', { name: /^save$/i });
     expect(updateBtn).toBeEnabled();
   });
 
@@ -578,7 +578,7 @@ describe('SlideBoxFooter — isHtmlEditorValidationStateActive via issueCounts',
     // isHtmlEditorValidationStateActive = false → isHTMLEditorModeInEdit = false
     // isBEEEditor = true (isEditMode && !isHtmlEditorValidationStateActive)
     // shouldCheckValidation = false → button enabled
-    const updateBtn = screen.getByRole('button', { name: /update/i });
+    const updateBtn = screen.getByRole('button', { name: /^save$/i });
     expect(updateBtn).toBeEnabled();
   });
 });
@@ -607,7 +607,7 @@ describe('SlideBoxFooter — isBEEEditor detection in create mode via emailCreat
     });
     // selectedEmailCreateMode=drag_drop → isBEEEditor = true (DRAG_DROP branch)
     // shouldCheckValidation = false → button not disabled by validation
-    const createBtn = screen.getByRole('button', { name: /create/i });
+    const createBtn = screen.getByRole('button', { name: /^save$/i });
     expect(createBtn).toBeInTheDocument();
   });
 
@@ -630,7 +630,7 @@ describe('SlideBoxFooter — isBEEEditor detection in create mode via emailCreat
     });
     // isHTMLEditorModeInCreate = false (selectedEmailCreateMode is undefined, not html_editor)
     // emailCreateMode === 'editor' && !isHTMLEditorMode → isBEEEditor = true
-    const createBtn = screen.getByRole('button', { name: /create/i });
+    const createBtn = screen.getByRole('button', { name: /^save$/i });
     expect(createBtn).toBeInTheDocument();
     expect(createBtn).not.toBeDisabled();
   });
@@ -687,4 +687,32 @@ describe('SlideBoxFooter — isContentInvalid (live content-validity signal, e.g
     });
     expect(screen.getByRole('button', { name: /update/i })).not.toBeDisabled();
   });
-});
+});
+
+describe('SlideBoxFooter — full-mode email button label', () => {
+  it.each([
+    ['create', 'createTemplate', true],
+    ['edit', 'editTemplate', false],
+  ])('reads "Save" in %s mode', (_mode, slidBoxContent, isCreatingTemplate) => {
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'EMAIL',
+      slidBoxContent,
+      isCreatingTemplate,
+    });
+    expect(screen.getByRole('button', { name: /^save$/i })).toBeInTheDocument();
+  });
+});
+describe('SlideBoxFooter — full-mode push notification button label', () => {
+  it.each([
+    ['create', 'createTemplate'],
+    ['edit', 'editTemplate'],
+  ])('reads "Save" in %s mode', (_mode, slidBoxContent) => {
+    renderComponent({
+      ...baseFooterProps,
+      currentChannel: 'MOBILEPUSH',
+      slidBoxContent,
+    });
+    expect(screen.getByRole('button', { name: /^save$/i })).toBeInTheDocument();
+  });
+});

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

@@ -9,6 +9,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
   <CapSlideBox
     content={
       <SlideBoxContent
+        canStayOpenAfterCreate={false}
         channelsToHide={Array []}
         currentChannel="RCS"
         customerType=""
@@ -30,6 +31,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         onChannelChange={[Function]}
         onContentValidityChange={[Function]}
         onCreateComplete={[MockFunction]}
+        onCreateContinuedAsEdit={[Function]}
         onCreateNew={[Function]}
         onCreateNextStep={[Function]}
         onEmailModeChange={[Function]}
@@ -105,6 +107,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
   <CapSlideBox
     content={
       <SlideBoxContent
+        canStayOpenAfterCreate={false}
         channelsToHide={Array []}
         currentChannel="WHATSAPP"
         customerType=""
@@ -126,6 +129,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         onChannelChange={[Function]}
         onContentValidityChange={[Function]}
         onCreateComplete={[MockFunction]}
+        onCreateContinuedAsEdit={[Function]}
         onCreateNew={[Function]}
         onCreateNextStep={[Function]}
         onEmailModeChange={[Function]}
@@ -201,6 +205,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
   <CapSlideBox
     content={
       <SlideBoxContent
+        canStayOpenAfterCreate={false}
         channelsToHide={Array []}
         currentChannel="WHATSAPP"
         customerType=""
@@ -222,6 +227,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         onChannelChange={[Function]}
         onContentValidityChange={[Function]}
         onCreateComplete={[MockFunction]}
+        onCreateContinuedAsEdit={[Function]}
         onCreateNew={[Function]}
         onCreateNextStep={[Function]}
         onEmailModeChange={[Function]}
@@ -341,6 +347,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
   <CapSlideBox
     content={
       <SlideBoxContent
+        canStayOpenAfterCreate={false}
         channelsToHide={Array []}
         currentChannel="WHATSAPP"
         customerType=""
@@ -362,6 +369,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         onChannelChange={[Function]}
         onContentValidityChange={[Function]}
         onCreateComplete={[MockFunction]}
+        onCreateContinuedAsEdit={[Function]}
         onCreateNew={[Function]}
         onCreateNextStep={[Function]}
         onEmailModeChange={[Function]}
@@ -481,6 +489,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
   <CapSlideBox
     content={
       <SlideBoxContent
+        canStayOpenAfterCreate={false}
         channelsToHide={Array []}
         currentChannel="WHATSAPP"
         customerType=""
@@ -502,6 +511,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         onChannelChange={[Function]}
         onContentValidityChange={[Function]}
         onCreateComplete={[MockFunction]}
+        onCreateContinuedAsEdit={[Function]}
         onCreateNew={[Function]}
         onCreateNextStep={[Function]}
         onEmailModeChange={[Function]}

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

@@ -0,0 +1,152 @@
+import React from 'react';
+import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
+
+import { Creatives } from '../index';
+import { SMS } from '../constants';
+
+jest.mock('../../../v2Components/FormBuilder', () => ({
+  __esModule: true,
+  default: () => <div className="FormBuilder-mock">FormBuilder</div>,
+}));
+
+describe('CreativesContainer: full-mode SMS create continues in place', () => {
+  const getCreativesData = jest.fn();
+  const handleCloseCreatives = jest.fn();
+
+  const render = (props = {}) => shallowWithIntl(
+    <Creatives
+      isFullMode
+      creativesMode="create"
+      channel="SMS"
+      templateData={{ mode: 'create' }}
+      Templates={{}}
+      getCreativesData={getCreativesData}
+      handleCloseCreatives={handleCloseCreatives}
+      switchToEditAfterCreate
+      {...props}
+    />,
+  );
+
+  beforeEach(() => jest.clearAllMocks());
+
+  it('create save: stays open, refreshes the host list and switches the header (content stays as is)', () => {
+    const wrapper = render();
+    wrapper.instance().getFormData({ _id: 'tpl-1', validity: true, keepSlideBoxOpen: true, continuedAsEdit: true });
+    wrapper.update();
+
+    expect(getCreativesData).toHaveBeenCalledWith({ channel: SMS, keepSlideBoxOpen: true });
+    expect(handleCloseCreatives).not.toHaveBeenCalled();
+    expect(wrapper.state('slidBoxContent')).toBe('createTemplate');
+    expect(wrapper.find('CapSlideBox').prop('header').props.slidBoxContent).toBe('editTemplate');
+  });
+
+  it('on an edit save in full mode, keeps the slidebox open and only lets the host refresh', () => {
+    const instance = render({ creativesMode: 'edit', templateData: { _id: 'tpl-1', type: SMS } }).instance();
+    expect(instance.state.slidBoxContent).toBe('editTemplate');
+    instance.setState({ isGetFormData: true });
+    instance.getFormData({ value: { base: {} }, _id: 'tpl-1', validity: true, keepSlideBoxOpen: true });
+
+    expect(instance.state.slidBoxContent).toBe('editTemplate');
+    expect(instance.state.showSlideBox).toBe(true);
+    expect(instance.state.isGetFormData).toBe(false);
+    expect(getCreativesData).toHaveBeenCalledTimes(1);
+    expect(getCreativesData).toHaveBeenCalledWith({ channel: SMS, keepSlideBoxOpen: true });
+    expect(handleCloseCreatives).not.toHaveBeenCalled();
+  });
+
+  it('create save without edit permission closes as before (no header switch)', () => {
+    const wrapper = render({ switchToEditAfterCreate: false });
+    wrapper.instance().getFormData({ _id: 'tpl-1', validity: true, keepSlideBoxOpen: true, continuedAsEdit: true });
+
+    expect(getCreativesData).not.toHaveBeenCalledWith({ channel: SMS, keepSlideBoxOpen: true });
+    expect(wrapper.state('isCreateContinuedAsEdit')).toBe(false);
+  });
+});
+
+describe('CreativesContainer: full-mode email create continues in place', () => {
+  const getCreativesData = jest.fn();
+  const render = (props = {}) => shallowWithIntl(
+    <Creatives
+      isFullMode
+      creativesMode="create"
+      channel="EMAIL"
+      templateData={{ mode: 'create' }}
+      Templates={{}}
+      getCreativesData={getCreativesData}
+      handleCloseCreatives={jest.fn()}
+      switchToEditAfterCreate
+      {...props}
+    />,
+  );
+
+  beforeEach(() => jest.clearAllMocks());
+
+  it('stays open after a create save and only lets the host refresh its list', () => {
+    const instance = render().instance();
+    instance.setState({ isGetFormData: true });
+    instance.getFormData({ _id: 'email-1', validity: true, keepSlideBoxOpen: true });
+
+    expect(instance.state.slidBoxContent).toBe('createTemplate');
+    expect(instance.state.isGetFormData).toBe(false);
+    expect(getCreativesData).toHaveBeenCalledWith({ channel: 'EMAIL', keepSlideBoxOpen: true });
+  });
+
+  it('closes as before after a create save when the user cannot edit', () => {
+    const instance = render({ switchToEditAfterCreate: false }).instance();
+    instance.getFormData({ _id: 'email-1', validity: true, keepSlideBoxOpen: true });
+
+    expect(getCreativesData).not.toHaveBeenCalledWith({ channel: 'EMAIL', keepSlideBoxOpen: true });
+  });
+});
+
+describe('CreativesContainer: header after a create continued in place (web push)', () => {
+  it('shows the edit title in the header while the content stays mounted in create mode', () => {
+    const wrapper = shallowWithIntl(
+      <Creatives
+        isFullMode
+        creativesMode="create"
+        channel="WEBPUSH"
+        templateData={{ mode: 'create' }}
+        Templates={{}}
+        getCreativesData={jest.fn()}
+        handleCloseCreatives={jest.fn()}
+        switchToEditAfterCreate
+      />,
+    );
+    const headerContent = () => wrapper.find('CapSlideBox').prop('header').props.slidBoxContent;
+    expect(headerContent()).toBe('createTemplate');
+
+    wrapper.instance().handleCreateContinuedAsEdit();
+    wrapper.update();
+
+    expect(headerContent()).toBe('editTemplate');
+    expect(wrapper.state('slidBoxContent')).toBe('createTemplate');
+    expect(wrapper.find('CapSlideBox').prop('content').props.slidBoxContent).toBe('createTemplate');
+  });
+});
+
+describe('CreativesContainer: a stay-open create marked continuedAsEdit (Viber)', () => {
+  it('stays open, refreshes the host list and switches the header to the edit title', () => {
+    const getCreativesData = jest.fn();
+    const wrapper = shallowWithIntl(
+      <Creatives
+        isFullMode
+        creativesMode="create"
+        channel="VIBER"
+        templateData={{ mode: 'create' }}
+        Templates={{}}
+        getCreativesData={getCreativesData}
+        handleCloseCreatives={jest.fn()}
+        switchToEditAfterCreate
+      />,
+    );
+
+    wrapper.instance().getFormData({ _id: 'vb-1', validity: true, keepSlideBoxOpen: true, continuedAsEdit: true });
+    wrapper.update();
+
+    expect(getCreativesData).toHaveBeenCalledWith({ channel: 'VIBER', keepSlideBoxOpen: true });
+    expect(wrapper.state('isCreateContinuedAsEdit')).toBe(true);
+    expect(wrapper.find('CapSlideBox').prop('header').props.slidBoxContent).toBe('editTemplate');
+    expect(wrapper.state('slidBoxContent')).toBe('createTemplate');
+  });
+});