@capillarytech/creatives-library 8.0.255-alpha.4 → 8.0.256

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;
-  }
+}
 }

package/v2Components/CapImageUpload/messages.js

@@ -34,10 +34,6 @@ export default defineMessages({
     id: `${scope}.imageDimenstionDescription`,
     defaultMessage: 'Dimensions upto: {width}px x {height}px',
   },
-  recommendedDimensions: {
-    id: `${scope}.recommendedDimensions`,
-    defaultMessage: 'Recommended dimensions: {dimensions}',
-  },
   format: {
     id: `${scope}.format`,
     defaultMessage: 'Format: JPEG, JPG, PNG',
@@ -61,7 +57,7 @@ export default defineMessages({
   },
   channelImageSize: {
     id: `${scope}.channelImageSize`,
-    defaultMessage: 'Size up to: {size}MB',
+    defaultMessage: 'Size upto: {size}MB',
   },
   RcschannelImageSize: {
     id: `${scope}.RcschannelImageSize`,

package/v2Components/CommonTestAndPreview/UnifiedPreview/InAppPreviewContent.js

@@ -61,7 +61,7 @@ const InAppPreviewContent = ({
           src={deviceImage}
           alt={`${deviceName} Device`}
         />
-        <CapRow className="sms-content-overlay">
+        <CapRow className="sms-content-overlay inapp-content-overlay-height">
           <CapRow className="sms-loading-container">
             <CapSpin size="large" />
             <CapRow className="sms-loading-text">
@@ -82,7 +82,7 @@ const InAppPreviewContent = ({
           src={deviceImage}
           alt={`${deviceName} Device`}
         />
-        <CapRow className="sms-content-overlay">
+        <CapRow className="sms-content-overlay inapp-content-overlay-height">
           <CapRow className="sms-error-container">
             <CapIcon type="exclamation-circle" style={{ fontSize: '48px', color: '#ff4d4f' }} />
             <CapRow className="sms-error-text">
@@ -107,7 +107,7 @@ const InAppPreviewContent = ({
       />
 
       {/* Content Overlay - Use TemplatePreview's InApp structure (lines 1409-1486) */}
-      <CapRow className={`sms-content-overlay ${!showHeader ? 'inapp-content-overlay' : ''} sms-${device}`}>
+      <CapRow className={`sms-content-overlay inapp-content-overlay-height ${!showHeader ? 'inapp-content-overlay' : ''} sms-${device}`}>
         {/* TemplatePreview InApp structure - shell-v2 wrapper */}
         <CapRow className={`inapp-shell-v2 inapp-${device}`}>
           {/* preview-image div wrapper */}

package/v2Components/CommonTestAndPreview/UnifiedPreview/RcsPreviewContent.js

@@ -182,7 +182,7 @@ const RcsPreviewContent = ({
           src={deviceImage}
           alt={`${deviceName} Device`}
         />
-        <CapRow className="sms-content-overlay">
+        <CapRow className={`sms-content-overlay sms-content-overlay-${device}`}>
           <CapRow className="sms-loading-container">
             <CapSpin size="large" />
             <CapRow className="sms-loading-text">
@@ -203,7 +203,7 @@ const RcsPreviewContent = ({
           src={deviceImage}
           alt={`${deviceName} Device`}
         />
-        <CapRow className="sms-content-overlay">
+        <CapRow className={`sms-content-overlay sms-content-overlay-${device}`}>
           <CapRow className="sms-error-container">
             <CapIcon type="exclamation-circle" className="exclamation-circle" />
             <CapRow className="sms-error-text">
@@ -239,7 +239,7 @@ const RcsPreviewContent = ({
       />
 
       {/* Content Overlay */}
-      <CapRow className={`sms-content-overlay sms-preview sms-${device}`}>
+      <CapRow className={`sms-content-overlay sms-content-overlay-${device} sms-preview sms-${device}`}>
         {/* Navigation Bar - Same as SMS */}
         <CapRow className={`sms-navigation-bar ${!showHeader ? 'sms-navigation-bar-no-header' : ''}`}>
           <CapIcon type="chevron-left" className="sms-back-arrow" />

package/v2Components/CommonTestAndPreview/UnifiedPreview/SmsPreviewContent.js

@@ -50,7 +50,7 @@ const SmsPreviewContent = ({
           src={deviceImage}
           alt={`${deviceName} Device`}
         />
-        <CapRow className="sms-content-overlay">
+        <CapRow className={`sms-content-overlay sms-content-overlay-${device}`}>
           <CapRow className="sms-loading-container">
             <CapSpin size="large" />
             <CapRow className="sms-loading-text">
@@ -71,7 +71,7 @@ const SmsPreviewContent = ({
           src={deviceImage}
           alt={`${deviceName} Device`}
         />
-        <CapRow className="sms-content-overlay">
+        <CapRow className={`sms-content-overlay sms-content-overlay-${device}`}>
           <CapRow className="sms-error-container">
             <CapIcon type="exclamation-circle" className="exclamation-circle" />
             <CapRow className="sms-error-text">
@@ -104,7 +104,7 @@ const SmsPreviewContent = ({
       />
 
       {/* Content Overlay */}
-      <CapRow className={`sms-content-overlay sms-preview sms-${device}`}>
+      <CapRow className={`sms-content-overlay sms-content-overlay-${device} sms-preview sms-${device}`}>
         {/* Navigation Bar */}
         <CapRow className={`sms-navigation-bar ${!showHeader ? 'sms-navigation-bar-no-header' : ''}`}>
           <CapIcon type="chevron-left" className="sms-back-arrow" />

package/v2Components/CommonTestAndPreview/UnifiedPreview/ViberPreviewContent.js

@@ -65,7 +65,7 @@ const ViberPreviewContent = ({
           src={deviceImage}
           alt={`${deviceName} Device`}
         />
-        <CapRow className="sms-content-overlay viber-content-overlay">
+        <CapRow className={`sms-content-overlay sms-content-overlay-${device} viber-content-overlay`}>
           <CapRow className="sms-loading-container">
             <CapSpin size="large" />
             <CapRow className="sms-loading-text">
@@ -86,7 +86,7 @@ const ViberPreviewContent = ({
           src={deviceImage}
           alt={`${deviceName} Device`}
         />
-        <CapRow className="sms-content-overlay viber-content-overlay">
+        <CapRow className={`sms-content-overlay sms-content-overlay-${device} viber-content-overlay`}>
           <CapRow className="sms-error-container">
             <CapIcon type="exclamation-circle" className="exclamation-circle" />
             <CapRow className="sms-error-text">
@@ -113,7 +113,7 @@ const ViberPreviewContent = ({
       />
 
       {/* Content Overlay */}
-      <CapRow className={`sms-content-overlay ${device === ANDROID ? 'viber-content-overlay' : ''} viber-preview viber-${device}`}>
+      <CapRow className={`sms-content-overlay sms-content-overlay-${device} ${device === ANDROID ? 'viber-content-overlay' : ''} viber-preview viber-${device}`}>
         {/* Navigation Bar (same as SMS) */}
         <CapRow className={`sms-navigation-bar ${device === ANDROID && !showHeader ? 'viber-navigation-bar' : ''}`}>
           <CapIcon type="chevron-left" className="sms-back-arrow" />

package/v2Components/CommonTestAndPreview/UnifiedPreview/WhatsAppPreviewContent.js

@@ -122,7 +122,7 @@ const WhatsAppPreviewContent = ({
           src={deviceImage}
           alt={formatMessage(messages.previewGenerated)}
         />
-        <CapLabel className="whatsapp-brand-name">
+        <CapLabel className={`whatsapp-brand-name whatsapp-brand-name-${device}`}>
           {accountName || ''}
         </CapLabel>
         <CapRow className={`msg-container whatsapp-message-container ${content?.carouselData && 'msg-container-carousel'}`}>

package/v2Components/CommonTestAndPreview/UnifiedPreview/_unifiedPreview.scss

@@ -495,7 +495,6 @@
 
     // Email Content
     .email-content {
-      height: 42.857rem;
       border-top: $CAP_SPACE_01 solid $CAP_G12;
       padding: 0 1.142rem;
       position: relative;
@@ -504,7 +503,6 @@
       iframe {
         border: none;
         width: 100%;
-        height: 100%;
         display: block;
       }
 
@@ -582,6 +580,18 @@
       display: flex;
       flex-direction: column;
 
+      &.sms-content-overlay-android {
+        height: calc(100% - 3.8rem);
+      }
+
+      &.sms-content-overlay-ios {
+        height: calc(100% - 5rem);
+      }
+
+      &.inapp-content-overlay-height {
+        height: calc(100% - 4.8rem);
+      }
+
       // Android-specific overrides for SMS preview
       &.sms-preview.sms-android {
         top: 3.1rem;
@@ -856,15 +866,23 @@
 
     .whatsapp-brand-name {
       position: absolute;
-      top: 8.5%;
-      left: 35%;
-      color: $CAP_WHITE;
       font-size: small;
       max-width: 7.143rem;
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
+    }
+
+    .whatsapp-brand-name-android {
+      color: $CAP_WHITE;
       background-color: #006D60;
+      top: 8.5%;
+      left: 35%;
+    }
+    .whatsapp-brand-name-ios {
+      background-color: $CAP_WHITE;
+      top: 8%;
+      left: 37%;
     }
 
     .whatsapp-divider {
@@ -1007,6 +1025,9 @@
           width: $CAP_SPACE_48;
           height: $CAP_SPACE_48;
           filter: drop-shadow(0 $CAP_SPACE_02 $CAP_SPACE_04 rgba(0, 0, 0, 0.3));
+          position: relative;
+          right: 0;
+          bottom: 0;
         }
       }
     }
@@ -1095,6 +1116,8 @@
           height: 100%;
           align-items: center;
           padding: 0 $CAP_SPACE_16;
+          border-bottom-left-radius: 2.6rem;   
+          border-bottom-right-radius: 2.6rem;
           .inapp-title-FULLSCREEN {
             align-items: center;
             text-align: center;
@@ -1159,7 +1182,7 @@
           border-radius: $CAP_SPACE_16;
           align-items: center;
           padding: $CAP_SPACE_04 $CAP_SPACE_16;
-          top: 55%;
+          top: 80%;
           .inapp-title-FOOTER {
             position: relative;
             padding-left: 5.857rem;
@@ -2019,6 +2042,9 @@
               width: $CAP_SPACE_48;
               height: $CAP_SPACE_48;
               filter: drop-shadow(0 $CAP_SPACE_02 $CAP_SPACE_04 rgba(0, 0, 0, 0.3));
+              position: relative;
+              right: 0;
+              bottom: 0;
             }
           }
         }
@@ -2067,6 +2093,8 @@
         background-color: #ffffff;
         margin-left: $CAP_SPACE_06;
         margin-right: $CAP_SPACE_08;
+        border-bottom-left-radius: 2.6rem;
+        border-bottom-right-radius: 2.6rem;
 
         // Brand name display (from TemplatePreview line 1136)
         .viber-brand-name {
@@ -2153,6 +2181,9 @@
                   width: $CAP_SPACE_48;
                   height: $CAP_SPACE_48;
                   filter: drop-shadow(0 $CAP_SPACE_02 $CAP_SPACE_04 rgba(0, 0, 0, 0.3));
+                  position: relative;
+                  right: 0;
+                  bottom: 0;
                 }
               }
             }

package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss

@@ -50,7 +50,6 @@
   .test-and-preview-panels {
     display: flex;
     flex: 1;
-    overflow: hidden;
   }
 
   .left-panel {
@@ -541,7 +540,6 @@
     }
 
     .email-content {
-      height: 42.857rem; // Or adjust as needed
       border-top: $CAP_SPACE_01 solid $CAP_G12;
       padding: 0 $CAP_SPACE_16;
       iframe {

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -739,8 +739,7 @@
   .whatsapp-brand-name {
     position: absolute;
     top: 8%;
-    left: 35%;
-    color: white;
+    left: 37%;
     font-size: small;
     max-width: 100px;
     text-overflow: ellipsis;

package/v2Components/TestAndPreviewSlidebox/_testAndPreviewSlidebox.scss

@@ -45,7 +45,6 @@
   .test-and-preview-panels {
     display: flex;
     flex: 1;
-    overflow: hidden;
   }
 
   .left-panel {

package/v2Containers/App/constants.js

@@ -40,7 +40,6 @@ export const TRACK_CREATE_IMAGE = 'createImage';
 export const TRACK_CREATE_LINE = 'createLine';
 export const TRACK_CREATE_VIBER = 'createViber';
 export const TRACK_CREATE_FACEBOOK = 'createFacebook';
-export const TRACK_CREATE_WEBPUSH = 'createWebPush';
 
 export const CREATE = 'create';
 export const EDIT = 'edit';
@@ -55,7 +54,6 @@ export const EMAIL = 'email';
 export const ASSETS = 'assets';
 export const ZALO = 'zalo';
 export const INAPP = 'inapp';
-export const WEBPUSH = 'webpush';
 
 export const JP_LOCALE_HIDE_FEATURE = 'JP_LOCALE_HIDE_FEATURE';
 
@@ -67,7 +65,6 @@ export const TRACK_EDIT_IMAGE = 'editImage';
 export const TRACK_EDIT_LINE = 'editLine';
 export const TRACK_EDIT_VIBER = 'editViber';
 export const TRACK_EDIT_FACEBOOK = 'editFacebook';
-export const TRACK_EDIT_WEBPUSH = 'editWebPush';
 
 export const CHANNEL_CREATE_TRACK_MAPPING = {
   sms: TRACK_CREATE_SMS,
@@ -78,7 +75,6 @@ export const CHANNEL_CREATE_TRACK_MAPPING = {
   line: TRACK_CREATE_LINE,
   viber: TRACK_CREATE_VIBER,
   facebook: TRACK_CREATE_FACEBOOK,
-  webpush: TRACK_CREATE_WEBPUSH,
 };
 
 export const CHANNEL_EDIT_TRACK_MAPPING = {
@@ -90,7 +86,6 @@ export const CHANNEL_EDIT_TRACK_MAPPING = {
   line: TRACK_EDIT_LINE,
   viber: TRACK_EDIT_VIBER,
   facebook: TRACK_EDIT_FACEBOOK,
-  webpush: TRACK_EDIT_WEBPUSH,
 };
 export const GTM_TRACKING_ID = 'UA-110024621-2';
 export const BEE_PLUGIN = 'BEE_PLUGIN';

package/v2Containers/Cap/tests/__snapshots__/index.test.js.snap

@@ -243,7 +243,7 @@ exports[`<Cap /> should render correct component 1`] = `
         "creatives.componentsV2.CapDocumentUpload.imageDimenstionDescription": "Dimensions upto: {width}px x {height}px",
         "creatives.componentsV2.CapDocumentUpload.or": "OR",
         "creatives.componentsV2.CapDocumentUpload.uploadComputer": "Select from computer",
-        "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size up to: {size}",
+        "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size upto: {size}",
         "creatives.componentsV2.CapImageUpload.aspectRatio": "Aspect ratio: 1:1",
         "creatives.componentsV2.CapImageUpload.dragAndDrop": "Drag and drop image here",
         "creatives.componentsV2.CapImageUpload.format": "Format: JPEG, JPG, PNG",
@@ -251,13 +251,13 @@ exports[`<Cap /> should render correct component 1`] = `
         "creatives.componentsV2.CapImageUpload.imageErrorDesc": "Please upload the image with allowed file extension, size, dimension and aspect ratio",
         "creatives.componentsV2.CapImageUpload.imageGallery": "Gallery",
         "creatives.componentsV2.CapImageUpload.imageReUpload": "Reupload",
-        "creatives.componentsV2.CapImageUpload.imageSize": "Size up to: 2MB",
+        "creatives.componentsV2.CapImageUpload.imageSize": "Size upto: 2MB",
         "creatives.componentsV2.CapImageUpload.or": "OR",
         "creatives.componentsV2.CapImageUpload.uploadComputer": "Select from computer",
         "creatives.componentsV2.CapImageUpload.uploadGallery": "Gallery",
         "creatives.componentsV2.CapImageUpload.uploadImageDescription": "The relevant image that complements the message context.",
         "creatives.componentsV2.CapImageUpload.whatsappAspectRatio": "Max aspect ratio: 1.91:1",
-        "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size up to: 5MB",
+        "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size upto: 5MB",
         "creatives.componentsV2.CapTagList.Cancel": "Cancel",
         "creatives.componentsV2.CapTagList.Ok": "Ok",
         "creatives.componentsV2.CapTagList.all": "All",
@@ -1950,7 +1950,6 @@ new message content.",
         "creatives.containersV2.WeChat.templateName": "Template Name",
         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
-        "creatives.containersV2.WebPush.addLabels": "Add labels",
         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",