@capillarytech/creatives-library 9.0.49-alpha.0 → 9.0.49

package/v2Containers/Templates/index.js

@@ -73,7 +73,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';
@@ -1406,11 +1405,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,
@@ -1428,39 +1422,14 @@ 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] : [],
         };
       }
 
@@ -2082,21 +2051,11 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       const isCardArchiveEligible = isArchivalEnabled && this.isChannelArchiveEligible(currentChannel, cardWhatsappStatus, cardRcsStatus);
       const isArchivedMode = isArchivalEnabled && get(this.props, 'Templates.isArchivedMode', false);
       const isAnyArchiveInProgress = isArchivalEnabled && !!(get(this.props, 'Templates.archiveInProgress') || get(this.props, 'Templates.unarchiveInProgress') || get(this.props, 'Templates.bulkArchiveInProgress') || get(this.props, 'Templates.bulkUnarchiveInProgress'));
-      const smsBaseForLegacyCheck = template?.versions?.base || {};
-      const updatedSmsEditorForLegacy = smsBaseForLegacyCheck['updated-sms-editor'];
-      const updatedSmsEditorForLegacyJoined = Array.isArray(updatedSmsEditorForLegacy)
-        ? updatedSmsEditorForLegacy.join('')
-        : updatedSmsEditorForLegacy;
-      const smsBodyForLegacyCheck = `${updatedSmsEditorForLegacyJoined || ''}${smsBaseForLegacyCheck['sms-editor'] || ''}`;
-      const isDltLegacyTemplate = currentChannel === SMS
-        && isTraiDltFeature
-        && !this.props.isFullMode
-        && DLT_LEGACY_VAR_REGEX.test(smsBodyForLegacyCheck);
       const templateData = {
         key: `${currentChannel}-card-${template?.name}`,
         title: (
           <span className="template-card-title" title={template?.name}>
-            {isCardArchiveEligible && this.renderCardSelectionCheckbox({ templateId: template._id, selectedIds: selectedIdsArrayForCard, isDisabled: isAnyArchiveInProgress || isDltLegacyTemplate })}
+            {isCardArchiveEligible && this.renderCardSelectionCheckbox({ templateId: template._id, selectedIds: selectedIdsArrayForCard, isDisabled: isAnyArchiveInProgress })}
             <CapLabel.CapLabelInline type="label1" title={template?.name} className="template-card-name">
               {template?.name}
               {currentChannel === INAPP && (
@@ -2156,39 +2115,20 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           })()
         ],
         hoverOption: isArchivedMode || !this.canPerform(PERMISSIONS.CREATIVE_EDIT) ? null : (
-          isDltLegacyTemplate ? (
-            <CapTooltip
-              title={this.props.intl.formatMessage(messages.smsLegacyBlockedTooltip)}
-            >
-              <CapLabel.CapLabelInline>
-                <CapButton
-                  className={
-                    this.props.isFullMode
-                      ? `edit-${channelLowerCase}`
-                      : `select-${channelLowerCase}`
-                  }
-                  disabled
-                >
-                  {hoverButtonText}
-                </CapButton>
-              </CapLabel.CapLabelInline>
-            </CapTooltip>
-          ) : (
-            <CapButton
-              className={
-                this.props.isFullMode
-                  ? `edit-${channelLowerCase}`
-                  : `select-${channelLowerCase}`
-              }
-              onClick={e =>
-                handlers.handleEditClick(e, template, undefined, undefined, {
-                  account: this.state.selectedAccount
-                })
-              }
-            >
-              {hoverButtonText}
-            </CapButton>
-          )
+          <CapButton
+            className={
+              this.props.isFullMode
+                ? `edit-${channelLowerCase}`
+                : `select-${channelLowerCase}`
+            }
+            onClick={e =>
+              handlers.handleEditClick(e, template, undefined, undefined, {
+                account: this.state.selectedAccount
+              })
+            }
+          >
+            {hoverButtonText}
+          </CapButton>
         )
       };
       const {
@@ -2529,59 +2469,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) : [];
-            // Bypass CapCustomCard Viber Meta + line-clamp (clips title/buttons for tall images).
-            // Parent class `viber-carousel-static` scopes listing styles in _templates.scss.
-            // cardType hits the default content path; keep VIBER for channel card styles.
-            templateData.cardType = 'VIBER_CAROUSEL_PREVIEW';
-            templateData.className = 'viber-carousel-static VIBER';
-            templateData.content = (
-              <CapRow vertical className="content">
-                <CapRow className="message-box">
-                  <CapLabel type="label1" className="message">
-                    {text}
-                  </CapLabel>
-                </CapRow>
-                <CapRow className="cards">
-                  {previewCards?.map((card, cardIdx) => (
-                    <CapRow vertical className="card" key={`viber-carousel-static-card-${cardIdx}`}>
-                      {card?.mediaUrl ? (
-                        <CapImage src={card.mediaUrl} className="image" />
-                      ) : (
-                        <CapRow className="image-placeholder" />
-                      )}
-                      <CapLabel type="label1" className="text">
-                        {card?.text}
-                      </CapLabel>
-                      <CapRow vertical className="buttons">
-                        {(Array.isArray(card?.buttons) && card.buttons.length
-                          ? card.buttons
-                          : [{}, {}]
-                        ).slice(0, 2).map((carouselButton, btnIdx) => (
-                          <CapLabel
-                            key={`viber-carousel-static-btn-${cardIdx}-${btnIdx}`}
-                            type="label1"
-                            className={`button${btnIdx === 1 ? ' button-secondary' : ''}`}
-                          >
-                            {(carouselButton?.title || '').trim()}
-                          </CapLabel>
-                        ))}
-                      </CapRow>
-                    </CapRow>
-                  ))}
-                </CapRow>
-              </CapRow>
-            );
-            break;
-          }
           if (!isEmpty(image)) {
             const { url = '' } = image;
             templateData.url = url;
@@ -3683,22 +3574,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       CapNotification.error({ message: this.props.intl.formatMessage(messages.cannotEditArchivedTemplate) });
       return;
     }
