@capillarytech/creatives-library 7.12.41 → 7.12.42

package/package.json

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

package/v2Containers/Whatsapp/index.js

@@ -609,6 +609,7 @@ export const Whatsapp = (props) => {
         }
       />
       <CapRadioGroup
+        disabled={isEditFlow}
         options={buttonRadioOptions || []}
         value={buttonType}
         onChange={onChangeButtonType}
@@ -841,11 +842,24 @@ export const Whatsapp = (props) => {
     if (templateMessage.trim() === '' || templateMessageError) {
       return true;
     }
-    if (buttonType === WHATSAPP_BUTTON_TYPES.CTA) {
-      return !ctaData.every((i) => i.isSaved === true);
+   //cta
+   if (buttonType === WHATSAPP_BUTTON_TYPES.CTA) {
+    if (ctaData.length === 1 && ctaData[0].isSaved) {
+      //if button type is cta and 1st button is saved
+      return false;
+    } else if (
+      ctaData.length === 2 &&
+      ctaData[0].isSaved &&
+      ctaData[1].isSaved
+    ) {
+      //if button type is cta and 2nd button is saved
+      return false;
     }
-    return false;
-  };
+    //if button type is cta and there are no buttons saved
+    return true;
+  }
+  return false;
+};
 
   const createModeContent = (
     <>
@@ -1160,6 +1174,13 @@ export const Whatsapp = (props) => {
 
       {renderMessageLength()}
       {isTagValidationError && tagValidationErrorMessage()}
+      {computeTextLength() > TEMPLATE_MESSAGE_MAX_LENGTH ? (
+        <CapError>
+          {formatMessage(messages.templateMessageLengthError)}
+        </CapError>
+      ) : (
+        ''
+      )}
 
       <CapTooltip
         placement="bottom"
@@ -1202,7 +1223,8 @@ export const Whatsapp = (props) => {
 
   const isEditDoneDisabled = () =>
     isTagValidationError ||
-    Object.values(varMap).some((inputValue) => inputValue === '');
+    Object.values(varMap).some((inputValue) => inputValue === '') ||
+    computeTextLength() > TEMPLATE_MESSAGE_MAX_LENGTH;
   return (
     <CapSpin spinning={spin}>
       <CapRow className="cap-whatsapp-creatives">