@capillarytech/creatives-library 8.0.358 → 8.0.359

package/package.json

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

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';
@@ -256,9 +256,9 @@ const WhatsAppPreviewContent = ({
         )}
 
         {/* Document Preview */}
-        {content?.docPreview && (
+        {content?.whatsappDocSource && content?.whatsappDocParams && (
           <CapRow className="whatsapp-image">
-            {content.docPreview}
+            {getWhatsappDocPreview(content.whatsappDocParams)}
           </CapRow>
         )}
 

package/v2Components/CommonTestAndPreview/tests/UnifiedPreview/WhatsAppPreviewContent.test.js

@@ -27,6 +27,7 @@ jest.mock('../../../../v2Containers/Whatsapp/constants', () => ({
     authentication: 'authentication',
   },
   TEMPLATE_VARIABLE_REGEX: /\{\{.*?\}\}/,
+  SIZE_UNITS: ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
 }));
 
 // Convert messages object to format expected by IntlProvider
@@ -310,7 +311,13 @@ describe('WhatsAppPreviewContent', () => {
         ...defaultProps,
         content: {
           templateMsg: 'Message',
-          docPreview: <div data-testid="doc-preview">Document</div>,
+          whatsappDocSource: 'https://example.com/doc.pdf',
+          whatsappDocParams: {
+            whatsappDocImg: 'https://example.com/doc-preview.png',
+            whatsappDocName: 'test.pdf',
+            whatsappDocPages: 2,
+            whatsappDocSize: 12345,
+          },
         },
       };
 
@@ -320,7 +327,7 @@ describe('WhatsAppPreviewContent', () => {
         </TestWrapper>
       );
 
-      expect(screen.getByTestId('doc-preview')).toBeTruthy();
+      expect(screen.getByAltText('upload-document-src')).toBeTruthy();
     });
   });
 

package/v2Containers/Whatsapp/index.js

@@ -3058,7 +3058,8 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
           whatsappVideoSrcAndPreview?.whatsappVideoPreviewImg;
         break;
       case WHATSAPP_MEDIA_TYPES.DOCUMENT:
-        mediaPreview.docPreview = docPreview;
+        mediaPreview.whatsappDocSource = whatsappDocSource;
+        mediaPreview.whatsappDocParams = whatsappDocParams;
         break;
       default:
         break;
@@ -3136,7 +3137,9 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
           whatsappVideoSrcAndPreview?.whatsappVideoPreviewImg;
         break;
       case WHATSAPP_MEDIA_TYPES.DOCUMENT:
-        mediaPreview.docPreview = docPreview;
+        // Intentionally not setting mediaPreview.docPreview = docPreview here — docPreview is JSX
+        // and this object is JSON.stringified by CommonTestAndPreview (circular ref crash).
+        // whatsappDocParams below carries the raw data; WhatsAppPreviewContent renders from that.
         break;
       default:
         break;