@inspirer-dev/crm-dashboard 1.0.30 → 1.0.31

package/admin/src/components/StepFlowBuilder/index.tsx

@@ -2,56 +2,85 @@ import React, { forwardRef, useCallback, useEffect, useMemo, useState, useRef }
 import { ReactFlowProvider } from 'reactflow';
 import 'reactflow/dist/style.css';
 import { Box, Field, Flex, Typography, Badge } from '@strapi/design-system';
-import { useForm, useFetchClient } from '@strapi/strapi/admin';
+import { useForm } from '@strapi/strapi/admin';
 
 import type { StepFlowBuilderProps, FlowStep, CampaignContext, EntrySegment } from './types';
 import { parseValue } from './utils';
 import { FlowCanvas } from './flow-canvas';
 
+type RawSegmentValue =
+  | number
+  | { id?: number; documentId?: string; name?: string }
+  | null
+  | undefined;
+
+const extractSegmentId = (value: RawSegmentValue): number | null => {
+  if (!value) return null;
+  if (typeof value === 'number') return value;
+  if (typeof value === 'object' && value.id) return value.id;
+  return null;
+};
+
+const extractSegmentName = (value: RawSegmentValue): string | null => {
+  if (!value) return null;
+  if (typeof value === 'object' && value.name) return value.name;
+  return null;
+};
+
 const StepFlowBuilderInner = forwardRef<HTMLDivElement, StepFlowBuilderProps>(
   ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
     const [steps, setSteps] = useState<FlowStep[]>([]);
     const [populatedSegment, setPopulatedSegment] = useState<EntrySegment | null>(null);
     const isInitialMount = useRef(true);
     const syncTimeoutRef = useRef<NodeJS.Timeout | null>(null);
-    const { get } = useFetchClient();
 
     const form = useForm('StepFlowBuilder', (state) => state);
 
     const rawEntrySegment = useMemo(() => {
       const values = form?.values as Record<string, unknown> | undefined;
-      return values?.entrySegment as { id?: number; name?: string } | null | undefined;
+      return values?.entrySegment as RawSegmentValue;
     }, [form?.values]);
 
     useEffect(() => {
       const fetchSegmentName = async () => {
-        if (!rawEntrySegment?.id) {
+        const segmentId = extractSegmentId(rawEntrySegment);
+        const segmentName = extractSegmentName(rawEntrySegment);
+
+        console.log('[StepFlowBuilder] rawEntrySegment:', rawEntrySegment);
+        console.log('[StepFlowBuilder] segmentId:', segmentId, 'segmentName:', segmentName);
+
+        if (!segmentId) {
           setPopulatedSegment(null);
           return;
         }
 
-        if (rawEntrySegment.name) {
-          setPopulatedSegment(rawEntrySegment as EntrySegment);
+        if (segmentName) {
+          setPopulatedSegment({ id: segmentId, name: segmentName });
           return;
         }
 
         try {
+          const { useFetchClient } = await import('@strapi/strapi/admin');
+          const { get } = useFetchClient();
+
           const response = await get(
-            `/content-manager/collection-types/api::crm-segment.crm-segment/${rawEntrySegment.id}`
+            `/content-manager/collection-types/api::crm-segment.crm-segment/${segmentId}`
           );
+          console.log('[StepFlowBuilder] API response:', response);
           const data = response?.data as { name?: string } | undefined;
           if (data?.name) {
-            setPopulatedSegment({ id: rawEntrySegment.id, name: data.name });
+            setPopulatedSegment({ id: segmentId, name: data.name });
           } else {
-            setPopulatedSegment({ id: rawEntrySegment.id, name: `Segment #${rawEntrySegment.id}` });
+            setPopulatedSegment({ id: segmentId, name: `Segment #${segmentId}` });
           }
-        } catch {
-          setPopulatedSegment({ id: rawEntrySegment.id, name: `Segment #${rawEntrySegment.id}` });
+        } catch (err) {
+          console.warn('[StepFlowBuilder] Failed to fetch segment:', err);
+          setPopulatedSegment({ id: segmentId, name: `Segment #${segmentId}` });
         }
       };
 
       fetchSegmentName();
-    }, [rawEntrySegment?.id, rawEntrySegment?.name, get]);
+    }, [rawEntrySegment]);
 
     const campaignContext = useMemo<CampaignContext>(() => {
       const values = form?.values as Record<string, unknown> | undefined;

package/dist/_chunks/{index-DGwnIZkt.js → index-D_UhgipO.js}

@@ -68,13 +68,13 @@ var freeSelf = typeof self == "object" && self && self.Object === Object && self
 var root$c = freeGlobal || freeSelf || Function("return this")();
 var _root = root$c;
 var root$b = _root;
-var Symbol$6 = root$b.Symbol;
-var _Symbol = Symbol$6;
-var Symbol$5 = _Symbol;
+var Symbol$7 = root$b.Symbol;
+var _Symbol = Symbol$7;
+var Symbol$6 = _Symbol;
 var objectProto$g = Object.prototype;
 var hasOwnProperty$d = objectProto$g.hasOwnProperty;
 var nativeObjectToString$1 = objectProto$g.toString;
-var symToStringTag$1 = Symbol$5 ? Symbol$5.toStringTag : void 0;
+var symToStringTag$1 = Symbol$6 ? Symbol$6.toStringTag : void 0;
 function getRawTag$1(value) {
   var isOwn = hasOwnProperty$d.call(value, symToStringTag$1), tag = value[symToStringTag$1];
   try {
@@ -99,9 +99,9 @@ function objectToString$2(value) {
   return nativeObjectToString.call(value);
 }
 var _objectToString = objectToString$2;
-var Symbol$4 = _Symbol, getRawTag = _getRawTag, objectToString$1 = _objectToString;
+var Symbol$5 = _Symbol, getRawTag = _getRawTag, objectToString$1 = _objectToString;
 var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-var symToStringTag = Symbol$4 ? Symbol$4.toStringTag : void 0;
+var symToStringTag = Symbol$5 ? Symbol$5.toStringTag : void 0;
 function baseGetTag$7(value) {
   if (value == null) {
     return value === void 0 ? undefinedTag : nullTag;
@@ -429,7 +429,7 @@ Stack$4.prototype.has = stackHas;
 Stack$4.prototype.set = stackSet;
 var _Stack = Stack$4;
 var getNative$4 = _getNative;
-var defineProperty$1 = function() {
+var defineProperty$2 = function() {
   try {
     var func2 = getNative$4(Object, "defineProperty");
     func2({}, "", {});
@@ -437,11 +437,11 @@ var defineProperty$1 = function() {
   } catch (e2) {
   }
 }();
-var _defineProperty = defineProperty$1;
-var defineProperty = _defineProperty;
+var _defineProperty = defineProperty$2;
+var defineProperty$1 = _defineProperty;
 function baseAssignValue$5(object2, key, value) {
-  if (key == "__proto__" && defineProperty) {
-    defineProperty(object2, key, {
+  if (key == "__proto__" && defineProperty$1) {
+    defineProperty$1(object2, key, {
       "configurable": true,
       "enumerable": true,
       "value": value,
@@ -572,14 +572,14 @@ var baseIsArguments = _baseIsArguments, isObjectLike$9 = isObjectLike_1;
 var objectProto$a = Object.prototype;
 var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
 var propertyIsEnumerable$1 = objectProto$a.propertyIsEnumerable;
-var isArguments$3 = baseIsArguments(/* @__PURE__ */ function() {
+var isArguments$4 = baseIsArguments(/* @__PURE__ */ function() {
   return arguments;
 }()) ? baseIsArguments : function(value) {
   return isObjectLike$9(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
-var isArguments_1 = isArguments$3;
-var isArray$f = Array.isArray;
-var isArray_1 = isArray$f;
+var isArguments_1 = isArguments$4;
+var isArray$g = Array.isArray;
+var isArray_1 = isArray$g;
 var MAX_SAFE_INTEGER$1 = 9007199254740991;
 function isLength$3(value) {
   return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER$1;
@@ -727,11 +727,11 @@ function isIndex$5(value, length) {
   return !!length && (type2 == "number" || type2 != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
 }
 var _isIndex = isIndex$5;
-var baseTimes = _baseTimes, isArguments$2 = isArguments_1, isArray$e = isArray_1, isBuffer$4 = isBufferExports, isIndex$4 = _isIndex, isTypedArray$2 = isTypedArray_1;
+var baseTimes = _baseTimes, isArguments$3 = isArguments_1, isArray$f = isArray_1, isBuffer$4 = isBufferExports, isIndex$4 = _isIndex, isTypedArray$2 = isTypedArray_1;
 var objectProto$7 = Object.prototype;
 var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
 function arrayLikeKeys$2(value, inherited) {
-  var isArr = isArray$e(value), isArg = !isArr && isArguments$2(value), isBuff = !isArr && !isArg && isBuffer$4(value), isType = !isArr && !isArg && !isBuff && isTypedArray$2(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
+  var isArr = isArray$f(value), isArg = !isArr && isArguments$3(value), isBuff = !isArr && !isArg && isBuffer$4(value), isType = !isArr && !isArg && !isBuff && isTypedArray$2(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
     if ((inherited || hasOwnProperty$6.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
     (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -780,7 +780,7 @@ function toPlainObject$1(value) {
   return copyObject$5(value, keysIn$4(value));
 }
 var toPlainObject_1 = toPlainObject$1;
-var assignMergeValue$1 = _assignMergeValue, cloneBuffer$1 = _cloneBufferExports, cloneTypedArray$1 = _cloneTypedArray, copyArray$3 = _copyArray, initCloneObject$1 = _initCloneObject, isArguments$1 = isArguments_1, isArray$d = isArray_1, isArrayLikeObject = isArrayLikeObject_1, isBuffer$3 = isBufferExports, isFunction$1 = isFunction_1, isObject$9 = isObject_1, isPlainObject$6 = isPlainObject_1, isTypedArray$1 = isTypedArray_1, safeGet$1 = _safeGet, toPlainObject = toPlainObject_1;
+var assignMergeValue$1 = _assignMergeValue, cloneBuffer$1 = _cloneBufferExports, cloneTypedArray$1 = _cloneTypedArray, copyArray$3 = _copyArray, initCloneObject$1 = _initCloneObject, isArguments$2 = isArguments_1, isArray$e = isArray_1, isArrayLikeObject = isArrayLikeObject_1, isBuffer$3 = isBufferExports, isFunction$1 = isFunction_1, isObject$9 = isObject_1, isPlainObject$6 = isPlainObject_1, isTypedArray$1 = isTypedArray_1, safeGet$1 = _safeGet, toPlainObject = toPlainObject_1;
 function baseMergeDeep$1(object2, source, key, srcIndex, mergeFunc, customizer, stack) {
   var objValue = safeGet$1(object2, key), srcValue = safeGet$1(source, key), stacked = stack.get(srcValue);
   if (stacked) {
@@ -790,10 +790,10 @@ function baseMergeDeep$1(object2, source, key, srcIndex, mergeFunc, customizer,
   var newValue = customizer ? customizer(objValue, srcValue, key + "", object2, source, stack) : void 0;
   var isCommon = newValue === void 0;
   if (isCommon) {
-    var isArr = isArray$d(srcValue), isBuff = !isArr && isBuffer$3(srcValue), isTyped = !isArr && !isBuff && isTypedArray$1(srcValue);
+    var isArr = isArray$e(srcValue), isBuff = !isArr && isBuffer$3(srcValue), isTyped = !isArr && !isBuff && isTypedArray$1(srcValue);
     newValue = srcValue;
     if (isArr || isBuff || isTyped) {
-      if (isArray$d(objValue)) {
+      if (isArray$e(objValue)) {
         newValue = objValue;
       } else if (isArrayLikeObject(objValue)) {
         newValue = copyArray$3(objValue);
@@ -806,9 +806,9 @@ function baseMergeDeep$1(object2, source, key, srcIndex, mergeFunc, customizer,
       } else {
         newValue = [];
       }
-    } else if (isPlainObject$6(srcValue) || isArguments$1(srcValue)) {
+    } else if (isPlainObject$6(srcValue) || isArguments$2(srcValue)) {
       newValue = objValue;
-      if (isArguments$1(objValue)) {
+      if (isArguments$2(objValue)) {
         newValue = toPlainObject(objValue);
       } else if (!isObject$9(objValue) || isFunction$1(objValue)) {
         newValue = initCloneObject$1(srcValue);
@@ -844,11 +844,11 @@ function baseMerge$3(object2, source, srcIndex, customizer, stack) {
   }, keysIn$3);
 }
 var _baseMerge = baseMerge$3;
-function identity$3(value) {
+function identity$4(value) {
   return value;
 }
-var identity_1 = identity$3;
-function apply$3(func2, thisArg, args) {
+var identity_1 = identity$4;
+function apply$4(func2, thisArg, args) {
   switch (args.length) {
     case 0:
       return func2.call(thisArg);
@@ -861,66 +861,45 @@ function apply$3(func2, thisArg, args) {
   }
   return func2.apply(thisArg, args);
 }
-var _apply = apply$3;
-var _overRest;
-var hasRequired_overRest;
-function require_overRest() {
-  if (hasRequired_overRest) return _overRest;
-  hasRequired_overRest = 1;
-  var apply2 = _apply;
-  var nativeMax2 = Math.max;
-  function overRest2(func2, start, transform) {
-    start = nativeMax2(start === void 0 ? func2.length - 1 : start, 0);
-    return function() {
-      var args = arguments, index2 = -1, length = nativeMax2(args.length - start, 0), array2 = Array(length);
-      while (++index2 < length) {
-        array2[index2] = args[start + index2];
-      }
-      index2 = -1;
-      var otherArgs = Array(start + 1);
-      while (++index2 < start) {
-        otherArgs[index2] = args[index2];
-      }
-      otherArgs[start] = transform(array2);
-      return apply2(func2, this, otherArgs);
-    };
-  }
-  _overRest = overRest2;
-  return _overRest;
+var _apply = apply$4;
+var apply$3 = _apply;
+var nativeMax$3 = Math.max;
+function overRest$2(func2, start, transform) {
+  start = nativeMax$3(start === void 0 ? func2.length - 1 : start, 0);
+  return function() {
+    var args = arguments, index2 = -1, length = nativeMax$3(args.length - start, 0), array2 = Array(length);
+    while (++index2 < length) {
+      array2[index2] = args[start + index2];
+    }
+    index2 = -1;
+    var otherArgs = Array(start + 1);
+    while (++index2 < start) {
+      otherArgs[index2] = args[index2];
+    }
+    otherArgs[start] = transform(array2);
+    return apply$3(func2, this, otherArgs);
+  };
 }
-var constant_1;
-var hasRequiredConstant;
-function requireConstant() {
-  if (hasRequiredConstant) return constant_1;
-  hasRequiredConstant = 1;
-  function constant(value) {
-    return function() {
-      return value;
-    };
-  }
-  constant_1 = constant;
-  return constant_1;
-}
-var _baseSetToString;
-var hasRequired_baseSetToString;
-function require_baseSetToString() {
-  if (hasRequired_baseSetToString) return _baseSetToString;
-  hasRequired_baseSetToString = 1;
-  var constant = requireConstant(), defineProperty2 = _defineProperty, identity2 = identity_1;
-  var baseSetToString = !defineProperty2 ? identity2 : function(func2, string2) {
-    return defineProperty2(func2, "toString", {
-      "configurable": true,
-      "enumerable": false,
-      "value": constant(string2),
-      "writable": true
-    });
+var _overRest = overRest$2;
+function constant$1(value) {
+  return function() {
+    return value;
   };
-  _baseSetToString = baseSetToString;
-  return _baseSetToString;
 }
+var constant_1 = constant$1;
+var constant = constant_1, defineProperty = _defineProperty, identity$3 = identity_1;
+var baseSetToString$1 = !defineProperty ? identity$3 : function(func2, string2) {
+  return defineProperty(func2, "toString", {
+    "configurable": true,
+    "enumerable": false,
+    "value": constant(string2),
+    "writable": true
+  });
+};
+var _baseSetToString = baseSetToString$1;
 var HOT_COUNT = 800, HOT_SPAN = 16;
 var nativeNow = Date.now;
-function shortOut$1(func2) {
+function shortOut$2(func2) {
   var count = 0, lastCalled = 0;
   return function() {
     var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
@@ -935,20 +914,13 @@ function shortOut$1(func2) {
     return func2.apply(void 0, arguments);
   };
 }
-var _shortOut = shortOut$1;
-var _setToString;
-var hasRequired_setToString;
-function require_setToString() {
-  if (hasRequired_setToString) return _setToString;
-  hasRequired_setToString = 1;
-  var baseSetToString = require_baseSetToString(), shortOut2 = _shortOut;
-  var setToString2 = shortOut2(baseSetToString);
-  _setToString = setToString2;
-  return _setToString;
-}
-var identity$2 = identity_1, overRest = require_overRest(), setToString$1 = require_setToString();
+var _shortOut = shortOut$2;
+var baseSetToString = _baseSetToString, shortOut$1 = _shortOut;
+var setToString$3 = shortOut$1(baseSetToString);
+var _setToString = setToString$3;
+var identity$2 = identity_1, overRest$1 = _overRest, setToString$2 = _setToString;
 function baseRest$2(func2, start) {
-  return setToString$1(overRest(func2, start, identity$2), func2 + "");
+  return setToString$2(overRest$1(func2, start, identity$2), func2 + "");
 }
 var _baseRest = baseRest$2;
 var eq$1 = eq_1, isArrayLike$1 = isArrayLike_1, isIndex$3 = _isIndex, isObject$7 = isObject_1;
@@ -993,10 +965,10 @@ function isSymbol$6(value) {
   return typeof value == "symbol" || isObjectLike$5(value) && baseGetTag$2(value) == symbolTag$3;
 }
 var isSymbol_1 = isSymbol$6;
-var isArray$c = isArray_1, isSymbol$5 = isSymbol_1;
+var isArray$d = isArray_1, isSymbol$5 = isSymbol_1;
 var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
 function isKey$3(value, object2) {
-  if (isArray$c(value)) {
+  if (isArray$d(value)) {
     return false;
   }
   var type2 = typeof value;
@@ -1061,13 +1033,13 @@ function arrayMap$3(array2, iteratee2) {
   return result;
 }
 var _arrayMap = arrayMap$3;
-var Symbol$3 = _Symbol, arrayMap$2 = _arrayMap, isArray$b = isArray_1, isSymbol$4 = isSymbol_1;
-var symbolProto$2 = Symbol$3 ? Symbol$3.prototype : void 0, symbolToString$1 = symbolProto$2 ? symbolProto$2.toString : void 0;
+var Symbol$4 = _Symbol, arrayMap$2 = _arrayMap, isArray$c = isArray_1, isSymbol$4 = isSymbol_1;
+var symbolProto$2 = Symbol$4 ? Symbol$4.prototype : void 0, symbolToString$1 = symbolProto$2 ? symbolProto$2.toString : void 0;
 function baseToString$1(value) {
   if (typeof value == "string") {
     return value;
   }
-  if (isArray$b(value)) {
+  if (isArray$c(value)) {
     return arrayMap$2(value, baseToString$1) + "";
   }
   if (isSymbol$4(value)) {
@@ -1082,9 +1054,9 @@ function toString$7(value) {
   return value == null ? "" : baseToString(value);
 }
 var toString_1 = toString$7;
-var isArray$a = isArray_1, isKey$2 = _isKey, stringToPath$2 = _stringToPath, toString$6 = toString_1;
+var isArray$b = isArray_1, isKey$2 = _isKey, stringToPath$2 = _stringToPath, toString$6 = toString_1;
 function castPath$6(value, object2) {
-  if (isArray$a(value)) {
+  if (isArray$b(value)) {
     return value;
   }
   return isKey$2(value, object2) ? [value] : stringToPath$2(toString$6(value));
@@ -1150,7 +1122,7 @@ function baseHasIn$1(object2, key) {
   return object2 != null && key in Object(object2);
 }
 var _baseHasIn = baseHasIn$1;
-var castPath$2 = _castPath, isArguments = isArguments_1, isArray$9 = isArray_1, isIndex$1 = _isIndex, isLength = isLength_1, toKey$4 = _toKey;
+var castPath$2 = _castPath, isArguments$1 = isArguments_1, isArray$a = isArray_1, isIndex$1 = _isIndex, isLength = isLength_1, toKey$4 = _toKey;
 function hasPath$2(object2, path, hasFunc) {
   path = castPath$2(path, object2);
   var index2 = -1, length = path.length, result = false;
@@ -1165,7 +1137,7 @@ function hasPath$2(object2, path, hasFunc) {
     return result;
   }
   length = object2 == null ? 0 : object2.length;
-  return !!length && isLength(length) && isIndex$1(key, length) && (isArray$9(object2) || isArguments(object2));
+  return !!length && isLength(length) && isIndex$1(key, length) && (isArray$a(object2) || isArguments$1(object2));
 }
 var _hasPath = hasPath$2;
 var baseHasIn = _baseHasIn, hasPath$1 = _hasPath;
@@ -1180,80 +1152,52 @@ function basePick$1(object2, paths) {
   });
 }
 var _basePick = basePick$1;
-function arrayPush$2(array2, values) {
+function arrayPush$3(array2, values) {
   var index2 = -1, length = values.length, offset = array2.length;
   while (++index2 < length) {
     array2[offset + index2] = values[index2];
   }
   return array2;
 }
-var _arrayPush = arrayPush$2;
-var _isFlattenable;
-var hasRequired_isFlattenable;
-function require_isFlattenable() {
-  if (hasRequired_isFlattenable) return _isFlattenable;
-  hasRequired_isFlattenable = 1;
-  var Symbol2 = _Symbol, isArguments2 = isArguments_1, isArray2 = isArray_1;
-  var spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : void 0;
-  function isFlattenable(value) {
-    return isArray2(value) || isArguments2(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
-  }
-  _isFlattenable = isFlattenable;
-  return _isFlattenable;
-}
-var _baseFlatten;
-var hasRequired_baseFlatten;
-function require_baseFlatten() {
-  if (hasRequired_baseFlatten) return _baseFlatten;
-  hasRequired_baseFlatten = 1;
-  var arrayPush2 = _arrayPush, isFlattenable = require_isFlattenable();
-  function baseFlatten(array2, depth, predicate, isStrict, result) {
-    var index2 = -1, length = array2.length;
-    predicate || (predicate = isFlattenable);
-    result || (result = []);
-    while (++index2 < length) {
-      var value = array2[index2];
-      if (depth > 0 && predicate(value)) {
-        if (depth > 1) {
-          baseFlatten(value, depth - 1, predicate, isStrict, result);
-        } else {
-          arrayPush2(result, value);
-        }
-      } else if (!isStrict) {
-        result[result.length] = value;
+var _arrayPush = arrayPush$3;
+var Symbol$3 = _Symbol, isArguments = isArguments_1, isArray$9 = isArray_1;
+var spreadableSymbol = Symbol$3 ? Symbol$3.isConcatSpreadable : void 0;
+function isFlattenable$1(value) {
+  return isArray$9(value) || isArguments(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
+}
+var _isFlattenable = isFlattenable$1;
+var arrayPush$2 = _arrayPush, isFlattenable = _isFlattenable;
+function baseFlatten$1(array2, depth, predicate, isStrict, result) {
+  var index2 = -1, length = array2.length;
+  predicate || (predicate = isFlattenable);
+  result || (result = []);
+  while (++index2 < length) {
+    var value = array2[index2];
+    if (depth > 0 && predicate(value)) {
+      if (depth > 1) {
+        baseFlatten$1(value, depth - 1, predicate, isStrict, result);
+      } else {
+        arrayPush$2(result, value);
       }
+    } else if (!isStrict) {
+      result[result.length] = value;
     }
-    return result;
   }
-  _baseFlatten = baseFlatten;
-  return _baseFlatten;
-}
-var flatten_1;
-var hasRequiredFlatten;
-function requireFlatten() {
-  if (hasRequiredFlatten) return flatten_1;
-  hasRequiredFlatten = 1;
-  var baseFlatten = require_baseFlatten();
-  function flatten2(array2) {
-    var length = array2 == null ? 0 : array2.length;
-    return length ? baseFlatten(array2, 1) : [];
-  }
-  flatten_1 = flatten2;
-  return flatten_1;
-}
-var _flatRest;
-var hasRequired_flatRest;
-function require_flatRest() {
-  if (hasRequired_flatRest) return _flatRest;
-  hasRequired_flatRest = 1;
-  var flatten2 = requireFlatten(), overRest2 = require_overRest(), setToString2 = require_setToString();
-  function flatRest2(func2) {
-    return setToString2(overRest2(func2, void 0, flatten2), func2 + "");
-  }
-  _flatRest = flatRest2;
-  return _flatRest;
-}
-var basePick = _basePick, flatRest$2 = require_flatRest();
+  return result;
+}
+var _baseFlatten = baseFlatten$1;
+var baseFlatten = _baseFlatten;
+function flatten$2(array2) {
+  var length = array2 == null ? 0 : array2.length;
+  return length ? baseFlatten(array2, 1) : [];
+}
+var flatten_1 = flatten$2;
+var flatten$1 = flatten_1, overRest = _overRest, setToString$1 = _setToString;
+function flatRest$3(func2) {
+  return setToString$1(overRest(func2, void 0, flatten$1), func2 + "");
+}
+var _flatRest = flatRest$3;
+var basePick = _basePick, flatRest$2 = _flatRest;
 flatRest$2(function(object2, paths) {
   return object2 == null ? {} : basePick(object2, paths);
 });
@@ -10573,7 +10517,7 @@ function updateWrapDetails$1(details, bitmask) {
   return details.sort();
 }
 var _updateWrapDetails = updateWrapDetails$1;
-var getWrapDetails = _getWrapDetails, insertWrapDetails = _insertWrapDetails, setToString = require_setToString(), updateWrapDetails = _updateWrapDetails;
+var getWrapDetails = _getWrapDetails, insertWrapDetails = _insertWrapDetails, setToString = _setToString, updateWrapDetails = _updateWrapDetails;
 function setWrapToString$2(wrapper, reference, bitmask) {
   var source = reference + "";
   return setToString(wrapper, insertWrapDetails(source, updateWrapDetails(getWrapDetails(source), bitmask)));
@@ -11594,7 +11538,7 @@ function iteratee(func2) {
   return baseIteratee$2(typeof func2 == "function" ? func2 : baseClone$2(func2, CLONE_DEEP_FLAG$1));
 }
 var iteratee_1 = iteratee;
-var createWrap = _createWrap, flatRest$1 = require_flatRest();
+var createWrap = _createWrap, flatRest$1 = _flatRest;
 var WRAP_REARG_FLAG = 256;
 var rearg = flatRest$1(function(func2, indexes) {
   return createWrap(func2, WRAP_REARG_FLAG, void 0, void 0, void 0, indexes);
@@ -11634,7 +11578,7 @@ var hasRequired_createFlow;
 function require_createFlow() {
   if (hasRequired_createFlow) return _createFlow;
   hasRequired_createFlow = 1;
-  var LodashWrapper = require_LodashWrapper(), flatRest2 = require_flatRest(), getData2 = require_getData(), getFuncName = require_getFuncName(), isArray2 = isArray_1, isLaziable2 = require_isLaziable();
+  var LodashWrapper = require_LodashWrapper(), flatRest2 = _flatRest, getData2 = require_getData(), getFuncName = require_getFuncName(), isArray2 = isArray_1, isLaziable2 = require_isLaziable();
   var FUNC_ERROR_TEXT2 = "Expected a function";
   var WRAP_CURRY_FLAG2 = 8, WRAP_PARTIAL_FLAG2 = 32, WRAP_ARY_FLAG2 = 128, WRAP_REARG_FLAG2 = 256;
   function createFlow(fromRight) {
@@ -16445,7 +16389,7 @@ function customOmitClone$1(value) {
   return isPlainObject(value) ? void 0 : value;
 }
 var _customOmitClone = customOmitClone$1;
-var arrayMap = _arrayMap, baseClone = _baseClone, baseUnset = _baseUnset, castPath = _castPath, copyObject = _copyObject, customOmitClone = _customOmitClone, flatRest = require_flatRest(), getAllKeysIn = _getAllKeysIn;
+var arrayMap = _arrayMap, baseClone = _baseClone, baseUnset = _baseUnset, castPath = _castPath, copyObject = _copyObject, customOmitClone = _customOmitClone, flatRest = _flatRest, getAllKeysIn = _getAllKeysIn;
 var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4;
 flatRest(function(object2, paths) {
   var result = {};

package/dist/_chunks/{index-BzR8lcFF.js → index-M5DjnD5_.js}

@@ -1,4 +1,26 @@
 "use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
@@ -7,13 +29,23 @@ require("reactflow/dist/style.css");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const FlowCanvas = require("./FlowCanvas-C83ErNYt.js");
+const extractSegmentId = (value) => {
+  if (!value) return null;
+  if (typeof value === "number") return value;
+  if (typeof value === "object" && value.id) return value.id;
+  return null;
+};
+const extractSegmentName = (value) => {
+  if (!value) return null;
+  if (typeof value === "object" && value.name) return value.name;
+  return null;
+};
 const StepFlowBuilderInner = React.forwardRef(
   ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
     const [steps, setSteps] = React.useState([]);
     const [populatedSegment, setPopulatedSegment] = React.useState(null);
     const isInitialMount = React.useRef(true);
     const syncTimeoutRef = React.useRef(null);
-    const { get } = admin.useFetchClient();
     const form = admin.useForm("StepFlowBuilder", (state) => state);
     const rawEntrySegment = React.useMemo(() => {
       const values = form?.values;
@@ -21,30 +53,38 @@ const StepFlowBuilderInner = React.forwardRef(
     }, [form?.values]);
     React.useEffect(() => {
       const fetchSegmentName = async () => {
-        if (!rawEntrySegment?.id) {
+        const segmentId = extractSegmentId(rawEntrySegment);
+        const segmentName = extractSegmentName(rawEntrySegment);
+        console.log("[StepFlowBuilder] rawEntrySegment:", rawEntrySegment);
+        console.log("[StepFlowBuilder] segmentId:", segmentId, "segmentName:", segmentName);
+        if (!segmentId) {
           setPopulatedSegment(null);
           return;
         }
-        if (rawEntrySegment.name) {
-          setPopulatedSegment(rawEntrySegment);
+        if (segmentName) {
+          setPopulatedSegment({ id: segmentId, name: segmentName });
           return;
         }
         try {
+          const { useFetchClient } = await import("@strapi/strapi/admin");
+          const { get } = useFetchClient();
           const response = await get(
-            `/content-manager/collection-types/api::crm-segment.crm-segment/${rawEntrySegment.id}`
+            `/content-manager/collection-types/api::crm-segment.crm-segment/${segmentId}`
           );
+          console.log("[StepFlowBuilder] API response:", response);
           const data = response?.data;
           if (data?.name) {
-            setPopulatedSegment({ id: rawEntrySegment.id, name: data.name });
+            setPopulatedSegment({ id: segmentId, name: data.name });
           } else {
-            setPopulatedSegment({ id: rawEntrySegment.id, name: `Segment #${rawEntrySegment.id}` });
+            setPopulatedSegment({ id: segmentId, name: `Segment #${segmentId}` });
           }
-        } catch {
-          setPopulatedSegment({ id: rawEntrySegment.id, name: `Segment #${rawEntrySegment.id}` });
+        } catch (err) {
+          console.warn("[StepFlowBuilder] Failed to fetch segment:", err);
+          setPopulatedSegment({ id: segmentId, name: `Segment #${segmentId}` });
         }
       };
       fetchSegmentName();
-    }, [rawEntrySegment?.id, rawEntrySegment?.name, get]);
+    }, [rawEntrySegment]);
     const campaignContext = React.useMemo(() => {
       const values = form?.values;
       if (!values) return {};

package/dist/_chunks/{index-dntxW60u.mjs → index-o6OKhTfK.mjs}

@@ -3,15 +3,25 @@ import { forwardRef, useState, useRef, useMemo, useEffect, useCallback } from "r
 import { ReactFlowProvider } from "reactflow";
 import "reactflow/dist/style.css";
 import { Field, Flex, Badge, Box } from "@strapi/design-system";
-import { useFetchClient, useForm } from "@strapi/strapi/admin";
+import { useForm } from "@strapi/strapi/admin";
 import { p as parseValue, F as FlowCanvas } from "./FlowCanvas-DeOEnPV0.mjs";
+const extractSegmentId = (value) => {
+  if (!value) return null;
+  if (typeof value === "number") return value;
+  if (typeof value === "object" && value.id) return value.id;
+  return null;
+};
+const extractSegmentName = (value) => {
+  if (!value) return null;
+  if (typeof value === "object" && value.name) return value.name;
+  return null;
+};
 const StepFlowBuilderInner = forwardRef(
   ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
     const [steps, setSteps] = useState([]);
     const [populatedSegment, setPopulatedSegment] = useState(null);
     const isInitialMount = useRef(true);
     const syncTimeoutRef = useRef(null);
-    const { get } = useFetchClient();
     const form = useForm("StepFlowBuilder", (state) => state);
     const rawEntrySegment = useMemo(() => {
       const values = form?.values;
@@ -19,30 +29,38 @@ const StepFlowBuilderInner = forwardRef(
     }, [form?.values]);
     useEffect(() => {
       const fetchSegmentName = async () => {
-        if (!rawEntrySegment?.id) {
+        const segmentId = extractSegmentId(rawEntrySegment);
+        const segmentName = extractSegmentName(rawEntrySegment);
+        console.log("[StepFlowBuilder] rawEntrySegment:", rawEntrySegment);
+        console.log("[StepFlowBuilder] segmentId:", segmentId, "segmentName:", segmentName);
+        if (!segmentId) {
           setPopulatedSegment(null);
           return;
         }
-        if (rawEntrySegment.name) {
-          setPopulatedSegment(rawEntrySegment);
+        if (segmentName) {
+          setPopulatedSegment({ id: segmentId, name: segmentName });
           return;
         }
         try {
+          const { useFetchClient } = await import("@strapi/strapi/admin");
+          const { get } = useFetchClient();
           const response = await get(
-            `/content-manager/collection-types/api::crm-segment.crm-segment/${rawEntrySegment.id}`
+            `/content-manager/collection-types/api::crm-segment.crm-segment/${segmentId}`
           );
+          console.log("[StepFlowBuilder] API response:", response);
           const data = response?.data;
           if (data?.name) {
-            setPopulatedSegment({ id: rawEntrySegment.id, name: data.name });
+            setPopulatedSegment({ id: segmentId, name: data.name });
           } else {
-            setPopulatedSegment({ id: rawEntrySegment.id, name: `Segment #${rawEntrySegment.id}` });
+            setPopulatedSegment({ id: segmentId, name: `Segment #${segmentId}` });
           }
-        } catch {
-          setPopulatedSegment({ id: rawEntrySegment.id, name: `Segment #${rawEntrySegment.id}` });
+        } catch (err) {
+          console.warn("[StepFlowBuilder] Failed to fetch segment:", err);
+          setPopulatedSegment({ id: segmentId, name: `Segment #${segmentId}` });
         }
       };
       fetchSegmentName();
-    }, [rawEntrySegment?.id, rawEntrySegment?.name, get]);
+    }, [rawEntrySegment]);
     const campaignContext = useMemo(() => {
       const values = form?.values;
       if (!values) return {};

package/dist/admin/index.js

@@ -131,7 +131,7 @@ const index = {
       components: {
         Input: async () => Promise.resolve().then(() => require(
           /* webpackChunkName: "crm-step-flow-builder" */
-          "../_chunks/index-BzR8lcFF.js"
+          "../_chunks/index-M5DjnD5_.js"
         ))
       },
       options: {
@@ -149,7 +149,7 @@ const index = {
       Component: async () => {
         const component = await Promise.resolve().then(() => require(
           /* webpackChunkName: "crm-dashboard-page" */
-          "../_chunks/index-DGwnIZkt.js"
+          "../_chunks/index-D_UhgipO.js"
         ));
         return component;
       },

package/dist/admin/index.mjs

@@ -130,7 +130,7 @@ const index = {
       components: {
         Input: async () => import(
           /* webpackChunkName: "crm-step-flow-builder" */
-          "../_chunks/index-dntxW60u.mjs"
+          "../_chunks/index-o6OKhTfK.mjs"
         )
       },
       options: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inspirer-dev/crm-dashboard",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "description": "CRM Dashboard and Tools",
   "strapi": {
     "name": "crm-dashboard",