@capillarytech/creatives-library 8.0.330-alpha.0 → 8.0.331-alpha.0

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

@@ -1,5 +1,68 @@
 // 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"
@@ -378,365 +441,43 @@ 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`] = `
+exports[`Test SlideBoxHeader container Should render wechat map template create steps (mapTemplateCreate path) 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=""
-  />
+  <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>
 </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`] = `
-<CreativesSlideBoxWrapper
+<CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -23,7 +23,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
-        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -86,7 +85,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -95,11 +93,11 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
     show={true}
     size="size-xl"
   />
-</CreativesSlideBoxWrapper>
+</CreativesContainer__SlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, add creative click whatsapp 1`] = `
-<CreativesSlideBoxWrapper
+<CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -121,7 +119,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
-        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -184,7 +181,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -193,11 +189,11 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
     show={true}
     size="size-xl"
   />
-</CreativesSlideBoxWrapper>
+</CreativesContainer__SlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, whatsapp edit all data 1`] = `
-<CreativesSlideBoxWrapper
+<CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -219,7 +215,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
-        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -324,7 +319,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -333,11 +327,11 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
     show={false}
     size="size-xl"
   />
-</CreativesSlideBoxWrapper>
+</CreativesContainer__SlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container campaign message, whatsapp edit min data 1`] = `
-<CreativesSlideBoxWrapper
+<CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -359,7 +353,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         inAppEditorType={null}
         isAnonymousType={false}
         isTestAndPreviewMode={false}
-        localTemplatesConfig={Object {}}
         loyaltyMetaData={
           Object {
             "actionName": "SEND_COMMUNICATION_ACTION",
@@ -464,7 +457,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -473,11 +465,11 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
     show={false}
     size="size-xl"
   />
-</CreativesSlideBoxWrapper>
+</CreativesContainer__SlideBoxWrapper>
 `;
 
 exports[`Test SlideBoxContent container it should clear the url, on channel change from new whatsapp to another 1`] = `
-<CreativesSlideBoxWrapper
+<CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
   shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
@@ -499,7 +491,6 @@ 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",
@@ -604,7 +595,6 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -613,5 +603,5 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     show={false}
     size="size-xl"
   />
-</CreativesSlideBoxWrapper>
+</CreativesContainer__SlideBoxWrapper>
 `;