@capillarytech/creatives-library 8.0.264 → 8.0.265

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/__snapshots__/SlideBoxContent.test.js.snap

@@ -1425,310 +1425,6 @@ 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/Email/index.js

@@ -62,6 +62,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       isEdit: false,
       schema: {},
       loading: false,
+      isFormValid: true,
       injectedTags: {},
       checkValidation: false,
       saveEdmDataMode: 'save',
@@ -888,7 +889,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     return '';
   }
 
-  setFormValidity = () => {}
+  setFormValidity = (isFormValid) => {
+    this.setState({isFormValid});
+  }
 
   setEditData(editData) {
     const isBEESupport = (this.props.location.query.isBEESupport !== "false") || false;
@@ -1115,6 +1118,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       isEdit: false,
       schema: {},
       loading: false,
+      isFormValid: true,
       injectedTags: {},
       checkValidation: false,
       tabKey: '',
@@ -2456,14 +2460,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   saveFormData = (passedData) => {
+    //saveFormData gets called only when validation result is true
     if (this.state.gettingFormData && !this.props.isFullMode) {
       const response = {
         action: "getFormData",
         postAction: this.state.getFormDataValue || 'next',
         id: _.get(this.props, 'Email.templateDetails._id', ''),
         value: this.transformFormData(passedData),
-        //saveFormData gets called only when validation result is true
-        validity: true,
+        validity: this.state.isFormValid,
         type: 'EMAIL',
       };
 

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.props?.isFullMode ? this.validateTags(messageContent, tagsTree, injectedTags) : { valid: true, unsupportedTags: [] };
+    const validateTagResponse = this.validateTags(messageContent, tagsTree, injectedTags);
     let unsupportedTags = null;
     let errorMessageText = '';
     if (!validateTagResponse.valid) {

package/v2Containers/InApp/index.js

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

package/v2Containers/MobilePushNew/index.js

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

package/v2Containers/Rcs/index.js

@@ -399,7 +399,6 @@ export const Rcs = (props) => {
       location,
       tagModule: getDefaultTags,
       eventContextTags,
-      isFullMode,
     }) || {};
     const unsupportedTagsLengthCheck =
       validationResponse?.unsupportedTags?.length > 0;
@@ -841,7 +840,6 @@ export const Rcs = (props) => {
       injectedTagsParams: injectedTags,
       location,
       tagModule: getDefaultTags,
-      isFullMode,
     }) || {};
     
     const maxLength = templateType === contentType.text_message 
@@ -875,7 +873,6 @@ 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,7 +243,6 @@ export const SmsTraiEdit = (props) => {
           location,
           tagModule: getDefaultTags,
           eventContextTags,
-          isFullMode,
         }) || {};
       updateIsTagValidationError(
         tagValidationResponse.unsupportedTags.length > 0,

package/v2Containers/Templates/ChannelTypeIllustration.js

@@ -14,7 +14,7 @@ import inAppIllustration from '@capillarytech/cap-ui-library/assets/images/featu
 import messages from './messages';
 import { FormattedMessage } from 'react-intl';
 import { CapIllustration } from "@capillarytech/cap-ui-library";
-import { MOBILE_PUSH, SMS, EMAIL, LINE, VIBER, FACEBOOK, WHATSAPP, RCS, ZALO, INAPP, WEBPUSH } from '../CreativesContainer/constants';
+import { MOBILE_PUSH, SMS, EMAIL, LINE, VIBER, FACEBOOK, WHATSAPP, RCS, ZALO, INAPP } from '../CreativesContainer/constants';
 
 
 // Configuration object for channel types
@@ -133,18 +133,6 @@ function ChannelTypeIllustration(props) {
       };
     }
 
-    if (type === WEBPUSH) {
-      return {
-        buttonLabel: <FormattedMessage {...messages.newWebPushTemplate} values={{ template: templateText }} />,
-        onClick: createTemplate,
-        illustrationImage: pushIllustration,
-        title: <FormattedMessage {...messages.webPushTitleIllustration} values={{ template: templateText }} />,
-        description: <FormattedMessage {...messages.webPushDescIllustration} />,
-        descriptionPosition: 'bottom',
-        descriptionClassName: 'illustration-desc',
-      };
-    }
-
     // Handle standard channels using configuration
     const config = CHANNEL_CONFIG[type];
     if (!config) {