@capillarytech/creatives-library 8.0.288 → 8.0.290-alpha.0

package/v2Containers/SmsTrai/Edit/index.js

@@ -39,10 +39,8 @@ import formBuilderMessages from '../../../v2Components/FormBuilder/messages';
 import UnifiedPreview from '../../../v2Components/CommonTestAndPreview/UnifiedPreview';
 import TestAndPreviewSlidebox from '../../../v2Components/TestAndPreviewSlidebox';
 import withCreatives from '../../../hoc/withCreatives';
-import { validateTags } from '../../../utils/tagValidations';
 import {
   CHARLIMIT,
-  SMS,
   SMS_TRAI_VAR,
   TAG,
   EMBEDDED,
@@ -51,16 +49,15 @@ import {
   ALL,
   LIBRARY,
 } from './constants';
+import { SMS } from '../../CreativesContainer/constants';
 import v2EditSmsReducer from '../../Sms/Edit/reducer';
 import { v2SmsEditSagas } from '../../Sms/Edit/sagas';
 import ErrorInfoNote from '../../../v2Components/ErrorInfoNote';
 import { validateLiquidTemplateContent } from '../../../utils/commonUtils';
-import { hasLiquidSupportFeature } from '../../../utils/common';
 import { ANDROID } from '../../../v2Components/CommonTestAndPreview/constants';
 
 let varMap = {};
 let traiData = {};
-let tagValidationResponse = {};
 const { TextArea } = CapInput;
 const { CapLabelInline } = CapLabel;
 
@@ -94,7 +91,6 @@ export const SmsTraiEdit = (props) => {
   const [tags, updateTags] = useState([]);
   const [textAreaId, updateTextAreaId] = useState();
   const [isValidationError, updateIsValidationError] = useState(false);
-  const [isTagValidationError, updateIsTagValidationError] = useState(false);
   const [totalMessageLength, setTotalMessageLength] = useState(0);
   const [isUnicodeAllowed, updateIsUnicodeAllowed] = useState(true);
   const [showMsgLengthNote, updateshowMsgLengthNote] = useState(false);
@@ -229,29 +225,6 @@ export const SmsTraiEdit = (props) => {
     }
   }, []);
 
