@capillarytech/creatives-library 8.0.353-alpha.3 → 8.0.353-alpha.5

package/v2Containers/Templates/index.js

@@ -72,7 +72,6 @@ import * as ebillActions from '../Ebill/actions';
 import * as emailActions from '../Email/actions';
 import * as lineActions from '../Line/Container/actions';
 import * as viberActions from '../Viber/actions';
-import { VIBER_MEDIA_TYPES } from '../Viber/constants';
 import * as facebookActions from '../Facebook/actions';
 import * as whatsappActions from '../Whatsapp/actions';
 import * as rcsActions from '../Rcs/actions';
@@ -105,6 +104,9 @@ import {
   VIBER as VIBER_CHANNEL,
   FACEBOOK as FACEBOOK_CHANNEL,
   CREATE,
+  EXTERNAL_URL,
+  URL,
+  SITE_URL,
 } from '../App/constants';
 import {MAX_WHATSAPP_TEMPLATES, WARNING_WHATSAPP_TEMPLATES , ACCOUNT_MAPPING_ON_CHANNEL, noFilteredWhatsappZaloTemplatesTitle, noFilteredWhatsappZaloTemplatesDesc, noApprovedWhatsappZaloTemplatesTitle, noApprovedWhatsappTemplatesDesc, zaloDescIllustration, noApprovedRcsTemplatesTitle, noApprovedRcsTemplatesDesc, ARCHIVE_STATUS_ACTIVE, ARCHIVE_STATUS_ARCHIVED, ARCHIVE_REFRESH_TYPE_ARCHIVE, ARCHIVE_REFRESH_TYPE_UNARCHIVE} from './constants';
 import { COPY_OF, EMBEDDED } from '../../constants/unified';
@@ -1372,11 +1374,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         const image = viberContent.image || {};
         const video = viberContent.video || {};
         const button = viberContent.button || {};
-        const messageType = viberContent.type || '';
-        const cardsRaw = viberContent.cards;
-        const cards = Array.isArray(cardsRaw) ? cardsRaw : [];
-        const isCarousel =
-          messageType === VIBER_MEDIA_TYPES.CAROUSEL || cards.length > 0;
 
         const viberPreview = {
           messageContent: text,
@@ -1394,39 +1391,77 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           };
         }
 
