@capillarytech/creatives-library 7.14.17 → 7.14.19

package/package.json

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

package/v2Components/CapDocumentUpload/index.js

@@ -8,7 +8,8 @@ import {
   CapButton,
 } from '@capillarytech/cap-ui-library';
 import { injectIntl, FormattedMessage} from 'react-intl';
-import { isEmpty, get } from 'lodash';
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
 import './index.scss';
 import messages from './messages';
 import { convertPdfToImages } from '../WhatsappDocumentPreview/index';

package/v2Components/CapDocumentUpload/index.scss

@@ -65,5 +65,5 @@ $classPrefix: cap-custom-document-upload;
   
 }
 .document-div {
-  padding-top: 20px;
+  padding-top: $CAP_SPACE_20;
 }

package/v2Components/CapVideoUpload/index.js

@@ -54,6 +54,7 @@ function CapVideoUpload(props) {
     videoHeight,
     videoWidth,
     videoId,
+    fileHandle = '',
   } = uploadedAssetList;
 
   const [isTemplateDrawerRequired, updateTemplateDrawerRequirement] = useState(false);
@@ -227,6 +228,7 @@ function CapVideoUpload(props) {
               videoHeight: metaVideoHeight,
               videoWidth: metaVideoWidth,
               previewUrl,
+              fileHandle,
             }
           );
         }

package/v2Components/CapVideoUpload/index.scss

@@ -42,12 +42,12 @@ $classPrefix: cap-custom-video-upload;
 .video-panel-wp {
     display: flex;
     justify-content: center;
-    margin: 4px;
+    margin: $CAP_SPACE_04;
 }
 .video-panel-wp {
     display: flex;
     justify-content: center;
-    margin: 4px;
+    margin: $CAP_SPACE_04;
 }
 .video-panel {
     display: flex;

package/v2Containers/Whatsapp/index.js

@@ -160,6 +160,7 @@ export const Whatsapp = (props) => {
   const validVarRegex = /{{([1-9]|1[0-9])}}/g;
 
   const isBtnTypeCta = buttonType === WHATSAPP_BUTTON_TYPES.CTA;
+  const isMediaTypeText = templateMediaType === WHATSAPP_MEDIA_TYPES.TEXT;
   const isMediaTypeImage = templateMediaType === WHATSAPP_MEDIA_TYPES.IMAGE;
   const isMediaTypeVideo = templateMediaType === WHATSAPP_MEDIA_TYPES.VIDEO;
   const isMediaTypeDoc = templateMediaType === WHATSAPP_MEDIA_TYPES.DOCUMENT;
@@ -1072,7 +1073,7 @@ export const Whatsapp = (props) => {
       return true;
     }
     //if media type is image and image is not uploaded
-    if (isMediaTypeImage && karixFileHandle === '') {
+    if ( !isMediaTypeText && karixFileHandle === '') {
       return true;
     }
     //cta
@@ -1518,7 +1519,9 @@ export const Whatsapp = (props) => {
     Object.values(varMap).some((inputValue) => inputValue === '') ||
     computeTextLength() > TEMPLATE_MESSAGE_MAX_LENGTH ||
     (isBtnTypeCta && ctaData.some((btn) => btn?.url?.includes('{{1}}'))) ||
-    (isMediaTypeImage && whatsappImageSrc === '');
+    (isMediaTypeImage && whatsappImageSrc === '') ||
+    (isMediaTypeVideo && whatsappVideoSrcAndPreview?.whatsappVideoSrc === '') ||
+    (isMediaTypeDoc && whatsappDocSource === '');
 
   return (
     <CapSpin spinning={spin}>

package/v2Containers/Whatsapp/index.scss

@@ -7,17 +7,17 @@
 
   .whatsapp-render-heading {
     margin-top: $CAP_SPACE_16;
-    margin-bottom: 6px;
+    margin-bottom: $CAP_SPACE_06;
   }
 
   .whatsapp-template-name-desc {
-    margin-bottom: 6px;
+    margin-bottom: $CAP_SPACE_06;
   }
 
   .whatsapp-unsubscribe-checkbox {
     .ant-checkbox-inner {
-      height: 16px;
-      width: 16px;
+      height: $CAP_SPACE_16;
+      width: $CAP_SPACE_16;
     }
   }
 
@@ -101,12 +101,12 @@
 
   .whatsapp-button-none {
     display: inline-grid;
-    margin-top: 16px;
+    margin-top: $CAP_SPACE_16;
   }
 
   .whatsapp-button-cta {
     display: inline-grid;
-    margin-top: 24px;
+    margin-top: $CAP_SPACE_24;
   }
 
   .whatsapp-button-quick-reply {
@@ -117,7 +117,7 @@
     margin-left: 8px;
     color: $FONT_COLOR_03;
     font-weight: normal;
-    font-size: 12px;
+    font-size: $CAP_SPACE_12;
   }
 
   .whatsapp-media-radio>label.ant-radio-wrapper {
@@ -133,7 +133,7 @@
     }
   }
   .cap-custom-video-upload {
-    padding-top: 20px;
+    padding-top: $CAP_SPACE_20;
     .dragger-button.re-upload {
       top: -175px;
       position: relative;

package/v2Containers/Whatsapp/styles.scss

@@ -13,18 +13,18 @@
   background-color: $CAP_G09;
   display: flex;
   .cap-image-v2 {
-    margin: 6px 4px;
-    width: 32px;
-    height: 32px;
+    margin: $CAP_SPACE_06 $CAP_SPACE_04;
+    width: $CAP_SPACE_32;
+    height: $CAP_SPACE_32;
   }
   .pdf-info {
-    margin: 8px 4px;
+    margin: $CAP_SPACE_08 $CAP_SPACE_04;
     max-width: 114px;
     .pdf-info-sec {
       color: $CAP_G04;
-      font-size: 8px;
+      font-size: $CAP_SPACE_08;
       font-weight: 400;
-      line-height: 12px;
+      line-height: $CAP_SPACE_12;
     }
     .pdf-name-div {
       display: flex;