-  //performs tag validation
-  useEffect(() => {
-    if (
-      !isFullMode &&
-      updatedSmsEditor?.length > 0 &&
-      !updatedSmsEditor.includes(SMS_TRAI_VAR)
-    ) {
-      tagValidationResponse =
-        validateTags({
-          content: updatedSmsEditor.join(''),
-          tagsParam: tags,
-          injectedTagsParams: injectedTags,
-          location,
-          tagModule: getDefaultTags,
-          eventContextTags,
-          isFullMode,
-        }) || {};
-      updateIsTagValidationError(
-        tagValidationResponse.unsupportedTags.length > 0,
-      );
-    }
-  }, [updatedSmsEditor, tags]);
-
   const computeUpdatedSmsEditor = () => {
     const arr = [...tempMsgArray];
     const varMapKeys = Object.keys(varMap)?.map((key) => Number(key.slice(8)))?.sort((a, b) => a - b) || [];
@@ -288,6 +261,8 @@ export const SmsTraiEdit = (props) => {
   };
 
   const onSubmitWrapper = () => {
+    setIsLiquidValidationError(false);
+    setLiquidErrorMessages({});
     const content = updatedSmsEditor.join('');
     const onError = ({ standardErrors, liquidErrors }) => {
       setLiquidErrorMessages({
@@ -298,6 +273,8 @@ export const SmsTraiEdit = (props) => {
     };
 
     const onSuccess = () => {
+      setIsLiquidValidationError(false);
+      setLiquidErrorMessages({});
       onDoneCallback();
     };
     validateLiquidTemplateContent(content, {
@@ -306,10 +283,6 @@ export const SmsTraiEdit = (props) => {
       messages: formBuilderMessages,
       onError,
       onSuccess,
-      tagLookupMap: metaEntities?.tagLookupMap,
-      eventContextTags,
-      isLiquidFlow: true,
-      forwardedTags: {},
     });
   };
 
@@ -548,17 +521,6 @@ export const SmsTraiEdit = (props) => {
     return countVarChar;
   };
 
-  const tagValidationErrorMessage = () => {
-    const { unsupportedTags = [] } = tagValidationResponse;
-    let tagError = '';
-    if (unsupportedTags.length > 0) {
-      tagError = formatMessage(messages.unsupportedTagsValidationError, {
-        unsupportedTags,
-      });
-    }
-    return <CapError>{tagError}</CapError>;
-  };
-
   const disablehandler = () => {
     if (traiData && !isEmpty(traiData)) {
       const msg = get(traiData, `versions.base.sms-editor`, '');
@@ -604,7 +566,6 @@ export const SmsTraiEdit = (props) => {
     setShowTestAndPreviewSlidebox(false);
   };
 
-  const isLiquidSupportFeatureEnabled = hasLiquidSupportFeature();
   return (
     <>
       <CapSpin spinning={loading || fetchingLiquidTags} tip={fetchingLiquidTags && formatMessage(formBuilderMessages.liquidSpinText)}>
@@ -662,7 +623,6 @@ export const SmsTraiEdit = (props) => {
             <CapRow>
               {smsLengthForVar()}
             </CapRow>
-            {isTagValidationError && tagValidationErrorMessage()}
             <CapCheckbox onChange={unicodeHandler} checked={isUnicodeAllowed} disabled={disablehandler()}>
               {formatMessage(messages.unicodeLabel)}
             </CapCheckbox>
@@ -693,9 +653,8 @@ export const SmsTraiEdit = (props) => {
             <FormattedMessage {...messages.testAndPreviewButtonLabel} />
           </CapButton>
           <CapButton
-            onClick={isLiquidSupportFeatureEnabled ? onSubmitWrapper : onDoneCallback}
+            onClick={onSubmitWrapper}
             className="create-msg"
-            disabled={isTagValidationError || (isLiquidSupportFeatureEnabled && !isObject(metaEntities?.tagLookupMap))}
           >
             <FormattedMessage {...messages.saveButtonLabel} />
           </CapButton>

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -4265,7 +4265,7 @@ FREE GIFTS-
                         <CapCheckbox
                           checked={false}
                           disabled={false}
-                          key=".4"
+                          key=".3"
                           labelType="h4"
                           onChange={[Function]}
                         >
@@ -4327,7 +4327,7 @@ FREE GIFTS-
                           </div>
                         </CapCheckbox>
                         <div
-                          key=".6"
+                          key=".5"
                           style={
                             Object {
                               "marginBottom": "100px",
@@ -15176,7 +15176,7 @@ FREE GIFTS-
                         <CapCheckbox
                           checked={false}
                           disabled={false}
-                          key=".4"
+                          key=".3"
                           labelType="h4"
                           onChange={[Function]}
                         >
@@ -15238,7 +15238,7 @@ FREE GIFTS-
                           </div>
                         </CapCheckbox>
                         <div
-                          key=".6"
+                          key=".5"
                           style={
                             Object {
                               "marginBottom": "100px",
@@ -26117,7 +26117,7 @@ FREE GIFTS-
                         <CapCheckbox
                           checked={false}
                           disabled={false}
-                          key=".4"
+                          key=".3"
                           labelType="h4"
                           onChange={[Function]}
                         >
@@ -26179,7 +26179,7 @@ FREE GIFTS-
                           </div>
                         </CapCheckbox>
                         <div
-                          key=".6"
+                          key=".5"
                           style={
                             Object {
                               "marginBottom": "100px",

package/v2Containers/Templates/reducer.js

@@ -125,7 +125,9 @@ function templatesReducer(state = initialState, action) {
         .set('selectedFacebookAccount', fromJS(action.faceBookAccount))
         .set('templates', []);
     case types.SET_WEBPUSH_ACCOUNT:
-      return state.set('selectedWebPushAccount', fromJS(action.account));
+      return state
+        .set('selectedWebPushAccount', fromJS(action.account))
+        .set('templates', []);
     case types.RESET_ACCOUNT:
       return state
         .remove('selectedWeChatAccount')

package/v2Containers/Templates/tests/reducer.test.js

@@ -306,6 +306,18 @@ describe("test reducer - SET account actions clear templates", () => {
     expect(result.templates).toEqual([]);
   });
 
+  it.concurrent("should clear templates when SET_WEBPUSH_ACCOUNT is dispatched", () => {
+    const stateWithTemplates = initialState.set('templates', [{ id: 1, name: "Template 1" }]);
+    const mockAccount = { id: 1, name: "WebPush Account", accountName: "webpush123" };
+    const action = {
+      type: types.SET_WEBPUSH_ACCOUNT,
+      account: mockAccount,
+    };
+    const result = reducer(stateWithTemplates, action).toJS();
+    expect(result.selectedWebPushAccount).toEqual(mockAccount);
+    expect(result.templates).toEqual([]);
+  });
+
   it.concurrent("should clear templates even when templates array is empty", () => {
     const emptyTemplatesState = initialState.set('templates', []);
     const mockAccount = { id: 1, name: "WeChat Account" };

package/v2Containers/Viber/index.js

@@ -234,7 +234,6 @@ export const Viber = (props) => {
     const { valid, isBraceError } = validateTags({
       content: value,
       tagsParam: tags,
-      injectedTagsParams: injectedTags,
       location,
       tagModule: 'outbound',
       isFullMode,

package/v2Containers/WebPush/Create/components/BrandIconSection.test.js

@@ -0,0 +1,264 @@
+import React from 'react';
+import CapHeading from '@capillarytech/cap-ui-library/CapHeading';
+import CapRadioGroup from '@capillarytech/cap-ui-library/CapRadioGroup';
+import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
+import { mountWithIntl, shallowWithIntl } from '../../../../helpers/intl-enzym-test-helpers';
+import { BrandIconSection } from './BrandIconSection';
+import CapImageUpload from '../../../../v2Components/CapImageUpload';
+import { BRAND_ICON_OPTIONS } from '../../constants';
+
+describe('BrandIconSection', () => {
+  const mockFormatMessage = jest.fn((msg) => msg?.defaultMessage || msg?.id || '');
+
+  const mockMessages = {
+    brandIconLogo: { id: 'app.webpush.brandIconLogo', defaultMessage: 'Brand Icon/Logo' },
+    dontShow: { id: 'app.webpush.dontShow', defaultMessage: "Don't show" },
+    uploadImage: { id: 'app.webpush.uploadImage', defaultMessage: 'Upload image' },
+  };
+
+  const mockBrandIconUpload = {
+    imageSrc: '',
+    uploadAsset: jest.fn(),
+    setUpdateImageSrc: jest.fn(),
+    updateOnReUpload: jest.fn(),
+  };
+
+  const defaultProps = {
+    brandIconOption: BRAND_ICON_OPTIONS.DONT_SHOW,
+    onBrandIconChange: jest.fn(),
+    brandIconUpload: mockBrandIconUpload,
+    isLocked: false,
+    isAnyUploadActive: false,
+    formatMessage: mockFormatMessage,
+    messages: mockMessages,
+    webPush: {},
+    isFullMode: true,
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe('brandIconOptions array', () => {
+    it('builds exactly two options: DONT_SHOW and UPLOAD_IMAGE', () => {
+      const wrapper = mountWithIntl(<BrandIconSection {...defaultProps} />);
+      const radioGroup = wrapper.find(CapRadioGroup);
+      const options = radioGroup.prop('options');
+      expect(options).toHaveLength(2);
+      expect(options[0].value).toBe(BRAND_ICON_OPTIONS.DONT_SHOW);
+      expect(options[1].value).toBe(BRAND_ICON_OPTIONS.UPLOAD_IMAGE);
+    });
+
+    it('does NOT include ADD_IMAGE_URL option (commented-out feature)', () => {
+      const wrapper = mountWithIntl(<BrandIconSection {...defaultProps} />);
+      const options = wrapper.find(CapRadioGroup).prop('options');
+      const hasAddImageUrl = options.some((opt) => opt.value === BRAND_ICON_OPTIONS.ADD_IMAGE_URL);
+      expect(hasAddImageUrl).toBe(false);
+    });
+
+    it('calls formatMessage for each option label', () => {
+      mountWithIntl(<BrandIconSection {...defaultProps} />);
+      expect(mockFormatMessage).toHaveBeenCalledWith(mockMessages.dontShow);
+      expect(mockFormatMessage).toHaveBeenCalledWith(mockMessages.uploadImage);
+    });
+  });
+
+  describe('CapRadioGroup rendering', () => {
+    it('passes brandIconOption as value to CapRadioGroup', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection {...defaultProps} brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE} />
+      );
+      expect(wrapper.find(CapRadioGroup).prop('value')).toBe(BRAND_ICON_OPTIONS.UPLOAD_IMAGE);
+    });
+
+    it('passes onBrandIconChange as onChange to CapRadioGroup', () => {
+      const onBrandIconChange = jest.fn();
+      const wrapper = mountWithIntl(
+        <BrandIconSection {...defaultProps} onBrandIconChange={onBrandIconChange} />
+      );
+      expect(wrapper.find(CapRadioGroup).prop('onChange')).toBe(onBrandIconChange);
+    });
+
+    it('disables CapRadioGroup when isAnyUploadActive is true', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection {...defaultProps} isAnyUploadActive={true} />
+      );
+      expect(wrapper.find(CapRadioGroup).prop('disabled')).toBe(true);
+    });
+
+    it('does not disable CapRadioGroup when isAnyUploadActive is false', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection {...defaultProps} isAnyUploadActive={false} />
+      );
+      expect(wrapper.find(CapRadioGroup).prop('disabled')).toBe(false);
+    });
+  });
+
+  describe('conditional upload section (brandIconOption === UPLOAD_IMAGE)', () => {
+    it('does NOT render CapImageUpload when brandIconOption is DONT_SHOW', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection {...defaultProps} brandIconOption={BRAND_ICON_OPTIONS.DONT_SHOW} />
+      );
+      expect(wrapper.find(CapImageUpload).exists()).toBe(false);
+    });
+
+    it('renders CapImageUpload when brandIconOption is UPLOAD_IMAGE', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection {...defaultProps} brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE} />
+      );
+      expect(wrapper.find(CapImageUpload).exists()).toBe(true);
+    });
+
+    it('renders the upload section row with correct className', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection {...defaultProps} brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE} />
+      );
+      expect(wrapper.find('.webpush-brand-icon-upload-section').exists()).toBe(true);
+    });
+
+    it('passes brandIconUpload.imageSrc to CapImageUpload as imageSrc', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          brandIconUpload={{ ...mockBrandIconUpload, imageSrc: 'https://example.com/icon.png' }}
+        />
+      );
+      expect(wrapper.find(CapImageUpload).prop('imageSrc')).toBe('https://example.com/icon.png');
+    });
+
+    it('passes brandIconUpload.uploadAsset to CapImageUpload as uploadAsset', () => {
+      const uploadAsset = jest.fn();
+      const wrapper = mountWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          brandIconUpload={{ ...mockBrandIconUpload, uploadAsset }}
+        />
+      );
+      expect(wrapper.find(CapImageUpload).prop('uploadAsset')).toBe(uploadAsset);
+    });
+
+    it('passes isFullMode to CapImageUpload', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          isFullMode={false}
+        />
+      );
+      expect(wrapper.find(CapImageUpload).prop('isFullMode')).toBe(false);
+    });
+  });
+
+  describe('isLocked behavior', () => {
+    it('applies pointer-events: none and opacity: 0.5 to upload row when isLocked is true', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          isLocked={true}
+        />
+      );
+      const uploadRow = wrapper.find('.webpush-brand-icon-upload-section').first();
+      expect(uploadRow.prop('style')).toEqual({ pointerEvents: 'none', opacity: 0.5 });
+    });
+
+    it('sets aria-disabled on upload row when isLocked is true', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          isLocked={true}
+        />
+      );
+      const uploadRow = wrapper.find('.webpush-brand-icon-upload-section').first();
+      expect(uploadRow.prop('aria-disabled')).toBe(true);
+    });
+
+    it('does NOT apply lock styles to upload row when isLocked is false', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          isLocked={false}
+        />
+      );
+      const uploadRow = wrapper.find('.webpush-brand-icon-upload-section').first();
+      expect(uploadRow.prop('style')).toBeUndefined();
+    });
+
+    it('passes disabled=true to CapImageUpload when isLocked is true', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          isLocked={true}
+        />
+      );
+      expect(wrapper.find(CapImageUpload).prop('disabled')).toBe(true);
+    });
+
+    it('passes disabled=false to CapImageUpload when isLocked is false', () => {
+      const wrapper = mountWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          isLocked={false}
+        />
+      );
+      expect(wrapper.find(CapImageUpload).prop('disabled')).toBe(false);
+    });
+  });
+
+  describe('structural rendering', () => {
+    it('always renders CapDivider regardless of brandIconOption', () => {
+      const wrapperDontShow = mountWithIntl(
+        <BrandIconSection {...defaultProps} brandIconOption={BRAND_ICON_OPTIONS.DONT_SHOW} />
+      );
+      expect(wrapperDontShow.find(CapDivider).exists()).toBe(true);
+
+      const wrapperUpload = mountWithIntl(
+        <BrandIconSection {...defaultProps} brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE} />
+      );
+      expect(wrapperUpload.find(CapDivider).exists()).toBe(true);
+    });
+
+    it('renders the brand icon heading row with className creatives-webpush-brand-icon', () => {
+      const wrapper = mountWithIntl(<BrandIconSection {...defaultProps} />);
+      expect(wrapper.find('.creatives-webpush-brand-icon').exists()).toBe(true);
+    });
+
+    it('renders CapHeading with type h4', () => {
+      const wrapper = mountWithIntl(<BrandIconSection {...defaultProps} />);
+      expect(wrapper.find(CapHeading).prop('type')).toBe('h4');
+    });
+  });
+
+  describe('snapshot', () => {
+    it('matches snapshot for DONT_SHOW state', () => {
+      const wrapper = shallowWithIntl(
+        <BrandIconSection {...defaultProps} brandIconOption={BRAND_ICON_OPTIONS.DONT_SHOW} />
+      );
+      expect(wrapper).toMatchSnapshot();
+    });
+
+    it('matches snapshot for UPLOAD_IMAGE state', () => {
+      const wrapper = shallowWithIntl(
+        <BrandIconSection {...defaultProps} brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE} />
+      );
+      expect(wrapper).toMatchSnapshot();
+    });
+
+    it('matches snapshot for locked UPLOAD_IMAGE state', () => {
+      const wrapper = shallowWithIntl(
+        <BrandIconSection
+          {...defaultProps}
+          brandIconOption={BRAND_ICON_OPTIONS.UPLOAD_IMAGE}
+          isLocked={true}
+        />
+      );
+      expect(wrapper).toMatchSnapshot();
+    });
+  });
+});

