@capillarytech/creatives-library 8.0.271 → 8.0.273

package/v2Containers/CreativesContainer/tests/SlideBoxFooter.test.js

@@ -43,7 +43,12 @@ describe("test for empty email empty template name", () => {
         slidBoxContent: "editTemplate",
         currentChannel: "EMAIL",
         templateStep: "modeSelection",
-        isTemplateNameEmpty: true
+        isTemplateNameEmpty: true,
+        htmlEditorValidationState: {
+          isContentEmpty: false,
+          issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+        },
+        isCreatingTemplate: false,
       }
       renderComponent(props);
       const errorMessage = await screen.findByText(/template name cannot be empty/i);
@@ -52,7 +57,11 @@ describe("test for empty email empty template name", () => {
       expect(updateBtn).toBeDisabled();
       renderComponent({
         ...props,
-        isTemplateNameEmpty: false
+        isTemplateNameEmpty: false,
+        htmlEditorValidationState: {
+          isContentEmpty: false,
+          issueCounts: { html: 0, label: 0, liquid: 0, total: 0 },
+        },
       })
       const updateBtns = screen.getAllByRole('button',{name:/update/i});
       expect(updateBtns[1]).toBeEnabled();

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

@@ -2,20 +2,22 @@
 
 exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode with ID 1`] = `
 <SlideBoxContent__CreativesWrapper>
-  <ForwardRef
+  <Connect(UserIsAuthenticated(Component))
     cap={Object {}}
     editor="default"
+    emailCreateMode="editor"
     eventContextTags={Object {}}
-    getDefaultTags=""
+    getCmsTemplatesInProgress={false}
     handleCloseTestAndPreview={[MockFunction]}
     handleTestAndPreview={[MockFunction]}
     isLoyaltyModule={false}
     isTestAndPreviewMode={true}
-    key="cretives-container-email-edit"
+    key="cretives-container-email-edit-wrapper"
     location={
       Object {
-        "pathname": "/email/edit",
+        "pathname": "/email/edit/123",
         "query": Object {
+          "id": "123",
           "module": "library",
           "type": "embedded",
         },
@@ -28,14 +30,10 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
         "id": "123",
       }
     }
-    route={
-      Object {
-        "name": "email",
-      }
-    }
     showLiquidErrorInFooter={false}
     showTemplateName={[MockFunction]}
     showTestAndPreviewSlidebox={true}
+    step="createTemplateContent"
     templateData={
       Object {
         "_id": "123",
@@ -47,26 +45,29 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
         },
       }
     }
+    type=""
   />
 </SlideBoxContent__CreativesWrapper>
 `;
 
 exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode with ID 2`] = `
 <SlideBoxContent__CreativesWrapper>
-  <ForwardRef
+  <Connect(UserIsAuthenticated(Component))
     cap={Object {}}
     editor="default"
+    emailCreateMode="editor"
     eventContextTags={Object {}}
-    getDefaultTags=""
+    getCmsTemplatesInProgress={false}
     handleCloseTestAndPreview={[MockFunction]}
     handleTestAndPreview={[MockFunction]}
     isLoyaltyModule={false}
     isTestAndPreviewMode={false}
-    key="cretives-container-email-edit"
+    key="cretives-container-email-edit-wrapper"
     location={
       Object {
-        "pathname": "/email/edit",
+        "pathname": "/email/edit/123",
         "query": Object {
+          "id": "123",
           "module": "library",
           "type": "embedded",
         },
@@ -79,14 +80,10 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
         "id": "123",
       }
     }
-    route={
-      Object {
-        "name": "email",
-      }
-    }
     showLiquidErrorInFooter={false}
     showTemplateName={[MockFunction]}
     showTestAndPreviewSlidebox={false}
+    step="createTemplateContent"
     templateData={
       Object {
         "_id": "123",
@@ -98,26 +95,29 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
         },
       }
     }
+    type=""
   />
 </SlideBoxContent__CreativesWrapper>
 `;
 
 exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode without ID 1`] = `
 <SlideBoxContent__CreativesWrapper>
-  <ForwardRef
+  <Connect(UserIsAuthenticated(Component))
     cap={Object {}}
     editor="default"
+    emailCreateMode="editor"
     eventContextTags={Object {}}
-    getDefaultTags=""
+    getCmsTemplatesInProgress={false}
     handleCloseTestAndPreview={[MockFunction]}
     handleTestAndPreview={[MockFunction]}
     isLoyaltyModule={false}
     isTestAndPreviewMode={true}
-    key="cretives-container-email-edit"
+    key="cretives-container-email-edit-wrapper"
     location={
       Object {
-        "pathname": "/email/edit",
+        "pathname": "/email/edit/undefined",
         "query": Object {
+          "id": undefined,
           "module": "library",
           "type": "embedded",
         },
@@ -130,14 +130,10 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
         "id": undefined,
       }
     }
-    route={
-      Object {
-        "name": "email",
-      }
-    }
     showLiquidErrorInFooter={false}
     showTemplateName={[MockFunction]}
     showTestAndPreviewSlidebox={true}
+    step="createTemplateContent"
     templateData={
       Object {
         "type": "EMAIL",
@@ -148,26 +144,29 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
         },
       }
     }
