@capillarytech/creatives-library 8.0.121 → 8.0.122

package/containers/MobilePush/Create/_mobilePushCreate.scss

@@ -17,9 +17,11 @@
   flex-direction: row-reverse;
   justify-content: flex-end;
 }
-.ant-tabs-tabpane{
-  padding: 16px 16px 16px 0;
-  border: solid 1px #D6D6D6;
+.creatives-templates-container {
+  .ant-tabs-tabpane{
+    padding: 16px 16px 16px 0;
+    border: solid 1px #D6D6D6;
+  }
 }
 .ant-radio-wrapper{
   font-size: 14px;

package/containers/MobilePush/Edit/_mobilePushCreate.scss

@@ -17,9 +17,11 @@
   flex-direction: row-reverse;
   justify-content: flex-end;
 }
-.ant-tabs-tabpane{
-  padding: 16px 16px 16px 0;
-  border: solid 1px #D6D6D6;
+.creatives-templates-container {
+  .ant-tabs-tabpane{
+    padding: 16px 16px 16px 0;
+    border: solid 1px #D6D6D6;
+  }
 }
 .ant-radio-wrapper{
   font-size: 14px;

package/containers/Sms/Create/_smsCreate.scss

@@ -16,11 +16,14 @@
   flex-direction: row-reverse;
   justify-content: flex-end;
 }
-.ant-tabs-tabpane{
-  border: 1px solid #d9d9d9;
-  border-top: none;
-  margin-top: -0.2%;
-  min-height: calc(70vh);
+
+.creatives-templates-container {
+  .ant-tabs-tabpane{
+    border: solid 1px #d9d9d9;
+    border-top: none;
+    margin-top: -0.2%;
+    min-height: calc(70vh); 
+  }
 }
 
 .ant-tabs-extra-content{

package/package.json

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

package/v2Containers/Whatsapp/index.js

@@ -2353,14 +2353,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
   const textAreaValueChange = ({ target: { value, id } }, type, carousel) => {
     const numId = Number(id.slice(id.indexOf("_") + 1));
     // Validation: Prevent empty or only-space values
-    const isInvalidValue = value.trim() === "";
-    let errorMsg = false;
-    if (isInvalidValue) {
-      errorMsg = formatMessage(messages.emptyVariableValueErrorMessage || {
-        id: 'whatsapp.emptyVariableValueErrorMessage',
-        defaultMessage: 'Variable value cannot be empty or only spaces.'
-      });
-    }
+    const isInvalidValue = value?.trim() === "";
     //assign entered value to varMap
     if (type === HEADER_TEXT) {
       const arr = [...updatedHeaderData];
@@ -2370,18 +2363,18 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
       }));
       if (isInvalidValue) {
         arr[numId] = id.slice(0, id.indexOf("_"));
+        setTemplateHeaderError(formatMessage(messages.emptyVariableValueErrorMessage));
       } else {
         arr[numId] = value;
+        setTemplateHeaderError(false);
       }
       setUpdatedHeaderData(arr);
-      // Set error for header variable if needed
-      if (errorMsg) setTemplateHeaderError(errorMsg);
-      else setTemplateHeaderError(false);
     } else if (type === CAROUSEL_TEXT) {
       const carouselUpdatedBodyTextData = carousel?.data?.updatedBodyText || [];
       const arr = [...carouselUpdatedBodyTextData];
       if (isInvalidValue) {
         arr[numId] = id.slice(0, id.indexOf("_"));
+        // (You may want to add a state for carousel variable errors if not present)
       } else {
         arr[numId] = value;
       }
@@ -2400,13 +2393,12 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
       //based on entered value update updatedSmsEditor
       if (isInvalidValue) {
         arr[numId] = id.slice(0, id.indexOf("_"));
+        setTemplateMessageError(formatMessage(messages.emptyVariableValueErrorMessage));
       } else {
         arr[numId] = value;
+        setTemplateMessageError(false);
       }
       setUpdatedSmsEditor(arr);
-      // Set error for message variable if needed
-      if (errorMsg) setTemplateMessageError(errorMsg);
-      else setTemplateMessageError(false);
     }
   };
 

package/v2Containers/Whatsapp/messages.js

@@ -265,8 +265,7 @@ export default defineMessages({
   },
   tagContentMismatchError: {
     id: `${prefix}.tagContentMismatchError`,
-    defaultMessage:
-      'TAG CONTENT MISMATCH: The language and/or template category selected don’t match the template content.',
+    defaultMessage: "TAG CONTENT MISMATCH: The language and/or template category selected do not match the template content.",
   },
   invalidFormatError: {
     id: `${prefix}.invalidFormatError`,
@@ -697,37 +696,37 @@ export default defineMessages({
     id: `${prefix}.checkExpiryCode`,
     defaultMessage: 'OTP settings',
   },
-  expiryCodeNote:{
+  expiryCodeNote: {
     id: `${prefix}.expiryCodeNote`,
     defaultMessage: 'We suggest using the same expiry time as specified in the OTP settings.',
   },
-  codeExpiresIn:{
+  codeExpiresIn: {
     id: `${prefix}.codeExpiresIn`,
     defaultMessage: 'This code expires in',
   },
-  minutes:{
+  minutes: {
     id: `${prefix}.minutes`,
     defaultMessage: 'minutes',
   },
-  codeExpiryNumMinutes:{
+  codeExpiryNumMinutes: {
     id: `${prefix}.codeExpiryNumMinutes`,
     defaultMessage: 'This code expires in <num_minutes> minutes.',
   },
-  authenticationMsg:{
+  authenticationMsg: {
     id: `${prefix}.authenticationMsg`,
     defaultMessage: "{{verification_code}} is your verification code.",
   },
-  securitySuffix:{
+  securitySuffix: {
     id: `${prefix}.securitySuffix`,
     defaultMessage: 'For your security, do not share this code.',
   },
-  numMinutes:{
+  numMinutes: {
     id: `${prefix}.numMinutes`,
     defaultMessage: '<num_minutes>',
   },
-  enterExpiryTime:{
+  enterExpiryTime: {
     id: `${prefix}.enterExpiryTime`,
-    defaultMessage: "Enter expiry time"
+    defaultMessage: "Enter expiry time",
   },
   checkExpiryTooltipHeader: {
     id: `${prefix}.checkExpiryTooltipHeader`,
@@ -773,4 +772,8 @@ export default defineMessages({
     id: `${prefix}.paused`,
     defaultMessage: 'Paused',
   },
+  emptyVariableValueErrorMessage: {
+    id: `${prefix}.emptyVariableValueErrorMessage`,
+    defaultMessage: 'Variable value cannot be empty or only spaces.',
+  },
 });

package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap

@@ -227089,7 +227089,7 @@ new message content.",
             ],
             Array [
               Object {
-                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected don’t match the template content.",
+                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected do not match the template content.",
                 "id": "creatives.containersV2.Whatsapp.tagContentMismatchError",
               },
             ],
@@ -227201,7 +227201,7 @@ new message content.",
             ],
             Array [
               Object {
-                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected don’t match the template content.",
+                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected do not match the template content.",
                 "id": "creatives.containersV2.Whatsapp.tagContentMismatchError",
               },
             ],
@@ -235685,7 +235685,7 @@ Click {{3}} to unsubscribe'",
             ],
             Array [
               Object {
-                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected don’t match the template content.",
+                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected do not match the template content.",
                 "id": "creatives.containersV2.Whatsapp.tagContentMismatchError",
               },
             ],
@@ -235797,7 +235797,7 @@ Click {{3}} to unsubscribe'",
             ],
             Array [
               Object {
-                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected don’t match the template content.",
+                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected do not match the template content.",
                 "id": "creatives.containersV2.Whatsapp.tagContentMismatchError",
               },
             ],
@@ -248917,7 +248917,7 @@ new message content.",
             ],
             Array [
               Object {
-                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected don’t match the template content.",
+                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected do not match the template content.",
                 "id": "creatives.containersV2.Whatsapp.tagContentMismatchError",
               },
             ],
@@ -249029,7 +249029,7 @@ new message content.",
             ],
             Array [
               Object {
-                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected don’t match the template content.",
+                "defaultMessage": "TAG CONTENT MISMATCH: The language and/or template category selected do not match the template content.",
                 "id": "creatives.containersV2.Whatsapp.tagContentMismatchError",
               },
             ],