package/v2Containers/WebPush/Create/components/__snapshots__/BrandIconSection.test.js.snap

@@ -0,0 +1,187 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`BrandIconSection snapshot matches snapshot for DONT_SHOW state 1`] = `
+<Fragment>
+  <CapRow
+    className="creatives-webpush-brand-icon"
+  >
+    <CapHeading
+      className="webpush-brand-icon"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Brand Icon/Logo"
+        id="app.webpush.brandIconLogo"
+        values={Object {}}
+      />
+    </CapHeading>
+    <CapRadioGroup
+      disabled={false}
+      errorMessage=""
+      onChange={[MockFunction]}
+      options={
+        Array [
+          Object {
+            "label": undefined,
+            "value": "DONT_SHOW",
+          },
+          Object {
+            "label": undefined,
+            "value": "UPLOAD_IMAGE",
+          },
+        ]
+      }
+      value="DONT_SHOW"
+    />
+  </CapRow>
+  <CapDivider />
+</Fragment>
+`;
+
+exports[`BrandIconSection snapshot matches snapshot for UPLOAD_IMAGE state 1`] = `
+<Fragment>
+  <CapRow
+    className="creatives-webpush-brand-icon"
+  >
+    <CapHeading
+      className="webpush-brand-icon"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Brand Icon/Logo"
+        id="app.webpush.brandIconLogo"
+        values={Object {}}
+      />
+    </CapHeading>
+    <CapRadioGroup
+      disabled={false}
+      errorMessage=""
+      onChange={[MockFunction]}
+      options={
+        Array [
+          Object {
+            "label": undefined,
+            "value": "DONT_SHOW",
+          },
+          Object {
+            "label": undefined,
+            "value": "UPLOAD_IMAGE",
+          },
+        ]
+      }
+      value="UPLOAD_IMAGE"
+    />
+  </CapRow>
+  <CapRow
+    aria-disabled={false}
+    className="webpush-brand-icon-upload-section"
+  >
+    <InjectIntl(CapImageUpload)
+      allowedExtensionsRegex={/\\\\\\.\\(jpe\\?g\\|png\\)\\$/i}
+      channel="WEBPUSH_BRAND_ICON"
+      className="cap-custom-image-upload"
+      disabled={false}
+      imageData={Object {}}
+      imageSrc=""
+      imgSize={1000000}
+      index={1}
+      isFullMode={true}
+      key="webpush-brand-icon-uploaded-image"
+      recommendedDimensions={
+        Array [
+          Object {
+            "height": 192,
+            "width": 192,
+          },
+          Object {
+            "height": 256,
+            "width": 256,
+          },
+        ]
+      }
+      showReUploadButton={true}
+      updateImageSrc={[MockFunction]}
+      updateOnReUpload={[MockFunction]}
+      uploadAsset={[MockFunction]}
+    />
+  </CapRow>
+  <CapDivider />
+</Fragment>
+`;
+
+exports[`BrandIconSection snapshot matches snapshot for locked UPLOAD_IMAGE state 1`] = `
+<Fragment>
+  <CapRow
+    className="creatives-webpush-brand-icon"
+  >
+    <CapHeading
+      className="webpush-brand-icon"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Brand Icon/Logo"
+        id="app.webpush.brandIconLogo"
+        values={Object {}}
+      />
+    </CapHeading>
+    <CapRadioGroup
+      disabled={false}
+      errorMessage=""
+      onChange={[MockFunction]}
+      options={
+        Array [
+          Object {
+            "label": undefined,
+            "value": "DONT_SHOW",
+          },
+          Object {
+            "label": undefined,
+            "value": "UPLOAD_IMAGE",
+          },
+        ]
+      }
+      value="UPLOAD_IMAGE"
+    />
+  </CapRow>
+  <CapRow
+    aria-disabled={true}
+    className="webpush-brand-icon-upload-section"
+    style={
+      Object {
+        "opacity": 0.5,
+        "pointerEvents": "none",
+      }
+    }
+  >
+    <InjectIntl(CapImageUpload)
+      allowedExtensionsRegex={/\\\\\\.\\(jpe\\?g\\|png\\)\\$/i}
+      channel="WEBPUSH_BRAND_ICON"
+      className="cap-custom-image-upload"
+      disabled={true}
+      imageData={Object {}}
+      imageSrc=""
+      imgSize={1000000}
+      index={1}
+      isFullMode={true}
+      key="webpush-brand-icon-uploaded-image"
+      recommendedDimensions={
+        Array [
+          Object {
+            "height": 192,
+            "width": 192,
+          },
+          Object {
+            "height": 256,
+            "width": 256,
+          },
+        ]
+      }
+      showReUploadButton={true}
+      updateImageSrc={[MockFunction]}
+      updateOnReUpload={[MockFunction]}
+      uploadAsset={[MockFunction]}
+    />
+  </CapRow>
+  <CapDivider />
+</Fragment>
+`;

package/v2Containers/WebPush/Create/hooks/useTagManagement.js

@@ -105,12 +105,10 @@ export const useTagManagement = ({
   const validationConfig = useMemo(
     () => ({
       tagsParam: tags,
-      injectedTagsParams: injectedTags,
       location,
       tagModule: getDefaultTags,
-      eventContextTags,
     }),
-    [tags, injectedTags, location, getDefaultTags, eventContextTags],
+    [tags, location, getDefaultTags],
   );
 
   return {