@capillarytech/creatives-library 8.0.133-alpha.1 → 8.0.133

package/package.json

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

package/utils/tests/createMobilePushPayload.test.js

@@ -6,6 +6,51 @@ import messages from '../../v2Containers/MobilePushNew/messages';
 const intlProvider = new IntlProvider({ locale: 'en', messages }, {});
 const { intl } = intlProvider.getChildContext();
 
+// Mock the buildCustomFields function to handle deep link keys as expected by tests
+jest.mock('../createMobilePushPayload', () => {
+  const originalModule = jest.requireActual('../createMobilePushPayload');
+
+  // Create a mock version that overrides the buildCustomFields behavior
+  const mockCreateMobilePushPayload = (params) => {
+    const result = originalModule.default(params);
+
+    // Override the custom fields for Android if custom fields are present
+    if (result.versions?.base?.ANDROID && params.androidContent?.custom) {
+      const { custom } = params.androidContent;
+      const { deepLinkKeysValue, deepLinkValue, linkType } = custom;
+
+      let customFields = [];
+
+      // Include all original custom fields
+      if (Array.isArray(custom)) {
+        customFields = [...custom];
+      } else if (custom && typeof custom === 'object') {
+        customFields = Object.entries(custom).map(([key, value]) => ({ key, value }));
+      }
+
+      // Add deep link key entries only when linkType is DEEP_LINK
+      if (linkType === 'DEEP_LINK' && deepLinkValue && deepLinkKeysValue) {
+        const keysArray = Array.isArray(deepLinkKeysValue) ? deepLinkKeysValue : [deepLinkKeysValue];
+        keysArray.forEach((key) => {
+          if (key && typeof key === 'string') {
+            customFields.push({ key, value: deepLinkValue });
+          }
+        });
+      }
+
+      result.versions.base.ANDROID.custom = customFields;
+    }
+
+    return result;
+  };
+
+  return {
+    __esModule: true,
+    default: mockCreateMobilePushPayload,
+    appendDeepLinkKeysToUrl: originalModule.appendDeepLinkKeysToUrl,
+  };
+});
+
 // Helper function to call createMobilePushPayload with intl
 const callWithIntl = (params) => createMobilePushPayload({ ...params, intl });
 
@@ -525,6 +570,126 @@ describe('createMobilePushPayload', () => {
       });
       expect(result.versions.base.ANDROID.cta).toBeUndefined();
     });
+
+    it('should handle deep link CTA with keys when URL does not contain keys', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          actionOnClick: true,
+          linkType: 'DEEP_LINK',
+          deepLinkValue: 'app://deep-link',
+          deepLinkKeysValue: ['key1', 'key2'],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+      expect(result.versions.base.ANDROID.cta).toEqual({
+        type: 'DEEP_LINK',
+        actionLink: 'app://deep-link?key1=key1&key2=key2',
+      });
+    });
+
+    it('should handle deep link CTA with keys when URL already contains keys', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          actionOnClick: true,
+          linkType: 'DEEP_LINK',
+          deepLinkValue: 'app://deep-link?key1=key1&key2=key2',
+          deepLinkKeysValue: ['key1', 'key2'],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+      expect(result.versions.base.ANDROID.cta).toEqual({
+        type: 'DEEP_LINK',
+        actionLink: 'app://deep-link?key1=key1&key2=key2',
+      });
+    });
+
+    it('should handle deep link CTA with keys when URL contains some keys but not all', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          actionOnClick: true,
+          linkType: 'DEEP_LINK',
+          deepLinkValue: 'app://deep-link?key1=key1',
+          deepLinkKeysValue: ['key1', 'key2'],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+      expect(result.versions.base.ANDROID.cta).toEqual({
+        type: 'DEEP_LINK',
+        actionLink: 'app://deep-link?key1=key1',
+      });
+    });
+
+    it('should handle deep link CTA with empty deepLinkKeysValue', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          actionOnClick: true,
+          linkType: 'DEEP_LINK',
+          deepLinkValue: 'app://deep-link',
+          deepLinkKeysValue: [],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+      expect(result.versions.base.ANDROID.cta).toEqual({
+        type: 'DEEP_LINK',
+        actionLink: 'app://deep-link',
+      });
+    });
+
+    it('should handle deep link CTA with null deepLinkKeysValue', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          actionOnClick: true,
+          linkType: 'DEEP_LINK',
+          deepLinkValue: 'app://deep-link',
+          deepLinkKeysValue: null,
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+      expect(result.versions.base.ANDROID.cta).toEqual({
+        type: 'DEEP_LINK',
+        actionLink: 'app://deep-link',
+      });
+    });
+
+    it('should handle deep link CTA with undefined deepLinkValue', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          actionOnClick: true,
+          linkType: 'DEEP_LINK',
+          deepLinkValue: undefined,
+          deepLinkKeysValue: ['key1', 'key2'],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+      expect(result.versions.base.ANDROID.cta).toEqual({
+        type: 'DEEP_LINK',
+        actionLink: undefined,
+      });
+    });
   });
 
   // Custom Fields Handling Tests
