@capillarytech/creatives-library 8.0.310-alpha.0 → 8.0.311

package/package.json

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

package/services/api.js

@@ -735,21 +735,4 @@ export const getBeePopupBuilderToken = () => {
   return request(url, getAPICallObject('GET'));
 };
 
-/**
- * Look up member by identifier (email or mobile) for add test customer flow.
- * Uses standard API auth headers (no x-cap-ct) to avoid CORS preflight issues with node layer.
- * @param {string} identifierType - 'email' or 'mobile'
- * @param {string} identifierValue - email address or mobile number
- * @returns {Promise} Promise resolving to { success, response: { exists, customerDetails } }
- */
-export const getMembersLookup = (identifierType, identifierValue) => {
-  const url = `${API_ENDPOINT}/members?identifierType=${encodeURIComponent(identifierType)}&identifierValue=${encodeURIComponent(identifierValue)}`;
-  return request(url, getAPICallObject('GET'));
-};
-
-export const createTestCustomer = (payload) => {
-  const url = `${API_ENDPOINT}/testCustomers`;
-  return request(url, getAPICallObject('POST', payload));
-};
-
 export {request, getAPICallObject};

package/services/tests/api.test.js

@@ -28,8 +28,6 @@ import {
   getAssetStatus,
   getBeePopupBuilderToken,
   getCmsAccounts,
-  getMembersLookup,
-  createTestCustomer,
 } from '../api';
 import { mockData } from './mockData';
 import getSchema from '../getSchema';
@@ -1009,86 +1007,3 @@ describe('getCmsAccounts', () => {
     expect(result).toBeInstanceOf(Promise);
   });
 });
-
-describe('getMembersLookup', () => {
-  beforeEach(() => {
-    global.fetch = jest.fn();
-    global.fetch.mockReturnValue(Promise.resolve({
-      status: 200,
-      json: () => Promise.resolve({ success: true, response: { exists: false, customerDetails: [] } }),
-    }));
-  });
-
-  it('should return a Promise', () => {
-    const result = getMembersLookup('email', 'user@example.com');
-    expect(result).toBeInstanceOf(Promise);
-  });
-
-  it('should be callable with identifierType and identifierValue', () => {
-    expect(typeof getMembersLookup).toBe('function');
-    const result = getMembersLookup('mobile', '9123456789');
-    expect(result).toBeInstanceOf(Promise);
-  });
-
-  it('should call fetch with correct URL encoding and GET method', () => {
-    global.fetch.mockClear();
-    getMembersLookup('email', 'user+test@example.com');
-    expect(global.fetch).toHaveBeenCalled();
-    const calls = global.fetch.mock.calls;
-    const withEncoding = calls.find(
-      (c) =>
-        c[0] &&
-        String(c[0]).includes('members') &&
-        String(c[0]).includes('identifierType=email') &&
-        String(c[0]).includes('user%2Btest%40example.com')
-    );
-    if (withEncoding) {
-      const [url, options] = withEncoding;
-      expect(url).toContain('identifierType=email');
-      expect(url).toContain('identifierValue=user%2Btest%40example.com');
-      expect(options?.method || 'GET').toBe('GET');
-    }
-    const anyMembersCall = calls.find((c) => c[0] && String(c[0]).includes('members'));
-    expect(anyMembersCall).toBeDefined();
-    expect(anyMembersCall[0]).toContain('identifierType=');
-    expect(anyMembersCall[0]).toContain('identifierValue=');
-    expect(anyMembersCall[1]?.method || 'GET').toBe('GET');
-  });
-});
-
-describe('createTestCustomer', () => {
-  beforeEach(() => {
-    global.fetch = jest.fn();
-    global.fetch.mockReturnValue(Promise.resolve({
-      status: 200,
-      json: () => Promise.resolve({ success: true }),
-    }));
-  });
-
-  it('should return a Promise', () => {
-    const payload = { customer: { email: 'test@example.com', firstName: 'Test' } };
-    const result = createTestCustomer(payload);
-    expect(result).toBeInstanceOf(Promise);
-  });
-
-  it('should accept customerId payload for existing customer', () => {
-    const payload = { customerId: 'cust-123' };
-    const result = createTestCustomer(payload);
-    expect(result).toBeInstanceOf(Promise);
-    expect(global.fetch).toHaveBeenCalled();
-    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
-    expect(lastCall[0]).toContain('testCustomers');
-    expect(lastCall[1].method).toBe('POST');
-    expect(lastCall[1].body).toBe(JSON.stringify(payload));
-  });
-
-  it('should call fetch with /testCustomers URL and POST method', () => {
-    const payload = { customer: { email: 'n@b.co', firstName: 'N' } };
-    createTestCustomer(payload);
-    expect(global.fetch).toHaveBeenCalled();
-    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
-    expect(lastCall[0]).toContain('testCustomers');
-    expect(lastCall[1].method).toBe('POST');
-    expect(lastCall[1].body).toBe(JSON.stringify(payload));
-  });
-});

