@capillarytech/creatives-library 8.0.312 → 8.0.314

package/package.json

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

package/v2Components/CommonTestAndPreview/index.js

@@ -388,93 +388,6 @@ const CommonTestAndPreview = (props) => {
     return resolvedText;
   };
 
-  /**
-   * Common handler for saving test customers (both new and existing)
-   */
-  const handleSaveTestCustomer = async (validationErrors = {},setIsLoading) => {
-    // Check for validation errors before saving (for new customers)
-    if (customerModal[1] === CUSTOMER_MODAL_NEW && (validationErrors.email || validationErrors.mobile)) {
-      return;
-    }
-
-    if (typeof setIsLoading === 'function') {
-      setIsLoading(true);
-    }
-    
-    try {
-      let payload;
-      
-      if (customerModal[1] === CUSTOMER_MODAL_EXISTING) {
-        // For existing customers, use customerId
-        payload = {
-          customerId: customerData.customerId
-        };
-      } else {
-        // For new customers, use customer object
-        payload = {
-          customer: {
-            firstName: customerData.name || "",
-            mobile: customerData.mobile || "",
-            email: customerData.email || ""
-          }
-        };
-      }
-
-      const response = await createTestCustomer(payload);
-      
-
-        // Handle success: add to test customers list and selection (existing and new)
-        if (response && response.success) {
-          CapNotification.success({
-            message: formatMessage(messages.newTestCustomerAddedSuccess),
-          });
-          // API may return customerId in response.response (e.g. { response: { customerId: 438845651 } })
-          const res = response?.response || response;
-          const addedId = customerModal[1] === CUSTOMER_MODAL_EXISTING
-            ? customerData?.customerId
-            : res?.customerId;
-          if (addedId) {
-            actions.addTestCustomer({
-              userId: addedId,
-              customerId: addedId,
-              name: customerData?.name?.trim() || '',
-              email: customerData?.email || '',
-              mobile: customerData?.mobile || '',
-            });
-            setSelectedTestEntities((prev) => [...prev, addedId]);
-          }
-          handleCloseCustomerModal();
-        } else {
-          // Show error notification for unsuccessful response
-          CapNotification.error({
-            message: formatMessage(messages.errorTitle),
-            description: response?.message || formatMessage(messages.failedToAddTestCustomer),
-          });
-        }
-    } catch (error) {
-      if (customerModal[1] === CUSTOMER_MODAL_EXISTING) {
-        // Show error notification for caught exceptions (existing customers only)
-        CapNotification.error({
-          message: formatMessage(messages.errorTitle),
-          description: error?.message || formatMessage(messages.errorAddingTestCustomer),
-        });
-      }
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handleCloseCustomerModal = () => {
-    setCustomerModal([false, ""]);
-    setSearchValue('');
-    setCustomerData({
-      name: '',
-      email: '',
-      mobile: '',
-      customerId: '',
-    });
-  };
-
   /**
    * Prepare payload for preview API based on channel
    */
@@ -2599,107 +2512,6 @@ const CommonTestAndPreview = (props) => {
     setSelectedTestEntities(value);
   };
 
-  /**
-   * Map API customerDetails item to our customerData shape
-   */
-  const mapCustomerDetailsToCustomerData = (detail, identifierValue) => {
-    const firstName = detail.firstName || '';
-    const lastName = detail.lastName || '';
-    const name = [firstName, lastName].filter(Boolean).join(' ').trim() || '';
-    const getIdentifierValue = (type) => {
-      const fromIdentifiers = detail.identifiers?.find((i) => i.type === type)?.value;
-      if (fromIdentifiers) return fromIdentifiers;
-      const fromCommChannels = detail.commChannels?.find((c) => c.type === type)?.value;
-      return fromCommChannels || (channel === CHANNELS.EMAIL && type === IDENTIFIER_TYPE_EMAIL ? identifierValue : channel === CHANNELS.SMS && type === IDENTIFIER_TYPE_MOBILE ? identifierValue : '');
-    };
-    return {
-      name,
-      email: channel === CHANNELS.EMAIL ? (getIdentifierValue(IDENTIFIER_TYPE_EMAIL) || identifierValue) : (getIdentifierValue(IDENTIFIER_TYPE_EMAIL) || ''),
-      mobile: channel === CHANNELS.SMS ? (getIdentifierValue(IDENTIFIER_TYPE_MOBILE) || getIdentifierValue(IDENTIFIER_TYPE_PHONE) || identifierValue) : (getIdentifierValue(IDENTIFIER_TYPE_MOBILE) || getIdentifierValue(IDENTIFIER_TYPE_PHONE) || ''),
-      customerId: detail.userId != null ? String(detail.userId) : '',
-    };
-  };
-
-  const handleAddTestCustomer = async () => {
-    const identifierType = channel === CHANNELS.EMAIL ? IDENTIFIER_TYPE_EMAIL : IDENTIFIER_TYPE_MOBILE;
-    const searchValueToCheck = searchValue || '';
-    
-    // Check if this customer is already in the test customers list
-    const existingTestCustomer = testCustomers?.find(customer => {
-      if (channel === CHANNELS.EMAIL) {
-        return customer.email === searchValueToCheck;
-      } else if (channel === CHANNELS.SMS) {
-        return customer.mobile === searchValueToCheck;
-      }
-      return false;
-    });
-
-    if (existingTestCustomer) {
-      const entityId = existingTestCustomer.userId ?? existingTestCustomer.customerId;
-      if (entityId != null) {
-        const id = String(entityId);
-        setSelectedTestEntities((prev) =>
-          prev.includes(id) ? prev : [...prev, id]
-        );
-      }
-      setSearchValue('');
-      CapNotification.success({
-        message: formatMessage(messages.customerAlreadyInTestList),
-      });
-      return;
-    }
-
-    setIsCustomerDataLoading(true);
-
-    try {
-      const response = await getMembersLookup(identifierType, searchValueToCheck);
-      const success = response?.success && !response?.status?.isError;
-      const res = response?.response || {};
-      const exists = res.exists || false;
-      const details = res.customerDetails || [];
-
-      if (!success) {
-        const errorMessage = response?.message || response?.status?.message || formatMessage(messages.memberLookupError);
-        CapNotification.error({ title: formatMessage(messages.errorTitle), message: errorMessage });
-        return;
-      }
-
-      if (exists && details.length > 0) {
-        const mapped = mapCustomerDetailsToCustomerData(details[0], searchValueToCheck);
-        const customerIdFromLookup = mapped.customerId;
-        const alreadyInTestListByCustomerId = customerIdFromLookup && testCustomers?.some(
-          (c) => String(c?.customerId) === customerIdFromLookup || String(c?.userId) === customerIdFromLookup
-        );
-        if (alreadyInTestListByCustomerId) {
-          setSelectedTestEntities((prev) =>
-            prev.includes(customerIdFromLookup) ? prev : [...prev, customerIdFromLookup]
-          );
-          setSearchValue('');
-          CapNotification.success({
-            message: formatMessage(messages.customerAlreadyInTestList),
-          });
-          return;
-        }
-        setCustomerData(mapped);
-        setCustomerModal([true, CUSTOMER_MODAL_EXISTING]);
-      } else {
-        setCustomerData({
-          name: '',
-          email: channel === CHANNELS.EMAIL ? searchValueToCheck : '',
-          mobile: channel === CHANNELS.SMS ? searchValueToCheck : '',
-          customerId: '',
-        });
-        setCustomerModal([true, CUSTOMER_MODAL_NEW]);
-      }
-    } catch {
-      CapNotification.error({
-        message: formatMessage(messages.memberLookupError),
-      });
-    } finally {
-      setIsCustomerDataLoading(false);
-    }
-  };
-  
   /**
    * Handle send test message
    */

package/v2Components/ErrorInfoNote/index.js

@@ -212,8 +212,8 @@ export const ErrorInfoNote = (props) => {
     Array.isArray(rawStandardWarnings) ? rawStandardWarnings : [],
   ), [rawStandardErrors, rawLiquidErrors, rawStandardWarnings]);
 
-  const errorsCount = errorIssues.length;
-  const warningsCount = warningIssues.length;
+  const errorsCount = errorIssues?.length;
+  const warningsCount = warningIssues?.length;
   const totalCount = errorsCount + warningsCount;
   const hasLiquidErrors = Array.isArray(rawLiquidErrors) && rawLiquidErrors.length > 0;
 

package/v2Containers/InApp/index.js

@@ -1218,6 +1218,47 @@ export const InApp = (props) => {
   // ── Old-flow helpers (used by CapDeviceContent when flag is disabled) ──────
   const isAiContentBotDisabled = currentOrgDetails?.accessibleFeatures?.includes(AI_CONTENT_BOT_DISABLED);
 
+  /**
+   * Clears stored API/liquid errors for a specific device (and GENERIC) so
+   * hasAnyErrors() goes false and Done can be re-clicked after editing.
+   * Does NOT clear errors that belong only to the *other* device.
+   */
+  const clearDeviceErrors = useCallback((platform) => {
+    const key = platform === IOS ? IOS_CAPITAL : ANDROID;
+    setErrorMessage((prev) => ({
+      STANDARD_ERROR_MSG: {
+        ...prev.STANDARD_ERROR_MSG,
+        [key]: [],
+        GENERIC: [],
+      },
+      LIQUID_ERROR_MSG: {
+        ...prev.LIQUID_ERROR_MSG,
+        [key]: [],
+        GENERIC: [],
+      },
+    }));
+  }, [IOS_CAPITAL, ANDROID]);
+
+  const setTitleAndroidWithClear = useCallback((value) => {
+    clearDeviceErrors(ANDROID);
+    setTitleAndroid(value);
+  }, [clearDeviceErrors]);
+
+  const setTitleIosWithClear = useCallback((value) => {
+    clearDeviceErrors(IOS);
+    setTitleIos(value);
+  }, [clearDeviceErrors]);
+
+  const setTemplateMessageAndroidWithClear = useCallback((value) => {
+    clearDeviceErrors(ANDROID);
+    setTemplateMessageAndroid(value);
+  }, [clearDeviceErrors]);
+
+  const setTemplateMessageIosWithClear = useCallback((value) => {
+    clearDeviceErrors(IOS);
+    setTemplateMessageIos(value);
+  }, [clearDeviceErrors]);
+
   const templateDescErrorHandler = (value) => {
     const { unsupportedTags, isBraceError } = validateTags({
       content: value,
@@ -1231,17 +1272,19 @@ export const InApp = (props) => {
       return formatMessage(globalMessages.unsupportedTagsValidationError, { unsupportedTags });
     }
     if (isBraceError) {
-      return formatMessage(globalMessages.braceValidationError);
+      return formatMessage(globalMessages.unbalanacedCurlyBraces);
     }
     return '';
   };
 
   const onCopyTitleAndContent = () => {
     if (panes === ANDROID) {
+      clearDeviceErrors(ANDROID);
       setTitleAndroid(titleIos);
       setTemplateMessageAndroid(templateMessageIos);
       setInAppImageSrcAndroid(inAppImageSrcIos);
     } else {
+      clearDeviceErrors(IOS);
       setTitleIos(titleAndroid);
       setTemplateMessageIos(templateMessageAndroid);
       setInAppImageSrcIos(inAppImageSrcAndroid);
@@ -1251,12 +1294,13 @@ export const InApp = (props) => {
   const onTagSelect = (value, index) => {
     const tag = `{{${value}}}`;
     if (panes === ANDROID) {
+      clearDeviceErrors(ANDROID);
       if (index === 0) setTitleAndroid((prev) => prev + tag);
       else setTemplateMessageAndroid((prev) => prev + tag);
-    } else if (index === 0) {
-      setTitleIos((prev) => prev + tag);
     } else {
-      setTemplateMessageIos((prev) => prev + tag);
+      clearDeviceErrors(IOS);
+      if (index === 0) setTitleIos((prev) => prev + tag);
+      else setTemplateMessageIos((prev) => prev + tag);
     }
   };
 
@@ -1283,10 +1327,10 @@ export const InApp = (props) => {
           templateMediaType={templateMediaType}
           setTemplateMediaType={setTemplateMediaType}
           title={titleAndroid}
-          setTitle={setTitleAndroid}
+          setTitle={setTitleAndroidWithClear}
           templateMessageError={templateMessageErrorAndroid}
           templateMessage={templateMessageAndroid}
-          setTemplateMessage={setTemplateMessageAndroid}
+          setTemplateMessage={setTemplateMessageAndroidWithClear}
           setTemplateMessageError={setTemplateMessageErrorAndroid}
           addActionLink={addActionLinkAndroid}
           setAddActionLink={setAddActionLinkAndroid}
@@ -1328,10 +1372,10 @@ export const InApp = (props) => {
           templateMediaType={templateMediaType}
           setTemplateMediaType={setTemplateMediaType}
           title={titleIos}
-          setTitle={setTitleIos}
+          setTitle={setTitleIosWithClear}
           templateMessageError={templateMessageErrorIos}
           templateMessage={templateMessageIos}
-          setTemplateMessage={setTemplateMessageIos}
+          setTemplateMessage={setTemplateMessageIosWithClear}
           setTemplateMessageError={setTemplateMessageErrorIos}
           addActionLink={addActionLinkIos}
           setAddActionLink={setAddActionLinkIos}

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -5778,7 +5778,7 @@ FREE GIFTS-
             </CapRow>
             <Edit__SMSTraiFooter>
               <div
-                className="Edit__SMSTraiFooter-jwsec7-0 fbjRJS"
+                className="Edit__SMSTraiFooter-jwsec7-0 cskOAw"
               >
                 <CapButton
                   className="create-msg create-dlt-msg"
@@ -16756,7 +16756,7 @@ FREE GIFTS-
             </CapRow>
             <Edit__SMSTraiFooter>
               <div
-                className="Edit__SMSTraiFooter-jwsec7-0 fbjRJS"
+                className="Edit__SMSTraiFooter-jwsec7-0 cskOAw"
               >
                 <CapButton
                   className="create-msg create-dlt-msg"
@@ -27824,7 +27824,7 @@ FREE GIFTS-
             </CapRow>
             <Edit__SMSTraiFooter>
               <div
-                className="Edit__SMSTraiFooter-jwsec7-0 fbjRJS"
+                className="Edit__SMSTraiFooter-jwsec7-0 cskOAw"
               >
                 <CapButton
                   className="create-msg create-dlt-msg"