@capillarytech/creatives-library 8.0.353-alpha.5 → 8.0.353-alpha.6

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

@@ -1,68 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Test SlideBoxHeader container Should render correct component for inapp channel create mode 1`] = `
-<div
-  key="creatives-container-slidebox-header-content"
->
-  <CapHeader
-    className="support-video-elements"
-    descriptionClass=""
-    inline={false}
-    size="large"
-    title={
-      <FormattedMessage
-        defaultMessage="New {channel}"
-        id="creatives.containersV2.Creatives.createMessageContent"
-        values={
-          Object {
-            "channel": <FormattedMessage
-              defaultMessage="In App Message"
-              id="creatives.containersV2.Creatives.inAppHeader"
-              values={Object {}}
-            />,
-          }
-        }
-      />
-    }
-    titleClass=""
-  />
-</div>
-`;
-
-exports[`Test SlideBoxHeader container Should render correct component for inapp channel edit mode (non-fullmode) 1`] = `
-<div
-  key="creatives-container-slidebox-header-content"
->
-  <CapHeader
-    className="support-video-elements"
-    description={
-      <React.Fragment>
-        
-      </React.Fragment>
-    }
-    descriptionClass=""
-    inline={false}
-    size="large"
-    title={
-      <FormattedMessage
-        defaultMessage="Edit {channel}"
-        id="creatives.containersV2.Creatives.editMessageContent"
-        values={
-          Object {
-            "channel": <FormattedMessage
-              defaultMessage="In App Message"
-              id="creatives.containersV2.Creatives.inAppHeader"
-              values={Object {}}
-            />,
-          }
-        }
-      />
-    }
-    titleClass=""
-  />
-</div>
-`;
-
 exports[`Test SlideBoxHeader container Should render correct component for rcs channel create mode 1`] = `
 <div
   key="creatives-container-slidebox-header-content"
