@capillarytech/creatives-library 9.0.55-alpha.0 → 9.0.55-alpha.1

package/package.json

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

package/v2Components/CommonTestAndPreview/UnifiedPreview/index.js

@@ -139,6 +139,26 @@ const UnifiedPreview = ({
         );
       }
 
+      case CHANNELS.LINE:
+        // LINE's real content today is a single text message (CCS's
+        // lineMessageContent.messageBody is a JSON string of LINE's native
+        // messages[] array — see testAndPreviewDataTransform.js's LINE case,
+        // which already resolves it down to plain text before it reaches
+        // here) — reuse the same simple chat-bubble preview as SMS. Rich LINE
+        // message types (image/video/sticker/imageMap/carousel/flex) are NOT
+        // rendered specially yet; they'll show as empty/raw text until this
+        // gets richer LINE-specific handling.
+        return (
+          <SmsPreviewContent
+            content={typeof content === 'string' ? content : (content?.resolvedBody || '')}
+            device={device}
+            isUpdating={isUpdating}
+            error={error}
+            formatMessage={formatMessage}
+            showHeader={showHeader}
+          />
+        );
+
       case CHANNELS.WHATSAPP: {
         // WhatsApp content is an object with templateMsg, media, CTA, etc.
         const whatsappContent = typeof content === 'object' ? content : {};

package/v2Components/CommonTestAndPreview/constants.js

@@ -85,6 +85,7 @@ export const CHANNELS = {
   VIBER: 'VIBER',
   ZALO: 'ZALO',
   WEBPUSH: 'WEBPUSH',
+  LINE: 'LINE',
 };
 
 /** Unified preview tab keys when RCS shows RCS + SMS fallback panes. */
@@ -100,6 +101,7 @@ export const CHANNELS_USING_ANDROID_PREVIEW_DEVICE = [
   CHANNELS.INAPP,
   CHANNELS.MOBILEPUSH,
   CHANNELS.VIBER,
+  CHANNELS.LINE,
 ];
 
 /** RCS createMessageMeta test payload — rich card envelope literals. */

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

@@ -479,6 +479,112 @@ describe('UnifiedPreview', () => {
     });
   });
 
+  describe('Channel Routing - LINE', () => {
+    it('should render SmsPreviewContent for LINE channel with string content', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: 'Hello world',
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('Hello world');
+    });
+
+    it('should handle object content with resolvedBody for LINE channel', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: {
+          resolvedBody: 'some text',
+        },
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('some text');
+    });
+
+    it('should not crash and render empty content for LINE channel when content is undefined', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: undefined,
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('');
+    });
+
+    it('should not crash and render empty content for LINE channel when content is null', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: null,
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('');
+    });
+
+    it('should render empty content for LINE channel when content is not a string and has no resolvedBody', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: { someOtherField: 'value' },
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('');
+    });
+
+    it('should not render the Unknown Channel fallback for LINE channel', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: 'Hello world',
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.queryByText('Unknown Channel')).toBeNull();
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+    });
+  });
+
   describe('Channel Routing - WHATSAPP', () => {
     it('should render WhatsAppPreviewContent for WHATSAPP channel', () => {
       const props = {

package/v2Components/CommonTestAndPreview/tests/constants.test.js

@@ -42,6 +42,7 @@ import {
   CLEAR_PREVIEW_ERRORS,
   // Channel Constants
   CHANNELS,
+  CHANNELS_USING_ANDROID_PREVIEW_DEVICE,
   // Device Constants
   DESKTOP,
   MOBILE,
@@ -180,15 +181,22 @@ describe('CommonTestAndPreview Constants', () => {
       expect(CHANNELS.VIBER).toBe('VIBER');
       expect(CHANNELS.ZALO).toBe('ZALO');
       expect(CHANNELS.WEBPUSH).toBe('WEBPUSH');
+      expect(CHANNELS.LINE).toBe('LINE');
     });
 
     it('should have all required channel keys', () => {
-      const expectedChannels = ['EMAIL', 'SMS', 'RCS', 'WHATSAPP', 'INAPP', 'MOBILEPUSH', 'VIBER', 'ZALO', 'WEBPUSH'];
+      const expectedChannels = ['EMAIL', 'SMS', 'RCS', 'WHATSAPP', 'INAPP', 'MOBILEPUSH', 'VIBER', 'ZALO', 'WEBPUSH', 'LINE'];
       expect(Object.keys(CHANNELS)).toEqual(expect.arrayContaining(expectedChannels));
       expect(Object.keys(CHANNELS).length).toBe(expectedChannels.length);
     });
   });
 
+  describe('CHANNELS_USING_ANDROID_PREVIEW_DEVICE', () => {
+    it('should include CHANNELS.LINE', () => {
+      expect(CHANNELS_USING_ANDROID_PREVIEW_DEVICE).toContain(CHANNELS.LINE);
+    });
+  });
+
   describe('Device Constants', () => {
     it('should export all device constants with correct values', () => {
       expect(DESKTOP).toBe('desktop');