-        if (isCarousel) {
-          viberPreview.type = VIBER_MEDIA_TYPES.CAROUSEL;
-          viberPreview.cards = cards.map((card) => ({
-            text: card?.text || '',
-            mediaUrl: card?.mediaUrl || '',
-            buttons: (card?.buttons || []).map((btn) => ({
-              title: btn?.title || '',
-              action: btn?.action || '',
-            })),
-          }));
-          viberPreview.showCarouselEditorPreview = true;
-        }
-
         // Extract account name
         const accountName = get(template, 'definition.accountName', '');
 
         // Return Viber content object (same as Viber/index.js getTemplateContent)
         return {
           viberPreviewContent: viberPreview,
-          accountName: accountName || '',
-          brandName: accountName || '',
-          messageContent: text,
-          ...(isCarousel && {
-            type: VIBER_MEDIA_TYPES.CAROUSEL,
-            cards: viberPreview.cards,
-          }),
-          ...(!isCarousel && !isEmpty(button) && button.text && (button.url || viberContent.buttonURL) && {
-            button: {
-              text: button.text,
-              url: button.url || viberContent.buttonURL || '',
-            },
-          }),
-          buttonURL: button.url || viberContent.buttonURL || '',
+          accountName: accountName ? [accountName] : [],
+          brandName: accountName ? [accountName] : [],
+        };
+      }
+
+      case WEBPUSH: {
+        // WebPush content is stored in creatives format (brandIcon, onClickAction, ctas)
+        // Must be transformed to campaign/test-message format matching getTemplateContent() in WebPush/Create/index.js
+        const webpushContent = get(baseContent, 'content.webpush', {});
+        const title = webpushContent?.title || '';
+        const message = webpushContent?.message || '';
+        const accountId = get(template, 'definition.accountId', null);
+        const templateName = template?.name || '';
+
+        // iconImageUrl stored as brandIcon in creatives format
+        const iconImageUrl = webpushContent?.brandIcon || webpushContent?.iconImageUrl || undefined;
+
+        // cta stored as onClickAction in creatives format (type: URL|SITE_URL, url)
+        // or already as cta in campaign format (type: EXTERNAL_URL|SITE_URL, actionLink)
+        let cta = null;
+        const onClickAction = webpushContent?.onClickAction;
+        const existingCta = webpushContent?.cta;
+        if (onClickAction) {
+          const ctaType = onClickAction.type === URL ? EXTERNAL_URL : (onClickAction.type || SITE_URL);
+          cta = { type: ctaType, actionLink: onClickAction.url || '' };
+        } else if (existingCta) {
+          cta = { type: existingCta.type || EXTERNAL_URL, actionLink: existingCta.actionLink || '' };
+        }
+
+        // expandableDetails: image → media[], ctas[] → mapped ctas
+        const image = webpushContent?.image;
+        const rawCtas = webpushContent?.ctas;
+        const existingExpandable = webpushContent?.expandableDetails;
+        let expandableDetails = null;
+        const hasImage = !!image;
+        const hasCtas = Array.isArray(rawCtas) && rawCtas.length > 0;
+        if (hasImage || hasCtas) {
+          expandableDetails = {
+            media: hasImage ? [{ url: image, type: IMAGE }] : [],
+            ctas: hasCtas ? rawCtas.map((ctaItem) => ({
+              type: ctaItem?.type === URL ? EXTERNAL_URL : (ctaItem?.type || EXTERNAL_URL),
+              action: ctaItem?.action || '',
+              title: ctaItem?.actionText || ctaItem?.title || '',
+              actionLink: ctaItem?.actionLink || '',
+            })) : [],
+          };
+        } else if (existingExpandable) {
+          expandableDetails = {
+            media: existingExpandable?.media || [],
+            ctas: existingExpandable?.ctas || [],
+          };
+        }
+
+        return {
+          channel: WEBPUSH,
+          accountId,
+          content: {
+            title,
+            message,
+            ...(iconImageUrl ? { iconImageUrl } : {}),
+            ...(cta ? { cta } : {}),
+            ...(expandableDetails ? { expandableDetails } : {}),
+          },
+          messageSubject: templateName || title,
+          offers: [],
         };
       }
 
@@ -1442,7 +1477,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
    * @returns {Boolean} - True if channel supports Test and Preview
    */
   isTestAndPreviewSupported = () => {
-    const supportedChannels = [EMAIL, SMS, INAPP, MOBILE_PUSH, VIBER, ZALO];
+    const supportedChannels = [EMAIL, SMS, INAPP, MOBILE_PUSH, VIBER, ZALO, WEBPUSH];
     return supportedChannels.includes(this.state.channel.toUpperCase());
   }
 
@@ -2002,7 +2037,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           // Show preview icon only for channels that don't support Test and Preview
           (() => {
             // Channels that have Test and Preview integrated
-            const testAndPreviewChannels = [EMAIL, SMS, WHATSAPP, RCS, INAPP, MOBILE_PUSH, VIBER, ZALO];
+            const testAndPreviewChannels = [EMAIL, SMS, WHATSAPP, RCS, INAPP, MOBILE_PUSH, VIBER, ZALO, WEBPUSH];
             const isTestAndPreviewSupported = testAndPreviewChannels.includes(currentChannel.toUpperCase());
 
             // Don't show preview icon if channel supports Test and Preview
@@ -2372,52 +2407,10 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
                 image = {},
                 button = {},
                 video = {},
-                type = '',
-                cards = [],
               } = {},
             } = {},
           } = template.versions.base;
-          const isViberCarousel = type === VIBER_MEDIA_TYPES.CAROUSEL;
           templateData.content = text;
