@capillarytech/creatives-library 8.0.169 → 8.0.170-beta.2

package/app.js

@@ -26,6 +26,10 @@ import './styles/main.scss';
 import pathConfig from './config/path';
 import ignoredErrorMessages from './utils/ignoredErrorMessages';
 import App from './containers/App';
+import { setupNewrelicWebVitals } from './utils/commonUtils';
+
+// Setup New Relic WebVitals tracking
+setupNewrelicWebVitals();
 
 // const browserHistory = useRouterHistory(createHistory)({
 //   basename: pathConfig.publicPath,

package/containers/App/constants.js

@@ -1,3 +1,5 @@
+export const HOSTNAME_PATTERN = /^(?:([^.]+)\.)?(?:([^.]+)\.)?intouch\.capillarytech\.com$/;
+
 export const GET_SIDEBAR_REQUEST = 'app/App/GET_SIDEBAR_REQUEST';
 export const GET_SIDEBAR_SUCCESS = 'app/App/GET_SIDEBAR_SUCCESS';
 export const GET_SIDEBAR_FAILURE = 'app/App/GET_SIDEBAR_FAILURE';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.169",
+  "version": "8.0.170-beta.2",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -18,6 +18,7 @@
     "@bugsnag/plugin-react": "7.2.1",
     "@capillarytech/cap-ui-utils": "3.0.4",
     "@capillarytech/vulcan-react-sdk": "^2.3.5",
+    "@newrelic/browser-agent": "^1.293.0",
     "@mailupinc/bee-plugin": "^1.2.0",
     "babel-cli": "^6.26.0",
     "chalk": "^2.4.2",

package/utils/commonUtils.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import get from 'lodash/get';
 import { convert } from "html-to-text";
