cap-creatives-ui 8.0.280 → 8.0.321

package/app/v2Containers/CreativesContainer/tests/SlideBoxHeader.test.js

@@ -72,4 +72,114 @@ describe('Test SlideBoxHeader container', () => {
     renderFunction("ZALO", "editTemplate", zaloEditTemplateData, true);
     expect(renderedComponent).toMatchSnapshot();
   });
+
+  it('renders templateNameRenderProp when isFullMode and shouldShowTemplateName are both true', () => {
+    const templateNameRenderProp = jest.fn().mockReturnValue(null);
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="SMS"
+        templateData={{ name: 'My Template' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode
+        shouldShowTemplateName
+        templateNameRenderProp={templateNameRenderProp}
+        moduleType="journey"
+      />
+    );
+    expect(templateNameRenderProp).toHaveBeenCalled();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('does not call templateNameRenderProp when isFullMode is false (showTemplateNameHeader=false)', () => {
+    const templateNameRenderProp = jest.fn().mockReturnValue(null);
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="SMS"
+        templateData={{ name: 'My Template' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode={false}
+        shouldShowTemplateName
+        templateNameRenderProp={templateNameRenderProp}
+        moduleType="journey"
+      />
+    );
+    expect(templateNameRenderProp).not.toHaveBeenCalled();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('does not call templateNameRenderProp when shouldShowTemplateName is false (showTemplateNameHeader=false)', () => {
+    const templateNameRenderProp = jest.fn().mockReturnValue(null);
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="SMS"
+        templateData={{ name: 'My Template' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode
+        shouldShowTemplateName={false}
+        templateNameRenderProp={templateNameRenderProp}
+        moduleType="journey"
+      />
+    );
+    expect(templateNameRenderProp).not.toHaveBeenCalled();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('shows edit header for InApp edit without fullMode (shouldShowInAppEditHeader=true)', () => {
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="inapp"
+        templateData={{ name: 'InApp Tpl' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode={false}
+        moduleType="journey"
+      />
+    );
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('hides edit header for InApp edit with fullMode (shouldShowInAppEditHeader=false, isInAppCreate guard)', () => {
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="inapp"
+        templateData={{ name: 'InApp Tpl' }}
+        onCreateComplete={onCreateComplete}
+        isFullMode
+        moduleType="journey"
+      />
+    );
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('renders whatsappOverview=true header when WHATSAPP edit in fullMode', () => {
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="WHATSAPP"
+        templateData={whatsappEditTemplateData}
+        onCreateComplete={onCreateComplete}
+        isFullMode
+        moduleType="journey"
+      />
+    );
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('renders whatsappOverview=false header when WHATSAPP edit without fullMode', () => {
+    renderedComponent = shallowWithIntl(
+      <SlideBoxHeader
+        slidBoxContent="editTemplate"
+        channel="WHATSAPP"
+        templateData={whatsappEditTemplateData}
+        onCreateComplete={onCreateComplete}
+        isFullMode={false}
+        moduleType="journey"
+      />
+    );
+    expect(renderedComponent).toMatchSnapshot();
+  });
 });

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

@@ -202,6 +202,114 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
 </SlideBoxContent__CreativesWrapper>
 `;
 
+exports[`Test SlideBoxContent container InApp vs InAppWrapper rendering conditions renders InApp when isFullMode=false and loyalty module enabled 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Component
+    getDefaultTags=""
+    isFullMode={false}
+    key="creatives-inapp-create"
+    location={
+      Object {
+        "pathname": "/inapp/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    templateData={
+      Object {
+        "mode": "create",
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container InApp vs InAppWrapper rendering conditions renders InApp when not full mode, not loyalty and new editor disabled 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Component
+    getDefaultTags=""
+    isFullMode={false}
+    key="creatives-inapp-create"
+    location={
+      Object {
+        "pathname": "/inapp/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    templateData={
+      Object {
+        "mode": "create",
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container InApp vs InAppWrapper rendering conditions renders InAppWrapper when full mode and new editor enabled 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Component
+    getDefaultTags=""
+    isFullMode={true}
+    key="creatives-inapp-create"
+    location={
+      Object {
+        "pathname": "/inapp/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    templateData={
+      Object {
+        "mode": "create",
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container InApp vs InAppWrapper rendering conditions renders InAppWrapper when isFullMode=true and new editor disabled 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Component
+    getDefaultTags=""
+    isFullMode={true}
+    key="creatives-inapp-create"
+    location={
+      Object {
+        "pathname": "/inapp/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    templateData={
+      Object {
+        "mode": "create",
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
 exports[`Test SlideBoxContent container Should handle isTestAndPreviewMode IIFE implementation correctly 1`] = `
 <SlideBoxContent__CreativesWrapper>
   <ForwardRef
@@ -751,6 +859,11 @@ exports[`Test SlideBoxContent container Should render correct component for rcs
       }
     }
     onCreateComplete={[MockFunction]}
+    templateData={
+      Object {
+        "mode": "create",
+      }
+    }
   />
 </SlideBoxContent__CreativesWrapper>
 `;
@@ -860,6 +973,7 @@ exports[`Test SlideBoxContent container Should render correct component for rcs
   <Connect(UserIsAuthenticated(Connect(InjectIntl(withStyles__StyledComponent))))
     FTPMode="create"
     channel="rcs"
+    localTemplatesConfig={Object {}}
     loyaltyMetaData={Object {}}
     messageDetails={Object {}}
     onCreateComplete={[MockFunction]}
@@ -1103,17 +1217,26 @@ exports[`Test SlideBoxContent container Should render correct component for what
 
 exports[`Test SlideBoxContent container Should render correct component for whatsapp channel create mode 2`] = `
 <SlideBoxContent__CreativesWrapper>
-  <Connect(Connect(UserIsAuthenticated(InjectIntl(CreativesCommon))))
-    date={0}
+  <Component
     getDefaultTags=""
-    key="creatives-inapp-wrapper"
+    key="creatives-inapp-create"
+    location={
+      Object {
+        "pathname": "/inapp/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
     onCreateComplete={[MockFunction]}
     templateData={
       Object {
         "mode": "create",
       }
     }
-    type=""
   />
 </SlideBoxContent__CreativesWrapper>
 `;
@@ -1259,6 +1382,7 @@ exports[`Test SlideBoxContent container Should render correct component for what
   <Connect(UserIsAuthenticated(Connect(InjectIntl(withStyles__StyledComponent))))
     FTPMode="create"
     channel="whatsapp"
+    localTemplatesConfig={Object {}}
     loyaltyMetaData={Object {}}
     messageDetails={Object {}}
     onCreateComplete={[MockFunction]}
@@ -1281,9 +1405,11 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
   <Connect(UserIsAuthenticated(Component))
     date={0}
     getCmsTemplatesInProgress={false}
+    isAnonymousType={false}
     isEditEmail={false}
     isTestAndPreviewMode={false}
     key="creatives-email-wrapper"
+    restrictPersonalization={false}
     templateData={
       Object {
         "mode": "create",
@@ -1357,9 +1483,11 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
   <Connect(UserIsAuthenticated(Component))
     date={0}
     getCmsTemplatesInProgress={false}
+    isAnonymousType={false}
     isEditEmail={false}
     isTestAndPreviewMode={true}
     key="creatives-email-wrapper"
+    restrictPersonalization={false}
     templateData={
       Object {
         "mode": "create",
@@ -1423,6 +1551,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
 <SlideBoxContent__CreativesWrapper>
   <_default
     getDefaultTags=""
+    isAnonymousType={false}
     location={
       Object {
         "pathname": "/webpush/create",
@@ -1435,6 +1564,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
       }
     }
     onCreateComplete={[MockFunction]}
+    restrictPersonalization={false}
     supportedTags={
       Array [
         "tag1",
@@ -1449,6 +1579,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
 <SlideBoxContent__CreativesWrapper>
   <_default
     getDefaultTags=""
+    isAnonymousType={false}
     location={
       Object {
         "pathname": "/webpush/edit",
@@ -1466,6 +1597,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
         "id": "123",
       }
     }
+    restrictPersonalization={false}
     supportedTags={
       Array [
         "tag1",
@@ -1500,6 +1632,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
     forwardedTags={Object {}}
     getDefaultTags=""
     handleClose={[MockFunction]}
+    isAnonymousType={false}
     isFullMode={true}
     location={
       Object {
@@ -1513,6 +1646,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
       }
     }
     onCreateComplete={[MockFunction]}
+    restrictPersonalization={false}
     selectedOfferDetails={Array []}
     supportedTags={
       Array [
@@ -1531,6 +1665,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
     forwardedTags={Object {}}
     getDefaultTags=""
     handleClose={[MockFunction]}
+    isAnonymousType={false}
     isFullMode={true}
     location={
       Object {
@@ -1549,6 +1684,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
         "id": "123",
       }
     }
+    restrictPersonalization={false}
     selectedOfferDetails={Array []}
     supportedTags={
       Array [
@@ -1579,6 +1715,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
 <SlideBoxContent__CreativesWrapper>
   <_default
     getDefaultTags=""
+    isAnonymousType={false}
     location={
       Object {
         "pathname": "/webpush/create",
@@ -1591,6 +1728,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
       }
     }
     onCreateComplete={[MockFunction]}
+    restrictPersonalization={false}
     supportedTags={Array []}
   />
 </SlideBoxContent__CreativesWrapper>
@@ -1600,6 +1738,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
 <SlideBoxContent__CreativesWrapper>
   <_default
     getDefaultTags=""
+    isAnonymousType={false}
     location={
       Object {
         "pathname": "/webpush/edit",
@@ -1617,6 +1756,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
         "id": "123",
       }
     }
+    restrictPersonalization={false}
     supportedTags={Array []}
     templateData={
       Object {
@@ -3211,6 +3351,7 @@ exports[`Test SlideBoxContent container getViber utility function Should handle
 <SlideBoxContent__CreativesWrapper>
   <SmsWrapper
     getDefaultTags=""
+    isAnonymousType={false}
     isComponent={true}
     isCreateSms={true}
     location={
@@ -3225,11 +3366,13 @@ exports[`Test SlideBoxContent container getViber utility function Should handle
       }
     }
     onCreateComplete={[MockFunction]}
+    restrictPersonalization={false}
     route={
       Object {
         "name": "sms",
       }
     }
+    templateData={null}
   />
 </SlideBoxContent__CreativesWrapper>
 `;