-          if (isViberCarousel) {
-            const previewCards = Array.isArray(cards) ? cards.slice(0, 1) : [];
-            templateData.className = 'viber-carousel-static';
-            templateData.content = (
-              <CapRow className="viber-carousel-static-content">
-                <CapRow className="viber-carousel-static-message-box">
-                  <CapLabel type="label1" className="viber-carousel-static-message">
-                    {text}
-                  </CapLabel>
-                </CapRow>
-                <CapRow className="viber-carousel-static-cards">
-                  {previewCards.map((card, cardIdx) => (
-                    <CapRow className="viber-carousel-static-card" key={`viber-static-card-${cardIdx}`}>
-                      {card?.mediaUrl ? (
-                        <CapImage src={card.mediaUrl} className="viber-carousel-static-image" />
-                      ) : (
-                        <CapRow className="viber-carousel-static-image-placeholder" />
-                      )}
-                      <CapLabel type="label1" className="viber-carousel-static-text">
-                        {card?.text}
-                      </CapLabel>
-                      <CapRow className="viber-carousel-static-buttons">
-                        {(Array.isArray(card?.buttons) && card.buttons.length ? card.buttons : [{}, {}]).slice(0, 2).map((carouselButton, btnIdx) => (
-                          <CapLabel
-                            key={`viber-static-btn-${cardIdx}-${btnIdx}`}
-                            type="label1"
-                            className={`viber-carousel-static-button ${btnIdx === 1 ? 'viber-carousel-static-button-secondary' : ''}`}
-                          >
-                            {(carouselButton?.title || '').trim()}
-                          </CapLabel>
-                        ))}
-                      </CapRow>
-                    </CapRow>
-                  ))}
-                </CapRow>
-              </CapRow>
-            );
-            break;
-          }
           if (!isEmpty(image)) {
             const { url = '' } = image;
             templateData.url = url;

package/v2Containers/Templates/tests/webpush.test.js

@@ -0,0 +1,375 @@
+/**
+ * Tests for Templates container - WEBPUSH channel additions
+ *
+ * Covers:
+ * - extractTemplateContentForPreview for WEBPUSH channel
+ * - isTestAndPreviewSupported with WEBPUSH channel
+ */
+
+import React from 'react';
+import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
+import { Templates } from '../index';
+
+jest.mock('../../CreativesContainer', () => ({
+  __esModule: true,
+  default: (props) => (
+    <div className="creatives-container-mock" {...props}>
+      CreativesContainer
+    </div>
+  ),
+}));
+
+// Helper: build a valid template for WEBPUSH
+// extractTemplateContentForPreview reads:
+//   - template.versions.base.content.webpush  → webpushContent
+//   - template.definition.accountId           → accountId
+//   - template.name                            → templateName
+const makeTemplate = (webpush = {}, extra = {}) => ({
+  name: 'My Template',
+  definition: { accountId: 'acc-123' },
+  versions: {
+    base: {
+      content: { webpush },
+    },
+  },
+  ...extra,
+});
+
+describe('Templates - WEBPUSH channel', () => {
+  const mockActions = {
+    getWeCrmAccounts: jest.fn(),
+    setChannelAccount: jest.fn(),
+    getAllTemplates: jest.fn(),
+    getUserList: jest.fn(),
+    getSenderDetails: jest.fn(),
+    resetTemplate: jest.fn(),
+    setArchivedMode: jest.fn(),
+    clearTemplateSelection: jest.fn(),
+    toggleTemplateSelection: jest.fn(),
+  };
+
+  const baseProps = {
+    route: { name: 'webpush' },
+    Templates: { templates: [] },
+    actions: mockActions,
+    location: { pathname: '/webpush', query: {}, search: '' },
+    EmailCreate: { duplicateTemplateInProgress: false },
+    isFullMode: false,
+    intl: { formatMessage: jest.fn((msg) => msg.defaultMessage || '') },
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const renderComponent = (channel = 'webpush') => {
+    const props = { ...baseProps, route: { name: channel } };
+    return shallowWithIntl(<Templates {...props} />);
+  };
+
+  // ─────────────────────────────────────────────────────────────────────────
+  describe('isTestAndPreviewSupported', () => {
+    it('should return true for WEBPUSH channel', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'webpush' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(true);
+    });
+
+    it('should return true for WEBPUSH in uppercase state', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'WEBPUSH' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(true);
+    });
+
+    it('should return true for EMAIL channel', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'email' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(true);
+    });
+
+    it('should return true for SMS channel', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'sms' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(true);
+    });
+
+    it('should return true for INAPP channel', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'inapp' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(true);
+    });
+
+    it('should return true for VIBER channel', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'viber' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(true);
+    });
+
+    it('should return true for ZALO channel', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'zalo' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(true);
+    });
+
+    it('should return false for WHATSAPP channel', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'whatsapp' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(false);
+    });
+
+    it('should return false for RCS channel', () => {
+      const component = renderComponent('webpush');
+      component.setState({ channel: 'rcs' });
+      expect(component.instance().isTestAndPreviewSupported()).toBe(false);
+    });
+  });
+
+  // ─────────────────────────────────────────────────────────────────────────
+  describe('extractTemplateContentForPreview - WEBPUSH channel', () => {
+    it('should return null when template has no versions.base', () => {
+      const consoleSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const component = renderComponent('webpush');
+      const result = component.instance().extractTemplateContentForPreview(
+        { name: 'T', definition: {} },
+        'WEBPUSH'
+      );
+      expect(result).toBeNull();
+      consoleSpy.mockRestore();
+    });
+
+    it('should extract title and message from versions.base.content.webpush', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({ title: 'Push Title', message: 'Push body' });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result).toBeDefined();
+      expect(result.channel).toBe('WEBPUSH');
+      expect(result.accountId).toBe('acc-123');
+      expect(result.content.title).toBe('Push Title');
+      expect(result.content.message).toBe('Push body');
+      expect(result.messageSubject).toBe('My Template');
+      expect(result.offers).toEqual([]);
+    });
+
+    it('should fall back to title for messageSubject when template name is empty', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({ title: 'Title Only', message: 'M' }, { name: '' });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.messageSubject).toBe('Title Only');
+    });
+
+    it('should extract brandIcon as iconImageUrl', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        brandIcon: 'https://example.com/brand.png',
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.iconImageUrl).toBe('https://example.com/brand.png');
+    });
+
+    it('should use iconImageUrl field when brandIcon is absent', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        iconImageUrl: 'https://example.com/icon.png',
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.iconImageUrl).toBe('https://example.com/icon.png');
+    });
+
+    it('should NOT include iconImageUrl when neither brandIcon nor iconImageUrl present', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({ title: 'T', message: 'M' });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.iconImageUrl).toBeUndefined();
+    });
+
+    it('should convert onClickAction type URL to EXTERNAL_URL cta', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        onClickAction: { type: 'URL', url: 'https://example.com' },
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.cta).toEqual({ type: 'EXTERNAL_URL', actionLink: 'https://example.com' });
+    });
+
+    it('should preserve onClickAction type SITE_URL as-is', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        onClickAction: { type: 'SITE_URL', url: 'https://site.com' },
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.cta).toEqual({ type: 'SITE_URL', actionLink: 'https://site.com' });
+    });
+
+    it('should use existingCta when onClickAction is absent', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        cta: { type: 'EXTERNAL_URL', actionLink: 'https://existing.com' },
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.cta).toEqual({ type: 'EXTERNAL_URL', actionLink: 'https://existing.com' });
+    });
+
+    it('should default existingCta type to EXTERNAL_URL when type is missing', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        cta: { actionLink: 'https://example.com' },
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.cta.type).toBe('EXTERNAL_URL');
+    });
+
+    it('should NOT include cta when neither onClickAction nor cta present', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({ title: 'T', message: 'M' });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.cta).toBeUndefined();
+    });
+
+    it('should build expandableDetails from image and ctas', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        image: 'https://example.com/image.jpg',
+        ctas: [{ type: 'URL', actionText: 'Click', actionLink: 'https://a.com', action: '' }],
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.expandableDetails).toBeDefined();
+      expect(result.content.expandableDetails.media).toEqual([
+        { url: 'https://example.com/image.jpg', type: 'IMAGE' },
+      ]);
+      expect(result.content.expandableDetails.ctas[0].title).toBe('Click');
+      expect(result.content.expandableDetails.ctas[0].type).toBe('EXTERNAL_URL');
+    });
+
+    it('should convert CTA type URL → EXTERNAL_URL in expandableDetails.ctas', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        ctas: [{ type: 'URL', actionText: 'Go', actionLink: 'https://x.com' }],
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.expandableDetails.ctas[0].type).toBe('EXTERNAL_URL');
+    });
+
+    it('should keep EXTERNAL_URL type unchanged in expandableDetails.ctas', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        ctas: [{ type: 'EXTERNAL_URL', title: 'Go', actionLink: 'https://x.com' }],
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.expandableDetails.ctas[0].type).toBe('EXTERNAL_URL');
+    });
+
+    it('should build image-only expandableDetails when no ctas', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        image: 'https://example.com/img.jpg',
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.expandableDetails.media).toHaveLength(1);
+      expect(result.content.expandableDetails.ctas).toEqual([]);
+    });
+
+    it('should build ctas-only expandableDetails when no image', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        ctas: [{ type: 'EXTERNAL_URL', actionText: 'Btn', actionLink: 'https://b.com' }],
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.expandableDetails.media).toEqual([]);
+      expect(result.content.expandableDetails.ctas).toHaveLength(1);
+    });
+
+    it('should use existingExpandable when no image and no ctas', () => {
+      const component = renderComponent('webpush');
+      const existingExpandable = {
+        media: [{ url: 'https://example.com/existing.jpg', type: 'IMAGE' }],
+        ctas: [{ title: 'Existing', actionLink: 'https://existing.com', type: 'EXTERNAL_URL' }],
+      };
+      const template = makeTemplate({
+        title: 'T',
+        message: 'M',
+        expandableDetails: existingExpandable,
+      });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.expandableDetails).toEqual(existingExpandable);
+    });
+
+    it('should NOT include expandableDetails when none present', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({ title: 'T', message: 'M' });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result.content.expandableDetails).toBeUndefined();
+    });
+
+    it('should handle empty webpush content gracefully', () => {
+      const component = renderComponent('webpush');
+      const template = makeTemplate({}, { name: '' });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result).toBeDefined();
+      expect(result.content.title).toBe('');
+      expect(result.content.message).toBe('');
+    });
+
+    it('should handle missing definition.accountId gracefully (returns null)', () => {
+      const component = renderComponent('webpush');
+      const template = {
+        name: 'T',
+        versions: { base: { content: { webpush: { title: 'T', message: 'M' } } } },
+        // no definition
+      };
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'WEBPUSH');
+      expect(result).toBeDefined();
+      expect(result.accountId).toBeNull();
+    });
+
+    it('should return null for unsupported channel', () => {
+      const consoleSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const component = renderComponent('webpush');
+      const template = makeTemplate({ title: 'T', message: 'M' });
+
+      const result = component.instance().extractTemplateContentForPreview(template, 'UNSUPPORTED_CHANNEL');
+      expect(result).toBeNull();
+      consoleSpy.mockRestore();
+    });
+  });
+});

