datastake-daf 0.6.775 → 0.6.776

package/dist/components/index.js

@@ -6623,8 +6623,8 @@ Pagination.propTypes = {
   isMobile: PropTypes__default["default"].bool
 };
 
-var _templateObject$f;
-const Style$T = styled__default["default"].div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\n\t.p-placeholder {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: transparent;\n\t\tz-index: 100;\n\t}\n"])));
+var _templateObject$g;
+const Style$T = styled__default["default"].div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\n\t.p-placeholder {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: transparent;\n\t\tz-index: 100;\n\t}\n"])));
 
 /**
  * ComponentWithFocus
@@ -6696,7 +6696,7 @@ function ComponentWithFocus(_ref) {
   });
 }
 
-var _templateObject$e;
+var _templateObject$f;
 const _excluded$x = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
 function StickyTable(_ref) {
   let {
@@ -6754,7 +6754,7 @@ function StickyTable(_ref) {
     })
   });
 }
-const Style$S = styled__default["default"].div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n\tmax-width: calc(100% - 48px);\n\tmargin-left: var(--size-lg);\n\toverflow: hidden;\n\n\t.daf-table {\n\t\tpadding: 0px;\n\t\tmargin-top: 0px;\n\n\t\t.ant-tag {\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t.daf-select-filters .filters {\n\t\tpadding-top: 16px;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t}\n\n\t.daf-table {\n\t\tpadding-top: 16px;\n\t}\n"])));
+const Style$S = styled__default["default"].div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n\tmax-width: calc(100% - 48px);\n\tmargin-left: var(--size-lg);\n\toverflow: hidden;\n\n\t.daf-table {\n\t\tpadding: 0px;\n\t\tmargin-top: 0px;\n\n\t\t.ant-tag {\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t.daf-select-filters .filters {\n\t\tpadding-top: 16px;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t}\n\n\t.daf-table {\n\t\tpadding-top: 16px;\n\t}\n"])));
 StickyTable.propTypes = {
   size: PropTypes__default["default"].any,
   maxHeight: PropTypes__default["default"].number,
@@ -7380,7 +7380,7 @@ const BorderedButton = _ref => {
   });
 };
 
-var _templateObject$d;
+var _templateObject$e;
 const variantConfig = {
   default: {
     className: "default-badge",
@@ -7498,7 +7498,7 @@ function Badge(_ref) {
     })
   });
 }
-const Style$Q = styled__default["default"].div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\tpadding: 4px;\n\tmax-width: 100%;\n\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\n\t> svg {\n\t\tflex-shrink: 0;\n\t}\n\n\t> span {\n\t\tall: unset;\n\t\tmargin-left: 4px;\n\t\tfont-weight: 600;\n\t\tfont-size: 12px;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n"])));
+const Style$Q = styled__default["default"].div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\tpadding: 4px;\n\tmax-width: 100%;\n\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\n\t> svg {\n\t\tflex-shrink: 0;\n\t}\n\n\t> span {\n\t\tall: unset;\n\t\tmargin-left: 4px;\n\t\tfont-weight: 600;\n\t\tfont-size: 12px;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n"])));
 Badge.propTypes = {
   children: PropTypes__default["default"].node,
   className: PropTypes__default["default"].string,
@@ -8814,8 +8814,8 @@ const useFooter = _ref => {
   };
 };
 
-var _templateObject$c;
-const FooterContainer = styled__default["default"].div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n\t.daf-footer {\n\t\tbackground: #ffffff;\n\t\tborder-top: 1px solid #e8e8e8;\n\t\tborder-left: none;\n\t\tborder-right: none;\n\t\tborder-bottom: none;\n\t\tborder-radius: 0;\n\t\tpadding: 24px;\n\t\tmargin: 0;\n\t\tbox-shadow: none;\n\t\tz-index: 100;\n\t\tposition: relative;\n\t\tmin-height: 80px;\n\n\t\t&.daf-footer-fixed {\n\t\t\tposition: fixed;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tz-index: 1000;\n\t\t}\n\n\t\t.daf-footer-content {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 32px;\n\n\t\t\t.daf-footer-left {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t.daf-footer-center {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.daf-footer-right {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t\tgap: 12px;\n\n\t\t\t\t.daf-footer-actions {\n\t\t\t\t\t.ant-btn {\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tpadding: 0 24px;\n\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\ttransition: all 0.3s ease;\n\t\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\t\t&.ant-btn-primary {\n\t\t\t\t\t\t\tbackground-color: var(--color-primary-70);\n\t\t\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: var(--color-primary-60);\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-60);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tbackground-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.ant-btn-default {\n\t\t\t\t\t\t\tbackground: #ffffff;\n\t\t\t\t\t\t\tcolor: #666666;\n\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-70);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.ant-btn-ghost {\n\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\tcolor: #666666;\n\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-70);\n\t\t\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.02);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* Responsive design */\n\t@media (max-width: 768px) {\n\t\t.daf-footer {\n\t\t\tmargin: 0;\n\t\t\tpadding: 16px;\n\n\t\t\t.daf-footer-content {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 16px;\n\t\t\t\talign-items: stretch;\n\n\t\t\t\t.daf-footer-left,\n\t\t\t\t.daf-footer-center,\n\t\t\t\t.daf-footer-right {\n\t\t\t\t\tflex: none;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\n\t\t\t\t.daf-footer-right {\n\t\t\t\t\t.daf-footer-actions {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* App-specific styling */\n\t&.sbg-app {\n\t\t.daf-footer {\n\t\t\tbackground: #f8f9fa;\n\t\t\tborder-color: #e9ecef;\n\t\t}\n\t}\n\n\t&.nashiriki-app {\n\t\t.daf-footer {\n\t\t\tbackground: #fff;\n\t\t\tborder-color: #d9d9d9;\n\t\t}\n\t}\n"])));
+var _templateObject$d;
+const FooterContainer = styled__default["default"].div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n\t.daf-footer {\n\t\tbackground: #ffffff;\n\t\tborder-top: 1px solid #e8e8e8;\n\t\tborder-left: none;\n\t\tborder-right: none;\n\t\tborder-bottom: none;\n\t\tborder-radius: 0;\n\t\tpadding: 24px;\n\t\tmargin: 0;\n\t\tbox-shadow: none;\n\t\tz-index: 100;\n\t\tposition: relative;\n\t\tmin-height: 80px;\n\n\t\t&.daf-footer-fixed {\n\t\t\tposition: fixed;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tz-index: 1000;\n\t\t}\n\n\t\t.daf-footer-content {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 32px;\n\n\t\t\t.daf-footer-left {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t.daf-footer-center {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.daf-footer-right {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t\tgap: 12px;\n\n\t\t\t\t.daf-footer-actions {\n\t\t\t\t\t.ant-btn {\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tpadding: 0 24px;\n\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\ttransition: all 0.3s ease;\n\t\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\t\t&.ant-btn-primary {\n\t\t\t\t\t\t\tbackground-color: var(--color-primary-70);\n\t\t\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: var(--color-primary-60);\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-60);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tbackground-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.ant-btn-default {\n\t\t\t\t\t\t\tbackground: #ffffff;\n\t\t\t\t\t\t\tcolor: #666666;\n\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-70);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.ant-btn-ghost {\n\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\tcolor: #666666;\n\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-70);\n\t\t\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.02);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* Responsive design */\n\t@media (max-width: 768px) {\n\t\t.daf-footer {\n\t\t\tmargin: 0;\n\t\t\tpadding: 16px;\n\n\t\t\t.daf-footer-content {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 16px;\n\t\t\t\talign-items: stretch;\n\n\t\t\t\t.daf-footer-left,\n\t\t\t\t.daf-footer-center,\n\t\t\t\t.daf-footer-right {\n\t\t\t\t\tflex: none;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\n\t\t\t\t.daf-footer-right {\n\t\t\t\t\t.daf-footer-actions {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* App-specific styling */\n\t&.sbg-app {\n\t\t.daf-footer {\n\t\t\tbackground: #f8f9fa;\n\t\t\tborder-color: #e9ecef;\n\t\t}\n\t}\n\n\t&.nashiriki-app {\n\t\t.daf-footer {\n\t\t\tbackground: #fff;\n\t\t\tborder-color: #d9d9d9;\n\t\t}\n\t}\n"])));
 
 function DAFFooter(_ref) {
   let {
@@ -11738,7 +11738,7 @@ function ImageWidget(_ref) {
 }
 ImageWidget.displayName = 'ImageWidget';
 
-var _templateObject$b;
+var _templateObject$c;
 const _excluded$p = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
 function FlowWidget(_ref) {
   let {
@@ -11888,7 +11888,7 @@ function Icon(_ref2) {
     return icon(status);
   }
 }
-const Style$P = styled__default["default"].div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\n\t::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\tscrollbar-width: none;\n\n\t-ms-overflow-style: none;\n\n\t@media (max-width: 532px) {\n\t\toverflow-x: hidden;\n\t}\n\n\t:where(.ant-steps-horizontal):not(.ant-steps-label-vertical) {\n\t\t.ant-steps-item-content {\n\t\t\twidth: 100%;\n\n\t\t\t.ant-steps-item-description {\n\t\t\t\tmin-width: 205px;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n"])));
+const Style$P = styled__default["default"].div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\n\t::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\tscrollbar-width: none;\n\n\t-ms-overflow-style: none;\n\n\t@media (max-width: 532px) {\n\t\toverflow-x: hidden;\n\t}\n\n\t:where(.ant-steps-horizontal):not(.ant-steps-label-vertical) {\n\t\t.ant-steps-item-content {\n\t\t\twidth: 100%;\n\n\t\t\t.ant-steps-item-description {\n\t\t\t\tmin-width: 205px;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n"])));
 FlowWidget.propTypes = {
   title: PropTypes__default["default"].string,
   loading: PropTypes__default["default"].bool,
@@ -12296,7 +12296,7 @@ const NoMinWidth = styled__default["default"].div`
 	}
 `;
 
-var _templateObject$a;
+var _templateObject$b;
 function ActivityIndicatorsWidget(_ref) {
   let {
     t = s => s,
@@ -12431,7 +12431,7 @@ function renderStatus$1(configItem) {
       });
   }
 }
-const StatusBadge = styled__default["default"].div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\n\t&.compliant {\n\t\tbackground-color: #ECFDF3;\n\t\tborder: 1px solid #A7F3D0;\n\t}\n\n\t&.not-compliant {\n\t\tbackground-color: #FEF3F2;\n\t\tborder: 1px solid #FECACA;\n\t}\n\n\t&.empty {\n\t\tbackground-color: #F9FAFB;\n\t\tborder: 1px solid #E5E7EB;\n\t}\n"])));
+const StatusBadge = styled__default["default"].div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\n\t&.compliant {\n\t\tbackground-color: #ECFDF3;\n\t\tborder: 1px solid #A7F3D0;\n\t}\n\n\t&.not-compliant {\n\t\tbackground-color: #FEF3F2;\n\t\tborder: 1px solid #FECACA;\n\t}\n\n\t&.empty {\n\t\tbackground-color: #F9FAFB;\n\t\tborder: 1px solid #E5E7EB;\n\t}\n"])));
 ActivityIndicatorsWidget.displayName = "ActivityIndicatorsWidget";
 
 function TooltipIcon(_ref) {
@@ -12454,8 +12454,6 @@ const Style$M = styled__default["default"].div`
   width: 100%;
   height: 472px;
 
-  
-
   .filter-cont {
     position: absolute; 
     top: 24px;
@@ -12558,24 +12556,11 @@ const Style$M = styled__default["default"].div`
       align-items: center;
     }
 
-    .marker-chain {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .animated-polyline {
-      stroke-dasharray: 10 10;
-      animation: dash-flow 1.5s linear infinite;
-      stroke-linecap: round;
-    }
-
-    @keyframes dash-flow {
-      to {
-        stroke-dashoffset: -20;
-      }
-    }
-
+	.marker-chain {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
     
   }
 
@@ -13021,15 +13006,18 @@ const VILLAGE = "village";
 const EXPORTER = "exporter";
 const PROCESSOR = "mineralProcessor";
 const DEPOT = "depot";
-const OPERATOR = "miningOperator";
 const MAX_EXTRA_SMALL_ZOOM_THRESHOLD = 2;
 const MAX_SMALL_ZOOM_THRESHOLD = 3;
 const MAX_MEDIUM_ZOOM_THRESHOLD = 6;
 const LOCATION_TYPES = [MINE_SITE, VILLAGE];
-const STAKEHOLDER_TYPES = [EXPORTER, PROCESSOR, DEPOT, OPERATOR];
+const STAKEHOLDER_TYPES = [EXPORTER, PROCESSOR, DEPOT];
 const RADIUS_SMALL = 15;
 const RADIUS_MEDIUM = 35;
 const RADIUS_LARGE = 60;
+const RADIUS_CURVE_SMALL = 10;
+const RADIUS_CURVE_MEDIUM = 15;
+const RADIUS_CURVE_LARGE = 20;
+const TENSION = 0.2;
 function isLocation(type) {
   return LOCATION_TYPES.includes(type);
 }
@@ -13086,6 +13074,7 @@ function getStakeholderPosition({
   const isLarge = isLargeMarker(zoom);
   let radius;
   let center = {
+    // NOT BEING USED FOR NOW AND MAYBE NEVER
     left: 0,
     top: 0
   };
@@ -13109,25 +13098,6 @@ function getStakeholderPosition({
     angleDeg
   };
 }
-function applyAnimationDirect(el, isShortLink) {
-  if (!(el instanceof SVGElement) || isShortLink) return;
-  el.style.strokeDasharray = "10, 10";
-  el.style.strokeDashoffset = "0";
-  el.style.animation = "dash-flow 1.2s linear infinite";
-  el.classList.add('animated-polyline');
-}
-function removeAnimationFromElement(element) {
-  if (!element) return;
-  element.classList.remove('animated-polyline');
-  element.style.animation = '';
-  element.style.strokeDasharray = '';
-}
-function applyAnimationToPolyline(polyline, isShortLink) {
-  const element = polyline.getElement();
-  if (element) {
-    applyAnimationDirect(element, isShortLink);
-  }
-}
 function createPolyline({
   L,
   startLatLng,
@@ -13137,48 +13107,110 @@ function createPolyline({
   zoom,
   listOfPolylines = [],
   isFromStakeholder = false,
-  isForceOpen = false,
-  stakeholderType = null,
-  animated = false,
-  mapRef
+  isForceOpen = false
 }) {
-  const lineWidth = isFromStakeholder && isExtraSmallMarker(zoom) && !isForceOpen ? 0 : 1.2;
-  const isShortLink = stakeholderType === OPERATOR || isFromStakeholder;
-  const shouldAnimate = animated;
-  const lineCoordinates = [[startLatLng.lat, startLatLng.lng], [endLatLng.lat, endLatLng.lng]];
-  const polylineStyle = {
+  const width = isFromStakeholder && isExtraSmallMarker(zoom) && !isForceOpen ? 0 : 1.2;
+  const coordinates = [[startLatLng.lat, startLatLng.lng], [endLatLng.lat, endLatLng.lng]];
+  const style = {
     color: "var(--base-gray-70)",
-    weight: lineWidth,
-    opacity: isSelected ? 1 : 0.5,
-    smoothFactor: 0,
+    weight: width,
+    opacity: 0.5,
+    smoothFactor: 1,
     id,
-    dashArray: isShortLink ? "0, 0" : shouldAnimate ? "10, 10" : !isSelected ? "5, 5" : "10, 10",
-    renderer: L.svg()
+    dashArray: !isSelected ? "5, 5" : "0, 0"
   };
-  const existingPolyline = listOfPolylines.find(p => p.options.id === id);
-  if (existingPolyline) {
-    removeAnimationFromElement(existingPolyline.getElement());
-    existingPolyline.setLatLngs(lineCoordinates);
-    existingPolyline.setStyle(polylineStyle);
-    if (shouldAnimate && isSelected) {
-      existingPolyline.once('add', () => {
-        applyAnimationToPolyline(existingPolyline, isShortLink);
-      });
-      applyAnimationToPolyline(existingPolyline, isShortLink);
-    }
-    return existingPolyline;
-  }
-  const newPolyline = L.polyline(lineCoordinates, polylineStyle);
-  newPolyline.addTo(mapRef);
-  listOfPolylines.push(newPolyline);
-  if (shouldAnimate && isSelected) {
-    newPolyline.once('add', () => {
-      applyAnimationToPolyline(newPolyline, isShortLink);
-    });
-    applyAnimationToPolyline(newPolyline, isShortLink);
+  const newPolyline = L.polyline(coordinates, style);
+  if (listOfPolylines.find(p => p.options.id === id)) {
+    const polylineToUpdateCoordinates = listOfPolylines.find(p => p.options.id === id);
+    polylineToUpdateCoordinates.setLatLngs(coordinates);
+    polylineToUpdateCoordinates.setStyle(style);
+  } else {
+    listOfPolylines.push(newPolyline);
   }
   return newPolyline;
 }
+function createCurvePath({
+  zoom,
+  totalMarkers,
+  markerIndex
+}) {
+  const radius = getCurvePointRadius(zoom);
+  const {
+    x,
+    y,
+    angleDeg
+  } = getAngleDeg(totalMarkers, markerIndex, radius);
+  return {
+    x,
+    y,
+    angleDeg
+  };
+}
+function getCurvePointRadius(zoom) {
+  const isSmall = isSmallMarker(zoom) || isExtraSmallMarker(zoom);
+  const isMedium = isMediumMarker(zoom);
+  if (isSmall) {
+    return RADIUS_SMALL + RADIUS_CURVE_SMALL;
+  } else if (isMedium) {
+    return RADIUS_MEDIUM + RADIUS_CURVE_MEDIUM;
+  } else {
+    return RADIUS_LARGE + RADIUS_CURVE_LARGE;
+  }
+}
+function buildSmoothCurve(layerPoints, mapRef) {
+  const path = [];
+  for (let i = 0; i < layerPoints.length - 1; i++) {
+    const p0 = layerPoints[i];
+    const p1 = layerPoints[i + 1];
+    const pPrev = layerPoints[i - 1] || p0;
+    const pNext = layerPoints[i + 2] || p1;
+    const cp1 = L__namespace.point(p0.x + (p1.x - pPrev.x) * TENSION, p0.y + (p1.y - pPrev.y) * TENSION);
+    const cp2 = L__namespace.point(p1.x - (pNext.x - p0.x) * TENSION, p1.y - (pNext.y - p0.y) * TENSION);
+    if (i === 0) {
+      path.push("M", [mapRef.layerPointToLatLng(p0).lat, mapRef.layerPointToLatLng(p0).lng]);
+    }
+    path.push("C", [mapRef.layerPointToLatLng(cp1).lat, mapRef.layerPointToLatLng(cp1).lng], [mapRef.layerPointToLatLng(cp2).lat, mapRef.layerPointToLatLng(cp2).lng], [mapRef.layerPointToLatLng(p1).lat, mapRef.layerPointToLatLng(p1).lng]);
+  }
+  return path;
+}
+function getSiblingCurveStrength(zoom) {
+  if (isExtraSmallMarker(zoom)) return RADIUS_CURVE_SMALL / 2;
+  if (isSmallMarker(zoom)) return RADIUS_CURVE_MEDIUM;
+  if (isMediumMarker(zoom)) return RADIUS_CURVE_LARGE;
+  return RADIUS_CURVE_LARGE;
+}
+function buildCurveWIthTwoSiblings({
+  mapRef,
+  startLatLng,
+  endLatLng,
+  zoom,
+  isSelected,
+  id
+}) {
+  const fromPoint = mapRef.latLngToLayerPoint(startLatLng);
+  const toPoint = mapRef.latLngToLayerPoint(endLatLng);
+  const midX = (fromPoint.x + toPoint.x) / 2;
+  const midY = (fromPoint.y + toPoint.y) / 2 + (isSmallMarker(zoom) ? RADIUS_CURVE_SMALL / 2 : 0);
+  const dx = toPoint.x - fromPoint.x;
+  const dy = toPoint.y - fromPoint.y;
+  const normal = L__namespace.point(-dy, dx);
+  const length = Math.sqrt(normal.x ** 2 + normal.y ** 2) || 1;
+  const normalized = normal.multiplyBy(1 / length);
+  const curveStrength = getSiblingCurveStrength(zoom);
+  const controlPoint = L__namespace.point(midX, midY).add(normalized.multiplyBy(curveStrength));
+  const latlngs = [startLatLng, mapRef.layerPointToLatLng(controlPoint), endLatLng];
+  const layerPoints = latlngs.map(latlng => mapRef.latLngToLayerPoint(latlng));
+  const path = buildSmoothCurve(layerPoints, mapRef);
+  const curve = L__namespace.curve(path, {
+    color: "var(--base-gray-70)",
+    weight: isExtraSmallMarker(zoom) ? 0 : 1.2,
+    opacity: 0.5,
+    smoothFactor: 1,
+    id,
+    dashArray: !isSelected ? "5, 5" : "0, 0"
+  });
+  mapRef.addLayer(curve);
+}
 
 const StakeholderMarker = styled__default["default"].div`
 	background-color: var(--blue-50);
@@ -13479,9 +13511,6 @@ function StakeholderIcon$1({
     return null;
   }, [parentId, allData]);
   React.useEffect(() => {
-    if (selectedMarkersId.length === 0 || !isSelected) {
-      return;
-    }
     linkNodesData.map(node => {
       const isConnectingToStakeholder = node.isStakeholder;
       const id = `${data.datastakeId}-${node.stakeholderId || node.datastakeId}`;
@@ -13493,6 +13522,8 @@ function StakeholderIcon$1({
       const stakeholderPoint = centerPoint.add(L__namespace.point(x, y));
       const stakeholderLatLng = mapRef.layerPointToLatLng(stakeholderPoint);
       let endLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
+      const areNextToEachOther = targetMarkerIndex === index + 1 || targetMarkerIndex === index - 1 || index === 0 && targetMarkerIndex === node.totalStakeholders - 1 || targetMarkerIndex === 0 && index === node.totalStakeholders - 1;
+      const areOnlyTwoSiblings = node.totalStakeholders === 2;
       if (isExtraSmallMarker(zoom) && !isForceOpen) {
         createPolyline({
           L: L__namespace,
@@ -13502,8 +13533,7 @@ function StakeholderIcon$1({
           zoom,
           isSelected,
           id,
-          listOfPolylines: polylinesRef.current,
-          animated: true
+          listOfPolylines: polylinesRef.current
         });
         return;
       }
@@ -13521,8 +13551,61 @@ function StakeholderIcon$1({
         const nodePoint = mapRef.latLngToLayerPoint(nodeLatLng);
         const endPoint = L__namespace.point(x + nodePoint.x + center.left, y + nodePoint.y + center.top);
         endLatLng = mapRef.layerPointToLatLng(endPoint);
+        if (isSibling && (!areNextToEachOther || areOnlyTwoSiblings)) {
+          if (areOnlyTwoSiblings) {
+            buildCurveWIthTwoSiblings({
+              mapRef,
+              startLatLng: stakeholderLatLng,
+              endLatLng,
+              zoom,
+              isSelected,
+              id
+            });
+            return;
+          }
+          const total = node.totalStakeholders;
+          let from = index;
+          let to = targetMarkerIndex;
+          let flip = false;
+          const forwardDistance = (to - from + total) % total;
+          const backwardDistance = (from - to + total) % total;
+          if (backwardDistance < forwardDistance) {
+            [from, to] = [to, from];
+            flip = true;
+          }
+          const intermediateIndices = [];
+          for (let i = 1; i < (to - from + total) % total; i++) {
+            intermediateIndices.push((from + i) % total);
+          }
+          const indices = [from, ...intermediateIndices, to];
+          const intermediatePoints = [];
+          for (const i of indices) {
+            const {
+              x,
+              y
+            } = createCurvePath({
+              zoom,
+              totalMarkers: node.totalStakeholders,
+              markerIndex: i
+            });
+            const point = centerPoint.add(L__namespace.point(x, y));
+            const latlng = mapRef.layerPointToLatLng(point);
+            intermediatePoints.push(latlng);
+          }
+          const latlngs = flip ? [endLatLng, ...intermediatePoints, stakeholderLatLng] : [stakeholderLatLng, ...intermediatePoints, endLatLng];
+          const layerPoints = latlngs.map(latlng => mapRef.latLngToLayerPoint(latlng));
+          const path = buildSmoothCurve(layerPoints, mapRef);
+          const curve = L__namespace?.curve?.(path, {
+            color: "var(--base-gray-70)",
+            weight: isExtraSmallMarker(zoom) ? 0 : 1,
+            opacity: isSelected ? 1 : 0.5,
+            smoothFactor: 1,
+            id
+          });
+          mapRef.addLayer(curve);
+          return;
+        }
       }
-      // Always use straight lines
       createPolyline({
         L: L__namespace,
         mapRef,
@@ -13532,11 +13615,10 @@ function StakeholderIcon$1({
         isFromStakeholder: false,
         isSelected,
         id,
-        listOfPolylines: polylinesRef.current,
-        animated: true
+        listOfPolylines: polylinesRef.current
       });
     });
-  }, [mapRef, x, y, parentData, linkNodesData, isSelected, zoom, isForceOpen, selectedMarkersId]);
+  }, [mapRef, x, y, parentData, linkNodesData, isSelected, zoom, isForceOpen]);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
       content: renderTooltipJsx({
@@ -13603,8 +13685,6 @@ function LocationIcon({
   const linkedNodesData = React.useMemo(() => {
     const nodes = [];
     const links = data.links || [];
-
-    // Add links from the location itself
     links.forEach(link => {
       allData.forEach(d => {
         if (d.datastakeId === link) {
@@ -13624,45 +13704,8 @@ function LocationIcon({
         }
       });
     });
-
-    // ADD: Also include links from this location's stakeholders
-    const stakeholders = data.stakeholders || [];
-    stakeholders.forEach(stakeholder => {
-      const stakeholderLinks = stakeholder.links || [];
-      stakeholderLinks.forEach(link => {
-        allData.forEach(d => {
-          // Check if it's a direct location link
-          if (d.datastakeId === link) {
-            // Avoid duplicates
-            if (!nodes.find(n => n.datastakeId === link && !n.isStakeholder)) {
-              nodes.push({
-                ...d,
-                fromStakeholderId: stakeholder.datastakeId
-              });
-            }
-          }
-          // Check if it's a stakeholder link
-          if (d.stakeholders && d.stakeholders.length > 0) {
-            d.stakeholders.forEach(targetStakeholder => {
-              if (targetStakeholder.datastakeId === link) {
-                // Avoid duplicates
-                if (!nodes.find(n => n.isStakeholder && n.datastakeId === d.datastakeId && n.stakeholdersIndex === d.stakeholders.indexOf(targetStakeholder))) {
-                  nodes.push({
-                    ...d,
-                    isStakeholder: true,
-                    totalStakeholders: d.stakeholders.length,
-                    stakeholdersIndex: d.stakeholders.indexOf(targetStakeholder),
-                    fromStakeholderId: stakeholder.datastakeId
-                  });
-                }
-              }
-            });
-          }
-        });
-      });
-    });
     return nodes;
-  }, [JSON.stringify(allData), JSON.stringify(data.links), JSON.stringify(data.stakeholders), zoom]);
+  }, [JSON.stringify(allData), JSON.stringify(data.links), zoom]);
   const stakeholdersOfLocation = React.useMemo(() => {
     return data?.stakeholders || [];
   }, [data.stakeholders, zoom]);
@@ -13680,13 +13723,7 @@ function LocationIcon({
     currentRoots.clear();
     markersRef.current = [];
 
-    // Only create stakeholder markers if this location or any of its stakeholders are selected
-    const shouldShowStakeholders = isSelected || stakeholdersOfLocation.some(stk => selectedMarkersId.includes(stk.datastakeId));
-    if (!shouldShowStakeholders || selectedMarkersId.length === 0) {
-      return;
-    }
-
-    // Create new markers only when selected
+    // Create new markers
     stakeholdersOfLocation.forEach((stakeholder, index) => {
       const markerId = `${stakeholder.datastakeId}`;
       const {
@@ -13772,9 +13809,7 @@ function LocationIcon({
         zoom,
         isFromStakeholder: true,
         isForceOpen,
-        listOfPolylines: polylinesRef.current,
-        stakeholderType: stakeholder.type,
-        animated: true
+        listOfPolylines: polylinesRef.current
       });
     });
     return () => {
@@ -13789,88 +13824,38 @@ function LocationIcon({
       rootsMapRef.current.clear();
       markersRef.current = [];
     };
-  }, [stakeholdersOfLocation, selectedMarkersId, activeMarker, zoom]);
-
-  // Only create polylines for linked nodes when something is selected
-  React.useEffect(() => {
-    if (selectedMarkersId.length === 0) {
-      return;
-    }
-
-    // IMPORTANT: Only draw links if this location is actually selected
-    // Not just highlighted as part of the chain
-    if (!isSelected) {
-      return;
-    }
-
-    // Filter linkedNodesData to only include nodes that are in the selected chain
-    const relevantLinks = linkedNodesData.filter(node => {
-      // Check if the target node (location) is in the selected markers
-      const targetLocationInSelection = selectedMarkersId.includes(node.datastakeId);
-
-      // If connecting to a stakeholder, check if that stakeholder is selected
-      if (node.isStakeholder) {
-        const stakeholderInSelection = node.stakeholdersIndex !== undefined && selectedMarkersId.includes(node.datastakeId);
-        return stakeholderInSelection;
-      }
-      return targetLocationInSelection;
-    });
-    relevantLinks.forEach(node => {
-      const id = node.fromStakeholderId ? `${node.fromStakeholderId}-${node.datastakeId}` : `${data.datastakeId}-${node.datastakeId}`;
-      const isConnectingToStakeholder = node.isStakeholder;
-
-      // If the link is from a stakeholder, start from the stakeholder position
-      let startLatLng;
-      if (node.fromStakeholderId) {
-        // Find the stakeholder index in this location's stakeholders
-        const stakeholderIndex = stakeholdersOfLocation.findIndex(s => s.datastakeId === node.fromStakeholderId);
-        if (stakeholderIndex !== -1) {
-          const {
-            x,
-            y
-          } = getStakeholderPosition({
-            zoom,
-            totalMarkers: stakeholdersOfLocation.length,
-            markerIndex: stakeholderIndex
-          });
-          const centerLatLng = L__namespace.latLng(data.gps.latitude, data.gps.longitude);
-          const centerPoint = mapRef.latLngToLayerPoint(centerLatLng);
-          const stakeholderPoint = centerPoint.add(L__namespace.point(x, y));
-          startLatLng = mapRef.layerPointToLatLng(stakeholderPoint);
-        } else {
-          startLatLng = L__namespace.latLng(data.gps.latitude, data.gps.longitude);
-        }
-      } else {
-        startLatLng = L__namespace.latLng(data.gps.latitude, data.gps.longitude);
-      }
-      let endLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
-      const isConnectingToStakeholderSelected = selectedMarkersId.includes(node.datastakeId);
-      if (isConnectingToStakeholder && !isExtraSmallMarker(zoom)) {
-        const {
-          x,
-          y
-        } = getStakeholderPosition({
-          zoom,
-          totalMarkers: node.totalStakeholders,
-          markerIndex: node.stakeholdersIndex
-        });
-        const nodeLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
-        const nodePoint = mapRef.latLngToLayerPoint(nodeLatLng);
-        const endPoint = L__namespace.point(x + nodePoint.x, y + nodePoint.y);
-        endLatLng = mapRef.layerPointToLatLng(endPoint);
-      }
-      createPolyline({
-        L: L__namespace,
-        mapRef,
-        startLatLng,
-        endLatLng,
-        isSelected: isConnectingToStakeholderSelected,
-        id,
+  }, [stakeholdersOfLocation, selectedMarkersId, activeMarker]);
+  linkedNodesData.map(node => {
+    const id = `${data.datastakeId}-${node.datastakeId}`;
+    const isConnectingToStakeholder = node.isStakeholder;
+    const centerLatLng = L__namespace.latLng(data.gps.latitude, data.gps.longitude);
+    let endLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
+    const isConnectingToStakeholderSelected = selectedMarkersId.includes(node.datastakeId);
+    if (isConnectingToStakeholder && !isExtraSmallMarker(zoom)) {
+      const {
+        x,
+        y
+      } = getStakeholderPosition({
         zoom,
-        listOfPolylines: polylinesRef.current
-      });
+        totalMarkers: node.totalStakeholders,
+        markerIndex: node.stakeholdersIndex
+      });
+      const nodeLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
+      const nodePoint = mapRef.latLngToLayerPoint(nodeLatLng);
+      const endPoint = L__namespace.point(x + nodePoint.x, y + nodePoint.y);
+      endLatLng = mapRef.layerPointToLatLng(endPoint);
+    }
+    createPolyline({
+      L: L__namespace,
+      mapRef,
+      startLatLng: centerLatLng,
+      endLatLng,
+      isSelected: isConnectingToStakeholderSelected,
+      id,
+      zoom,
+      listOfPolylines: polylinesRef.current
     });
-  }, [linkedNodesData, selectedMarkersId, zoom, stakeholdersOfLocation, isSelected]);
+  });
   return /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
     content: renderTooltipJsx({
       title: data.name,
@@ -14386,8 +14371,7 @@ function useMapHelper$1({
           link: link,
           onClickLink: onClickLink,
           activeStakeholder: activeStakeholder,
-          setActiveStakeholder: setActiveStakeholder,
-          mapRef: mapRef
+          setActiveStakeholder: setActiveStakeholder
         }));
         roots.current.push(root);
       } else if (type === "location") {
@@ -14592,8 +14576,7 @@ const useMap$1 = ({
     MAP_TOKEN
   } = useMapConfig({
     app,
-    isSatellite,
-    mapRef: container
+    isSatellite
   });
   const [initialMarkerSetIsDone, setInitialMarkerSetIsDone] = React.useState(false);
   const [mapCenter, setMapCenter] = React.useState([0, 0]);
@@ -14610,8 +14593,6 @@ const useMap$1 = ({
     const graph = new Map();
     const stakeToLoc = new Map();
     const nodeTypes = new Map();
-
-    // Build the graph
     for (const loc of data) {
       const locId = loc.datastakeId;
       nodeTypes.set(locId, loc.type);
@@ -14636,45 +14617,26 @@ const useMap$1 = ({
       }
     }
     const highlightTable = {};
-
-    // Perform BFS/DFS to find all connected nodes in the entire chain
     for (const [node] of graph) {
       const highlighted = new Set();
-      const queue = [node];
-      const visited = new Set([node]);
-      while (queue.length > 0) {
-        const current = queue.shift();
-        highlighted.add(current);
-
-        // Add parent location if current is stakeholder
-        const currentIsStakeholder = !isLocation(nodeTypes.get(current));
-        if (currentIsStakeholder && stakeToLoc.has(current)) {
-          const parentLoc = stakeToLoc.get(current);
-          if (!visited.has(parentLoc)) {
-            highlighted.add(parentLoc);
-            visited.add(parentLoc);
-            queue.push(parentLoc);
-          }
-        }
-
-        // Traverse all neighbors
-        for (const neighbor of graph.get(current) || []) {
-          if (!visited.has(neighbor)) {
-            visited.add(neighbor);
-            queue.push(neighbor);
+      highlighted.add(node);
+      const nodeIsStakeholder = !isLocation(nodeTypes.get(node));
+      if (nodeIsStakeholder && stakeToLoc.has(node)) {
+        const parentLoc = stakeToLoc.get(node);
+        highlighted.add(parentLoc);
+      }
+      for (const neighbor of graph.get(node) || []) {
+        const neighborIsStakeholder = !isLocation(nodeTypes.get(neighbor));
+        if (neighborIsStakeholder && stakeToLoc.has(neighbor)) {
+          const neighborParent = stakeToLoc.get(neighbor);
+          if (isLocation(nodeTypes.get(node)) && neighborParent === node || nodeIsStakeholder && stakeToLoc.get(node) === neighborParent) {
             highlighted.add(neighbor);
-
-            // If neighbor is stakeholder, add its parent location
-            const neighborIsStakeholder = !isLocation(nodeTypes.get(neighbor));
-            if (neighborIsStakeholder && stakeToLoc.has(neighbor)) {
-              const neighborParent = stakeToLoc.get(neighbor);
-              if (!visited.has(neighborParent)) {
-                highlighted.add(neighborParent);
-                visited.add(neighborParent);
-                queue.push(neighborParent);
-              }
-            }
+          } else {
+            highlighted.add(neighbor);
+            highlighted.add(neighborParent);
           }
+        } else {
+          highlighted.add(neighbor);
         }
       }
       highlightTable[node] = [...highlighted];
@@ -14739,29 +14701,19 @@ const useMap$1 = ({
         });
       }
     }
-    if (type === "chain" && selectedMarkersId.length === 0) {
-      if (polylinesRef.current.length) {
-        polylinesRef.current.forEach(polyline => {
-          if (mapRef.hasLayer(polyline)) {
-            mapRef.removeLayer(polyline);
-          }
-        });
-        polylinesRef.current = [];
-      }
-    }
     clearMapMarkers();
     if (data) {
-      const filteredData = data?.filter(obj => obj.type === 'mineSite' || obj?.stakeholders?.length > 0 || data.some(other => other.datastakeId !== obj.datastakeId && (other.stakeholders || []).some(stk => (stk.links || []).includes(obj.datastakeId))));
+      // Filters out locations that are not connected to any stakeholders
+      const excludedType = ['village', 'town', 'area', 'territory'];
+      const filteredData = data?.filter(obj => !excludedType.includes(obj?.type) && (obj?.stakeholders?.length > 0 || data.some(other => other.datastakeId !== obj.datastakeId && (other.stakeholders || []).some(stk => (stk.links || []).includes(obj.datastakeId)))));
       const maxTotal = Math.max(...(data || []).map(d => d.total));
       const dataToRender = type === "chain" ? filteredData : data;
       dataToRender.forEach((d, i) => {
         addIconToMapInitialy([d?.marker?.lat, d?.marker?.lng], "location", d.category || "mineSite", d, maxTotal, i);
       });
-      if (selectedMarkersId.length > 0) {
-        polylinesRef.current.forEach(polyline => {
-          mapRef.addLayer(polyline);
-        });
-      }
+      polylinesRef.current.forEach(polyline => {
+        mapRef.addLayer(polyline);
+      });
       mapRef.invalidateSize();
       mapRef.fire("moveend");
     }
@@ -17750,7 +17702,7 @@ const getGoalConfig = () => {
   }];
 };
 
-var _templateObject$9;
+var _templateObject$a;
 const _excluded$k = ["title", "activeSdgGoals", "t"];
 function SDGWidget(_ref) {
   let {
@@ -17779,10 +17731,10 @@ function SDGWidget(_ref) {
     })
   }));
 }
-const SDGContainer = styled__default["default"].div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(53px, 1fr));\n\tgap: 8px;\n\n\t.sdg-item {\n\t\theight: 53px;\n\t\twidth: 53px;\n\t\tborder-radius: 8px;\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\n\t.sdg-item-content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\theight: 100%;\n\t\tcolor: white;\n\t\ttext-align: center;\n\t}\n"])));
+const SDGContainer = styled__default["default"].div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(53px, 1fr));\n\tgap: 8px;\n\n\t.sdg-item {\n\t\theight: 53px;\n\t\twidth: 53px;\n\t\tborder-radius: 8px;\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\n\t.sdg-item-content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\theight: 100%;\n\t\tcolor: white;\n\t\ttext-align: center;\n\t}\n"])));
 
-var _templateObject$8;
-const Style$F = styled__default["default"].div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\n\t.p-placeholder {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: transparent;\n\t\tz-index: 100;\n\t\tcursor: default;\n\t}\n"])));
+var _templateObject$9;
+const Style$F = styled__default["default"].div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\n\t.p-placeholder {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: transparent;\n\t\tz-index: 100;\n\t\tcursor: default;\n\t}\n"])));
 
 /**
  * ComponentWithHoverFocus
@@ -25414,7 +25366,7 @@ const countriesPhoneNumberLength = {
   ZW: 9
 };
 
-var _templateObject$7;
+var _templateObject$8;
 const dialCodes = Object.keys(countriesList.countries).map(country => {
   return {
     name: country === 'XK' ? "+383" : "+".concat(countriesList.countries[country].phone.split(',')[0]),
@@ -25425,7 +25377,7 @@ const dialCodes = Object.keys(countriesList.countries).map(country => {
     length: countriesPhoneNumberLength[country] || 9
   };
 }).sort((a, b) => a.countryName > b.countryName ? 1 : b.countryName > a.countryName ? -1 : 0);
-const Styles$9 = styled__default["default"].div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n\n  .input-c {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    flex-grow: 1;\n    align-items: center;\n    position: relative\n\n    &.highlighted-input {\n      border: 0.5px solid #FF7A45;\n      border-radius: 8px;\n    }\n\n    .ant-select {\n      width: ", ";\n      .ant-select-selector {\n        border-top-right-radius: 0;\n        background-color: var(--base-gray-20);\n        border-bottom-right-radius: 0;\n      }\n    }\n    .ant-input-number {\n      border-left: none;\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n\n      .ant-input-number-handler-wrap {\n        display: none;\n      }\n      width: 100%;\n    }\n\n    &.has-error {\n      .error-icon {\n        position: absolute;\n        right: 10px;\n        color: red;\n        top: 50%;\n        transform: translate(0%, -50%);\n      }\n    }\n  }\n\n  .ant-form-item-explain-error {\n    margin-bottom: 0px;\n  }\n"])), props => props.customSelectWidthPercentage || '100%');
+const Styles$9 = styled__default["default"].div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n\n  .input-c {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    flex-grow: 1;\n    align-items: center;\n    position: relative\n\n    &.highlighted-input {\n      border: 0.5px solid #FF7A45;\n      border-radius: 8px;\n    }\n\n    .ant-select {\n      width: ", ";\n      .ant-select-selector {\n        border-top-right-radius: 0;\n        background-color: var(--base-gray-20);\n        border-bottom-right-radius: 0;\n      }\n    }\n    .ant-input-number {\n      border-left: none;\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n\n      .ant-input-number-handler-wrap {\n        display: none;\n      }\n      width: 100%;\n    }\n\n    &.has-error {\n      .error-icon {\n        position: absolute;\n        right: 10px;\n        color: red;\n        top: 50%;\n        transform: translate(0%, -50%);\n      }\n    }\n  }\n\n  .ant-form-item-explain-error {\n    margin-bottom: 0px;\n  }\n"])), props => props.customSelectWidthPercentage || '100%');
 function PhoneInput(_ref) {
   let {
     className,
@@ -41960,13 +41912,8 @@ const Navigation = _ref => {
   }) : null;
 };
 
-const StyledSelect = styled__default["default"](antd.Select)`
-  width: 100%;
-  
-  .ant-select-arrow {
-    margin-top: 1px !important;
-  }
-`;
+var _templateObject$7;
+const StyledSelect = styled__default["default"](antd.Select)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  width: 100%;\n  \n  .ant-select-arrow {\n    margin-top: 1px !important;\n  }\n"])));
 
 const _excluded$d = ["onChange", "value"];
 function AuthForm(_ref) {