@capillarytech/creatives-library 9.0.14-beta.0 → 9.0.14

package/constants/unified.js

@@ -45,9 +45,6 @@ export const GIFT_CARDS = 'GIFT_CARDS';
 export const PROMO_ENGINE = 'PROMO_ENGINE';
 export const ENABLE_NEW_MPUSH = 'ENABLE_NEW_MPUSH';
 export const ENABLE_NEW_EDITOR_FLOW_INAPP = 'ENABLE_NEW_EDITOR_FLOW_INAPP';
-// Per-channel flag for the FormBuilder V3 migration. Routes SMS templates to the
-// new functional FormBuilder; later channels get their own flags (…_MPUSH, …_EMAIL).
-export const ENABLE_NEW_FORMBUILDER_SMS = 'ENABLE_NEW_FORMBUILDER_SMS';
 export const SUPPORT_CK_EDITOR = 'SUPPORT_CK_EDITOR';
 export const CUSTOM_TAG = 'CustomTagMessage';
 export const CUSTOMER_EXTENDED_FIELD = 'Customer extended fields';

package/package.json

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

package/services/api.js

@@ -693,6 +693,16 @@ export const createCentralCommsMetaId = (payload, metaType = TRANSACTION) => {
   return request(url, getAPICallObject('POST', payload, false, false, false, true));
 };
 
