@capillarytech/creatives-library 8.0.114-alpha.2 → 8.0.115

package/package.json

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

package/v2Components/ErrorInfoNote/ErrorTypeRenderer.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import CapDivider from "@capillarytech/cap-ui-library/CapDivider";
-import { getLiquidProps } from './utils';
+import { getLiquidProps, hasPlatformErrors } from './utils';
 
 /**
  * Renders error sections for either generic (non-platform) or platform-specific (Android/iOS) errors.
@@ -49,10 +49,8 @@ const ErrorTypeRenderer = ({
   }
 
   // Render platform-specific errors (Android/iOS)
-  const hasAndroid = (androidErrors?.standard?.errorsToShow?.length || 0) > 0
-    || (androidErrors?.liquid?.errorsToShow?.length || 0) > 0;
-  const hasIos = (iosErrors?.standard?.errorsToShow?.length || 0) > 0
-    || (iosErrors?.liquid?.errorsToShow?.length || 0) > 0;
+  const hasAndroid = hasPlatformErrors(androidErrors);
+  const hasIos = hasPlatformErrors(iosErrors);
 
   if (!hasAndroid && !hasIos) return null;
   

package/v2Components/ErrorInfoNote/utils.js

@@ -36,3 +36,15 @@ export const getLiquidProps = (errors, isAndroid,showTitle,showPlatformLabels) =
   liquidError: !!errors?.liquid?.errorsToShow?.length,
   platformLabel: showPlatformLabels ? (isAndroid ? ANDROID : IOS) : null,
 });
+
+/**
+ * Returns true if either standard or liquid errorsToShow arrays have length > 0.
+ * @param {Object} errors - The error object for a platform (androidErrors or iosErrors)
+ * @returns {boolean}
+ */
+export const hasPlatformErrors = (errors) => {
+  if (!errors) return false;
+  const standardLength = errors?.standard?.errorsToShow?.length || 0;
+  const liquidLength = errors?.liquid?.errorsToShow?.length || 0;
+  return standardLength > 0 || liquidLength > 0;
+};

package/v2Components/ErrorInfoNote/utils.test.js

@@ -1,4 +1,4 @@
-import { processErrors, getLiquidProps } from './utils';
+import { processErrors, getLiquidProps, hasPlatformErrors } from './utils';
 
 const makeMessages = (overrides = {}) => ({
   standardErrorHeader: { id: 'standard', defaultMessage: 'Standard' },
@@ -154,3 +154,36 @@ describe('getLiquidProps', () => {
     expect(result.platformLabel).toBe(ANDROID);
   });
 });
+
+describe('hasPlatformErrors', () => {
+  it('returns false for null, undefined, or empty object', () => {
+    expect(hasPlatformErrors(null)).toBe(false);
+    expect(hasPlatformErrors(undefined)).toBe(false);
+    expect(hasPlatformErrors({})).toBe(false);
+  });
+
+  it('returns false if both standard.errorsToShow and liquid.errorsToShow are missing or empty', () => {
+    expect(hasPlatformErrors({ standard: { errorsToShow: [] }, liquid: { errorsToShow: [] } })).toBe(false);
+    expect(hasPlatformErrors({ standard: {}, liquid: {} })).toBe(false);
+    expect(hasPlatformErrors({})).toBe(false);
+  });
+
+  it('returns true if standard.errorsToShow has items', () => {
+    expect(hasPlatformErrors({ standard: { errorsToShow: [1, 2] }, liquid: { errorsToShow: [] } })).toBe(true);
+  });
+
+  it('returns true if liquid.errorsToShow has items', () => {
+    expect(hasPlatformErrors({ standard: { errorsToShow: [] }, liquid: { errorsToShow: [1] } })).toBe(true);
+  });
+
+  it('returns true if both standard and liquid errorsToShow have items', () => {
+    expect(hasPlatformErrors({ standard: { errorsToShow: [1] }, liquid: { errorsToShow: [2] } })).toBe(true);
+  });
+
+  it('handles missing standard or liquid keys gracefully', () => {
+    expect(hasPlatformErrors({ standard: { errorsToShow: [1] } })).toBe(true);
+    expect(hasPlatformErrors({ liquid: { errorsToShow: [2] } })).toBe(true);
+    expect(hasPlatformErrors({ standard: {}, liquid: undefined })).toBe(false);
+    expect(hasPlatformErrors({ standard: undefined, liquid: {} })).toBe(false);
+  });
+});

package/v2Containers/InApp/index.js

@@ -81,7 +81,7 @@ export const InApp = (props) => {
     currentOrgDetails,
     fetchingLiquidValidation,
   } = props || {};
-  const isLiquidFlow = hasLiquidSupportFeature();
+
   const { formatMessage } = intl;
   const [titleAndroid, setTitleAndroid] = useState("");
   const [titleIos, setTitleIos] = useState("");
@@ -784,6 +784,7 @@ export const InApp = (props) => {
     });
   };
 
+  const isLiquidFlow = hasLiquidSupportFeature();
   return (
     <CapSpin spinning={spin || fetchingLiquidValidation} tip={fetchingLiquidValidation ? <FormattedMessage {...formBuilderMessages.liquidSpinText} /> : ""}>
       <CapRow className="cap-inapp-creatives">

package/v2Containers/Whatsapp/constants.js

@@ -80,7 +80,7 @@ export const mediaTypeOptions = ({host, templateCategory}) => {
           tagColor: CAP_GREEN02,
           tagTextColor: CAP_GREEN01,
         },
-        ...(templateCategory === WHATSAPP_CATEGORIES.marketing
+        ...(templateCategory === WHATSAPP_CATEGORIES.marketing && host === HOST_GUPSHUP
           ? [
             {
               key: 'CAROUSEL',