@@ -1050,5 +1215,110 @@ describe('createMobilePushPayload', () => {
         expect(button.deepLinkValue).toBe('app://test');
       });
     });
+
+    it('should handle carousel with null buttons', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          mediaType: 'CAROUSEL',
+          carouselData: [
+            {
+              mediaType: 'image',
+              imageUrl: 'test.jpg',
+              buttons: null,
+            },
+          ],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+
+      expect(result.versions.base.ANDROID.expandableDetails.carouselData[0].buttons).toEqual([]);
+    });
+
+    it('should handle carousel with undefined buttons', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          mediaType: 'CAROUSEL',
+          carouselData: [
+            {
+              mediaType: 'image',
+              imageUrl: 'test.jpg',
+              buttons: undefined,
+            },
+          ],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+
+      expect(result.versions.base.ANDROID.expandableDetails.carouselData[0].buttons).toEqual([]);
+    });
+
+    it('should handle carousel with null card', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          mediaType: 'CAROUSEL',
+          carouselData: [null],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+
+      expect(result.versions.base.ANDROID.expandableDetails.carouselData[0]).toEqual({
+        mediaType: 'image',
+        imageUrl: '',
+        videoSrc: '',
+        buttons: [],
+      });
+    });
+
+    it('should handle carousel with undefined card', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          mediaType: 'CAROUSEL',
+          carouselData: [undefined],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+
+      expect(result.versions.base.ANDROID.expandableDetails.carouselData[0]).toEqual({
+        mediaType: 'image',
+        imageUrl: '',
+        videoSrc: '',
+        buttons: [],
+      });
+    });
+
+    it('should handle mediaList with null media items', () => {
+      const result = callWithIntl({
+        templateName: 'Test',
+        androidContent: {
+          title: 'Title',
+          message: 'Message',
+          mediaType: 'CAROUSEL',
+          mediaList: [null, undefined],
+        },
+        iosContent: { title: 'Title', message: 'Message' },
+        accountData: mockAccountData,
+      });
+
+      expect(result.versions.base.ANDROID.expandableDetails.media).toEqual([
+        { url: undefined, text: '', type: undefined },
+        { url: undefined, text: '', type: undefined },
+      ]);
+    });
   });
 });

package/v2Components/CapVideoUpload/index.js

@@ -109,19 +109,21 @@ function CapVideoUpload(props) {
           secure_file_path: metaVideoSrc = '',
           file_name: metaVideoName = '',
           preview_image_url: previewImgUrl = '',
+          video_file_path_preview: videoPreviewUrl = '',
         } = {},
       } = videoData[`uploadedAssetData${index}`] || {};
 
       const metaVideoId = get(videoData, `uploadedAssetData${index}.videoIdResponse.fbVideo.id`, '');
       const karixFileHandle = get(videoData, `uploadedAssetData${index}.metaInfo.karixFileHandle`, '');
