@capillarytech/creatives-library 9.0.26 → 9.0.29-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,13 +349,211 @@ 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 createTemplate header (modeSelection step) uses the TRAI SMS upload title when isTraiDLTEnable is true for an SMS channel 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    className="support-video-elements"
+    prefix={
+      <SlideBoxHeader__PrefixWrapper>
+        <BackIcon />
+      </SlideBoxHeader__PrefixWrapper>
+    }
+    title={
+      <FormattedMessage
+        defaultMessage="Upload SMS templates"
+        id="creatives.containersV2.Creatives.UploadSMStemplates"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="SMS"
+              id="creatives.containersV2.Creatives.smsHeader"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container createTemplate header (modeSelection step) uses the regular createMessageContent title when isTraiDLTEnable is false 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="WhatsApp template"
+              id="creatives.containersV2.Creatives.whatsappTemplate"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+  <CapLink
+    className="learn-tips-link"
+    onClick={[Function]}
+    suffix={
+      <CapIcon
+        size="s"
+        type="open-in-new"
+      />
+    }
+    title={
+      <FormattedMessage
+        defaultMessage="Learn tips to get approved"
+        id="creatives.containersV2.Creatives.learnTips"
+        values={Object {}}
+      />
+    }
+  />
+</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>
+    }
+    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 evaluates useLocalTemplates for the back button when moduleType is not JOURNEY 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    description={
+      <FormattedMessage
+        defaultMessage="Select only one creative"
+        id="creatives.containersV2.Creatives.creativeTemplatesDesc"
+        values={Object {}}
+      />
+    }
+    prefix={
+      <SlideBoxHeader__PrefixWrapper>
+        <BackIcon />
+      </SlideBoxHeader__PrefixWrapper>
+    }
+    title={
+      <FormattedMessage
+        defaultMessage="Creative templates"
+        id="creatives.containersV2.Creatives.creativeTemplates"
+        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 the WeChat map-template creation stepper when weChatTemplateType is MAP_TEMPLATE and templateStep is not modeSelection 1`] = `
 <div
   key="creatives-container-slidebox-header-content"
 >
   <CapSteps
     className="wechat-steps"
-    current={0}
+    current={1}
     onChange={[MockFunction]}
     size="small"
   >
@@ -444,3 +587,352 @@ exports[`Test SlideBoxHeader container Should render wechat map template create
   </CapSteps>
 </div>
 `;
+
+exports[`Test SlideBoxHeader container renders the createTemplate header via the createTemplateContent step when weChatTemplateType is not MAP_TEMPLATE 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="RCS creative"
+              id="creatives.containersV2.Creatives.rcsCreative"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</div>
+`;
+
+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>
+`;
+
+exports[`Test SlideBoxHeader container shows the RCS creative name label when RCS edit is not in fullMode and a templateName is present 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="Creative name"
+              id="creatives.containersV2.creativeNameLabel"
+              values={Object {}}
+            />
+          </SlideBoxHeader__StyledLabel>
+          <SlideBoxHeader__StyledLabel
+            className="whatsapp-rcs-slidebox-template-name"
+            type="label2"
+          >
+            RCS Creative Name
+          </SlideBoxHeader__StyledLabel>
+        </React.Fragment>
+      </React.Fragment>
+    }
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="RCS creative"
+              id="creatives.containersV2.Creatives.rcsCreative"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container shows the back-icon prefix in the editTemplate header when not fullMode and showPrefix is true 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    className="support-video-elements"
+    description={
+      <React.Fragment>
+        
+      </React.Fragment>
+    }
+    prefix={
+      <SlideBoxHeader__PrefixWrapper>
+        <BackIcon />
+      </SlideBoxHeader__PrefixWrapper>
+    }
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="SMS"
+              id="creatives.containersV2.Creatives.smsHeader"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+  />
+</div>
+`;