@capillarytech/creatives-library 8.0.92 → 8.0.93

package/package.json

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

package/v2Components/CapWhatsappCarouselButton/index.js

@@ -309,10 +309,9 @@ export const CapWhatsappCarouselButton = (props) => {
           return (
             <CapRow
               key={`${button.buttonType}_${index}`}
-              className="cap-whatsapp-saved-cta cap-whatsapp-saved-carousel-button margin-t-12"
+              className={`cap-whatsapp-saved-cta cap-whatsapp-saved-carousel-button margin-t-12 ${isEditFlow ? 'margin-l-0' : ''}`}
               align="middle"
               type="flex"
-              style={{ marginLeft: isEditFlow ? 0 : '' }}
             >
               <CapColumn
                 span={1}
@@ -345,7 +344,7 @@ export const CapWhatsappCarouselButton = (props) => {
                     </CapLabel>
                   </CapColumn>
                   <CapTooltip title={button?.url} placement="top">
-                    <CapColumn span={7} style={{ marginRight: '0px' }}>
+                    <CapColumn span={7} className="margin-r-0">
                       <CapLabel className="url">{button?.url}</CapLabel>
                     </CapColumn>
                   </CapTooltip>
@@ -415,6 +414,7 @@ export const CapWhatsappCarouselButton = (props) => {
         );
       })}
       <CapRow>
+        {/* user can add only two button in the first carousel in other carousel user dont allow to add buttons */}
         {buttonData?.length < 2 && !isEditFlow && parseInt(carouselIndex, 10) === 0 && (
           <CapRow>
             <CapTooltip

package/v2Containers/Whatsapp/index.js

@@ -2784,8 +2784,8 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
 					data.carouselTagValidationErr || 
 					Object.values(data.varMap).some((inputValue) => inputValue === "") || 
           computeTextLength(CAROUSEL_TEXT, data) > TEMPLATE_MESSAGE_MAX_LENGTH ||
-          (carouselMediaType === "image" && !data.imageSrc) || 
-					(carouselMediaType === "video" && !data.videoSrc) ||
+          (carouselMediaType === IMAGE.toLowerCase() && !data.imageSrc) || 
+					(carouselMediaType === VIDEO.toLowerCase() && !data.videoSrc) ||
 					data?.buttons.some((btn) => btn?.url?.includes("{{1}}"))
 				);
 			});
@@ -2840,7 +2840,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
             </CapButton>
           </>
         )}
-        {isEditFlow && isEditFlow && (
+        {!isFullMode && isEditFlow && (
           <CapTooltip
             title={
               isEditDoneDisabled()

package/v2Containers/Whatsapp/index.scss

@@ -111,11 +111,11 @@
   }
 
   #select-whatsapp-category {
-    padding-right: 5px;
+    padding-right: 0.357rem;
   }
 
   #select-whatsapp-media {
-    padding-left: 5px;
+    padding-left: 0.357rem;
   }
 
   #select-whatsapp-category,

package/v2Containers/Whatsapp/styles.scss

@@ -71,6 +71,11 @@
   margin: 0;
 }
 
+.whatsapp-list-view-text-align {
+  text-align: center;
+  margin-top: $CAP_SPACE_12;
+}
+
 .whatsapp-autofill-btn {
   text-align: center;
   margin-top: $CAP_SPACE_12;