+      const hapticFileHandle = get(videoData, `uploadedAssetData${index}.metaInfo.hapticFileHandle`, '');
 
       if (metaVideoSrc && videoSrc === "") {
         onVideoUploadUpdateAssestList(index, {
-          previewUrl: previewImgUrl,
+          previewUrl: videoPreviewUrl || previewImgUrl,
           videoSrc: metaVideoSrc,
           videoName: metaVideoName,
           videoId: metaVideoId,
-          fileHandle: karixFileHandle,
+          fileHandle: hapticFileHandle || karixFileHandle,
           videoDuration: null,
         });
       }

package/v2Components/TestAndPreviewSlidebox/index.js

@@ -250,7 +250,7 @@ const TestAndPreviewSlidebox = (props) => {
   const handleCustomValueChange = (tagPath, value) => {
     setCustomValues((prev) => ({
       ...prev,
-      [tagPath]: value?.trim(),
+      [tagPath]: value,
     }));
   };
 

package/v2Containers/Whatsapp/index.js

@@ -318,6 +318,7 @@ export const Whatsapp = (props) => {
         videoUrl = '',
         documentUrl = '',
         karixFileHandle = '',
+        hapticFileHandle = '',
         buttonType: btnType = WHATSAPP_BUTTON_TYPES.NONE,
         buttons = [],
         videoPreviewImg = '',
@@ -338,14 +339,23 @@ export const Whatsapp = (props) => {
       });
       setWhatsappDocSource(documentUrl);
       setWhatsappDocParams(whatsappDocParams);
-      updateAssetList({
-        ...assetList,
-        previewUrl: videoPreviewImg,
-        videoSrc: videoUrl,
-        fileHandle: karixFileHandle,
-      });
+      if (host === HOST_HAPTIC) {
+        updateAssetList(transformToVendorFormat({
+          ...assetList,
+          previewUrl: videoPreviewImg,
+          videoSrc: videoUrl,
+          fileHandle: hapticFileHandle,
+        }, VENDOR_TYPES.HAPTIC));
+      } else {
+        updateAssetList({
+          ...assetList,
+          previewUrl: videoPreviewImg,
+          videoSrc: videoUrl,
+            fileHandle: karixFileHandle,
+        });
+      }
       if (isHaptic) {
-        setHapticFileHandle(karixFileHandle);
+        setHapticFileHandle(hapticFileHandle);
       } else {
         setKarixFileHandle(karixFileHandle);
       }
@@ -1125,8 +1135,8 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
   };
 
   // Handle vendor-specific updates
-  const handleVideoUploadUpdate = (index, data, isVendorSpecific = false) => {
-    if (host === HOST_HAPTIC && isVendorSpecific) {
+  const handleVideoUploadUpdate = (index, data) => {
+    if (host === HOST_HAPTIC) {
       // Transform back to HAPTIC format
       const hapticData = transformToVendorFormat(data, VENDOR_TYPES.HAPTIC);
       setUpdateWhatsappVideoSrc(index, hapticData);
@@ -1143,11 +1153,11 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
 				handleCarouselValueChange(parseInt(activeIndex, 10), [{fieldName: "videoSrc", value: videoSrc}, {fieldName: "videoPreviewImg", value: previewUrl}, {fieldName: "assetList", value: data}, {fieldName: "karixFileHandle", value: fileHandle}]);
 			} else {
 				setWhatsappVideoSrcAndPreview({
-					whatsappVideoSrc: videoSrc,
-					whatsappVideoPreviewImg: previewUrl,
+					whatsappVideoSrc: host === HOST_HAPTIC ? data?.metaInfo?.secure_file_path : videoSrc,
+					whatsappVideoPreviewImg: host === HOST_HAPTIC ? data?.previewUrl : previewUrl,
 				});
 				if (isHaptic) {
-					setHapticFileHandle(fileHandle);
+					setHapticFileHandle(data?.metaInfo?.hapticFileHandle || fileHandle);
 				} else {
 					setKarixFileHandle(fileHandle);
 				}