package/v2Containers/Viber/constants.js

@@ -47,22 +47,7 @@ export const VIBER_MEDIA_TYPES = {
   TEXT: 'TEXT',
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',
-  CAROUSEL: 'CAROUSEL',
 };
-export const VIBER_CAROUSEL_MIN_CARDS = 2;
-export const VIBER_CAROUSEL_MAX_CARDS = 5;
-export const VIBER_CAROUSEL_MAX_BUTTONS = 2;
-export const VIBER_CAROUSEL_CARD_TITLE_MIN_LENGTH = 2;
-export const VIBER_CAROUSEL_CARD_TITLE_MAX_LENGTH = 38;
-export const VIBER_CAROUSEL_FIRST_BUTTON_TITLE_MAX_LENGTH = 10;
-export const VIBER_CAROUSEL_SECOND_BUTTON_TITLE_MAX_LENGTH = 12;
-export const VIBER_CAROUSEL_BUTTON_URL_MAX_LENGTH = 1000;
-/** Recommended / validated carousel image height in pixels (passed to image upload). */
-export const VIBER_CAROUSEL_IMG_HEIGHT = 600;
-/** Recommended / validated carousel image width in pixels (passed to image upload). */
-export const VIBER_CAROUSEL_IMG_WIDTH = 696;
-/** Maximum carousel image file size (bytes). 10_000_000 ≈ 10 MB (decimal). */
-export const VIBER_CAROUSEL_IMG_SIZE = 10000000;
 export const ALLOWED_IMAGE_EXTENSIONS_REGEX_VIBER = /\.(jpe?g|png)$/i;
 export const ALLOWED_EXTENSIONS_VIDEO_REGEX_VIBER = /\.(mp4|3gp|m4v|mov)$/i;
 export const NONE = 'NONE';
@@ -84,10 +69,6 @@ export const mediaRadioOptions = [
     value: VIBER_MEDIA_TYPES.VIDEO,
     label: <FormattedMessage {...messages.mediaVideo} />,
   },
-  {
-    value: VIBER_MEDIA_TYPES.CAROUSEL,
-    label: <FormattedMessage {...messages.mediaCarousel} />,
-  },
 ];
 
 export const buttonRadioOptions = [