@capillarytech/creatives-library 7.12.24 → 7.12.25

package/package.json

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

package/v2Containers/Rcs/constants.js

@@ -19,7 +19,7 @@ export const TEMPLATE_DESC_MAX_LENGTH = 1000;
 export const FALLBACK_MESSAGE_MAX_LENGTH = 160;
 export const TEMPLATE_TITLE_MAX_LENGTH = 200;
 export const TEMPLATE_BUTTON_TEXT_MAX_LENGTH = 20;
-
+export const CTA = 'CTA';
 export const TAG = 'TAG';
 export const EMBEDDED = 'embedded';
 export const DEFAULT = 'default';

package/v2Containers/Rcs/index.js

@@ -70,6 +70,7 @@ import {
   VERTICAL,
   STANDALONE,
   RICHCARD,
+  CTA,
 } from './constants';
 import globalMessages from '../Cap/messages';
 import messages from './messages';
@@ -182,14 +183,14 @@ export const Rcs = (props) => {
             <FormattedMessage {...messages.templateCTAButtonDesc} />
           </CapLabel>
         </div>
-        {buttonType && <CapActionButton
-          type="CTA"
+        {buttonType.includes(CTA) && <CapActionButton
+          type={CTA}
           buttonTextlen={TEMPLATE_BUTTON_TEXT_MAX_LENGTH}
           updateButtonChange={updateButtonChange}
           suggestions={suggestions}
           />}
       </>,
-      value: "CTA",
+      value: CTA,
     },
     {
       label: <CapTooltip
@@ -248,7 +249,7 @@ export const Rcs = (props) => {
       setEditFlow(true);
       if (rcsSuggestions.length > 0) {
         setSuggestions(rcsSuggestions);
-        setButtonType(["CTA"]);
+        setButtonType(CTA);
       }
 
       // for DLT Fallback message
@@ -453,10 +454,11 @@ export const Rcs = (props) => {
     }
     return errorMessage;
   };
-  const onChangeButtonTypes = (val) => {
-    setButtonType(val[0]);
+
+  const onChangeButtonTypes = useCallback((checkedValues) => {
+    setButtonType(checkedValues);
     setSuggestions([]);
-  };
+  });
   const renderTextComponent = (
     <>
       {/* template title */}
@@ -1002,7 +1004,7 @@ export const Rcs = (props) => {
 
     // if call to action (Button text & link) is not added
     const {text, url} = suggestions[0] || {};
-    if (buttonType && !(text && url) ) {
+    if (buttonType.includes(CTA) && !(text && url) ) {
       return true;
     }
     if (templateDescError || fallbackMessageError) {
@@ -1029,7 +1031,7 @@ export const Rcs = (props) => {
     let mediaTypeMsg = isMediaTypeNone ? 'textMessage' : 'image';
     mediaTypeMsg = formatMessage(messages[mediaTypeMsg]);
     const {text, url} = suggestions[0] || {};
-    if (buttonType && !(text && url) ) {
+    if (buttonType.includes(CTA) && !(text && url) ) {
       mediaTypeMsg = `${formatMessage(messages.buttonTextAndUrl)} ${mediaTypeMsg} `;
     }
     return (