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

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

@@ -1,5 +1,60 @@
 // 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"
@@ -349,341 +404,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>
-    }
-    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 {}}
-            />,
-          }
-        }
-      />
-    }
-  />
+  <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>
 </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}
@@ -20,7 +20,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",
@@ -61,6 +60,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
           }
         }
         templateStep="modeSelection"
+        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -83,7 +83,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -91,11 +90,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}
@@ -114,7 +113,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",
@@ -155,6 +153,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
           }
         }
         templateStep="modeSelection"
+        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -177,7 +176,6 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         }
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -185,11 +183,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}
@@ -208,7 +206,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",
@@ -244,6 +241,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
+        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -314,7 +312,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -322,11 +319,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}
@@ -345,7 +342,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",
@@ -381,6 +377,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
+        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -451,7 +448,6 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -459,11 +455,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}
@@ -482,7 +478,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",
@@ -518,6 +513,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
+        waitEventContextTags={Object {}}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -588,7 +584,6 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         slidBoxContent="editTemplate"
         templateNameRenderProp={[Function]}
         templateStep="modeSelection"
-        useLocalTemplates={false}
         weChatMaptemplateStep={0}
         weChatTemplateType=""
       />
@@ -596,5 +591,5 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     show={false}
     size="size-xl"
   />
-</CreativesSlideBoxWrapper>
+</CreativesContainer__SlideBoxWrapper>
 `;