+    type=""
   />
 </SlideBoxContent__CreativesWrapper>
 `;
 
 exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode without ID 2`] = `
 <SlideBoxContent__CreativesWrapper>
-  <ForwardRef
+  <Connect(UserIsAuthenticated(Component))
     cap={Object {}}
     editor="default"
+    emailCreateMode="editor"
     eventContextTags={Object {}}
-    getDefaultTags=""
+    getCmsTemplatesInProgress={false}
     handleCloseTestAndPreview={[MockFunction]}
     handleTestAndPreview={[MockFunction]}
     isLoyaltyModule={false}
     isTestAndPreviewMode={false}
-    key="cretives-container-email-edit"
+    key="cretives-container-email-edit-wrapper"
     location={
       Object {
-        "pathname": "/email/edit",
+        "pathname": "/email/edit/undefined",
         "query": Object {
+          "id": undefined,
           "module": "library",
           "type": "embedded",
         },
@@ -180,14 +179,10 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
         "id": undefined,
       }
     }
-    route={
-      Object {
-        "name": "email",
-      }
-    }
     showLiquidErrorInFooter={false}
     showTemplateName={[MockFunction]}
     showTestAndPreviewSlidebox={false}
+    step="createTemplateContent"
     templateData={
       Object {
         "type": "EMAIL",
@@ -198,6 +193,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
         },
       }
     }
+    type=""
   />
 </SlideBoxContent__CreativesWrapper>
 `;
