@capillarytech/creatives-library 9.0.14 → 9.0.15-alpha.1

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

@@ -1,60 +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"
-    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 {}}
-            />,
-          }
-        }
-      />
-    }
-  />
-</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>
-    }
-    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 {}}
-            />,
-          }
-        }
-      />
-    }
-  />
-</div>
-`;
-
 exports[`Test SlideBoxHeader container Should render correct component for rcs channel create mode 1`] = `
 <div
   key="creatives-container-slidebox-header-content"
@@ -404,43 +349,341 @@ 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"
-  >
-    <CapStep
-      title={
-        <CapLabel
-          type="label8"
-        >
-          <FormattedMessage
-            defaultMessage="Select template"
-            id="creatives.containersV2.Creatives.selectTemplate"
-            values={Object {}}
-          />
-        </CapLabel>
-      }
-    />
-    <CapStep
-      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>
+    }
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="SMS"
+              id="creatives.containersV2.Creatives.smsHeader"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</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>
+    }
+    prefix={false}
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="SMS"
+              id="creatives.containersV2.Creatives.smsHeader"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</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>
+    }
+    prefix={false}
+    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 {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</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>
+    }
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="WhatsApp template"
+              id="creatives.containersV2.Creatives.whatsappTemplate"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</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>
+    }
+    prefix={false}
+    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 {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</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>
+    }
+    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 {}}
+            />,
+          }
+        }
+      />
+    }
+  />
 </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}
@@ -20,6 +20,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",
@@ -60,7 +61,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
           }
         }
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -83,6 +83,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -90,11 +91,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}
@@ -113,6 +114,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",
@@ -153,7 +155,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
           }
         }
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -176,6 +177,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -183,11 +185,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}
@@ -206,6 +208,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",
@@ -241,7 +244,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -312,6 +314,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -319,11 +322,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}
@@ -342,6 +345,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",
@@ -377,7 +381,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -448,6 +451,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -455,11 +459,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}
@@ -478,6 +482,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",
@@ -513,7 +518,6 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
-        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -584,6 +588,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -591,5 +596,5 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     show={false}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;