datastake-daf 0.6.759 → 0.6.760

package/dist/components/index.js

@@ -4754,7 +4754,7 @@ const config$2 = {
   SpacingWidth: config$3
 };
 
-const _excluded$z = ["width", "height", "size", "name", "fill"];
+const _excluded$B = ["width", "height", "size", "name", "fill"];
 const CustomIcon = _ref => {
   let {
       width = 14,
@@ -4763,7 +4763,7 @@ const CustomIcon = _ref => {
       name = "",
       fill = "none"
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$z);
+    props = _objectWithoutProperties(_ref, _excluded$B);
   const conf = config$2[name];
   if (conf) {
     return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -5052,7 +5052,7 @@ createCommonjsModule(function (module, exports) {
 !function(e,n){module.exports=n();}(commonjsGlobal,(function(){return {name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var n=["th","st","nd","rd"],t=e%100;return "["+e+(n[(t-20)%10]||n[t]||n[0])+"]"}}}));
 });
 
-const _excluded$y = ["view", "module", "scope", "form", "meta", "createdAt", "updatedAt"];
+const _excluded$A = ["view", "module", "scope", "form", "meta", "createdAt", "updatedAt"];
 dayjs__default["default"].extend(customParseFormat);
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(utc);
@@ -5428,7 +5428,7 @@ const filterCreateData = data => {
       createdAt,
       updatedAt
     } = data,
-    rest = _objectWithoutProperties(data, _excluded$y);
+    rest = _objectWithoutProperties(data, _excluded$A);
   const _meta = isObjectEmpty(meta) ? undefined : meta;
   return _objectSpread2(_objectSpread2({}, rest), {}, {
     meta: _meta
@@ -5824,7 +5824,7 @@ SelectFilters.propTypes = {
   apiUrl: PropTypes__default["default"].string
 };
 
-const _excluded$x = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
+const _excluded$z = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
 function DAFTable(_ref) {
   let {
       columns = [],
@@ -5855,7 +5855,7 @@ function DAFTable(_ref) {
       app,
       doEmptyRows
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$x);
+    rest = _objectWithoutProperties(_ref, _excluded$z);
   const [source, setSource] = React.useState([]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
@@ -6588,8 +6588,8 @@ Pagination.propTypes = {
   isMobile: PropTypes__default["default"].bool
 };
 
-var _templateObject$e;
-const Style$S = styled__default["default"].div(_templateObject$e || (_templateObject$e = _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$f;
+const Style$S = 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"])));
 
 /**
  * ComponentWithFocus
@@ -6661,8 +6661,8 @@ function ComponentWithFocus(_ref) {
   });
 }
 
-var _templateObject$d;
-const _excluded$w = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
+var _templateObject$e;
+const _excluded$y = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
 function StickyTable(_ref) {
   let {
       size = "small",
@@ -6673,7 +6673,7 @@ function StickyTable(_ref) {
       pagination = false,
       doEmptyRows = true
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$w);
+    props = _objectWithoutProperties(_ref, _excluded$y);
   const data = React__default["default"].useMemo(() => {
     if (!doEmptyRows) {
       return dataSource;
@@ -6719,7 +6719,7 @@ function StickyTable(_ref) {
     })
   });
 }
-const Style$R = styled__default["default"].div(_templateObject$d || (_templateObject$d = _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$R = 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"])));
 StickyTable.propTypes = {
   size: PropTypes__default["default"].any,
   maxHeight: PropTypes__default["default"].number,
@@ -7155,6 +7155,35 @@ MoreOptions.propTypes = {
   limit: PropTypes__default["default"].number
 };
 
+const NavigationAction = _ref => {
+  let {
+    onClick,
+    theme
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    style: {
+      display: "flex",
+      justifyContent: "center"
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx("button", {
+      onClick: onClick,
+      style: {
+        cursor: 'pointer',
+        border: 'none',
+        background: 'transparent',
+        padding: 0,
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "Link",
+        size: 15,
+        color: theme.baseGray70
+      })
+    })
+  });
+};
+
 const BTN_TYPES = {
   DASHED: 'dashed',
   DEFAULT: 'default',
@@ -7169,7 +7198,7 @@ const BTN_SIZE = {
   LG: 'large'
 };
 
-const _excluded$v = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
+const _excluded$x = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
 function DafButton(_ref) {
   let {
       content = '',
@@ -7183,7 +7212,7 @@ function DafButton(_ref) {
       style = {},
       className = ''
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
+    restProps = _objectWithoutProperties(_ref, _excluded$x);
   return /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
     icon: icon,
     type: type,
@@ -7302,12 +7331,12 @@ const Style$Q = styled__default["default"].div`
   }
 `;
 
-const _excluded$u = ["children"];
+const _excluded$w = ["children"];
 const BorderedButton = _ref => {
   let {
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$u);
+    props = _objectWithoutProperties(_ref, _excluded$w);
   return /*#__PURE__*/jsxRuntime.jsx(Style$Q, {
     className: "d-btn-cont",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -7316,7 +7345,7 @@ const BorderedButton = _ref => {
   });
 };
 
-var _templateObject$c;
+var _templateObject$d;
 const variantConfig = {
   default: {
     className: "default-badge",
@@ -7434,7 +7463,7 @@ function Badge(_ref) {
     })
   });
 }
-const Style$P = styled__default["default"].div(_templateObject$c || (_templateObject$c = _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$P = 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"])));
 Badge.propTypes = {
   children: PropTypes__default["default"].node,
   className: PropTypes__default["default"].string,
@@ -7447,12 +7476,12 @@ Badge.propTypes = {
   props: PropTypes__default["default"].object
 };
 
-const _excluded$t = ["icon"];
+const _excluded$v = ["icon"];
 function GetIcon(_ref) {
   let {
       icon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$t);
+    props = _objectWithoutProperties(_ref, _excluded$v);
   let Icon = Icons__namespace.CloseOutlined;
   if (Icons__namespace[icon]) {
     Icon = Icons__namespace[icon];
@@ -7771,7 +7800,7 @@ GoToSelect.propTypes = {
   t: PropTypes__default["default"].func
 };
 
-const _excluded$s = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
+const _excluded$u = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
   useToken: useToken$n
 } = antd.theme;
@@ -7864,7 +7893,7 @@ function Multiselect(_ref) {
       isSingle = false,
       selectionType = SELECTION_TYPES.DEFAULT
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$s);
+    restProps = _objectWithoutProperties(_ref, _excluded$u);
   const {
     token
   } = useToken$n();
@@ -8583,7 +8612,7 @@ DAFHeader.propTypes = {
   filtersConfig: PropTypes__default["default"].any
 };
 
-const _excluded$r = ["tabs", "onChange", "value", "className"];
+const _excluded$t = ["tabs", "onChange", "value", "className"];
 function TabsHeader(_ref) {
   let {
       tabs = [],
@@ -8591,7 +8620,7 @@ function TabsHeader(_ref) {
       value = '',
       className = 'mt-2'
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$r);
+    rest = _objectWithoutProperties(_ref, _excluded$t);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
@@ -8688,14 +8717,16 @@ DrawerHeader.propTypes = {
   tabsConfig: PropTypes__default["default"].any
 };
 
-const useFooter = ({
-  leftContent,
-  centerContent,
-  rightContent,
-  actionButtons,
-  app,
-  isViewMode
-}) => {
+const _excluded$s = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
+const useFooter = _ref => {
+  let {
+    leftContent,
+    centerContent,
+    rightContent,
+    actionButtons,
+    app,
+    isViewMode
+  } = _ref;
   const renderFooterContent = React.useMemo(() => {
     const FooterContent = () => /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "daf-footer-content",
@@ -8711,18 +8742,18 @@ const useFooter = ({
           className: "daf-footer-actions",
           children: actionButtons.map((button, index) => {
             const {
-              label,
-              onClick,
-              icon,
-              type = BTN_TYPES.PRIMARY,
-              tooltip,
-              disabled = false,
-              loading = false,
-              style = {},
-              className = "",
-              ...restProps
-            } = button;
-            return /*#__PURE__*/jsxRuntime.jsx(DafButton, {
+                label,
+                onClick,
+                icon,
+                type = BTN_TYPES.PRIMARY,
+                tooltip,
+                disabled = false,
+                loading = false,
+                style = {},
+                className = ""
+              } = button,
+              restProps = _objectWithoutProperties(button, _excluded$s);
+            return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
               content: label,
               type: type,
               size: BTN_SIZE.MD,
@@ -8734,9 +8765,8 @@ const useFooter = ({
               loading: loading,
               title: tooltip,
               style: style,
-              className: className,
-              ...restProps
-            }, index);
+              className: className
+            }, restProps), index);
           })
         })]
       })]
@@ -8749,180 +8779,8 @@ const useFooter = ({
   };
 };
 
-const FooterContainer = styled__default["default"].div`
-	.daf-footer {
-		background: #ffffff;
-		border-top: 1px solid #e8e8e8;
-		border-left: none;
-		border-right: none;
-		border-bottom: none;
-		border-radius: 0;
-		padding: 24px;
-		margin: 0;
-		box-shadow: none;
-		z-index: 100;
-		position: relative;
-		min-height: 80px;
-
-		&.daf-footer-fixed {
-			position: fixed;
-			bottom: 0;
-			left: 0;
-			right: 0;
-			z-index: 1000;
-		}
-
-		.daf-footer-content {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			width: 100%;
-			min-height: 32px;
-
-			.daf-footer-left {
-				flex: 1;
-				display: flex;
-				align-items: center;
-				justify-content: flex-start;
-			}
-
-			.daf-footer-center {
-				flex: 1;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-			}
-
-			.daf-footer-right {
-				flex: 1;
-				display: flex;
-				align-items: center;
-				justify-content: flex-end;
-				gap: 12px;
-
-				.daf-footer-actions {
-					.ant-btn {
-						height: 40px;
-						padding: 0 24px;
-						border-radius: 6px;
-						font-weight: 500;
-						font-size: 14px;
-						transition: all 0.3s ease;
-						border: 1px solid transparent;
-
-						&.ant-btn-primary {
-							background-color: var(--color-primary-70);
-							color: #ffffff;
-							border-color: var(--color-primary-70);
-
-							&:hover {
-								background-color: var(--color-primary-60);
-								border-color: var(--color-primary-60);
-							}
-
-							&:active {
-								background-color: var(--color-primary-80);
-								border-color: var(--color-primary-80);
-							}
-
-							&:disabled {
-								background-color: #f5f5f5;
-								color: #bfbfbf;
-								border-color: #d9d9d9;
-							}
-						}
-
-						&.ant-btn-default {
-							background: #ffffff;
-							color: #666666;
-							border-color: #d9d9d9;
-
-							&:hover {
-								border-color: var(--color-primary-70);
-								color: var(--color-primary-70);
-							}
-
-							&:active {
-								border-color: var(--color-primary-80);
-								color: var(--color-primary-80);
-							}
-
-							&:disabled {
-								background-color: #f5f5f5;
-								color: #bfbfbf;
-								border-color: #d9d9d9;
-							}
-						}
-
-						&.ant-btn-ghost {
-							background: transparent;
-							color: #666666;
-							border-color: #d9d9d9;
-
-							&:hover {
-								border-color: var(--color-primary-70);
-								color: var(--color-primary-70);
-								background: rgba(0, 0, 0, 0.02);
-							}
-
-							&:active {
-								border-color: var(--color-primary-80);
-								color: var(--color-primary-80);
-							}
-
-							&:disabled {
-								color: #bfbfbf;
-								border-color: #d9d9d9;
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-
-	/* Responsive design */
-	@media (max-width: 768px) {
-		.daf-footer {
-			margin: 0;
-			padding: 16px;
-
-			.daf-footer-content {
-				flex-direction: column;
-				gap: 16px;
-				align-items: stretch;
-
-				.daf-footer-left,
-				.daf-footer-center,
-				.daf-footer-right {
-					flex: none;
-					justify-content: center;
-				}
-
-				.daf-footer-right {
-					.daf-footer-actions {
-						justify-content: center;
-					}
-				}
-			}
-		}
-	}
-
-	/* App-specific styling */
-	&.sbg-app {
-		.daf-footer {
-			background: #f8f9fa;
-			border-color: #e9ecef;
-		}
-	}
-
-	&.nashiriki-app {
-		.daf-footer {
-			background: #fff;
-			border-color: #d9d9d9;
-		}
-	}
-`;
+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"])));
 
 function DAFFooter(_ref) {
   let {
@@ -9792,8 +9650,9 @@ const determineHasChildren = ({
 
 const sortByPosition = (items, getConfig) => {
   return items.sort((a, b) => {
-    const positionA = getConfig(a)?.position || 0;
-    const positionB = getConfig(b)?.position || 0;
+    var _getConfig, _getConfig2;
+    const positionA = ((_getConfig = getConfig(a)) === null || _getConfig === void 0 ? void 0 : _getConfig.position) || 0;
+    const positionB = ((_getConfig2 = getConfig(b)) === null || _getConfig2 === void 0 ? void 0 : _getConfig2.position) || 0;
     return positionA - positionB;
   });
 };
@@ -9810,7 +9669,7 @@ const resolveDynamicLabel = (labelConfig, item, defaultLabel) => {
       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) {
           return labelConfig[labelKey];
         }
       }
@@ -11774,7 +11633,7 @@ Widget.propTypes = {
 };
 Widget.displayName = 'Widget';
 
-const _excluded$q = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText", "isPdf"];
+const _excluded$r = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText", "isPdf"];
 function ImageWidget(_ref) {
   let {
       loading = false,
@@ -11785,7 +11644,7 @@ function ImageWidget(_ref) {
       noDescriptionText,
       isPdf = false
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$q);
+    props = _objectWithoutProperties(_ref, _excluded$r);
   const expandable = isPdf ? false : props.expandable;
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     loading: loading,
@@ -11845,7 +11704,7 @@ function ImageWidget(_ref) {
 ImageWidget.displayName = 'ImageWidget';
 
 var _templateObject$b;
-const _excluded$p = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
+const _excluded$q = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
 function FlowWidget(_ref) {
   let {
       title,
@@ -11857,7 +11716,7 @@ function FlowWidget(_ref) {
       className,
       direction = "horizontal"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$p);
+    rest = _objectWithoutProperties(_ref, _excluded$q);
   const [activeTab, setActiveTab] = React.useState();
   React.useEffect(() => {
     if (defaultActiveTab) {
@@ -15299,7 +15158,7 @@ Map$3.propTypes = {
   link: PropTypes__default["default"].any
 };
 
-const _excluded$o = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
+const _excluded$p = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
 function InExpandableWidgetMap(_ref) {
   let {
       isExpanded,
@@ -15313,7 +15172,7 @@ function InExpandableWidgetMap(_ref) {
       height,
       widgetConfig
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$o);
+    rest = _objectWithoutProperties(_ref, _excluded$p);
   const [mapKey, setMapKey] = React.useState(0);
   const [isMapReady, setIsMapReady] = React.useState(false);
   React.useEffect(() => {
@@ -17513,14 +17372,14 @@ const MapConfig = ({
   });
 };
 
-const _excluded$n = ["config", "title", "loading"];
+const _excluded$o = ["config", "title", "loading"];
 const Details = _ref => {
   let {
       config = [],
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$n);
+    rest = _objectWithoutProperties(_ref, _excluded$o);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header card",
     loading: loading,
@@ -17536,14 +17395,14 @@ const Details = _ref => {
   }));
 };
 
-const _excluded$m = ["config", "title", "loading"];
+const _excluded$n = ["config", "title", "loading"];
 const KeyIndicatorsDetails = _ref => {
   let {
       config,
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$m);
+    rest = _objectWithoutProperties(_ref, _excluded$n);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header",
     title: title,
@@ -17573,7 +17432,7 @@ const Style$F = styled__default["default"].div`
     }    
 `;
 
-const _excluded$l = ["children", "config", "detailsTitle", "firstColumnWidth"];
+const _excluded$m = ["children", "config", "detailsTitle", "firstColumnWidth"];
 const DetailsSection = _ref => {
   let {
       children,
@@ -17581,7 +17440,7 @@ const DetailsSection = _ref => {
       detailsTitle,
       firstColumnWidth = "250px"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$l);
+    rest = _objectWithoutProperties(_ref, _excluded$m);
   return /*#__PURE__*/jsxRuntime.jsx(Style$F, {
     firstColumnWidth: firstColumnWidth,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -17757,14 +17616,14 @@ const getGoalConfig = () => {
 };
 
 var _templateObject$9;
-const _excluded$k = ["title", "activeSdgGoals", "t"];
+const _excluded$l = ["title", "activeSdgGoals", "t"];
 function SDGWidget(_ref) {
   let {
       title = "Sustainable Development Goals",
       activeSdgGoals = [],
       t = key => key
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$k);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   const sdgConfig = getGoalConfig();
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     title: title,
@@ -18062,7 +17921,7 @@ function SdgList({
   });
 }
 
-const _excluded$j = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
+const _excluded$k = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
 const {
   Meta
 } = antd.Card;
@@ -18082,7 +17941,7 @@ function ProjectWidget(_ref) {
       hideSDGList = false,
       t = x => x
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   const [isHovered, setIsHovered] = React__default["default"].useState(false);
   const {
     token
@@ -18354,13 +18213,13 @@ const WidgetCard = _ref => {
   });
 };
 
-const _excluded$i = ["title", "children"];
+const _excluded$j = ["title", "children"];
 const CarouselWidget = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       title,
       children
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$i);
+    rest = _objectWithoutProperties(_ref, _excluded$j);
   /**
    * Handles carousel slide change events
    * @param {number} currentSlide - The index of the current slide after change
@@ -18524,7 +18383,7 @@ const EmptyStateContainer = styled__default["default"].div`
   }
 `;
 
-const _excluded$h = ["title", "images", "height", "fallback", "activeDotColor", "inactiveDotColor", "arrowIconColor", "arrowHoverIconColor", "customArrows", "emptyLogo", "emptyText"];
+const _excluded$i = ["title", "images", "height", "fallback", "activeDotColor", "inactiveDotColor", "arrowIconColor", "arrowHoverIconColor", "customArrows", "emptyLogo", "emptyText"];
 function ImageCarousel(_ref) {
   let {
       title,
@@ -18539,7 +18398,7 @@ function ImageCarousel(_ref) {
       emptyLogo = antd.Empty.PRESENTED_IMAGE_SIMPLE,
       emptyText = "No Image"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$h);
+    rest = _objectWithoutProperties(_ref, _excluded$i);
   const [previewVisible, setPreviewVisible] = React.useState(false);
   const [current, setCurrent] = React.useState(0);
   const carouselRef = React.useRef(null);
@@ -19179,7 +19038,8 @@ function _checkValue(wantedValue, match, fieldValue) {
   }
   return false;
 }
-function getInputProp$1(prop, formsValue = {}) {
+function getInputProp$1(prop) {
+  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (prop && typeof prop === 'object') {
     const validations = Object.keys(prop);
     const key = validations.find(v => {
@@ -19193,7 +19053,9 @@ function getInputProp$1(prop, formsValue = {}) {
     return prop;
   }
 }
-function getInputLabel$2(input, formsValue = {}, asText = false) {
+function getInputLabel$2(input) {
+  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let asText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   const label = getInputProp$1(input.label, formsValue);
   return input.description && typeof input.description === 'string' && !asText ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [ReactHtmlParser__default["default"](label), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
@@ -19400,14 +19262,22 @@ const sgbEvaluationIcons = getSgbEvaluationIcons(22, 22);
 const types = {
   MODAL: 'modal'
 };
-const isGroupInput = (group, repeatable = false, data) => {
+const isGroupInput = function (group) {
+  var _group$meta;
+  let repeatable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  let data = arguments.length > 2 ? arguments[2] : undefined;
   let resp = group.inputs && Object.keys(group.inputs).length && group.repeatable === repeatable && group.type !== 'groupInputs' && group.type !== 'group' && group.type !== 'dataLinkGroup' && group.display !== 'group' && !group.viewGroup && !group.component;
-  if (group.showIf || group?.meta?.excludeFromView) {
+  if (group.showIf || group !== null && group !== void 0 && (_group$meta = group.meta) !== null && _group$meta !== void 0 && _group$meta.excludeFromView) {
     resp = resp && showHideInput$3(group, data);
   }
   return resp;
 };
-const repeatObjects = (obj, fn = () => {}, filter = null, sort = null) => filter ? Object.keys(obj).filter(key => filter(obj[key])).map(fn) : sort ? Object.keys(obj).sort(sort).map(fn) : Object.keys(obj).map(fn);
+const repeatObjects = function (obj) {
+  let fn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
+  let filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  let sort = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  return filter ? Object.keys(obj).filter(key => filter(obj[key])).map(fn) : sort ? Object.keys(obj).sort(sort).map(fn) : Object.keys(obj).map(fn);
+};
 const conditions = new RegExp(/( is | and | not | notEmpty | includes )/gm);
 const getLastRow = (arr, cols) => {
   let currentInd = -1;
@@ -19473,28 +19343,32 @@ const checkCondition$3 = (condition, formsValue, repeatValues, input) => {
   }
 };
 const showHideInput$3 = (input, formsValue, repeatValues) => {
-  if (input.showIf && !input?.meta?.excludeFromView && !['h2', 'h3', 'h4', 'h5', 'h6'].includes(input.type)) {
+  var _input$meta, _input$meta2, _input$meta5, _input$meta7;
+  if (input.showIf && !(input !== null && input !== void 0 && (_input$meta = input.meta) !== null && _input$meta !== void 0 && _input$meta.excludeFromView) && !['h2', 'h3', 'h4', 'h5', 'h6'].includes(input.type)) {
     const isOrCond = input.showIf.indexOf('OR') >= 0;
     const allParts = input.showIf.split(/( OR | && )/gmi).filter(c => !['OR', '&&'].includes(c.trim()));
     const parts = allParts.map(condition => checkCondition$3(condition, formsValue, repeatValues, input));
     return parts.length > 0 && (isOrCond && parts.filter(p => p).length >= 1 || parts.filter(p => !p).length === 0);
   }
-  if (typeof input?.meta?.excludeFromView === 'string') {
-    const isOrCond = input?.meta?.excludeFromView.indexOf('OR') >= 0;
-    const allParts = input?.meta?.excludeFromView.split(/( OR | && )/gmi).filter(c => !['OR', '&&'].includes(c.trim()));
+  if (typeof (input === null || input === void 0 || (_input$meta2 = input.meta) === null || _input$meta2 === void 0 ? void 0 : _input$meta2.excludeFromView) === 'string') {
+    var _input$meta3, _input$meta4;
+    const isOrCond = (input === null || input === void 0 || (_input$meta3 = input.meta) === null || _input$meta3 === void 0 ? void 0 : _input$meta3.excludeFromView.indexOf('OR')) >= 0;
+    const allParts = input === null || input === void 0 || (_input$meta4 = input.meta) === null || _input$meta4 === void 0 ? void 0 : _input$meta4.excludeFromView.split(/( OR | && )/gmi).filter(c => !['OR', '&&'].includes(c.trim()));
     const parts = allParts.map(condition => checkCondition$3(condition, formsValue, repeatValues, input));
     const excludeFromView = parts.length > 0 && (isOrCond && parts.filter(p => p).length >= 1 || parts.filter(p => !p).length === 0);
     return !excludeFromView;
   }
-  if (typeof input?.meta?.excludeFromView === 'boolean') {
-    return !input?.meta?.excludeFromView;
+  if (typeof (input === null || input === void 0 || (_input$meta5 = input.meta) === null || _input$meta5 === void 0 ? void 0 : _input$meta5.excludeFromView) === 'boolean') {
+    var _input$meta6;
+    return !(input !== null && input !== void 0 && (_input$meta6 = input.meta) !== null && _input$meta6 !== void 0 && _input$meta6.excludeFromView);
   }
-  if (input?.meta?.excludeFromView || ['h2', 'h3', 'h4', 'h5', 'h6'].includes(input.type)) {
+  if (input !== null && input !== void 0 && (_input$meta7 = input.meta) !== null && _input$meta7 !== void 0 && _input$meta7.excludeFromView || ['h2', 'h3', 'h4', 'h5', 'h6'].includes(input.type)) {
     return false;
   }
   return true;
 };
-const groupSubsections = (form, onlyConf = false) => {
+const groupSubsections = function (form) {
+  let onlyConf = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return Object.keys(form).reduce((f, fKey) => {
     if (form[fKey].subSection) {
       let subName = form[fKey].subSection;
@@ -19531,25 +19405,27 @@ const groupSubsections = (form, onlyConf = false) => {
     return f;
   }, {});
 };
-const renderPlaceholder = ({
-  data,
-  config,
-  name,
-  withPlaceholder = true,
-  parent,
-  t
-}) => {
-  if (((data?.meta?.inputs || {})[name] || {}).notApplicable) {
+const renderPlaceholder = _ref => {
+  var _data$meta, _data$meta2, _config$meta;
+  let {
+    data,
+    config,
+    name,
+    withPlaceholder = true,
+    parent,
+    t
+  } = _ref;
+  if ((((data === null || data === void 0 || (_data$meta = data.meta) === null || _data$meta === void 0 ? void 0 : _data$meta.inputs) || {})[name] || {}).notApplicable) {
     return /*#__PURE__*/jsxRuntime.jsx("span", {
       className: "text-muted",
       children: t('Not applicable')
-    }, `${parent}-${name}`);
+    }, "".concat(parent, "-").concat(name));
   }
-  if (((data?.meta?.inputs || {})[name] || {}).notAvailable) {
+  if ((((data === null || data === void 0 || (_data$meta2 = data.meta) === null || _data$meta2 === void 0 ? void 0 : _data$meta2.inputs) || {})[name] || {}).notAvailable) {
     return /*#__PURE__*/jsxRuntime.jsx("span", {
       className: "text-muted",
       children: t('No available information')
-    }, `${parent}-${name}`);
+    }, "".concat(parent, "-").concat(name));
   }
   if (!withPlaceholder) {
     return '';
@@ -19557,9 +19433,9 @@ const renderPlaceholder = ({
   return config.noValue ? /*#__PURE__*/jsxRuntime.jsx("span", {
     className: "text-muted",
     children: config.noValue
-  }, `${parent}-${name}`) : /*#__PURE__*/jsxRuntime.jsxs("span", {
+  }, "".concat(parent, "-").concat(name)) : /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: "text-muted flex",
-    children: [t('Not answered'), config?.meta?.mandatory ? /*#__PURE__*/jsxRuntime.jsx("div", {
+    children: [t('Not answered'), config !== null && config !== void 0 && (_config$meta = config.meta) !== null && _config$meta !== void 0 && _config$meta.mandatory ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "ml-1",
       style: {
         marginTop: -1
@@ -19571,9 +19447,10 @@ const renderPlaceholder = ({
         color: "#FFC069"
       })
     }) : null]
-  }, `${parent}-${name}`);
+  }, "".concat(parent, "-").concat(name));
 };
-function getSelectOptions$2(option, formsValue = {}) {
+function getSelectOptions$2(option) {
+  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (typeof option.label === 'object') {
     const validations = Object.keys(option.label);
     const key = validations.find(v => {
@@ -19602,13 +19479,15 @@ function numberWithCommas$1(x) {
 }
 const noLabelInputTypes = ['ajaxSubGroup', 'subGroup', 'group', 'groupExpandable'];
 const excludedKeys$1 = ['id', 'label', 'position', 'subTitle'];
-const renderDate = ({
-  item,
-  inputName,
-  input
-}) => {
+const renderDate = _ref2 => {
+  var _input$meta8;
+  let {
+    item,
+    inputName,
+    input
+  } = _ref2;
   const date = moment__default["default"].parseZone(item[inputName] ? item[inputName].toString() : null);
-  if (input?.meta?.checkExpiry) {
+  if (input !== null && input !== void 0 && (_input$meta8 = input.meta) !== null && _input$meta8 !== void 0 && _input$meta8.checkExpiry) {
     const expired = date.isBefore(moment__default["default"]());
     if (expired) {
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -23906,7 +23785,7 @@ const RepeatableModals = ({
   }) : null;
 };
 
-const _excluded$g = ["viewGroup"],
+const _excluded$h = ["viewGroup"],
   _excluded2 = ["label", "icon", "position"];
 const Content$1 = _ref => {
   let {
@@ -23975,7 +23854,7 @@ const Content$1 = _ref => {
       if (groups[gKey].viewGroup === key) {
         // eslint-disable-next-line no-unused-vars
         const _groups$gKey = groups[gKey],
-          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$g);
+          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$h);
         items[gKey] = gCfg;
       }
       return items;
@@ -37806,7 +37685,7 @@ function AjaxSelect(props) {
   }, props));
 }
 
-/* eslint-disable no-case-declarations */
+const _excluded$g = ["placeholder"];
 const propHasValue = val => {
   if (Array.isArray(val)) {
     return val.length > 0 ? true : false;
@@ -37824,14 +37703,14 @@ const checkCondition = (condition, repeatValues, formsValue) => {
   return isShown;
 };
 function showHideInput(input, formsValue, repeatIndex, repeatValues, setValues, ref) {
-  if (input?.meta?.hidden === true) {
+  var _input$meta;
+  if ((input === null || input === void 0 || (_input$meta = input.meta) === null || _input$meta === void 0 ? void 0 : _input$meta.hidden) === true) {
+    var _input$meta2;
     // Set default value for hidden fields
-    if (input?.meta?.defaultValue !== undefined && !propHasValue(formsValue[ref])) {
+    if ((input === null || input === void 0 || (_input$meta2 = input.meta) === null || _input$meta2 === void 0 ? void 0 : _input$meta2.defaultValue) !== undefined && !propHasValue(formsValue[ref])) {
       formsValue[ref] = input.meta.defaultValue;
       if (setValues && typeof setValues === 'function') {
-        setValues({
-          ...formsValue
-        });
+        setValues(_objectSpread2({}, formsValue));
       }
     }
     return false;
@@ -37890,35 +37769,35 @@ function getInputHeadLines(type, i, input, values) {
   switch (type) {
     case "h2":
       return /*#__PURE__*/jsxRuntime.jsx("h2", {
-        className: `title-semibold-2 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
+        className: "title-semibold-2 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel(input, values)
         })
       });
     case "h3":
       return /*#__PURE__*/jsxRuntime.jsx("h3", {
-        className: `title-semibold-3 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
+        className: "title-semibold-3 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel(input, values)
         })
       });
     case "h4":
       return /*#__PURE__*/jsxRuntime.jsx("h4", {
-        className: `title-semibold-4 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
+        className: "title-semibold-4 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel(input, values)
         })
       });
     case "h5":
       return /*#__PURE__*/jsxRuntime.jsx("h5", {
-        className: `title-semibold-5 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
+        className: "title-semibold-5 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel(input, values)
         })
       });
     case "h6":
       return /*#__PURE__*/jsxRuntime.jsx("h6", {
-        className: `title-semibold-6 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
+        className: "title-semibold-6 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel(input, values)
         })
@@ -37927,7 +37806,9 @@ function getInputHeadLines(type, i, input, values) {
       return null;
   }
 }
-function getInputLabel(input, formsValue = {}, asText = false) {
+function getInputLabel(input) {
+  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let asText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   if (typeof input.label === "object") {
     const validations = Object.keys(input.label);
     const key = validations.find(v => {
@@ -37985,7 +37866,8 @@ function getInputLabel(input, formsValue = {}, asText = false) {
     }) : ReactHtmlParser__default["default"](input.label);
   }
 }
-function getSelectOptions$1(option, formsValue = {}) {
+function getSelectOptions$1(option) {
+  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (typeof option.label === "object") {
     const validations = Object.keys(option.label);
     const key = validations.find(v => {
@@ -38009,7 +37891,9 @@ function getSectionLabel(labels, values) {
   }
   return labels;
 }
-function getSubtitles(subtitles, position, formsValue = {}, repeatIndex, repeatValues) {
+function getSubtitles(subtitles, position) {
+  let formsValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let repeatValues = arguments.length > 4 ? arguments[4] : undefined;
   let subtitle = subtitles && subtitles[position];
   if (subtitle && typeof subtitle === "object") {
     let newSubtitle = subtitle.default || "";
@@ -38053,14 +37937,12 @@ function getSubtitles(subtitles, position, formsValue = {}, repeatIndex, repeatV
 function getFormTitles(titles, key, position) {
   let tilte = titles && titles[key];
   return tilte ? /*#__PURE__*/jsxRuntime.jsx("h3", {
-    className: `title-semibold-3 mb0 ${position ? "mt-3" : ""}`,
+    className: "title-semibold-3 mb0 ".concat(position ? "mt-3" : ""),
     children: tilte
   }) : null;
 }
 const updateFormValues = (repeatIndex, repeatValues, inputName, value, formsValue, name, mainForm) => {
-  formsValue = Object.assign(formsValue, {
-    ...mainForm.getFieldsValue(true)
-  });
+  formsValue = Object.assign(formsValue, _objectSpread2({}, mainForm.getFieldsValue(true)));
   if (typeof repeatIndex === "number" && repeatValues) {
     if (!repeatValues[inputName] || !___default["default"].isEqual(repeatValues[inputName], value)) {
       repeatValues[inputName] = value;
@@ -38094,48 +37976,52 @@ const updateFormValues = (repeatIndex, repeatValues, inputName, value, formsValu
   }
 };
 const inputTypeComponent = {
-  text: ({
-    props,
-    rules
-  }, {
-    inputMeta = {},
-    t
-  }) => {
+  text: (_ref, _ref2) => {
+    let {
+      props,
+      rules
+    } = _ref;
+    let {
+      inputMeta = {},
+      t
+    } = _ref2;
     const maxRule = rules.find(r => r.max);
     const maxProps = {};
     if (maxRule) {
       maxProps.maxLength = maxRule.max;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
-      size: "medium",
-      ...maxProps,
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, _objectSpread2(_objectSpread2(_objectSpread2({
+      size: "medium"
+    }, maxProps), {}, {
       allowClear: true,
       autoComplete: "new-password",
-      type: "text",
-      ...props,
+      type: "text"
+    }, props), {}, {
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type")
-    });
+    }));
   },
-  drawTerritory: ({
-    formsValue,
-    name,
-    addressData,
-    onValuesChange
-  }, {
-    setFormValues,
-    form
-  }) => {
+  drawTerritory: (_ref3, _ref4) => {
+    let {
+      formsValue,
+      name,
+      addressData,
+      onValuesChange
+    } = _ref3;
+    let {
+      setFormValues,
+      form
+    } = _ref4;
     let search = formsValue.country;
     if (addressData && addressData.address && Object.keys(addressData.address).length > 0) {
       if (addressData.address.country) {
         search = addressData.address.country;
       }
       if (addressData.address.level1) {
-        search = `${addressData.address.level1}, ${addressData.address.country}`;
+        search = "".concat(addressData.address.level1, ", ").concat(addressData.address.country);
       }
       if (addressData.address.level2) {
-        search = `${addressData.address.level2}, ${addressData.address.level1}, ${addressData.address.country}`;
+        search = "".concat(addressData.address.level2, ", ").concat(addressData.address.level1, ", ").concat(addressData.address.country);
       }
     } else {
       const country = countriesList.countries[formsValue.country] || {};
@@ -38143,10 +38029,10 @@ const inputTypeComponent = {
         search = country.name;
       }
       if (formsValue.administrativeLevel1Name) {
-        search = `${search} ${formsValue.administrativeLevel1Name}`;
+        search = "".concat(search, " ").concat(formsValue.administrativeLevel1Name);
       }
       if (formsValue.administrativeLevel2Name) {
-        search = `${search} ${formsValue.administrativeLevel2Name}`;
+        search = "".concat(search, " ").concat(formsValue.administrativeLevel2Name);
       }
     }
     console.log("search", {
@@ -38166,10 +38052,9 @@ const inputTypeComponent = {
         const allFormValues = form && typeof form.getFieldsValue === 'function' ? form.getFieldsValue(true) : formsValue;
 
         // Create the updated values
-        const updatedValues = {
-          ...allFormValues,
+        const updatedValues = _objectSpread2(_objectSpread2({}, allFormValues), {}, {
           [name]: val
-        };
+        });
 
         // Call onValuesChange with the change and all values
         if (typeof onValuesChange === 'function') {
@@ -38184,39 +38069,44 @@ const inputTypeComponent = {
       searchValue: search
     });
   },
-  link: ({
-    props,
-    rules
-  }, {
-    inputMeta = {},
-    t
-  }) => {
+  link: (_ref5, _ref6) => {
+    let {
+      props,
+      rules
+    } = _ref5;
+    let {
+      inputMeta = {},
+      t
+    } = _ref6;
     const maxRule = rules.find(r => r.max);
     const maxProps = {};
     if (maxRule) {
       maxProps.maxLength = maxRule.max;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
-      size: "medium",
-      ...maxProps,
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, _objectSpread2(_objectSpread2(_objectSpread2({
+      size: "medium"
+    }, maxProps), {}, {
       allowClear: true,
       autoComplete: "new-password",
-      type: "text",
-      ...props,
+      type: "text"
+    }, props), {}, {
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type")
-    });
+    }));
   },
-  number: ({
-    props,
-    rules,
-    input
-  }, {
-    inputMeta = {},
-    t
-  }) => {
+  number: (_ref7, _ref8) => {
+    var _input$meta3;
+    let {
+      props,
+      rules,
+      input
+    } = _ref7;
+    let {
+      inputMeta = {},
+      t
+    } = _ref8;
     const maxRule = rules.find(r => r.max);
-    const integerRule = !input?.meta?.isDecimal;
+    const integerRule = !(input !== null && input !== void 0 && (_input$meta3 = input.meta) !== null && _input$meta3 !== void 0 && _input$meta3.isDecimal);
     const parser = value => {
       if (!value) {
         return "";
@@ -38227,50 +38117,53 @@ const inputTypeComponent = {
       return value.replace(/\$\s?|(,*)/g, "");
     };
     if (maxRule) {
-      return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
+      return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, _objectSpread2(_objectSpread2({
         allowClear: true,
-        autoComplete: "new-password",
-        ...props,
+        autoComplete: "new-password"
+      }, props), {}, {
         type: "number",
         min: 0,
         max: maxRule.max,
         parser: parser
-      });
+      }));
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, _objectSpread2(_objectSpread2({
       allowClear: true,
-      autoComplete: "new-password",
-      ...props,
+      autoComplete: "new-password"
+    }, props), {}, {
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type number"),
       min: 0,
       formatter: value => numberWithCommas$1(value),
       parser: parser
-    });
+    }));
   },
-  select: ({
-    value,
-    options,
-    optionGroup,
-    props,
-    formsValue,
-    optionsFilter,
-    filterCond,
-    repeatValues,
-    repeatIndex,
-    name,
-    inputName,
-    address,
-    addressData,
-    input
-  }, {
-    forms,
-    form,
-    setAddress,
-    inputMeta = {},
-    t,
-    changeInputMeta
-  }) => {
+  select: (_ref9, _ref10) => {
+    var _input$meta4;
+    let {
+      value,
+      options,
+      optionGroup,
+      props,
+      formsValue,
+      optionsFilter,
+      filterCond,
+      repeatValues,
+      repeatIndex,
+      name,
+      inputName,
+      address,
+      addressData,
+      input
+    } = _ref9;
+    let {
+      forms,
+      form,
+      setAddress,
+      inputMeta = {},
+      t,
+      changeInputMeta
+    } = _ref10;
     let opts;
     if (typeof options === "string") {
       const [formName, key] = options.split(".");
@@ -38326,18 +38219,19 @@ const inputTypeComponent = {
       }
       opts = groupOptions;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2({
       autoComplete: "new-password",
       allowClear: true,
       showSearch: true,
-      defaultValue: input?.meta?.defaultValue,
+      defaultValue: input === null || input === void 0 || (_input$meta4 = input.meta) === null || _input$meta4 === void 0 ? void 0 : _input$meta4.defaultValue,
       filterOption: filterSelectOptions,
-      optionFilterProp: "children",
-      ...props,
+      optionFilterProp: "children"
+    }, props), {}, {
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || getInputProp$1(props.placeholder, formsValue) || t("Select one option"),
       onChange: (val, selectedValue) => {
-        if (typeof input?.meta?.onChange === "string") {
+        var _input$meta5;
+        if (typeof (input === null || input === void 0 || (_input$meta5 = input.meta) === null || _input$meta5 === void 0 ? void 0 : _input$meta5.onChange) === "string") {
           const [value, otherKey, otherVal] = input.meta.onChange.split(".");
           if (val === value) {
             changeInputMeta({
@@ -38351,9 +38245,7 @@ const inputTypeComponent = {
         }
         if (address && selectedValue) {
           dot__default["default"].str(address, selectedValue.children, addressData);
-          setAddress({
-            ...addressData
-          });
+          setAddress(_objectSpread2({}, addressData));
         }
         if (props.onChange) {
           props.onChange(val);
@@ -38365,33 +38257,35 @@ const inputTypeComponent = {
           value: og.value,
           disabled: og.disabled,
           children: og.label
-        }, `${i}${j}`))
+        }, "".concat(i).concat(j)))
       }, i) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
         value: option.value,
         disabled: option.disabled,
         children: option.label
       }, i))
-    });
+    }));
   },
-  multiselect: ({
-    value,
-    options,
-    optionGroup,
-    optionsFilter,
-    filterCond,
-    props,
-    formsValue,
-    repeatValues,
-    repeatIndex,
-    inputName,
-    name,
-    tags
-  }, {
-    forms,
-    form,
-    inputMeta = {},
-    t
-  }) => {
+  multiselect: (_ref11, _ref12) => {
+    let {
+      value,
+      options,
+      optionGroup,
+      optionsFilter,
+      filterCond,
+      props,
+      formsValue,
+      repeatValues,
+      repeatIndex,
+      inputName,
+      name,
+      tags
+    } = _ref11;
+    let {
+      forms,
+      form,
+      inputMeta = {},
+      t
+    } = _ref12;
     let opts;
     if (typeof options === "string") {
       const [formName, key] = options.split(".");
@@ -38448,16 +38342,16 @@ const inputTypeComponent = {
       }
       opts = groupOptions;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2(_objectSpread2({
       allowClear: true,
       autoComplete: "new-password",
       mode: tags ? "tags" : "multiple",
-      optionFilterProp: "children",
-      ...(tags ? {
-        tokenSeparators: [",", "\n", "\t"]
-      } : {}),
-      filterOption: filterSelectOptions,
-      ...props,
+      optionFilterProp: "children"
+    }, tags ? {
+      tokenSeparators: [",", "\n", "\t"]
+    } : {}), {}, {
+      filterOption: filterSelectOptions
+    }, props), {}, {
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || getInputProp$1(props.placeholder, formsValue) || t("Select all relevant options"),
       children: (opts || []).map((option, i) => option.items ? /*#__PURE__*/jsxRuntime.jsx(antd.Select.OptGroup, {
@@ -38466,42 +38360,42 @@ const inputTypeComponent = {
           value: og.value,
           disabled: og.disabled,
           children: og.label
-        }, `${i}${j}`))
+        }, "".concat(i).concat(j)))
       }, i) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
         value: option.value,
         disabled: option.disabled,
         children: option.label
       }, i))
-    });
+    }));
   },
-  date: ({
-    props,
-    rules,
-    repeatValues,
-    formsValue,
-    name
-  }, {
-    inputMeta,
-    t,
-    groupFormId,
-    form,
-    setFormValues
-  }) => {
+  date: (_ref13, _ref14) => {
+    let {
+      props,
+      rules,
+      repeatValues,
+      formsValue,
+      name
+    } = _ref13;
+    let {
+      inputMeta,
+      t,
+      groupFormId,
+      form,
+      setFormValues
+    } = _ref14;
     const lng = localStorage.getItem("datastakeLng") || "en";
     const maxRule = rules.find(r => r.max);
     const handleDateChange = date => {
       if (date) {
         const localDate = dayjs__default["default"].utc(date);
         if (groupFormId) {
-          const _new = {
-            ...(formsValue[groupFormId] || {}),
+          const _new = _objectSpread2(_objectSpread2({}, formsValue[groupFormId] || {}), {}, {
             [name]: localDate
-          };
+          });
           form.setFieldValue(groupFormId, _new);
-          setFormValues({
-            ...formsValue,
+          setFormValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
             [groupFormId]: _new
-          });
+          }));
         } else {
           form.setFieldValue(name, localDate);
         }
@@ -38513,10 +38407,10 @@ const inputTypeComponent = {
         checkForMax = checkCondition(maxRule.condition, repeatValues, formsValue);
       }
       if (checkForMax) {
-        return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
+        return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
           allowClear: true,
-          autoComplete: "new-password",
-          ...props,
+          autoComplete: "new-password"
+        }, props), {}, {
           onChange: handleDateChange,
           format: DATE_FORMATS,
           locale: lng === "fr" ? localeFr__default["default"] : localeEn__default["default"],
@@ -38525,31 +38419,33 @@ const inputTypeComponent = {
           disabledDate: current => {
             return current && current >= dayjs__default["default"]().endOf("day");
           }
-        });
+        }));
       }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
       allowClear: true,
-      autoComplete: "new-password",
-      ...props,
+      autoComplete: "new-password"
+    }, props), {}, {
       onChange: handleDateChange,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Select date"),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       format: DATE_FORMATS,
       locale: lng === "fr" ? localeFr__default["default"] : localeEn__default["default"]
-    });
+    }));
   },
-  comment: ({
-    props: {
-      placeholder,
-      ...props
-    },
-    commentHint
-  }, {
-    onChange,
-    value
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, {
+  comment: (_ref15, _ref16) => {
+    let {
+        props: {
+          placeholder
+        },
+        commentHint
+      } = _ref15,
+      props = _objectWithoutProperties(_ref15.props, _excluded$g);
+    let {
+      onChange,
+      value
+    } = _ref16;
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, _objectSpread2(_objectSpread2({
       allowClear: true,
       value: value,
       onChange: e => onChange(e.target.value),
@@ -38559,56 +38455,60 @@ const inputTypeComponent = {
       autoSize: {
         minRows: 5,
         maxRows: 5
-      },
-      ...props,
+      }
+    }, props), {}, {
       disabled: false
-    });
+    }));
   },
-  textarea: ({
-    props,
-    rules
-  }, {
-    inputMeta,
-    t
-  }) => {
+  textarea: (_ref17, _ref18) => {
+    let {
+      props,
+      rules
+    } = _ref17;
+    let {
+      inputMeta,
+      t
+    } = _ref18;
     const maxRule = rules.find(r => r.max);
     let maxLength = MAX_TEXT_AREA_LENGTH;
     if (maxRule) {
       maxLength = maxRule.max;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, _objectSpread2(_objectSpread2({
       allowClear: true,
       autoComplete: "new-password",
       maxLength: maxLength,
       autoSize: {
         minRows: 5,
         maxRows: 5
-      },
-      ...props,
+      }
+    }, props), {}, {
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type")
-    });
+    }));
   },
-  phoneNumber: ({
-    name,
-    inputName,
-    props,
-    value,
-    repeatIndex,
-    repeatValues,
-    formsValue
-  }, {
-    setFormValues,
-    t
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(PhoneInput, {
+  phoneNumber: (_ref19, _ref20) => {
+    let {
+      name,
+      inputName,
+      props,
+      value,
+      repeatIndex,
+      repeatValues,
+      formsValue
+    } = _ref19;
+    let {
+      setFormValues,
+      t
+    } = _ref20;
+    return /*#__PURE__*/jsxRuntime.jsx(PhoneInput, _objectSpread2(_objectSpread2({
       t: t,
       doChangeErrors: false,
       allowClear: true,
-      country: formsValue?.country,
+      country: formsValue === null || formsValue === void 0 ? void 0 : formsValue.country,
       formsValue: formsValue,
-      initialValue: value,
-      ...props,
+      initialValue: value
+    }, props), {}, {
       onChange: val => {
         if (repeatValues) {
           const inputValues = Array.isArray(formsValue[name]) ? formsValue[name] || [] : [];
@@ -38624,24 +38524,25 @@ const inputTypeComponent = {
           setFormValues(formsValue);
         }
       }
-    });
+    }));
   },
-  switch: ({
-    props,
-    value,
-    restricted,
-    autocomplete,
-    formsValue,
-    repeatIndex,
-    name,
-    inputName,
-    replace
-  }, {
-    form,
-    setFormValues
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Switch, {
-      ...props,
+  switch: (_ref21, _ref22) => {
+    let {
+      props,
+      value,
+      restricted,
+      autocomplete,
+      formsValue,
+      repeatIndex,
+      name,
+      inputName,
+      replace
+    } = _ref21;
+    let {
+      form,
+      setFormValues
+    } = _ref22;
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Switch, _objectSpread2(_objectSpread2({}, props), {}, {
       defaultChecked: value || false,
       checked: value || false,
       onChange: isChecked => {
@@ -38683,14 +38584,15 @@ const inputTypeComponent = {
           setFormValues(formsValue);
         }
       }
-    });
+    }));
   },
-  total100: ({
-    props,
-    name,
-    options,
-    value
-  }) => {
+  total100: _ref23 => {
+    let {
+      props,
+      name,
+      options,
+      value
+    } = _ref23;
     value = value ? Array.isArray(value) ? value : [value] : [];
     function totalValue() {
       let total = 0;
@@ -38714,10 +38616,11 @@ const inputTypeComponent = {
       className: "total100",
       children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.List, {
         name: name,
-        children: (fields, {
-          add,
-          remove
-        }) => {
+        children: (fields, _ref24) => {
+          let {
+            add,
+            remove
+          } = _ref24;
           if (fields.length === 0) {
             const formData = value || [];
             if (formData.length) {
@@ -38736,26 +38639,26 @@ const inputTypeComponent = {
               const v = value[field.name];
               return /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
                 className: "total",
-                children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-                  noStyle: true,
-                  ...field,
+                children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2({
+                  noStyle: true
+                }, field), {}, {
                   name: [field.name, "type"],
                   fieldKey: [field.fieldKey, "type"],
                   initialValue: v.type,
-                  children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+                  children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2({
                     allowClear: true,
                     showSearch: true,
                     filterOption: filterSelectOptions,
-                    optionFilterProp: "children",
-                    ...props,
+                    optionFilterProp: "children"
+                  }, props), {}, {
                     children: options.map((option, i) => /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
                       value: option.value,
                       children: option.label
                     }, i))
-                  })
-                }), /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-                  noStyle: true,
-                  ...field,
+                  }))
+                })), /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2({
+                  noStyle: true
+                }, field), {}, {
                   name: [field.name, "value"],
                   fieldKey: [field.fieldKey, "value"],
                   initialValue: v.value,
@@ -38763,14 +38666,14 @@ const inputTypeComponent = {
                     allowClear: true,
                     name: "value",
                     formatter: value => {
-                      return value ? `${value}%` : "";
+                      return value ? "".concat(value, "%") : "";
                     },
                     disabled: !v.type,
                     placeholder: props.valueplaceholder ? props.valueplaceholder : "Value",
                     min: 1,
                     max: 100 - siblingTotal(v.type)
                   })
-                }), fields.length - 1 === i ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+                })), fields.length - 1 === i ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                   disabled: !v.value || !v.type || totalValue() >= 100,
                   type: "primary",
                   icon: /*#__PURE__*/jsxRuntime.jsx(Icons.PlusOutlined, {}),
@@ -38802,18 +38705,21 @@ const inputTypeComponent = {
       }) : null]
     });
   },
-  percentage: ({
-    name,
-    inputName,
-    totalMax,
-    repeatIndex,
-    props,
-    formsValue,
-    input
-  }, {
-    inputMeta,
-    t
-  }) => {
+  percentage: (_ref25, _ref26) => {
+    var _input$meta6;
+    let {
+      name,
+      inputName,
+      totalMax,
+      repeatIndex,
+      props,
+      formsValue,
+      input
+    } = _ref25;
+    let {
+      inputMeta,
+      t
+    } = _ref26;
     const isRepeatable = Array.isArray(formsValue[name]);
     let totalSiblings = 0;
     if (isRepeatable && totalMax) {
@@ -38821,15 +38727,15 @@ const inputTypeComponent = {
         totl = totl + (grp[inputName] || 0);
         return totl;
       }, 0);
-    } else if (Array.isArray(input?.meta?.siblings)) {
+    } else if (Array.isArray(input === null || input === void 0 || (_input$meta6 = input.meta) === null || _input$meta6 === void 0 ? void 0 : _input$meta6.siblings)) {
       totalSiblings = input.meta.siblings.reduce((totl, key) => {
         totl = totl + (formsValue[key] || 0);
         return totl;
       }, 0);
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
-      allowClear: true,
-      ...props,
+    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, _objectSpread2(_objectSpread2({
+      allowClear: true
+    }, props), {}, {
       style: {
         width: "100%"
       },
@@ -38838,33 +38744,36 @@ const inputTypeComponent = {
       min: 0,
       max: 100 - totalSiblings,
       formatter: value => {
-        return value ? `${value}` : "";
+        return value ? "".concat(value) : "";
       },
       parser: value => value.replace("%", ""),
       addonAfter: "%"
-    });
+    }));
   },
-  year: ({
-    props
-  }) => {
+  year: _ref27 => {
+    let {
+      props
+    } = _ref27;
     const lng = localStorage.getItem("datastakeLng") || "en";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
       allowClear: true,
       locale: lng === "fr" ? localeFr__default["default"] : localeEn__default["default"],
-      picker: "year",
-      ...props,
+      picker: "year"
+    }, props), {}, {
       format: "YYYY"
-    });
+    }));
   },
-  upload: ({
-    rules,
-    value
-  }, {
-    setLoading,
-    t,
-    getApiBaseUrl,
-    getAppHeader
-  }) => {
+  upload: (_ref28, _ref29) => {
+    let {
+      rules,
+      value
+    } = _ref28;
+    let {
+      setLoading,
+      t,
+      getApiBaseUrl,
+      getAppHeader
+    } = _ref29;
     const apiURL = getApiBaseUrl();
     const accept = rules.length ? rules.find(rule => Object.keys(rule).includes("accept")).accept || "*" : null;
     const values = (Array.isArray(value) ? value : value && typeof value === "object" && value.fileList && Array.isArray(value.fileList) ? value.fileList.map(f => f.response).filter(f => f) : []) || [];
@@ -38877,13 +38786,12 @@ const inputTypeComponent = {
       }
     }
     const allowedExtensions = accept && accept !== "*" ? accept.split(",").map(ext => ext.trim().toLowerCase()) : [];
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, {
-      ...maxProps,
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, _objectSpread2(_objectSpread2({}, maxProps), {}, {
       accept: accept,
-      action: `${apiURL}/upload`,
+      action: "".concat(apiURL, "/upload"),
       beforeUpload: beforeUpload(allowedExtensions),
       onChange: val => {
-        if (val?.file && typeof setLoading === "function") {
+        if (val !== null && val !== void 0 && val.file && typeof setLoading === "function") {
           if (val.file.percent !== 100) {
             setLoading(true);
           } else {
@@ -38891,10 +38799,9 @@ const inputTypeComponent = {
           }
         }
       },
-      headers: {
-        Authorization: `Bearer ${getToken()}`,
-        ...getAppHeader()
-      },
+      headers: _objectSpread2({
+        Authorization: "Bearer ".concat(getToken())
+      }, getAppHeader()),
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
         style: {
@@ -38904,17 +38811,19 @@ const inputTypeComponent = {
           children: t("Upload")
         })]
       })
-    });
+    }));
   },
-  imageUpload: ({
-    rules,
-    value
-  }, {
-    setLoading,
-    getApiBaseUrl,
-    getAppHeader,
-    t
-  }) => {
+  imageUpload: (_ref30, _ref31) => {
+    let {
+      rules,
+      value
+    } = _ref30;
+    let {
+      setLoading,
+      getApiBaseUrl,
+      getAppHeader,
+      t
+    } = _ref31;
     const apiURL = getApiBaseUrl();
     const values = getImageUploadEditValue(value);
     const maxRule = rules.find(r => r.max);
@@ -38925,17 +38834,17 @@ const inputTypeComponent = {
         maxProps.multiple = true;
       }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, {
-      ...maxProps,
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, _objectSpread2(_objectSpread2({}, maxProps), {}, {
       beforeUpload: beforeUpload(allowedImageExtensions),
       accept: "image/*",
       classList: !values || !values.length ? "empty" : "",
       listType: "picture",
-      action: `${apiURL}/upload`,
+      action: "".concat(apiURL, "/upload"),
       onChange: val => {
         if (typeof setLoading === "function") {
-          if (val?.file) {
-            if (val?.file?.status === "removed") {
+          if (val !== null && val !== void 0 && val.file) {
+            var _val$file;
+            if ((val === null || val === void 0 || (_val$file = val.file) === null || _val$file === void 0 ? void 0 : _val$file.status) === "removed") {
               setLoading(false);
               return;
             }
@@ -38947,10 +38856,9 @@ const inputTypeComponent = {
           setLoading(false);
         }
       },
-      headers: {
-        Authorization: `Bearer ${getToken()}`,
-        ...getAppHeader()
-      },
+      headers: _objectSpread2({
+        Authorization: "Bearer ".concat(getToken())
+      }, getAppHeader()),
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
         style: {
@@ -38960,17 +38868,19 @@ const inputTypeComponent = {
           children: t("Upload")
         })]
       })
-    });
+    }));
   },
-  videoUpload: ({
-    rules,
-    value
-  }, {
-    setLoading = () => {},
-    getApiBaseUrl,
-    getAppHeader,
-    t
-  }) => {
+  videoUpload: (_ref32, _ref33) => {
+    let {
+      rules,
+      value
+    } = _ref32;
+    let {
+      setLoading = () => {},
+      getApiBaseUrl,
+      getAppHeader,
+      t
+    } = _ref33;
     const apiURL = getApiBaseUrl();
     const values = getImageUploadEditValue(value);
     const maxRule = rules.find(r => r.max);
@@ -38981,21 +38891,25 @@ const inputTypeComponent = {
         maxProps.multiple = true;
       }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, {
-      itemRender: (item, fileList) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(EditVideoPreview, {
-          url: fileList?.response?.url || fileList?.url
-        }), item]
-      }),
-      ...maxProps,
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, _objectSpread2(_objectSpread2({
+      itemRender: (item, fileList) => {
+        var _fileList$response;
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(EditVideoPreview, {
+            url: (fileList === null || fileList === void 0 || (_fileList$response = fileList.response) === null || _fileList$response === void 0 ? void 0 : _fileList$response.url) || (fileList === null || fileList === void 0 ? void 0 : fileList.url)
+          }), item]
+        });
+      }
+    }, maxProps), {}, {
       accept: "video/*",
       classList: !values || !values.length ? "empty" : "",
       listType: "picture",
-      action: `${apiURL}/upload`,
+      action: "".concat(apiURL, "/upload"),
       onChange: val => {
         if (typeof setLoading === "function") {
-          if (val?.file) {
-            if (val?.file?.status === "removed") {
+          if (val !== null && val !== void 0 && val.file) {
+            var _val$file2;
+            if ((val === null || val === void 0 || (_val$file2 = val.file) === null || _val$file2 === void 0 ? void 0 : _val$file2.status) === "removed") {
               setLoading(false);
               return;
             }
@@ -39007,10 +38921,9 @@ const inputTypeComponent = {
           setLoading(false);
         }
       },
-      headers: {
-        Authorization: `Bearer ${getToken()}`,
-        ...getAppHeader()
-      },
+      headers: _objectSpread2({
+        Authorization: "Bearer ".concat(getToken())
+      }, getAppHeader()),
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
         style: {
@@ -39020,17 +38933,19 @@ const inputTypeComponent = {
           children: t("Upload")
         })]
       })
-    });
+    }));
   },
-  geolocation: ({
-    value,
-    name,
-    formsValue,
-    addressData,
-    props
-  }, {
-    inputMeta
-  }) => {
+  geolocation: (_ref34, _ref35) => {
+    let {
+      value,
+      name,
+      formsValue,
+      addressData,
+      props
+    } = _ref34;
+    let {
+      inputMeta
+    } = _ref35;
     let search = formsValue.country;
     if (addressData && Object.keys(addressData).length > 0) {
       const country = countriesList.countries[formsValue.country] || {};
@@ -39038,10 +38953,10 @@ const inputTypeComponent = {
         search = addressData.country;
       }
       if (addressData.level1) {
-        search = `${addressData.level1}, ${addressData.country || country.name}`;
+        search = "".concat(addressData.level1, ", ").concat(addressData.country || country.name);
       }
       if (addressData.level2) {
-        search = `${addressData.level2}, ${addressData.level1}, ${addressData.country || country.name}`;
+        search = "".concat(addressData.level2, ", ").concat(addressData.level1, ", ").concat(addressData.country || country.name);
       }
     } else {
       const country = countriesList.countries[formsValue.country] || {};
@@ -39049,10 +38964,10 @@ const inputTypeComponent = {
         search = country.name;
       }
       if (formsValue.administrativeLevel1Name) {
-        search = `${search} ${formsValue.administrativeLevel1Name}`;
+        search = "".concat(search, " ").concat(formsValue.administrativeLevel1Name);
       }
       if (formsValue.administrativeLevel2Name) {
-        search = `${search} ${formsValue.administrativeLevel2Name}`;
+        search = "".concat(search, " ").concat(formsValue.administrativeLevel2Name);
       }
     }
     return /*#__PURE__*/jsxRuntime.jsx(Geolocation, {
@@ -39065,33 +38980,35 @@ const inputTypeComponent = {
       searchValue: search
     });
   },
-  ajaxSelect: ({
-    call,
-    automaticallyLink,
-    name,
-    preSelected,
-    inputName,
-    props,
-    formsValue,
-    onNewSetValue,
-    multiple,
-    updateOptions,
-    repeatValues,
-    repeatIndex,
-    value,
-    unique,
-    address,
-    addressData = {},
-    input
-  }, {
-    form,
-    forms,
-    setAddress,
-    changeInputMeta,
-    inputMeta = {},
-    meta,
-    setFormValues
-  }) => {
+  ajaxSelect: (_ref36, _ref37) => {
+    let {
+      call,
+      automaticallyLink,
+      name,
+      preSelected,
+      inputName,
+      props,
+      formsValue,
+      onNewSetValue,
+      multiple,
+      updateOptions,
+      repeatValues,
+      repeatIndex,
+      value,
+      unique,
+      address,
+      addressData = {},
+      input
+    } = _ref36;
+    let {
+      form,
+      forms,
+      setAddress,
+      changeInputMeta,
+      inputMeta = {},
+      meta,
+      setFormValues
+    } = _ref37;
     return /*#__PURE__*/jsxRuntime.jsx(AjaxSelect, {
       preSelected: preSelected,
       input: input,
@@ -39127,40 +39044,41 @@ const inputTypeComponent = {
           const selectedValue = data.find(v => v.value === ev);
           if (address && selectedValue) {
             dot__default["default"].str(address, selectedValue.label, addressData);
-            setAddress({
-              ...addressData
-            });
+            setAddress(_objectSpread2({}, addressData));
           }
         }
       },
       setAddress: setAddress
     });
   },
-  tag: ({
-    value,
-    repeatLabel
-  }) => {
+  tag: _ref38 => {
+    let {
+      value,
+      repeatLabel
+    } = _ref38;
     return /*#__PURE__*/jsxRuntime.jsx(TagInput$1, {
       allowClear: true,
       value: value || [],
       newPlaceholder: repeatLabel
     });
   },
-  modal: ({
-    call,
-    automaticallyLink,
-    name,
-    inputName,
-    props,
-    formsValue,
-    onNewSetValue,
-    repeatValues,
-    repeatIndex,
-    value,
-    modalTitle
-  }, {
-    form
-  }) => {
+  modal: (_ref39, _ref40) => {
+    let {
+      call,
+      automaticallyLink,
+      name,
+      inputName,
+      props,
+      formsValue,
+      onNewSetValue,
+      repeatValues,
+      repeatIndex,
+      value,
+      modalTitle
+    } = _ref39;
+    let {
+      form
+    } = _ref40;
     return /*#__PURE__*/jsxRuntime.jsx(AjaxModal$2, {
       allowClear: true,
       call: call,
@@ -39178,63 +39096,69 @@ const inputTypeComponent = {
       buttonText: modalTitle
     });
   },
-  website: ({
-    name,
-    inputName,
-    props,
-    value,
-    repeatIndex,
-    repeatValues,
-    formsValue
-  }, {
-    form,
-    inputMeta = {},
-    t
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(Website, {
+  website: (_ref41, _ref42) => {
+    let {
+      name,
+      inputName,
+      props,
+      value,
+      repeatIndex,
+      repeatValues,
+      formsValue
+    } = _ref41;
+    let {
+      form,
+      inputMeta = {},
+      t
+    } = _ref42;
+    return /*#__PURE__*/jsxRuntime.jsx(Website, _objectSpread2(_objectSpread2({
       allowClear: true,
       initialValue: value,
-      t: t,
-      ...props,
+      t: t
+    }, props), {}, {
       onChange: val => updateFormValues(repeatIndex, repeatValues, inputName, val, formsValue, name, form),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || "www.example.com"
-    });
+    }));
   },
-  dataLink: ({
-    setValues,
-    name,
-    onValuesChange,
-    formsValue,
-    input,
-    changeLinking,
-    call,
-    automaticallyLink,
-    inputName,
-    props,
-    onNewSetValue,
-    multiple,
-    updateOptions,
-    repeatValues,
-    repeatIndex,
-    value,
-    unique,
-    address,
-    addressData = {},
-    getFromLinking
-  }, {
-    form,
-    groupFormId,
-    setAddress,
-    isHighlighted,
-    changeInputMeta,
-    meta,
-    inputMeta,
-    forms
-  }) => {
-    if (input?.meta?.optionsView?.editInputType === "ajaxSelect") {
-      const currentValue = groupFormId ? formsValue[groupFormId]?.[name] : formsValue[name];
-      input?.meta?.optionsView?.call || input?.meta?.call || "default::list()::::";
+  dataLink: (_ref43, _ref44) => {
+    var _input$meta7, _input$meta10, _formsValue$meta, _input$meta11;
+    let {
+      setValues,
+      name,
+      onValuesChange,
+      formsValue,
+      input,
+      changeLinking,
+      call,
+      automaticallyLink,
+      inputName,
+      props,
+      onNewSetValue,
+      multiple,
+      updateOptions,
+      repeatValues,
+      repeatIndex,
+      value,
+      unique,
+      address,
+      addressData = {},
+      getFromLinking
+    } = _ref43;
+    let {
+      form,
+      groupFormId,
+      setAddress,
+      isHighlighted,
+      changeInputMeta,
+      meta,
+      inputMeta,
+      forms
+    } = _ref44;
+    if ((input === null || input === void 0 || (_input$meta7 = input.meta) === null || _input$meta7 === void 0 || (_input$meta7 = _input$meta7.optionsView) === null || _input$meta7 === void 0 ? void 0 : _input$meta7.editInputType) === "ajaxSelect") {
+      var _formsValue$groupForm, _input$meta8, _input$meta9;
+      const currentValue = groupFormId ? (_formsValue$groupForm = formsValue[groupFormId]) === null || _formsValue$groupForm === void 0 ? void 0 : _formsValue$groupForm[name] : formsValue[name];
+      (input === null || input === void 0 || (_input$meta8 = input.meta) === null || _input$meta8 === void 0 || (_input$meta8 = _input$meta8.optionsView) === null || _input$meta8 === void 0 ? void 0 : _input$meta8.call) || (input === null || input === void 0 || (_input$meta9 = input.meta) === null || _input$meta9 === void 0 ? void 0 : _input$meta9.call) || "default::list()::::";
       return /*#__PURE__*/jsxRuntime.jsx(AjaxSelect$1, {
         size: "medium",
         input: input,
@@ -39271,9 +39195,7 @@ const inputTypeComponent = {
             const selectedValue = data.find(v => v.value === ev);
             if (address && selectedValue) {
               dot__default["default"].str(address, selectedValue.label, addressData);
-              setAddress({
-                ...addressData
-              });
+              setAddress(_objectSpread2({}, addressData));
             }
           }
         },
@@ -39283,188 +39205,149 @@ const inputTypeComponent = {
         isDataLink: true
       });
     }
-    const isSingle = input?.meta?.maxRepeat === 1;
-    const formData = groupFormId ? isSingle ? (formsValue[groupFormId] || {})[name] ? [{
-      ...(formsValue[groupFormId] || {})[name]
-    }] : [] : getArray((formsValue[groupFormId] || {})[name] || []).map(v => ({
-      ...v
-    })) : isSingle ? formsValue[name] ? [{
-      ...formsValue[name]
-    }] : [] : (formsValue[name] || []).map(v => ({
-      ...v
-    }));
+    const isSingle = (input === null || input === void 0 || (_input$meta10 = input.meta) === null || _input$meta10 === void 0 ? void 0 : _input$meta10.maxRepeat) === 1;
+    const formData = groupFormId ? isSingle ? (formsValue[groupFormId] || {})[name] ? [_objectSpread2({}, (formsValue[groupFormId] || {})[name])] : [] : getArray((formsValue[groupFormId] || {})[name] || []).map(v => _objectSpread2({}, v)) : isSingle ? formsValue[name] ? [_objectSpread2({}, formsValue[name])] : [] : (formsValue[name] || []).map(v => _objectSpread2({}, v));
     const onUpdate = (val, i) => {
       const _val = isSingle ? {
         [name]: val
       } : {
-        [name]: formData?.map((d, j) => i === j ? val : d)
+        [name]: formData === null || formData === void 0 ? void 0 : formData.map((d, j) => i === j ? val : d)
       };
       if (groupFormId) {
-        const _defaultData = form?.getFieldValue(groupFormId) || {};
-        const _newData = {
-          ..._defaultData,
-          ..._val
-        };
-        onValuesChange(_newData, {
-          ...formsValue,
+        const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
+        const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
+        onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
           [groupFormId]: _newData
-        });
-        form?.setFieldValue(groupFormId, _newData);
-        setValues({
-          ...formsValue,
+        }));
+        form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
+        setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
           [groupFormId]: _newData
-        });
+        }));
         return;
       }
-      onValuesChange(_val, {
-        ...formsValue,
-        ..._val
-      });
-      form?.setFieldValue(name, _val[name]);
-      setValues({
-        ...formsValue,
-        ..._val
-      });
+      onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
+      form === null || form === void 0 || form.setFieldValue(name, _val[name]);
+      setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
     };
     return /*#__PURE__*/jsxRuntime.jsx(DataLink, {
       form: input,
       formsValue: formsValue,
       onUpdate: onUpdate,
       isHighlighted: isHighlighted,
-      values: groupFormId ? {
-        ...(formsValue[groupFormId] || {}),
+      values: groupFormId ? _objectSpread2(_objectSpread2({}, formsValue[groupFormId] || {}), {}, {
         meta: {
-          inputs: (formsValue?.meta?.inputs || {})[groupFormId]
+          inputs: ((formsValue === null || formsValue === void 0 || (_formsValue$meta = formsValue.meta) === null || _formsValue$meta === void 0 ? void 0 : _formsValue$meta.inputs) || {})[groupFormId]
         }
-      } : formsValue,
+      }) : formsValue,
       name: name,
       groupFormId: groupFormId,
-      maxRepeat: input?.meta?.maxRepeat,
-      remove: ({
-        key
-      }) => {
+      maxRepeat: input === null || input === void 0 || (_input$meta11 = input.meta) === null || _input$meta11 === void 0 ? void 0 : _input$meta11.maxRepeat,
+      remove: _ref45 => {
+        let {
+          key
+        } = _ref45;
         const _val = isSingle ? {
           [name]: null
         } : {
           [name]: formData.filter((v, i) => i !== key)
         };
         if (groupFormId) {
-          const _defaultData = form?.getFieldValue(groupFormId) || {};
-          const _newData = {
-            ..._defaultData,
-            ..._val
-          };
-          onValuesChange(_newData, {
-            ...formsValue,
+          const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
+          const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
+          onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
             [groupFormId]: _newData
-          });
-          form?.setFieldValue(groupFormId, _newData);
-          setValues({
-            ...formsValue,
+          }));
+          form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
+          setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
             [groupFormId]: _newData
-          });
+          }));
           return;
         }
-        onValuesChange(_val, {
-          ...formsValue,
-          ..._val
-        });
-        form?.setFieldValue(name, _val[name]);
-        setValues({
-          ...formsValue,
-          ..._val
-        });
+        onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
+        form === null || form === void 0 || form.setFieldValue(name, _val[name]);
+        setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
       },
       add: val => {
         const _val = isSingle ? {
           [name]: val
         } : {
-          [name]: [...formData, {
-            ...val
-          }]
+          [name]: [...formData, _objectSpread2({}, val)]
         };
         if (groupFormId) {
-          const _defaultData = form?.getFieldValue(groupFormId) || {};
-          const _newData = {
-            ..._defaultData,
-            ..._val
-          };
-          form?.setFieldValue(groupFormId, _newData);
-          onValuesChange(_newData, {
-            ...formsValue,
+          const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
+          const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
+          form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
+          onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
             [groupFormId]: _newData
-          });
-          setValues({
-            ...formsValue,
+          }));
+          setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
             [groupFormId]: _newData
-          });
+          }));
           return;
         }
-        form?.setFieldValue(name, _val[name]);
-        onValuesChange(_val, {
-          ...formsValue,
-          ..._val
-        });
-        setValues({
-          ...formsValue,
-          ..._val
-        });
+        form === null || form === void 0 || form.setFieldValue(name, _val[name]);
+        onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
+        setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
       },
       k: name,
       formData: formData
     });
   },
-  internallink: ({
-    name,
-    inputName,
-    props,
-    value,
-    repeatIndex,
-    repeatValues,
-    formsValue
-  }, {
-    form,
-    inputMeta = {},
-    t
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(Website, {
+  internallink: (_ref46, _ref47) => {
+    let {
+      name,
+      inputName,
+      props,
+      value,
+      repeatIndex,
+      repeatValues,
+      formsValue
+    } = _ref46;
+    let {
+      form,
+      inputMeta = {},
+      t
+    } = _ref47;
+    return /*#__PURE__*/jsxRuntime.jsx(Website, _objectSpread2(_objectSpread2({
       allowClear: true,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || "www.example.com",
-      initialValue: value,
-      ...props,
+      initialValue: value
+    }, props), {}, {
       onChange: val => updateFormValues(repeatIndex, repeatValues, inputName, val, formsValue, name, form)
-    });
+    }));
   },
-  group: ({
-    props,
-    groupInputs
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(GroupInput$1, {
-      groupInputs: groupInputs,
-      ...props
-    });
+  group: _ref48 => {
+    let {
+      props,
+      groupInputs
+    } = _ref48;
+    return /*#__PURE__*/jsxRuntime.jsx(GroupInput$1, _objectSpread2({
+      groupInputs: groupInputs
+    }, props));
   },
-  groupInputs: ({
-    props,
-    groupInputs
-  }, {
-    inputMeta
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(GroupInput$1, {
+  groupInputs: (_ref49, _ref50) => {
+    let {
+      props,
+      groupInputs
+    } = _ref49;
+    let {
+      inputMeta
+    } = _ref50;
+    return /*#__PURE__*/jsxRuntime.jsx(GroupInput$1, _objectSpread2({
       groupInputs: groupInputs,
-      inputMeta: inputMeta,
-      ...props
-    });
+      inputMeta: inputMeta
+    }, props));
   },
-  radioGroup: ({
-    props,
-    value,
-    options
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Radio.Group, {
-      value: value,
-      ...props,
+  radioGroup: _ref51 => {
+    let {
+      props,
+      value,
+      options
+    } = _ref51;
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Radio.Group, _objectSpread2(_objectSpread2({
+      value: value
+    }, props), {}, {
       children: (options || []).map(o => {
         return /*#__PURE__*/jsxRuntime.jsxs(antd.Radio, {
           value: o.value,
@@ -39477,16 +39360,17 @@ const inputTypeComponent = {
           }) : null]
         }, o.value);
       })
-    });
+    }));
   },
-  checkboxGroup: ({
-    props,
-    value,
-    options
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox.Group, {
-      value: value,
-      ...props,
+  checkboxGroup: _ref52 => {
+    let {
+      props,
+      value,
+      options
+    } = _ref52;
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox.Group, _objectSpread2(_objectSpread2({
+      value: value
+    }, props), {}, {
       children: (options || []).map(o => {
         return /*#__PURE__*/jsxRuntime.jsxs(antd.Checkbox, {
           value: o.value,
@@ -39499,28 +39383,30 @@ const inputTypeComponent = {
           }) : null]
         }, o.value);
       })
-    });
+    }));
   }
 };
-const GetFormItem = ({
-  code,
-  inputData,
-  inputId,
-  input,
-  setLoading,
-  values,
-  MainForm,
-  options,
-  plainForms,
-  setValues,
-  alertError,
-  setAddress,
-  inputMeta = {},
-  inputKey,
-  changeInputMeta = () => {},
-  i,
-  isCreate = false
-}) => {
+const GetFormItem = _ref53 => {
+  var _find, _input$meta12, _input$meta13, _input$meta14, _input$meta15, _input$meta16, _input$meta17, _input$meta18, _inputData$value, _input$meta19, _input$meta20, _inputData$commentVal;
+  let {
+    code,
+    inputData,
+    inputId,
+    input,
+    setLoading,
+    values,
+    MainForm,
+    options,
+    plainForms,
+    setValues,
+    alertError,
+    setAddress,
+    inputMeta = {},
+    inputKey,
+    changeInputMeta = () => {},
+    i,
+    isCreate = false
+  } = _ref53;
   const {
     t,
     getAppHeader,
@@ -39536,7 +39422,7 @@ const GetFormItem = ({
     case "h6":
       return getInputHeadLines(input.type, i, input, values);
     default:
-      const rules = inputMeta?.notApplicable || inputMeta?.notAvailable ? [] : inputData.rules ? inputData.rules.filter(rule => !Object.keys(rule).includes("accept") && !Object.keys(rule).includes("max")) : [];
+      const rules = inputMeta !== null && inputMeta !== void 0 && inputMeta.notApplicable || inputMeta !== null && inputMeta !== void 0 && inputMeta.notAvailable ? [] : inputData.rules ? inputData.rules.filter(rule => !Object.keys(rule).includes("accept") && !Object.keys(rule).includes("max")) : [];
       const requiredRule = rules.find(r => r.required);
       if (requiredRule && input.type === "text") {
         rules.push({
@@ -39545,47 +39431,45 @@ const GetFormItem = ({
         });
       }
       const noLabel = ["message"].includes(input.type);
-      let maxRule = (inputData?.rules || []).find(rule => rule.max)?.max;
+      let maxRule = (_find = ((inputData === null || inputData === void 0 ? void 0 : inputData.rules) || []).find(rule => rule.max)) === null || _find === void 0 ? void 0 : _find.max;
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex input-cont",
-          children: /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-            initialValue: inputMeta?.defaultValue,
-            ...(["total100", "group"].includes(input.type) ? {} : {
-              name: inputId,
-              fieldKey: inputId,
-              initialValue: inputData.value
-            }),
-            ...(["upload", "imageUpload", "videoUpload"].includes(input.type) ? {
-              valuePropName: "fileList",
-              getValueFromEvent: e => {
-                if (Array.isArray(e)) {
-                  return e;
-                }
-                return e && e.fileList && e.fileList.map(f => {
-                  if (f.response) {
-                    return f.response;
-                  }
-                  return f;
-                });
+          children: /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+            initialValue: inputMeta === null || inputMeta === void 0 ? void 0 : inputMeta.defaultValue
+          }, ["total100", "group"].includes(input.type) ? {} : {
+            name: inputId,
+            fieldKey: inputId,
+            initialValue: inputData.value
+          }), ["upload", "imageUpload", "videoUpload"].includes(input.type) ? {
+            valuePropName: "fileList",
+            getValueFromEvent: e => {
+              if (Array.isArray(e)) {
+                return e;
               }
-            } : {}),
+              return e && e.fileList && e.fileList.map(f => {
+                if (f.response) {
+                  return f.response;
+                }
+                return f;
+              });
+            }
+          } : {}), {}, {
             style: input.showOnView === false ? {
               display: "none"
-            } : {},
-            ...(["switch"].includes(input.type) ? {
-              labelCol: {
-                span: 20
-              },
-              style: {
-                ...(input.showOnView === false ? {
-                  display: "none"
-                } : {}),
-                flexDirection: "row",
-                justifyContent: "space-between"
-              }
-            } : {}),
-            className: input.comment ? `flex-1 with-comment i-${input.type}` : `i-${input.type} flex-1`,
+            } : {}
+          }, ["switch"].includes(input.type) ? {
+            labelCol: {
+              span: 20
+            },
+            style: _objectSpread2(_objectSpread2({}, input.showOnView === false ? {
+              display: "none"
+            } : {}), {}, {
+              flexDirection: "row",
+              justifyContent: "space-between"
+            })
+          } : {}), {}, {
+            className: input.comment ? "flex-1 with-comment i-".concat(input.type) : "i-".concat(input.type, " flex-1"),
             "data-id": inputData.name,
             rules: rules,
             required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false
@@ -39596,8 +39480,8 @@ const GetFormItem = ({
               children: [/*#__PURE__*/jsxRuntime.jsx("div", {
                 className: "mr-1",
                 children: getInputLabel(input, values)
-              }), !!input?.meta?.tooltip && /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-                title: input?.meta?.tooltip,
+              }), !!(input !== null && input !== void 0 && (_input$meta12 = input.meta) !== null && _input$meta12 !== void 0 && _input$meta12.tooltip) && /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+                title: input === null || input === void 0 || (_input$meta13 = input.meta) === null || _input$meta13 === void 0 ? void 0 : _input$meta13.tooltip,
                 trigger: "hover",
                 children: /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "flex flex-column justify-content-center",
@@ -39615,7 +39499,7 @@ const GetFormItem = ({
                     title: t("Not applicable"),
                     children: /*#__PURE__*/jsxRuntime.jsx("div", {
                       children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-                        disabled: !input?.meta?.notApplicable,
+                        disabled: !(input !== null && input !== void 0 && (_input$meta14 = input.meta) !== null && _input$meta14 !== void 0 && _input$meta14.notApplicable),
                         className: formatClassname(["default p-0", inputMeta.notApplicable && "primary"]),
                         type: "link",
                         onClick: () => {
@@ -39650,7 +39534,7 @@ const GetFormItem = ({
                     title: t("No available information"),
                     children: /*#__PURE__*/jsxRuntime.jsx("div", {
                       children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-                        disabled: !input?.meta?.notAvailable,
+                        disabled: !(input !== null && input !== void 0 && (_input$meta15 = input.meta) !== null && _input$meta15 !== void 0 && _input$meta15.notAvailable),
                         className: formatClassname(["default p-0", inputMeta.notAvailable && "primary"]),
                         type: "link",
                         onClick: () => {
@@ -39684,14 +39568,14 @@ const GetFormItem = ({
                   }), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
                     title: t("Add comment"),
                     children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                      children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+                      children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
                         type: "link",
-                        disabled: !input?.meta?.comment,
-                        ...(!isShown ? {
-                          className: "default p-0"
-                        } : {
-                          className: "p-0 primary"
-                        }),
+                        disabled: !(input !== null && input !== void 0 && (_input$meta16 = input.meta) !== null && _input$meta16 !== void 0 && _input$meta16.comment)
+                      }, !isShown ? {
+                        className: "default p-0"
+                      } : {
+                        className: "p-0 primary"
+                      }), {}, {
                         onClick: () => {
                           setIsShown(true);
                           changeInputMeta({
@@ -39707,18 +39591,18 @@ const GetFormItem = ({
                           width: 16,
                           height: 16
                         })
-                      })
+                      }))
                     })
                   })]
-                }), input.meta?.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
+                }), (_input$meta17 = input.meta) !== null && _input$meta17 !== void 0 && _input$meta17.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "code",
                   children: /*#__PURE__*/jsxRuntime.jsx("span", {
-                    children: input.meta?.code
+                    children: (_input$meta18 = input.meta) === null || _input$meta18 === void 0 ? void 0 : _input$meta18.code
                   })
                 }) : code ? /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "code",
                   children: /*#__PURE__*/jsxRuntime.jsx("span", {
-                    children: `${code}.${i + 1}`
+                    children: "".concat(code, ".").concat(i + 1)
                   })
                 }) : null]
               })
@@ -39738,7 +39622,7 @@ const GetFormItem = ({
               getAppHeader,
               getApiBaseUrl
             }) : console.log(input)
-          })
+          }))
         }), alertError ? /*#__PURE__*/jsxRuntime.jsx(antd.Alert, {
           message: alertError.message,
           type: "error",
@@ -39767,10 +39651,10 @@ const GetFormItem = ({
             className: "max-char-span",
             children: t("max-char", {
               chars: maxRule,
-              filled: inputData?.value?.length || 0
+              filled: (inputData === null || inputData === void 0 || (_inputData$value = inputData.value) === null || _inputData$value === void 0 ? void 0 : _inputData$value.length) || 0
             })
           })
-        }) : null, input.meta?.comment && isShown ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+        }) : null, (_input$meta19 = input.meta) !== null && _input$meta19 !== void 0 && _input$meta19.comment && isShown ? /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "input-content dynamic-form-comment",
           children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
             className: "comment-textarea",
@@ -39796,7 +39680,7 @@ const GetFormItem = ({
                 },
                 children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                   type: "link",
-                  disabled: !input.meta?.comment,
+                  disabled: !((_input$meta20 = input.meta) !== null && _input$meta20 !== void 0 && _input$meta20.comment),
                   className: "p-0",
                   children: /*#__PURE__*/jsxRuntime.jsx(Icons.DeleteOutlined, {
                     width: 16,
@@ -39827,7 +39711,7 @@ const GetFormItem = ({
             className: "max-char-span",
             children: t("max-char", {
               chars: MAX_COMMENTS_LENGTH,
-              filled: inputData?.commentValue?.length || 0
+              filled: (inputData === null || inputData === void 0 || (_inputData$commentVal = inputData.commentValue) === null || _inputData$commentVal === void 0 ? void 0 : _inputData$commentVal.length) || 0
             })
           })]
         }) : null]
@@ -39847,22 +39731,23 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
   const formId = form.dataId || k;
   const allInputs = Object.keys(form.inputs).filter(i => {
     const input = form.inputs[i];
-    return !excludedKeys.includes(i) && !input.excludeFromEdit && showHideInput(input, values, undefined, undefined, setValues, `${formId}.${i}`);
+    return !excludedKeys.includes(i) && !input.excludeFromEdit && showHideInput(input, values, undefined, undefined, setValues, "".concat(formId, ".").concat(i));
   });
   return allInputs.length ? /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
     children: [getFormTitles(formTitles, formId, i), ['h2', 'h3', 'h4', 'h5', 'h6'].includes(form.type) ? getInputHeadLines(form.type, i, form, values) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [!form.repeatable ? /*#__PURE__*/jsxRuntime.jsx("h3", {
-        className: `${form.titleClass ? form.titleClass : 'title-semibold-4'} mb0 ${i ? 'mt-3' : ''}`,
+        className: "".concat(form.titleClass ? form.titleClass : 'title-semibold-4', " mb0 ").concat(i ? 'mt-3' : ''),
         children: getInputLabel(form, values)
       }) : !form.hideSectionLabel ? /*#__PURE__*/jsxRuntime.jsx("h3", {
-        className: `${form.titleClass ? form.titleClass : 'title-semibold-4'} mb0 ${i ? 'mt-3' : ''}`,
+        className: "".concat(form.titleClass ? form.titleClass : 'title-semibold-4', " mb0 ").concat(i ? 'mt-3' : ''),
         children: form.sectionLabel ? getSectionLabel(form.sectionLabel, values) : form.label ? getInputLabel(form, values) : camelCaseToTitle(k)
       }) : null, /*#__PURE__*/jsxRuntime.jsx(antd.Form.List, {
         name: formId,
-        children: (fields, {
-          add,
-          remove
-        }) => {
+        children: (fields, _ref) => {
+          let {
+            add,
+            remove
+          } = _ref;
           const formData = form.repeatable ? values[formId] || [] : values[formId] ? [values[formId]] : [];
           if (fields.length === 0) {
             const formInputs = form.inputs;
@@ -39913,7 +39798,7 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                     padding: '0px 5px',
                     color: '#2E90FA'
                   },
-                  children: `#${field.name + 1}`
+                  children: "#".concat(field.name + 1)
                 }), /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "remove-button-for-repeatable",
                   children: (formData.filter(k => Object.keys(k).length > 0).length >= 1 || fields.length > 1) && (typeof form.canDelete !== 'function' || form.canDelete(Array.isArray(values[formId]) ? values[formId][field.name] || {} : values[formId] || {})) ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
@@ -39935,8 +39820,8 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                   const inputId = input.dataId || inp;
                   const inputValues = Array.isArray(values[formId]) ? values[formId][field.name] || {} : values[formId] || {};
                   const value = inputValues[inputId];
-                  const commentValue = inputValues[`${inputId}Comment`];
-                  const inputData = getData(formId, input, value, commentValue, `${formId}[${field.name}].${inputId}`, `${formId}.${inputId}`);
+                  const commentValue = inputValues["".concat(inputId, "Comment")];
+                  const inputData = getData(formId, input, value, commentValue, "".concat(formId, "[").concat(field.name, "].").concat(inputId), "".concat(formId, ".").concat(inputId));
                   const subtitles = form.subtitles || null;
                   inputData.repeatIndex = field.name;
                   inputData.inputName = inputId;
@@ -39957,64 +39842,59 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                       message: requiredRule.message || ''
                     });
                   }
-                  return showHideInput(input, values, field.name, inputValues, setValues, `${formId}[${field.name}].${inputId}`) ? /*#__PURE__*/jsxRuntime.jsx(React__default["default"].Fragment, {
+                  return showHideInput(input, values, field.name, inputValues, setValues, "".concat(formId, "[").concat(field.name, "].").concat(inputId)) ? /*#__PURE__*/jsxRuntime.jsx(React__default["default"].Fragment, {
                     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-                      className: form.repeatable ? `inputs` : "",
+                      className: form.repeatable ? "inputs" : "",
                       children: [getSubtitles(subtitles, input.position, values, field.name, inputValues), ['h2', 'h3', 'h4', 'h5', 'h6'].includes(input.type) ? getInputHeadLines(input.type, i, input, values) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-                          ...field,
-                          required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false,
-                          ...(['total100', 'group'].includes(input.type) ? {} : {
-                            name: [field.name, inputId],
-                            fieldKey: [field.fieldKey, inputId],
-                            initialValue: inputData.value
-                          }),
-                          ...(['upload'].includes(input.type) ? {
-                            valuePropName: "fileList",
-                            getValueFromEvent: e => {
-                              if (Array.isArray(e)) {
-                                return e;
-                              }
-                              return e && e.fileList && e.fileList.map(f => {
-                                if (f.response) {
-                                  return f.response;
-                                }
-                                return f;
-                              });
+                        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, field), {}, {
+                          required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false
+                        }, ['total100', 'group'].includes(input.type) ? {} : {
+                          name: [field.name, inputId],
+                          fieldKey: [field.fieldKey, inputId],
+                          initialValue: inputData.value
+                        }), ['upload'].includes(input.type) ? {
+                          valuePropName: "fileList",
+                          getValueFromEvent: e => {
+                            if (Array.isArray(e)) {
+                              return e;
                             }
-                          } : {}),
+                            return e && e.fileList && e.fileList.map(f => {
+                              if (f.response) {
+                                return f.response;
+                              }
+                              return f;
+                            });
+                          }
+                        } : {}), {}, {
                           style: input.showOnView === false ? {
                             display: 'none'
-                          } : {},
-                          ...(['switch'].includes(input.type) ? {
-                            labelCol: {
-                              span: 20
-                            },
-                            style: {
-                              ...(input.showOnView === false ? {
-                                display: 'none'
-                              } : {}),
-                              flexDirection: 'row',
-                              justifyContent: 'space-between'
-                            }
-                          } : {}),
+                          } : {}
+                        }, ['switch'].includes(input.type) ? {
+                          labelCol: {
+                            span: 20
+                          },
+                          style: _objectSpread2(_objectSpread2({}, input.showOnView === false ? {
+                            display: 'none'
+                          } : {}), {}, {
+                            flexDirection: 'row',
+                            justifyContent: 'space-between'
+                          })
+                        } : {}), {}, {
                           label: getInputLabel(input, values),
                           rules: rules,
-                          className: input.comment ? `with-comment i-${input.type}` : `i-${input.type}`,
+                          className: input.comment ? "with-comment i-".concat(input.type) : "i-".concat(input.type),
                           extra: input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                             disabled: inputData.props.disabled,
                             type: "link",
                             onClick: () => {
                               const inputValues = Array.isArray(values[formId]) ? values[formId][field.name] || {} : values[formId] || {};
-                              inputValues[`${inputData.inputName}Comment`] = !inputData.commentValue ? '' : undefined;
+                              inputValues["".concat(inputData.inputName, "Comment")] = !inputData.commentValue ? '' : undefined;
                               if (Array.isArray(values[formId])) {
                                 values[formId][field.name] = inputValues;
                               } else {
                                 values[formId] = inputValues;
                               }
-                              setValues({
-                                ...values
-                              });
+                              setValues(_objectSpread2({}, values));
                             },
                             children: t(!inputData.commentValue ? 'Add Comment' : 'Remove Comment')
                           }) : null,
@@ -40031,9 +39911,9 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                             getAppHeader,
                             getApiBaseUrl
                           }) : console.log(input)
-                        }), input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-                          name: [field.name, `${inputData.inputName}Comment`],
-                          fieldKey: [field.fieldKey, `${inputData.inputName}Comment`],
+                        })), input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+                          name: [field.name, "".concat(inputData.inputName, "Comment")],
+                          fieldKey: [field.fieldKey, "".concat(inputData.inputName, "Comment")],
                           initialValue: inputData.commentValue,
                           hidden: !inputData.commentValue,
                           children: inputTypeComponent.comment(inputData, {
@@ -40047,10 +39927,10 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                         }) : null]
                       })]
                     }, ii)
-                  }, `${i}${ii}`) : null;
+                  }, "".concat(i).concat(ii)) : null;
                 })
               })]
-            }, `${formId}-${field.name}`)), form.repeatable ? /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
+            }, "".concat(formId, "-").concat(field.name))), form.repeatable ? /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
               type: "dashed",
               style: {
                 margin: '10px 0px 30px',
@@ -40079,7 +39959,7 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
   const hasLabel = label && (typeof label === 'string' && (label || '').trim() !== '' || typeof label === 'object') ? true : false;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [hasLabel ? /*#__PURE__*/jsxRuntime.jsx("h3", {
-      className: `${form.titleClass ? form.titleClass : 'title-semibold-4'} ${i ? 'mt-3 mb-1' : ''}`,
+      className: "".concat(form.titleClass ? form.titleClass : 'title-semibold-4', " ").concat(i ? 'mt-3 mb-1' : ''),
       children: label
     }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
       className: hasLabel ? "mb-4" : "",
@@ -40088,8 +39968,8 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
         const inputId = input.dataId || inp;
         const inputValues = Array.isArray(values[formId]) ? values[formId] || {} : values[formId] || {};
         const value = inputValues[inputId];
-        const commentValue = inputValues[`${inputId}Comment`];
-        const inputData = getData(formId, input, value, commentValue, `${formId}.${inputId}`, `${formId}.${inputId}`);
+        const commentValue = inputValues["".concat(inputId, "Comment")];
+        const inputData = getData(formId, input, value, commentValue, "".concat(formId, ".").concat(inputId), "".concat(formId, ".").concat(inputId));
         const subtitles = form.subtitles || null;
         inputData.repeatIndex = undefined;
         inputData.inputName = inputId;
@@ -40110,62 +39990,58 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
             message: requiredRule.message || ''
           });
         }
-        return showHideInput(input, values, undefined, inputValues, setValues, `${formId}.${inputId}`) ? /*#__PURE__*/jsxRuntime.jsx(React__default["default"].Fragment, {
+        return showHideInput(input, values, undefined, inputValues, setValues, "".concat(formId, ".").concat(inputId)) ? /*#__PURE__*/jsxRuntime.jsx(React__default["default"].Fragment, {
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
             children: [getSubtitles(subtitles, input.position, values, undefined, inputValues), ['h2', 'h3', 'h4', 'h5', 'h6'].includes(input.type) ? getInputHeadLines(input.type, i, input, values) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-                required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false,
-                ...(['total100', 'group'].includes(input.type) ? {} : {
-                  name: [formId, inputId],
-                  fieldKey: [formId, inputId],
-                  initialValue: inputData.value
-                }),
-                ...(['upload'].includes(input.type) ? {
-                  valuePropName: "fileList",
-                  getValueFromEvent: e => {
-                    if (Array.isArray(e)) {
-                      return e;
-                    }
-                    return e && e.fileList && e.fileList.map(f => {
-                      if (f.response) {
-                        return f.response;
-                      }
-                      return f;
-                    });
+              children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+                required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false
+              }, ['total100', 'group'].includes(input.type) ? {} : {
+                name: [formId, inputId],
+                fieldKey: [formId, inputId],
+                initialValue: inputData.value
+              }), ['upload'].includes(input.type) ? {
+                valuePropName: "fileList",
+                getValueFromEvent: e => {
+                  if (Array.isArray(e)) {
+                    return e;
                   }
-                } : {}),
+                  return e && e.fileList && e.fileList.map(f => {
+                    if (f.response) {
+                      return f.response;
+                    }
+                    return f;
+                  });
+                }
+              } : {}), {}, {
                 style: input.showOnView === false ? {
                   display: 'none'
-                } : {},
-                ...(['switch'].includes(input.type) ? {
-                  labelCol: {
-                    span: 20
-                  },
-                  style: {
-                    ...(input.showOnView === false ? {
-                      display: 'none'
-                    } : {}),
-                    flexDirection: 'row',
-                    justifyContent: 'space-between'
-                  }
-                } : {}),
+                } : {}
+              }, ['switch'].includes(input.type) ? {
+                labelCol: {
+                  span: 20
+                },
+                style: _objectSpread2(_objectSpread2({}, input.showOnView === false ? {
+                  display: 'none'
+                } : {}), {}, {
+                  flexDirection: 'row',
+                  justifyContent: 'space-between'
+                })
+              } : {}), {}, {
                 label: getInputLabel(input, values),
                 rules: rules,
-                className: input.comment ? `with-comment i-${input.type}` : `i-${input.type}`,
+                className: input.comment ? "with-comment i-".concat(input.type) : "i-".concat(input.type),
                 extra: input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                   disabled: inputData.props.disabled,
                   type: "link",
                   onClick: () => {
                     const inputValues = Array.isArray(values[formId]) ? values[formId] || {} : values[formId] || {};
-                    inputValues[`${inputData.inputName}Comment`] = !inputData.commentValue ? '' : undefined;
+                    inputValues["".concat(inputData.inputName, "Comment")] = !inputData.commentValue ? '' : undefined;
                     if (Array.isArray(values[formId])) {
                       values[formId] = inputValues;
                     } else {
                       values[formId] = inputValues;
                     }
-                    setValues({
-                      ...values
-                    });
+                    setValues(_objectSpread2({}, values));
                   },
                   children: t(!inputData.commentValue ? 'Add Comment' : 'Remove Comment')
                 }) : null,
@@ -40180,9 +40056,9 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
                   getAppHeader,
                   getApiBaseUrl
                 }) : console.log(input)
-              }), input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-                name: [formId, `${inputData.inputName}Comment`],
-                fieldKey: [formId, `${inputData.inputName}Comment`],
+              })), input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+                name: [formId, "".concat(inputData.inputName, "Comment")],
+                fieldKey: [formId, "".concat(inputData.inputName, "Comment")],
                 initialValue: inputData.commentValue,
                 hidden: !inputData.commentValue,
                 children: inputTypeComponent.comment(inputData, {
@@ -40196,7 +40072,7 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
               }) : null]
             })]
           }, ii)