@@ -441,43 +378,365 @@ exports[`Test SlideBoxHeader container Should render correct component for zalo
 </div>
 `;
 
-exports[`Test SlideBoxHeader container Should render wechat map template create steps (mapTemplateCreate path) 1`] = `
+exports[`Test SlideBoxHeader container does not call templateNameRenderProp when isFullMode is false (showTemplateNameHeader=false) 1`] = `
 <div
   key="creatives-container-slidebox-header-content"
 >
-  <CapSteps
-    className="wechat-steps"
-    current={0}
-    onChange={[MockFunction]}
-    size="small"
-  >
-    <Step
-      title={
-        <CapLabel
-          type="label8"
-        >
-          <FormattedMessage
-            defaultMessage="Select template"
-            id="creatives.containersV2.Creatives.selectTemplate"
-            values={Object {}}
-          />
-        </CapLabel>
-      }
-    />
-    <Step
-      disabled={true}
-      title={
-        <CapLabel
-          type="label8"
-        >
-          <FormattedMessage
-            defaultMessage="Add content"
-            id="creatives.containersV2.Creatives.addContent"
-            values={Object {}}
-          />
-        </CapLabel>
-      }
-    />
-  </CapSteps>
+  <CapHeader
+    className="support-video-elements"
+    description={
+      <React.Fragment>
+        
+      </React.Fragment>
+    }
+    descriptionClass=""
+    inline={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="SMS"
+              id="creatives.containersV2.Creatives.smsHeader"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container does not call templateNameRenderProp when shouldShowTemplateName is false (showTemplateNameHeader=false) 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    className="support-video-elements"
+    description={
+      <React.Fragment>
+        
+      </React.Fragment>
+    }
+    descriptionClass=""
+    inline={false}
+    prefix={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="SMS"
+              id="creatives.containersV2.Creatives.smsHeader"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container hides edit header for InApp edit with fullMode (shouldShowInAppEditHeader=false, isInAppCreate guard) 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    className="support-video-elements"
+    description={
+      <React.Fragment>
+        
+      </React.Fragment>
+    }
+    descriptionClass=""
+    inline={false}
+    prefix={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="In App Message"
+              id="creatives.containersV2.Creatives.inAppHeader"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container renders templateNameRenderProp when isFullMode and shouldShowTemplateName are both true 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+/>
+`;
+
+exports[`Test SlideBoxHeader container renders whatsappOverview=false header when WHATSAPP edit without fullMode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    className="support-video-elements"
+    description={
+      <React.Fragment>
+        <React.Fragment>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label1"
+          >
+            <FormattedMessage
+              defaultMessage="Template name"
+              id="creatives.containersV2.templateNameLabel"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className="whatsapp-rcs-slidebox-template-name"
+            type="label2"
+          >
+            amit123456
+          </SlideBoxHeader__StyledLabel>
+        </React.Fragment>
+        <React.Fragment>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label3"
+          >
+            <FormattedMessage
+              defaultMessage="|"
+              id="creatives.containersV2.Whatsapp.labelSeperator"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label1"
+          >
+            <FormattedMessage
+              defaultMessage="Template category"
+              id="creatives.containersV2.Whatsapp.templateCategoryLabel"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label2"
+          >
+            Alert Update
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label3"
+          >
+            <FormattedMessage
+              defaultMessage="|"
+              id="creatives.containersV2.Whatsapp.labelSeperator"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label1"
+          >
+            <FormattedMessage
+              defaultMessage="Language"
+              id="creatives.containersV2.Whatsapp.languageLabel"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label2"
+          >
+            <FormattedMessage
+              defaultMessage="English"
+              id="creatives.containersV2.Whatsapp.english"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+        </React.Fragment>
+      </React.Fragment>
+    }
+    descriptionClass=""
+    inline={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="WhatsApp template"
+              id="creatives.containersV2.Creatives.whatsappTemplate"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container renders whatsappOverview=true header when WHATSAPP edit in fullMode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    className="support-video-elements"
+    description={
+      <React.Fragment>
+        <React.Fragment>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label1"
+          >
+            <FormattedMessage
+              defaultMessage="Template name"
+              id="creatives.containersV2.templateNameLabel"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className="whatsapp-rcs-slidebox-template-name"
+            type="label2"
+          >
+            amit123456
+          </SlideBoxHeader__StyledLabel>
+        </React.Fragment>
+        <React.Fragment>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label3"
+          >
+            <FormattedMessage
+              defaultMessage="|"
+              id="creatives.containersV2.Whatsapp.labelSeperator"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label1"
+          >
+            <FormattedMessage
+              defaultMessage="Template category"
+              id="creatives.containersV2.Whatsapp.templateCategoryLabel"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label2"
+          >
+            Alert Update
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label3"
+          >
+            <FormattedMessage
+              defaultMessage="|"
+              id="creatives.containersV2.Whatsapp.labelSeperator"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label1"
+          >
+            <FormattedMessage
+              defaultMessage="Language"
+              id="creatives.containersV2.Whatsapp.languageLabel"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className=""
+            type="label2"
+          >
+            <FormattedMessage
+              defaultMessage="English"
+              id="creatives.containersV2.Whatsapp.english"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+        </React.Fragment>
+      </React.Fragment>
+    }
+    descriptionClass=""
+    inline={false}
+    prefix={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="WhatsApp template overview"
+        id="creatives.containersV2.Creatives.whatsappOverview"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="WhatsApp template"
+              id="creatives.containersV2.Creatives.whatsappTemplate"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container shows edit header for InApp edit without fullMode (shouldShowInAppEditHeader=true) 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    className="support-video-elements"
+    description={
+      <React.Fragment>
+        
+      </React.Fragment>
+    }
+    descriptionClass=""
+    inline={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="In App Message"
+              id="creatives.containersV2.Creatives.inAppHeader"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+    titleClass=""
+  />
 </div>
 `;

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Test SlideBoxContent container campaign message, add creative click rcs 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -23,6 +23,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -63,7 +64,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
           }
         }
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -86,6 +86,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -94,11 +95,11 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
     show={true}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, add creative click whatsapp 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -120,6 +121,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -160,7 +162,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
           }
         }
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -183,6 +184,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -191,11 +193,11 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
     show={true}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, whatsapp edit all data 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -217,6 +219,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -252,7 +255,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -323,6 +325,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -331,11 +334,11 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
     show={false}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, whatsapp edit min data 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -357,6 +360,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -392,7 +396,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -463,6 +466,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -471,11 +475,11 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
     show={false}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container it should clear the url, on channel change from new whatsapp to another 1`] = `
-<CreativesContainer__SlideBoxWrapper
+<CreativesSlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -497,6 +501,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
+        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -532,7 +537,6 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -603,6 +607,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -611,5 +616,5 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     show={false}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;