+import { BrowserAgent } from '@newrelic/browser-agent';
 import { EMBEDDED } from "../v2Containers/Whatsapp/constants";
 import {
   EDIT,
@@ -18,6 +19,8 @@ import {
 import { GLOBAL_CONVERT_OPTIONS } from "../v2Components/FormBuilder/constants";
 import { checkSupport, extractNames } from "./tagValidations";
 import { SMS_TRAI_VAR } from '../v2Containers/SmsTrai/Edit/constants';
+import appConfig from '../../app-config';
+import { HOSTNAME_PATTERN } from '../containers/App/constants';
 export const apiMessageFormatHandler = (id, fallback) => (
   <FormattedMessage id={id} defaultMessage={fallback} />
 );
@@ -429,3 +432,50 @@ export const validateInAppContent = async (formData, options) => {
   // Errors already reported via the 'onError' callback passed to _validatePlatformSpecificContent
   return false;
 };
+
+// New Relic WebVitals tracking setup
+const {
+  newrelic: { enabled = false, environments = {}, licenseKey },
+} = appConfig;
+
+const getNewrelicAppId = () => {
+  const hostname = window.location.hostname;
+  const match = hostname.match(HOSTNAME_PATTERN);
+  const environment = match?.[2] ?? match?.[1] ?? 'nightly';
+  return environments[environment]?.appId;
+};
+
+export const setupNewrelicWebVitals = () => {
+  if (process.env.NODE_ENV === 'production' && enabled) {
+    const options = {
+      info: {
+        applicationID: getNewrelicAppId(),
+        licenseKey: licenseKey,
+      },
+      init: {
+        ajax: { enabled: true },
+        distributed_tracing: {
+          enabled: true,
+          exclude_newrelic_header: true,
+        },
+        generic_events: { enabled: true },
+        jserrors: { enabled: true },
+        logging: { enabled: false },
+        metrics: { enabled: true },
+        page_action: { enabled: true },
+        page_view_timing: { enabled: true },
+        performance: {
+          capture_detail: true,
+        },
+        privacy: { cookies_enabled: true },
+        session_replay: { enabled: false },
+        session_trace: { enabled: true },
+        soft_navigations: { enabled: true },
+        spa: { enabled: true },
+        user_actions: { enabled: true },
+      },
+    };
+    // The agent loader code executes immediately on instantiation.
+    new BrowserAgent(options);
+  }
+};

package/utils/tests/newrelic.test.js

@@ -0,0 +1,546 @@
+const { mockBrowserAgent } = require('../../../__mocks__/newRelicMock');
+import { setupNewrelicWebVitals } from '../commonUtils';
+
+describe('commonUtils - New Relic Integration', () => {
+  beforeEach(() => {
+    process.env.NODE_ENV = 'production';
+    mockBrowserAgent.reset();
+    delete window.location;
+  });
+
+  afterAll(() => {
+    process.env.NODE_ENV = 'test';
+  });
+
+  describe('setupNewrelicWebVitals', () => {
+    it('should initialize BrowserAgent with correct options - localhost', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'localhost' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718411553',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - nightly', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'nightly.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718411553',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - staging', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'staging.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718413027',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - ushc', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'ushc.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718413124',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - apac', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'apac.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718413134',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - north-america', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'north-america.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718413144',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - apac2', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'apac2.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718413155',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - tata', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'tata.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718413165',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - sea', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'sea.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718413175',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should initialize BrowserAgent with correct options - eu', () => {
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'eu.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).toHaveBeenCalledTimes(1);
+
+      const expectedOptions = {
+        info: {
+          applicationID: '718413185',
+          licenseKey: '082da40fff',
+        },
+        init: {
+          ajax: { enabled: true },
+          distributed_tracing: {
+            enabled: true,
+            exclude_newrelic_header: true,
+          },
+          generic_events: { enabled: true },
+          jserrors: { enabled: true },
+          logging: { enabled: false },
+          metrics: { enabled: true },
+          page_action: { enabled: true },
+          page_view_timing: { enabled: true },
+          performance: {
+            capture_detail: true,
+          },
+          privacy: { cookies_enabled: true },
+          session_replay: { enabled: false },
+          session_trace: { enabled: true },
+          soft_navigations: { enabled: true },
+          spa: { enabled: true },
+          user_actions: { enabled: true },
+        },
+      };
+
+      expect(mockBrowserAgent).toHaveBeenCalledWith(expectedOptions);
+    });
+
+    it('should not initialize BrowserAgent in development environment', () => {
+      process.env.NODE_ENV = 'development';
+      
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'nightly.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+      
+      setupNewrelicWebVitals();
+
+      expect(mockBrowserAgent).not.toHaveBeenCalled();
+    });
+  });
+
+  describe('setupNewrelicWebVitals with disabled config', () => {
+    beforeEach(() => {
+      jest.resetModules();
+      jest.doMock('../../../app-config', () => ({
+        newrelic: {
+          enabled: false,
+          licenseKey: '082da40fff',
+          environments: {
+            nightly: {
+              appId: '718411553',
+            },
+          },
+        },
+      }));
+    });
+
+    afterEach(() => {
+      jest.resetModules();
+    });
+
+    it('should not initialize BrowserAgent when New Relic is disabled in production', () => {
+      process.env.NODE_ENV = 'production';
+      
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'nightly.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+
+      const { setupNewrelicWebVitals: setupWithDisabledConfig } = require('../commonUtils');
+      setupWithDisabledConfig();
+
+      expect(mockBrowserAgent).not.toHaveBeenCalled();
+    });
+
+    it('should not initialize BrowserAgent when New Relic is disabled in development', () => {
+      process.env.NODE_ENV = 'development';
+      
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'nightly.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+
+      const { setupNewrelicWebVitals: setupWithDisabledConfig } = require('../commonUtils');
+      setupWithDisabledConfig();
+
+      expect(mockBrowserAgent).not.toHaveBeenCalled();
+    });
+  });
+
+  describe('setupNewrelicWebVitals with default config values', () => {
+    beforeEach(() => {
+      jest.resetModules();
+      jest.doMock('../../../app-config', () => ({
+        newrelic: {
+          licenseKey: '082da40fff',
+        },
+      }));
+    });
+
+    afterEach(() => {
+      jest.resetModules();
+    });
+
+    it('should not initialize BrowserAgent when enabled is missing (defaults to false)', () => {
+      process.env.NODE_ENV = 'production';
+      
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'nightly.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+
+      const { setupNewrelicWebVitals: setupWithDefaults } = require('../commonUtils');
+      setupWithDefaults();
+
+      expect(mockBrowserAgent).not.toHaveBeenCalled();
+    });
+
+    it('should handle missing environments object (defaults to empty object)', () => {
+      process.env.NODE_ENV = 'production';
+      
+      Object.defineProperty(window, 'location', {
+        value: { hostname: 'nightly.intouch.capillarytech.com' },
+        writable: true,
+        configurable: true,
+      });
+
+      const { setupNewrelicWebVitals: setupWithDefaults } = require('../commonUtils');
+      
+      expect(() => setupWithDefaults()).not.toThrow();
+      expect(mockBrowserAgent).not.toHaveBeenCalled();
+    });
+  });
+});

package/v2Components/CapWhatsappCTA/index.js

@@ -20,7 +20,7 @@ import globalMessages from '../../v2Containers/Cap/messages';
 import whatsappMsg from '../../v2Containers/Whatsapp/messages';
 import messages from './messages';
 import './index.scss';
-import { isUrl, isValidText } from '../../v2Containers/Line/Container/Wrapper/utils';
+import { isUrl, isValidWhatsappCtaText } from '../../v2Containers/Line/Container/Wrapper/utils';
 import TagList from '../../v2Containers/TagList';
 import {
   CTA_OPTIONS,
@@ -144,7 +144,7 @@ export const CapWhatsappCTA = (props) => {
   const onButtonTextChange = ({ target }) => {
     const { value, id } = target;
     let errorMessage = '';
-    if (!isValidText(value)) {
+    if (!isValidWhatsappCtaText(value)) {
       errorMessage = formatMessage(messages.ctaButtonErrorMessage);
     }
     setButtonError(errorMessage);

package/v2Components/CapWhatsappCarouselButton/index.js

@@ -34,7 +34,7 @@ import {
   KARIX_GUPSHUP_URL_OPTIONS, TWILIO_URL_OPTIONS, DYNAMIC_URL, STATIC_URL,
 } from "../CapWhatsappCTA/constants";
 import globalMessages from '../../v2Containers/Cap/messages';
-import { isUrl, isValidText } from '../../v2Containers/Line/Container/Wrapper/utils';
+import { isUrl, isValidWhatsappCtaText } from '../../v2Containers/Line/Container/Wrapper/utils';
 import { HOST_TWILIO } from "../../v2Containers/Whatsapp/constants";
 import "./index.scss";
 
@@ -119,7 +119,7 @@ export const CapWhatsappCarouselButton = (props) => {
 
   const onButtonTextChange = (value, buttonIndex) => {
     let errorMessage = '';
-    if (!isValidText(value)) {
+    if (!isValidWhatsappCtaText(value)) {
       errorMessage = formatMessage(capWhatsappCTAMsg.ctaButtonErrorMessage);
     }
     onValueChange(buttonIndex, [{fieldName: 'text', value}, {fieldName: 'textError', value: errorMessage}]);

package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js

@@ -188,7 +188,7 @@ const useEmailWrapper = ({
         CapNotification.error(message);
       }
     }
-  }, [isUploading, formatMessage, templatesActions, stopTimerGA, handleZipUploadError, showNextStep]);
+  }, [isUploading, formatMessage, stopTimerGA, handleZipUploadError, showNextStep]);
 
   const handleEdmDefaultTemplateSelection = useCallback((id) => {
     const data = find(CmsTemplates, { _id: id });
@@ -251,7 +251,7 @@ const useEmailWrapper = ({
     getCmsTemplatesInProgress,
     modeContent.id,
     SelectedEdmDefaultTemplate,
-    templatesActions,
+    // templatesActions,
     handleEdmDefaultTemplateSelection
   ]);
 

package/v2Containers/Line/Container/Wrapper/tests/index.test.js

@@ -5,7 +5,7 @@ import { initialReducer } from '../../../../../initialReducer';
 import { mountWithIntl } from '../../../../../helpers/intl-enzym-test-helpers';
 import { LineWrapper } from '../index';
 import { mockData } from './mockData';
-import {isValidText} from '../utils';
+import {isValidText, isValidWhatsappCtaText} from '../utils';
 import history from '../../../../../utils/history';
 
 let store;
@@ -92,5 +92,60 @@ describe('line wrapper test/>', () => {
       expect(isValidText(emptyString)).toBe(true);
     });
   });
+
+  describe('isValidWhatsappCtaText', () => {
+    it('should return false for non-string input', () => {
+      expect(isValidWhatsappCtaText(123)).toBe(false);
+      expect(isValidWhatsappCtaText(null)).toBe(false);
+      expect(isValidWhatsappCtaText(undefined)).toBe(false);
+      expect(isValidWhatsappCtaText({})).toBe(false);
+      expect(isValidWhatsappCtaText([])).toBe(false);
+      expect(isValidWhatsappCtaText(true)).toBe(false);
+    });
+
+    it('should return true for multilingual and symbol text', () => {
+      const valid = '確認一下 Привет مرحبا मान्य 123 @#&!?.:, -+/\\\'"=&₹€£$^(){}';
+      expect(isValidWhatsappCtaText(valid)).toBe(true);
+    });
+  
+    it('should return true for full allowed punctuation set', () => {
+      const allowed = 'A1 z9 @#&!?.:, -+/\\\'"=&₹€£$^(){}';
+      expect(isValidWhatsappCtaText(allowed)).toBe(true);
+    });
+  
+    it('should return false for whitespace-only', () => {
+      expect(isValidWhatsappCtaText('   ')).toBe(false);
+      expect(isValidWhatsappCtaText('\t\t')).toBe(false);
+    });
+  
+    it('should return true for leading and trailing spaces with valid text', () => {
+      expect(isValidWhatsappCtaText('  Hi')).toBe(true);
+      expect(isValidWhatsappCtaText('Hi  ')).toBe(true);
+    });
+  
+    it('should return false for control or markdown chars', () => {
+      expect(isValidWhatsappCtaText('Hello\nWorld')).toBe(false);
+      expect(isValidWhatsappCtaText('Hello\tWorld')).toBe(false);
+      expect(isValidWhatsappCtaText('*bold*')).toBe(false);
+      expect(isValidWhatsappCtaText('_under_')).toBe(false);
+      expect(isValidWhatsappCtaText('~strike~')).toBe(false);
+      expect(isValidWhatsappCtaText('`code`')).toBe(false);
+    });
+  
+    it('should return false for emojis, flags, ZWJ sequences and VS16', () => {
+      expect(isValidWhatsappCtaText('Heart ❤️')).toBe(false);
+      expect(isValidWhatsappCtaText('Flag 🇮🇳')).toBe(false);
+      expect(isValidWhatsappCtaText('Family 👨‍👩‍👧‍👦')).toBe(false);
+      expect(isValidWhatsappCtaText('Sun ☀️')).toBe(false);
+    });
+  
+    it('should return false for mixed valid text with emoji inside', () => {
+      expect(isValidWhatsappCtaText('Hello @# hi ❤️')).toBe(false);
+    });
+  
+    it('should return true for backslash usage', () => {
+      expect(isValidWhatsappCtaText('C:\\Path')).toBe(true);
+    });
+  });
   
 });

package/v2Containers/Line/Container/Wrapper/utils.js

@@ -78,3 +78,12 @@ export const isValidText = (text) => {
   return regex.test(text);
 };
 
+// WhatsApp CTA button text validation - whitelist approach
+// Allow: all letters and numbers (any language), regular space, and safe symbols
+// Safe symbols: @ # & ! ? . : , - + / \ ' " = & ₹ € £ $ ^ ( ) { }
+export const isValidWhatsappCtaText = (text) => {
+  if (typeof text !== 'string') return false;
+  if (!/\S/.test(text)) return false; // disallow whitespace-only
+  const regex = /^[\p{L}\p{M}\p{N} @#&!?.:,\-+/\\'"=&₹€£$^(){}]*$/u;
+  return regex.test(text);
+};