+export const getCentralCommsMetaIds = (metaIds, metaType = TRANSACTION) => {
+  const url = `${API_ENDPOINT}/common/central-comms/meta-id/${metaType}?metaIds=${metaIds}`;
+  return request(url, getAPICallObject('GET', null, false, false, false, true));
+};
+
+export const bulkClaimAndApprove = (payload, metaType = TRANSACTION) => {
+  const url = `${API_ENDPOINT}/common/central-comms/bulk-claim-approve/${metaType}`;
+  return request(url, getAPICallObject('POST', payload, false, false, false, true));
+};
+
 export const updateMetaConfig = (payload, metaType = TRANSACTION, metaId) => {
   const url = `${API_ENDPOINT}/common/central-comms/meta-id/${metaType}/${metaId}`;
   return request(url, getAPICallObject('PATCH', payload, false, false, false, true));

package/services/tests/api.test.js

@@ -1092,6 +1092,8 @@ import {
   unarchiveTemplate,
   bulkArchiveTemplates,
   bulkUnarchiveTemplates,
+  getCentralCommsMetaIds,
+  bulkClaimAndApprove,
 } from '../api';
 
 describe('archiveTemplate', () => {
@@ -1145,3 +1147,84 @@ describe('bulkUnarchiveTemplates', () => {
     expect(lastCall[1].method).toBe('PUT');
   });
 });
+
+describe('getCentralCommsMetaIds', () => {
+  beforeEach(() => {
+    global.fetch = jest.fn().mockReturnValue(Promise.resolve({
+      status: 200,
+      json: () => Promise.resolve({ status: 200, response: [] }),
+    }));
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it('should return a Promise', () => {
+    const result = getCentralCommsMetaIds('1,2,3');
+    expect(result).toBeInstanceOf(Promise);
+  });
+
+  it('should call GET on central-comms/meta-id endpoint with default TRANSACTION type', () => {
+    getCentralCommsMetaIds('1,2,3');
+    expect(global.fetch).toHaveBeenCalled();
+    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
+    expect(lastCall[0]).toContain('central-comms/meta-id/TRANSACTION');
+    expect(lastCall[0]).toContain('metaIds=1,2,3');
+    expect(lastCall[1].method).toBe('GET');
+  });
+
+  it('should use provided metaType in URL', () => {
+    getCentralCommsMetaIds('4,5', 'EVENT');
+    expect(global.fetch).toHaveBeenCalled();
+    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
+    expect(lastCall[0]).toContain('central-comms/meta-id/EVENT');
+  });
+
+  it('should handle fetch failure', async () => {
+    global.fetch.mockRejectedValue({ error: 'Network error' });
+    const result = await getCentralCommsMetaIds('1,2,3');
+    expect(result).toEqual({ error: 'Network error' });
+  });
+});
+
+describe('bulkClaimAndApprove', () => {
+  beforeEach(() => {
+    global.fetch = jest.fn().mockReturnValue(Promise.resolve({
+      status: 200,
+      json: () => Promise.resolve({ status: 200, response: { success: true } }),
+    }));
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it('should return a Promise', () => {
+    const result = bulkClaimAndApprove({ ids: ['1', '2'] });
+    expect(result).toBeInstanceOf(Promise);
+  });
+
+  it('should call POST on central-comms/bulk-claim-approve endpoint with default TRANSACTION type', () => {
+    const payload = { ids: ['1', '2'] };
+    bulkClaimAndApprove(payload);
+    expect(global.fetch).toHaveBeenCalled();
+    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
+    expect(lastCall[0]).toContain('central-comms/bulk-claim-approve/TRANSACTION');
+    expect(lastCall[1].method).toBe('POST');
+    expect(lastCall[1].body).toBe(JSON.stringify(payload));
+  });
+
+  it('should use provided metaType in URL', () => {
+    bulkClaimAndApprove({ ids: ['3'] }, 'EVENT');
+    expect(global.fetch).toHaveBeenCalled();
+    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
+    expect(lastCall[0]).toContain('central-comms/bulk-claim-approve/EVENT');
+  });
+
+  it('should handle fetch failure', async () => {
+    global.fetch.mockRejectedValue({ error: 'Network error' });
+    const result = await bulkClaimAndApprove({ ids: ['1'] });
+    expect(result).toEqual({ error: 'Network error' });
+  });
+});

package/utils/common.js

@@ -26,7 +26,6 @@ import {
   SUPPORT_CK_EDITOR,
   ENABLE_NEW_MPUSH,
   ENABLE_NEW_EDITOR_FLOW_INAPP,
-  ENABLE_NEW_FORMBUILDER_SMS,
   SUPPORT_ENGAGEMENT_MODULE,
   ENABLE_CREATIVES_ARCHIVAL,
 } from '../constants/unified';
@@ -163,13 +162,6 @@ export const hasNewEditorFlowInAppEnabled = Auth.hasFeatureAccess.bind(
   ENABLE_NEW_EDITOR_FLOW_INAPP,
 );
 
-// FormBuilder V3 — per-org flag that routes the SMS channel to the new
-// functional FormBuilder. Off => the legacy class implementation (Classic).
-export const hasNewFormBuilderEnabledForSms = Auth.hasFeatureAccess.bind(
-  null,
-  ENABLE_NEW_FORMBUILDER_SMS,
-);
-
 //filtering tags based on scope
 export const filterTags = (tagsToFilter, tagsList) => tagsList?.filter(
     (tag) => !tagsToFilter?.includes(tag?.definition?.value)

package/v2Components/CommonTestAndPreview/UnifiedPreview/WhatsAppPreviewContent.js

@@ -17,7 +17,7 @@ import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
 import CapRow from '@capillarytech/cap-ui-library/CapRow';
 import { ANDROID, IOS } from '../constants';
 import messages from '../messages';
-import { getWhatsappQuickReply, getWhatsappCarouselButtonView } from '../../../v2Containers/Whatsapp/utils';
+import { getWhatsappQuickReply, getWhatsappCarouselButtonView, getWhatsappDocPreview } from '../../../v2Containers/Whatsapp/utils';
 import { QUICK_REPLY, PHONE_NUMBER, WHATSAPP_CATEGORIES, TEMPLATE_VARIABLE_REGEX } from '../../../v2Containers/Whatsapp/constants';
 import videoPlay from '../../../assets/videoPlay.svg';
 import whatsappImageEmptyPreview from '../../TemplatePreview/assets/images/empty_image_preview.svg';
@@ -258,8 +258,10 @@ const WhatsAppPreviewContent = ({
 
         {/* Document Preview */}
         {content?.docPreview && (
-          <CapRow useLegacy className="whatsapp-image">
-            {content.docPreview}
+          <CapRow className="whatsapp-image">
+            {React.isValidElement(content.docPreview)
+              ? content.docPreview
+              : getWhatsappDocPreview(content.docPreview)}
           </CapRow>
         )}
 

package/v2Components/CommonTestAndPreview/index.js

@@ -394,6 +394,13 @@ const CommonTestAndPreview = (props) => {
       return '';
     }
 
+    // WHATSAPP channel - return template message string (content is a complex object with JSX nodes,
+    // JSON.stringify would crash; the preview uses the content prop directly via WhatsAppPreviewContent)
+    if (channel === CHANNELS.WHATSAPP) {
+      if (typeof content === 'string') return content;
+      return content?.templateMsg || '';
+    }
+
     // For SMS and other string-based channels, return content as-is if it's already a string
     // Don't stringify strings as it adds unnecessary quotes
     if (channel === CHANNELS.SMS && typeof content === 'string') {

package/v2Components/FormBuilder/_formBuilder.scss

@@ -46,11 +46,6 @@
 .error .error-message{
   top: revert;
 }
-
-.sms-message-content .component-with-label-error-message {
-  margin-top:  -$CAP_SPACE_04;
-  margin-bottom: $CAP_SPACE_08;
-}
 .tabs-error {
   .ant-tabs-ink-bar .ant-tabs-ink-bar-animated {
     background-color: #F34F56;