@capillarytech/creatives-library 8.0.264 → 8.0.266-alpha.0

package/v2Containers/CreativesContainer/messages.js

@@ -282,6 +282,10 @@ export default defineMessages({
     id: `${scope}.creativesTemplatesUpdate`,
     defaultMessage: `Update`,
   },
+  "creativesTemplatesDone": {
+    id: `${scope}.creativesTemplatesDone`,
+    defaultMessage: `Done`,
+  },
   "creativesTemplatesDiscard": {
     id: `${scope}.creativesTemplatesDiscard`,
     defaultMessage: `Discard`,
@@ -338,10 +342,6 @@ export default defineMessages({
     id: `${scope}.rcsCreative`,
     defaultMessage: `RCS creative`,
   },
-  "webPushTemplate": {
-    id: `${scope}.webPushTemplate`,
-    defaultMessage: `Web Push Template`,
-  },
   "templateNameEmpty": {
     id: `${scope}.templateNameEmpty`,
     defaultMessage: `Template name cannot be empty`
@@ -370,4 +370,8 @@ export default defineMessages({
     id: `${scope}.testAndPreview`,
     defaultMessage: `Preview and Test`,
   },
+  "next": {
+    id: `${scope}.next`,
+    defaultMessage: `Next`,
+  },
 });

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

@@ -24,24 +24,6 @@ jest.mock('../../../v2Components/FormBuilder', () => ({
   ),
 }));
 
-jest.mock('../../WebPush/Create/preview/DevicePreviewContent', () => ({
-  __esModule: true,
-  default: (props) => (
-    <div className="DevicePreviewContent-mock" {...props}>
-      DevicePreviewContent
-    </div>
-  ),
-}));
-
-jest.mock('../../WebPush', () => ({
-  __esModule: true,
-  default: (props) => (
-    <div className="WebPush-mock" {...props}>
-      WebPush
-    </div>
-  ),
-}));
-
 describe('Test SlideBoxContent container', () => {
   const onCreateComplete = jest.fn();
   let renderedComponent;
@@ -718,196 +700,4 @@ describe('Test SlideBoxContent container', () => {
       expect(renderedComponent).toMatchSnapshot();
     });
   });
-
-  describe('WebPush channel functionality', () => {
-    it('Should render correct component for webpush channel create mode', () => {
-      renderFunction('WEBPUSH', 'createTemplate', { mode: 'create' });
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should render correct component for webpush channel edit mode', () => {
-      const webpushEditTemplateData = {
-        type: 'WEBPUSH',
-        _id: '123',
-        versions: {
-          base: {
-            content: {
-              webpush: {
-                title: 'Test Title',
-                message: 'Test Message',
-              }
-            }
-          }
-        }
-      };
-      renderFunction('WEBPUSH', 'editTemplate', webpushEditTemplateData);
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should render correct component for webpush channel preview mode with all fields', () => {
-      const webpushPreviewTemplateData = {
-        type: 'WEBPUSH',
-        versions: {
-          base: {
-            content: {
-              webpush: {
-                title: 'Test Notification Title',
-                message: 'Test notification body text',
-                image: 'https://example.com/image.jpg',
-                brandIcon: 'https://example.com/brand-icon.png',
-                onClickAction: {
-                  url: 'https://example.com'
-                }
-              }
-            }
-          }
-        }
-      };
-      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should render correct component for webpush channel preview mode with minimal fields', () => {
-      const webpushPreviewTemplateData = {
-        type: 'WEBPUSH',
-        versions: {
-          base: {
-            content: {
-              webpush: {
-                title: 'Test Title',
-                message: 'Test Message'
-              }
-            }
-          }
-        }
-      };
-      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should render correct component for webpush channel preview mode with empty fields', () => {
-      const webpushPreviewTemplateData = {
-        type: 'WEBPUSH',
-        versions: {
-          base: {
-            content: {
-              webpush: {}
-            }
-          }
-        }
-      };
-      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should render correct component for webpush channel preview mode with missing onClickAction url', () => {
-      const webpushPreviewTemplateData = {
-        type: 'WEBPUSH',
-        versions: {
-          base: {
-            content: {
-              webpush: {
-                title: 'Test Title',
-                message: 'Test Message',
-                onClickAction: {}
-              }
-            }
-          }
-        }
-      };
-      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should render correct component for webpush channel preview mode with null onClickAction', () => {
-      const webpushPreviewTemplateData = {
-        type: 'WEBPUSH',
-        versions: {
-          base: {
-            content: {
-              webpush: {
-                title: 'Test Title',
-                message: 'Test Message',
-                onClickAction: null
-              }
-            }
-          }
-        }
-      };
-      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should handle supportedTags prop in webpush create mode', () => {
-      renderFunction('WEBPUSH', 'createTemplate', { mode: 'create' }, { 
-        supportedTags: ['tag1', 'tag2'] 
-      });
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should handle supportedTags prop in webpush edit mode', () => {
-      const webpushEditTemplateData = {
-        type: 'WEBPUSH',
-        _id: '123',
-        versions: {
-          base: {
-            content: {
-              webpush: {
-                title: 'Test Title',
-                message: 'Test Message',
-              }
-            }
-          }
-        }
-      };
-      renderFunction('WEBPUSH', 'editTemplate', webpushEditTemplateData, { 
-        supportedTags: ['tag1', 'tag2'] 
-      });
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should handle webpush create mode with all props', () => {
-      renderFunction('WEBPUSH', 'createTemplate', { mode: 'create' }, {
-        isFullMode: true,
-        handleClose: jest.fn(),
-        onCreateComplete: jest.fn(),
-        creativesMode: 'test',
-        getDefaultTags: 'outbound',
-        forwardedTags: {},
-        supportedTags: ['tag1'],
-        selectedOfferDetails: [],
-        eventContextTags: {}
-      });
-      expect(renderedComponent).toMatchSnapshot();
-    });
-
-    it('Should handle webpush edit mode with all props', () => {
-      const webpushEditTemplateData = {
-        type: 'WEBPUSH',
-        _id: '123',
-        versions: {
-          base: {
-            content: {
-              webpush: {
-                title: 'Test Title',
-                message: 'Test Message',
-              }
-            }
-          }
-        }
-      };
-      renderFunction('WEBPUSH', 'editTemplate', webpushEditTemplateData, {
-        isFullMode: true,
-        handleClose: jest.fn(),
-        onCreateComplete: jest.fn(),
-        creativesMode: 'test',
-        getDefaultTags: 'outbound',
-        forwardedTags: {},
-        supportedTags: ['tag1'],
-        selectedOfferDetails: [],
-        eventContextTags: {}
-      });
-      expect(renderedComponent).toMatchSnapshot();
-    });
-  });
 });

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();