@capillarytech/creatives-library 8.0.250-alpha.2 → 8.0.251

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -10,7 +10,6 @@ import SmsWrapper from '../SmsWrapper';
 import Email from '../Email';
 import EmailWrapper from '../EmailWrapper';
 import MobilepushWrapper from '../MobilepushWrapper';
-import InAppWrapper from '../InAppWrapper';
 import EmailPreviewV2 from '../../v2Components/EmailPreviewV2';
 import MobilePushPreview from '../../v2Components/MobilePushPreviewV2';
 import WechatWrapper from '../WeChat/Wrapper';
@@ -29,10 +28,6 @@ import { getWhatsappContent } from '../Whatsapp/utils';
 import * as commonUtil from '../../utils/common';
 import Zalo from '../Zalo';
 import MobilePushNew from '../MobilePushNew';
-import WebPush from '../WebPush';
-import DevicePreviewContent from '../WebPush/Create/preview/DevicePreviewContent';
-import { LAYOUT_MODE } from '../WebPush/Create/preview/constants';
-import { WEBPUSH_CONTENT_FIELDS, WEBPUSH_TEMPLATE_PATHS } from '../WebPush/constants';
 const CreativesWrapper = styled.div`
   .ant-popover,
   .ant-notification,
@@ -120,11 +115,7 @@ export function SlideBoxContent(props) {
       emailCreateMode,
       onMobilepushModeChange,
       mobilePushCreateMode,
-      onInAppEditorTypeChange,
-      inAppEditorType,
       templateStep,
-      inAppCreateMode,
-      onInAppModeChange,
       onEnterTemplateName,
       onRemoveTemplateName,
       onCreateNextStep,
@@ -173,8 +164,6 @@ export function SlideBoxContent(props) {
       handleTestAndPreview,
       handleCloseTestAndPreview,
       isTestAndPreviewMode,
-      supportedTags = [],
-      onHtmlEditorValidationStateChange,
     } = props;
   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};
@@ -211,7 +200,6 @@ export function SlideBoxContent(props) {
   const isCreateRcs = isCreate && channel === constants.RCS;
   const isCreateMPush = isCreate && channel === constants.MOBILE_PUSH;
   const isCreateCallTask = isCreate && channel === constants.CALL_TASK;
-  const isCreateWebPush = isCreate && channel === constants.WEBPUSH;
   let isEditSms = false;
   let isEditEmailWithId = false;
   let isEmailEditWithContent = false;
@@ -219,14 +207,12 @@ export function SlideBoxContent(props) {
   let isEmailPreview = false;
   let isMpushPreview = false;
   let isInappPreview = false;
-  let isWebPushPreview = false;
   let isEditCallTask = false;
   let isEditMPush = false;
   let isEditFacebook = false;
   let isEditFTP = false;
   let isEditWhatsapp = false;
   let isEditInApp = false;
-  let isEditWebPush = false;
   let isEditRcs = false;
   let isEditZalo = false;
   const isEmailCreate = isCreate && channel === constants.EMAIL;
@@ -240,12 +226,10 @@ export function SlideBoxContent(props) {
     isEditFacebook = isEdit && channel === constants.FACEBOOK;
     isEditWhatsapp = isEdit && channel === constants.WHATSAPP;
     isEditRcs = isEdit && channel === constants.RCS;
-    isEditWebPush = isEdit && channel === constants.WEBPUSH;
     isPreview = slidBoxContent === 'preview' && [constants.SMS, constants.LINE, constants.WHATSAPP, constants.FACEBOOK, constants.VIBER, constants.RCS].includes(channel);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
     isInappPreview = slidBoxContent === 'preview' && channel === constants.INAPP;
-    isWebPushPreview = slidBoxContent === 'preview' && channel === constants.WEBPUSH;
     isEditFTP = isEdit && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
     isEditZalo = isEdit && channel?.toUpperCase() === constants.ZALO;
     isEditInApp = isEdit && channel === constants.INAPP;
@@ -493,30 +477,8 @@ export function SlideBoxContent(props) {
           templateData={templateData}
           channel={channel}
           forwardedTags={forwardedTags}
-      />
+        />
       )}
-      {isWebPushPreview && (() => {
-        const webpushContent = get(templateData, WEBPUSH_TEMPLATE_PATHS.CONTENT, {});
-        const notificationTitle = webpushContent?.[WEBPUSH_CONTENT_FIELDS.TITLE] || '';
-        const notificationBody = webpushContent?.[WEBPUSH_CONTENT_FIELDS.MESSAGE] || '';
-        const imageSrc = webpushContent?.[WEBPUSH_CONTENT_FIELDS.IMAGE] || '';
-        const brandIconSrc = webpushContent?.[WEBPUSH_CONTENT_FIELDS.BRAND_ICON] || '';
-        // Extract URL from onClickAction or use empty string
-        const url = webpushContent?.[WEBPUSH_CONTENT_FIELDS.ON_CLICK_ACTION]?.url || '';
-        
-        return (
-          <div className="webpush-preview-container">
-            <DevicePreviewContent
-              notificationTitle={notificationTitle}
-              notificationBody={notificationBody}
-              url={url}
-              imageSrc={imageSrc}
-              brandIconSrc={brandIconSrc}
-              layoutMode={LAYOUT_MODE.COMPACT}
-            />
-          </div>
-        );
-      })()}
 
       {
         (currentChannel === constants.WECHAT && !!slidBoxContent) && <WechatWrapper
@@ -674,95 +636,44 @@ export function SlideBoxContent(props) {
         handleTestAndPreview={handleTestAndPreview}
         handleCloseTestAndPreview={handleCloseTestAndPreview}
         isTestAndPreviewMode={isTestAndPreviewMode}
-        location={location}
-        onHtmlEditorValidationStateChange={onHtmlEditorValidationStateChange}
       />
         )}
       {(isEditEmailWithId || isEmailEditWithContent) && (
-        (() => {
-          const supportCKEditor = commonUtil.hasSupportCKEditor();
-          // When supportCKEditor is true: Always use Email component (legacy flow)
-          if (supportCKEditor || templateData?.is_drag_drop) {
-            return (
-              <Email
-                key="cretives-container-email-edit"
-                setIsLoadingContent={setIsLoadingContent}
-                location={{
-                  pathname: `/email/edit`,
-                  query: { type: 'embedded', module: 'library'},
-                }}
-                route={{ name: 'email' }}
-                isGetFormData={isGetFormData}
-                getFormdata={getFormData}
-                params={{ id: templateData._id }}
-                templateData={templateData}
-                getFormSubscriptionData={getFormData}
-                getDefaultTags={type}
-                isFullMode={isFullMode}
-                editor={editor}
-                cap={cap}
-                showTemplateName={showTemplateName}
-                onValidationFail={onValidationFail}
-                forwardedTags={forwardedTags}
-                selectedOfferDetails={selectedOfferDetails}
-                onPreviewContentClicked={onPreviewContentClicked}
-                onTestContentClicked={onTestContentClicked}
-                moduleType={moduleType}
-                showLiquidErrorInFooter={showLiquidErrorInFooter}
-                eventContextTags={eventContextTags}
-              isLoyaltyModule={isLoyaltyModule}
-              showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
-              handleTestAndPreview={handleTestAndPreview}
-              handleCloseTestAndPreview={handleCloseTestAndPreview}
-              isTestAndPreviewMode={isTestAndPreviewMode}
-              onHtmlEditorValidationStateChange={onHtmlEditorValidationStateChange}
-            />
-            );
-          }     
-          // HTML template: Use EmailWrapper component (which uses EmailWithoutSaga)
-          return (
-            <EmailWrapper
-              key="cretives-container-email-edit-wrapper"
-              setIsLoadingContent={setIsLoadingContent}
-              onEmailModeChange={onEmailModeChange}
-              emailCreateMode="editor"
-              isGetFormData={isGetFormData}
-              getFormdata={getFormData}
-              templateData={templateData}
-              type={type}
-              step="createTemplateContent"
-              showNextStep={onCreateNextStep}
-              isFullMode={isFullMode}
-              editor={editor}
-              cap={cap}
-              onResetStep={onResetStep}
-              showTemplateName={showTemplateName}
-              onEnterTemplateName={onEnterTemplateName}
-              onRemoveTemplateName={onRemoveTemplateName}
-              onValidationFail={onValidationFail}
-              forwardedTags={forwardedTags}
-              selectedOfferDetails={selectedOfferDetails}
-              onPreviewContentClicked={onPreviewContentClicked}
-              onTestContentClicked={onTestContentClicked}
-              getCmsTemplatesInProgress={getCmsTemplatesInProgress}
-              moduleType={moduleType}
-              showLiquidErrorInFooter={showLiquidErrorInFooter}
-              eventContextTags={eventContextTags}
-              isLoyaltyModule={isLoyaltyModule}
-              showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
-              handleTestAndPreview={handleTestAndPreview}
-              handleCloseTestAndPreview={handleCloseTestAndPreview}
-              isTestAndPreviewMode={isTestAndPreviewMode}
-              onHtmlEditorValidationStateChange={onHtmlEditorValidationStateChange}
-              location={{
-                pathname: `/email/edit/${templateData._id}`,
-                query: { type: 'embedded', module: 'library', id: templateData._id },
-              }}
-              params={{ id: templateData._id }}
-            />
-          );
-        })()
-      )}
+      <Email
+        key="cretives-container-email-edit"
+        setIsLoadingContent={setIsLoadingContent}
+        location={{
+          pathname: `/email/edit`,
+          query: { type: 'embedded', module: 'library'},
+        }}
+        route={{ name: 'email' }}
+        isGetFormData={isGetFormData}
+        getFormdata={getFormData}
+        params={{ id: templateData._id }}
+        templateData={templateData}
+        getFormSubscriptionData={getFormData}
+        getDefaultTags={type}
+        isFullMode={isFullMode}
+        editor={editor}
+        cap={cap}
+        showTemplateName={showTemplateName}
+        onValidationFail={onValidationFail}
+        forwardedTags={forwardedTags}
+        selectedOfferDetails={selectedOfferDetails}
+        onPreviewContentClicked={onPreviewContentClicked}
+        onTestContentClicked={onTestContentClicked}
+        moduleType={moduleType}
+        showLiquidErrorInFooter={showLiquidErrorInFooter}
+        eventContextTags={eventContextTags}
+        isLoyaltyModule={isLoyaltyModule}
+        showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
+        handleTestAndPreview={handleTestAndPreview}
+        handleCloseTestAndPreview={handleCloseTestAndPreview}
+        isTestAndPreviewMode={(() => {
+          return isTestAndPreviewMode;
+        })()}
+      />
+        )}
       {isEditMPush && (
         (isFullMode && !commonUtil.hasNewMobilePushFeatureEnabled()) || 
         (!isFullMode && isLoyaltyModule) || 
@@ -1056,39 +967,22 @@ export function SlideBoxContent(props) {
         />
       )}
 
-      {isCreateInApp && (
-        <InAppWrapper
-          key="creatives-inapp-wrapper"
-          date={new Date().getMilliseconds()}
-          setIsLoadingContent={setIsLoadingContent}
-          onInAppEditorTypeChange={onInAppEditorTypeChange}
-          inAppEditorType={inAppEditorType}
-          isGetFormData={isGetFormData}
-          getFormdata={getFormData}
-          templateData={templateData}
-          type={type}
-          step={templateStep}
-          showNextStep={onCreateNextStep}
-          isFullMode={isFullMode}
-          cap={cap}
-          onResetStep={onResetStep}
-          showTemplateName={showTemplateName}
-          onEnterTemplateName={onEnterTemplateName}
-          onRemoveTemplateName={onRemoveTemplateName}
-          onValidationFail={onValidationFail}
-          forwardedTags={forwardedTags}
-          selectedOfferDetails={selectedOfferDetails}
-          onPreviewContentClicked={onPreviewContentClicked}
-          onTestContentClicked={onTestContentClicked}
-          moduleType={moduleType}
-          showLiquidErrorInFooter={showLiquidErrorInFooter}
-          eventContextTags={eventContextTags}
-          onCreateComplete={onCreateComplete}
-          handleClose={handleClose}
-          getDefaultTags={type}
-          onInAppModeChange={onInAppModeChange}
-          inAppCreateMode={inAppCreateMode}
-          showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
+      {isCreateInApp && (<InApp
+        isFullMode={isFullMode}
+        onCreateComplete={onCreateComplete}
+        handleClose={handleClose}
+        location={{
+          pathname: `/inapp/create`,
+          query,
+          search: '',
+        }}
+        getFormData={getFormData}
+        isGetFormData={isGetFormData}
+        templateData={templateData}
+        getDefaultTags={type}
+        eventContextTags={eventContextTags}
+        showLiquidErrorInFooter={showLiquidErrorInFooter}
+        showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
         handleTestAndPreview={handleTestAndPreview}
         handleCloseTestAndPreview={handleCloseTestAndPreview}
         isTestAndPreviewMode={isTestAndPreviewMode}
@@ -1120,28 +1014,6 @@ export function SlideBoxContent(props) {
       />
       )}
 
-      {(isCreateWebPush || isEditWebPush) && (
-        <WebPush
-          isFullMode={isFullMode}
-          handleClose={handleClose}
-          onCreateComplete={onCreateComplete}
-          getFormData={getFormData}
-          isGetFormData={isGetFormData}
-          templateData={isEditWebPush ? templateData : undefined}
-          creativesMode={creativesMode}
-          params={isEditWebPush && templateData ? { id: templateData._id } : undefined}
-          location={{
-            pathname: isEditWebPush ? '/webpush/edit' : '/webpush/create',
-            query,
-            search: '',
-          }}
-          getDefaultTags={type}
-          forwardedTags={forwardedTags}
-          supportedTags={supportedTags}
-          selectedOfferDetails={selectedOfferDetails}
-          eventContextTags={eventContextTags}
-        />
-      )}
       {isCreateRcs && (<Rcs
         {...rcsCommonProps}
         showLiquidErrorInFooter={showLiquidErrorInFooter}
@@ -1179,8 +1051,6 @@ SlideBoxContent.propTypes = {
   onSelectTemplate: PropTypes.func,
   onPreviewTemplate: PropTypes.func,
   templateData: PropTypes.object,
-  onInAppEditorTypeChange: PropTypes.func,
-  inAppEditorType: PropTypes.object,
   location: PropTypes.object,
   isGetFormData: PropTypes.bool,
   getFormData: PropTypes.func,
@@ -1206,7 +1076,6 @@ SlideBoxContent.propTypes = {
   onValidationFail: PropTypes.func,
   channelsToHide: PropTypes.array,
   forwardedTags: PropTypes.object,
-  supportedTags: PropTypes.array,
   selectedOfferDetails: PropTypes.array,
   channelsToDisable: PropTypes.array,
   weChatTemplateType: PropTypes.string,
@@ -1222,7 +1091,7 @@ SlideBoxContent.propTypes = {
   onFTPSubmit: PropTypes.func,
   messageStrategy: PropTypes.string,
   fbAdManager: PropTypes.string,
-  showDisabledFBInfo: PropTypes.bool,
+  showDisabledFBInfo: PropTypes.boolean,
   orgUnitId: PropTypes.any,
   smsRegister: PropTypes.any,
   getCmsTemplatesInProgress: PropTypes.bool,

package/v2Containers/CreativesContainer/SlideBoxFooter.js

@@ -7,15 +7,12 @@ import PropTypes from 'prop-types';
 import messages from './messages';
 import ErrorInfoNote from '../../v2Components/ErrorInfoNote';
 import { PREVIEW } from './constants';
-import { EMAIL_CREATE_MODES } from '../EmailWrapper/constants';
 
-function getFullModeSaveBtn(slidBoxContent, isCreatingTemplate) {
-  if (isCreatingTemplate) {
-    return <FormattedMessage {...messages.creativesTemplatesDone} />;
-  }
-  return slidBoxContent === "editTemplate"
-    ? <FormattedMessage {...messages.creativesTemplatesUpdate} />
-    : <FormattedMessage {...messages.creativesTemplatesSaveFullMode} />;
+function getFullModeSaveBtn(slidBoxContent) {
+  return slidBoxContent === "editTemplate" ?
+    <FormattedMessage {...messages.creativesTemplatesUpdate}/>
+    :
+    <FormattedMessage {...messages.creativesTemplatesSaveFullMode}/>;
 }
 function SlideBoxFooter(props) {
   const {
@@ -27,119 +24,18 @@ function SlideBoxFooter(props) {
     fetchingCmsData,
     isTemplateNameEmpty,
     errorMessages,
-    // eslint-disable-next-line no-unused-vars
-    isLiquidValidationError, // Legacy prop, kept for PropTypes compatibility
+    isLiquidValidationError,
     currentTab,
     onTestAndPreview,
     // isEmptyContent,
     showTestAndPreviewButton,
     shouldShowDoneFooter,
     shouldShowContinueFooter,
-    isContinueButtonDisabled,
-    continueButtonLabel,
-    htmlEditorValidationState,
-    isCreatingTemplate,
-    currentChannel,
-    emailCreateMode,
-    selectedEmailCreateMode,
   } = props;
 
-  // Calculate if buttons should be disabled
-  // Only apply validation state checks for EMAIL channel in HTML Editor mode (not BEE/DragDrop)
-  // For other channels, BEE editor, or when htmlEditorValidationState is not provided, don't disable based on validation
-  const isEmailChannel = currentChannel?.toUpperCase() === 'EMAIL';
-  const isEditMode = slidBoxContent === 'editTemplate';
-
-  // Use selectedEmailCreateMode for accurate mode detection in create mode (emailCreateMode is mapped for backwards compatibility)
-  // In edit mode: htmlEditorValidationState is initialized as {} but only updated by HTML Editor
-  // If it's still in initial state (validationComplete === false, issueCounts.total === 0), it's BEE editor
-  // Upload mode also uses HTML Editor, so include it in HTML Editor mode check
-  const isUploadMode = emailCreateMode === EMAIL_CREATE_MODES.UPLOAD;
-  const isHTMLEditorModeInCreate = selectedEmailCreateMode === EMAIL_CREATE_MODES.HTML_EDITOR || isUploadMode;
-  // In edit mode: Check if htmlEditorValidationState has been updated by HTML Editor
-  // HTML Editor will call updateHtmlEditorValidationState, setting validationComplete to true at some point
-  // If validationComplete is false and issueCounts.total === 0, it's likely still in initial state (BEE editor)
-  const isHtmlEditorValidationStateActive = htmlEditorValidationState && (
-    htmlEditorValidationState.validationComplete === true
-    || (htmlEditorValidationState.issueCounts && htmlEditorValidationState.issueCounts.total > 0)
-    || htmlEditorValidationState.hasErrors === true
-  );
-  const isHTMLEditorModeInEdit = isEditMode && isHtmlEditorValidationStateActive;
-  const isHTMLEditorMode = isHTMLEditorModeInCreate || isHTMLEditorModeInEdit;
-  console.log('***isHTMLEditorMode', isHTMLEditorMode, 'isHTMLEditorModeInCreate', isHTMLEditorModeInCreate, 'isHTMLEditorModeInEdit', isHTMLEditorModeInEdit, 'isHtmlEditorValidationStateActive', isHtmlEditorValidationStateActive);
-
-  // BEE editor detection: drag_drop mode OR (editor mode AND not HTML Editor)
-  // In edit mode: if htmlEditorValidationState is in initial state (not updated by HTML Editor), it's BEE editor
-  const isBEEEditor = selectedEmailCreateMode === EMAIL_CREATE_MODES.DRAG_DROP
-    || (emailCreateMode === EMAIL_CREATE_MODES.EDITOR && !isHTMLEditorMode)
-    || (isEditMode && !isHtmlEditorValidationStateActive);
-  // Only check validation for HTML Editor mode, not for BEE/DragDrop editor
-  const shouldCheckValidation = isEmailChannel && htmlEditorValidationState && isHTMLEditorMode && !isBEEEditor;
-  const isContentEmpty = shouldCheckValidation ? (htmlEditorValidationState?.isContentEmpty ?? true) : false;
-  // Check if validation has completed
-  const validationComplete = shouldCheckValidation ? (htmlEditorValidationState?.validationComplete ?? false) : true;
-  // Only Rule Group #1 (Input & Sanitization) blocks; hasErrors is set by HTMLEditor from hasBlockingErrors.
-  // hasErrors should always be set (defaults to false), so we only check for explicit true value.
-  // Warnings (label issues, HTML/CSS compatibility) do NOT block buttons.
-  const hasValidationErrors = shouldCheckValidation && htmlEditorValidationState?.hasErrors === true;
-  console.log('***hasValidationErrors', hasValidationErrors);
-  const errorsAcknowledged = shouldCheckValidation ? (htmlEditorValidationState?.errorsAcknowledged ?? false) : true;
-  console.log('***errorsAcknowledged', errorsAcknowledged);
-
-  // IMPORTANT: In both modes, if validation finds errors, buttons must stay disabled until user acknowledges by clicking redirection icon
-  let shouldDisableButtons = false;
-  if (shouldCheckValidation) {
-    if (isEditMode) {
-      // Edit mode: Disable if validation has completed AND found errors AND errors not acknowledged
-      shouldDisableButtons = validationComplete && hasValidationErrors && !errorsAcknowledged;
-    } else {
-      // Create mode:
-      // 1. Disable until validation completes
-      // 2. Disable if content is empty
-      // 3. Disable if validation finds errors AND errors not acknowledged (user must click redirection icon)
-      shouldDisableButtons = !validationComplete || isContentEmpty || (hasValidationErrors && !errorsAcknowledged);
-    }
-  }
-
-  // Show ErrorInfoNote for API validation errors (from validateLiquidTemplateContent)
-  // For HTML Editor: API validation errors are shown in ValidationErrorDisplay (inside CodeEditorPane), not here
-  const hasStandardErrors = errorMessages && errorMessages.STANDARD_ERROR_MSG && errorMessages.STANDARD_ERROR_MSG.length > 0;
-  const hasLiquidErrors = errorMessages && errorMessages.LIQUID_ERROR_MSG && errorMessages.LIQUID_ERROR_MSG.length > 0;
-
-  // Check if htmlEditorValidationState has actual validation errors
-  // If htmlEditorValidationState exists but has no errors (total === 0), and we have STANDARD/LIQUID errors,
-  // then those errors are from BEE editor (FormBuilder validation), not HTML Editor
-  const htmlEditorHasErrors = htmlEditorValidationState && htmlEditorValidationState.issueCounts && htmlEditorValidationState.issueCounts.total > 0;
-
-  // BEE editor errors: We have STANDARD/LIQUID errors AND either:
-  // 1. No htmlEditorValidationState exists, OR
-  // 2. htmlEditorValidationState exists but has no actual errors (meaning errors are from FormBuilder/BEE editor)
-  // IMPORTANT: Only check for BEE editor errors when NOT in HTML Editor mode (upload or html_editor)
-  // Upload mode uses HTML Editor, so BEE editor errors don't apply
-  // IMPORTANT: BEE editor doesn't have real-time content updates,
-  // so we should NOT disable buttons based on validation errors
-  // In edit mode: Check if htmlEditorValidationState is in initial state (not updated by HTML Editor)
-  // In edit mode with BEE editor, htmlEditorValidationState will remain in initial state
-  // In create mode, check selectedEmailCreateMode or emailCreateMode
-  const isBEEEditorModeInEdit = isEditMode && !isHtmlEditorValidationStateActive;
-  console.log('***isBEEEditorModeInEdit', isBEEEditorModeInEdit, 'isHtmlEditorValidationStateActive', isHtmlEditorValidationStateActive);
-  const isBEEEditorModeInCreate = !isHTMLEditorMode && !isEditMode;
-  console.log('***isBEEEditorModeInCreate', isBEEEditorModeInCreate);
-  const isBEEEditorMode = isBEEEditorModeInEdit || isBEEEditorModeInCreate;
-  console.log('***isBEEEditorMode', isBEEEditorMode);
-  const hasBEEEditorErrors = isEmailChannel && isBEEEditorMode && (hasStandardErrors || hasLiquidErrors) && (!htmlEditorValidationState || !htmlEditorHasErrors);
-  console.log('***hasBEEEditorErrors', hasBEEEditorErrors);
-
-  const shouldShowErrorInfoNote = hasBEEEditorErrors;
   return (
-    <div className="template-footer-width">
-      {shouldShowErrorInfoNote && (
-        <ErrorInfoNote
-          errorMessages={errorMessages}
-          currentTab={currentTab?.toUpperCase()}
-          useLegacyDisplay // Use simple list display for BEE Editor (not tabbed interface)
-        />
-      )}
+    <div className='template-footer-width'>
+      {isLiquidValidationError && (<ErrorInfoNote errorMessages={errorMessages} currentTab={currentTab?.toUpperCase()} />)}
       <div>
         {shouldShowDoneFooter() && (
           <div>
@@ -151,10 +47,10 @@ function SlideBoxFooter(props) {
             <CapRow>
               <CapButton
                 onClick={onSave}
-                disabled={isTemplateNameEmpty || fetchingCmsData || shouldDisableButtons}
+                disabled={isTemplateNameEmpty || fetchingCmsData || false}
               >
                 {isFullMode ? (
-                  getFullModeSaveBtn(slidBoxContent, isCreatingTemplate)
+                  getFullModeSaveBtn(slidBoxContent)
                 ) : (
                   <FormattedMessage {...messages.creativesTemplatesSave} />
                 )}
@@ -163,7 +59,7 @@ function SlideBoxFooter(props) {
                 <CapButton
                   type="secondary"
                   onClick={onTestAndPreview}
-                  disabled={shouldDisableButtons}
+                  // disabled={isEmptyContent || false}
                   style={{ marginLeft: '8px' }}
                 >
                   <FormattedMessage {...messages.testAndPreview} />
@@ -174,11 +70,8 @@ function SlideBoxFooter(props) {
           </div>
         )}
         {shouldShowContinueFooter() && (
-          <CapButton
-            onClick={onCreateNextStep}
-            disabled={isContinueButtonDisabled || false}
-          >
-            <FormattedMessage {...(continueButtonLabel || messages.continue)} />
+          <CapButton onClick={onCreateNextStep}>
+            <FormattedMessage {...messages.continue} />
           </CapButton>
         )}
         {slidBoxContent === PREVIEW && (
@@ -206,48 +99,5 @@ SlideBoxFooter.propTypes = {
   onTestAndPreview: PropTypes.func,
   isEmptyContent: PropTypes.bool,
   showTestAndPreviewButton: PropTypes.bool,
-  isContinueButtonDisabled: PropTypes.bool,
-  continueButtonLabel: PropTypes.object,
-  htmlEditorValidationState: PropTypes.shape({
-    isContentEmpty: PropTypes.bool,
-    issueCounts: PropTypes.shape({
-      html: PropTypes.number,
-      label: PropTypes.number,
-      liquid: PropTypes.number,
-      total: PropTypes.number,
-    }),
-    validationComplete: PropTypes.bool,
-    /** Only Rule Group #1 (Input & Sanitization) blocks; warnings do not block */
-    hasErrors: PropTypes.bool,
-  }),
-  isCreatingTemplate: PropTypes.bool,
-  currentChannel: PropTypes.string,
-  emailCreateMode: PropTypes.string,
-  selectedEmailCreateMode: PropTypes.string,
-};
-
-SlideBoxFooter.defaultProps = {
-  slidBoxContent: '',
-  onSave: () => {},
-  onEditTemplate: () => {},
-  onCreateNextStep: () => {},
-  shouldShowContinueFooter: () => {},
-  shouldShowDoneFooter: () => {},
-  isFullMode: false,
-  fetchingCmsData: false,
-  isTemplateNameEmpty: false,
-  errorMessages: [],
-  isLiquidValidationError: false,
-  currentTab: '',
-  onTestAndPreview: () => {},
-  isEmptyContent: false,
-  showTestAndPreviewButton: false,
-  isContinueButtonDisabled: false,
-  continueButtonLabel: {},
-  htmlEditorValidationState: {},
-  isCreatingTemplate: false,
-  currentChannel: '',
-  emailCreateMode: '',
-  selectedEmailCreateMode: '',
 };
 export default SlideBoxFooter;

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -45,7 +45,6 @@ export function SlideBoxHeader(props) {
   const isZaloEdit = channel.toLowerCase() === ZALO && slidBoxContent === 'editTemplate';
   const zaloOverview = isZaloEdit && isFullMode;
   const whatsappOverview = isWhatsappEdit && isFullMode;
-  const shouldShowInAppEditHeader = isInAppEdit && !isFullMode;
   const headerMessage = whatsappOverview ? messages.whatsappOverview : zaloOverview ? messages.zaloOverview : messages.editMessageContent;
   const {
     whatsappTemplateName,
@@ -72,7 +71,6 @@ export function SlideBoxHeader(props) {
       rcs: <FormattedMessage {...messages.rcsCreative} />,
       zalo: <FormattedMessage {...messages.zaloTemplate} />,
       viber: <FormattedMessage {...messages.viberTemplate} />,
-      webpush: <FormattedMessage {...messages.webPushTemplate} />,
     };
     return labels[currentChannel.toLowerCase()];
   };
@@ -111,7 +109,7 @@ export function SlideBoxHeader(props) {
             }
           />
         )}
-      {!showTemplateNameHeader && slidBoxContent === 'editTemplate' && (shouldShowInAppEditHeader || !isInAppCreate) && (
+      {!showTemplateNameHeader && slidBoxContent === 'editTemplate' && (
         <CapHeader
           className="support-video-elements"
           title={<FormattedMessage {...headerMessage} values={{ channel: getChannelLabel(channel) }} />}

package/v2Containers/CreativesContainer/constants.js

@@ -21,12 +21,9 @@ export const PUSH = "PUSH";
 export const RCS = "RCS";
 export const ZALO = "ZALO";
 export const INAPP = "INAPP";
-export const WEBPUSH = "WEBPUSH";
-export const WEBPUSH_BRAND_ICON = "WEBPUSH_BRAND_ICON";
 export const PREVIEW = "preview";
 export const EDIT_TEMPLATE = "editTemplate";
 export const JOURNEY = "journey";
-export const HTML = "HTML";
 
 export const LOYALTY_SUPPORTED_ACTION = "SEND_COMMUNICATION_ACTION";
 
@@ -51,4 +48,3 @@ export const BIG_TEXT = "BIG_TEXT";
 export const GENERIC = "GENERIC";
 export const LIQUID_ERROR_MSG = "LIQUID_ERROR_MSG";
 export const STANDARD_ERROR_MSG = "STANDARD_ERROR_MSG";
-export const COMMON_CHANNELS = ['sms', 'email', 'wechat', 'mobilepush', 'webpush', 'line', 'viber', 'facebook', 'call_task', 'ftp', 'assets'];