@capillarytech/creatives-library 8.0.319 → 8.0.321

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

@@ -377,3 +377,366 @@ exports[`Test SlideBoxHeader container Should render correct component for zalo
   />
 </div>
 `;
+
+exports[`Test SlideBoxHeader container does not call templateNameRenderProp when isFullMode 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}
+    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",
@@ -85,6 +86,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -93,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}
@@ -119,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",
@@ -181,6 +184,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -189,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}
@@ -215,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",
@@ -319,6 +324,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -327,11 +333,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}
@@ -353,6 +359,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",
@@ -457,6 +464,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -465,11 +473,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}
@@ -491,6 +499,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",
@@ -595,6 +604,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
+        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -603,5 +613,5 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     show={false}
     size="size-xl"
   />
-</CreativesContainer__SlideBoxWrapper>
+</CreativesSlideBoxWrapper>
 `;