@capillarytech/creatives-library 9.0.56-betaa.0 → 9.0.56

package/v2Components/FormBuilder/Functional/channels/mobilepush/validate.js

@@ -1,251 +0,0 @@
-/**
- * MOBILEPUSH validation — line-faithful port of Classic's validateForm MPUSH block
- * (Classic.js:935-1218) over the legacy formData; emitted errorData is byte-identical.
- * Every oddity below is a deliberate Classic quirk pinned by the characterization
- * suite — see FormBuilder-V3-MPUSH-Technical-Design.md §6.1 before "fixing" any.
- */
-
-import { validateTagsCore } from '../../../../../utils/tagValidations';
-import { hasPersonalizationTags } from '../../../../../utils/commonUtils';
-import { isUrl } from '../../../../../v2Containers/Line/Container/Wrapper/utils';
-import { DEFAULT as DEFAULT_MODULE } from '../../../../../constants/unified';
-import { TEMPLATE_NAME_FIELD } from '../../constants';
-import { ERROR_VALUE, TABS, CTA_RULES } from './config';
-
-const isTabKey = (key) => /^\d+$/.test(`${key}`);
-
-/** Truthy-value projection of a tab, excluding the given metadata keys. */
-const pickTruthy = (tab, excluded) => {
-  const out = {};
-  Object.keys(tab || {}).forEach((key) => {
-    if (tab[key] && !excluded.includes(key)) out[key] = tab[key];
-  });
-  return out;
-};
-
-const isEmptyObject = (obj) => !obj || Object.keys(obj).length === 0;
-
-// Classic.js:752-758 — key absent => valid; present but empty/invalid URL => invalid.
-export const isValidExternalLink = (tab, key) => {
-  if (key in (tab || {})) {
-    const url = tab[key];
-    return Boolean(url && url !== '' && isUrl(url));
-  }
-  return true;
-};
-
-// Classic's this.validateTags(content, tags, false /* isEmail */, isFullMode):
-// MPUSH consumes only .valid and .isBraceError from the core result.
-const runTagValidation = (content, { tags, currentModule, isFullMode }) => {
-  const result = validateTagsCore({
-    contentForBraceCheck: content,
-    contentForUnsubscribeScan: content,
-    tags,
-    currentModule,
-    isFullMode,
-    initialMissingTags: [], // not email — no unsubscribe enforcement
-    includeIsContentEmpty: true,
-  });
-  return result && typeof result === 'object'
-    ? result
-    : { valid: false, isBraceError: false };
-};
-
-// Classic seeds EVERY tab's error map from tab 0's keys, skipping
-// tabKey/base/selectedLanguages (initializeEditErrorData, Classic.js:1627-1656).
-const seedTabErrors = (tab0) => {
-  const seeded = {};
-  Object.keys(tab0 || {}).forEach((key) => {
-    if (key !== 'tabKey' && key !== 'base' && key !== 'selectedLanguages') seeded[key] = false;
-  });
-  return seeded;
-};
-
-/**
- * @param {object} formData  legacy formData ({ 'template-name', 0: {...}, 1: {...}, base })
- * @param {object} options   { tags, isFullMode, isEmbedded, currentModule,
- *                             restrictPersonalization, isSave, currentTab (1-based) }
- * @returns {{ isValid, errorData, platform: { androidValid, iosValid, isOnlyAndroid,
- *             isOnlyIos }, singlePlatformPrompt: 'android'|'ios'|null }}
- */
-export default function validateMobilePush(formData = {}, options = {}) {
-  const {
-    tags = [],
-    isFullMode,
-    isEmbedded = false,
-    currentModule = DEFAULT_MODULE,
-    restrictPersonalization = false,
-    isSave = false,
-    currentTab = 1,
-  } = options;
-
-  let isValid = true;
-  let androidValid = true;
-  let iosValid = true;
-  let isOnlyAndroid = false;
-  let isOnlyIos = false;
-  const errorData = {};
-  let singlePlatformPrompt = null;
-
-  // Classic.js:941 — no Android tab => the WHOLE block (template-name included)
-  // is skipped and validity stays true. Quirk, preserved.
-  if (formData && formData[TABS.ANDROID]) {
-    if (isEmptyObject(pickTruthy(formData[TABS.ANDROID], ['tabKey', 'base']))) isOnlyIos = true;
-    if (isEmptyObject(pickTruthy(formData[TABS.IOS], ['tabKey', 'base']))) isOnlyAndroid = true;
-
-    Object.keys(formData).forEach((index) => {
-      const tab = formData[index];
-      let isCurrentTabValid = true;
-      // Embedded mode skips the tab that is not open (Classic.js:961-965).
-      const skipValidation = isEmbedded
-        && ((isOnlyAndroid && parseInt(index, 10) === 1) || (isOnlyIos && parseInt(index, 10) === 0))
-        && isOnlyAndroid !== isOnlyIos;
-
-      if (isTabKey(index) && tab && !skipValidation) {
-        const tabIdx = parseInt(index, 10);
-        const suffix = TABS.suffixFor(tabIdx);
-        errorData[tabIdx] = errorData[tabIdx] || seedTabErrors(formData[TABS.ANDROID]);
-        const tabErrors = errorData[tabIdx];
-
-        // --- message-editor{suffix} (Classic.js:971-998) ---
-        let message = tab[`message-editor${suffix}`];
-        if (message) {
-          message = message.trim();
-          if (message === '') {
-            tabErrors[`message-editor${suffix}`] = true;
-            isValid = false;
-            isCurrentTabValid = false;
-          } else if (restrictPersonalization && hasPersonalizationTags(message)) {
-            tabErrors[`message-editor${suffix}`] = true;
-            isValid = false;
-            isCurrentTabValid = false;
-          } else {
-            tabErrors[`message-editor${suffix}`] = false;
-            const tagValidation = runTagValidation(message, { tags, currentModule, isFullMode });
-            if (tagValidation.valid) {
-              tabErrors[`message-editor${suffix}`] = false;
-            } else {
-              const { isBraceError } = tagValidation;
-              tabErrors[`message-editor${suffix}`] = isBraceError ? ERROR_VALUE.BRACKET : true;
-              tabErrors['bracket-error'] = isBraceError && ERROR_VALUE.BRACKET;
-              isValid = false; // NOTE: isCurrentTabValid deliberately NOT cleared (Classic parity)
-            }
-          }
-        } else {
-          tabErrors[`message-editor${suffix}`] = true;
-          isValid = false; // NOTE: isCurrentTabValid deliberately NOT cleared (Classic parity)
-        }
-
-        // --- message-title{suffix} (Classic.js:1002-1030) ---
-        let title = tab[`message-title${suffix}`];
-        if (title) {
-          title = title.trim();
-          if (title === '') {
-            tabErrors[`message-title${suffix}`] = true;
-            isValid = false;
-            isCurrentTabValid = false;
-          } else if (restrictPersonalization && hasPersonalizationTags(title)) {
-            tabErrors[`message-title${suffix}`] = true;
-            isValid = false;
-            isCurrentTabValid = false;
-          } else {
-            tabErrors[`message-title${suffix}`] = false;
-            const tagValidation = runTagValidation(title, { tags, currentModule, isFullMode });
-            if (tagValidation.valid) {
-              tabErrors[`message-title${suffix}`] = false;
-            } else {
-              const { isBraceError } = tagValidation;
-              tabErrors[`message-title${suffix}`] = isBraceError ? ERROR_VALUE.BRACKET : true;
-              tabErrors['bracket-error'] = isBraceError && ERROR_VALUE.BRACKET;
-              isValid = false; // isCurrentTabValid NOT cleared (Classic parity)
-            }
-          }
-        } else {
-          // Unlike the editor, a missing title DOES clear the tab flag (Classic.js:1026-1029).
-          tabErrors[`message-title${suffix}`] = true;
-          isValid = false;
-          isCurrentTabValid = false;
-        }
-
-        // --- fixed CTA/deeplink rules (Classic.js:1037-1135), unsuffixed by design ---
-        CTA_RULES.forEach(({ key, kind }) => {
-          const failed = kind === 'url'
-            ? !isValidExternalLink(tab, key)
-            : tab[key] === '';
-          if (failed) {
-            tabErrors[key] = true;
-            isValid = false;
-            isCurrentTabValid = false;
-          } else {
-            tabErrors[key] = false;
-          }
-        });
-
-        // --- image: required only when the key exists (imageSchema) (Classic.js:1137-1143) ---
-        if (typeof tab.image !== 'undefined' && tab.image === '') {
-          tabErrors.image = true;
-          isValid = false;
-          isCurrentTabValid = false;
-        } else {
-          tabErrors.image = false;
-        }
-
-        // --- dynamic deeplink custom-value keys (Classic.js:1144-1155) ---
-        Object.keys(tab).forEach((key) => {
-          if (key.indexOf('custom-value') > -1) {
-            if (tab[key] === '') {
-              tabErrors[key] = true;
-              isValid = false;
-              isCurrentTabValid = false;
-            } else {
-              tabErrors[key] = false;
-            }
-          }
-        });
-      }
-
-      // eslint-disable-next-line eqeqeq
-      if (index == 0) androidValid = isCurrentTabValid;
-      // eslint-disable-next-line eqeqeq
-      else if (index == 1) iosValid = isCurrentTabValid;
-    });
-
-    // --- template-name: root, skipped in embedded mode; failure also suppresses
-    // the single-platform modal by clearing both platform flags (Classic.js:1163-1170) ---
-    if (!isEmbedded && (!formData[TEMPLATE_NAME_FIELD] || formData[TEMPLATE_NAME_FIELD] === '')) {
-      errorData[TEMPLATE_NAME_FIELD] = true;
-      isValid = false;
-      androidValid = false;
-      iosValid = false;
-    } else {
-      errorData[TEMPLATE_NAME_FIELD] = false;
-    }
-
-    // --- single-platform save prompt (Classic.js:1171-1204) ---
-    if (isSave && (androidValid || iosValid)) {
-      const androidData = pickTruthy(formData[TABS.ANDROID], ['tabKey', 'base']);
-      // eslint-disable-next-line eqeqeq
-      if (isEmptyObject(androidData) && currentTab == 2) {
-        singlePlatformPrompt = 'ios';
-      } else {
-        // Classic's inner rebuild excludes only tabKey — NOT base (line 1191). Preserved.
-        const iosData = pickTruthy(formData[TABS.IOS], ['tabKey']);
-        // eslint-disable-next-line eqeqeq
-        if (isEmptyObject(iosData) && currentTab == 1) {
-          singlePlatformPrompt = 'android';
-        }
-      }
-    }
-    // Classic.js:1209-1215 — the three roll-up branches are `isValid = isValid && true`
-    // no-ops; the accumulated isValid stands. isLiquidValid = isValid for MPUSH.
-  }
-
-  return {
-    isValid,
-    errorData,
-    platform: {
-      androidValid, iosValid, isOnlyAndroid, isOnlyIos,
-    },
-    singlePlatformPrompt,
-  };
-}