@@ -1103,25 +1099,17 @@ exports[`Test SlideBoxContent container Should render correct component for what
 
 exports[`Test SlideBoxContent container Should render correct component for whatsapp channel create mode 2`] = `
 <SlideBoxContent__CreativesWrapper>
-  <ForwardRef
+  <Connect(Connect(UserIsAuthenticated(InjectIntl(CreativesCommon))))
+    date={0}
     getDefaultTags=""
-    location={
-      Object {
-        "pathname": "/inapp/create",
-        "query": Object {
-          "isEditFromCampaigns": undefined,
-          "module": "library",
-          "type": "embedded",
-        },
-        "search": "",
-      }
-    }
+    key="creatives-inapp-wrapper"
     onCreateComplete={[MockFunction]}
     templateData={
       Object {
         "mode": "create",
       }
     }
+    type=""
   />
 </SlideBoxContent__CreativesWrapper>
 `;
@@ -1286,7 +1274,7 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
 
 exports[`Test SlideBoxContent container Should render correctly with isTestAndPreviewMode disabled 2`] = `
 <SlideBoxContent__CreativesWrapper>
-  <Connect(UserIsAuthenticated(Connect(InjectIntl(EmailWrapper))))
+  <Connect(UserIsAuthenticated(Component))
     date={0}
     getCmsTemplatesInProgress={false}
     isTestAndPreviewMode={false}
@@ -1361,7 +1349,7 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
 
 exports[`Test SlideBoxContent container Should render correctly with isTestAndPreviewMode enabled 2`] = `
 <SlideBoxContent__CreativesWrapper>
-  <Connect(UserIsAuthenticated(Connect(InjectIntl(EmailWrapper))))
+  <Connect(UserIsAuthenticated(Component))
     date={0}
     getCmsTemplatesInProgress={false}
     isTestAndPreviewMode={true}

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

@@ -3,6 +3,7 @@
 exports[`Test SlideBoxContent container campaign message, add creative click rcs 1`] = `
 <CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
+  shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
 >
   <CapSlideBox
@@ -17,6 +18,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
+        inAppEditorType={null}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -32,6 +34,9 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         onEnterTemplateName={[Function]}
         onFTPSubmit={[MockFunction]}
         onFacebookSubmit={[MockFunction]}
+        onHtmlEditorValidationStateChange={[Function]}
+        onInAppEditorTypeChange={[Function]}
+        onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
@@ -89,6 +94,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
 exports[`Test SlideBoxContent container campaign message, add creative click whatsapp 1`] = `
 <CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
+  shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
 >
   <CapSlideBox
@@ -103,6 +109,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
+        inAppEditorType={null}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -118,6 +125,9 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         onEnterTemplateName={[Function]}
         onFTPSubmit={[MockFunction]}
         onFacebookSubmit={[MockFunction]}
+        onHtmlEditorValidationStateChange={[Function]}
+        onInAppEditorTypeChange={[Function]}
+        onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
@@ -175,6 +185,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
 exports[`Test SlideBoxContent container campaign message, whatsapp edit all data 1`] = `
 <CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
+  shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
 >
   <CapSlideBox
@@ -189,6 +200,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
+        inAppEditorType={null}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -204,6 +216,9 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         onEnterTemplateName={[Function]}
         onFTPSubmit={[MockFunction]}
         onFacebookSubmit={[MockFunction]}
+        onHtmlEditorValidationStateChange={[Function]}
+        onInAppEditorTypeChange={[Function]}
+        onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
@@ -226,20 +241,46 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
     }
     footer={
       <SlideBoxFooter
+        continueButtonLabel={
+          Object {
+            "defaultMessage": "Next",
+            "id": "creatives.containersV2.Creatives.next",
+          }
+        }
         currentChannel="WHATSAPP"
         currentTab="ANDROID"
+        emailCreateMode=""
         errorMessages={
           Object {
             "LIQUID_ERROR_MSG": Array [],
             "STANDARD_ERROR_MSG": Array [],
           }
         }
+        fetchingCmsData={false}
+        htmlEditorValidationState={
+          Object {
+            "errorsAcknowledged": false,
+            "isContentEmpty": true,
+            "issueCounts": Object {
+              "errors": 0,
+              "total": 0,
+              "warnings": 0,
+            },
+            "validationComplete": false,
+          }
+        }
+        isContinueButtonDisabled={false}
+        isCreatingTemplate={false}
+        isEmptyContent={false}
+        isFullMode={false}
         isLiquidValidationError={false}
+        isTemplateNameEmpty={false}
         onCreateNextStep={[Function]}
         onDiscard={[Function]}
         onEditTemplate={[Function]}
         onSave={[Function]}
         onTestAndPreview={[Function]}
+        selectedEmailCreateMode={null}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}
         showTestAndPreviewButton={true}
@@ -273,6 +314,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
 exports[`Test SlideBoxContent container campaign message, whatsapp edit min data 1`] = `
 <CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
+  shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
 >
   <CapSlideBox
@@ -287,6 +329,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
+        inAppEditorType={null}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -302,6 +345,9 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         onEnterTemplateName={[Function]}
         onFTPSubmit={[MockFunction]}
         onFacebookSubmit={[MockFunction]}
+        onHtmlEditorValidationStateChange={[Function]}
+        onInAppEditorTypeChange={[Function]}
+        onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
@@ -324,20 +370,46 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
     }
     footer={
       <SlideBoxFooter
+        continueButtonLabel={
+          Object {
+            "defaultMessage": "Next",
+            "id": "creatives.containersV2.Creatives.next",
+          }
+        }
         currentChannel="WHATSAPP"
         currentTab="ANDROID"
+        emailCreateMode=""
         errorMessages={
           Object {
             "LIQUID_ERROR_MSG": Array [],
             "STANDARD_ERROR_MSG": Array [],
           }
         }
+        fetchingCmsData={false}
+        htmlEditorValidationState={
+          Object {
+            "errorsAcknowledged": false,
+            "isContentEmpty": true,
+            "issueCounts": Object {
+              "errors": 0,
+              "total": 0,
+              "warnings": 0,
+            },
+            "validationComplete": false,
+          }
+        }
+        isContinueButtonDisabled={false}
+        isCreatingTemplate={false}
+        isEmptyContent={false}
+        isFullMode={false}
         isLiquidValidationError={false}
+        isTemplateNameEmpty={false}
         onCreateNextStep={[Function]}
         onDiscard={[Function]}
         onEditTemplate={[Function]}
         onSave={[Function]}
         onTestAndPreview={[Function]}
+        selectedEmailCreateMode={null}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}
         showTestAndPreviewButton={true}
@@ -371,6 +443,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
 exports[`Test SlideBoxContent container it should clear the url, on channel change from new whatsapp to another 1`] = `
 <CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "
