@capillarytech/creatives-library 8.0.345-alpha.12 → 8.0.345-alpha.13

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import pick from 'lodash/pick';
 import cloneDeep from 'lodash/cloneDeep';
 import TemplatesV2 from '../TemplatesV2';
 import TemplatePreview from '../../v2Components/TemplatePreview';
@@ -26,7 +25,6 @@ import Viber from '../Viber';
 import Whatsapp from '../Whatsapp';
 import InApp from '../InApp';
 import Rcs from '../Rcs';
-import { isRcsTextOnlyCardMediaType, resolveRcsCardPreviewStrings } from '../Rcs/utils';
 import { getWhatsappContent } from '../Whatsapp/utils';
 import * as commonUtil from '../../utils/common';
 import Zalo from '../Zalo';
@@ -182,8 +180,6 @@ export function SlideBoxContent(props) {
       isTestAndPreviewMode,
       onHtmlEditorValidationStateChange,
     } = props;
-  const localTemplatesConfig = props.localTemplatesConfig || pick(props, constants.LOCAL_TEMPLATE_CONFIG_KEYS);
-  const useLocalTemplates = !!get(localTemplatesConfig, 'useLocalTemplates');
   const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
   const creativesLocationProps = {
@@ -403,37 +399,12 @@ export function SlideBoxContent(props) {
       }
       case constants.RCS: {
         const template = cloneDeep(templateDataObject);
-        const cardPath = 'versions.base.content.RCS.rcsContent.cardContent[0]';
-        const card = get(template, cardPath, {}) || {};
-        const {
-          description = '',
-          media: { mediaUrl = '' } = {},
-          title = '',
-          mediaType: cardMediaType,
-          suggestions = [],
-          cardVarMapped: nestedCardVarMapped,
-        } = card;
-        const rootMirror = templateDataObject?.rcsCardVarMapped;
-        const nestedRecord =
-          nestedCardVarMapped != null && typeof nestedCardVarMapped === 'object'
-            ? nestedCardVarMapped
-            : {};
-        const rootRecord =
-          rootMirror != null && typeof rootMirror === 'object' ? rootMirror : {};
-        const mergedCardVarMapped = { ...rootRecord, ...nestedRecord };
-        const textOnlyCard = isRcsTextOnlyCardMediaType(cardMediaType);
-        const { rcsTitle, rcsDesc } = resolveRcsCardPreviewStrings(
-          title,
-          description,
-          mergedCardVarMapped,
-          !isFullMode,
-          textOnlyCard,
-        );
+        const { description = "", media: { mediaUrl = "" } = {}, title = "", suggestions = [] } = get(template, 'versions.base.content.RCS.rcsContent.cardContent[0]', {});
         return {
           rcsPreviewContent: {
             rcsImageSrc: mediaUrl,
-            rcsTitle,
-            rcsDesc,
+            rcsTitle: title,
+            rcsDesc: description,
             ...(suggestions.length > 0 && {
               buttonText: suggestions[0]?.text,
             }),
@@ -459,7 +430,7 @@ export function SlideBoxContent(props) {
 
   return (
     <CreativesWrapper>
-      {slidBoxContent === 'templates' && (!isFullMode || useLocalTemplates) && (
+      {!isFullMode && slidBoxContent === 'templates' && (
       <TemplatesV2
         isFullMode={isFullMode}
         onSelectTemplate={onSelectTemplate}
@@ -492,7 +463,6 @@ export function SlideBoxContent(props) {
         waitEventContextTags={waitEventContextTags}
         loyaltyMetaData={loyaltyMetaData}
         isLoyaltyModule={isLoyaltyModule}
-        localTemplatesConfig={localTemplatesConfig}
         />
       )}
       {isPreview && (
@@ -663,7 +633,6 @@ export function SlideBoxContent(props) {
         route={{ name: 'sms' }}
         isCreateSms={isCreateSms}
         isComponent
-        templateData={templateData}
         isGetFormData={isGetFormData}
         getFormSubscriptionData={getFormData}
         getLiquidTags={getLiquidTags}
@@ -1270,7 +1239,6 @@ export function SlideBoxContent(props) {
       )}
       {isCreateRcs && (<Rcs
         {...rcsCommonProps}
-        templateData={templateData}
         showLiquidErrorInFooter={showLiquidErrorInFooter}
         showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
         handleTestAndPreview={handleTestAndPreview}

package/v2Containers/CreativesContainer/SlideBoxFooter.js

@@ -24,6 +24,7 @@ function SlideBoxFooter(props) {
     slidBoxContent,
     onSave,
     onEditTemplate,
+    isTemplateArchived,
     onCreateNextStep,
     isFullMode,
     fetchingCmsData,
@@ -48,8 +49,6 @@ function SlideBoxFooter(props) {
     isAnonymousType = false,
     templateData = {},
     hasPersonalizationTokenError: hasPersonalizationTokenErrorProp = false,
-    /** When set (e.g. SMS library create), overrides `creativesTemplatesSave` (“Done”) for the primary button */
-    primarySaveButtonMessage,
   } = props;
   // Calculate if buttons should be disabled
   // Only apply validation state checks for EMAIL channel in HTML Editor mode (not BEE/DragDrop)
@@ -188,9 +187,7 @@ function SlideBoxFooter(props) {
                 onClick={onSave}
                 disabled={isTemplateNameEmpty || fetchingCmsData || shouldDisableButtons || hasPersonalizationTokenError}
               >
-                {primarySaveButtonMessage ? (
-                  <FormattedMessage {...primarySaveButtonMessage} />
-                ) : isFullMode ? (
+                {isFullMode ? (
                   getFullModeSaveBtn(slidBoxContent, isCreatingTemplate)
                 ) : (
                   <FormattedMessage {...messages.creativesTemplatesSave} />
@@ -218,7 +215,7 @@ function SlideBoxFooter(props) {
             <FormattedMessage {...(continueButtonLabel || messages.continue)} />
           </CapButton>
         )}
-        {slidBoxContent === PREVIEW && (
+        {slidBoxContent === PREVIEW && !isTemplateArchived && (
           <CapButton onClick={onEditTemplate} type="secondary">
             <FormattedMessage {...messages.creativesTemplatesEdit} />
           </CapButton>
@@ -231,6 +228,7 @@ SlideBoxFooter.propTypes = {
   slidBoxContent: PropTypes.node,
   onSave: PropTypes.func,
   onEditTemplate: PropTypes.func,
+  isTemplateArchived: PropTypes.bool,
   onCreateNextStep: PropTypes.func,
   shouldShowContinueFooter: PropTypes.func,
   shouldShowDoneFooter: PropTypes.func,
@@ -266,10 +264,6 @@ SlideBoxFooter.propTypes = {
   templateData: PropTypes.object,
   formData: PropTypes.array,
   hasPersonalizationTokenError: PropTypes.bool,
-  primarySaveButtonMessage: PropTypes.shape({
-    id: PropTypes.string,
-    defaultMessage: PropTypes.string,
-  }),
 };
 
 SlideBoxFooter.defaultProps = {
@@ -297,6 +291,5 @@ SlideBoxFooter.defaultProps = {
   selectedEmailCreateMode: '',
   formData: [],
   hasPersonalizationTokenError: false,
-  primarySaveButtonMessage: undefined,
 };
 export default SlideBoxFooter;

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -16,7 +16,6 @@ import { isTraiDLTEnable } from '../../utils/common';
 import { formatString } from '../../utils/Formatter';
 import {
   CAP_SPACE_12,
-  CAP_SPACE_16,
 } from '@capillarytech/cap-ui-library/styled/variables';
 import { WHATSAPP_HELP_DOC_LINK, JOURNEY } from './constants';
 
@@ -25,7 +24,7 @@ const StyledLabel = styled(CapLabelInline)`
   margin-right: ${CAP_SPACE_12};
 `;
 const PrefixWrapper = styled.div`
-  margin-right: ${CAP_SPACE_16};
+  margin-right: 16px;
 `;
 const renderData = (type, value, channel) => (
   <StyledLabel className={channel?.toLowerCase() === ZALO ? 'zalo-template-name-spacing' : ''} type={type}>
@@ -34,25 +33,7 @@ const renderData = (type, value, channel) => (
 );
 
 export function SlideBoxHeader(props) {
-  const {
-    slidBoxContent,
-    templateData,
-    onShowTemplates,
-    creativesMode,
-    isFullMode,
-    showPrefix,
-    shouldShowTemplateName,
-    channel,
-    templateNameRenderProp,
-    weChatTemplateType,
-    onWeChatMaptemplateStepChange,
-    weChatMaptemplateStep,
-    templateStep,
-    smsRegister,
-    handleClose,
-    moduleType,
-    useLocalTemplates = false,
-  } = props;
+  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, shouldShowTemplateName, channel, templateNameRenderProp, weChatTemplateType, onWeChatMaptemplateStepChange, weChatMaptemplateStep, templateStep, smsRegister, handleClose, moduleType } = props;
   const showTemplateNameHeader = isFullMode && shouldShowTemplateName;
   const mapTemplateCreate = !showTemplateNameHeader && slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
@@ -100,9 +81,6 @@ export function SlideBoxHeader(props) {
     window.open(WHATSAPP_HELP_DOC_LINK, '_blank');
   };
 
-  const showCreativesTemplatesBackButton =
-    !isFullMode && (moduleType === JOURNEY || useLocalTemplates);
-
   return (
     <div key="creatives-container-slidebox-header-content">
       {slidBoxContent === 'templates' && !showTemplateNameHeader && (
@@ -111,7 +89,7 @@ export function SlideBoxHeader(props) {
         description={![NO_COMMUNICATION, FTP].includes(channel) &&
           <FormattedMessage {...messages.creativeTemplatesDesc} />
             }
-        prefix={showCreativesTemplatesBackButton &&
+        prefix={!isFullMode && moduleType === JOURNEY &&
           <PrefixWrapper>
             <CapIcons.backIcon onClick={handleClose} />
           </PrefixWrapper>
@@ -157,7 +135,7 @@ export function SlideBoxHeader(props) {
               }
             </>
           }
-          prefix={!isFullMode && showPrefix &&
+          prefix={creativesMode !== 'edit' && !isFullMode && showPrefix &&
             <PrefixWrapper>
               <CapIcons.backIcon onClick={onShowTemplates} />
             </PrefixWrapper>
@@ -213,8 +191,5 @@ SlideBoxHeader.propTypes = {
   shouldShowTemplateName: PropTypes.bool,
   templateNameRenderProp: PropTypes.func,
   smsRegister: PropTypes.any,
-  handleClose: PropTypes.func,
-  moduleType: PropTypes.string,
-  useLocalTemplates: PropTypes.bool,
 };
 export default SlideBoxHeader;

package/v2Containers/CreativesContainer/constants.js

@@ -67,12 +67,3 @@ export const ALLOWED_CHANNELS_FOR_ANONYMOUS = ['mobilepush', 'webpush'];
 export const ALL_CHANNELS_NEW = [
   'sms', 'email', 'whatsapp', 'facebook', 'line', 'viber', 'rcs', 'zalo', 'inapp', 'call_task', 'ftp',
 ];
-
-export const LOCAL_TEMPLATE_CONFIG_KEYS = ['useLocalTemplates', 'localTemplates', 'localTemplatesLoading', 'localTemplatesFilterContent', 'localTemplatesUseSkeleton', 'localTemplatesOnPageChange'];
-
-/** Keys passed from parents into `Templates` when using local SMS template list (extends `LOCAL_TEMPLATE_CONFIG_KEYS`). */
-export const LOCAL_TEMPLATE_CONFIG_KEYS_FOR_PICK = [
-  ...LOCAL_TEMPLATE_CONFIG_KEYS,
-  'localTemplatesLoadingTip',
-  'localTemplatesFooterContent',
-];