datastake-daf 0.6.779 → 0.6.781

package/dist/components/index.js

@@ -8486,22 +8486,20 @@ const useHeader = _ref => {
 const {
   useToken: useToken$m
 } = antd.theme;
-function BreadCrumbs(_ref) {
-  let {
-    breadcrumbs = [],
-    mainContWidth = 0
-  } = _ref;
+function BreadCrumbs({
+  breadcrumbs = [],
+  mainContWidth = 0
+}) {
   const [splitIndex, setSplitIndex] = React.useState(0);
   const {
     token
   } = useToken$m();
-  const _renderBreadcrumb = function (b, i, isLast) {
-    let noOnClickLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  const _renderBreadcrumb = (b, i, isLast, noOnClickLast = false) => {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex breadcrumb-item",
-      onClick: noOnClickLast && isLast ? undefined : b === null || b === void 0 ? void 0 : b.onClick,
+      onClick: noOnClickLast && isLast ? undefined : b?.onClick,
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        children: b === null || b === void 0 ? void 0 : b.label
+        children: b?.label
       }), !isLast && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex flex-column justify-content-center",
         children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
@@ -8511,7 +8509,7 @@ function BreadCrumbs(_ref) {
           color: token.baseGray50
         })
       })]
-    }, "breadcrumb-item-".concat(i));
+    }, `breadcrumb-item-${i}`);
   };
   React.useEffect(() => {
     const _placeholderCont = document.getElementById("header-breadcrumbs");
@@ -8554,7 +8552,7 @@ function BreadCrumbs(_ref) {
         placement: "bottomRight",
         menu: {
           items: groupedBreadCrumbs[2].map((it, i) => ({
-            key: "items-".concat(i),
+            key: `items-${i}`,
             label: it.label,
             onClick: it.onClick
           }))
@@ -9546,29 +9544,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(', ');
@@ -9583,7 +9576,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) || {};
@@ -9597,7 +9590,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:
@@ -9721,18 +9714,19 @@ const resolveDynamicLabel = (labelConfig, item, defaultLabel) => {
   return labelConfig || defaultLabel;
 };
 
-const handleSectionChildren = ({
-  config,
-  allData,
-  level,
-  t,
-  rootForm,
-  user,
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  app,
-  TreeNodeComponent
-}) => {
+const handleSectionChildren = _ref => {
+  let {
+    config,
+    allData,
+    level,
+    t,
+    rootForm,
+    user,
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    app,
+    TreeNodeComponent
+  } = _ref;
   if (!(level === 0 && config && typeof config === 'object')) {
     return null;
   }
@@ -9746,14 +9740,14 @@ const handleSectionChildren = ({
     let fieldValue;
 
     // Determine field value based on type
-    if (fieldConfig.type === 'dataLinkGroup' && Array.isArray(allData?.[fieldKey])) {
+    if (fieldConfig.type === 'dataLinkGroup' && Array.isArray(allData === null || allData === void 0 ? void 0 : allData[fieldKey])) {
       fieldValue = allData[fieldKey];
-    } else if (fieldConfig.type === 'dataLinkGroup' && allData?.[fieldKey]) {
+    } else if (fieldConfig.type === 'dataLinkGroup' && allData !== null && allData !== void 0 && allData[fieldKey]) {
       fieldValue = allData[fieldKey];
     } else if (fieldConfig.type === 'group') {
       fieldValue = {};
     } else {
-      fieldValue = allData?.[fieldKey];
+      fieldValue = allData === null || allData === void 0 ? void 0 : allData[fieldKey];
     }
     return /*#__PURE__*/jsxRuntime.jsx(TreeNodeComponent, {
       nodeKey: fieldKey,
@@ -9960,44 +9954,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;
       }
@@ -10011,23 +10005,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 = {};
@@ -10039,12 +10036,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;
@@ -10052,7 +10049,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;
               }
@@ -10060,37 +10057,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 ');
@@ -10099,7 +10096,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;
               }
@@ -10107,7 +10104,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 {
@@ -10117,16 +10114,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
         },
@@ -10140,11 +10138,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
@@ -10166,7 +10165,7 @@ const handleDataLinkGroupWithTableKeys = ({
       getApiBaseUrl: getApiBaseUrl,
       getAppHeader: getAppHeader,
       app: app
-    }, `${inputKey}-group`);
+    }, "".concat(inputKey, "-group"));
   }
 };
 
@@ -10347,20 +10346,21 @@ const handleDataLinkWithTableKeys = ({
   }
 };
 
-const handleGroupChildren = ({
-  config,
-  value,
-  allData,
-  level,
-  t,
-  rootForm,
-  user,
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  app,
-  TreeNodeComponent
-}) => {
-  if (!config?.inputs) {
+const handleGroupChildren = _ref => {
+  let {
+    config,
+    value,
+    allData,
+    level,
+    t,
+    rootForm,
+    user,
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    app,
+    TreeNodeComponent
+  } = _ref;
+  if (!(config !== null && config !== void 0 && config.inputs)) {
     return null;
   }
   const inputKeys = Object.keys(config.inputs);
@@ -10373,7 +10373,7 @@ const handleGroupChildren = ({
     if (value && typeof value === 'object' && value[inputKey]) {
       inputValue = value[inputKey];
     } else {
-      inputValue = allData?.[inputKey];
+      inputValue = allData === null || allData === void 0 ? void 0 : allData[inputKey];
     }
     return /*#__PURE__*/jsxRuntime.jsx(TreeNodeComponent, {
       nodeKey: inputKey,

package/dist/pages/index.js

@@ -42764,7 +42764,10 @@ const PlantingLocations = ({
     return eventsWithGPS.map((event, index) => {
       const locationCheckArrival = event.locationCheckArrival;
       const matchingLocation = locations.find(location => locationCheckArrival.name === location.name || locationCheckArrival._id === location.id || location.id === locationCheckArrival._id) || locations[0];
-      const area = matchingLocation?.perimeter ? matchingLocation.perimeter.map(coord => Array.isArray(coord) && coord.length >= 2 ? [coord[1], coord[0]] : coord) : [];
+      const area = matchingLocation?.perimeter ? matchingLocation.perimeter.map(coord => Array.isArray(coord) && coord.length >= 2 ? [coord[1], coord[0]] : coord) : null;
+
+      // Only include area if it has at least 3 valid coordinates
+      const validArea = area && Array.isArray(area) && area.length >= 3 ? area : null;
       const gps = {
         latitude: locationCheckArrival.latitude,
         longitude: locationCheckArrival.longitude
@@ -42773,7 +42776,7 @@ const PlantingLocations = ({
       const locationName = matchingLocation?.name || locationCheckArrival.name || 'Planting Location';
       return {
         _id: locationCheckArrival._id || event._id || {},
-        area: area,
+        area: validArea,
         color: color,
         datastakeId: `LOC-${String(index + 1).padStart(9, '0')}`,
         gps: gps,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.779",
+	"version": "0.6.781",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/pages/Summary/Activities/PlantingCycle/components/PlantingLocations/index.jsx

@@ -6,171 +6,176 @@ import CustomIcon from '../../../../../../../../src/@daf/core/components/Icon/Cu
 import { renderDateFormatted } from '../../../../../../../../src/helpers/Forms';
 
 const PlantingLocations = ({
-    id,
-    getSummaryDetail,
-    loading = false,
-    t = (s) => s
+  id,
+  getSummaryDetail,
+  loading = false,
+  t = (s) => s
 }) => {
-    const defaultConfig = useMemo(
-        () => ({
-            basepath: "planting-cycle",
-            url: `/summary/${id}/locations`,
-            stop: !id,
-        }),
-        [id],
-    );
-
-    const customGetData = useMemo(() => {
-        if (getSummaryDetail && id) {
-            return ({ url, params = {} }) => {
-                const match = url.match(/\/summary\/[^/]+\/(.+)/);
-                if (match) {
-                    const [, type] = match;
-                    return getSummaryDetail(id, type, params);
-                }
-                throw new Error(`Invalid URL format: ${url}`);
-            };
-        }
-        return undefined;
-    }, [getSummaryDetail, id]);
-
-    const { loading: plantingLocationsLoading, data: plantingLocationsData } = useWidgetFetch({
-        config: defaultConfig,
-        getData: customGetData
-    });
-
-
-    const mappedData = useMemo(() => {
-        if (!plantingLocationsData || !plantingLocationsData.events) {
-            return [];
-        }
-
-        const { locations = [], events } = plantingLocationsData;
-
-        // Filter events that have valid GPS coordinates
-        const eventsWithGPS = events.filter(event =>
-            event.locationCheckArrival &&
-            event.locationCheckArrival.latitude &&
-            event.locationCheckArrival.longitude
-        );
-
-        return eventsWithGPS.map((event, index) => {
-            const locationCheckArrival = event.locationCheckArrival;
-
-            const matchingLocation = locations.find(location =>
-                locationCheckArrival.name === location.name ||
-                locationCheckArrival._id === location.id ||
-                location.id === locationCheckArrival._id
-            ) || locations[0]; 
-
-            
-            const area = matchingLocation?.perimeter ? matchingLocation.perimeter.map(coord =>
-                Array.isArray(coord) && coord.length >= 2
-                    ? [coord[1], coord[0]] 
-                    : coord
-            ) : [];
-
-           
-            const gps = {
-                latitude: locationCheckArrival.latitude,
-                longitude: locationCheckArrival.longitude
-            };
-
-         
-            const color = "#15FFFFB2"
-
-            const locationName = matchingLocation?.name || locationCheckArrival.name || 'Planting Location';
-
-            return {
-                _id: locationCheckArrival._id || event._id || {},
-                area: area,
-                color: color,
-                datastakeId: `LOC-${String(index + 1).padStart(9, '0')}`,
-                gps: gps,
-                id: matchingLocation?.id || locationCheckArrival._id || `event-${index}`,
-                name: event.name || t("Activity Start"),
-                date: event.date,
-                sources: 1,
-                subTitle: event.date ? renderDateFormatted(event.date, "DD MMM YY") : locationName,
-                plotName: locationName,
-                territoryTitle: locationName,
-                type: 'Planting Location'
-            };
-        });
-    }, [plantingLocationsData, t]);
-
-    return (
-        <section>
-            <Widget
-                title={t("Planting Locations")}
-                className="no-px h-w-btn-header no-pt-body  no-p-body no-pb-body"
-                style={{ height: '100%', display: 'flex', flexDirection: 'column' }}
-            >
-                <MineSiteMap
-                    data={mappedData}
-                    link
-                    style={{ height: '100%', width: '100%' }}
-                    maxZoom={18}
-                    isSatellite={true}
-                    onClickLink={() => { }}
-                    onFilterChange={() => { }}
-                    primaryLink
-                    renderTooltipForLocation={(data) => {
-                        const coordinates = data.gps?.latitude && data.gps?.longitude
-                            ? convertDMS(data.gps.latitude, data.gps.longitude)
-                            : null;
-
-                        if (!coordinates) {
-                            return [];
-                        }
-
-                        const iconColor = "#016C6E"; // Activity Start color
-
-                        return [
-                            {
-                                label: t("Coordinates"),
-                                value: (
-                                    <div style={{ display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'nowrap' }}>
-                                        {/* Latitude icon (vertical) */}
-                                        <div style={{ display: 'flex', alignItems: 'center' }}>
-                                            <CustomIcon 
-                                                name="SpacingHeight" 
-                                                width={14} 
-                                                height={14} 
-                                                color={iconColor}
-                                            />
-                                            <span style={{ fontWeight: 600, marginLeft: '4px' }}>{coordinates[0]}</span>
-                                        </div>
-                                        {/* Longitude icon (horizontal) */}
-                                        <div style={{ display: 'flex', alignItems: 'center' }}>
-                                            <CustomIcon 
-                                                name="SpacingWidth" 
-                                                width={14} 
-                                                height={14} 
-                                                color={iconColor}
-                                            />
-                                            <span style={{ fontWeight: 600, marginLeft: '4px' }}>{coordinates[1]}</span>
-                                        </div>
-                                    </div>
-                                ),
-                            },
-                        ];
-                    }}
-                    renderTooltipForTerritory={(data) => {
-                        return [
-                            {
-                                label: t("Plot Name"),
-                                value: data.plotName || data.name || "--",
-                            },
-                        ];
-                    }}
-                    renderTooltipTags={() => { }}
-                    type="location-territory"
-                />
-            </Widget>
-        </section>
-    );
+  const defaultConfig = useMemo(
+      () => ({
+          basepath: "planting-cycle",
+          url: `/summary/${id}/locations`,
+          stop: !id,
+      }),
+      [id],
+  );
+
+  const customGetData = useMemo(() => {
+      if (getSummaryDetail && id) {
+          return ({ url, params = {} }) => {
+              const match = url.match(/\/summary\/[^/]+\/(.+)/);
+              if (match) {
+                  const [, type] = match;
+                  return getSummaryDetail(id, type, params);
+              }
+              throw new Error(`Invalid URL format: ${url}`);
+          };
+      }
+      return undefined;
+  }, [getSummaryDetail, id]);
+
+  const { loading: plantingLocationsLoading, data: plantingLocationsData } = useWidgetFetch({
+      config: defaultConfig,
+      getData: customGetData
+  });
+
+
+  const mappedData = useMemo(() => {
+      if (!plantingLocationsData || !plantingLocationsData.events) {
+          return [];
+      }
+
+      const { locations = [], events } = plantingLocationsData;
+
+      // Filter events that have valid GPS coordinates
+      const eventsWithGPS = events.filter(event =>
+          event.locationCheckArrival &&
+          event.locationCheckArrival.latitude &&
+          event.locationCheckArrival.longitude
+      );
+
+      return eventsWithGPS.map((event, index) => {
+          const locationCheckArrival = event.locationCheckArrival;
+
+          const matchingLocation = locations.find(location =>
+              locationCheckArrival.name === location.name ||
+              locationCheckArrival._id === location.id ||
+              location.id === locationCheckArrival._id
+          ) || locations[0];
+
+        
+          const area = matchingLocation?.perimeter ? matchingLocation.perimeter.map(coord =>
+              Array.isArray(coord) && coord.length >= 2
+                  ? [coord[1], coord[0]]
+                  : coord
+          ) : null;
+
+          // Only include area if it has at least 3 valid coordinates
+          const validArea = area && Array.isArray(area) && area.length >= 3 ? area : null;
+
+       
+          const gps = {
+              latitude: locationCheckArrival.latitude,
+              longitude: locationCheckArrival.longitude
+          };
+
+     
+          const color = "#15FFFFB2"
+
+          const locationName = matchingLocation?.name || locationCheckArrival.name || 'Planting Location';
+
+          return {
+              _id: locationCheckArrival._id || event._id || {},
+              area: validArea,
+              color: color,
+              datastakeId: `LOC-${String(index + 1).padStart(9, '0')}`,
+              gps: gps,
+              id: matchingLocation?.id || locationCheckArrival._id || `event-${index}`,
+              name: event.name || t("Activity Start"),
+              date: event.date,
+              sources: 1,
+              subTitle: event.date ? renderDateFormatted(event.date, "DD MMM YY") : locationName,
+              plotName: locationName,
+              territoryTitle: locationName,
+              type: 'Planting Location'
+          };
+      });
+  }, [plantingLocationsData, t]);
+
+  return (
+      <section>
+          <Widget
+              title={t("Planting Locations")}
+              className="no-px h-w-btn-header no-pt-body  no-p-body no-pb-body"
+              style={{ height: '100%', display: 'flex', flexDirection: 'column' }}
+          >
+              <MineSiteMap
+                  data={mappedData}
+                  link
+                  style={{ height: '100%', width: '100%' }}
+                  maxZoom={18}
+                  isSatellite={true}
+                  onClickLink={() => { }}
+                  onFilterChange={() => { }}
+                  primaryLink
+                  renderTooltipForLocation={(data) => {
+                      const coordinates = data.gps?.latitude && data.gps?.longitude
+                          ? convertDMS(data.gps.latitude, data.gps.longitude)
+                          : null;
+
+                      if (!coordinates) {
+                          return [];
+                      }
+
+                      const iconColor = "#016C6E"; // Activity Start color
+
+                      return [
+                          {
+                              label: t("Coordinates"),
+                              value: (
+                                  <div style={{ display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'nowrap' }}>
+                                      {/* Latitude icon (vertical) */}
+                                      <div style={{ display: 'flex', alignItems: 'center' }}>
+                                          <CustomIcon
+                                              name="SpacingHeight"
+                                              width={14}
+                                              height={14}
+                                              color={iconColor}
+                                          />
+                                          <span style={{ fontWeight: 600, marginLeft: '4px' }}>{coordinates[0]}</span>
+                                      </div>
+                                      {/* Longitude icon (horizontal) */}
+                                      <div style={{ display: 'flex', alignItems: 'center' }}>
+                                          <CustomIcon
+                                              name="SpacingWidth"
+                                              width={14}
+                                              height={14}
+                                              color={iconColor}
+                                          />
+                                          <span style={{ fontWeight: 600, marginLeft: '4px' }}>{coordinates[1]}</span>
+                                      </div>
+                                  </div>
+                              ),
+                          },
+                      ];
+                  }}
+                  renderTooltipForTerritory={(data) => {
+                      return [
+                          {
+                              label: t("Plot Name"),
+                              value: data.plotName || data.name || "--",
+                          },
+                      ];
+                  }}
+                  renderTooltipTags={() => { }}
+                  type="location-territory"
+              />
+          </Widget>
+      </section>
+  );
 };
 
 export default PlantingLocations;
 
+
+