@capillarytech/creatives-library 8.0.314 → 8.0.315

package/package.json

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

package/v2Containers/InApp/index.js

@@ -68,6 +68,7 @@ import { HTML_EDITOR_VARIANTS } from "../../v2Components/HtmlEditor/constants";
 import { INAPP_EDITOR_TYPES } from "../InAppWrapper/constants";
 import InappAdvanced from "../InappAdvance/index";
 import CapDeviceContent from "../../v2Components/CapDeviceContent";
+import capDeviceContentMessages from "../../v2Components/CapDeviceContent/messages";
 import { ErrorInfoNote } from "../../v2Components/ErrorInfoNote";
 
 let editContent = {};
@@ -1277,16 +1278,29 @@ export const InApp = (props) => {
     return '';
   };
 
+  /** Same rules as CapDeviceContent onTitleChange / onTemplateMessageChange */
+  const computeInAppTemplateFieldError = (value) => {
+    let error = templateDescErrorHandler(value);
+    if (value === '') {
+      error = formatMessage(capDeviceContentMessages.emptyTemplateMessageErrorMessage);
+    }
+    return error;
+  };
+
   const onCopyTitleAndContent = () => {
     if (panes === ANDROID) {
       clearDeviceErrors(ANDROID);
       setTitleAndroid(titleIos);
       setTemplateMessageAndroid(templateMessageIos);
+      setTemplateTitleErrorAndroid(computeInAppTemplateFieldError(titleIos));
+      setTemplateMessageErrorAndroid(computeInAppTemplateFieldError(templateMessageIos));
       setInAppImageSrcAndroid(inAppImageSrcIos);
     } else {
       clearDeviceErrors(IOS);
       setTitleIos(titleAndroid);
       setTemplateMessageIos(templateMessageAndroid);
+      setTemplateTitleErrorIos(computeInAppTemplateFieldError(titleAndroid));
+      setTemplateMessageErrorIos(computeInAppTemplateFieldError(templateMessageAndroid));
       setInAppImageSrcIos(inAppImageSrcAndroid);
     }
   };
@@ -1295,12 +1309,20 @@ export const InApp = (props) => {
     const tag = `{{${value}}}`;
     if (panes === ANDROID) {
       clearDeviceErrors(ANDROID);
-      if (index === 0) setTitleAndroid((prev) => prev + tag);
-      else setTemplateMessageAndroid((prev) => prev + tag);
+      const nextTitle = index === 0 ? titleAndroid + tag : titleAndroid;
+      const nextMessage = index === 0 ? templateMessageAndroid : templateMessageAndroid + tag;
+      if (index === 0) setTitleAndroid(nextTitle);
+      else setTemplateMessageAndroid(nextMessage);
+      setTemplateTitleErrorAndroid(computeInAppTemplateFieldError(nextTitle));
+      setTemplateMessageErrorAndroid(computeInAppTemplateFieldError(nextMessage));
     } else {
       clearDeviceErrors(IOS);
-      if (index === 0) setTitleIos((prev) => prev + tag);
-      else setTemplateMessageIos((prev) => prev + tag);
+      const nextTitle = index === 0 ? titleIos + tag : titleIos;
+      const nextMessage = index === 0 ? templateMessageIos : templateMessageIos + tag;
+      if (index === 0) setTitleIos(nextTitle);
+      else setTemplateMessageIos(nextMessage);
+      setTemplateTitleErrorIos(computeInAppTemplateFieldError(nextTitle));
+      setTemplateMessageErrorIos(computeInAppTemplateFieldError(nextMessage));
     }
   };