datastake-daf 0.6.765 → 0.6.767

package/dist/components/index.js

@@ -6384,7 +6384,10 @@ function MoreTags(_ref) {
     values = [],
     maxWidthCont = 120,
     maxTextCont = 100,
-    diff = 30
+    diff = 30,
+    style = {},
+    tagColor,
+    limit
   } = _ref;
   const ref = React.useRef();
   const [width, setWidth] = React.useState(0);
@@ -6399,6 +6402,11 @@ function MoreTags(_ref) {
     return () => resizeObserver.disconnect();
   }, []);
   const _calculate = () => {
+    // If limit prop is provided and valid, use it instead of calculating
+    if (typeof limit === 'number' && limit > 0) {
+      setIndexToReturn(Math.min(limit - 1, values.length - 1));
+      return;
+    }
     const tabs = ref.current.querySelectorAll(".check-tabs");
     let filled = 0;
     let indexToReturn;
@@ -6425,34 +6433,36 @@ function MoreTags(_ref) {
   const other = hasMore ? values.slice(indexToReturn + 1, values.length + 1) : [];
   React.useEffect(() => {
     _calculate();
-  }, [width, values]);
+  }, [width, values, limit]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "daf-more-tags",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "list",
       children: [toShow.map((ac, i) => typeof ac.renderTag === "function" ? ac.renderTag() : /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        style: {
+        style: _objectSpread2({
           maxWidth: _maxWidthCont,
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
-        },
-        color: ac.color,
+        }, style),
+        color: tagColor || ac.color,
         children: /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
           title: typeof ac === "object" ? ac.label : ac,
           children: /*#__PURE__*/jsxRuntime.jsx("span", {
-            style: {
+            style: _objectSpread2({
               maxWidth: _maxWidthTxt,
               overflow: "hidden",
               textOverflow: "ellipsis",
               whiteSpace: "nowrap"
-            },
+            }, style),
             children: typeof ac === "object" ? ac.label : ac
           })
         })
       }, "".concat(typeof ac === "object" ? ac.value : ac, "-").concat(i))), other.length ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: other.map(ac => typeof ac === "object" ? ac.label : ac).join(", "),
         children: /*#__PURE__*/jsxRuntime.jsxs(antd.Tag, {
+          color: tagColor || 'default',
+          style: style,
           children: ["+", other.length]
         })
       }) : null]