-        }, `${i}${ii}`) : null;
+        }, "".concat(i).concat(ii)) : null;
       })
     })]
   });
@@ -57454,7 +57330,8 @@ function FindInformation(_ref) {
     t = s => s,
     goTo = () => {},
     getRedirectLink = () => {},
-    renderBreadCrumbs = () => {}
+    renderBreadCrumbs = () => {},
+    breadcrumbs = []
   } = _ref;
   const {
     defaultTab,
@@ -57478,7 +57355,7 @@ function FindInformation(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "daf-create-view semibold form-input-output",
     children: [/*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
-      breadcrumbs: breadCrumbs,
+      breadcrumbs: breadcrumbs || breadCrumbs,
       title: t("Find Information"),
       supportText: t("Identify available information sources among users of compatible applications and connected databases.")
     }), activeTab === "locations" && /*#__PURE__*/jsxRuntime.jsx(Locations, {
@@ -61870,6 +61747,7 @@ exports.MoreTags = MoreTags;
 exports.MultiBarProgress = MultiBarProgress;
 exports.MultiColorProgressBar = MultiColorProgressBar;
 exports.Multiselect = Multiselect;
+exports.NavigationAction = NavigationAction;
 exports.NotFound = NotFound;
 exports.PLACEHOLDER = PLACEHOLDER;
 exports.Pagination = Pagination;