@capillarytech/creatives-library 9.0.26 → 9.0.29-alpha.1

package/v2Containers/CreativesContainer/embeddedSlideboxUtils.js

@@ -0,0 +1,77 @@
+/**
+ * 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.every(isDeepEmpty);
+  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) {
+  const hasStandardErrors = get(liquidErrorMessage, 'STANDARD_ERROR_MSG.length', 0) > 0;
+  const hasLiquidErrors = get(liquidErrorMessage, 'LIQUID_ERROR_MSG.length', 0) > 0;
+  if (hasStandardErrors && hasLiquidErrors) return CAP_SPACE_64;
+  if (hasLiquidErrors) return CAP_SPACE_56;
+  if (hasStandardErrors) return CAP_SPACE_32;
+  return 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,
+  existingLiquidErrorMessageOrCurrentFormBuilderTab,
+  currentFormBuilderTabOrOptions,
+  maybeOptions,
+) {
+  // Backward compatible signature handling:
+  // old: (errors, currentFormBuilderTab, options)
+  // new: (errors, existingLiquidErrorMessage, currentFormBuilderTab, options)
+  const hasExistingErrorMessageObject = existingLiquidErrorMessageOrCurrentFormBuilderTab
+    && typeof existingLiquidErrorMessageOrCurrentFormBuilderTab === 'object'
+    && !Array.isArray(existingLiquidErrorMessageOrCurrentFormBuilderTab);
+  const currentFormBuilderTab = hasExistingErrorMessageObject
+    ? currentFormBuilderTabOrOptions
+    : existingLiquidErrorMessageOrCurrentFormBuilderTab;
+  const options = hasExistingErrorMessageObject ? maybeOptions : currentFormBuilderTabOrOptions;
+  const { previousIsLiquidValidationError, currentChannelUpper } = options || {};
+  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),
+  };
+}