package/utils/commonUtils.js

@@ -17,8 +17,6 @@ import {
 } from "../v2Containers/CreativesContainer/constants";
 import { GLOBAL_CONVERT_OPTIONS } from "../v2Components/FormBuilder/constants";
 import { SMS_TRAI_VAR } from '../v2Containers/SmsTrai/Edit/constants';
-import { EMAIL_REGEX, PHONE_REGEX } from '../v2Components/CommonTestAndPreview/constants';
-
 export const apiMessageFormatHandler = (id, fallback) => (
   <FormattedMessage id={id} defaultMessage={fallback} />
 );
@@ -532,11 +530,3 @@ export const checkForPersonalizationTokens = (formData) => {
   }
   return false;
 };
-
-export const isValidEmail = (email) => EMAIL_REGEX.test(email);
-export const isValidMobile = (mobile) => PHONE_REGEX.test(mobile);
-
-export const formatPhoneNumber = (phone) => {
-  if (!phone) return '';
-  return String(phone).replace(/[^\d]/g, '');
-};

package/utils/tests/commonUtil.test.js

@@ -8,11 +8,6 @@ import {
   validateCarouselCards,
   hasPersonalizationTags,
   checkForPersonalizationTokens,
-  isValidEmail,
-  isValidMobile,
-  formatPhoneNumber,
-  getMessageForDevice,
-  getTitleForDevice,
 } from "../commonUtils";
 import { skipTags } from "../tagValidations";
 import { SMS_TRAI_VAR } from '../../v2Containers/SmsTrai/Edit/constants';
@@ -634,170 +629,6 @@ describe("validateLiquidTemplateContent", () => {
   });
 });
 