-    if (!this.props.isFullMode
-      && this.checkDLTfeatureEnable()
-      && (this.state.channel || '').toLowerCase() === SMS_LOWERCASE) {
-      const smsBase = template?.versions?.base || {};
-      const updatedSms = smsBase['updated-sms-editor'];
-      const updatedSmsJoined = Array.isArray(updatedSms) ? updatedSms.join('') : updatedSms;
-      // Check BOTH candidate fields — some legacy templates keep the body only in `sms-editor`
-      // while others have it in `updated-sms-editor`. Concatenating catches either.
-      const smsBody = `${updatedSmsJoined || ''}${smsBase['sms-editor'] || ''}`;
-      if (DLT_LEGACY_VAR_REGEX.test(smsBody)) {
-        CapNotification.error({
-          message: this.props.intl.formatMessage(messages.smsLegacyBlockedTooltip),
-        });
-        return;
-      }
-    }
     if (modeType && modeType !== undefined) {
       this.setState({modeType});
     }
@@ -5268,22 +5143,15 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
                   ? this.props.Templates.selectedWhatsappAccount.name
                   : null
               }
-              // Pass formData for tag extraction (EMAIL/SMS use nested formData; VIBER uses content object)
+              // Pass formData for EMAIL and SMS channels for tag extraction
               formData={
-                (() => {
-                  const previewContent = this.state.testAndPreviewContent;
-                  const channelUpper = this.state.channel?.toUpperCase();
-                  if (!previewContent || typeof previewContent !== 'object') {
-                    return null;
-                  }
-                  if ([EMAIL, SMS].includes(channelUpper)) {
-                    return previewContent.formData || null;
-                  }
-                  if (channelUpper === VIBER) {
-                    return previewContent;
-                  }
-                  return null;
-                })()
+                this.state.testAndPreviewContent &&
+                (this.state.channel?.toUpperCase() === EMAIL || 
+                 this.state.channel?.toUpperCase() === SMS) &&
+                typeof this.state.testAndPreviewContent === 'object' &&
+                this.state.testAndPreviewContent?.formData
+                  ? this.state.testAndPreviewContent.formData
+                  : null
               }
             />
           )}

package/v2Containers/Templates/messages.js

@@ -546,10 +546,6 @@ export default defineMessages({
     id: `${scope}.smsLegacyFormatBadge`,
     defaultMessage: 'Legacy format',
   },
-  "smsLegacyBlockedTooltip": {
-    id: `${scope}.smsLegacyBlockedTooltip`,
-    defaultMessage: "This template can't be used until re-registered with typed variables on the DLT portal.",
-  },
   "uploadTemplate": {
     id: `${scope}.uploadTemplate`,
     defaultMessage: 'Upload template',

package/v2Containers/Viber/constants.js

@@ -47,24 +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;
-export const STATIC_URL = 'STATIC_URL';
-export const DYNAMIC_URL = 'DYNAMIC_URL';
-/** 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';
@@ -86,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 = [