cap-creatives-ui 8.0.280 → 8.0.321

package/app/v2Containers/CreativesContainer/embeddedSlideboxUtils.js

@@ -0,0 +1,67 @@
+/**
+ * Shared logic for CreativesContainer slidebox + embedded flows (e.g. RCS SMS fallback)
+ * that mirror the same footer liquid errors and layout margins.
+ */
+import get from 'lodash/get';
+import {
+  CAP_SPACE_32,
+  CAP_SPACE_56,
+  CAP_SPACE_64,
+} from '@capillarytech/cap-ui-library/styled/variables';
+import * as constants from './constants';
+
+/**
+ * Returns true if value is "deep empty": no errors present.
+ * Same rules as CreativesContainer (used for liquid / standard error payloads).
+ */
+export function isDeepEmpty(value) {
+  if (value == null) return true;
+  if (typeof value === 'string') return value.length === 0;
+  if (Array.isArray(value)) return value.length === 0;
+  if (typeof value === 'object') {
+    return Object.values(value).every(isDeepEmpty);
+  }
+  return false;
+}
+
+/**
+ * Header/content margin below slidebox chrome when ErrorInfoNote stacks errors — same formula as CreativesContainer#render.
+ */
+export function getSlideBoxWrapperMarginFromLiquidErrors(liquidErrorMessage) {
+  return (get(liquidErrorMessage, 'STANDARD_ERROR_MSG.length', 0) > 0
+    && get(liquidErrorMessage, 'LIQUID_ERROR_MSG.length', 0) > 0)
+    ? CAP_SPACE_64
+    : get(liquidErrorMessage, 'LIQUID_ERROR_MSG.length', 0) > 0
+      ? CAP_SPACE_56
+      : get(liquidErrorMessage, 'STANDARD_ERROR_MSG.length', 0) > 0
+        ? CAP_SPACE_32
+        : 0;
+}
+
+/**
+ * Maps FormBuilder `showLiquidErrorInFooter` args to slidebox footer state.
+ * Returns `null` when CreativesContainer intentionally skips updating (Mobile Push OLD empty clear).
+ */
+export function computeLiquidFooterUpdateFromFormBuilder(
+  errorMessagesFromFormBuilder,
+  currentFormBuilderTab,
+  { previousIsLiquidValidationError, currentChannelUpper } = {},
+) {
+  const liquidMsgs = get(errorMessagesFromFormBuilder, constants.LIQUID_ERROR_MSG, []);
+  const standardMsgs = get(errorMessagesFromFormBuilder, constants.STANDARD_ERROR_MSG, []);
+  const hasLiquid = !isDeepEmpty(liquidMsgs);
+  const hasStandard = !isDeepEmpty(standardMsgs);
+  const isLiquidValidationError = hasLiquid || hasStandard;
+  const isMobilePush = currentChannelUpper === constants.MOBILE_PUSH;
+  if (!hasLiquid && !hasStandard && previousIsLiquidValidationError && isMobilePush) {
+    return null;
+  }
+  return {
+    isLiquidValidationError,
+    liquidErrorMessage: errorMessagesFromFormBuilder,
+    activeFormBuilderTab:
+      currentFormBuilderTab === 1
+        ? constants.ANDROID
+        : (currentFormBuilderTab === 2 ? constants.IOS : null),
+  };
+}