+  shouldApplyFooterMargin={false}
   slideBoxWrapperMargin={0}
 >
   <CapSlideBox
@@ -385,6 +458,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
+        inAppEditorType={null}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -400,6 +474,9 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         onEnterTemplateName={[Function]}
         onFTPSubmit={[MockFunction]}
         onFacebookSubmit={[MockFunction]}
+        onHtmlEditorValidationStateChange={[Function]}
+        onInAppEditorTypeChange={[Function]}
+        onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
@@ -422,20 +499,46 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     }
     footer={
       <SlideBoxFooter
+        continueButtonLabel={
+          Object {
+            "defaultMessage": "Next",
+            "id": "creatives.containersV2.Creatives.next",
+          }
+        }
         currentChannel="WHATSAPP"
         currentTab="ANDROID"
+        emailCreateMode=""
         errorMessages={
           Object {
             "LIQUID_ERROR_MSG": Array [],
             "STANDARD_ERROR_MSG": Array [],
           }
         }
+        fetchingCmsData={false}
+        htmlEditorValidationState={
+          Object {
+            "errorsAcknowledged": false,
+            "isContentEmpty": true,
+            "issueCounts": Object {
+              "errors": 0,
+              "total": 0,
+              "warnings": 0,
+            },
+            "validationComplete": false,
+          }
+        }
+        isContinueButtonDisabled={false}
+        isCreatingTemplate={false}
+        isEmptyContent={false}
+        isFullMode={false}
         isLiquidValidationError={false}
+        isTemplateNameEmpty={false}
         onCreateNextStep={[Function]}
         onDiscard={[Function]}
         onEditTemplate={[Function]}
         onSave={[Function]}
         onTestAndPreview={[Function]}
+        selectedEmailCreateMode={null}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}
         showTestAndPreviewButton={true}

package/v2Containers/Email/actions.js

@@ -66,6 +66,13 @@ export function clearCRUDResponse() {
   };
 }
 
+export function getCmsAccounts(cmsType) {
+  return {
+    type: types.GET_CMS_ACCOUNTS_REQUEST,
+    cmsType,
+  };
+}
+
 export function clearStoreValues() {
   return {
     type: types.CLEAR_ALL_VALUES,

package/v2Containers/Email/constants.js

@@ -36,4 +36,8 @@ export const DUPLICATE_TEMPLATE_REQUEST = 'app/v2Containers/Email/DUPLICATE_TEMP
 export const DUPLICATE_TEMPLATE_SUCCESS = 'app/v2Containers/Email/DUPLICATE_TEMPLATE_SUCCESS';
 export const DUPLICATE_TEMPLATE_FAILURE = 'app/v2Containers/Email/DUPLICATE_TEMPLATE_FAILURE';
 
-export const TRANSFORM_EMAIL_TEMPLATE_REQUEST = 'app/v2Containers/Email/TRANSFORM_EMAIL_TEMPLATE_REQUEST';
+export const TRANSFORM_EMAIL_TEMPLATE_REQUEST = 'app/v2Containers/Email/TRANSFORM_EMAIL_TEMPLATE_REQUEST';
+
+export const GET_CMS_ACCOUNTS_REQUEST = 'app/v2Containers/Email/GET_CMS_ACCOUNTS_REQUEST';
+export const GET_CMS_ACCOUNTS_SUCCESS = 'app/v2Containers/Email/GET_CMS_ACCOUNTS_SUCCESS';
+export const GET_CMS_ACCOUNTS_FAILURE = 'app/v2Containers/Email/GET_CMS_ACCOUNTS_FAILURE';