@capillarytech/creatives-library 7.17.103 → 7.17.104

package/package.json

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

package/v2Components/CapDeviceContent/index.js

@@ -138,6 +138,11 @@ const CapDeviceContent = (props) => {
     setCtaData(INITIAL_CTA_DATA);
   };
 
+  const onActionLinkCheckBoxChange = () => {
+    setAddActionLink(!addActionLink);
+    setDeepLinkValue('');
+  };
+
   const uploadInAppAsset = (file, type, fileParams) => {
     actions.uploadInAppAsset(file, type, fileParams, 0);
   };
@@ -251,7 +256,7 @@ const CapDeviceContent = (props) => {
         </CapRow>
       </CapRow>
       <CapRow className="inapp-action-link">
-        <CapCheckbox onChange={() => setAddActionLink(!addActionLink)} checked={addActionLink} />
+        <CapCheckbox onChange={onActionLinkCheckBoxChange} checked={addActionLink} />
         <CapRow className="inapp-render-heading">
           <CapHeader
             title={<CapRow type="flex">

package/v2Containers/InApp/index.js

@@ -89,7 +89,7 @@ export const InApp = (props) => {
   const [accountId, setAccountId] = useState("");
   const [accessToken, setAccessToken] = useState("");
   const [accountName, setAccountName] = useState("");
-  const [deepLink, setDeepLink] = useState("");
+  const [deepLink, setDeepLink] = useState([]);
   const [spin, setSpin] = useState(false);
   const [inAppImageSrcAndroid, setInAppImageSrcAndroid] = useState("");
   const [inAppImageSrcIos, setInAppImageSrcIos] = useState("");
@@ -113,7 +113,7 @@ export const InApp = (props) => {
   //gets account details
   useEffect(() => {
     const accountObj = accountData?.selectedWeChatAccount || {};
-    const deepLinkObj = accountData?.weCrmAccounts[0]?.configs?.deeplink || {};
+    const deepLinkObj = accountObj?.configs?.deeplink || '';
     if (!isEmpty(accountObj)) {
       const {
         sourceAccountIdentifier = "",
@@ -123,12 +123,12 @@ export const InApp = (props) => {
       const isAndroidSupported = configs?.android === DEVICE_SUPPORTED;
       // DEVICE_SUPPORTED is '1', which indicates if the particular account is supported, and '0' if the devive is not supported
       //get deep link keys in an array
-      const deepLinkKeys = Object.values(JSON.parse(deepLinkObj));
-      const keys = deepLinkKeys.map((link) => ({label: link.name, value: link.link, title: link.link }));
+      const deepLinkKeys = Object.values(JSON.parse(deepLinkObj || '{}'));
+      const keys = deepLinkKeys?.map((link) => ({label: link.name, value: link.link, title: link.link }));
       setPanes(isAndroidSupported ? ANDROID : IOS);
       setDeepLink(keys);
       setAccountId(sourceAccountIdentifier);
-      setAccessToken(configs.accessToken || "");
+      setAccessToken(configs?.accessToken || "");
       setAccountName(name);
     }
   }, [accountData?.selectedWeChatAccount, accountData?.weCrmAccounts[0]] );
@@ -183,7 +183,7 @@ export const InApp = (props) => {
             : INAPP_MEDIA_TYPES.IMAGE
         );
         setInAppImageSrcAndroid(androidImage);
-        setDeepLinkValueAndroid(androidCta[0]?.actionLink);
+        setDeepLinkValueAndroid(androidCta[0]?.actionLink || '');
         setAddActionLinkAndroid(!isEmpty(androidCta) && true);
         setButtonTypeAndroid(
           androidCtaLength ? INAPP_BUTTON_TYPES.CTA : INAPP_BUTTON_TYPES.NONE
@@ -212,7 +212,7 @@ export const InApp = (props) => {
         setInAppImageSrcIos(iosImage);
         setButtonTypeIos(iosCtaLength ? INAPP_BUTTON_TYPES.CTA : INAPP_BUTTON_TYPES.NONE);
         setAddActionLinkIos(!isEmpty(iosCta) && true);
-        setDeepLinkValueIos(iosCta[0]?.actionLink);
+        setDeepLinkValueIos(iosCta[0]?.actionLink || '');
         if (iosCtaLength > 0) {
           setCtaDataIos(getCtaObject(iosCtas));
         }
@@ -536,6 +536,15 @@ export const InApp = (props) => {
       //if button type is cta and there are no buttons saved
       return true;
     }
+
+    // action link
+    if (addActionLinkAndroid && !deepLinkValueAndroid) {
+      return true;
+    }
+    if (addActionLinkIos && !deepLinkValueIos) {
+      return true;
+    }
+
     return false;
   };