-describe("isValidEmail", () => {
-  it("returns true for valid email addresses", () => {
-    expect(isValidEmail("user@example.com")).toBe(true);
-    expect(isValidEmail("test.user@domain.co")).toBe(true);
-    expect(isValidEmail("a@b.co")).toBe(true);
-  });
-
-  it("returns false for invalid email addresses", () => {
-    expect(isValidEmail("")).toBe(false);
-    expect(isValidEmail("invalid")).toBe(false);
-    expect(isValidEmail("@nodomain.com")).toBe(false);
-    expect(isValidEmail("noatsign.com")).toBe(false);
-    expect(isValidEmail("missingtld@domain")).toBe(false);
-    expect(isValidEmail("  user@example.com  ")).toBe(false);
-  });
-
-  it("returns true for edge case single-char local part", () => {
-    expect(isValidEmail("x@y.co")).toBe(true);
-  });
-});
-
-describe("isValidMobile", () => {
-  it("returns true for valid mobile numbers (8-15 digits, no leading zero)", () => {
-    expect(isValidMobile("12345678")).toBe(true);
-    expect(isValidMobile("9123456789")).toBe(true);
-    expect(isValidMobile("123456789012345")).toBe(true);
-  });
-
-  it("returns false for invalid mobile numbers", () => {
-    expect(isValidMobile("")).toBe(false);
-    expect(isValidMobile("01234567")).toBe(false);
-    expect(isValidMobile("1234567")).toBe(false);
-    expect(isValidMobile("1234567890123456")).toBe(false);
-    expect(isValidMobile("abc12345678")).toBe(false);
-    expect(isValidMobile("12345 67890")).toBe(false);
-  });
-
-  it("returns true for exactly 8 and exactly 15 digits", () => {
-    expect(isValidMobile("12345678")).toBe(true);
-    expect(isValidMobile("123456789012345")).toBe(true);
-  });
-});
-
-describe("formatPhoneNumber", () => {
-  it("returns empty string for falsy input", () => {
-    expect(formatPhoneNumber("")).toBe("");
-    expect(formatPhoneNumber(null)).toBe("");
-    expect(formatPhoneNumber(undefined)).toBe("");
-  });
-
-  it("strips non-digit characters", () => {
-    expect(formatPhoneNumber("91 234 567 890")).toBe("91234567890");
-    expect(formatPhoneNumber("+91-234567890")).toBe("91234567890");
-    expect(formatPhoneNumber("(123) 456-7890")).toBe("1234567890");
-  });
-
-  it("returns digits-only string unchanged", () => {
-    expect(formatPhoneNumber("9123456789")).toBe("9123456789");
-  });
-
-  it("returns empty string for whitespace-only input", () => {
-    expect(formatPhoneNumber("   ")).toBe("");
-  });
-});
-
-describe("hasPersonalizationTags", () => {
-  it("returns true when text has liquid tags {{ }}", () => {
-    expect(hasPersonalizationTags("Hello {{name}}")).toBe(true);
-    expect(hasPersonalizationTags("{{foo}}")).toBe(true);
-  });
-
-  it("returns true when text has bracket tags [ ]", () => {
-    expect(hasPersonalizationTags("Hello [event.name]")).toBe(true);
-    expect(hasPersonalizationTags("[tag]")).toBe(true);
-  });
-
-  it("returns false for empty or no tags", () => {
-    expect(hasPersonalizationTags("")).toBeFalsy();
-    expect(hasPersonalizationTags()).toBeFalsy();
-    expect(hasPersonalizationTags("plain text")).toBe(false);
-    expect(hasPersonalizationTags("only {{ open")).toBe(false);
-  });
-
-  it("returns false when only [ or only ] present without matching pair", () => {
-    expect(hasPersonalizationTags("only [ open")).toBe(false);
-    expect(hasPersonalizationTags("only ] close")).toBe(false);
-  });
-
-  it("returns true when liquid tags have content with spaces", () => {
-    expect(hasPersonalizationTags("Hello {{ customer.name }}")).toBe(true);
-  });
-});
-
-describe("getMessageForDevice", () => {
-  it("returns message for device from templateData", () => {
-    const templateData = {
-      versions: {
-        android: { base: { expandableDetails: { message: "Android msg" } } },
-        ios: { base: { expandableDetails: { message: "iOS msg" } } },
-      },
-    };
-    expect(getMessageForDevice(templateData, "android")).toBe("Android msg");
-    expect(getMessageForDevice(templateData, "ios")).toBe("iOS msg");
-  });
-
-  it("returns undefined for missing path", () => {
-    expect(getMessageForDevice(null, "android")).toBeUndefined();
-    expect(getMessageForDevice({}, "android")).toBeUndefined();
-    expect(getMessageForDevice({ versions: {} }, "android")).toBeUndefined();
-  });
-
-  it("returns undefined when base exists but expandableDetails is missing", () => {
-    expect(getMessageForDevice({ versions: { android: { base: {} } } }, "android")).toBeUndefined();
-  });
-});
-
-describe("getTitleForDevice", () => {
-  it("returns title for device from templateData", () => {
-    const templateData = {
-      versions: {
-        android: { base: { title: "Android title" } },
-        ios: { base: { title: "iOS title" } },
-      },
-    };
-    expect(getTitleForDevice(templateData, "android")).toBe("Android title");
-    expect(getTitleForDevice(templateData, "ios")).toBe("iOS title");
-  });
-
-  it("returns empty string for missing title", () => {
-    expect(getTitleForDevice(null, "android")).toBe("");
-    expect(getTitleForDevice({}, "android")).toBe("");
-    expect(getTitleForDevice({ versions: { android: { base: {} } } }, "android")).toBe("");
-  });
-
-  it("returns empty string when base.title is undefined", () => {
-    expect(getTitleForDevice({ versions: { android: { base: { title: undefined } } } }, "android")).toBe("");
-  });
-});
-
-describe("checkForPersonalizationTokens", () => {
-  it("returns true when formData contains liquid or bracket tokens", () => {
-    expect(checkForPersonalizationTokens({ 0: { content: "Hi {{name}}" } })).toBe(true);
-    expect(checkForPersonalizationTokens({ tab1: { message: "Hello [event.id]" } })).toBe(true);
-  });
-
-  it("returns false for empty or no tokens", () => {
-    expect(checkForPersonalizationTokens(null)).toBe(false);
-    expect(checkForPersonalizationTokens({})).toBe(false);
-    expect(checkForPersonalizationTokens({ 0: { content: "plain" } })).toBe(false);
-  });
-
-  it("returns false for non-object formData", () => {
-    expect(checkForPersonalizationTokens("string")).toBe(false);
-  });
-
-  it("returns true for two-level nested object containing token", () => {
-    expect(checkForPersonalizationTokens({ tab: { body: "Hi {{name}}" } })).toBe(true);
-  });
-
-  it("returns false for formData with array value (no string tokens)", () => {
-    expect(checkForPersonalizationTokens({ 0: { items: ["a", "b"] } })).toBe(false);
-  });
-});
-
 describe("validateMobilePushContent", () => {
   const formatMessage = jest.fn(msg => msg.id);
   const messages = {

package/v2Components/CommonTestAndPreview/SendTestMessage.js

@@ -24,9 +24,6 @@ const SendTestMessage = ({
   channel,
   isSendingTestMessage,
   formatMessage,
-  renderAddTestCustomerButton,
-  searchValue,
-  setSearchValue,
   deliverySettings,
   senderDetailsOptions,
   wecrmAccounts,
@@ -34,77 +31,57 @@ const SendTestMessage = ({
   isLoadingSenderDetails,
   smsTraiDltEnabled,
   registeredSenderIds,
-}) => {
-  const addCustomerContent = renderAddTestCustomerButton ? renderAddTestCustomerButton() : null;
-  return (
-    <CapStepsAccordian
-      showNumberSteps={false}
-      isChevronIcon
-      expandIconPosition="right"
-      items={[
-        {
-          header: (
-            <CapHeader
-              size="regular"
-              description={<FormattedMessage {...messages.testMessageDescription} />}
-              title={<FormattedMessage {...messages.sendTestMessage} />}
+}) => (
+  <CapStepsAccordian
+    showNumberSteps={false}
+    isChevronIcon
+    expandIconPosition="right"
+    items={[
+      {
+        header: <CapHeader
+          size="regular"
+          description={<FormattedMessage {...messages.testMessageDescription} />}
+          title={<FormattedMessage {...messages.sendTestMessage} />}
+        />,
+        content: (
+          <CapRow className="send-test-content">
+            <CapHeader size="label1" title={<FormattedMessage {...messages.testCustomers} />} />
+            <CapTreeSelect
+              className="test-customers-tree-select"
+              loading={isFetchingTestCustomers || isFetchingTestGroups}
+              treeData={testEntitiesTreeData}
+              onChange={handleTestEntitiesChange}
+              value={selectedTestEntities}
+              multiple
+              placeholder={formatMessage(messages.testCustomersPlaceholder)}
             />
-          ),
-          content: (
-            <CapRow className="send-test-content">
-              <CapHeader size="label1" title={<FormattedMessage {...messages.testCustomers} />} />
-              <CapTreeSelect
-                className="test-customers-tree-select"
-                dropdownMatchSelectWidth
-                dropdownClassName="test-customers-tree-select-dropdown"
-                listHeight={280}
-                loading={isFetchingTestCustomers || isFetchingTestGroups}
-                treeData={testEntitiesTreeData}
-                onChange={handleTestEntitiesChange}
-                value={selectedTestEntities}
-                showSearch
-                searchValue={searchValue}
-                onSearch={setSearchValue}
-                treeNodeFilterProp="title"
-                {...(addCustomerContent ? { notFoundContent: addCustomerContent } : {})}
-                multiple
-                placeholder={formatMessage(messages.testCustomersPlaceholder)}
-                dropdownStyle={{ zIndex: 900, maxHeight: 320 }}
-                placement="bottomLeft"
-                getPopupContainer={(node) => node.closest('.send-test-section') || document.body}
+            {CHANNELS_WITH_DELIVERY_SETTINGS.includes(channel) && (
+              <DeliverySettings
+                channel={channel}
+                deliverySettings={deliverySettings || {}}
+                senderDetailsOptions={senderDetailsOptions || []}
+                wecrmAccounts={wecrmAccounts || []}
+                onSaveDeliverySettings={onSaveDeliverySettings}
+                isLoadingSenderDetails={isLoadingSenderDetails}
+                formatMessage={formatMessage}
+                smsTraiDltEnabled={smsTraiDltEnabled}
+                registeredSenderIds={registeredSenderIds}
+                whatsappAccountFromForm={
+                  channel === CHANNELS.WHATSAPP && formData?.accountName
+                    ? { accountName: formData.accountName }
+                    : undefined
+                }
               />
-              {CHANNELS_WITH_DELIVERY_SETTINGS.includes(channel) && (
-                <DeliverySettings
-                  channel={channel}
-                  deliverySettings={deliverySettings || {}}
-                  senderDetailsOptions={senderDetailsOptions || []}
-                  wecrmAccounts={wecrmAccounts || []}
-                  onSaveDeliverySettings={onSaveDeliverySettings}
-                  isLoadingSenderDetails={isLoadingSenderDetails}
-                  formatMessage={formatMessage}
-                  smsTraiDltEnabled={smsTraiDltEnabled}
-                  registeredSenderIds={registeredSenderIds}
-                  whatsappAccountFromForm={
-                    channel === CHANNELS.WHATSAPP && formData?.accountName
-                      ? { accountName: formData.accountName }
-                      : undefined
-                  }
-                />
-              )}
-              <CapButton
-                onClick={handleSendTestMessage}
-                disabled={isEmpty(selectedTestEntities) || isSendingTestMessage}
-              >
-                <FormattedMessage {...messages.sendTestButton} />
-              </CapButton>
-            </CapRow>
-          ),
-          key: 1,
-        },
-      ]}
-    />
-  );
-};
+            )}
+            <CapButton onClick={handleSendTestMessage} disabled={isEmpty(selectedTestEntities) || isSendingTestMessage}>
+              <FormattedMessage {...messages.sendTestButton} />
+            </CapButton>
+          </CapRow>),
+        key: 1,
+      },
+    ]}
+  />
+);
 
 SendTestMessage.propTypes = {
   isFetchingTestCustomers: PropTypes.bool.isRequired,
@@ -117,9 +94,6 @@ SendTestMessage.propTypes = {
   channel: PropTypes.string,
   isSendingTestMessage: PropTypes.bool.isRequired,
   formatMessage: PropTypes.func.isRequired,
-  renderAddTestCustomerButton: PropTypes.func,
-  searchValue: PropTypes.string,
-  setSearchValue: PropTypes.func,
   deliverySettings: PropTypes.object,
   senderDetailsOptions: PropTypes.array,
   wecrmAccounts: PropTypes.array,
@@ -132,9 +106,6 @@ SendTestMessage.propTypes = {
 SendTestMessage.defaultProps = {
   formData: undefined,
   channel: undefined,
-  renderAddTestCustomerButton: undefined,
-  searchValue: '',
-  setSearchValue: () => {}, // no-op when not provided; required by TreeSelect when showSearch is true
   deliverySettings: {},
   senderDetailsOptions: [],
   wecrmAccounts: [],