@capillarytech/creatives-library 7.12.28 → 7.12.29

package/package.json

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

package/v2Components/CapActionButton/index.js

@@ -95,7 +95,7 @@ export const CapActionButton = (props) => {
     {/* Add button */}
     <CapTooltip
       placement="topLeft"
-      title={formatMessage(globalMessages.comingSoonTooltip)}
+      title={formatMessage(messages.comingSoonTooltip)}
     >
       <CapButton
         type="flat" className="disabled-button" isAddBtn>

package/v2Components/CapActionButton/messages.js

@@ -26,4 +26,8 @@ export default defineMessages({
     id: `${prefix}.inValidUrlErrorMessage`,
     defaultMessage: 'Button URL is not valid',
   },
+  comingSoonTooltip: {
+    id: `${prefix}.comingSoonTooltip`,
+    defaultMessage: 'Right now only one Call to action button is enabled, in future you would be able to add upto 3 buttons.',
+  },
 });

package/v2Components/CapImageUpload/index.js

@@ -96,7 +96,7 @@ function CapImageUpload(props) {
         error: true,
       };
       submitAction({fileParams}, incorrectFile);
-    }
+    };
     if (e) {
       const event = e;
       event.target.value = null;
@@ -106,10 +106,10 @@ function CapImageUpload(props) {
   const submitAction = useCallback((data, incorrectFile) => {
     const {
       file,
-      fileParams
+      fileParams,
     } = data || {};
     const { size } = file || {};
-    const { height, width, error } = fileParams || {}; 
+    const { height, width, error } = fileParams || {};
     if (incorrectFile || size > imgSize || height > imgHeight || width > imgWidth || error) {
       updateImageErrorMessage(formatMessage(messages.imageIncorrectSize));
     } else {
@@ -140,9 +140,9 @@ function CapImageUpload(props) {
   }, []);
 
   const onGalleryImageSelect = useCallback((imageTemplate) => {
-    const image = get(imageTemplate, 'metaInfo.secure_file_path');
+    const {secure_file_path: image, width, height, file_size: size} = get(imageTemplate, 'metaInfo', {});
     updateDrawerRequirement(false);
-    if (!allowedExtensionsRegex.test(image)) {
+    if (!allowedExtensionsRegex.test(image) || height > imgHeight || width > imgWidth || size > imgSize ) {
       updateImageErrorMessage(formatMessage(messages.imageIncorrectSize));
     } else {
       updateImageErrorMessage('');
@@ -206,7 +206,7 @@ function CapImageUpload(props) {
         className="dragger-button re-upload"
         type="flat"
         onClick={onReUpload}
-        style={ channelSpecificStyle ? { marginTop:'-16px'} : {}}
+        style={channelSpecificStyle ? { marginTop: '-16px'} : {}}
        >
         <FormattedMessage {...messages.imageReUpload} />
       </CapButton>

package/v2Containers/Rcs/messages.js

@@ -125,7 +125,7 @@ export default defineMessages({
   },
   templateButtonDesc: {
     id: `${prefix}.templateButtonDesc`,
-    defaultMessage: 'These will be show clickable buttons below your message.',
+    defaultMessage: 'Use buttons to redirect user to respective link or quick response/ action.',
   },
   templateCTAButton: {
     id: `${prefix}.templateCTAButton`,