@@ -6460,11 +6470,11 @@ function MoreTags(_ref) {
       className: "list hidden",
       ref: ref,
       children: values.map((ac, i) => typeof ac.renderTag === "function" ? ac.renderTag("check-tabs") : /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: ac.color,
+        color: tagColor || ac.color,
         className: "check-tabs",
-        style: {
+        style: _objectSpread2({
           maxWidth: _maxWidthCont
-        },
+        }, style),
         children: /*#__PURE__*/jsxRuntime.jsx(Text$1, {
           ellipsis: {
             tooltip: typeof ac === "object" ? ac.label : ac
@@ -6482,7 +6492,8 @@ MoreTags.propTypes = {
   values: PropTypes__default["default"].array,
   maxWidthCont: PropTypes__default["default"].number,
   maxTextCont: PropTypes__default["default"].number,
-  diff: PropTypes__default["default"].number
+  diff: PropTypes__default["default"].number,
+  limit: PropTypes__default["default"].number
 };
 
 const pageValues = [10, 20, 50, 100];
@@ -9511,29 +9522,24 @@ const processConditionalTableKeys = (tableKeys, item) => {
   });
   return processedKeys;
 };
-const renderFieldData = function (type, value, user, config) {
-  let getApiBaseUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : () => {};
-  let getAppHeader = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : () => {};
-  let app = arguments.length > 6 ? arguments[6] : undefined;
-  let allValues = arguments.length > 7 ? arguments[7] : undefined;
-  let formValues = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : {};
+const renderFieldData = (type, value, user, config, getApiBaseUrl = () => {}, getAppHeader = () => {}, app, allValues, formValues = {}) => {
   switch (type) {
     case 'year':
       return value !== '-' ? renderDateFormatted(value, 'YYYY', 'en') : '-';
     case 'date':
       {
-        const language = user !== null && user !== void 0 && user.language && (user === null || user === void 0 ? void 0 : user.language) === 'sp' ? 'es' : user === null || user === void 0 ? void 0 : user.language;
+        const language = user?.language && user?.language === 'sp' ? 'es' : user?.language;
         return value !== '-' ? renderDateFormatted(value, 'DD MMM YYYY', language || 'en') : '-';
       }
     case 'select':
       {
-        const options = (config === null || config === void 0 ? void 0 : config.options) || [];
+        const options = config?.options || [];
         const option = findOptions(value, options);
         return option;
       }
     case 'multiselect':
       {
-        const options = (config === null || config === void 0 ? void 0 : config.options) || [];
+        const options = config?.options || [];
         const _val = typeof value === 'string' ? value.split(',').map(v => v.trim()) : value;
         const option = findOptions(_val, options);
         return option.join(', ');
@@ -9548,7 +9554,7 @@ const renderFieldData = function (type, value, user, config) {
         formValues: formValues
       });
     case 'percentage':
-      return value === '-' || value === null || value === undefined ? '-' : "".concat(value, " %");
+      return value === '-' || value === null || value === undefined ? '-' : `${value} %`;
     case 'geolocation':
       {
         const val = JSON.parse(value) || {};
@@ -9562,7 +9568,7 @@ const renderFieldData = function (type, value, user, config) {
     case 'upload':
     case 'videoUpload':
       {
-        const documentName = allValues === null || allValues === void 0 ? void 0 : allValues.map(item => item === null || item === void 0 ? void 0 : item.name).join(', ');
+        const documentName = allValues?.map(item => item?.name).join(', ');
         return documentName;
       }
     default:
@@ -9570,27 +9576,25 @@ const renderFieldData = function (type, value, user, config) {
   }
 };
 
-const renderValue = _ref => {
-  let {
-    value,
-    hasChildren,
-    config,
-    user,
-    getApiBaseUrl = () => {},
-    getAppHeader = () => {},
-    app,
-    allData = {}
-  } = _ref;
-  if ((config === null || config === void 0 ? void 0 : config.type) === 'groupInputs') {
-    if (!(config !== null && config !== void 0 && config.inputs)) return null;
+const renderValue = ({
+  value,
+  hasChildren,
+  config,
+  user,
+  getApiBaseUrl = () => {},
+  getAppHeader = () => {},
+  app,
+  allData = {}
+}) => {
+  if (config?.type === 'groupInputs') {
+    if (!config?.inputs) return null;
     const inputKeys = Object.keys(config.inputs).sort((a, b) => {
-      var _config$inputs$a, _config$inputs$b;
-      const positionA = ((_config$inputs$a = config.inputs[a]) === null || _config$inputs$a === void 0 ? void 0 : _config$inputs$a.position) || 0;
-      const positionB = ((_config$inputs$b = config.inputs[b]) === null || _config$inputs$b === void 0 ? void 0 : _config$inputs$b.position) || 0;
+      const positionA = config.inputs[a]?.position || 0;
+      const positionB = config.inputs[b]?.position || 0;
       return positionA - positionB;
     });
     const values = inputKeys.map(inputKey => {
-      let inputValue = value === null || value === void 0 ? void 0 : value[inputKey];
+      let inputValue = value?.[inputKey];
       if (inputValue === null || inputValue === undefined || inputValue === '') {
         return '';
       } else if (typeof inputValue === 'object' && inputValue !== null) {
@@ -9631,8 +9635,8 @@ const renderValue = _ref => {
   } else {
     displayValue = String(value);
   }
-  const fieldType = (config === null || config === void 0 ? void 0 : config.type) || 'text';
-  let cssClass = "tree-value ".concat(fieldType, "-type");
+  const fieldType = config?.type || 'text';
+  let cssClass = `tree-value ${fieldType}-type`;
   if (displayValue === '-') {
     cssClass += ' empty';
   }
@@ -9642,21 +9646,19 @@ const renderValue = _ref => {
     children: displayValue
   });
 };
-const determineHasChildren = _ref2 => {
-  var _config$meta;
-  let {
-    config,
-    level
-  } = _ref2;
-  if ((config === null || config === void 0 ? void 0 : config.type) === 'groupInputs') {
+const determineHasChildren = ({
+  config,
+  level
+}) => {
+  if (config?.type === 'groupInputs') {
     return false;
   }
-  if ((config === null || config === void 0 ? void 0 : config.type) === 'header' && config !== null && config !== void 0 && config.inputs && Object.keys(config.inputs).length > 0) {
+  if (config?.type === 'header' && config?.inputs && Object.keys(config.inputs).length > 0) {
     return true;
   }
-  return (config === null || config === void 0 ? void 0 : config.inputs) || (config === null || config === void 0 ? void 0 : config.type) === 'group' || (config === null || config === void 0 ? void 0 : config.type) === 'dataLinkGroup' || (config === null || config === void 0 ? void 0 : config.type) === 'section' || (config === null || config === void 0 ? void 0 : config.type) === 'ajaxSubGroup' ||
+  return config?.inputs || config?.type === 'group' || config?.type === 'dataLinkGroup' || config?.type === 'section' || config?.type === 'ajaxSubGroup' ||
   // Add this line
-  (config === null || config === void 0 ? void 0 : config.type) === 'dataLink' && (config === null || config === void 0 || (_config$meta = config.meta) === null || _config$meta === void 0 ? void 0 : _config$meta.tableKeys) || level === 0 && config && typeof config === 'object' && Object.keys(config).some(key => key !== 'id' && key !== 'label' && key !== 'position' && key !== 'subTitle' && typeof config[key] === 'object' && config[key] !== null);
+  config?.type === 'dataLink' && config?.meta?.tableKeys || level === 0 && config && typeof config === 'object' && Object.keys(config).some(key => key !== 'id' && key !== 'label' && key !== 'position' && key !== 'subTitle' && typeof config[key] === 'object' && config[key] !== null);
 };
 
 const sortByPosition = (items, getConfig) => {
@@ -9930,44 +9932,44 @@ function useAjaxModal$2({
 }
 
 const mergeObject = obj => {
-  return Object.entries(obj || {}).reduce((acc, [key, value]) => {
+  return Object.entries(obj || {}).reduce((acc, _ref) => {
+    let [key, value] = _ref;
     if (typeof value === "object" && !Array.isArray(value) && value !== null) {
-      return {
-        ...acc,
-        ...value
-      };
+      return _objectSpread2(_objectSpread2({}, acc), value);
     }
-    return {
-      ...acc,
+    return _objectSpread2(_objectSpread2({}, acc), {}, {
       [key]: value
-    };
+    });
   }, {});
 };
-const handleDataLinkGroupWithTableKeys = ({
-  config,
-  inputConfig,
-  inputKey,
-  value,
-  level,
-  t,
-  rootForm,
-  allData,
-  user,
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  app,
-  TreeNodeComponent
-}) => {
+const handleDataLinkGroupWithTableKeys = _ref2 => {
+  var _inputConfig$meta, _config$meta2, _inputConfig$meta3, _inputConfig$meta4, _inputConfig$meta5;
+  let {
+    config,
+    inputConfig,
+    inputKey,
+    value,
+    level,
+    t,
+    rootForm,
+    allData,
+    user,
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    app,
+    TreeNodeComponent
+  } = _ref2;
   if (!(config.type === 'dataLinkGroup' || config.type === 'dataLink')) {
     return null;
   }
-  if (inputConfig?.type !== 'dataLink' || !inputConfig?.meta?.tableKeys) {
+  if ((inputConfig === null || inputConfig === void 0 ? void 0 : inputConfig.type) !== 'dataLink' || !(inputConfig !== null && inputConfig !== void 0 && (_inputConfig$meta = inputConfig.meta) !== null && _inputConfig$meta !== void 0 && _inputConfig$meta.tableKeys)) {
     const parentInputKeys = Object.keys(config.inputs || {});
     const isHandledBySiblingDataLink = parentInputKeys.some(otherInputKey => {
       const otherConfig = config.inputs[otherInputKey];
-      if (otherConfig?.type === 'dataLink') {
-        const siblingTableKeys = otherConfig?.meta?.tableKeys || [];
-        const additionalTableKeys = config.meta?.additionalTableKeys || [];
+      if ((otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.type) === 'dataLink') {
+        var _otherConfig$meta, _config$meta;
+        const siblingTableKeys = (otherConfig === null || otherConfig === void 0 || (_otherConfig$meta = otherConfig.meta) === null || _otherConfig$meta === void 0 ? void 0 : _otherConfig$meta.tableKeys) || [];
+        const additionalTableKeys = ((_config$meta = config.meta) === null || _config$meta === void 0 ? void 0 : _config$meta.additionalTableKeys) || [];
         const allSiblingKeys = [...siblingTableKeys, ...additionalTableKeys];
         return allSiblingKeys.includes(inputKey) && otherInputKey !== inputKey;
       }
@@ -9981,23 +9983,26 @@ const handleDataLinkGroupWithTableKeys = ({
     return null;
   }
   const tableKeys = inputConfig.meta.tableKeys;
-  const additionalTableKeys = config.meta?.additionalTableKeys || [];
+  const additionalTableKeys = ((_config$meta2 = config.meta) === null || _config$meta2 === void 0 ? void 0 : _config$meta2.additionalTableKeys) || [];
   const parentInputKeys = Object.keys(config.inputs || {});
   const siblingInputsMatchingTableKeys = parentInputKeys.filter(siblingKey => siblingKey !== inputKey).filter(siblingKey => tableKeys.includes(siblingKey) || additionalTableKeys.includes(siblingKey));
   [...new Set([...tableKeys, ...siblingInputsMatchingTableKeys])];
-  const isAjaxModal = React.useMemo(() => !!inputConfig?.meta?.namespace, [inputConfig]);
+  const isAjaxModal = React.useMemo(() => {
+    var _inputConfig$meta2;
+    return !!(inputConfig !== null && inputConfig !== void 0 && (_inputConfig$meta2 = inputConfig.meta) !== null && _inputConfig$meta2 !== void 0 && _inputConfig$meta2.namespace);
+  }, [inputConfig]);
   const ajaxModalValues = useAjaxModal$2({
     name: inputKey,
     user,
-    namespace: inputConfig?.meta?.namespace,
-    skipFetch: inputConfig?.meta?.skipFetch,
+    namespace: inputConfig === null || inputConfig === void 0 || (_inputConfig$meta3 = inputConfig.meta) === null || _inputConfig$meta3 === void 0 ? void 0 : _inputConfig$meta3.namespace,
+    skipFetch: inputConfig === null || inputConfig === void 0 || (_inputConfig$meta4 = inputConfig.meta) === null || _inputConfig$meta4 === void 0 ? void 0 : _inputConfig$meta4.skipFetch,
     isAjaxModal,
-    formScope: inputConfig?.meta?.formScope,
+    formScope: inputConfig === null || inputConfig === void 0 || (_inputConfig$meta5 = inputConfig.meta) === null || _inputConfig$meta5 === void 0 ? void 0 : _inputConfig$meta5.formScope,
     APP: app,
     apiBaseUrl: getApiBaseUrl(),
     _getAppHeader: getAppHeader
   });
-  const dataLinkForm = ajaxModalValues?.form;
+  const dataLinkForm = ajaxModalValues === null || ajaxModalValues === void 0 ? void 0 : ajaxModalValues.form;
   const createInputsAndValues = item => {
     const inputs = {};
     const values = {};
@@ -10009,12 +10014,12 @@ const handleDataLinkGroupWithTableKeys = ({
       'videos': 'Video'
     };
     tableKeys.filter(tableKey => tableKey !== 'datastakeId').forEach(tableKey => {
-      const formInputConfig = dataLinkForm?.[tableKey] || dataLinkForm?.['identification']?.[tableKey];
+      var _dataLinkForm$identif;
+      const formInputConfig = (dataLinkForm === null || dataLinkForm === void 0 ? void 0 : dataLinkForm[tableKey]) || (dataLinkForm === null || dataLinkForm === void 0 || (_dataLinkForm$identif = dataLinkForm['identification']) === null || _dataLinkForm$identif === void 0 ? void 0 : _dataLinkForm$identif[tableKey]);
       if (formInputConfig) {
-        inputs[tableKey] = {
-          ...formInputConfig,
+        inputs[tableKey] = _objectSpread2(_objectSpread2({}, formInputConfig), {}, {
           label: uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : formInputConfig.label || formInputConfig.tableLabel || tableKey
-        };
+        });
         if (formInputConfig.label && typeof formInputConfig.label === 'object') {
           const dynamicLabelKeys = Object.keys(formInputConfig.label);
           let resolvedLabel = null;
@@ -10022,7 +10027,7 @@ const handleDataLinkGroupWithTableKeys = ({
             const parts = labelKey.split(' is ');
             if (parts.length === 2) {
               const [conditionKey, conditionValue] = parts;
-              if (item?.[conditionKey] === conditionValue) {
+              if ((item === null || item === void 0 ? void 0 : item[conditionKey]) === conditionValue) {
                 resolvedLabel = formInputConfig.label[labelKey];
                 break;
               }
@@ -10030,37 +10035,37 @@ const handleDataLinkGroupWithTableKeys = ({
           }
           inputs[tableKey].label = resolvedLabel || Object.values(formInputConfig.label)[0] || (uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : tableKey);
         }
-        values[tableKey] = item?.[tableKey];
+        values[tableKey] = item === null || item === void 0 ? void 0 : item[tableKey];
       } else {
+        var _item$linking;
         inputs[tableKey] = {
           label: uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : tableKey,
-          type: inputConfig?.type
+          type: inputConfig === null || inputConfig === void 0 ? void 0 : inputConfig.type
         };
-        values[tableKey] = item?.linking?.SCL?.[item?.[tableKey]]?.name || item?.[tableKey];
+        values[tableKey] = (item === null || item === void 0 || (_item$linking = item.linking) === null || _item$linking === void 0 || (_item$linking = _item$linking.SCL) === null || _item$linking === void 0 || (_item$linking = _item$linking[item === null || item === void 0 ? void 0 : item[tableKey]]) === null || _item$linking === void 0 ? void 0 : _item$linking.name) || (item === null || item === void 0 ? void 0 : item[tableKey]);
       }
     });
     siblingInputsMatchingTableKeys.forEach(siblingKey => {
       const siblingConfig = config.inputs[siblingKey];
       if (siblingConfig) {
-        inputs[siblingKey] = {
-          ...siblingConfig,
+        inputs[siblingKey] = _objectSpread2(_objectSpread2({}, siblingConfig), {}, {
           label: siblingConfig.label || siblingKey
-        };
-        values[siblingKey] = item?.[siblingKey];
+        });
+        values[siblingKey] = item === null || item === void 0 ? void 0 : item[siblingKey];
       }
     });
-    if (dataLinkForm?.identification && typeof dataLinkForm.identification === 'object') {
+    if (dataLinkForm !== null && dataLinkForm !== void 0 && dataLinkForm.identification && typeof dataLinkForm.identification === 'object') {
       Object.keys(dataLinkForm.identification).filter(fieldKey => fieldKey !== 'datastakeId' && !tableKeys.includes(fieldKey)).filter(fieldKey => {
         const formInputConfig = dataLinkForm.identification[fieldKey];
         return formInputConfig && typeof formInputConfig === 'object' && !Array.isArray(formInputConfig);
       }).forEach(fieldKey => {
+        var _item$linking2;
         const formInputConfig = dataLinkForm.identification[fieldKey];
-        inputs[fieldKey] = {
-          ...formInputConfig,
+        inputs[fieldKey] = _objectSpread2(_objectSpread2({}, formInputConfig), {}, {
           label: uploadTypeFields.includes(fieldKey) ? uploadTypeLabels[fieldKey] : formInputConfig.label || formInputConfig.tableLabel || fieldKey
-        };
-        if (formInputConfig?.label && typeof formInputConfig?.label === 'object') {
-          const dynamicLabelKeys = Object.keys(formInputConfig?.label);
+        });
+        if (formInputConfig !== null && formInputConfig !== void 0 && formInputConfig.label && typeof (formInputConfig === null || formInputConfig === void 0 ? void 0 : formInputConfig.label) === 'object') {
+          const dynamicLabelKeys = Object.keys(formInputConfig === null || formInputConfig === void 0 ? void 0 : formInputConfig.label);
           let resolvedLabel = null;
           for (const labelKey of dynamicLabelKeys) {
             const parts = labelKey.split(' is ');
@@ -10069,7 +10074,7 @@ const handleDataLinkGroupWithTableKeys = ({
               const flattenedItem = Object.assign({}, item.location, {
                 address: item.address
               });
-              if (flattenedItem?.[conditionKey] === conditionValue) {
+              if ((flattenedItem === null || flattenedItem === void 0 ? void 0 : flattenedItem[conditionKey]) === conditionValue) {
                 resolvedLabel = formInputConfig.label[labelKey];
                 break;
               }
@@ -10077,7 +10082,7 @@ const handleDataLinkGroupWithTableKeys = ({
           }
           inputs[fieldKey].label = resolvedLabel || Object.values(formInputConfig.label)[0] || (uploadTypeFields.includes(fieldKey) ? uploadTypeLabels[fieldKey] : fieldKey);
         }
-        values[fieldKey] = item?.linking?.SCL?.[item?.[fieldKey]]?.name || item?.[fieldKey];
+        values[fieldKey] = (item === null || item === void 0 || (_item$linking2 = item.linking) === null || _item$linking2 === void 0 || (_item$linking2 = _item$linking2.SCL) === null || _item$linking2 === void 0 || (_item$linking2 = _item$linking2[item === null || item === void 0 ? void 0 : item[fieldKey]]) === null || _item$linking2 === void 0 ? void 0 : _item$linking2.name) || (item === null || item === void 0 ? void 0 : item[fieldKey]);
       });
     }
     return {
@@ -10087,16 +10092,17 @@ const handleDataLinkGroupWithTableKeys = ({
   };
   if (Array.isArray(value)) {
     return value.map((item, itemIndex) => {
+      var _merged$inputKey;
       const merged = mergeObject(item);
-      const datastakeIdValue = merged?.[inputKey]?.datastakeId || merged?.datastakeId;
+      const datastakeIdValue = (merged === null || merged === void 0 || (_merged$inputKey = merged[inputKey]) === null || _merged$inputKey === void 0 ? void 0 : _merged$inputKey.datastakeId) || (merged === null || merged === void 0 ? void 0 : merged.datastakeId);
       const {
         inputs,
         values
       } = createInputsAndValues(merged);
       return /*#__PURE__*/jsxRuntime.jsx(TreeNodeComponent, {
-        nodeKey: datastakeIdValue || t(`No ID ${itemIndex + 1}`),
+        nodeKey: datastakeIdValue || t("No ID ".concat(itemIndex + 1)),
         config: {
-          label: datastakeIdValue || t(`No ID ${itemIndex + 1}`),
+          label: datastakeIdValue || t("No ID ".concat(itemIndex + 1)),
           type: 'custom-datalink-group',
           inputs: inputs
         },
@@ -10110,11 +10116,12 @@ const handleDataLinkGroupWithTableKeys = ({
         getApiBaseUrl: getApiBaseUrl,
         getAppHeader: getAppHeader,
         app: app
-      }, `${inputKey}-${itemIndex}`);
+      }, "".concat(inputKey, "-").concat(itemIndex));
     });
   } else {
+    var _merged$inputKey2;
     const merged = mergeObject(value);
-    const datastakeIdValue = merged?.[inputKey]?.datastakeId || merged?.datastakeId;
+    const datastakeIdValue = (merged === null || merged === void 0 || (_merged$inputKey2 = merged[inputKey]) === null || _merged$inputKey2 === void 0 ? void 0 : _merged$inputKey2.datastakeId) || (merged === null || merged === void 0 ? void 0 : merged.datastakeId);
     const {
       inputs,
       values
@@ -10136,41 +10143,46 @@ const handleDataLinkGroupWithTableKeys = ({
       getApiBaseUrl: getApiBaseUrl,
       getAppHeader: getAppHeader,
       app: app
-    }, `${inputKey}-group`);
+    }, "".concat(inputKey, "-group"));
   }
 };
 
-const handleDataLinkWithTableKeys = ({
-  inputConfig,
-  inputKey,
-  value,
-  level,
-  t,
-  rootForm,
-  allData,
-  user,
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  app,
-  TreeNodeComponent
-}) => {
-  if (inputConfig?.type !== 'dataLink' || !inputConfig?.meta?.tableKeys) {
+const handleDataLinkWithTableKeys = _ref => {
+  var _inputConfig$meta, _inputConfig$meta3, _inputConfig$meta4, _inputConfig$meta5;
+  let {
+    inputConfig,
+    inputKey,
+    value,
+    level,
+    t,
+    rootForm,
+    allData,
+    user,
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    app,
+    TreeNodeComponent
+  } = _ref;
+  if ((inputConfig === null || inputConfig === void 0 ? void 0 : inputConfig.type) !== 'dataLink' || !(inputConfig !== null && inputConfig !== void 0 && (_inputConfig$meta = inputConfig.meta) !== null && _inputConfig$meta !== void 0 && _inputConfig$meta.tableKeys)) {
     return null;
   }
   const tableKeys = inputConfig.meta.tableKeys;
-  const isAjaxModal = React.useMemo(() => !!inputConfig?.meta?.namespace, [inputConfig]);
+  const isAjaxModal = React.useMemo(() => {
+    var _inputConfig$meta2;
+    return !!(inputConfig !== null && inputConfig !== void 0 && (_inputConfig$meta2 = inputConfig.meta) !== null && _inputConfig$meta2 !== void 0 && _inputConfig$meta2.namespace);
+  }, [inputConfig]);
   const ajaxModalValues = useAjaxModal$2({
     name: inputKey,
     user,
-    namespace: inputConfig?.meta?.namespace,
-    skipFetch: inputConfig?.meta?.skipFetch,
+    namespace: inputConfig === null || inputConfig === void 0 || (_inputConfig$meta3 = inputConfig.meta) === null || _inputConfig$meta3 === void 0 ? void 0 : _inputConfig$meta3.namespace,
+    skipFetch: inputConfig === null || inputConfig === void 0 || (_inputConfig$meta4 = inputConfig.meta) === null || _inputConfig$meta4 === void 0 ? void 0 : _inputConfig$meta4.skipFetch,
     isAjaxModal,
-    formScope: inputConfig?.meta?.formScope,
+    formScope: inputConfig === null || inputConfig === void 0 || (_inputConfig$meta5 = inputConfig.meta) === null || _inputConfig$meta5 === void 0 ? void 0 : _inputConfig$meta5.formScope,
     APP: app,
     apiBaseUrl: getApiBaseUrl(),
     _getAppHeader: getAppHeader
   });
-  const dataLinkForm = ajaxModalValues?.form;
+  const dataLinkForm = ajaxModalValues === null || ajaxModalValues === void 0 ? void 0 : ajaxModalValues.form;
   const createInputsAndValues = item => {
     const inputs = {};
     const values = {};
@@ -10183,19 +10195,20 @@ const handleDataLinkWithTableKeys = ({
     };
     const isUploadFieldEmpty = (fieldKey, itemToCheck) => {
       if (uploadTypeFields.includes(fieldKey)) {
-        const itemValue = itemToCheck?.[fieldKey];
+        const itemValue = itemToCheck === null || itemToCheck === void 0 ? void 0 : itemToCheck[fieldKey];
         return itemValue === undefined || itemValue === null || Array.isArray(itemValue) && itemValue.length === 0;
       }
       return false;
     };
     const processedTableKeys = processConditionalTableKeys(tableKeys, item);
     processedTableKeys.filter(tableKey => tableKey !== 'datastakeId').filter(tableKey => !isUploadFieldEmpty(tableKey, item)).forEach(tableKey => {
-      const formInputConfig = dataLinkForm?.[tableKey] || dataLinkForm?.['identification']?.[tableKey];
+      var _dataLinkForm$identif;
+      const formInputConfig = (dataLinkForm === null || dataLinkForm === void 0 ? void 0 : dataLinkForm[tableKey]) || (dataLinkForm === null || dataLinkForm === void 0 || (_dataLinkForm$identif = dataLinkForm['identification']) === null || _dataLinkForm$identif === void 0 ? void 0 : _dataLinkForm$identif[tableKey]);
       if (formInputConfig) {
-        inputs[tableKey] = {
-          ...formInputConfig,
+        var _item$linking, _formInputConfig$meta, _formInputConfig$tabl;
+        inputs[tableKey] = _objectSpread2(_objectSpread2({}, formInputConfig), {}, {
           label: uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : formInputConfig.label || formInputConfig.tableLabel || tableKey
-        };
+        });
         if (formInputConfig.label && typeof formInputConfig.label === 'object') {
           const dynamicLabelKeys = Object.keys(formInputConfig.label);
           let resolvedLabel = null;
@@ -10203,7 +10216,7 @@ const handleDataLinkWithTableKeys = ({
             const parts = labelKey.split(' is ');
             if (parts.length === 2) {
               const [conditionKey, conditionValue] = parts;
-              if (item?.[conditionKey] === conditionValue) {
+              if ((item === null || item === void 0 ? void 0 : item[conditionKey]) === conditionValue) {
                 resolvedLabel = formInputConfig.label[labelKey];
                 break;
               }
@@ -10211,16 +10224,17 @@ const handleDataLinkWithTableKeys = ({
           }
           inputs[tableKey].label = resolvedLabel || Object.values(formInputConfig.label)[0] || (uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : tableKey);
         }
-        values[tableKey] = item?.linking?.SCL?.[item?.[tableKey]]?.name || item[formInputConfig?.meta?.onNewSetValueKey] || item?.[formInputConfig?.tableLabel?.toLowerCase()] || item?.[tableKey];
+        values[tableKey] = (item === null || item === void 0 || (_item$linking = item.linking) === null || _item$linking === void 0 || (_item$linking = _item$linking.SCL) === null || _item$linking === void 0 || (_item$linking = _item$linking[item === null || item === void 0 ? void 0 : item[tableKey]]) === null || _item$linking === void 0 ? void 0 : _item$linking.name) || item[formInputConfig === null || formInputConfig === void 0 || (_formInputConfig$meta = formInputConfig.meta) === null || _formInputConfig$meta === void 0 ? void 0 : _formInputConfig$meta.onNewSetValueKey] || (item === null || item === void 0 ? void 0 : item[formInputConfig === null || formInputConfig === void 0 || (_formInputConfig$tabl = formInputConfig.tableLabel) === null || _formInputConfig$tabl === void 0 ? void 0 : _formInputConfig$tabl.toLowerCase()]) || (item === null || item === void 0 ? void 0 : item[tableKey]);
       } else {
+        var _item$linking2;
         inputs[tableKey] = {
           label: uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : tableKey,
-          type: inputConfig?.type
+          type: inputConfig === null || inputConfig === void 0 ? void 0 : inputConfig.type
         };
-        values[tableKey] = item?.linking?.SCL?.[item?.[tableKey]]?.name || item?.[tableKey];
+        values[tableKey] = (item === null || item === void 0 || (_item$linking2 = item.linking) === null || _item$linking2 === void 0 || (_item$linking2 = _item$linking2.SCL) === null || _item$linking2 === void 0 || (_item$linking2 = _item$linking2[item === null || item === void 0 ? void 0 : item[tableKey]]) === null || _item$linking2 === void 0 ? void 0 : _item$linking2.name) || (item === null || item === void 0 ? void 0 : item[tableKey]);
       }
     });
-    if (dataLinkForm?.identification && typeof dataLinkForm.identification === 'object') {
+    if (dataLinkForm !== null && dataLinkForm !== void 0 && dataLinkForm.identification && typeof dataLinkForm.identification === 'object') {
       Object.keys(dataLinkForm.identification).filter(fieldKey => {
         if (uploadTypeFields.includes(fieldKey)) {
           return !isUploadFieldEmpty(fieldKey, item);
@@ -10230,11 +10244,11 @@ const handleDataLinkWithTableKeys = ({
         const formInputConfig = dataLinkForm.identification[fieldKey];
         return formInputConfig && typeof formInputConfig === 'object' && !Array.isArray(formInputConfig);
       }).forEach(fieldKey => {
+        var _item$linking3, _formInputConfig$tabl2;
         const formInputConfig = dataLinkForm.identification[fieldKey];
-        inputs[fieldKey] = {
-          ...formInputConfig,
+        inputs[fieldKey] = _objectSpread2(_objectSpread2({}, formInputConfig), {}, {
           label: uploadTypeFields.includes(fieldKey) ? uploadTypeLabels[fieldKey] : formInputConfig.label || formInputConfig.tableLabel || fieldKey
-        };
+        });
         if (formInputConfig.label && typeof formInputConfig.label === 'object') {
           const dynamicLabelKeys = Object.keys(formInputConfig.label);
           let resolvedLabel = null;
@@ -10242,7 +10256,7 @@ const handleDataLinkWithTableKeys = ({
             const parts = labelKey.split(' is ');
             if (parts.length === 2) {
               const [conditionKey, conditionValue] = parts;
-              if (item?.[conditionKey] === conditionValue) {
+              if ((item === null || item === void 0 ? void 0 : item[conditionKey]) === conditionValue) {
                 resolvedLabel = formInputConfig.label[labelKey];
                 break;
               }
@@ -10250,7 +10264,7 @@ const handleDataLinkWithTableKeys = ({
           }
           inputs[fieldKey].label = resolvedLabel || Object.values(formInputConfig.label)[0] || (uploadTypeFields.includes(fieldKey) ? uploadTypeLabels[fieldKey] : fieldKey);
         }
-        values[fieldKey] = item?.linking?.SCL?.[item?.[fieldKey]]?.name || item?.[formInputConfig?.tableLabel?.toLowerCase()] || item?.[fieldKey];
+        values[fieldKey] = (item === null || item === void 0 || (_item$linking3 = item.linking) === null || _item$linking3 === void 0 || (_item$linking3 = _item$linking3.SCL) === null || _item$linking3 === void 0 || (_item$linking3 = _item$linking3[item === null || item === void 0 ? void 0 : item[fieldKey]]) === null || _item$linking3 === void 0 ? void 0 : _item$linking3.name) || (item === null || item === void 0 ? void 0 : item[formInputConfig === null || formInputConfig === void 0 || (_formInputConfig$tabl2 = formInputConfig.tableLabel) === null || _formInputConfig$tabl2 === void 0 ? void 0 : _formInputConfig$tabl2.toLowerCase()]) || (item === null || item === void 0 ? void 0 : item[fieldKey]);
       });
     }
     return {
@@ -10260,7 +10274,7 @@ const handleDataLinkWithTableKeys = ({
   };
   if (Array.isArray(value)) {
     return value.map((item, itemIndex) => {
-      const datastakeIdValue = item?.datastakeId;
+      const datastakeIdValue = item === null || item === void 0 ? void 0 : item.datastakeId;
       const {
         inputs,
         values
@@ -10269,9 +10283,9 @@ const handleDataLinkWithTableKeys = ({
         return null;
       }
       return /*#__PURE__*/jsxRuntime.jsx(TreeNodeComponent, {
-        nodeKey: datastakeIdValue || t(`No ID ${itemIndex + 1}`),
+        nodeKey: datastakeIdValue || t("No ID ".concat(itemIndex + 1)),
         config: {
-          label: datastakeIdValue || t(`No ID ${itemIndex + 1}`),
+          label: datastakeIdValue || t("No ID ".concat(itemIndex + 1)),
           type: 'custom-datalink',
           inputs: inputs
         },
@@ -10285,10 +10299,10 @@ const handleDataLinkWithTableKeys = ({
         getApiBaseUrl: getApiBaseUrl,
         getAppHeader: getAppHeader,
         app: app
-      }, `${inputKey}-${itemIndex}`);
+      }, "".concat(inputKey, "-").concat(itemIndex));
     });
   } else {
-    const datastakeIdValue = value?.datastakeId;
+    const datastakeIdValue = value === null || value === void 0 ? void 0 : value.datastakeId;
     const {
       inputs,
       values
@@ -10313,7 +10327,7 @@ const handleDataLinkWithTableKeys = ({
       getApiBaseUrl: getApiBaseUrl,
       getAppHeader: getAppHeader,
       app: app
-    }, `${inputKey}-single`);
+    }, "".concat(inputKey, "-single"));
   }
 };
 
@@ -12715,7 +12729,12 @@ const defaultMapConfig = {
   maxZoom: 18,
   preferCanvas: true,
   zoomControl: false,
-  maxBounds: maxBounds
+  maxBounds: maxBounds,
+  zoomSnap: 0.5,
+  zoomDelta: 0.5,
+  wheelPxPerZoomLevel: 150,
+  zoomAnimation: true,
+  zoomAnimationThreshold: 10
 };
 const filterValidGPS$1 = data => {
   const latCheck = lat => lat > -90 || lat < 90;
@@ -13616,7 +13635,7 @@ function StakeholderIcon$1({
           onClickLink(data);
         }
       }),
-      getPopupContainer: () => document.getElementById(data.datastakeId),
+      getPopupContainer: () => document.getElementById("map"),
       children: /*#__PURE__*/jsxRuntime.jsx(StakeholderMarker, {
         className: `${data.type} ${isSelected ? "selected" : selectedMarkersId.length > 0 ? "unselected" : ""} 
 			${isSmall ? "small" : isMedium ? "medium" : "large"}
@@ -13723,12 +13742,6 @@ function LocationIcon({
       }).addTo(mapRef);
       const div = document.getElementById(markerId);
       root.current = client.createRoot(div);
-      console.log({
-        locationID: data.datastakeId,
-        stakeholder,
-        index,
-        parentId: data.datastakeId
-      });
       root.current.render( /*#__PURE__*/jsxRuntime.jsx(StakeholderIcon$1, {
         data: stakeholder,
         zoom: zoom,
@@ -13825,8 +13838,7 @@ function LocationIcon({
     // 	isHovering
     // }
     ,
-
-    getPopupContainer: () => document.getElementById(i),
+    getPopupContainer: () => document.getElementById("map"),
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       style: {
         position: "relative",
@@ -13927,6 +13939,7 @@ function StakeholderIcon({
             link,
             onClickLink: () => onClickLink(marker)
           }),
+          getPopupContainer: () => document.getElementById("map"),
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             style: {
               position: "absolute",
@@ -13968,6 +13981,7 @@ function StakeholderIcon({
             link,
             onClickLink: () => onClickLink(marker)
           }),
+          getPopupContainer: () => document.getElementById("map"),
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             style: {
               position: "absolute",
@@ -14003,6 +14017,7 @@ function StakeholderIcon({
         link,
         onClickLink: () => onClickLink(marker)
       }),
+      getPopupContainer: () => document.getElementById("map"),
       children: /*#__PURE__*/jsxRuntime.jsx(Style$K
       // onClick={toggleOpen}
       , {
@@ -14726,7 +14741,13 @@ const useMap$1 = ({
     if (mapRef) {
       L__namespace.control.scale().addTo(mapRef);
       L__namespace.tileLayer(TILE_LAYER_URL, {
-        access_token: MAP_TOKEN
+        access_token: MAP_TOKEN,
+        keepBuffer: 4,
+        updateWhenZooming: false,
+        updateInterval: 200,
+        maxNativeZoom: 18,
+        tileSize: 256,
+        fadeAnimation: true
       }).addTo(mapRef);
     }
   }, [mapRef]);
@@ -14790,6 +14811,23 @@ const useMap$1 = ({
       mapRef.setView([marker.coordinates[0], marker.coordinates[1]], getZoom(mapRef));
     }
   }, [activeMarker, mapRef]);
+  React.useEffect(() => {
+    if (mapRef && type === "chain") {
+      const handleMapClick = e => {
+        const clickedElement = e.originalEvent.target;
+        const isMarkerClick = clickedElement.closest('.marker-chain') || clickedElement.closest('.leaflet-marker-icon');
+        if (!isMarkerClick && selectedMarkersId.length > 0) {
+          setSelectedMarkersId([]);
+          openPopupIdRef.current = null;
+          setMarkerWithPopup(null);
+        }
+      };
+      mapRef.on('click', handleMapClick);
+      return () => {
+        mapRef.off('click', handleMapClick);
+      };
+    }
+  }, [mapRef, type, selectedMarkersId]);
   return {
     container,
     activeMarker,
@@ -46290,7 +46328,7 @@ const Container$1 = styled__default["default"].div`
 	width: ${props => props.isPdf ? props.width ? props.width : '1000px' : 'calc(100% - 48px)'}; 
 `;
 
-const _excluded$7 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isStack", "isGroup", "isPercentage", "seriesField", "formattedYAxis", "formattedXAxis", "color", "height", "t", "isPdf", "legendConfig", "width"];
+const _excluded$7 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isStack", "isGroup", "isPercentage", "seriesField", "formattedYAxis", "formattedXAxis", "color", "height", "t", "isPdf", "legendConfig", "width", "xAxisConfig"];
 const {
   useToken: useToken$g
 } = antd.theme;
@@ -46377,7 +46415,8 @@ function BarChart(_ref) {
       t = s => s,
       isPdf = false,
       legendConfig = {},
-      width
+      width,
+      xAxisConfig = {}
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$7);
   const containerRef = React__default["default"].useRef(null);
@@ -46404,14 +46443,14 @@ function BarChart(_ref) {
       data,
       xField: xFieldKey,
       yField: yFieldKey,
-      xAxis: _objectSpread2(_objectSpread2({}, isPercentage ? {
+      xAxis: _objectSpread2(_objectSpread2(_objectSpread2({}, isPercentage ? {
         tickMethod: () => {
           return Array.from(new Array(11), (v, i) => i * 10);
         }
-      } : {}), {}, {
-        label: {
+      } : {}), xAxisConfig), {}, {
+        label: _objectSpread2({
           formatter: isPercentage ? v => "".concat(v).replace(/\d{1,3}(?=(\d{3})+$)/g, s => "".concat(s, ",")) + " %" : formattedXAxis
-        }
+        }, xAxisConfig === null || xAxisConfig === void 0 ? void 0 : xAxisConfig.label)
       }),
       yAxis: {
         label: {
@@ -46435,7 +46474,7 @@ function BarChart(_ref) {
     } else {
       chartRef.current.update(config);
     }
-  }, [data, xFieldKey, yFieldKey, renderTooltipContent, tooltipConfig, animated, isStack, isGroup, isPercentage, seriesField, formattedYAxis, formattedXAxis, color, token.colorPrimary7]);
+  }, [data, xFieldKey, yFieldKey, renderTooltipContent, tooltipConfig, animated, isStack, isGroup, isPercentage, seriesField, formattedYAxis, formattedXAxis, color, token.colorPrimary7, xAxisConfig]);
   React__default["default"].useEffect(() => {
     return () => {
       if (chartRef.current) {
@@ -49148,7 +49187,6 @@ const BaseGraph = /*#__PURE__*/React.forwardRef(function BaseGraph({
   withDuration = true,
   onFilterChange,
   isPdf,
-  zoomOutTransition = false,
   ...props
 }, ref) {
   const {
@@ -49165,17 +49203,23 @@ const BaseGraph = /*#__PURE__*/React.forwardRef(function BaseGraph({
     }
     return result;
   }, [nodes.length, mandatoryNodesToFit?.length, mandatoryNodesToFit]);
+
+  // In BaseGraph.jsx, replace the useEffect with:
   React.useEffect(() => {
     if (nodesToFit.length === 0) return;
-    requestAnimationFrame(() => {
+
+    // Use setTimeout instead of requestAnimationFrame to ensure nodes are rendered
+    const timer = setTimeout(() => {
       fitView({
         padding: 0.4,
         nodes: [...nodesToFit],
-        duration: withDuration ? 300 : undefined,
-        maxZoom: 0.8
+        // duration: withDuration ? 300 : undefined,
+        maxZoom: 0.9
       });
-    });
-  }, [JSON.stringify(nodesToFit), withDuration]);
+    }, 100); // Small delay to ensure nodes are rendered
+
+    return () => clearTimeout(timer);
+  }, [nodesToFit.length, nodesToFit.map(n => `${n.id}-${n.width}-${n.height}`).join(','), withDuration]);
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       style: {
@@ -49206,9 +49250,7 @@ const BaseGraph = /*#__PURE__*/React.forwardRef(function BaseGraph({
         fitViewOptions: {
           padding: 0.2,
           //zoom out on default
-          ...(zoomOutTransition ? {
-            duration: withDuration ? 300 : undefined
-          } : {})
+          duration: withDuration ? 300 : undefined
         },
         ...props,
         children: !isPdf && /*#__PURE__*/jsxRuntime.jsxs(react.Controls, {
@@ -49411,7 +49453,8 @@ function TradeRelationship(_ref) {
     filtersConfig,
     onFilterChange = () => {},
     renderTooltipItems = () => [],
-    getTotal = () => 0
+    getTotal = () => 0,
+    onRenderComplete = () => {}
   } = _ref;
   const reactFlowWrapper = React.useRef(null);
   const [nodes, setNodes] = react.useNodesState([]);
@@ -49424,6 +49467,23 @@ function TradeRelationship(_ref) {
   const [activeNode, setActiveNode] = React.useState(null);
   // const [initCenter, setInitCenter] = useState(true);
   const [associatedNodes, setAssociatedNodes] = React.useState(null);
+  const isFullyRenderedRef = React.useRef(false);
+  const [isFullyRendered, setIsFullyRendered] = React.useState(false);
+  React.useEffect(() => {
+    isFullyRenderedRef.current = false;
+    setIsFullyRendered(false);
+    setActiveNode(null);
+  }, [data]);
+  React.useEffect(() => {
+    if (nodes.length > 0 && edges.length > 0 && !isFullyRenderedRef.current) {
+      const timeoutId = setTimeout(() => {
+        isFullyRenderedRef.current = true;
+        setIsFullyRendered(true);
+        onRenderComplete(true);
+      }, 200);
+      return () => clearTimeout(timeoutId);
+    }
+  }, [nodes.length, edges.length, associatedNodes]);
   React.useEffect(() => {
     setActiveNode(null);
   }, [data]);
@@ -49448,7 +49508,7 @@ function TradeRelationship(_ref) {
     })
   })), [edges, activeNode, associatedNodes]);
   React.useEffect(() => {
-    var _data$sources;
+    var _data$sources, _data$id;
     let yInit = 0;
     let xInit = 0;
     const isBilateral = (data === null || data === void 0 || (_data$sources = data.sources) === null || _data$sources === void 0 ? void 0 : _data$sources.length) >= 1;
@@ -49460,7 +49520,7 @@ function TradeRelationship(_ref) {
       return;
     }
     const _nodes = [{
-      id: data.id,
+      id: (_data$id = data.id) === null || _data$id === void 0 ? void 0 : _data$id.toString(),
       type: "expandedNode",
       position: {
         x: xInit,
@@ -49471,13 +49531,13 @@ function TradeRelationship(_ref) {
     const _edges = [];
     if (isBilateral) {
       (data.sources || []).forEach(source => {
-        var _data$id;
+        var _data$id2;
         const hasPrev = false;
-        _edges.push({
+        const edge = {
           id: "e-".concat(data.id, "-").concat(source),
-          source: source,
-          type: "default",
-          target: data === null || data === void 0 || (_data$id = data.id) === null || _data$id === void 0 ? void 0 : _data$id.toString(),
+          source: source === null || source === void 0 ? void 0 : source.toString(),
+          type: "defaultEdge",
+          target: data === null || data === void 0 || (_data$id2 = data.id) === null || _data$id2 === void 0 ? void 0 : _data$id2.toString(),
           sourceHandle: "left",
           targetHandle: "right",
           data: _objectSpread2(_objectSpread2({
@@ -49490,7 +49550,8 @@ function TradeRelationship(_ref) {
             tooltipTitle,
             moreLeft: false
           })
-        });
+        };
+        _edges.push(edge);
       });
     }
     const mapChildren = _ref2 => {
@@ -49534,7 +49595,7 @@ function TradeRelationship(_ref) {
           var _ch$id2, _ch$id3;
           const hasPrev = _prevNodes.find(p => p.id === source);
           const isCustom = !hasPrev ? true : prevChildren.includes(source) ? false : true;
-          _edges.push({
+          const edge = {
             id: "e-".concat(ch.id, "-").concat(source),
             source: hasPrev ? source : ch === null || ch === void 0 || (_ch$id2 = ch.id) === null || _ch$id2 === void 0 ? void 0 : _ch$id2.toString(),
             type: isCustom ? "verticalPath" : "defaultEdge",
@@ -49552,7 +49613,8 @@ function TradeRelationship(_ref) {
               tooltipTitle,
               moreLeft: prevChildren.length > children.length
             })
-          });
+          };
+          _edges.push(edge);
           if (isCustom) {
             customIndex += 1;
           }
@@ -49591,11 +49653,24 @@ function TradeRelationship(_ref) {
       prevChildren: !isBilateral ? [data.id] : [],
       maxHeight: 0
     });
+
+    // Check for potential ID mismatches
+    const nodeIds = _nodes.map(n => n.id);
+    _edges.filter(e => {
+      const sourceExists = nodeIds.includes(e.source);
+      const targetExists = nodeIds.includes(e.target);
+      return !sourceExists || !targetExists;
+    });
+
+    // Set nodes first
     setNodes(_nodes);
-    setEdges(_edges);
-  }, [data, activeNode]);
+    const timeoutId = setTimeout(() => {
+      setEdges(_edges);
+    }, 100); // 100ms is imperceptible to users but ensures React Flow is ready
 
-  // Used to find associated nodes, when a node is selected
+    // Cleanup to prevent memory leaks if component unmounts quickly
+    return () => clearTimeout(timeoutId);
+  }, [data, activeNode]);
   React.useEffect(() => {
     if (activeNode) {
       let _associatedNodesRight = [activeNode];
@@ -49662,7 +49737,7 @@ function TradeRelationship(_ref) {
       });
     },
     ref: reactFlowWrapper
-  });
+  }, JSON.stringify(nodes) + JSON.stringify(edges));
 }
 var index$1 = withProvider(TradeRelationship);
 
@@ -49805,8 +49880,7 @@ function StakeholderMappings(_ref3) {
     iconOffsetY = 250,
     t = s => s,
     emptyString = undefined,
-    isPdf = false,
-    zoomOutTransition = false
+    isPdf = false
   } = _ref3;
   const reactFlowWrapper = React.useRef(null);
   const [nodes, setNodes] = react.useNodesState([]);
@@ -50071,7 +50145,6 @@ function StakeholderMappings(_ref3) {
     });
   }, [reactFlowWrapper.current, JSON.stringify(data), JSON.stringify(selectedIconNodes), isAllOpenDefault, isSelectable, isChanged, emptyString]);
   return /*#__PURE__*/jsxRuntime.jsx(BaseGraph, {
-    zoomOutTransition: zoomOutTransition,
     nodes: nodes,
     mandatoryNodesToFit: mandatoryNodesToFit,
     edges: edges,
@@ -50266,7 +50339,7 @@ function getConfig(data, goTo, t) {
         className: "flex",
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex-1",
-          children: t(`admin::${item.title}`)
+          children: t(`${item.title}`)
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "cursor-pointer",
           onClick: () => goTo(item.goToPath),
@@ -50337,6 +50410,8 @@ const getColor = (users, items) => {
 };
 function useConfig(data) {
   const config = React.useMemo(() => {
+    // Ensure data is an array to prevent "data.find is not a function" error
+    const safeData = Array.isArray(data) ? data : [];
     const start = moment__default["default"]().add(-1, "years").format("MMM YY");
     let now = moment__default["default"](start, "MMM YY");
     const _config = [];
@@ -50349,7 +50424,7 @@ function useConfig(data) {
       while (true) {
         DAYS$1.forEach(d => {
           if (d === nowMonth.format("dd") && now.format("MMM YY") === nowMonth.format("MMM YY")) {
-            const users = data.find(d => d._id === nowMonth.format("YYYY-MM-DD"))?.count || 0;
+            const users = safeData.find(d => d._id === nowMonth.format("YYYY-MM-DD"))?.count || 0;
             conf.push({
               date: nowMonth.format("DD MMM YY"),
               active: true,
@@ -50400,6 +50475,9 @@ function UserActivity({
   const {
     isCollapsed
   } = useResizeContext();
+
+  // console.log("userActivityyyyy",data);
+
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
     title: t(`admin::user-activity`),
     loading: loading,
@@ -50843,6 +50921,13 @@ function UserStatistics({
   t,
   translationKeys
 }) {
+  // console.log("UserStatistics:loading", loading);
+  // console.log("UserStatistics:loadingUserGrowth", loadingUserGrowth);
+  // console.log("UserStatistics:data", data);
+  // console.log("UserStatistics:userActivityData", data?.userActivityData);
+  // console.log("UserStatistics:topContributorsData", data?.topContributorsData);
+  // console.log("UserStatistics:userGrowthData", data?.userGrowthData);
+
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
     title: t(`${translationKeys}-admin::usage-statistics`),
     className: "with-border-header",
@@ -50850,18 +50935,18 @@ function UserStatistics({
       className: "flex flex-column gap-6",
       children: [/*#__PURE__*/jsxRuntime.jsx(UserActivity, {
         loading: loading,
-        data: data.userActivityData,
+        data: data.userActivityData || [],
         t: t
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row flex-col-mobile gap-6",
         children: [/*#__PURE__*/jsxRuntime.jsx(TopContributors, {
-          data: data.topContributorsData,
+          data: data.topContributorsData || [],
           loading: loading,
           t: t
         }), /*#__PURE__*/jsxRuntime.jsx(UserGrowth, {
           t: t,
           loading: loadingUserGrowth,
-          data: data.userGrowthData,
+          data: data.userGrowthData || [],
           fetchUserGrowth: fetchUserGrowth,
           translationKeys: translationKeys
         })]
@@ -50879,11 +50964,11 @@ function AdminDashboard(_ref) {
     adminTranslationIdentifier,
     t,
     loadingUserGrowth,
-    fetchUserGrowth = () => {}
+    fetchUserGrowth = () => {},
+    userGrowthData
   } = _ref;
-  const {
-    keyIndicatorsData
-  } = data;
+  const keyIndicatorsCards = Array.isArray(data === null || data === void 0 ? void 0 : data.keyIndicatorsData) ? data.keyIndicatorsData : [];
+  console.log("AdminDashboard:data", data);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "daf-analysis admin-dashboard",
     children: [/*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
@@ -50897,22 +50982,21 @@ function AdminDashboard(_ref) {
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "sections-cont w-pt",
             children: [/*#__PURE__*/jsxRuntime.jsx("section", {
-              children: actionWidgetConfig.map(widgetConfig => {
-                return /*#__PURE__*/jsxRuntime.jsx(ActionWidget, _objectSpread2(_objectSpread2({}, widgetConfig), {}, {
-                  onClick: () => goTo(widgetConfig.goToPath),
-                  title: t("admin::".concat(widgetConfig.title))
-                }), widgetConfig.title);
-              })
+              children: actionWidgetConfig.map(widgetConfig => /*#__PURE__*/jsxRuntime.jsx(ActionWidget, _objectSpread2(_objectSpread2({}, widgetConfig), {}, {
+                onClick: () => goTo(widgetConfig.goToPath),
+                title: t("".concat(widgetConfig.title))
+              }), widgetConfig.title))
             }), /*#__PURE__*/jsxRuntime.jsx("section", {
               children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicatorsWidget, {
-                data: keyIndicatorsData,
+                data: keyIndicatorsCards,
                 loading: loading,
                 goTo: goTo,
                 t: t
               })
             }), /*#__PURE__*/jsxRuntime.jsx("section", {
               children: /*#__PURE__*/jsxRuntime.jsx(UserStatistics, {
-                data: data,
+                data: _objectSpread2({}, data),
+                userGrowthData: userGrowthData,
                 loading: loading,
                 t: t,
                 loadingUserGrowth: loadingUserGrowth,
@@ -55038,45 +55122,34 @@ function AdminDashboardScreen({
     fetchUserGrowth,
     userGrowthDataLoading
   } = useWidgetFetch();
+  console.log({
+    userGrowthData
+  });
   const actionsWidgetsConfig = React.useMemo(() => getActionWidgetsConfig({
     getRedirectLink
-  }), [getRedirectLink]);
+  }), [getRedirectLink, getActionWidgetsConfig]);
   const keyIndicatorsConfig = React.useMemo(() => getKeyIndicatorsConfig({
     getRedirectLink,
-    keyIndicatorsData: data?.keyInformation
-  }), [data?.keyInformation, getRedirectLink]);
-
-  // Dummy data for top contributors if not provided
-  const TOTAL_DUMMY = [{
-    label: "Contributor 1",
-    Score: 0
-  }, {
-    label: "Contributor 2",
-    Score: 0
-  }, {
-    label: "Contributor 3",
-    Score: 0
-  }, {
-    label: "Contributor 4",
-    Score: 0
-  }, {
-    label: "Contributor 5",
-    Score: 0
-  }];
+    keyIndicators: data?.keyIndicators ?? data?.keyInformation
+  }), [data?.keyIndicators, data?.keyInformation, getRedirectLink, getKeyIndicatorsConfig]);
+  const safeUserActivity = Array.isArray(data?.data?.userActivity) ? data.data.userActivity : [];
+  const safeTopContributors = Array.isArray(data?.topContributors) ? data.topContributors : [];
+  const safeUserGrowth = Array.isArray(data?.userGrowthData) ? data.userGrowthData : [];
   return /*#__PURE__*/jsxRuntime.jsx(AdminDashboard, {
     t: t,
-    loading: loading,
     goTo: goTo,
+    loading: loading,
     actionWidgetConfig: actionsWidgetsConfig,
     loadingUserGrowth: userGrowthDataLoading,
     fetchUserGrowth: fetchUserGrowth,
+    adminTranslationIdentifier: appName,
     data: {
       keyIndicatorsData: keyIndicatorsConfig,
-      userActivityData: data?.userActivity,
-      topContributorsData: data?.topContributors || TOTAL_DUMMY,
-      userGrowthData: userGrowthData
-    },
-    adminTranslationIdentifier: appName
+      userActivityData: safeUserActivity,
+      topContributorsData: safeTopContributors,
+      userGrowthData: safeUserGrowth,
+      data: data
+    }
   });
 }
 
@@ -55293,6 +55366,136 @@ function AdminAccountsViewScreen({
   });
 }
 
+function AdminSubjectsScreen({
+  config
+}) {
+  const {
+    appName = "app",
+    module,
+    goTo,
+    t,
+    location,
+    isMobile,
+    getRedirectLink,
+    AdminService,
+    options,
+    handleError,
+    defaultPageSize = 20,
+    view,
+    headerTitle = "subjects",
+    breadcrumbs,
+    refetchTrigger,
+    getData
+  } = config;
+  const handleMergeSubjects = React.useCallback(async mergeData => {
+    try {
+      if (AdminService.mergeSubjects) {
+        await AdminService.mergeSubjects(mergeData);
+        antd.message.success(t("Subjects merged successfully"));
+      } else {
+        console.warn("AdminService.mergeSubjects is not implemented");
+        antd.message.success(t("Subjects merged successfully"));
+      }
+    } catch (err) {
+      handleError?.(err);
+    }
+  }, [AdminService, t, handleError]);
+
+  // Use custom getData if provided, otherwise use default AdminService.getSubjects
+  const getSubjects = React.useCallback(params => {
+    if (getData) {
+      return getData(params);
+    }
+    return AdminService.getSubjects(params);
+  }, [getData, AdminService]);
+  return /*#__PURE__*/jsxRuntime.jsx(SubjectsTable, {
+    t: t,
+    goTo: goTo,
+    getRedirectLink: getRedirectLink,
+    location: location,
+    module: module,
+    headerTitle: headerTitle,
+    getData: getSubjects,
+    isMobile: isMobile,
+    defaultPageSize: defaultPageSize,
+    view: view,
+    breadcrumbs: breadcrumbs,
+    mergeSubjectsFunction: handleMergeSubjects,
+    refetchTrigger: refetchTrigger,
+    config: {
+      options: {
+        category: options?.category,
+        countries: options?.countries
+      }
+    }
+  });
+}
+
+function AdminLocationScreen({
+  config
+}) {
+  const {
+    appName = "app",
+    module,
+    goTo,
+    t,
+    location,
+    isMobile,
+    getRedirectLink,
+    AdminService,
+    options,
+    handleError,
+    defaultPageSize = 20,
+    view,
+    headerTitle = "location",
+    breadcrumbs,
+    refetchTrigger,
+    getData
+  } = config;
+  const handleMergeLocations = React.useCallback(async mergeData => {
+    try {
+      if (AdminService.mergeLocations) {
+        await AdminService.mergeLocations(mergeData);
+        antd.message.success(t("Locations merged successfully"));
+      } else {
+        console.warn("AdminService.mergeLocations is not implemented");
+        antd.message.success(t("Locations merged successfully"));
+      }
+    } catch (err) {
+      handleError?.(err);
+    }
+  }, [AdminService, t, handleError]);
+
+  // Use custom getData if provided, otherwise use default AdminService.getLocations
+  const getLocations = React.useCallback(params => {
+    if (getData) {
+      return getData(params);
+    }
+    return AdminService.getLocations(params);
+  }, [getData, AdminService]);
+  return /*#__PURE__*/jsxRuntime.jsx(LocationTable, {
+    t: t,
+    goTo: goTo,
+    getRedirectLink: getRedirectLink,
+    location: location,
+    module: module,
+    headerTitle: headerTitle,
+    getData: getLocations,
+    isMobile: isMobile,
+    defaultPageSize: defaultPageSize,
+    view: view,
+    breadcrumbs: breadcrumbs,
+    mergeSubjectsFunction: handleMergeLocations,
+    refetchTrigger: refetchTrigger,
+    config: {
+      options: {
+        category: options?.category,
+        countries: options?.countries
+      }
+    }
+  });
+}
+
 function getAdminRoutes(config) {
   const {
     appName,
@@ -55300,11 +55503,11 @@ function getAdminRoutes(config) {
     useAdminUsersConfig,
     useAdminAccountsConfig,
     useAdminAccountsViewConfig,
+    useAdminSubjectsConfig,
+    useAdminLocationConfig,
     userIsAdmin
   } = config;
   const APP_PREFIX = "APP_".concat(appName.toUpperCase());
-
-  // Wrapper components that use the configuration hooks
   function DashboardWrapper() {
     const dashboardConfig = useAdminDashboardConfig();
     return /*#__PURE__*/jsxRuntime.jsx(AdminDashboardScreen, {
@@ -55329,11 +55532,24 @@ function getAdminRoutes(config) {
       config: accountsViewConfig
     });
   }
-  return [{
+  function SubjectsWrapper() {
+    const subjectsConfig = typeof useAdminSubjectsConfig === "function" ? useAdminSubjectsConfig() : undefined;
+    return /*#__PURE__*/jsxRuntime.jsx(AdminSubjectsScreen, {
+      config: subjectsConfig
+    });
+  }
+  function LocationWrapper() {
+    const locationConfig = typeof useAdminLocationConfig === "function" ? useAdminLocationConfig() : undefined;
+    return /*#__PURE__*/jsxRuntime.jsx(AdminLocationScreen, {
+      config: locationConfig
+    });
+  }
+  const subjectsIndexComponent = typeof useAdminLocationConfig === "function" ? /*#__PURE__*/jsxRuntime.jsx(LocationWrapper, {}) : typeof useAdminSubjectsConfig === "function" ? /*#__PURE__*/jsxRuntime.jsx(SubjectsWrapper, {}) : /*#__PURE__*/jsxRuntime.jsx("div", {});
+  const routes = [{
     path: "",
     key: "".concat(APP_PREFIX, "_DASHBOARD"),
     exact: true,
-    visible: () => true,
+    visible: user => userIsAdmin(user),
     component: /*#__PURE__*/jsxRuntime.jsx(DashboardWrapper, {})
   }, {
     path: "accounts",
@@ -55353,7 +55569,26 @@ function getAdminRoutes(config) {
     exact: true,
     visible: user => userIsAdmin(user),
     component: /*#__PURE__*/jsxRuntime.jsx(AccountsViewWrapper, {})
-  }];
+  }, {
+    path: "subjects",
+    key: "".concat(APP_PREFIX, "_SUBJECTS_INDEX"),
+    exact: true,
+    visible: user => userIsAdmin(user),
+    component: subjectsIndexComponent
+  }, ...(typeof useAdminLocationConfig === "function" ? [{
+    path: "subjects/location",
+    key: "".concat(APP_PREFIX, "_ADMIN_SUBJECTS_LOCATIONS"),
+    exact: true,
+    visible: user => userIsAdmin(user),
+    component: /*#__PURE__*/jsxRuntime.jsx(LocationWrapper, {})
+  }] : []), ...(typeof useAdminSubjectsConfig === "function" ? [{
+    path: "subjects/stakeholder",
+    key: "".concat(APP_PREFIX, "_ADMIN_SUBJECTS_STAKEHOLDERS"),
+    exact: true,
+    visible: user => userIsAdmin(user),
+    component: /*#__PURE__*/jsxRuntime.jsx(SubjectsWrapper, {})
+  }] : [])];
+  return routes;
 }
 
 const isUnderDevelopmentType = backgroundType => {
@@ -61581,6 +61816,8 @@ exports.AdminAccountsScreen = AdminAccountsScreen;
 exports.AdminAccountsViewScreen = AdminAccountsViewScreen;
 exports.AdminDashboard = AdminDashboard;
 exports.AdminDashboardScreen = AdminDashboardScreen;
+exports.AdminLocationScreen = AdminLocationScreen;
+exports.AdminSubjectsScreen = AdminSubjectsScreen;
 exports.AdminUsersScreen = AdminUsersScreen;
 exports.AdminView = AdminView$1;
 exports.AjaxSelect = AjaxSelectMain;