@capillarytech/creatives-library 8.0.268 → 8.0.270

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

@@ -24,6 +24,24 @@ 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;
@@ -700,4 +718,196 @@ 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/__snapshots__/SlideBoxContent.test.js.snap

@@ -1425,6 +1425,310 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
 </SlideBoxContent__CreativesWrapper>
 `;
 
+exports[`Test SlideBoxContent container WebPush channel functionality Should handle supportedTags prop in webpush create mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/webpush/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    supportedTags={
+      Array [
+        "tag1",
+        "tag2",
+      ]
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should handle supportedTags prop in webpush edit mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/webpush/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+      }
+    }
+    supportedTags={
+      Array [
+        "tag1",
+        "tag2",
+      ]
+    }
+    templateData={
+      Object {
+        "_id": "123",
+        "type": "WEBPUSH",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "webpush": Object {
+                "message": "Test Message",
+                "title": "Test Title",
+              },
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should handle webpush create mode with all props 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    creativesMode="test"
+    eventContextTags={Object {}}
+    forwardedTags={Object {}}
+    getDefaultTags=""
+    handleClose={[MockFunction]}
+    isFullMode={true}
+    location={
+      Object {
+        "pathname": "/webpush/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    selectedOfferDetails={Array []}
+    supportedTags={
+      Array [
+        "tag1",
+      ]
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should handle webpush edit mode with all props 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    creativesMode="test"
+    eventContextTags={Object {}}
+    forwardedTags={Object {}}
+    getDefaultTags=""
+    handleClose={[MockFunction]}
+    isFullMode={true}
+    location={
+      Object {
+        "pathname": "/webpush/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+      }
+    }
+    selectedOfferDetails={Array []}
+    supportedTags={
+      Array [
+        "tag1",
+      ]
+    }
+    templateData={
+      Object {
+        "_id": "123",
+        "type": "WEBPUSH",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "webpush": Object {
+                "message": "Test Message",
+                "title": "Test Title",
+              },
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel create mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/webpush/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    supportedTags={Array []}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel edit mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/webpush/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+      }
+    }
+    supportedTags={Array []}
+    templateData={
+      Object {
+        "_id": "123",
+        "type": "WEBPUSH",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "webpush": Object {
+                "message": "Test Message",
+                "title": "Test Title",
+              },
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with all fields 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc="https://example.com/brand-icon.png"
+      imageSrc="https://example.com/image.jpg"
+      layoutMode="compact"
+      notificationBody="Test notification body text"
+      notificationTitle="Test Notification Title"
+      url="https://example.com"
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with empty fields 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc=""
+      imageSrc=""
+      layoutMode="compact"
+      notificationBody=""
+      notificationTitle=""
+      url=""
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with minimal fields 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc=""
+      imageSrc=""
+      layoutMode="compact"
+      notificationBody="Test Message"
+      notificationTitle="Test Title"
+      url=""
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with missing onClickAction url 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc=""
+      imageSrc=""
+      layoutMode="compact"
+      notificationBody="Test Message"
+      notificationTitle="Test Title"
+      url=""
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with null onClickAction 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc=""
+      imageSrc=""
+      layoutMode="compact"
+      notificationBody="Test Message"
+      notificationTitle="Test Title"
+      url=""
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
 exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle FACEBOOK channel preview content 1`] = `
 <SlideBoxContent__CreativesWrapper>
   <InjectIntl(TemplatePreview)

package/v2Containers/FTP/index.js

@@ -285,7 +285,7 @@ export class FTP extends React.Component {
     const { formatMessage } = this.props.intl;
     const { metaEntities, selectedOfferDetails, injectedTags } = this.props;
     const tagsRaw = metaEntities && metaEntities.tags ? metaEntities.tags.standard : [];
-    const validateTagResponse = this.validateTags(messageContent, tagsTree, injectedTags);
+    const validateTagResponse = !this.props?.isFullMode ? this.validateTags(messageContent, tagsTree, injectedTags) : { valid: true, unsupportedTags: [] };
     let unsupportedTags = null;
     let errorMessageText = '';
     if (!validateTagResponse.valid) {

package/v2Containers/InApp/index.js

@@ -395,6 +395,7 @@ export const InApp = (props) => {
       injectedTagsParams: injectedTags,
       location,
       tagModule: getDefaultTags,
+      isFullMode,
     }) || {};
     if (value === '' && INAPP_MEDIA_TYPES.NONE) {
       errorMessage = formatMessage(messages.emptyTemplateDescErrorMessage);

package/v2Containers/Line/Container/Text/index.js

@@ -140,6 +140,7 @@ export const LineText = ({
             injectedTagsParams: injectedTags,
             location,
             tagModule: 'outbound',
+            isFullMode,
         }) || {};
         if (value.trim() === '') {
             errorMessage = formatMessage(messages.emptyContentErrorMessage);

package/v2Containers/MobilePushNew/index.js

@@ -805,6 +805,7 @@ const MobilePushNew = ({
         injectedTagsParams: injectedTags,
         location,
         tagModule: getDefaultTags,
+        isFullMode,
       }) || {};
       if (value === "" && MEDIA_TYPES_OPTIONS[0].value) {
         errorTemplateDescMessage = formatMessage(

package/v2Containers/Rcs/index.js

@@ -399,6 +399,7 @@ export const Rcs = (props) => {
       location,
       tagModule: getDefaultTags,
       eventContextTags,
+      isFullMode,
     }) || {};
     const unsupportedTagsLengthCheck =
       validationResponse?.unsupportedTags?.length > 0;
@@ -840,6 +841,7 @@ export const Rcs = (props) => {
       injectedTagsParams: injectedTags,
       location,
       tagModule: getDefaultTags,
+      isFullMode,
     }) || {};
     
     const maxLength = templateType === contentType.text_message 
@@ -873,6 +875,7 @@ export const Rcs = (props) => {
       injectedTagsParams: injectedTags,
       location,
       tagModule: getDefaultTags,
+      isFullMode,
     }) || {};
     if (value?.length > FALLBACK_MESSAGE_MAX_LENGTH) {
       errorMessage = formatMessage(messages.fallbackMsgLenError);

package/v2Containers/SmsTrai/Edit/index.js

@@ -243,6 +243,7 @@ export const SmsTraiEdit = (props) => {
           location,
           tagModule: getDefaultTags,
           eventContextTags,
+          isFullMode,
         }) || {};
       updateIsTagValidationError(
         tagValidationResponse.unsupportedTags.length > 0,
@@ -581,17 +582,6 @@ export const SmsTraiEdit = (props) => {
     return updatedSmsEditor.join('');
   };
 
-  // Build formData for TestAndPreviewSlidebox - templateConfigs with templateId and template for DLT test
-  const getFormDataForTestAndPreview = () => {
-    const smsBase = get(traiData, 'versions.base') || get(templateDetails, 'versions.base') || get(templateData, 'versions.base');
-    if (!smsBase || !smsBase.template_id) {
-      return {};
-    }
-    const templateRaw = smsBase['updated-sms-editor'] || smsBase['sms-editor'] || '';
-    const template = Array.isArray(templateRaw) ? templateRaw.join('') : templateRaw;
-    return { templateConfigs: { templateId: smsBase.template_id, template } };
-  };
-
   // Handle test and preview button click
   const handleTestAndPreview = () => {
     setShowTestAndPreviewSlidebox(true);
@@ -708,7 +698,7 @@ export const SmsTraiEdit = (props) => {
         <TestAndPreviewSlidebox
           show={showTestAndPreviewSlidebox}
           onClose={handleCloseTestAndPreview}
-          formData={getFormDataForTestAndPreview()}
+          formData={{}}
           content={getTemplateContent()}
           currentChannel={SMS}
         />