@capillarytech/creatives-library 8.0.287-alpha.2 → 8.0.287-alpha.3

package/package.json

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

package/v2Components/FormBuilder/index.js

@@ -712,7 +712,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     if (channel && channel.toUpperCase() === SMS) {
       for (let count = 0; count < this.state.tabCount; count += 1) {
         if (_.isEmpty(errorData[count])) {
-          return;
+          // Do not return early. An empty tab object can appear transiently and returning here
+          // prevents onFormValidityChange from firing, which makes Done appear unresponsive.
+          errorData[count] = {};
         }
         const index = count + 1;
         if (!this.state.formData[count]) {

package/v2Containers/CreativesContainer/SlideBoxFooter.js

@@ -49,6 +49,7 @@ function SlideBoxFooter(props) {
   // Only apply validation state checks for EMAIL channel in HTML Editor mode (not BEE/DragDrop)
   // For other channels, BEE editor, or when htmlEditorValidationState is not provided, don't disable based on validation
   const isEmailChannel = currentChannel?.toUpperCase() === 'EMAIL';
+  const isSmsChannel = currentChannel?.toUpperCase() === 'SMS';
   const isEditMode = slidBoxContent === 'editTemplate';
 
   // Use selectedEmailCreateMode for accurate mode detection in create mode (emailCreateMode is mapped for backwards compatibility)
@@ -125,8 +126,9 @@ function SlideBoxFooter(props) {
   const isBEEEditorModeInCreate = !isHTMLEditorMode && !isEditMode;
   const isBEEEditorMode = isBEEEditorModeInEdit || isBEEEditorModeInCreate;
   const hasBEEEditorErrors = isEmailChannel && isBEEEditorMode && (hasStandardErrors || hasLiquidErrors) && (!htmlEditorValidationState || !htmlEditorHasErrors);
+  const hasSmsValidationErrors = isSmsChannel && hasStandardErrors;
 
-  const shouldShowErrorInfoNote = hasBEEEditorErrors || isSupportCKEditor;
+  const shouldShowErrorInfoNote = hasBEEEditorErrors || hasSmsValidationErrors || isSupportCKEditor;
   return (
     <div className="template-footer-width">
       {shouldShowErrorInfoNote && (

package/v2Containers/MobilePush/Create/index.js

@@ -674,25 +674,14 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       let tab = this.state.currentTab;
       const isAndroidInvalid = Object.values(errorData[0]).includes(true);
       const isIosInvalid = Object.values(errorData[1]).includes(true);
-      let isTagErrorExist = false;
       if (isAndroidInvalid) {
         tab = 1;
         errorMessage.description = intl.formatMessage(messages.invalidAndroidMessage);
-        const invalidTags = errorData[0]['invalid-tags'];
-        if (!isEmpty(invalidTags)) {
-          isTagErrorExist = true;
-          errorMessage.description = `${intl.formatMessage(messages.invalidAndroidMessage)} ${intl.formatMessage(messages.invalidTags)}: ${invalidTags.join(',')} `;
-        }
       } else if (isIosInvalid) {
         tab = 2;
         errorMessage.description = intl.formatMessage(messages.invalidIosMessage);
-        const invalidTags = errorData[1]['invalid-tags'];
-        if (!isEmpty(invalidTags)) {
-          isTagErrorExist = true;
-          errorMessage.description = `${intl.formatMessage(messages.invalidIosMessage)} ${intl.formatMessage(messages.invalidTags)}: ${invalidTags.join(',')} `;
-        }
       }
-      if (tab !== this.state.currentTab || isTagErrorExist) {
+      if (tab !== this.state.currentTab) {
         CapNotification.error(errorMessage);
       }
     }

package/v2Containers/MobilePush/Edit/index.js

@@ -698,7 +698,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     const {intl} = this.props;
     const {errorData} = this.state;
     const errorMessage = {key: 'validation-error', message: intl.formatMessage(messages.validationError)};
-    let isTagErrorExist = false;
     if (!_.isEmpty(this.state.formData) && !this.state.isFormValid) {
       let tab = this.state.currentTab;
       const isAndroidInvalid = Object.values(errorData[0]).includes(true);
@@ -706,22 +705,12 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       if (isAndroidInvalid) {
         tab = 1;
         errorMessage.description = intl.formatMessage(messages.invalidAndroidMessage);
-        const invalidTags = errorData[0]['invalid-tags'];
-        if (!_.isEmpty(invalidTags)) {
-          isTagErrorExist = true;
-          errorMessage.description = `${intl.formatMessage(messages.invalidAndroidMessage)} ${intl.formatMessage(messages.invalidTags)}: ${invalidTags.join(',')} `;
-        }
       } else if (isIosInvalid) {
         tab = 2;
         errorMessage.description = intl.formatMessage(messages.invalidIosMessage);
-        const invalidTags = errorData[1]['invalid-tags'];
-        if (!_.isEmpty(invalidTags)) {
-          isTagErrorExist = true;
-          errorMessage.description = `${intl.formatMessage(messages.invalidIosMessage)} ${intl.formatMessage(messages.invalidTags)}: ${invalidTags.join(',')} `;
-        }
       }
 
-      if (tab !== this.state.currentTab || isTagErrorExist) {
+      if (tab !== this.state.currentTab) {
         CapNotification.error(errorMessage);
       }
     }

package/v2Containers/Sms/commonMethods.js

@@ -1,5 +1,5 @@
 import isEmpty from 'lodash/isEmpty';
-import { CapNotification } from '@capillarytech/cap-ui-library';
+import CapNotification from '@capillarytech/cap-ui-library/CapNotification';
 import messages from './Create/messages';
 export function showError() {
   const {intl} = this.props;
@@ -10,14 +10,9 @@ export function showError() {
     const isSmsInvalid = Object.values(err0).includes(true);
     const isBraceError = Boolean(err0['bracket-error']);
     if (isSmsInvalid) {
-      const invalidTags = err0['invalid-tags'];
-      if (!isEmpty(invalidTags)) {
-        errorMessage.description = `${intl.formatMessage(messages.invalidTags)}: ${invalidTags.join(',')} `;
-      }
       CapNotification.error(errorMessage);
     } else if (isBraceError) {
-      errorMessage.description = intl.formatMessage(messages.unbalancedCurlyBraces);
-      CapNotification.error(errorMessage);
+      // Do not trigger toast for this path; footer error is the reliable UX in SMS library flow.
     }
   }
 }