package/v2Components/FormBuilder/Functional/layout/TabsContainer.js

@@ -1,89 +0,0 @@
-/**
- * TabsContainer — channel-agnostic renderer for a schema 'tabs' container
- * (MOBILEPUSH: the Android/iOS platform panes). Replaces the class component's
- * renderContainer 'tabs' case (Classic.js:4246-4328) with state-driven tab
- * activation — no DOM scans, no setTimeout — while keeping the exact container
- * contract: pane keys come from the bound tab's tabKey, unsupported panes are
- * skipped WITHOUT reserving an index (pane→tab binding shifts, matching the
- * class's paneIndex behavior), and the container's injected onTabChange still
- * receives the 1-based active index (bridged by the shell via onTabSwitch).
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import CapTab from '@capillarytech/cap-ui-library/CapTab';
-import Section from './Section';
-
-const JAPANESE_LOCALE = 'ja-JP';
-
-const hasTabKey = (key) => key !== undefined && key !== '';
-
-const TabsContainer = ({ container, renderContext }) => {
-  if (!container?.panes?.length) return null;
-
-  const tabs = renderContext?.state?.tabs || [];
-  const activeTabIndex = renderContext?.activeTabIndex ?? 0;
-  const hideHeaders = renderContext?.intl?.locale === JAPANESE_LOCALE;
-
-  const renderedPanes = [];
-  let supportedOrdinal = 0; // class parity: only supported panes advance the index
-  container.panes.forEach((pane, paneIndex) => {
-    const isPaneSupported = typeof pane.isSupported === 'boolean' ? pane.isSupported : true;
-    if (!isPaneSupported) return;
-    const tabIndex = supportedOrdinal;
-    supportedOrdinal += 1;
-
-    // Fields inside this pane read/write their OWN tab; everything else in the
-    // context is shared. (paneTabIndex is consumed by Section.renderField.)
-    const paneContext = { ...renderContext, paneTabIndex: tabIndex };
-    const paneTabKey = tabs[tabIndex]?.tabKey;
-    const headerSections = pane.sectionsHeaders || container.tabContent?.sections || [];
-
-    renderedPanes.push({
-      // Class parity: panes render eagerly (forceRender). Hidden-pane reconciliation
-      // stays cheap through the FieldSlot memo boundaries. Lazy activation is a
-      // deliberate post-rollout follow-up (see the MPUSH design doc §9).
-      forceRender: true,
-      tab: (
-        <div className="form-tab-header" onInput={(e) => e.stopPropagation()}>
-          {!hideHeaders && headerSections.map((section, index) => (
-            <Section key={`hdr-${index}`} section={section} renderContext={paneContext} />
-          ))}
-        </div>
-      ),
-      key: hasTabKey(paneTabKey) ? `${paneTabKey}` : `${paneIndex}`,
-      content: (pane.sections || []).map((section, index) => (
-        <Section key={`sec-${index}`} section={section} renderContext={paneContext} />
-      )),
-    });
-  });
-
-  // Must resolve through the SAME fallback chain as the pane keys — a divergent
-  // fallback leaves no pane matching activeKey and CapTab renders nothing.
-  const activeKey = tabs[activeTabIndex]?.tabKey;
-  const resolvedActiveKey = hasTabKey(activeKey)
-    ? `${activeKey}`
-    : (renderedPanes[activeTabIndex]?.key ?? renderedPanes[0]?.key ?? '1');
-
-  return (
-    <CapTab
-      className={`cap-tabs-${container.id}`}
-      activeKey={resolvedActiveKey}
-      defaultActiveKey={resolvedActiveKey}
-      onChange={(key) => renderContext?.onTabSwitch?.(container, key)}
-      style={{ width: '100%' }}
-      panes={renderedPanes}
-    />
-  );
-};
-
-TabsContainer.propTypes = {
-  container: PropTypes.object,
-  renderContext: PropTypes.object.isRequired,
-};
-
-TabsContainer.defaultProps = {
-  container: null,
-};
-
-export default TabsContainer;