@capillarytech/creatives-library 7.17.103 → 7.17.105

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.103",
+  "version": "7.17.105",
   "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/v2Components/CapInAppCTA/index.js

@@ -201,7 +201,6 @@ export const CapInAppCTA = (props) => {
                   onChange={onButtonTextChange}
                   placeholder={formatMessage(messages.ctaButtonTextPlaceholder)}
                   value={text}
-                  size="large"
                   maxLength={BTN_MAX_LENGTH}
                   errorMessage={buttonError}
                 />

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -65,7 +65,7 @@
       
               .inapp-title-HEADER-ANDROID {
                 left: 34%;
-                top: 15%;
+                top: 17%;
                 position: relative;
                 font-size: 10px;
                 width: 90px;

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -811,6 +811,7 @@ export function SlideBoxContent(props) {
         getFormData={getFormData}
         isGetFormData={isGetFormData}
         templateData={templateData}
+        getDefaultTags={type}
       />
       )}
 

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;
   };
 

package/v2Containers/Templates/index.js

@@ -802,6 +802,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         queryParams.originalId = this.props.Templates.selectedWeChatAccount.sourceAccountIdentifier;
       }
       const channel = this.state.channel;
+      if (([MOBILE_PUSH_LOWERCASE, INAPP_LOWERCASE].includes(channel.toLowerCase())) && !isEmpty(this.props.Templates.selectedWeChatAccount)) {
+        queryParams.accountId = this.props.Templates?.selectedWeChatAccount?.id;
+      }
       this.props.actions.getAllTemplates(channel, queryParams,`${copyOf}`);
     } else if ((resetPage || (page === 1 && this.state.templatesCount === 0) || page <= (this.state.templatesCount / this.state.perPageLimit))) {
       if (getNextPage) {