@capillarytech/creatives-library 8.0.264 → 8.0.265

package/constants/unified.js

@@ -51,7 +51,6 @@ export const EXTENDED_TAG = 'ExtendedTagMessage';
 export const BADGES_UI_ENABLED = 'BADGES_UI_ENABLED';
 export const JP_LOCALE_HIDE_FEATURE = 'JP_LOCALE_HIDE_FEATURE';
 export const ENABLE_WECHAT = 'ENABLE_WECHAT';
-export const ENABLE_WEBPUSH = 'ENABLE_WEBPUSH';
 export const ENABLE_CUSTOMER_BARCODE_TAG = 'ENABLE_CUSTOMER_BARCODE_TAG';
 export const EMAIL_UNSUBSCRIBE_TAG_MANDATORY = 'EMAIL_UNSUBSCRIBE_TAG_MANDATORY';
 export const ENABLE_AI_SUGGESTIONS = 'ENABLE_AI_SUGGESTIONS';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.264",
+  "version": "8.0.265",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/services/api.js

@@ -287,11 +287,6 @@ export const createMobilePushTemplateV2 = (template) => {
   return request(url, getAPICallObject('POST', template));
 };
 
-export const createWebPushTemplate = (template) => {
-  const url = `${API_ENDPOINT}/templates/WEBPUSH`;
-  return request(url, getAPICallObject('POST', template));
-};
-
 export const duplicateTemplate = ({id, channel}) => {
   const url = `${API_ENDPOINT}/templates/duplicate/${id}/${channel}`;
   return request(url, getAPICallObject('GET'));

package/utils/common.js

@@ -21,7 +21,6 @@ import {
   EMAIL_UNSUBSCRIBE_TAG_MANDATORY,
   BADGES_ISSUE,
   ENABLE_WECHAT,
-  ENABLE_WEBPUSH,
   LIQUID_SUPPORT,
   ENABLE_NEW_MPUSH
 } from '../constants/unified';
@@ -117,11 +116,6 @@ export const hasWechatFeatureEnabled = Auth.hasFeatureAccess.bind(
   ENABLE_WECHAT,
 );
 
-export const hasWebPushFeatureEnabled = Auth.hasFeatureAccess.bind(
-  null,
-  ENABLE_WEBPUSH,
-);
-
 export const hasCustomerBarcodeFeatureEnabled = Auth.hasFeatureAccess.bind(
   null,
   ENABLE_CUSTOMER_BARCODE_TAG,

package/utils/tagValidations.js

@@ -187,7 +187,6 @@ export const validateTags = ({
   location,
   tagModule,
   eventContextTags,
-  isFullMode,
 }) => {
   const tags = tagsParam;
   const injectedTags = transformInjectedTags(injectedTagsParams);
@@ -201,7 +200,7 @@ export const validateTags = ({
     unsupportedTags: [],
     isBraceError: false,
   };
-  if (tags && tags.length && !isFullMode) {
+  if (tags && tags.length) {
     lodashForEach(tags, ({
       definition: {
         supportedModules,

package/utils/tests/transformerUtils.test.js

@@ -15,7 +15,6 @@ import {
   RCS,
   LINE,
   VIBER,
-  WEBPUSH,
 } from "../../v2Containers/CreativesContainer/constants";
 
 describe("transformerUtils", () => {
@@ -1183,302 +1182,6 @@ describe("transformerUtils", () => {
     });
   });
 
-  describe("WebPush payload transformation", () => {
-    it("should transform WebPush data correctly with minimal data", () => {
-      const mockData = {
-        channel: WEBPUSH,
-        messageSubject: "test webpush notification"
-      };
-
-      const result = transformChannelPayload(mockData);
-
-      expect(result.centralCommsPayload).toBeDefined();
-      expect(result.centralCommsPayload.channel).toEqual(WEBPUSH);
-      expect(result.centralCommsPayload.webpushMessageContent.messageSubject).toEqual(
-        "test webpush notification"
-      );
-      expect(result.centralCommsPayload.clientName).toEqual("VENENO");
-    });
-
-    it("should transform WebPush data with all options", () => {
-      const mockData = {
-        channel: WEBPUSH,
-        messageSubject: "test webpush notification",
-        messageContent: {
-          content: {
-            accountId: 12345,
-            content: {
-              title: "WebPush Title",
-              message: "WebPush Message",
-              iconImageUrl: "https://example.com/icon.png",
-              cta: {
-                actionLink: "https://example.com/action",
-                actionText: "Click Here"
-              },
-              expandableDetails: {
-                style: "BIG_TEXT",
-                message: "Expanded Message"
-              }
-            },
-            offers: [
-              { id: "offer-1", title: "Offer 1" },
-              { id: "offer-2", title: "Offer 2" }
-            ]
-          }
-        }
-      };
-
-      const options = {
-        loyaltyMetaData: {
-          actionId: "action-123",
-          ouId: 456,
-          clientName: "TestClient",
-          module: "TestModule",
-          transformedMessageDetails: {
-            webpushDeliverySettings: {
-              sendDate: "2023-01-01",
-              priority: "HIGH"
-            }
-          }
-        }
-      };
-
-      const result = transformChannelPayload(mockData, options);
-
-      // Check base payload
-      expect(result.centralCommsPayload.sourceEntityId).toEqual("action-123");
-      expect(result.centralCommsPayload.ouId).toEqual(456);
-      expect(result.centralCommsPayload.clientName).toEqual("TestClient");
-      expect(result.centralCommsPayload.module).toEqual("TestModule");
-
-      // Check WebPush-specific content
-      expect(result.centralCommsPayload.webpushMessageContent.channel).toEqual(WEBPUSH);
-      expect(result.centralCommsPayload.webpushMessageContent.accountId).toEqual(12345);
-      expect(result.centralCommsPayload.webpushMessageContent.messageSubject).toEqual(
-        "test webpush notification"
-      );
-      expect(result.centralCommsPayload.webpushMessageContent.content.title).toEqual(
-        "WebPush Title"
-      );
-      expect(result.centralCommsPayload.webpushMessageContent.content.message).toEqual(
-        "WebPush Message"
-      );
-      expect(result.centralCommsPayload.webpushMessageContent.content.iconImageUrl).toEqual(
-        "https://example.com/icon.png"
-      );
-      expect(result.centralCommsPayload.webpushMessageContent.content.cta).toEqual({
-        actionLink: "https://example.com/action",
-        actionText: "Click Here"
-      });
-      expect(result.centralCommsPayload.webpushMessageContent.content.expandableDetails).toEqual({
-        style: "BIG_TEXT",
-        message: "Expanded Message"
-      });
-      expect(result.centralCommsPayload.webpushMessageContent.offers).toEqual([
-        { id: "offer-1", title: "Offer 1" },
-        { id: "offer-2", title: "Offer 2" }
-      ]);
-
-      // Check delivery settings
-      expect(result.centralCommsPayload.webpushDeliverySettings).toEqual({
-        sendDate: "2023-01-01",
-        priority: "HIGH"
-      });
-    });
-
-    it("should handle missing messageContent structure", () => {
-      const mockData = {
-        channel: WEBPUSH,
-        messageSubject: "test webpush notification"
-      };
-
-      const result = transformChannelPayload(mockData);
-
-      expect(result.centralCommsPayload.webpushMessageContent.accountId).toEqual(0);
-      expect(result.centralCommsPayload.webpushMessageContent.content.title).toEqual("");
-      expect(result.centralCommsPayload.webpushMessageContent.content.message).toEqual("");
-      expect(result.centralCommsPayload.webpushMessageContent.offers).toEqual([]);
-    });
-
-    it("should handle missing content properties", () => {
-      const mockData = {
-        channel: WEBPUSH,
-        messageSubject: "test webpush notification",
-        messageContent: {
-          content: {
-            accountId: 12345,
-            content: {}
-          }
-        }
-      };
-
-      const result = transformChannelPayload(mockData);
-
-      expect(result.centralCommsPayload.webpushMessageContent.accountId).toEqual(12345);
-      expect(result.centralCommsPayload.webpushMessageContent.content.title).toEqual("");
-      expect(result.centralCommsPayload.webpushMessageContent.content.message).toEqual("");
-      expect(result.centralCommsPayload.webpushMessageContent.content.iconImageUrl).toBeUndefined();
-      expect(result.centralCommsPayload.webpushMessageContent.content.cta).toBeUndefined();
-      expect(result.centralCommsPayload.webpushMessageContent.content.expandableDetails).toBeUndefined();
-    });
-
-    it("should conditionally include iconImageUrl only when present", () => {
-      const mockDataWithoutIcon = {
-        channel: WEBPUSH,
-        messageSubject: "test",
-        messageContent: {
-          content: {
-            content: {
-              title: "Title",
-              message: "Message"
-            }
-          }
-        }
-      };
-
-      const resultWithoutIcon = transformChannelPayload(mockDataWithoutIcon);
-      expect(resultWithoutIcon.centralCommsPayload.webpushMessageContent.content.iconImageUrl).toBeUndefined();
-
-      const mockDataWithIcon = {
-        channel: WEBPUSH,
-        messageSubject: "test",
-        messageContent: {
-          content: {
-            content: {
-              title: "Title",
-              message: "Message",
-              iconImageUrl: "https://example.com/icon.png"
-            }
-          }
-        }
-      };
-
-      const resultWithIcon = transformChannelPayload(mockDataWithIcon);
-      expect(resultWithIcon.centralCommsPayload.webpushMessageContent.content.iconImageUrl).toEqual(
-        "https://example.com/icon.png"
-      );
-    });
-
-    it("should conditionally include cta only when present", () => {
-      const mockDataWithoutCta = {
-        channel: WEBPUSH,
-        messageSubject: "test",
-        messageContent: {
-          content: {
-            content: {
-              title: "Title",
-              message: "Message"
-            }
-          }
-        }
-      };
-
-      const resultWithoutCta = transformChannelPayload(mockDataWithoutCta);
-      expect(resultWithoutCta.centralCommsPayload.webpushMessageContent.content.cta).toBeUndefined();
-
-      const mockDataWithCta = {
-        channel: WEBPUSH,
-        messageSubject: "test",
-        messageContent: {
-          content: {
-            content: {
-              title: "Title",
-              message: "Message",
-              cta: {
-                actionLink: "https://example.com",
-                actionText: "Click"
-              }
-            }
-          }
-        }
-      };
-
-      const resultWithCta = transformChannelPayload(mockDataWithCta);
-      expect(resultWithCta.centralCommsPayload.webpushMessageContent.content.cta).toEqual({
-        actionLink: "https://example.com",
-        actionText: "Click"
-      });
-    });
-
-    it("should conditionally include expandableDetails only when present", () => {
-      const mockDataWithoutExpandable = {
-        channel: WEBPUSH,
-        messageSubject: "test",
-        messageContent: {
-          content: {
-            content: {
-              title: "Title",
-              message: "Message"
-            }
-          }
-        }
-      };
-
-      const resultWithoutExpandable = transformChannelPayload(mockDataWithoutExpandable);
-      expect(resultWithoutExpandable.centralCommsPayload.webpushMessageContent.content.expandableDetails).toBeUndefined();
-
-      const mockDataWithExpandable = {
-        channel: WEBPUSH,
-        messageSubject: "test",
-        messageContent: {
-          content: {
-            content: {
-              title: "Title",
-              message: "Message",
-              expandableDetails: {
-                style: "BIG_TEXT",
-                message: "Expanded"
-              }
-            }
-          }
-        }
-      };
-
-      const resultWithExpandable = transformChannelPayload(mockDataWithExpandable);
-      expect(resultWithExpandable.centralCommsPayload.webpushMessageContent.content.expandableDetails).toEqual({
-        style: "BIG_TEXT",
-        message: "Expanded"
-      });
-    });
-
-    it("should handle undefined webpushDeliverySettings", () => {
-      const mockData = {
-        channel: WEBPUSH,
-        messageSubject: "test webpush notification"
-      };
-
-      const options = {
-        loyaltyMetaData: {
-          transformedMessageDetails: {}
-        }
-      };
-
-      const result = transformChannelPayload(mockData, options);
-
-      expect(result.centralCommsPayload.webpushDeliverySettings).toEqual({});
-    });
-
-    it("should handle empty offers array", () => {
-      const mockData = {
-        channel: WEBPUSH,
-        messageSubject: "test",
-        messageContent: {
-          content: {
-            content: {
-              title: "Title",
-              message: "Message"
-            },
-            offers: []
-          }
-        }
-      };
-
-      const result = transformChannelPayload(mockData);
-
-      expect(result.centralCommsPayload.webpushMessageContent.offers).toEqual([]);
-    });
-  });
-
   describe("getTemplateDiffState", () => {
     it("should return false for unsupported channel", () => {
       const result = getTemplateDiffState("UNSUPPORTED_CHANNEL", {}, {});

package/utils/transformerUtils.js

@@ -10,7 +10,6 @@ import {
   RCS,
   LINE,
   VIBER,
-  WEBPUSH,
   EMF,
   VENENO,
   TEXT,
@@ -64,8 +63,6 @@ export const transformChannelPayload = (data, options = {}) => {
       return transformLinePayload(data, options);
     case VIBER:
       return transformViberPayload(data, options);
-    case WEBPUSH:
-      return transformWebpushPayload(data, options);
     default:
       return data; // Return unchanged for unsupported channels
   }
@@ -320,43 +317,6 @@ const transformViberPayload = (viberData, options = {}) => {
   return payload;
 };
 
-/**
- * Transforms WebPush data to the required payload format
- * @param {Object} webpushData - Current WebPush data
- * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
- * @returns {Object} - Transformed WebPush payload
- */
-const transformWebpushPayload = (webpushData, options = {}) => {
-  const { loyaltyMetaData = {} } = options;
-  const { transformedMessageDetails = {} } = loyaltyMetaData;
-  const { webpushDeliverySettings = {} } = transformedMessageDetails || {};
-  
-  // Get base payload structure
-  const payload = createBasePayload(WEBPUSH, loyaltyMetaData);
-  
-  // Extract webpush content from messageContent.content.content structure
-  const webpushContent = webpushData?.messageContent?.content?.content || {};
-  const accountId = webpushData?.messageContent?.content?.accountId || 0;
-  
-  // Add WebPush-specific properties
-  payload.centralCommsPayload.webpushMessageContent = {
-    channel: WEBPUSH,
-    accountId,
-    content: {
-      title: webpushContent?.title || '',
-      message: webpushContent?.message || '',
-      ...(webpushContent?.iconImageUrl && { iconImageUrl: webpushContent.iconImageUrl }),
-      ...(webpushContent?.cta && { cta: webpushContent.cta }),
-      ...(webpushContent?.expandableDetails && { expandableDetails: webpushContent.expandableDetails }),
-    },
-    messageSubject: webpushData?.messageSubject || "",
-    offers: webpushData?.messageContent?.content?.offers || [],
-  };
-  payload.centralCommsPayload.webpushDeliverySettings = webpushDeliverySettings;
-  
-  return payload;
-};
-
 // Checks if the template has changed
 export const getTemplateDiffState = (channel, oldData, newData) => {
   switch (channel.toUpperCase()) {

package/v2Components/CapImageUpload/constants.js

@@ -4,6 +4,4 @@ export const MAX_SUPPORTED_IMAGE_SIZE = {
   INAPP: 5,
   WHATSAPP: 5,
   MOBILEPUSH: 2,
-  WEBPUSH: 5,
-  WEBPUSH_BRAND_ICON: 1
 };

package/v2Components/CapImageUpload/index.js

@@ -17,18 +17,17 @@ import {
   CapImage,
   CapError,
 } from '@capillarytech/cap-ui-library';
-import { injectIntl, FormattedMessage, intlShape } from 'react-intl';
+import { injectIntl, FormattedMessage, intlShape} from 'react-intl';
 import { isEmpty, get } from 'lodash';
 import './index.scss';
 import Gallery from '../../v2Containers/Assets/Gallery';
 import { MAX_SUPPORTED_IMAGE_SIZE } from './constants';
 import {
-  FACEBOOK, INAPP, RCS, WHATSAPP, VIBER, WEBPUSH, WEBPUSH_BRAND_ICON
+  FACEBOOK, INAPP, RCS, WHATSAPP, VIBER,
 } from "../../v2Containers/CreativesContainer/constants";
 
 import messages from './messages';
 import { MOBILEPUSH } from '../CapVideoUpload/constants';
-import { CAP_SPACE_16 } from '@capillarytech/cap-ui-library/styled/variables';
 function CapImageUpload(props) {
   const {
     intl,
@@ -51,8 +50,6 @@ function CapImageUpload(props) {
     channelSpecificStyle,
     showReUploadButton = true,
     disableAutoRestore = false, // New prop to disable automatic restoration
-    recommendedDimensions, // Array of {width, height} objects for recommended dimensions
-    disabled = false,
   } = props;
   const {
     formatMessage,
@@ -75,7 +72,7 @@ function CapImageUpload(props) {
   const [isImageError, updateImageErrorMessage] = useState(false);
   const [isDrawerRequired, updateDrawerRequirement] = useState(false);
 
-  const { CapHeadingSpan } = CapHeading;
+  const {CapHeadingSpan} = CapHeading;
   const ImageComponent = useCallback(
     () => (
       <>
@@ -94,7 +91,7 @@ function CapImageUpload(props) {
 
   const WithLabel = LabelHOC(ImageComponent);
 
-  const uploadImages = useCallback((e, { files }) => {
+  const uploadImages = useCallback((e, {files}) => {
     if (e) {
       e.preventDefault();
     }
@@ -112,13 +109,13 @@ function CapImageUpload(props) {
         height: img.height,
         error: file && (file.size / (1e+6) > 5), // Checking if file exists and its size is greater than 5MB (5 * 10^6 bytes)
       };
-      submitAction({ file, type: 'image', fileParams }, incorrectFile);
+      submitAction({file, type: 'image', fileParams}, incorrectFile);
     };
     img.onerror = () => {
       const fileParams = {
         error: true,
       };
-      submitAction({ fileParams }, incorrectFile);
+      submitAction({fileParams}, incorrectFile);
     };
     if (e) {
       const event = e;
@@ -126,7 +123,7 @@ function CapImageUpload(props) {
     }
   }, []);
 
-  const rcsValidation = useCallback((incorrectFile, data, size, height, width, error) => {
+  const rcsValidation = useCallback((incorrectFile, data, size, height, width, error) => { 
     if (incorrectFile || size < minImgSize || size > imgSize || height !== imgHeight || width !== imgWidth || error) {
       updateImageErrorMessage(formatMessage(messages.imageErrorDesc));
     } else {
@@ -149,19 +146,6 @@ function CapImageUpload(props) {
     const { height, width, error } = fileParams || {};
     if (channel === RCS) {
       rcsValidation(incorrectFile, data, size, height, width, error);
-    } else if ([WEBPUSH, WEBPUSH_BRAND_ICON].includes(channel)) {
-      // For WEBPUSH, only validate file extension, size, and format - no dimension validation
-      if (incorrectFile || size > imgSize || error) {
-        updateImageErrorMessage(formatMessage(messages.imageErrorDesc));
-      } else {
-        updateImageErrorMessage('');
-        uploadAsset(
-          data.file,
-          data.type,
-          data.fileParams,
-          index,
-        );
-      }
     } else if (incorrectFile || size > imgSize || height > imgHeight || width > imgWidth || error) {
       updateImageErrorMessage(formatMessage(messages.imageErrorDesc));
     } else {
@@ -176,7 +160,7 @@ function CapImageUpload(props) {
   }, [isImageError]);
 
   const capUploaderCustomRequest = useCallback((uploadData) => {
-    uploadImages(undefined, { files: [uploadData.file] });
+    uploadImages(undefined, {files: [uploadData.file]});
   }, [uploadImages]);
 
   const setDrawerVisibility = useCallback((drawervisibleFlag) => updateDrawerRequirement(drawervisibleFlag), [isDrawerRequired]);
@@ -197,27 +181,19 @@ function CapImageUpload(props) {
       secure_file_path: image, width, height, file_size: size,
     } = get(imageTemplate, 'metaInfo', {});
     updateDrawerRequirement(false);
-    // For WEBPUSH, skip dimension validation - only check extension, size
-    if ([WEBPUSH, WEBPUSH_BRAND_ICON].includes(channel)) {
-      if (!allowedExtensionsRegex.test(image) || size > imgSize) {
-        updateImageErrorMessage(formatMessage(messages.imageErrorDesc));
-      } else {
-        updateImageErrorMessage('');
-        updateImageSrc(image);
-      }
-    } else if (!allowedExtensionsRegex.test(image) || height > imgHeight || width > imgWidth || size > imgSize) {
+    if (!allowedExtensionsRegex.test(image) || height > imgHeight || width > imgWidth || size > imgSize ) {
       updateImageErrorMessage(formatMessage(messages.imageErrorDesc));
     } else {
       updateImageErrorMessage('');
       updateImageSrc(image);
     }
-  }, [isImageError, isDrawerRequired, channel, allowedExtensionsRegex, imgSize, formatMessage]);
+  }, [isImageError, isDrawerRequired]);
 
   const getGalleryDrawerContent = useCallback(() => {
     const locationGallery = {
       pathname: `/assets`,
       search: '',
-      query: !isFullMode ? { type: 'embedded', module: 'library' } : {},
+      query: !isFullMode ? {type: 'embedded', module: 'library'} : {},
     };
     return (
       <>
@@ -254,7 +230,6 @@ function CapImageUpload(props) {
             customRequest={capUploaderCustomRequest}
             className="form-builder-dragger grey-background"
             showUploadList={!isImageError}
-            disabled={disabled}
           >
             <CapHeading className="dragger-title" type="h7">
               <FormattedMessage {...messages.dragAndDrop} />
@@ -262,7 +237,7 @@ function CapImageUpload(props) {
             <CapHeading className="dragger-or" type="label6">
               <FormattedMessage {...messages.or} />
             </CapHeading>
-            <CapButton className="dragger-button upload-image" type="secondary" disabled={disabled} tabIndex={disabled ? -1 : undefined}>
+            <CapButton className="dragger-button upload-image" type="secondary">
               <FormattedMessage {...messages.uploadComputer} />
             </CapButton>
             {channel !== WHATSAPP && (
@@ -270,8 +245,6 @@ function CapImageUpload(props) {
                 className="dragger-button gallery-select"
                 type="secondary"
                 onClick={onGalleryClick}
-                disabled={disabled}
-                tabIndex={disabled ? -1 : undefined}
               >
                 <FormattedMessage {...messages.uploadGallery} />
               </CapButton>
@@ -289,15 +262,13 @@ function CapImageUpload(props) {
           className="dragger-button re-upload"
           type="flat"
           onClick={onReUpload}
-          style={channelSpecificStyle ? { marginTop: `-${CAP_SPACE_16}` } : {}}
-          disabled={disabled}
-          tabIndex={disabled ? -1 : undefined}
+          style={channelSpecificStyle ? { marginTop: '-16px'} : {}}
         >
           <FormattedMessage {...messages.imageReUpload} />
         </CapButton>
       );
     }
-  }, [isImageError, imageSrc, disabled, showReUploadButton, channel, channelSpecificStyle, capUploaderCustomRequest, onGalleryClick, onReUpload]);
+  }, [isImageError, imageSrc]);
 
   return (
     <div style={style} className="cap-custom-image-upload">
@@ -314,8 +285,6 @@ function CapImageUpload(props) {
           type="file"
           onChange={(e) => uploadImages(e, { files: e.target.files })}
           accept={supportedExtensions || "image/*"}
-          disabled={disabled}
-          tabIndex={disabled ? -1 : undefined}
         />
         {getImageSection()}
         <CapDrawer
@@ -336,18 +305,7 @@ function CapImageUpload(props) {
         )}
         {![WHATSAPP, INAPP].includes(channel) && (
           <CapHeadingSpan type="label2" className="image-dimension">
-            {[WEBPUSH, WEBPUSH_BRAND_ICON].includes(channel) && recommendedDimensions?.length ? (
-              <FormattedMessage
-                {...messages.recommendedDimensions}
-                values={{
-                  dimensions: recommendedDimensions
-                    .map((dim) => `${dim.width} x ${dim.height}px`)
-                    .join(', '),
-                }}
-              />
-            ) : (
-              <FormattedMessage {...messages.imageDimenstionDescription} values={{ width: imgWidth, height: imgHeight }} />
-            )}
+            <FormattedMessage {...messages.imageDimenstionDescription} values={{ width: imgWidth, height: imgHeight }} />
           </CapHeadingSpan>
         )}
         {channel === FACEBOOK && (
@@ -370,7 +328,7 @@ function CapImageUpload(props) {
             getImageSizeLabel()
           )
         )}
-        {[VIBER, INAPP, MOBILEPUSH, WEBPUSH, WEBPUSH_BRAND_ICON].includes(channel) && getImageSizeLabel()}
+        {[VIBER, INAPP, MOBILEPUSH].includes(channel) && getImageSizeLabel()}
         <CapHeadingSpan type="label2" className="image-format">
           {channel === INAPP ? <FormattedMessage {...messages.format2} /> : <FormattedMessage {...messages.format} />}
         </CapHeadingSpan>
@@ -399,13 +357,6 @@ CapImageUpload.propTypes = {
   channel: PropTypes.string,
   channelSpecificStyle: PropTypes.bool,
   disableAutoRestore: PropTypes.bool,
-  recommendedDimensions: PropTypes.arrayOf(
-    PropTypes.shape({
-      width: PropTypes.number.isRequired,
-      height: PropTypes.number.isRequired,
-    })
-  ),
-  disabled: PropTypes.bool,
 };
 
 export default injectIntl(CapImageUpload);

package/v2Components/CapImageUpload/index.scss

@@ -19,8 +19,5 @@ $classPrefix: cap-custom-image-upload;
   }
   .upload-image-error{
     margin-top: $CAP_SPACE_04;
-  }
-  .ant-upload-list-item{
-    height: 1.65rem;
-  }
+}
 }