@capillarytech/creatives-library 7.17.83 → 7.17.85

package/package.json

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

package/v2Components/CapWhatsappQuickReply/index.scss

@@ -3,7 +3,7 @@
 .cap-whatsapp-quick-reply {
     border: solid 0.063rem $CAP_G06;
     margin-left: $CAP_SPACE_24;
-    margin-top: $CAP_SPACE_24;
+    margin-top: 0.75rem;
     border-radius: 0.285rem;
     .whatsapp-button-text-container {
         padding: $CAP_SPACE_16 $CAP_SPACE_24;
@@ -39,5 +39,5 @@
 .whatsapp-quick-reply-edit-container {
     padding: $CAP_SPACE_12;
     margin-left: 0;
-    margin-top: $CAP_SPACE_16;
+    margin-top: 0.75rem;
 }

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -276,6 +276,7 @@
     align-content: center;
     justify-content: center;
     margin-bottom: 4px;
+    align-items: center;
     svg {
       margin-right: $CAP_SPACE_04;
     }

package/v2Containers/Whatsapp/index.js

@@ -499,35 +499,37 @@ export const Whatsapp = (props) => {
   };
 
   // as per change in message body we filter out url using regex
-  useEffect(() => {
-    if (updatedSmsEditor?.length > 0) {
-      const previewUrlArr = updatedSmsEditor.join("").match(previewUrlMatchingRegex) || [];
-      if (previewUrlArr?.length > 0) {
-        setPreviewUrl(previewUrlArr[0]);
-      } else {
-        setPreviewUrl('');
-      }
-    } 
-  }, [updatedSmsEditor])
-
-  const debounceFn = useCallback(
-    debounce(url => {
-      actions.getMetaTags({
-        previewUrl: url,
-        callBack: actionCallback,
-      })
-    }, 500),
-    [],
-  );
+  // we will open once preview url support
+  // useEffect(() => {
+  //   if (updatedSmsEditor?.length > 0) {
+  //     const previewUrlArr = updatedSmsEditor.join("").match(previewUrlMatchingRegex) || [];
+  //     if (previewUrlArr?.length > 0) {
+  //       setPreviewUrl(previewUrlArr[0]);
+  //     } else {
+  //       setPreviewUrl('');
+  //     }
+  //   } 
+  // }, [updatedSmsEditor])
+
+  // const debounceFn = useCallback(
+  //   debounce(url => {
+  //     actions.getMetaTags({
+  //       previewUrl: url,
+  //       callBack: actionCallback,
+  //     })
+  //   }, 500),
+  //   [],
+  // );
 
   // as per change in url and preview checkbox we call api and extract the meta information of url
-  useEffect(() => {
-    if (!isEmpty(previewUrl) && showUrlPreview) {
-      debounceFn(previewUrl);
-    } else {
-      actions.resetMetaTags();
-    }
-  }, [previewUrl, showUrlPreview])
+  // we will open once preview url support
+  // useEffect(() => {
+  //   if (!isEmpty(previewUrl) && showUrlPreview) {
+  //     debounceFn(previewUrl);
+  //   } else {
+  //     actions.resetMetaTags();
+  //   }
+  // }, [previewUrl, showUrlPreview])
 
   //performs tag validation
   useEffect(() => {
@@ -1910,6 +1912,7 @@ export const Whatsapp = (props) => {
       ) : (
         ""
       )}
+      {/* we will open once preview url support
       <CapRow>
         <CapCheckbox
           className={`whatsapp-unsubscribe-checkbox ${'whatsapp-create-unsubscribe-checkbox'}`}
@@ -1922,7 +1925,7 @@ export const Whatsapp = (props) => {
             {formatMessage(messages.showUrlPreview)}
           </span>
         </CapCheckbox>
-      </CapRow>
+      </CapRow> */}
       {templateFooter && isHostIsNotTwilio && (
         <>
           <CapHeader

package/v2Containers/Whatsapp/index.scss

@@ -130,6 +130,7 @@
   .whatsapp-button-quick-reply {
     display: inline-grid;
     margin-top: $CAP_SPACE_24;
+    margin-bottom: 0.75rem;
   }
 
   .whatsapp-optional-label {
@@ -190,7 +191,7 @@
   .whatsapp-template-footer-preview {
     color: $CAP_G04;
     font-weight: $FONT_WEIGHT_REGULAR;
-    font-size: 0.571rem;
+    font-size: 0.5rem;
     margin-top: $CAP_SPACE_08;
   }
 

package/v2Containers/Whatsapp/styles.scss

@@ -61,6 +61,7 @@
   display: flex;
   justify-content: center;
   font-size: $FONT_SIZE_M;
+  align-items: center;
   svg {
     margin-right: $CAP_SPACE_04;
   }