datastake-daf 0.6.804 → 0.6.805

package/dist/components/index.js

@@ -4778,7 +4778,7 @@ const config$2 = {
   Down: config$3
 };
 
-const _excluded$H = ["width", "height", "size", "name", "fill"];
+const _excluded$G = ["width", "height", "size", "name", "fill"];
 const CustomIcon = _ref => {
   let {
       width = 14,
@@ -4787,7 +4787,7 @@ const CustomIcon = _ref => {
       name = "",
       fill = "none"
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$H);
+    props = _objectWithoutProperties(_ref, _excluded$G);
   const conf = config$2[name];
   if (conf) {
     return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -5076,7 +5076,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$G = ["view", "module", "scope", "form", "meta", "createdAt", "updatedAt"];
+const _excluded$F = ["view", "module", "scope", "form", "meta", "createdAt", "updatedAt"];
 dayjs__default["default"].extend(customParseFormat);
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(utc);
@@ -5452,7 +5452,7 @@ const filterCreateData = data => {
       createdAt,
       updatedAt
     } = data,
-    rest = _objectWithoutProperties(data, _excluded$G);
+    rest = _objectWithoutProperties(data, _excluded$F);
   const _meta = isObjectEmpty(meta) ? undefined : meta;
   return _objectSpread2(_objectSpread2({}, rest), {}, {
     meta: _meta
@@ -5848,7 +5848,7 @@ SelectFilters.propTypes = {
   apiUrl: PropTypes__default["default"].string
 };
 
-const _excluded$F = ["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$E = ["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 = [],
@@ -5879,7 +5879,7 @@ function DAFTable(_ref) {
       app,
       doEmptyRows
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$F);
+    rest = _objectWithoutProperties(_ref, _excluded$E);
   const [source, setSource] = React.useState([]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
@@ -6697,7 +6697,7 @@ function ComponentWithFocus(_ref) {
 }
 
 var _templateObject$h;
-const _excluded$E = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
+const _excluded$D = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
 function StickyTable(_ref) {
   let {
       size = "small",
@@ -6708,7 +6708,7 @@ function StickyTable(_ref) {
       pagination = false,
       doEmptyRows = true
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$E);
+    props = _objectWithoutProperties(_ref, _excluded$D);
   const data = React__default["default"].useMemo(() => {
     if (!doEmptyRows) {
       return dataSource;
@@ -7236,7 +7236,7 @@ const BTN_SIZE = {
   LG: 'large'
 };
 
-const _excluded$D = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
+const _excluded$C = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
 function DafButton(_ref) {
   let {
       content = '',
@@ -7250,7 +7250,7 @@ function DafButton(_ref) {
       style = {},
       className = ''
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$D);
+    restProps = _objectWithoutProperties(_ref, _excluded$C);
   return /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
     icon: icon,
     type: type,
@@ -7369,12 +7369,12 @@ const Style$R = styled__default["default"].div`
   }
 `;
 
-const _excluded$C = ["children"];
+const _excluded$B = ["children"];
 const BorderedButton = _ref => {
   let {
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$C);
+    props = _objectWithoutProperties(_ref, _excluded$B);
   return /*#__PURE__*/jsxRuntime.jsx(Style$R, {
     className: "d-btn-cont",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -7514,12 +7514,12 @@ Badge.propTypes = {
   props: PropTypes__default["default"].object
 };
 
-const _excluded$B = ["icon"];
+const _excluded$A = ["icon"];
 function GetIcon(_ref) {
   let {
       icon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$B);
+    props = _objectWithoutProperties(_ref, _excluded$A);
   let Icon = Icons__namespace.CloseOutlined;
   if (Icons__namespace[icon]) {
     Icon = Icons__namespace[icon];
@@ -7849,7 +7849,7 @@ const MultiSelectStyled = styled__default["default"](antd.Select)`
   }
 `;
 
-const _excluded$A = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
+const _excluded$z = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
   useToken: useToken$n
 } = antd.theme;
@@ -7942,7 +7942,7 @@ function Multiselect(_ref) {
       isSingle = false,
       selectionType = SELECTION_TYPES.DEFAULT
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$A);
+    restProps = _objectWithoutProperties(_ref, _excluded$z);
   const {
     token
   } = useToken$n();
@@ -8333,8 +8333,8 @@ const useHeader = _ref => {
       setShowFilters(p => !p);
     }
   }];
-  const actionButtons = onDownload && _actionButtons.length < 3 ? [..._actionButtons, ...(hasFilters ? filterButton : []), downloadButton] : [..._actionButtons, ...(hasFilters ? filterButton : [])];
-  const extraButtons = onDownload && _actionButtons.length >= 3 ? [..._extraButtons, downloadButtonAction] : [..._extraButtons];
+  const actionButtons = onDownload && (_actionButtons === null || _actionButtons === void 0 ? void 0 : _actionButtons.length) < 3 ? [...(_actionButtons !== null && _actionButtons !== void 0 && _actionButtons.length ? _actionButtons : []), ...(hasFilters ? filterButton : []), downloadButton] : [...(_actionButtons !== null && _actionButtons !== void 0 && _actionButtons.length ? _actionButtons : []), ...(hasFilters ? filterButton : [])];
+  const extraButtons = onDownload && (_actionButtons === null || _actionButtons === void 0 ? void 0 : _actionButtons.length) >= 3 ? [..._extraButtons, downloadButtonAction] : [..._extraButtons];
   const mainCont = React.useRef();
   const buttonCont = React.useRef();
   const [mainContWidth, setMainContWidth] = React.useState(600);
@@ -8662,7 +8662,7 @@ DAFHeader.propTypes = {
   filtersConfig: PropTypes__default["default"].any
 };
 
-const _excluded$z = ["tabs", "onChange", "value", "className"];
+const _excluded$y = ["tabs", "onChange", "value", "className"];
 function TabsHeader(_ref) {
   let {
       tabs = [],
@@ -8670,7 +8670,7 @@ function TabsHeader(_ref) {
       value = '',
       className = 'mt-2'
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$z);
+    rest = _objectWithoutProperties(_ref, _excluded$y);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
@@ -8767,7 +8767,7 @@ DrawerHeader.propTypes = {
   tabsConfig: PropTypes__default["default"].any
 };
 
-const _excluded$y = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
+const _excluded$x = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
 const useFooter = _ref => {
   let {
     leftContent,
@@ -8802,7 +8802,7 @@ const useFooter = _ref => {
                 style = {},
                 className = ""
               } = button,
-              restProps = _objectWithoutProperties(button, _excluded$y);
+              restProps = _objectWithoutProperties(button, _excluded$x);
             return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
               content: label,
               type: type,
@@ -11683,7 +11683,7 @@ Widget.propTypes = {
 };
 Widget.displayName = 'Widget';
 
-const _excluded$x = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText", "isPdf"];
+const _excluded$w = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText", "isPdf"];
 function ImageWidget(_ref) {
   let {
       loading = false,
@@ -11694,7 +11694,7 @@ function ImageWidget(_ref) {
       noDescriptionText,
       isPdf = false
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$x);
+    props = _objectWithoutProperties(_ref, _excluded$w);
   const expandable = isPdf ? false : props.expandable;
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     loading: loading,
@@ -11754,7 +11754,7 @@ function ImageWidget(_ref) {
 ImageWidget.displayName = 'ImageWidget';
 
 var _templateObject$e;
-const _excluded$w = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
+const _excluded$v = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
 function FlowWidget(_ref) {
   let {
       title,
@@ -11766,7 +11766,7 @@ function FlowWidget(_ref) {
       className,
       direction = "horizontal"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$w);
+    rest = _objectWithoutProperties(_ref, _excluded$v);
   const [activeTab, setActiveTab] = React.useState();
   React.useEffect(() => {
     if (defaultActiveTab) {
@@ -15482,7 +15482,7 @@ Map$3.propTypes = {
   link: PropTypes__default["default"].any
 };
 
-const _excluded$v = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
+const _excluded$u = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
 function InExpandableWidgetMap(_ref) {
   let {
       isExpanded,
@@ -15496,7 +15496,7 @@ function InExpandableWidgetMap(_ref) {
       height,
       widgetConfig
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$v);
+    rest = _objectWithoutProperties(_ref, _excluded$u);
   const [mapKey, setMapKey] = React.useState(0);
   const [isMapReady, setIsMapReady] = React.useState(false);
   React.useEffect(() => {
@@ -17696,14 +17696,14 @@ const MapConfig = ({
   });
 };
 
-const _excluded$u = ["config", "title", "loading"];
+const _excluded$t = ["config", "title", "loading"];
 const Details = _ref => {
   let {
       config = [],
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$u);
+    rest = _objectWithoutProperties(_ref, _excluded$t);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header card",
     loading: loading,
@@ -17719,14 +17719,14 @@ const Details = _ref => {
   }));
 };
 
-const _excluded$t = ["config", "title", "loading"];
+const _excluded$s = ["config", "title", "loading"];
 const KeyIndicatorsDetails = _ref => {
   let {
       config,
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$t);
+    rest = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header",
     title: title,
@@ -17756,7 +17756,7 @@ const Style$G = styled__default["default"].div`
     }    
 `;
 
-const _excluded$s = ["children", "config", "detailsTitle", "firstColumnWidth"];
+const _excluded$r = ["children", "config", "detailsTitle", "firstColumnWidth"];
 const DetailsSection = _ref => {
   let {
       children,
@@ -17764,7 +17764,7 @@ const DetailsSection = _ref => {
       detailsTitle,
       firstColumnWidth = "250px"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$s);
+    rest = _objectWithoutProperties(_ref, _excluded$r);
   return /*#__PURE__*/jsxRuntime.jsx(Style$G, {
     firstColumnWidth: firstColumnWidth,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -17940,14 +17940,14 @@ const getGoalConfig = () => {
 };
 
 var _templateObject$c;
-const _excluded$r = ["title", "activeSdgGoals", "t"];
+const _excluded$q = ["title", "activeSdgGoals", "t"];
 function SDGWidget(_ref) {
   let {
       title = "Sustainable Development Goals",
       activeSdgGoals = [],
       t = key => key
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$r);
+    props = _objectWithoutProperties(_ref, _excluded$q);
   const sdgConfig = getGoalConfig();
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     title: title,
@@ -18245,7 +18245,7 @@ function SdgList({
   });
 }
 
-const _excluded$q = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
+const _excluded$p = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
 const {
   Meta
 } = antd.Card;
@@ -18265,7 +18265,7 @@ function ProjectWidget(_ref) {
       hideSDGList = false,
       t = x => x
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$q);
+    props = _objectWithoutProperties(_ref, _excluded$p);
   const [isHovered, setIsHovered] = React__default["default"].useState(false);
   const {
     token
@@ -18537,13 +18537,13 @@ const WidgetCard = _ref => {
   });
 };
 
-const _excluded$p = ["title", "children"];
+const _excluded$o = ["title", "children"];
 const CarouselWidget = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       title,
       children
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$p);
+    rest = _objectWithoutProperties(_ref, _excluded$o);
   /**
    * Handles carousel slide change events
    * @param {number} currentSlide - The index of the current slide after change
@@ -18707,7 +18707,7 @@ const EmptyStateContainer = styled__default["default"].div`
   }
 `;
 
-const _excluded$o = ["title", "images", "height", "fallback", "activeDotColor", "inactiveDotColor", "arrowIconColor", "arrowHoverIconColor", "customArrows", "emptyLogo", "emptyText"];
+const _excluded$n = ["title", "images", "height", "fallback", "activeDotColor", "inactiveDotColor", "arrowIconColor", "arrowHoverIconColor", "customArrows", "emptyLogo", "emptyText"];
 function ImageCarousel(_ref) {
   let {
       title,
@@ -18722,7 +18722,7 @@ function ImageCarousel(_ref) {
       emptyLogo = antd.Empty.PRESENTED_IMAGE_SIMPLE,
       emptyText = "No Image"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$o);
+    rest = _objectWithoutProperties(_ref, _excluded$n);
   const [previewVisible, setPreviewVisible] = React.useState(false);
   const [current, setCurrent] = React.useState(0);
   const carouselRef = React.useRef(null);
@@ -19091,7 +19091,7 @@ const getVegetationConfig = () => {
 };
 
 var _templateObject$a, _templateObject2$3;
-const _excluded$n = ["title", "activeVegetationConditions", "filterKeys", "columnsPerRow", "itemWidth", "itemHeight", "growthObservations", "t"];
+const _excluded$m = ["title", "activeVegetationConditions", "filterKeys", "columnsPerRow", "itemWidth", "itemHeight", "growthObservations", "t"];
 function VegetationWidget(_ref) {
   let {
       title = "Vegetation Health",
@@ -19103,7 +19103,7 @@ function VegetationWidget(_ref) {
       growthObservations = [],
       t = key => key
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$n);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   let vegetationConfig = getVegetationConfig();
 
   // Get all VEGETATION_KEYS values before filtering (needed for mapping check)
@@ -19226,7 +19226,7 @@ const getFaunaConfig = () => {
 };
 
 var _templateObject$9, _templateObject2$2;
-const _excluded$m = ["title", "faunaPresent", "filterKeys", "columnsPerRow", "itemWidth", "itemHeight", "t"];
+const _excluded$l = ["title", "faunaPresent", "filterKeys", "columnsPerRow", "itemWidth", "itemHeight", "t"];
 function FaunaWidget(_ref) {
   let {
       title = "Observed Fauna",
@@ -19237,7 +19237,7 @@ function FaunaWidget(_ref) {
       itemHeight = 100,
       t = key => key
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$m);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   let faunaConfig = getFaunaConfig();
 
   // Filter to show only specific keys if filterKeys is provided
@@ -19304,7 +19304,7 @@ const getInvasiveSpeciesConfig = () => {
 };
 
 var _templateObject$8, _templateObject2$1;
-const _excluded$l = ["title", "invasiveSpecies", "hasInvasiveSpecies", "filterKeys", "columnsPerRow", "itemWidth", "itemHeight", "t"];
+const _excluded$k = ["title", "invasiveSpecies", "hasInvasiveSpecies", "filterKeys", "columnsPerRow", "itemWidth", "itemHeight", "t"];
 function InvasiveSpeciesWidget(_ref) {
   let {
       title = "Invasive Species",
@@ -19316,7 +19316,7 @@ function InvasiveSpeciesWidget(_ref) {
       itemHeight = 100,
       t = key => key
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$l);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   let invasiveSpeciesConfig = getInvasiveSpeciesConfig();
 
   // Filter to show only specific keys if filterKeys is provided
@@ -20334,6 +20334,81 @@ const renderDate = _ref2 => {
   return date.format('DD MMM YYYY').toString();
 };
 
+const ViewContext = /*#__PURE__*/React.createContext({
+  user: null,
+  isReview: false,
+  t: s => s,
+  errors: {},
+  changeErrors: () => {},
+  ajaxOptions: {},
+  getAppHeader: () => {},
+  getApiBaseUrl: () => {},
+  changeAjaxOptions: () => {},
+  changeAjaxForms: () => {},
+  getMainApiUrl: () => {},
+  app: null,
+  ajaxForms: {},
+  query: null,
+  goTo: () => {},
+  maxWidth: "75%",
+  staticWidth: "614px",
+  fullWidth: false
+});
+const ViewProvider = ({
+  t,
+  user,
+  ajaxForms,
+  isReview,
+  children,
+  ajaxOptions,
+  highlightMandatory,
+  getAppHeader,
+  getApiBaseUrl,
+  changeAjaxOptions,
+  getMainApiUrl,
+  app,
+  query,
+  goTo,
+  errors,
+  changeErrors,
+  changeAjaxForms,
+  evaluationConfig,
+  maxWidth,
+  staticWidth,
+  fullWidth
+}) => {
+  const values = {
+    t,
+    errors,
+    changeErrors,
+    user,
+    ajaxForms,
+    isReview,
+    changeAjaxOptions,
+    getMainApiUrl,
+    ajaxOptions,
+    highlightMandatory,
+    app,
+    changeAjaxForms,
+    getAppHeader,
+    getApiBaseUrl,
+    query,
+    evaluationConfig,
+    goTo,
+    maxWidth,
+    staticWidth,
+    fullWidth
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(ViewContext.Provider, {
+    value: values,
+    children: children
+  });
+};
+const useViewContext = () => {
+  const values = React.useContext(ViewContext);
+  return values;
+};
+
 function DataLink$1({
   form = {},
   values,
@@ -20349,6 +20424,11 @@ function DataLink$1({
   getToken,
   app
 }) {
+  const {
+    maxWidth,
+    staticWidth,
+    fullWidth
+  } = useViewContext();
   const isSingle = React.useMemo(() => form?.meta?.maxRepeat === 1, [form]);
   const [modalRow, setModalRow] = React.useState(null);
   const [linkingData, setLinkingData] = React.useState({});
@@ -20669,7 +20749,11 @@ function DataLink$1({
   }], [mapKey, inputs, tableKeys, ajaxModalValues]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : maxWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -21619,6 +21703,11 @@ function DataLinkGroup$1({
   getToken,
   app
 }) {
+  const {
+    maxWidth,
+    staticWidth,
+    fullWidth
+  } = useViewContext();
   const dataLinkKey = React.useMemo(() => Object.keys(form?.inputs || {}).find(k => form?.inputs[k]?.type === "dataLink"), [form]);
   const dataLinkInput = React.useMemo(() => (form?.inputs || {})[dataLinkKey], [form, dataLinkKey]);
   const otherInputs = React.useMemo(() => Object.keys(form?.inputs || {}).filter(k => k !== dataLinkKey).reduce((all, key) => {
@@ -21935,7 +22024,11 @@ function DataLinkGroup$1({
   }], [mapKey, inputs, tableKeys, ajaxModalValues]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body']),
-    style: dataLinkInput?.meta?.style,
+    style: {
+      ...dataLinkInput?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : maxWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -22026,6 +22119,11 @@ function DataLinkFlat$1({
   getToken,
   app
 }) {
+  const {
+    maxWidth,
+    staticWidth,
+    fullWidth
+  } = useViewContext();
   const isSingle = React.useMemo(() => form?.meta?.maxRepeat === 1, [form]);
   const [modalRow, setModalRow] = React.useState(null);
   const [linkingData, setLinkingData] = React.useState({});
@@ -22379,7 +22477,11 @@ function DataLinkFlat$1({
   }], [mapKey, inputs, tableKeys, ajaxModalValues]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : maxWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -22695,7 +22797,10 @@ const EditContext = /*#__PURE__*/React.createContext({
   app: null,
   ajaxForms: {},
   query: null,
-  goTo: () => {}
+  goTo: () => {},
+  maxWidth: "75%",
+  staticWidth: "614px",
+  fullWidth: false
 });
 const EditProvider = ({
   t,
@@ -22715,7 +22820,10 @@ const EditProvider = ({
   errors,
   changeErrors,
   changeAjaxForms,
-  evaluationConfig
+  evaluationConfig,
+  maxWidth,
+  staticWidth,
+  fullWidth
 }) => {
   const values = {
     t,
@@ -22734,7 +22842,10 @@ const EditProvider = ({
     getApiBaseUrl,
     query,
     evaluationConfig,
-    goTo
+    goTo,
+    maxWidth,
+    staticWidth,
+    fullWidth
   };
   return /*#__PURE__*/jsxRuntime.jsx(EditContext.Provider, {
     value: values,
@@ -24613,8 +24724,8 @@ const RepeatableModals = ({
   }) : null;
 };
 
-const _excluded$k = ["viewGroup"],
-  _excluded2$2 = ["label", "icon", "position"];
+const _excluded$j = ["viewGroup"],
+  _excluded2$1 = ["label", "icon", "position"];
 const Content$1 = _ref => {
   let {
     style = {},
@@ -24635,7 +24746,9 @@ const Content$1 = _ref => {
     getAppHeader,
     user,
     evaluationConfig = [],
-    fullWidth = false
+    fullWidth = false,
+    maxWidth = "75%",
+    staticWidth = "614px"
   } = _ref;
   const groupSingle = grps => {
     const form = Object.keys(grps).reduce((f, gKey) => {
@@ -24682,7 +24795,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$k);
+          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$j);
         items[gKey] = gCfg;
       }
       return items;
@@ -24808,6 +24921,9 @@ const Content$1 = _ref => {
                   data: data,
                   allData: data,
                   linkingData: linkingData,
+                  maxWidth: maxWidth,
+                  staticWidth: staticWidth,
+                  fullWidth: fullWidth,
                   className: isEven ? ind === _length - 1 || ind === _length - 2 ? "last" : undefined : ind === _length - 1 ? "last" : undefined,
                   linkingForms: linkingForms,
                   ajaxOptions: ajaxOptions,
@@ -24855,7 +24971,10 @@ const Content$1 = _ref => {
               linkingForms: linkingForms,
               ajaxOptions: ajaxOptions,
               evaluationConfig: evaluationConfig,
-              cols: 2
+              cols: 2,
+              maxWidth: maxWidth,
+              staticWidth: staticWidth,
+              fullWidth: fullWidth
             }, key)]
           }, key) : null;
         })
@@ -24904,7 +25023,7 @@ const Content$1 = _ref => {
           showIcon: true
         });
       }
-      let groups = _objectWithoutProperties(f, _excluded2$2);
+      let groups = _objectWithoutProperties(f, _excluded2$1);
       groups = Object.keys(groups).reduce((items, key) => {
         var _groups$key2;
         if (!((_groups$key2 = groups[key]) !== null && _groups$key2 !== void 0 && (_groups$key2 = _groups$key2.meta) !== null && _groups$key2 !== void 0 && _groups$key2.excludeFromView)) {
@@ -24918,7 +25037,9 @@ const Content$1 = _ref => {
         children: /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "wrapper",
           style: {
-            width: fullWidth ? "100%" : 700
+            width: "75%",
+            display: "flex",
+            justifyContent: "center"
           },
           children: [f.alertConf ? /*#__PURE__*/jsxRuntime.jsx(antd.Alert, {
             className: "w-100",
@@ -24933,14 +25054,27 @@ const Content$1 = _ref => {
       });
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "content",
-    style: style,
-    children: renderContent(form) 
+  return /*#__PURE__*/jsxRuntime.jsx(ViewProvider, {
+    t: t,
+    app: app,
+    ajaxForms: ajaxForms,
+    changeAjaxForms: changeAjaxForms,
+    getApiBaseUrl: getApiBaseUrl,
+    getAppHeader: getAppHeader,
+    user: user,
+    evaluationConfig: evaluationConfig,
+    fullWidth: fullWidth,
+    maxWidth: maxWidth,
+    staticWidth: staticWidth,
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "content",
+      style: style,
+      children: renderContent(form) 
+    })
   });
 };
 
-const _excluded$j = ["t", "open", "title", "children", "onClose", "onSuccess", "cancelBtnText", "saveBtnText", "className", "loading", "disabled", "withModalFormWrapper"];
+const _excluded$i = ["t", "open", "title", "children", "onClose", "onSuccess", "cancelBtnText", "saveBtnText", "className", "loading", "disabled", "withModalFormWrapper"];
 function Modal(_ref) {
   let {
       t = text => text,
@@ -24956,7 +25090,7 @@ function Modal(_ref) {
       disabled = false,
       withModalFormWrapper = true
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$i);
   return /*#__PURE__*/jsxRuntime.jsxs(antd.Modal, _objectSpread2(_objectSpread2({
     width: 650,
     footer: null,
@@ -29792,6 +29926,9 @@ function Repeatable({
     getAppHeader,
     app,
     highlightMandatory,
+    maxWidth,
+    staticWidth,
+    fullWidth,
     ...rest
   } = useEditContext();
   const inputId = form?.dataId;
@@ -30057,7 +30194,11 @@ function Repeatable({
   };
   const preSelected = data.map(d => d.id).filter(d => !!d);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : staticWidth
+    },
     className: formatClassname([form.repeatable ? "repeatable-section data-link-cont mb-6 pb-3" : '', noBody && 'no-body', isHighlighted && !noBody && 'highlighted']),
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mb-4",
@@ -30258,6 +30399,9 @@ function Repeatable({
             // form: MainForm,
             // forms: options,
             // setFormValues: setValues,
+            maxWidth,
+            staticWidth,
+            fullWidth,
             value: inputMeta.comment || '',
             onChange: val => {
               changeInputMeta({
@@ -30801,7 +30945,10 @@ const GroupContentFormItem = _ref4 => {
     app,
     getApiBaseUrl,
     getAppHeader,
-    isReview
+    isReview,
+    maxWidth,
+    staticWidth,
+    fullWidth
   } = useEditContext();
   const [isShown, setIsShown] = React.useState(!!(inputMeta !== null && inputMeta !== void 0 && inputMeta.comment));
   let maxRule = (_rules$find = rules.find(rule => rule.max)) === null || _rules$find === void 0 ? void 0 : _rules$find.max;
@@ -31282,7 +31429,10 @@ const GroupContentFormItem = _ref4 => {
           app: app,
           valueOnlyString: true
         }) : inputTypeComponent$1[input.type] ? inputTypeComponent$1[input.type](_objectSpread2(_objectSpread2({}, inputData), {}, {
-          name: inputId
+          name: inputId,
+          maxWidth,
+          staticWidth,
+          fullWidth
         }), {
           form: MainForm,
           forms: options,
@@ -31296,7 +31446,10 @@ const GroupContentFormItem = _ref4 => {
           t,
           getApiBaseUrl,
           getAppHeader,
-          isHighlighted
+          isHighlighted,
+          maxWidth,
+          staticWidth,
+          fullWidth
         }) : console.log(input)
       })), (_input$meta10 = input.meta) !== null && _input$meta10 !== void 0 && _input$meta10.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "code",
@@ -31403,6 +31556,9 @@ const GroupContentFormItem = _ref4 => {
           form: MainForm,
           forms: options,
           value: (inputMeta === null || inputMeta === void 0 ? void 0 : inputMeta.comment) || '',
+          maxWidth,
+          staticWidth,
+          fullWidth,
           onChange: val => {
             if (notPartOfTheForm) {
               var _values$meta13;
@@ -31475,6 +31631,9 @@ const GroupContentFormItem = _ref4 => {
             form: MainForm,
             forms: options,
             value: (lastReview === null || lastReview === void 0 ? void 0 : lastReview.comment) || '',
+            maxWidth,
+            staticWidth,
+            fullWidth,
             onChange: val => {
               if (notPartOfTheForm) {
                 var _values$meta14;
@@ -31848,7 +32007,8 @@ const EditForm$1 = _ref => {
     evaluationConfig = [],
     staticWidth = "614px",
     fullWidth = false,
-    noConvert = false
+    noConvert = false,
+    maxWidth = "75%"
   } = _ref;
   const [isSubmitting] = React.useState(false);
   const formData = JSON.parse(JSON.stringify(convertUndefinedToNull(data) || {}));
@@ -32066,7 +32226,7 @@ const EditForm$1 = _ref => {
           name: id,
           layout: "vertical",
           style: {
-            maxWidth: fullWidth ? "unset" : 700
+            maxWidth: maxWidth || (fullWidth ? "unset" : 700) || 700
           },
           className: "main-form".concat(formClass ? " ".concat(formClass) : "", " "),
           onValuesChange: (_changedValue, _allValues) => {
@@ -32190,6 +32350,9 @@ const EditForm$1 = _ref => {
     }
   };
   return /*#__PURE__*/jsxRuntime.jsxs(EditProvider, {
+    maxWidth: maxWidth,
+    staticWidth: staticWidth,
+    fullWidth: fullWidth,
     t: t,
     isReview: isReview,
     user: user,
@@ -32697,6 +32860,9 @@ function DataLink({
     getApiBaseUrl,
     getAppHeader,
     app,
+    maxWidth,
+    staticWidth,
+    fullWidth,
     ...rest
   } = useEditContext();
   const [rowToEdit, setRowToEdit] = React.useState();
@@ -33139,7 +33305,11 @@ function DataLink({
   }, {});
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body', isHighlighted && 'highlighted']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : maxWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -33743,6 +33913,9 @@ function DataLinkGroup({
     getApiBaseUrl,
     getAppHeader,
     app,
+    maxWidth,
+    staticWidth,
+    fullWidth,
     ...rest
   } = useEditContext();
   const [rowToEdit, setRowToEdit] = React.useState();
@@ -34183,7 +34356,11 @@ function DataLinkGroup({
   }, {});
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body', isHighlighted && 'highlighted']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : staticWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -34290,6 +34467,9 @@ function DataLinkFlat({
     getApiBaseUrl,
     getAppHeader,
     app,
+    maxWidth,
+    staticWidth,
+    fullWidth,
     ...rest
   } = useEditContext();
   const [rowToEdit, setRowToEdit] = React.useState();
@@ -34735,7 +34915,11 @@ function DataLinkFlat({
   const disabledInputs = rowToEdit ? [...(form?.meta?.disabledKeysEdit || []), ...(form?.meta?.disabledKeys || [])] : [...(form?.meta?.disabledKeysCreate || []), ...(form?.meta?.disabledKeys || [])];
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body', isHighlighted && 'highlighted']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : staticWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -34747,9 +34931,7 @@ function DataLinkFlat({
           columns: columns,
           dataSource: dataSource,
           rowKey: "key",
-          scroll: noBody ? undefined : {
-            y: 170
-          }
+          scroll: noBody
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx(antd.Modal, {
@@ -35509,13 +35691,11 @@ const beforeUpload = allowedExtensions => file => {
 };
 const allowedImageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.avif', '.bmp', '.tiff', '.tif', '.heif', '.heic', '.svg', '.ico'];
 
-const _excluded$i = ["placeholder"],
-  _excluded2$1 = ["label", "description", "excludeFromEdit", "showFormIf", "icon", "position", "template", "formClass"];
+/* eslint-disable no-case-declarations */
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(timezone);
 dayjs__default["default"].tz.setDefault("UTC");
-const getDefaultInputValue = function () {
-  let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const getDefaultInputValue = (input = {}) => {
   let value = undefined;
   if (input.type === "multiselect") {
     value = [];
@@ -35533,30 +35713,33 @@ const checkCondition$1 = (condition, repeatValues, formsValue) => {
   const isShown = _checkValue(isNotEmpty ? field : wantedValue, match, isNotEmpty ? formValue : value);
   return isShown;
 };
-const renderDataLinkGroup = _ref2 => {
-  var _input$meta, _formsValue$meta, _input$meta2;
-  let {
-    input,
-    groupFormId,
-    name,
-    formsValue,
-    form,
-    onValuesChange,
-    setValues,
-    changeLinking,
-    isHighlighted
-  } = _ref2;
-  const dataLinkKey = Object.keys((input === null || input === void 0 ? void 0 : input.inputs) || {}).find(k => {
-    var _input$inputs$k;
-    return (input === null || input === void 0 || (_input$inputs$k = input.inputs[k]) === null || _input$inputs$k === void 0 ? void 0 : _input$inputs$k.type) === "dataLink";
-  });
-  const dataLinkInput = ((input === null || input === void 0 ? void 0 : input.inputs) || {})[dataLinkKey];
-  const otherInputs = Object.keys((input === null || input === void 0 ? void 0 : input.inputs) || {}).filter(k => k !== dataLinkKey).reduce((all, key) => {
-    all[key] = input === null || input === void 0 ? void 0 : input.inputs[key];
+const renderDataLinkGroup = ({
+  input,
+  groupFormId,
+  name,
+  formsValue,
+  form,
+  onValuesChange,
+  setValues,
+  changeLinking,
+  isHighlighted
+}) => {
+  const dataLinkKey = Object.keys(input?.inputs || {}).find(k => input?.inputs[k]?.type === "dataLink");
+  const dataLinkInput = (input?.inputs || {})[dataLinkKey];
+  const otherInputs = Object.keys(input?.inputs || {}).filter(k => k !== dataLinkKey).reduce((all, key) => {
+    all[key] = input?.inputs[key];
     return all;
   }, {});
-  const isSingle = (input === null || input === void 0 || (_input$meta = input.meta) === null || _input$meta === void 0 ? void 0 : _input$meta.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])] : [] : getArray(formsValue[name] || []).map(v => _objectSpread2({}, v));
+  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]
+  }] : [] : getArray(formsValue[name] || []).map(v => ({
+    ...v
+  }));
   const onUpdate = (val, i) => {
     const _val = isSingle ? {
       [name]: val
@@ -35564,20 +35747,31 @@ const renderDataLinkGroup = _ref2 => {
       [name]: formData.map((d, j) => i === j ? val : d)
     };
     if (groupFormId) {
-      const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
-      const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
-      onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
+      const _defaultData = form?.getFieldValue(groupFormId) || {};
+      const _newData = {
+        ..._defaultData,
+        ..._val
+      };
+      onValuesChange(_newData, {
+        ...formsValue,
         [groupFormId]: _newData
-      }));
-      form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
-      setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+      });
+      form?.setFieldValue(groupFormId, _newData);
+      setValues({
+        ...formsValue,
         [groupFormId]: _newData
-      }));
+      });
       return;
     }
-    onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-    form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-    setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+    onValuesChange(_val, {
+      ...formsValue,
+      ..._val
+    });
+    form?.setFieldValue(name, _val[name]);
+    setValues({
+      ...formsValue,
+      ..._val
+    });
   };
   return /*#__PURE__*/jsxRuntime.jsx(DataLinkGroup, {
     form: input,
@@ -35588,79 +35782,102 @@ const renderDataLinkGroup = _ref2 => {
     isHighlighted: isHighlighted,
     dataLinkInput: dataLinkInput,
     formsValue: formsValue,
-    values: groupFormId ? _objectSpread2(_objectSpread2({}, formsValue[groupFormId] || {}), {}, {
+    values: groupFormId ? {
+      ...(formsValue[groupFormId] || {}),
       meta: {
-        inputs: ((formsValue === null || formsValue === void 0 || (_formsValue$meta = formsValue.meta) === null || _formsValue$meta === void 0 ? void 0 : _formsValue$meta.inputs) || {})[groupFormId]
+        inputs: (formsValue?.meta?.inputs || {})[groupFormId]
       }
-    }) : formsValue,
+    } : formsValue,
     name: name,
     groupFormId: groupFormId,
-    maxRepeat: input === null || input === void 0 || (_input$meta2 = input.meta) === null || _input$meta2 === void 0 ? void 0 : _input$meta2.maxRepeat,
-    remove: _ref3 => {
-      let {
-        key
-      } = _ref3;
+    maxRepeat: input?.meta?.maxRepeat,
+    remove: ({
+      key
+    }) => {
       const _val = isSingle ? {
         [name]: null
       } : {
         [name]: formData.filter((v, j) => j !== key)
       };
       if (groupFormId) {
-        const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
-        const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
-        onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
+        const _defaultData = form?.getFieldValue(groupFormId) || {};
+        const _newData = {
+          ..._defaultData,
+          ..._val
+        };
+        onValuesChange(_newData, {
+          ...formsValue,
           [groupFormId]: _newData
-        }));
-        form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+        });
+        form?.setFieldValue(groupFormId, _newData);
+        setValues({
+          ...formsValue,
           [groupFormId]: _newData
-        }));
+        });
         return;
       }
-      onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-      form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-      setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+      onValuesChange(_val, {
+        ...formsValue,
+        ..._val
+      });
+      form?.setFieldValue(name, _val[name]);
+      setValues({
+        ...formsValue,
+        ..._val
+      });
     },
     add: val => {
       const _val = isSingle ? {
         [name]: val
       } : {
-        [name]: [...formData, _objectSpread2({}, val)]
+        [name]: [...formData, {
+          ...val
+        }]
       };
       if (groupFormId) {
-        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), {}, {
+        const _defaultData = form?.getFieldValue(groupFormId) || {};
+        const _newData = {
+          ..._defaultData,
+          ..._val
+        };
+        form?.setFieldValue(groupFormId, _newData);
+        onValuesChange(_newData, {
+          ...formsValue,
           [groupFormId]: _newData
-        }));
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+        });
+        setValues({
+          ...formsValue,
           [groupFormId]: _newData
-        }));
+        });
         return;
       }
-      form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-      onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-      setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+      form?.setFieldValue(name, _val[name]);
+      onValuesChange(_val, {
+        ...formsValue,
+        ..._val
+      });
+      setValues({
+        ...formsValue,
+        ..._val
+      });
     },
     k: name,
     formData: formData
   });
 };
 function showHideInput$1(input, data, repeatIndex, repeatValues, inputMeta) {
-  var _input$meta3, _data$meta;
-  if (inputMeta !== null && inputMeta !== void 0 && inputMeta.notApplicable || inputMeta !== null && inputMeta !== void 0 && inputMeta.notAvailable) {
+  if (inputMeta?.notApplicable || inputMeta?.notAvailable) {
     return false;
   }
-  if (typeof (input === null || input === void 0 || (_input$meta3 = input.meta) === null || _input$meta3 === void 0 ? void 0 : _input$meta3.excludeFromEdit) === "boolean") {
-    var _input$meta4;
-    return !(input !== null && input !== void 0 && (_input$meta4 = input.meta) !== null && _input$meta4 !== void 0 && _input$meta4.excludeFromEdit);
+  if (typeof input?.meta?.excludeFromEdit === "boolean") {
+    return !input?.meta?.excludeFromEdit;
   }
-  const formsValue = _objectSpread2({}, data);
-  Object.keys((data === null || data === void 0 || (_data$meta = data.meta) === null || _data$meta === void 0 ? void 0 : _data$meta.inputs) || {}).forEach(key => {
-    var _data$meta2;
-    const input = data === null || data === void 0 || (_data$meta2 = data.meta) === null || _data$meta2 === void 0 ? void 0 : _data$meta2.inputs[key];
-    if (input !== null && input !== void 0 && input.notApplicable || input !== null && input !== void 0 && input.notAvailable) {
+  const formsValue = {
+    ...data
+  };
+  Object.keys(data?.meta?.inputs || {}).forEach(key => {
+    const input = data?.meta?.inputs[key];
+    if (input?.notApplicable || input?.notAvailable) {
       formsValue[key] = undefined;
       delete formsValue[key];
     }
@@ -35719,35 +35936,35 @@ function getInputHeadLines$1(type, i, input, values) {
   switch (type) {
     case "h2":
       return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "title-semibold-2 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
+        className: `title-semibold-2 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel$1(input, values)
         })
       });
     case "h3":
       return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "title-semibold-3 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
+        className: `title-semibold-3 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel$1(input, values)
         })
       });
     case "h4":
       return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "title-semibold-4 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
+        className: `title-semibold-4 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel$1(input, values)
         })
       });
     case "h5":
       return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "title-semibold-5 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
+        className: `title-semibold-5 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel$1(input, values)
         })
       });
     case "h6":
       return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "title-semibold-6 ".concat(input.marginBottom || "", " ").concat(input.groupHeader || "", " ").concat(i ? input.marginTop || "" : ""),
+        className: `title-semibold-6 ${input.marginBottom || ""} ${input.groupHeader || ""} ${i ? input.marginTop || "" : ""}`,
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           children: getInputLabel$1(input, values)
         })
@@ -35756,8 +35973,7 @@ function getInputHeadLines$1(type, i, input, values) {
       return null;
   }
 }
-function getInputProp(prop) {
-  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function getInputProp(prop, formsValue = {}) {
   if (prop && typeof prop === "object") {
     const validations = Object.keys(prop);
     const key = validations.find(v => {
@@ -35771,32 +35987,28 @@ function getInputProp(prop) {
     return prop;
   }
 }
-function getInputLabel$1(input) {
-  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let asText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+function getInputLabel$1(input, formsValue = {}, asText = false) {
   return /*#__PURE__*/jsxRuntime.jsx(InputLabel, {
     input: input,
     formsValue: formsValue,
     asText: asText
   });
 }
-const InputLabel = _ref4 => {
-  var _input$meta5, _input$meta6, _input$meta7;
-  let {
-    input,
-    formsValue,
-    asText
-  } = _ref4;
+const InputLabel = ({
+  input,
+  formsValue,
+  asText
+}) => {
   const {
     t,
     evaluationConfig
   } = useEditContext();
   const label = getInputProp(input.label, formsValue);
-  return input !== null && input !== void 0 && (_input$meta5 = input.meta) !== null && _input$meta5 !== void 0 && _input$meta5.isEvaluation || input.description && typeof input.description === "string" && !asText ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+  return input?.meta?.isEvaluation || input.description && typeof input.description === "string" && !asText ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex",
       children: [ReactHtmlParser__default["default"](label), /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
-        content: input !== null && input !== void 0 && (_input$meta6 = input.meta) !== null && _input$meta6 !== void 0 && _input$meta6.isEvaluation ? /*#__PURE__*/jsxRuntime.jsx(EvaluationPopover, {
+        content: input?.meta?.isEvaluation ? /*#__PURE__*/jsxRuntime.jsx(EvaluationPopover, {
           t: t,
           evaluationConfig: evaluationConfig
         }) : /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -35804,7 +36016,7 @@ const InputLabel = _ref4 => {
           children: ReactHtmlParser__default["default"](input.description)
         }),
         placement: "top",
-        children: !(input !== null && input !== void 0 && (_input$meta7 = input.meta) !== null && _input$meta7 !== void 0 && _input$meta7.isEvaluation) || evaluationConfig.length > 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: !input?.meta?.isEvaluation || evaluationConfig.length > 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex flex-column justify-content-center ml-1",
           children: /*#__PURE__*/jsxRuntime.jsx(TooltipIcon, {
             fontSize: 13
@@ -35826,9 +36038,7 @@ function getSectionLabel$1(labels, values) {
   }
   return labels;
 }
-function getSubtitles$1(subtitles, position) {
-  let formsValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  let repeatValues = arguments.length > 4 ? arguments[4] : undefined;
+function getSubtitles$1(subtitles, position, formsValue = {}, repeatIndex, repeatValues) {
   let subtitle = subtitles && subtitles[position];
   if (subtitle && typeof subtitle === "object") {
     let newSubtitle = subtitle.default || "";
@@ -35872,12 +36082,14 @@ function getSubtitles$1(subtitles, position) {
 function getFormTitles$1(titles, key, position) {
   let tilte = titles && titles[key];
   return tilte ? /*#__PURE__*/jsxRuntime.jsx("h3", {
-    className: "title-semibold-3 mb0 ".concat(position ? "mt-3" : ""),
+    className: `title-semibold-3 mb0 ${position ? "mt-3" : ""}`,
     children: tilte
   }) : null;
 }
 const updateFormValues$1 = (repeatIndex, repeatValues, inputName, value, formsValue, name, mainForm) => {
-  formsValue = Object.assign(formsValue, _objectSpread2({}, mainForm.getFieldsValue(true)));
+  formsValue = Object.assign(formsValue, {
+    ...mainForm.getFieldsValue(true)
+  });
   if (typeof repeatIndex === "number" && repeatValues) {
     if (!repeatValues[inputName] || !___default["default"].isEqual(repeatValues[inputName], value)) {
       repeatValues[inputName] = value;
@@ -35912,16 +36124,14 @@ const updateFormValues$1 = (repeatIndex, repeatValues, inputName, value, formsVa
 };
 const inputOnBlur = [];
 const inputTypeComponent$1 = {
-  text: (_ref5, _ref6) => {
-    let {
-      props,
-      rules
-    } = _ref5;
-    let {
-      inputMeta = {},
-      t,
-      isHighlighted
-    } = _ref6;
+  text: ({
+    props,
+    rules
+  }, {
+    inputMeta = {},
+    t,
+    isHighlighted
+  }) => {
     const maxRule = rules.find(r => r.max);
     const maxProps = {
       maxLength: MAX_TEXT_AREA_LENGTH
@@ -35929,28 +36139,26 @@ const inputTypeComponent$1 = {
     if (maxRule) {
       maxProps.maxLength = maxRule.max;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, _objectSpread2(_objectSpread2(_objectSpread2({
-      size: "large"
-    }, maxProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+      size: "large",
+      ...maxProps,
       allowClear: true,
       autoComplete: "new-password",
-      type: "text"
-    }, props), {}, {
+      type: "text",
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-input"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type")
-    }));
+    });
   },
-  link: (_ref7, _ref8) => {
-    let {
-      props,
-      rules
-    } = _ref7;
-    let {
-      inputMeta = {},
-      t,
-      isHighlighted
-    } = _ref8;
+  link: ({
+    props,
+    rules
+  }, {
+    inputMeta = {},
+    t,
+    isHighlighted
+  }) => {
     const maxRule = rules.find(r => r.max);
     const maxProps = {
       maxLength: MAX_TEXT_AREA_LENGTH
@@ -35958,32 +36166,29 @@ const inputTypeComponent$1 = {
     if (maxRule) {
       maxProps.maxLength = maxRule.max;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, _objectSpread2(_objectSpread2(_objectSpread2({
-      size: "large"
-    }, maxProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+      size: "large",
+      ...maxProps,
       allowClear: true,
       autoComplete: "new-password",
-      type: "text"
-    }, props), {}, {
+      type: "text",
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-input"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type")
-    }));
+    });
   },
-  number: (_ref9, _ref10) => {
-    var _input$meta8;
-    let {
-      props,
-      rules,
-      input
-    } = _ref9;
-    let {
-      inputMeta = {},
-      t,
-      isHighlighted
-    } = _ref10;
+  number: ({
+    props,
+    rules,
+    input
+  }, {
+    inputMeta = {},
+    t,
+    isHighlighted
+  }) => {
     const maxRule = rules.find(r => r.max);
-    const integerRule = !(input !== null && input !== void 0 && (_input$meta8 = input.meta) !== null && _input$meta8 !== void 0 && _input$meta8.isDecimal);
+    const integerRule = !input?.meta?.isDecimal;
     const parser = value => {
       if (!value) {
         return "";
@@ -35994,63 +36199,60 @@ const inputTypeComponent$1 = {
       return value.replace(/\$\s?|(,*)/g, "");
     };
     if (maxRule) {
-      return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, _objectSpread2(_objectSpread2({
+      return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
         size: "large",
         allowClear: true,
-        autoComplete: "new-password"
-      }, props), {}, {
+        autoComplete: "new-password",
+        ...props,
         type: "number",
         parser: parser,
         min: 0,
         max: maxRule.max,
         className: formatClassname([isHighlighted && "highlighted-input"])
-      }));
+      });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
       size: "large",
       allowClear: true,
       className: formatClassname([isHighlighted && "highlighted-input"]),
-      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
-    }));
+    });
   },
   // eslint-disable-next-line no-unused-vars
-  select: (_ref11, _ref12) => {
-    var _input$meta9, _input$meta10;
-    let {
-      value,
-      options,
-      optionGroup,
-      props,
-      formsValue,
-      optionsFilter,
-      filterCond,
-      repeatValues,
-      repeatIndex,
-      name,
-      inputName,
-      address,
-      addressData,
-      input,
-      scope
-    } = _ref11;
-    let {
-      forms,
-      form,
-      setAddress,
-      inputMeta = {},
-      t,
-      isHighlighted,
-      changeInputMeta,
-      groupFormId
-    } = _ref12;
+  select: ({
+    value,
+    options,
+    optionGroup,
+    props,
+    formsValue,
+    optionsFilter,
+    filterCond,
+    repeatValues,
+    repeatIndex,
+    name,
+    inputName,
+    address,
+    addressData,
+    input,
+    scope
+  }, {
+    forms,
+    form,
+    setAddress,
+    inputMeta = {},
+    t,
+    isHighlighted,
+    changeInputMeta,
+    groupFormId
+  }) => {
     let opts;
-    const isEvaluation = input === null || input === void 0 || (_input$meta9 = input.meta) === null || _input$meta9 === void 0 ? void 0 : _input$meta9.isEvaluation;
+    const isEvaluation = input?.meta?.isEvaluation;
     let defaultValue = value;
     if (typeof options === "string") {
       const [formName, key] = options.split(".");
@@ -36075,7 +36277,7 @@ const inputTypeComponent$1 = {
         opts = [];
       }
     } else {
-      opts = options === null || options === void 0 ? void 0 : options.filter(o => !o.onlyView);
+      opts = options?.filter(o => !o.onlyView);
     }
     opts = JSON.parse(JSON.stringify(opts || []));
     opts = opts.map(o => getSelectOptions$2(o, formsValue));
@@ -36085,7 +36287,7 @@ const inputTypeComponent$1 = {
     const uniqueDefaultKeys = getUniqueDefaultKeys(options);
 
     // Handle default value logic
-    if (!propHasValue$1(value) && propHasValue$1(input === null || input === void 0 || (_input$meta10 = input.meta) === null || _input$meta10 === void 0 ? void 0 : _input$meta10.defaultValue)) {
+    if (!propHasValue$1(value) && propHasValue$1(input?.meta?.defaultValue)) {
       // If no current value but there's a default value, use the default
       value = input.meta.defaultValue;
       defaultValue = value;
@@ -36118,7 +36320,7 @@ const inputTypeComponent$1 = {
       }
       opts = groupOptions;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
       size: "large",
       autoComplete: "new-password",
       allowClear: true,
@@ -36127,32 +36329,35 @@ const inputTypeComponent$1 = {
       value: value // Use value instead of defaultValue for controlled behavior
       ,
       filterOption: filterSelectOptions,
-      optionFilterProp: "children"
-    }, props), {}, {
+      optionFilterProp: "children",
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-select"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || getInputProp(props.placeholder, formsValue) || t("Select one option"),
       onChange: (val, selectedValue) => {
         // ONLY FOR SBG EVALUATON !!
         if (isEvaluation && val === "na" && groupFormId) {
-          var _formsValue$meta2;
           changeInputMeta({
             key: groupFormId,
-            value: _objectSpread2(_objectSpread2({}, (formsValue === null || formsValue === void 0 || (_formsValue$meta2 = formsValue.meta) === null || _formsValue$meta2 === void 0 || (_formsValue$meta2 = _formsValue$meta2.inputs) === null || _formsValue$meta2 === void 0 ? void 0 : _formsValue$meta2[groupFormId]) || {}), {}, {
+            value: {
+              ...(formsValue?.meta?.inputs?.[groupFormId] || {}),
               documentation: {
                 notApplicable: true
               }
-            }),
+            },
             otherValues: {
-              [groupFormId]: _objectSpread2(_objectSpread2({}, (formsValue === null || formsValue === void 0 ? void 0 : formsValue[groupFormId]) || {}), {}, {
+              [groupFormId]: {
+                ...(formsValue?.[groupFormId] || {}),
                 [name]: val
-              })
+              }
             }
           });
         }
         if (address && selectedValue) {
           dot__default["default"].str(address, selectedValue.children, addressData);
-          setAddress(_objectSpread2({}, addressData));
+          setAddress({
+            ...addressData
+          });
         }
         if (props.onChange) {
           props.onChange(val);
@@ -36183,15 +36388,15 @@ const inputTypeComponent$1 = {
             if (og.disabled !== undefined) {
               groupOtherProps.disabled = og.disabled;
             }
-            return /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, _objectSpread2(_objectSpread2({
-              value: og.value
-            }, groupOtherProps), {}, {
+            return /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
+              value: og.value,
+              ...groupOtherProps,
               children: og.label
-            }), "".concat(i).concat(j));
+            }, `${i}${j}`);
           })
-        }) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, _objectSpread2(_objectSpread2({
-          value: option.value
-        }, otherProps), {}, {
+        }) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
+          value: option.value,
+          ...otherProps,
           children: isEvaluation ? /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex",
             children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -36199,32 +36404,33 @@ const inputTypeComponent$1 = {
               children: sgbEvaluationIcons[option.value]
             }), option.label]
           }) : option.label
-        }), option.value);
+        }, option.value);
       })
-    }));
+    });
   },
-  multiselect: (_ref13, _ref14) => {
-    let {
-      value,
-      options,
-      optionGroup,
-      optionsFilter,
-      filterCond,
-      props,
-      formsValue,
-      repeatValues,
-      repeatIndex,
-      inputName,
-      name,
-      tags
-    } = _ref13;
-    let {
-      forms,
-      form,
-      inputMeta = {},
-      t,
-      isHighlighted
-    } = _ref14;
+  multiselect: ({
+    value,
+    options,
+    optionGroup,
+    optionsFilter,
+    filterCond,
+    props,
+    formsValue,
+    repeatValues,
+    repeatIndex,
+    inputName,
+    name,
+    tags,
+    maxWidth,
+    staticWidth,
+    fullWidth
+  }, {
+    forms,
+    form,
+    inputMeta = {},
+    t,
+    isHighlighted
+  }) => {
     let opts;
     if (typeof options === "string") {
       const [formName, key] = options.split(".");
@@ -36281,20 +36487,30 @@ const inputTypeComponent$1 = {
       }
       opts = groupOptions;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2(_objectSpread2({
+    console.log({
+      maxWidth,
+      staticWidth,
+      fullWidth
+    });
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
       size: "medium",
       allowClear: true,
       autoComplete: "new-password",
       mode: tags ? "tags" : "multiple",
-      optionFilterProp: "children"
-    }, tags ? {
-      tokenSeparators: [","]
-    } : {}), {}, {
-      filterOption: filterSelectOptions
-    }, props), {}, {
+      optionFilterProp: "children",
+      ...(tags ? {
+        tokenSeparators: [","]
+      } : {}),
+      filterOption: filterSelectOptions,
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-select"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || getInputProp(props.placeholder, formsValue) || t("Select all relevant options"),
+      styles: {
+        selector: {
+          width: "100%"
+        }
+      },
       children: (opts || []).map((option, i) => {
         const otherProps = {};
 
@@ -36325,52 +36541,51 @@ const inputTypeComponent$1 = {
             if (og.disabled !== undefined) {
               groupOtherProps.disabled = og.disabled;
             }
-            return /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, _objectSpread2(_objectSpread2({
-              value: og.value
-            }, groupOtherProps), {}, {
+            return /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
+              value: og.value,
+              ...groupOtherProps,
               children: og.label
-            }), "".concat(i).concat(j));
+            }, `${i}${j}`);
           })
-        }) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, _objectSpread2(_objectSpread2({
-          value: option.value
-        }, otherProps), {}, {
+        }) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
+          value: option.value,
+          ...otherProps,
           children: option.label
-        }), i);
+        }, i);
       })
-    }));
+    });
   },
-  date: (_ref15, _ref16) => {
-    var _formsValue$groupForm, _value2;
-    let {
-      props,
-      rules,
-      repeatValues,
-      formsValue,
-      name
-    } = _ref15;
-    let {
-      setFormValues,
-      inputMeta,
-      form,
-      t,
-      isHighlighted,
-      groupFormId
-    } = _ref16;
+  date: ({
+    props,
+    rules,
+    repeatValues,
+    formsValue,
+    name
+  }, {
+    setFormValues,
+    inputMeta,
+    form,
+    t,
+    isHighlighted,
+    groupFormId
+  }) => {
     const lng = localStorage.getItem("datastakeLng") || "en";
     const maxRule = rules.find(r => r.max);
-    let value = groupFormId ? formsValue === null || formsValue === void 0 || (_formsValue$groupForm = formsValue[groupFormId]) === null || _formsValue$groupForm === void 0 ? void 0 : _formsValue$groupForm[name] : formsValue[name];
+    let value = groupFormId ? formsValue?.[groupFormId]?.[name] : formsValue[name];
     const handleDateChange = date => {
       if (date) {
         // const localDate = dayjs.utc(date).add(dayjs(date).utcOffset(), 'minutes');
         const localDate = dayjs__default["default"].utc(date);
         if (groupFormId) {
-          const _new = _objectSpread2(_objectSpread2({}, formsValue[groupFormId] || {}), {}, {
+          const _new = {
+            ...(formsValue[groupFormId] || {}),
             [name]: localDate
-          });
+          };
           form.setFieldValue(groupFormId, _new);
-          setFormValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+          setFormValues({
+            ...formsValue,
             [groupFormId]: _new
-          }));
+          });
         } else {
           form.setFieldValue(name, localDate);
         }
@@ -36379,13 +36594,15 @@ const inputTypeComponent$1 = {
     if (groupFormId) {
       if (typeof value === "string" || typeof value === "undefined") {
         value = typeof value === "string" ? dayjs__default["default"].utc(value) : null;
-        const _new = _objectSpread2(_objectSpread2({}, formsValue[groupFormId] || {}), {}, {
+        const _new = {
+          ...(formsValue[groupFormId] || {}),
           [name]: value
-        });
+        };
         form.setFieldValue(groupFormId, _new);
-        setFormValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+        setFormValues({
+          ...formsValue,
           [groupFormId]: _new
-        }));
+        });
       }
     } else {
       if (typeof value === "string") {
@@ -36401,13 +36618,12 @@ const inputTypeComponent$1 = {
         checkForMax = checkCondition$1(maxRule.condition, repeatValues, formsValue);
       }
       if (checkForMax) {
-        var _value;
-        return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
+        return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
           size: "large",
           allowClear: true,
-          autoComplete: "new-password"
-        }, props), {}, {
-          value: value ? dayjs__default["default"]((_value = value) === null || _value === void 0 ? void 0 : _value.format("YYYY-MM-DD"), "YYYY-MM-DD") : undefined,
+          autoComplete: "new-password",
+          ...props,
+          value: value ? dayjs__default["default"](value?.format("YYYY-MM-DD"), "YYYY-MM-DD") : undefined,
           onChange: handleDateChange,
           className: formatClassname([isHighlighted && "highlighted-input"]),
           disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
@@ -36417,54 +36633,49 @@ const inputTypeComponent$1 = {
           disabledDate: current => {
             return current && current >= dayjs__default["default"]().endOf("day");
           }
-        }));
+        });
       }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
       size: "large",
       allowClear: true,
-      autoComplete: "new-password"
-    }, props), {}, {
-      value: value ? dayjs__default["default"]((_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.format("YYYY-MM-DD"), "YYYY-MM-DD") : undefined,
+      autoComplete: "new-password",
+      ...props,
+      value: value ? dayjs__default["default"](value?.format("YYYY-MM-DD"), "YYYY-MM-DD") : undefined,
       onChange: handleDateChange,
       className: formatClassname([isHighlighted && "highlighted-input"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder,
       format: DATE_FORMATS,
       locale: lng === "fr" ? localeFr__default["default"] : localeEn__default["default"]
-    }));
+    });
   },
-  groupExpandable: (_ref17, _ref18) => {
-    var _formsValue$groupForm2;
-    let {
-      formsValue,
-      name,
-      input
-    } = _ref17;
-    let {
-      groupFormId
-    } = _ref18;
-    const data = groupFormId ? formsValue === null || formsValue === void 0 || (_formsValue$groupForm2 = formsValue[groupFormId]) === null || _formsValue$groupForm2 === void 0 ? void 0 : _formsValue$groupForm2[name] : formsValue === null || formsValue === void 0 ? void 0 : formsValue[name];
+  groupExpandable: ({
+    formsValue,
+    name,
+    input
+  }, {
+    groupFormId
+  }) => {
+    const data = groupFormId ? formsValue?.[groupFormId]?.[name] : formsValue?.[name];
     return /*#__PURE__*/jsxRuntime.jsx(GroupExpandable, {
       input: input,
       formsValue: formsValue,
       data: data
     });
   },
-  comment: (_ref19, _ref20) => {
-    let {
-        props: {
-          placeholder
-        },
-        commentHint
-      } = _ref19,
-      props = _objectWithoutProperties(_ref19.props, _excluded$i);
-    let {
-      onChange,
-      value,
-      isHighlighted
-    } = _ref20;
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, _objectSpread2(_objectSpread2({
+  comment: ({
+    props: {
+      placeholder,
+      ...props
+    },
+    commentHint
+  }, {
+    onChange,
+    value,
+    isHighlighted
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, {
       allowClear: true,
       value: value,
       onChange: e => onChange(e.target.value),
@@ -36475,27 +36686,26 @@ const inputTypeComponent$1 = {
       autoSize: {
         minRows: 5,
         maxRows: 5
-      }
-    }, props), {}, {
+      },
+      ...props,
       disabled: false
-    }));
+    });
   },
-  tableComment: (_ref21, _ref22) => {
-    var _formsValue$meta3;
-    let {
-      setValues,
-      name,
-      onValuesChange,
-      formsValue
-    } = _ref21;
-    let {
-      form,
-      groupFormId,
-      isHighlighted
-    } = _ref22;
-    const formData = groupFormId ? getArray((formsValue[groupFormId] || {})[name] || []).map((v, i) => _objectSpread2(_objectSpread2({}, v), {}, {
+  tableComment: ({
+    setValues,
+    name,
+    onValuesChange,
+    formsValue
+  }, {
+    form,
+    groupFormId,
+    isHighlighted
+  }) => {
+    const formData = groupFormId ? getArray((formsValue[groupFormId] || {})[name] || []).map((v, i) => ({
+      ...v,
       key: i
-    })) : (formsValue[name] || []).map((v, i) => _objectSpread2(_objectSpread2({}, v), {}, {
+    })) : (formsValue[name] || []).map((v, i) => ({
+      ...v,
       key: i
     }));
     const onUpdate = (val, i) => {
@@ -36503,89 +36713,121 @@ const inputTypeComponent$1 = {
         [name]: formData.map((d, j) => i === j ? val : d)
       };
       if (groupFormId) {
-        const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
-        const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
-        onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
+        const _defaultData = form?.getFieldValue(groupFormId) || {};
+        const _newData = {
+          ..._defaultData,
+          ..._val
+        };
+        onValuesChange(_newData, {
+          ...formsValue,
           [groupFormId]: _newData
-        }));
-        form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+        });
+        form?.setFieldValue(groupFormId, _newData);
+        setValues({
+          ...formsValue,
           [groupFormId]: _newData
-        }));
+        });
         return;
       }
-      onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-      form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-      setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+      onValuesChange(_val, {
+        ...formsValue,
+        ..._val
+      });
+      form?.setFieldValue(name, _val[name]);
+      setValues({
+        ...formsValue,
+        ..._val
+      });
     };
     return /*#__PURE__*/jsxRuntime.jsx(Comment, {
       onUpdate: onUpdate,
       isHighlighted: isHighlighted,
       form: form,
-      values: groupFormId ? _objectSpread2(_objectSpread2({}, formsValue[groupFormId] || {}), {}, {
+      values: groupFormId ? {
+        ...(formsValue[groupFormId] || {}),
         meta: {
-          inputs: ((formsValue === null || formsValue === void 0 || (_formsValue$meta3 = formsValue.meta) === null || _formsValue$meta3 === void 0 ? void 0 : _formsValue$meta3.inputs) || {})[groupFormId]
+          inputs: (formsValue?.meta?.inputs || {})[groupFormId]
         }
-      }) : formsValue,
+      } : formsValue,
       name: name,
-      remove: _ref23 => {
-        let {
-          key
-        } = _ref23;
+      remove: ({
+        key
+      }) => {
         const _val = {
           [name]: formData.filter(v => v.key !== key)
         };
         if (groupFormId) {
-          const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
-          const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
-          onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
+          const _defaultData = form?.getFieldValue(groupFormId) || {};
+          const _newData = {
+            ..._defaultData,
+            ..._val
+          };
+          onValuesChange(_newData, {
+            ...formsValue,
             [groupFormId]: _newData
-          }));
-          form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
-          setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+          });
+          form?.setFieldValue(groupFormId, _newData);
+          setValues({
+            ...formsValue,
             [groupFormId]: _newData
-          }));
+          });
           return;
         }
-        onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-        form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+        onValuesChange(_val, {
+          ...formsValue,
+          ..._val
+        });
+        form?.setFieldValue(name, _val[name]);
+        setValues({
+          ...formsValue,
+          ..._val
+        });
       },
       add: val => {
         const _val = {
-          [name]: [...formData, _objectSpread2(_objectSpread2({}, val), {}, {
+          [name]: [...formData, {
+            ...val,
             key: formData.length
-          })]
+          }]
         };
         if (groupFormId) {
-          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), {}, {
+          const _defaultData = form?.getFieldValue(groupFormId) || {};
+          const _newData = {
+            ..._defaultData,
+            ..._val
+          };
+          form?.setFieldValue(groupFormId, _newData);
+          onValuesChange(_newData, {
+            ...formsValue,
             [groupFormId]: _newData
-          }));
-          setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+          });
+          setValues({
+            ...formsValue,
             [groupFormId]: _newData
-          }));
+          });
           return;
         }
-        form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-        onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+        form?.setFieldValue(name, _val[name]);
+        onValuesChange(_val, {
+          ...formsValue,
+          ..._val
+        });
+        setValues({
+          ...formsValue,
+          ..._val
+        });
       },
       k: name
     });
   },
-  textarea: (_ref24, _ref25) => {
-    let {
-      props,
-      rules
-    } = _ref24;
-    let {
-      inputMeta,
-      t,
-      isHighlighted
-    } = _ref25;
+  textarea: ({
+    props,
+    rules
+  }, {
+    inputMeta,
+    t,
+    isHighlighted
+  }) => {
     const maxRule = rules.find(r => r.max);
     let maxLength = MAX_TEXT_AREA_LENGTH;
     let rows = 5;
@@ -36612,7 +36854,7 @@ const inputTypeComponent$1 = {
       //     rows = 14;
       //   }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, {
       allowClear: true,
       autoComplete: "new-password",
       maxLength: maxLength,
@@ -36620,37 +36862,35 @@ const inputTypeComponent$1 = {
       autoSize: {
         minRows: rows,
         maxRows: rows
-      }
-    }, props), {}, {
+      },
+      ...props,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type")
-    }));
+    });
   },
-  phoneNumber: (_ref26, _ref27) => {
-    let {
-      name,
-      inputName,
-      props,
-      value,
-      repeatIndex,
-      repeatValues,
-      formsValue
-    } = _ref26;
-    let {
-      setFormValues,
-      inputMeta,
-      t,
-      isHighlighted
-    } = _ref27;
-    return /*#__PURE__*/jsxRuntime.jsx(PhoneInput, _objectSpread2(_objectSpread2({
+  phoneNumber: ({
+    name,
+    inputName,
+    props,
+    value,
+    repeatIndex,
+    repeatValues,
+    formsValue
+  }, {
+    setFormValues,
+    inputMeta,
+    t,
+    isHighlighted
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(PhoneInput, {
       customSelectWidthPercentage: "20%",
       t: t,
       size: "large",
       allowClear: true,
-      country: formsValue === null || formsValue === void 0 ? void 0 : formsValue.country,
+      country: formsValue?.country,
       initialValue: value,
-      name: name
-    }, props), {}, {
+      name: name,
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-input"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type Number"),
@@ -36671,27 +36911,26 @@ const inputTypeComponent$1 = {
         }
         return val;
       }
-    }));
+    });
   },
-  switch: (_ref28, _ref29) => {
-    let {
-      props,
-      value,
-      restricted,
-      autocomplete,
-      formsValue,
-      repeatValues,
-      repeatIndex,
-      name,
-      inputName,
-      replace: replaceInput,
-      unique
-    } = _ref28;
-    let {
-      form,
-      isHighlighted
-    } = _ref29;
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Switch, _objectSpread2(_objectSpread2({}, props), {}, {
+  switch: ({
+    props,
+    value,
+    restricted,
+    autocomplete,
+    formsValue,
+    repeatValues,
+    repeatIndex,
+    name,
+    inputName,
+    replace: replaceInput,
+    unique
+  }, {
+    form,
+    isHighlighted
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Switch, {
+      ...props,
       size: "default",
       defaultChecked: value || false,
       checked: value || false,
@@ -36719,7 +36958,9 @@ const inputTypeComponent$1 = {
           const [formName, replaceInputName] = replaceTo.split(".");
           const replaceRepeatValues = replaceInputName ? dot__default["default"].pick(formName, formsValue) : undefined;
           updateFormValues$1(undefined, replaceRepeatValues, replaceInputName, isChecked ? newId : undefined, formsValue, formName, form);
-          formsValue = Object.assign(formsValue, _objectSpread2({}, form.getFieldsValue(true)));
+          formsValue = Object.assign(formsValue, {
+            ...form.getFieldsValue(true)
+          });
           if (oldId) {
             const allRepeatValues = dot__default["default"].pick(name, formsValue);
             if (allRepeatValues && Array.isArray(allRepeatValues)) {
@@ -36760,22 +37001,20 @@ const inputTypeComponent$1 = {
           }
         }
       }
-    }));
+    });
   },
-  radioGroup: (_ref30, _ref31) => {
-    let {
-      props,
-      value,
-      options,
-      isRisk
-    } = _ref30;
-    let {
-      isHighlighted
-    } = _ref31;
+  radioGroup: ({
+    props,
+    value,
+    options,
+    isRisk
+  }, {
+    isHighlighted
+  }) => {
     if (isRisk) {
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Radio.Group, _objectSpread2(_objectSpread2({
-        value: value
-      }, props), {}, {
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Radio.Group, {
+        value: value,
+        ...props,
         className: "is-risk-radio",
         children: (options || []).map(o => {
           return /*#__PURE__*/jsxRuntime.jsxs(antd.Radio, {
@@ -36789,11 +37028,11 @@ const inputTypeComponent$1 = {
             }) : null]
           }, o.value);
         })
-      }));
+      });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Radio.Group, _objectSpread2(_objectSpread2({
-      value: value
-    }, props), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Radio.Group, {
+      value: value,
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-input"]),
       children: (options || []).map(o => {
         return /*#__PURE__*/jsxRuntime.jsxs(antd.Radio, {
@@ -36807,20 +37046,18 @@ const inputTypeComponent$1 = {
           }) : null]
         }, o.value);
       })
-    }));
+    });
   },
-  checkboxGroup: (_ref32, _ref33) => {
-    let {
-      props,
-      value,
-      options
-    } = _ref32;
-    let {
-      isHighlighted
-    } = _ref33;
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox.Group, _objectSpread2(_objectSpread2({
-      value: value
-    }, props), {}, {
+  checkboxGroup: ({
+    props,
+    value,
+    options
+  }, {
+    isHighlighted
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox.Group, {
+      value: value,
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-input"]),
       style: {
         display: "grid",
@@ -36844,18 +37081,16 @@ const inputTypeComponent$1 = {
           }) : null]
         }, o.value);
       })
-    }));
+    });
   },
-  total100: (_ref34, _ref35) => {
-    let {
-      props,
-      name,
-      options,
-      value
-    } = _ref34;
-    let {
-      isHighlighted
-    } = _ref35;
+  total100: ({
+    props,
+    name,
+    options,
+    value
+  }, {
+    isHighlighted
+  }) => {
     value = value ? Array.isArray(value) ? value : [value] : [];
     function totalValue() {
       let total = 0;
@@ -36879,11 +37114,10 @@ const inputTypeComponent$1 = {
       className: formatClassname(["total100", isHighlighted && "highlighted-input"]),
       children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.List, {
         name: name,
-        children: (fields, _ref36) => {
-          let {
-            add,
-            remove
-          } = _ref36;
+        children: (fields, {
+          add,
+          remove
+        }) => {
           if (fields.length === 0) {
             const formData = value || [];
             if (formData.length) {
@@ -36902,27 +37136,27 @@ const inputTypeComponent$1 = {
               const v = value[field.name] || {};
               return /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
                 className: "total",
-                children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2({
-                  noStyle: true
-                }, field), {}, {
+                children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+                  noStyle: true,
+                  ...field,
                   name: [field.name, "type"],
                   fieldKey: [field.fieldKey, "type"],
                   initialValue: v.type || null,
-                  children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2({
+                  children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
                     size: "large",
                     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, _objectSpread2(_objectSpread2({
-                  noStyle: true
-                }, field), {}, {
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+                  noStyle: true,
+                  ...field,
                   name: [field.name, "value"],
                   fieldKey: [field.fieldKey, "value"],
                   initialValue: v.value,
@@ -36931,14 +37165,14 @@ const inputTypeComponent$1 = {
                     allowClear: true,
                     name: "value",
                     formatter: value => {
-                      return value ? "".concat(value, "%") : "";
+                      return value ? `${value}%` : "";
                     },
                     disabled: !v.type || null,
                     placeholder: props.valueplaceholder ? props.valueplaceholder : "Value",
                     min: 1,
                     max: 100 - siblingTotal(v.type || 0)
                   })
-                })), 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, {}),
@@ -36970,22 +37204,19 @@ const inputTypeComponent$1 = {
       }) : null]
     });
   },
-  percentage: (_ref37, _ref38) => {
-    var _input$meta11;
-    let {
-      name,
-      inputName,
-      totalMax,
-      repeatIndex,
-      props,
-      formsValue,
-      input
-    } = _ref37;
-    let {
-      inputMeta,
-      t,
-      isHighlighted
-    } = _ref38;
+  percentage: ({
+    name,
+    inputName,
+    totalMax,
+    repeatIndex,
+    props,
+    formsValue,
+    input
+  }, {
+    inputMeta,
+    t,
+    isHighlighted
+  }) => {
     const isRepeatable = Array.isArray(formsValue[name]);
     let totalSiblings = 0;
     if (isRepeatable && totalMax) {
@@ -36993,47 +37224,45 @@ const inputTypeComponent$1 = {
         totl = totl + (grp[inputName] || 0);
         return totl;
       }, 0);
-    } else if (Array.isArray(input === null || input === void 0 || (_input$meta11 = input.meta) === null || _input$meta11 === void 0 ? void 0 : _input$meta11.siblings)) {
+    } else if (Array.isArray(input?.meta?.siblings)) {
       totalSiblings = input.meta.siblings.reduce((totl, key) => {
         totl = totl + (formsValue[key] || 0);
         return totl;
       }, 0);
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
       size: "large",
-      allowClear: true
-    }, props), {}, {
+      allowClear: true,
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-cont"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t("Type number"),
       min: 0,
       max: 100 - totalSiblings,
       formatter: value => {
-        return value ? "".concat(value) : "";
+        return value ? `${value}` : "";
       },
       parser: value => value.replace("%", ""),
       addonAfter: "%"
-    }));
+    });
   },
-  drawTerritory: (_ref39, _ref40) => {
-    let {
-      formsValue,
-      name,
-      addressData
-    } = _ref39;
-    let {
-      setFormValues
-    } = _ref40;
+  drawTerritory: ({
+    formsValue,
+    name,
+    addressData
+  }, {
+    setFormValues
+  }) => {
     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 = "".concat(addressData.address.level1, ", ").concat(addressData.address.country);
+        search = `${addressData.address.level1}, ${addressData.address.country}`;
       }
       if (addressData.address.level2) {
-        search = "".concat(addressData.address.level2, ", ").concat(addressData.address.level1, ", ").concat(addressData.address.country);
+        search = `${addressData.address.level2}, ${addressData.address.level1}, ${addressData.address.country}`;
       }
     } else {
       const country = countriesList.countries[formsValue.country] || {};
@@ -37041,10 +37270,10 @@ const inputTypeComponent$1 = {
         search = country.name;
       }
       if (formsValue.administrativeLevel1Name) {
-        search = "".concat(search, " ").concat(formsValue.administrativeLevel1Name);
+        search = `${search} ${formsValue.administrativeLevel1Name}`;
       }
       if (formsValue.administrativeLevel2Name) {
-        search = "".concat(search, " ").concat(formsValue.administrativeLevel2Name);
+        search = `${search} ${formsValue.administrativeLevel2Name}`;
       }
     }
     return /*#__PURE__*/jsxRuntime.jsx(PolygonSelector, {
@@ -37056,36 +37285,32 @@ const inputTypeComponent$1 = {
       searchValue: search
     });
   },
-  year: (_ref41, _ref42) => {
-    let {
-      props
-    } = _ref41;
-    let {
-      isHighlighted
-    } = _ref42;
+  year: ({
+    props
+  }, {
+    isHighlighted
+  }) => {
     const lng = localStorage.getItem("datastakeLng") || "en";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
       size: "large",
       allowClear: true,
       locale: lng === "fr" ? localeFr__default["default"] : localeEn__default["default"],
-      picker: "year"
-    }, props), {}, {
+      picker: "year",
+      ...props,
       className: formatClassname([isHighlighted && "highlighted-input"]),
       format: "YYYY"
-    }));
+    });
   },
-  upload: (_ref43, _ref44) => {
-    let {
-      rules,
-      value
-    } = _ref43;
-    let {
-      setLoading = () => {},
-      getApiBaseUrl,
-      getAppHeader,
-      t,
-      isHighlighted
-    } = _ref44;
+  upload: ({
+    rules,
+    value
+  }, {
+    setLoading = () => {},
+    getApiBaseUrl,
+    getAppHeader,
+    t,
+    isHighlighted
+  }) => {
     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) : []) || [];
@@ -37098,12 +37323,13 @@ const inputTypeComponent$1 = {
         maxProps.multiple = true;
       }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, _objectSpread2(_objectSpread2({}, maxProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, {
+      ...maxProps,
       accept: accept,
-      action: "".concat(apiURL, "/upload"),
+      action: `${apiURL}/upload`,
       beforeUpload: beforeUpload(allowedExtensions),
       onChange: val => {
-        if (val !== null && val !== void 0 && val.file && typeof setLoading === "function") {
+        if (val?.file && typeof setLoading === "function") {
           if (val.file.percent !== 100) {
             setLoading(true);
           } else {
@@ -37111,9 +37337,10 @@ const inputTypeComponent$1 = {
           }
         }
       },
-      headers: _objectSpread2({
-        Authorization: "Bearer ".concat(getToken())
-      }, getAppHeader()),
+      headers: {
+        Authorization: `Bearer ${getToken()}`,
+        ...getAppHeader()
+      },
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
         style: {
@@ -37124,20 +37351,18 @@ const inputTypeComponent$1 = {
           children: t("Upload")
         })]
       })
-    }));
+    });
   },
-  imageUpload: (_ref45, _ref46) => {
-    let {
-      rules,
-      value
-    } = _ref45;
-    let {
-      setLoading = () => {},
-      getApiBaseUrl,
-      getAppHeader,
-      t,
-      isHighlighted
-    } = _ref46;
+  imageUpload: ({
+    rules,
+    value
+  }, {
+    setLoading = () => {},
+    getApiBaseUrl,
+    getAppHeader,
+    t,
+    isHighlighted
+  }) => {
     const apiURL = getApiBaseUrl();
     const values = getImageUploadEditValue(value);
     const maxRule = rules.find(r => r.max);
@@ -37148,18 +37373,17 @@ const inputTypeComponent$1 = {
         maxProps.multiple = true;
       }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, _objectSpread2(_objectSpread2({
-      beforeUpload: beforeUpload(allowedImageExtensions)
-    }, maxProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, {
+      beforeUpload: beforeUpload(allowedImageExtensions),
+      ...maxProps,
       accept: "image/*",
       classList: !values || !values.length ? "empty" : "",
       listType: "picture",
-      action: "".concat(apiURL, "/upload"),
+      action: `${apiURL}/upload`,
       onChange: val => {
         if (typeof setLoading === "function") {
-          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") {
+          if (val?.file) {
+            if (val?.file?.status === "removed") {
               setLoading(false);
               return;
             }
@@ -37171,9 +37395,10 @@ const inputTypeComponent$1 = {
           setLoading(false);
         }
       },
-      headers: _objectSpread2({
-        Authorization: "Bearer ".concat(getToken())
-      }, getAppHeader()),
+      headers: {
+        Authorization: `Bearer ${getToken()}`,
+        ...getAppHeader()
+      },
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
         style: {
@@ -37184,20 +37409,18 @@ const inputTypeComponent$1 = {
           children: t("Upload")
         })]
       })
-    }));
+    });
   },
-  videoUpload: (_ref47, _ref48) => {
-    let {
-      rules,
-      value
-    } = _ref47;
-    let {
-      setLoading = () => {},
-      getApiBaseUrl,
-      getAppHeader,
-      t,
-      isHighlighted
-    } = _ref48;
+  videoUpload: ({
+    rules,
+    value
+  }, {
+    setLoading = () => {},
+    getApiBaseUrl,
+    getAppHeader,
+    t,
+    isHighlighted
+  }) => {
     const apiURL = getApiBaseUrl();
     const values = getImageUploadEditValue(value);
     const maxRule = rules.find(r => r.max);
@@ -37208,25 +37431,21 @@ const inputTypeComponent$1 = {
         maxProps.multiple = true;
       }
     }
-    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), {}, {
+    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,
       accept: "video/*",
       classList: !values || !values.length ? "empty" : "",
       listType: "picture",
-      action: "".concat(apiURL, "/upload"),
+      action: `${apiURL}/upload`,
       onChange: val => {
         if (typeof setLoading === "function") {
-          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") {
+          if (val?.file) {
+            if (val?.file?.status === "removed") {
               setLoading(false);
               return;
             }
@@ -37238,9 +37457,10 @@ const inputTypeComponent$1 = {
           setLoading(false);
         }
       },
-      headers: _objectSpread2({
-        Authorization: "Bearer ".concat(getToken())
-      }, getAppHeader()),
+      headers: {
+        Authorization: `Bearer ${getToken()}`,
+        ...getAppHeader()
+      },
       fileList: values,
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
@@ -37252,30 +37472,28 @@ const inputTypeComponent$1 = {
           children: t("Upload")
         })]
       })
-    }));
+    });
   },
-  geolocation: (_ref49, _ref50) => {
-    let {
-      value,
-      name,
-      props,
-      formsValue,
-      addressData
-    } = _ref49;
-    let {
-      inputMeta,
-      isHighlighted
-    } = _ref50;
+  geolocation: ({
+    value,
+    name,
+    props,
+    formsValue,
+    addressData
+  }, {
+    inputMeta,
+    isHighlighted
+  }) => {
     let search = formsValue.country;
     if (addressData && Object.keys(addressData).length > 0) {
       if (addressData.country) {
         search = addressData.country;
       }
       if (addressData.level1) {
-        search = "".concat(addressData.level1, ", ").concat(addressData.country);
+        search = `${addressData.level1}, ${addressData.country}`;
       }
       if (addressData.level2) {
-        search = "".concat(addressData.level2, ", ").concat(addressData.level1, ", ").concat(addressData.country);
+        search = `${addressData.level2}, ${addressData.level1}, ${addressData.country}`;
       }
     } else {
       const country = countriesList.countries[formsValue.country] || {};
@@ -37283,10 +37501,10 @@ const inputTypeComponent$1 = {
         search = country.name;
       }
       if (formsValue.administrativeLevel1Name) {
-        search = "".concat(search, " ").concat(formsValue.administrativeLevel1Name);
+        search = `${search} ${formsValue.administrativeLevel1Name}`;
       }
       if (formsValue.administrativeLevel2Name) {
-        search = "".concat(search, " ").concat(formsValue.administrativeLevel2Name);
+        search = `${search} ${formsValue.administrativeLevel2Name}`;
       }
     }
     return /*#__PURE__*/jsxRuntime.jsx(Geolocation, {
@@ -37300,36 +37518,34 @@ const inputTypeComponent$1 = {
       searchValue: search
     });
   },
-  ajaxSelect: (_ref51, _ref52) => {
-    let {
-      call,
-      automaticallyLink,
-      name,
-      inputName,
-      props,
-      formsValue,
-      onNewSetValue,
-      multiple,
-      updateOptions,
-      repeatValues,
-      repeatIndex,
-      value,
-      unique,
-      address,
-      addressData = {},
-      getFromLinking,
-      input
-    } = _ref51;
-    let {
-      form,
-      forms,
-      setAddress,
-      changeInputMeta,
-      inputMeta,
-      meta,
-      isHighlighted,
-      groupFormId
-    } = _ref52;
+  ajaxSelect: ({
+    call,
+    automaticallyLink,
+    name,
+    inputName,
+    props,
+    formsValue,
+    onNewSetValue,
+    multiple,
+    updateOptions,
+    repeatValues,
+    repeatIndex,
+    value,
+    unique,
+    address,
+    addressData = {},
+    getFromLinking,
+    input
+  }, {
+    form,
+    forms,
+    setAddress,
+    changeInputMeta,
+    inputMeta,
+    meta,
+    isHighlighted,
+    groupFormId
+  }) => {
     return /*#__PURE__*/jsxRuntime.jsx(AjaxSelect, {
       size: "medium",
       input: input,
@@ -37366,7 +37582,9 @@ const inputTypeComponent$1 = {
           const selectedValue = data.find(v => v.value === ev);
           if (address && selectedValue) {
             dot__default["default"].str(address, selectedValue.label, addressData);
-            setAddress(_objectSpread2({}, addressData));
+            setAddress({
+              ...addressData
+            });
           }
         }
       },
@@ -37375,11 +37593,10 @@ const inputTypeComponent$1 = {
       address: true
     });
   },
-  tag: _ref53 => {
-    let {
-      value,
-      repeatLabel
-    } = _ref53;
+  tag: ({
+    value,
+    repeatLabel
+  }) => {
     return /*#__PURE__*/jsxRuntime.jsx(TagInput, {
       size: "large",
       allowClear: true,
@@ -37387,28 +37604,26 @@ const inputTypeComponent$1 = {
       newPlaceholder: repeatLabel
     });
   },
-  modal: (_ref54, _ref55) => {
-    let {
-      call,
-      automaticallyLink,
-      name,
-      inputName,
-      props,
-      formsValue,
-      allFormsValue,
-      onNewSetValue,
-      repeatValues,
-      repeatIndex,
-      value,
-      modalTitle,
-      totalInputs,
-      shownInputs,
-      allowDupplicates
-    } = _ref54;
-    let {
-      form,
-      add
-    } = _ref55;
+  modal: ({
+    call,
+    automaticallyLink,
+    name,
+    inputName,
+    props,
+    formsValue,
+    allFormsValue,
+    onNewSetValue,
+    repeatValues,
+    repeatIndex,
+    value,
+    modalTitle,
+    totalInputs,
+    shownInputs,
+    allowDupplicates
+  }, {
+    form,
+    add
+  }) => {
     return /*#__PURE__*/jsxRuntime.jsx(AjaxModal, {
       allowClear: true,
       call: call,
@@ -37431,44 +37646,40 @@ const inputTypeComponent$1 = {
       allowDupplicates: allowDupplicates
     });
   },
-  dataLink: (_ref56, _ref57) => {
-    var _input$meta12, _input$meta15, _input$meta16, _formsValue$meta5, _input$meta18;
-    let {
-      setValues,
-      name,
-      onValuesChange,
-      changeLinking,
-      formsValue,
-      input,
-      call,
-      automaticallyLink,
-      inputName,
-      props,
-      onNewSetValue,
-      multiple,
-      updateOptions,
-      repeatValues,
-      repeatIndex,
-      value,
-      unique,
-      address,
-      addressData = {},
-      getFromLinking
-    } = _ref56;
-    let {
-      form,
-      forms,
-      setAddress,
-      changeInputMeta,
-      inputMeta,
-      meta,
-      isHighlighted,
-      groupFormId
-    } = _ref57;
-    if ((input === null || input === void 0 || (_input$meta12 = input.meta) === null || _input$meta12 === void 0 || (_input$meta12 = _input$meta12.optionsView) === null || _input$meta12 === void 0 ? void 0 : _input$meta12.editInputType) === "ajaxSelect") {
-      var _formsValue$groupForm3, _input$meta13, _input$meta14;
-      const currentValue = groupFormId ? (_formsValue$groupForm3 = formsValue[groupFormId]) === null || _formsValue$groupForm3 === void 0 ? void 0 : _formsValue$groupForm3[name] : formsValue[name];
-      (input === null || input === void 0 || (_input$meta13 = input.meta) === null || _input$meta13 === void 0 || (_input$meta13 = _input$meta13.optionsView) === null || _input$meta13 === void 0 ? void 0 : _input$meta13.call) || (input === null || input === void 0 || (_input$meta14 = input.meta) === null || _input$meta14 === void 0 ? void 0 : _input$meta14.call) || "default::list()::::";
+  dataLink: ({
+    setValues,
+    name,
+    onValuesChange,
+    changeLinking,
+    formsValue,
+    input,
+    call,
+    automaticallyLink,
+    inputName,
+    props,
+    onNewSetValue,
+    multiple,
+    updateOptions,
+    repeatValues,
+    repeatIndex,
+    value,
+    unique,
+    address,
+    addressData = {},
+    getFromLinking
+  }, {
+    form,
+    forms,
+    setAddress,
+    changeInputMeta,
+    inputMeta,
+    meta,
+    isHighlighted,
+    groupFormId
+  }) => {
+    if (input?.meta?.optionsView?.editInputType === "ajaxSelect") {
+      const currentValue = groupFormId ? formsValue[groupFormId]?.[name] : formsValue[name];
+      input?.meta?.optionsView?.call || input?.meta?.call || "default::list()::::";
       return /*#__PURE__*/jsxRuntime.jsx(AjaxSelect$1, {
         size: "medium",
         input: input,
@@ -37505,7 +37716,9 @@ const inputTypeComponent$1 = {
             const selectedValue = data.find(v => v.value === ev);
             if (address && selectedValue) {
               dot__default["default"].str(address, selectedValue.label, addressData);
-              setAddress(_objectSpread2({}, addressData));
+              setAddress({
+                ...addressData
+              });
             }
           }
         },
@@ -37515,93 +37728,138 @@ const inputTypeComponent$1 = {
         isDataLink: true
       });
     }
-    const isSingle = (input === null || input === void 0 || (_input$meta15 = input.meta) === null || _input$meta15 === void 0 ? void 0 : _input$meta15.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 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 onUpdate = (editData, i) => {
-      const val = _objectSpread2(_objectSpread2({}, formData[i]), editData);
+      const val = {
+        ...formData[i],
+        ...editData
+      };
       const _val = isSingle ? {
         [name]: val
       } : {
-        [name]: formData === null || formData === void 0 ? void 0 : formData.map((d, j) => i === j ? val : d)
+        [name]: formData?.map((d, j) => i === j ? val : d)
       };
       if (groupFormId) {
-        const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
-        const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
-        onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
+        const _defaultData = form?.getFieldValue(groupFormId) || {};
+        const _newData = {
+          ..._defaultData,
+          ..._val
+        };
+        onValuesChange(_newData, {
+          ...formsValue,
           [groupFormId]: _newData
-        }));
-        form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+        });
+        form?.setFieldValue(groupFormId, _newData);
+        setValues({
+          ...formsValue,
           [groupFormId]: _newData
-        }));
+        });
         return;
       }
-      onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-      form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-      setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+      onValuesChange(_val, {
+        ...formsValue,
+        ..._val
+      });
+      form?.setFieldValue(name, _val[name]);
+      setValues({
+        ...formsValue,
+        ..._val
+      });
     };
-    if (input !== null && input !== void 0 && (_input$meta16 = input.meta) !== null && _input$meta16 !== void 0 && _input$meta16.flat) {
-      var _formsValue$meta4, _input$meta17;
+    if (input?.meta?.flat) {
       return /*#__PURE__*/jsxRuntime.jsx(DataLinkFlat, {
         form: input,
         changeLinking: changeLinking,
         onUpdate: onUpdate,
         isHighlighted: isHighlighted,
         formsValue: formsValue,
-        values: groupFormId ? _objectSpread2(_objectSpread2({}, formsValue[groupFormId] || {}), {}, {
+        values: groupFormId ? {
+          ...(formsValue[groupFormId] || {}),
           meta: {
-            inputs: ((formsValue === null || formsValue === void 0 || (_formsValue$meta4 = formsValue.meta) === null || _formsValue$meta4 === void 0 ? void 0 : _formsValue$meta4.inputs) || {})[groupFormId]
+            inputs: (formsValue?.meta?.inputs || {})[groupFormId]
           }
-        }) : formsValue,
+        } : formsValue,
         name: name,
         groupFormId: groupFormId,
-        maxRepeat: input === null || input === void 0 || (_input$meta17 = input.meta) === null || _input$meta17 === void 0 ? void 0 : _input$meta17.maxRepeat,
-        remove: _ref58 => {
-          let {
-            key
-          } = _ref58;
+        maxRepeat: input?.meta?.maxRepeat,
+        remove: ({
+          key
+        }) => {
           const _val = isSingle ? {
             [name]: null
           } : {
             [name]: formData.filter((v, i) => i !== key)
           };
           if (groupFormId) {
-            const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
-            const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
-            onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
+            const _defaultData = form?.getFieldValue(groupFormId) || {};
+            const _newData = {
+              ..._defaultData,
+              ..._val
+            };
+            onValuesChange(_newData, {
+              ...formsValue,
               [groupFormId]: _newData
-            }));
-            form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
-            setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+            });
+            form?.setFieldValue(groupFormId, _newData);
+            setValues({
+              ...formsValue,
               [groupFormId]: _newData
-            }));
+            });
             return;
           }
-          onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-          form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-          setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+          onValuesChange(_val, {
+            ...formsValue,
+            ..._val
+          });
+          form?.setFieldValue(name, _val[name]);
+          setValues({
+            ...formsValue,
+            ..._val
+          });
         },
         add: val => {
           const _val = isSingle ? {
             [name]: val
           } : {
-            [name]: [...formData, _objectSpread2({}, val)]
+            [name]: [...formData, {
+              ...val
+            }]
           };
           if (groupFormId) {
-            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), {}, {
+            const _defaultData = form?.getFieldValue(groupFormId) || {};
+            const _newData = {
+              ..._defaultData,
+              ..._val
+            };
+            form?.setFieldValue(groupFormId, _newData);
+            onValuesChange(_newData, {
+              ...formsValue,
               [groupFormId]: _newData
-            }));
-            setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+            });
+            setValues({
+              ...formsValue,
               [groupFormId]: _newData
-            }));
+            });
             return;
           }
-          form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-          onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-          setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+          form?.setFieldValue(name, _val[name]);
+          onValuesChange(_val, {
+            ...formsValue,
+            ..._val
+          });
+          setValues({
+            ...formsValue,
+            ..._val
+          });
         },
         k: name,
         formData: formData
@@ -37613,79 +37871,101 @@ const inputTypeComponent$1 = {
       onUpdate: onUpdate,
       isHighlighted: isHighlighted,
       formsValue: formsValue,
-      values: groupFormId ? _objectSpread2(_objectSpread2({}, formsValue[groupFormId] || {}), {}, {
+      values: groupFormId ? {
+        ...(formsValue[groupFormId] || {}),
         meta: {
-          inputs: ((formsValue === null || formsValue === void 0 || (_formsValue$meta5 = formsValue.meta) === null || _formsValue$meta5 === void 0 ? void 0 : _formsValue$meta5.inputs) || {})[groupFormId]
+          inputs: (formsValue?.meta?.inputs || {})[groupFormId]
         }
-      }) : formsValue,
+      } : formsValue,
       name: name,
       groupFormId: groupFormId,
-      maxRepeat: input === null || input === void 0 || (_input$meta18 = input.meta) === null || _input$meta18 === void 0 ? void 0 : _input$meta18.maxRepeat,
-      remove: _ref59 => {
-        let {
-          key
-        } = _ref59;
+      maxRepeat: input?.meta?.maxRepeat,
+      remove: ({
+        key
+      }) => {
         const _val = isSingle ? {
           [name]: null
         } : {
           [name]: formData.filter((v, i) => i !== key)
         };
         if (groupFormId) {
-          const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
-          const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
-          onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
+          const _defaultData = form?.getFieldValue(groupFormId) || {};
+          const _newData = {
+            ..._defaultData,
+            ..._val
+          };
+          onValuesChange(_newData, {
+            ...formsValue,
             [groupFormId]: _newData
-          }));
-          form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
-          setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+          });
+          form?.setFieldValue(groupFormId, _newData);
+          setValues({
+            ...formsValue,
             [groupFormId]: _newData
-          }));
+          });
           return;
         }
-        onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-        form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+        onValuesChange(_val, {
+          ...formsValue,
+          ..._val
+        });
+        form?.setFieldValue(name, _val[name]);
+        setValues({
+          ...formsValue,
+          ..._val
+        });
       },
       add: val => {
         const _val = isSingle ? {
           [name]: val
         } : {
-          [name]: [...formData, _objectSpread2({}, val)]
+          [name]: [...formData, {
+            ...val
+          }]
         };
         if (groupFormId) {
-          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), {}, {
+          const _defaultData = form?.getFieldValue(groupFormId) || {};
+          const _newData = {
+            ..._defaultData,
+            ..._val
+          };
+          form?.setFieldValue(groupFormId, _newData);
+          onValuesChange(_newData, {
+            ...formsValue,
             [groupFormId]: _newData
-          }));
-          setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+          });
+          setValues({
+            ...formsValue,
             [groupFormId]: _newData
-          }));
+          });
           return;
         }
-        form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-        onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+        form?.setFieldValue(name, _val[name]);
+        onValuesChange(_val, {
+          ...formsValue,
+          ..._val
+        });
+        setValues({
+          ...formsValue,
+          ..._val
+        });
       },
       k: name,
       formData: formData
     });
   },
-  dataLinkGroup: (_ref60, _ref61) => {
-    let {
-      setValues,
-      name,
-      onValuesChange,
-      changeLinking,
-      formsValue,
-      input
-    } = _ref60;
-    let {
-      form,
-      groupFormId,
-      isHighlighted
-    } = _ref61;
+  dataLinkGroup: ({
+    setValues,
+    name,
+    onValuesChange,
+    changeLinking,
+    formsValue,
+    input
+  }, {
+    form,
+    groupFormId,
+    isHighlighted
+  }) => {
     return renderDataLinkGroup({
       input,
       name,
@@ -37698,41 +37978,51 @@ const inputTypeComponent$1 = {
       isHighlighted
     });
   },
-  groupCheckbox: (_ref62, _ref63) => {
-    let {
-      setValues,
-      name,
-      onValuesChange,
-      formsValue,
-      input
-    } = _ref62;
-    let {
-      form,
-      groupFormId,
-      isHighlighted
-    } = _ref63;
+  groupCheckbox: ({
+    setValues,
+    name,
+    onValuesChange,
+    formsValue,
+    input
+  }, {
+    form,
+    groupFormId,
+    isHighlighted
+  }) => {
     const formData = groupFormId ? (formsValue[groupFormId] || {})[name] || [] : formsValue[name] || [];
     const onUpdate = (val, key) => {
       const _val = {
-        [name]: _objectSpread2(_objectSpread2({}, formData), {}, {
+        [name]: {
+          ...formData,
           [key]: val
-        })
+        }
       };
       if (groupFormId) {
-        const _defaultData = (form === null || form === void 0 ? void 0 : form.getFieldValue(groupFormId)) || {};
-        const _newData = _objectSpread2(_objectSpread2({}, _defaultData), _val);
-        onValuesChange(_newData, _objectSpread2(_objectSpread2({}, formsValue), {}, {
+        const _defaultData = form?.getFieldValue(groupFormId) || {};
+        const _newData = {
+          ..._defaultData,
+          ..._val
+        };
+        onValuesChange(_newData, {
+          ...formsValue,
           [groupFormId]: _newData
-        }));
-        form === null || form === void 0 || form.setFieldValue(groupFormId, _newData);
-        setValues(_objectSpread2(_objectSpread2({}, formsValue), {}, {
+        });
+        form?.setFieldValue(groupFormId, _newData);
+        setValues({
+          ...formsValue,
           [groupFormId]: _newData
-        }));
+        });
         return;
       }
-      onValuesChange(_val, _objectSpread2(_objectSpread2({}, formsValue), _val));
-      form === null || form === void 0 || form.setFieldValue(name, _val[name]);
-      setValues(_objectSpread2(_objectSpread2({}, formsValue), _val));
+      onValuesChange(_val, {
+        ...formsValue,
+        ..._val
+      });
+      form?.setFieldValue(name, _val[name]);
+      setValues({
+        ...formsValue,
+        ..._val
+      });
     };
     return /*#__PURE__*/jsxRuntime.jsx(GroupCheckbox, {
       form: input,
@@ -37741,91 +38031,96 @@ const inputTypeComponent$1 = {
       isHighlighted: isHighlighted
     });
   },
-  website: (_ref64, _ref65) => {
-    let {
-      name,
-      inputName,
-      props,
-      value,
-      repeatIndex,
-      repeatValues,
-      formsValue
-    } = _ref64;
-    let {
-      form,
-      isHighlighted,
-      inputMeta = {},
-      t
-    } = _ref65;
-    return /*#__PURE__*/jsxRuntime.jsx(Website, _objectSpread2(_objectSpread2({
+  website: ({
+    name,
+    inputName,
+    props,
+    value,
+    repeatIndex,
+    repeatValues,
+    formsValue
+  }, {
+    form,
+    isHighlighted,
+    inputMeta = {},
+    t
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(Website, {
       size: "large",
       allowClear: true,
-      initialValue: value
-    }, props), {}, {
+      initialValue: value,
+      ...props,
       onChange: val => updateFormValues$1(repeatIndex, repeatValues, inputName, val, formsValue, name, form),
       className: formatClassname([isHighlighted && "highlighted-cont"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || "www.example.com"
-    }));
+    });
   },
-  group: (_ref66, _ref67) => {
-    let {
-      props,
-      groupInputs,
-      formsValue
-    } = _ref66;
-    let {
-      inputMeta,
-      isHighlighted
-    } = _ref67;
-    return /*#__PURE__*/jsxRuntime.jsx(GroupInput, _objectSpread2({
+  group: ({
+    props,
+    groupInputs,
+    formsValue
+  }, {
+    inputMeta,
+    isHighlighted
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(GroupInput, {
       formsValue: formsValue,
       isHighlighted: isHighlighted,
       groupInputs: groupInputs,
-      inputMeta: inputMeta
-    }, props));
+      inputMeta: inputMeta,
+      ...props
+    });
   },
-  groupInputs: (_ref68, _ref69) => {
-    let {
-      props,
-      groupInputs,
-      formsValue
-    } = _ref68;
-    let {
-      inputMeta,
-      isHighlighted
-    } = _ref69;
-    return /*#__PURE__*/jsxRuntime.jsx(GroupInput, _objectSpread2({
+  groupInputs: ({
+    props,
+    groupInputs,
+    formsValue
+  }, {
+    inputMeta,
+    isHighlighted
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(GroupInput, {
       formsValue: formsValue,
       isHighlighted: isHighlighted,
       groupInputs: groupInputs,
-      inputMeta: inputMeta
-    }, props));
+      inputMeta: inputMeta,
+      ...props
+    });
   },
-  smartHelp: (_ref70, _ref71) => {
+  smartHelp: ({
+    name,
+    inputName,
+    props,
+    value,
+    repeatIndex,
+    repeatValues,
+    formsValue
+  }, {
+    form,
+    isHighlighted,
+    inputMeta = {},
+    t
+  }) => {
     return /*#__PURE__*/jsxRuntime.jsx(Smart, {});
   }
 };
 const filterForm = (f, d) => {
   return f && (f.showFormIf ? showHideForm(f, d) : true);
 };
-const checkFormHasSubsections = function () {
-  let f = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return Object.keys(f).map(key => propHasValue$1(f[key].subSection)).includes(true);
-};
+const checkFormHasSubsections = (f = {}) => Object.keys(f).map(key => propHasValue$1(f[key].subSection)).includes(true);
 const mapFormGroup = (f, d) => Object.keys(f).map(key => {
-  const _ref72 = f[key] || {},
-    {
-      label,
-      description = "",
-      excludeFromEdit,
-      showFormIf,
-      icon = "",
-      position = 0,
-      template,
-      formClass
-    } = _ref72,
-    fc = _objectWithoutProperties(_ref72, _excluded2$1);
+  const {
+    label,
+    description = "",
+    excludeFromEdit,
+    showFormIf,
+    icon = "",
+    position = 0,
+    template,
+    formClass,
+    ...fc
+  } = f[key] || {};
   const fConf = {
     id: key,
     label,
@@ -37884,14 +38179,11 @@ const groupSubForms = (fConf, d) => {
     return f;
   }, {});
 };
-const inputIsEmpty = function () {
-  let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let values = arguments.length > 1 ? arguments[1] : undefined;
-  let inputMeta = arguments.length > 2 ? arguments[2] : undefined;
-  if (inputMeta !== null && inputMeta !== void 0 && inputMeta.notApplicable || inputMeta !== null && inputMeta !== void 0 && inputMeta.notAvailable) {
+const inputIsEmpty = (input = {}, values, inputMeta) => {
+  if (inputMeta?.notApplicable || inputMeta?.notAvailable) {
     return false;
   }
-  if ((input === null || input === void 0 ? void 0 : input.type) === "groupInputs") {
+  if (input?.type === "groupInputs") {
     return true;
   }
   const value = values[input.dataId];
@@ -37903,28 +38195,26 @@ const inputIsEmpty = function () {
   }
   return !value;
 };
-const GetFormItem$1 = _ref73 => {
-  var _inputMeta$reviews, _input$meta19, _input$meta20, _rules$find, _input$meta21;
-  let {
-    highlightMandatory,
-    inputData,
-    inputId,
-    input,
-    values,
-    MainForm,
-    options,
-    plainForms,
-    setValues,
-    setAddress,
-    i,
-    inputKey,
-    onValuesChange = () => {},
-    setLoading = () => {},
-    inputMeta = {},
-    changeInputMeta = () => {},
-    changeLinking = () => {},
-    namespace
-  } = _ref73;
+const GetFormItem$1 = ({
+  highlightMandatory,
+  inputData,
+  inputId,
+  input,
+  values,
+  MainForm,
+  options,
+  plainForms,
+  setValues,
+  setAddress,
+  i,
+  inputKey,
+  onValuesChange = () => {},
+  setLoading = () => {},
+  inputMeta = {},
+  changeInputMeta = () => {},
+  changeLinking = () => {},
+  namespace
+}) => {
   const {
     t,
     user,
@@ -37934,44 +38224,49 @@ const GetFormItem$1 = _ref73 => {
     ajaxOptions,
     changeAjaxForms,
     app,
-    isReview
+    isReview,
+    maxWidth,
+    staticWidth,
+    fullWidth
   } = useEditContext();
-  const lastReview = ((inputMeta === null || inputMeta === void 0 ? void 0 : inputMeta.reviews) || [])[((inputMeta === null || inputMeta === void 0 || (_inputMeta$reviews = inputMeta.reviews) === null || _inputMeta$reviews === void 0 ? void 0 : _inputMeta$reviews.length) || 0) - 1];
+  const lastReview = (inputMeta?.reviews || [])[(inputMeta?.reviews?.length || 0) - 1];
   const [isShown, setIsShown] = React.useState(!!inputData.commentValue);
   const inputLabel = getInputLabel$1(input, values);
   const onClickReviewSuccess = () => {
     if (!isReview) {
       return;
     }
-    const reviewSuccess = lastReview === null || lastReview === void 0 ? void 0 : lastReview.reviewSuccess;
+    const reviewSuccess = lastReview?.reviewSuccess;
     changeInputMeta({
       key: inputId,
       type: input.type,
-      value: _objectSpread2(_objectSpread2({}, inputMeta), {}, {
+      value: {
+        ...inputMeta,
         reviews: reviewSuccess ? (inputMeta.reviews || []).filter(v => v.createdAt !== lastReview.createdAt) : [...(inputMeta.reviews || []), {
           reviewer: user,
           createdAt: new Date().toISOString(),
           reviewSuccess: true
         }]
-      })
+      }
     });
   };
   const onClickReviewError = () => {
     if (!isReview) {
       return;
     }
-    const reviewError = lastReview === null || lastReview === void 0 ? void 0 : lastReview.reviewError;
+    const reviewError = lastReview?.reviewError;
     changeInputMeta({
       key: inputId,
       type: input.type,
-      value: _objectSpread2(_objectSpread2({}, inputMeta), {}, {
+      value: {
+        ...inputMeta,
         reviews: reviewError ? (inputMeta.reviews || []).filter(v => v.createdAt !== lastReview.createdAt) : [...(inputMeta.reviews || []), {
           reviewer: user,
           createdAt: new Date().toISOString(),
           reviewError: true,
           comment: ""
         }]
-      })
+      }
     });
   };
   switch (input.type) {
@@ -37985,12 +38280,12 @@ const GetFormItem$1 = _ref73 => {
     case "header":
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "daf-title with-subtitle",
-        style: input === null || input === void 0 || (_input$meta19 = input.meta) === null || _input$meta19 === void 0 ? void 0 : _input$meta19.style,
+        style: input?.meta?.style,
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex",
           children: [/*#__PURE__*/jsxRuntime.jsx("h1", {
             children: ReactHtmlParser__default["default"](getLabel$1(input.label, values))
-          }), !!input.description || input !== null && input !== void 0 && (_input$meta20 = input.meta) !== null && _input$meta20 !== void 0 && _input$meta20.isEvaluation ? /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
+          }), !!input.description || input?.meta?.isEvaluation ? /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
             content: /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "tooltip-popover-cont",
               children: ReactHtmlParser__default["default"](input.description)
@@ -38017,7 +38312,7 @@ const GetFormItem$1 = _ref73 => {
       const specialCharsRule = rules.find(r => r.type === "specialCharacters");
 
       // eslint-disable-next-line no-case-declarations
-      let maxRule = (_rules$find = rules.find(rule => rule.max)) === null || _rules$find === void 0 ? void 0 : _rules$find.max;
+      let maxRule = rules.find(rule => rule.max)?.max;
       if (!maxRule && input.type === "textarea") {
         maxRule = MAX_TEXT_AREA_LENGTH;
       }
@@ -38030,30 +38325,27 @@ const GetFormItem$1 = _ref73 => {
           message: requiredRule.message || ""
         });
       }
-      const isHighlighted = highlightMandatory && (input === null || input === void 0 || (_input$meta21 = input.meta) === null || _input$meta21 === void 0 ? void 0 : _input$meta21.mandatory) && inputIsEmpty(input, values, inputMeta);
+      const isHighlighted = highlightMandatory && input?.meta?.mandatory && inputIsEmpty(input, values, inputMeta);
       if (requiredRule || specialCharsRule) {
         if (input.type === "groupInputs") {
           rules = rules.map(r => {
             if (r.required) {
-              return _ref74 => {
-                let {
-                  getFieldValue
-                } = _ref74;
-                return {
-                  validator() {
-                    if (inputMeta.notAvailable || inputMeta.notApplicable) {
-                      return Promise.resolve();
-                    }
-                    const keys = Object.keys(input.inputs);
-                    for (let i = 0; i < keys.length; i++) {
-                      if (typeof getFieldValue(keys[i]) === "undefined" || getFieldValue(keys[i]) === null) {
-                        return Promise.reject(r.message);
-                      }
-                    }
+              return ({
+                getFieldValue
+              }) => ({
+                validator() {
+                  if (inputMeta.notAvailable || inputMeta.notApplicable) {
                     return Promise.resolve();
                   }
-                };
-              };
+                  const keys = Object.keys(input.inputs);
+                  for (let i = 0; i < keys.length; i++) {
+                    if (typeof getFieldValue(keys[i]) === "undefined" || getFieldValue(keys[i]) === null) {
+                      return Promise.reject(r.message);
+                    }
+                  }
+                  return Promise.resolve();
+                }
+              });
             }
             return r;
           });
@@ -38091,13 +38383,12 @@ const GetFormItem$1 = _ref73 => {
         }
       }
       if (input && typeof input === "object") {
-        var _input$meta22, _input$meta23, _input$meta24, _input$meta25, _values$parent, _input$meta26, _input$meta27, _inputData$value, _input$meta28, _input$meta29, _inputData$commentVal, _lastReview$comment, _lastReview$reviewer, _lastReview$reviewer2;
         // check if input is valid
         const hideComment = namespace === "project-readiness";
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex-row input-cont",
-            children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+            children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
               extra: /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
                 children: !noActionsInputs.includes(input.type) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
                   className: formatClassname(["ml-4 input-actions"]),
@@ -38107,7 +38398,7 @@ const GetFormItem$1 = _ref73 => {
                       title: t("Add review note"),
                       children: /*#__PURE__*/jsxRuntime.jsx("div", {
                         children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                          className: formatClassname(["review-btn review-error-btn", (lastReview === null || lastReview === void 0 ? void 0 : lastReview.reviewError) && "primary"]),
+                          className: formatClassname(["review-btn review-error-btn", lastReview?.reviewError && "primary"]),
                           type: "link",
                           onClick: onClickReviewError,
                           children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
@@ -38123,7 +38414,7 @@ const GetFormItem$1 = _ref73 => {
                         children: /*#__PURE__*/jsxRuntime.jsx("div", {
                           type: "link",
                           onClick: onClickReviewSuccess,
-                          className: formatClassname(["review-btn review-success-btn", (lastReview === null || lastReview === void 0 ? void 0 : lastReview.reviewSuccess) && "primary"]),
+                          className: formatClassname(["review-btn review-success-btn", lastReview?.reviewSuccess && "primary"]),
                           children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
                             name: "CheckSquare",
                             width: 16,
@@ -38160,7 +38451,7 @@ const GetFormItem$1 = _ref73 => {
                               }
                             });
                           },
-                          disabled: !((_input$meta22 = input.meta) !== null && _input$meta22 !== void 0 && _input$meta22.notApplicable),
+                          disabled: !input.meta?.notApplicable,
                           children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
                             name: "NotApplicable",
                             width: 16,
@@ -38174,7 +38465,7 @@ const GetFormItem$1 = _ref73 => {
                         children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                           className: formatClassname(["default p-0", inputMeta.notAvailable && "primary"]),
                           type: "link",
-                          disabled: !((_input$meta23 = input.meta) !== null && _input$meta23 !== void 0 && _input$meta23.notAvailable),
+                          disabled: !input.meta?.notAvailable,
                           onClick: () => {
                             const value = getDefaultInputValue(input);
                             MainForm.setFields([{
@@ -38206,14 +38497,14 @@ const GetFormItem$1 = _ref73 => {
                     }), !hideComment ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
                       title: t("Add comment"),
                       children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                        children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
+                        children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                           type: "link",
-                          disabled: !((_input$meta24 = input.meta) !== null && _input$meta24 !== void 0 && _input$meta24.comment)
-                        }, !isShown ? {
-                          className: "default p-0"
-                        } : {
-                          className: "p-0 primary"
-                        }), {}, {
+                          disabled: !input.meta?.comment,
+                          ...(!isShown ? {
+                            className: "default p-0"
+                          } : {
+                            className: "p-0 primary"
+                          }),
                           onClick: () => {
                             if (inputMeta.comment !== undefined && inputMeta.comment !== null) {
                               return;
@@ -38232,7 +38523,7 @@ const GetFormItem$1 = _ref73 => {
                             width: 16,
                             height: 16
                           })
-                        }))
+                        })
                       })
                     }) : /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
                       title: t("Project Readiness"),
@@ -38251,34 +38542,36 @@ const GetFormItem$1 = _ref73 => {
                   }) : null]
                 }) : null
               }),
-              initialValue: inputMeta === null || inputMeta === void 0 ? void 0 : inputMeta.defaultValue
-            }, inputOnBlur.includes(input.type) ? {
-              trigger: "onBlur"
-            } : {}), ["total100", "group"].includes(input.type) ? {} : {
-              name: inputId,
-              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;
+              initialValue: inputMeta?.defaultValue,
+              ...(inputOnBlur.includes(input.type) ? {
+                trigger: "onBlur"
+              } : {}),
+              ...(["total100", "group"].includes(input.type) ? {} : {
+                name: inputId,
+                fieldKey: inputId,
+                initialValue: inputData.value
+              }),
+              ...(["upload"].includes(input.type) ? {
+                valuePropName: "fileList",
+                getValueFromEvent: e => {
+                  if (Array.isArray(e)) {
+                    return e;
                   }
-                  return f;
-                });
-              }
-            } : {}), {}, {
-              className: formatClassname(["i-".concat(input.type, " flex-1"), input.comment && "with-comment", maxRule && "with-max-rule"]),
+                  return e && e.fileList && e.fileList.map(f => {
+                    if (f.response) {
+                      return f.response;
+                    }
+                    return f;
+                  });
+                }
+              } : {}),
+              className: formatClassname([`i-${input.type} flex-1`, input.comment && "with-comment", maxRule && "with-max-rule"]),
               "data-id": inputData.name,
               rules: rules,
               required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false,
               labelCol: 12,
               label: /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: formatClassname(["flex", (input === null || input === void 0 || (_input$meta25 = input.meta) === null || _input$meta25 === void 0 ? void 0 : _input$meta25.code) && "mr-10"]),
+                className: formatClassname(["flex", input?.meta?.code && "mr-10"]),
                 children: /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "mr-1",
                   children: getInputLabel$1(input, values)
@@ -38291,7 +38584,7 @@ const GetFormItem$1 = _ref73 => {
                 config: input,
                 t: t,
                 ajaxForms: ajaxForms,
-                linkingData: (values === null || values === void 0 ? void 0 : values.linking) || (values === null || values === void 0 || (_values$parent = values.parent) === null || _values$parent === void 0 ? void 0 : _values$parent.linking),
+                linkingData: values?.linking || values?.parent?.linking,
                 changeAjaxForms: changeAjaxForms,
                 getApiBaseUrl: getApiBaseUrl,
                 getAppHeader: getAppHeader,
@@ -38299,7 +38592,12 @@ const GetFormItem$1 = _ref73 => {
                 getToken: getToken,
                 app: app,
                 valueOnlyString: true
-              }) : inputTypeComponent$1[input.type] ? inputTypeComponent$1[input.type](inputData, {
+              }) : inputTypeComponent$1[input.type] ? inputTypeComponent$1[input.type]({
+                ...inputData,
+                maxWidth,
+                staticWidth,
+                fullWidth
+              }, {
                 form: MainForm,
                 forms: options,
                 allForms: plainForms,
@@ -38315,12 +38613,15 @@ const GetFormItem$1 = _ref73 => {
                 t,
                 getApiBaseUrl,
                 getAppHeader,
-                isHighlighted
+                isHighlighted,
+                maxWidth,
+                staticWidth,
+                fullWidth
               }) : console.log(input)
-            })), (_input$meta26 = input.meta) !== null && _input$meta26 !== void 0 && _input$meta26.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
+            }), input.meta?.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "code",
               children: /*#__PURE__*/jsxRuntime.jsx("span", {
-                children: (_input$meta27 = input.meta) === null || _input$meta27 === void 0 ? void 0 : _input$meta27.code
+                children: input.meta?.code
               })
             }) : null]
           }), maxRule ? ["imageUpload", "upload", "videoUpload"].includes(input.type) ? /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -38340,10 +38641,10 @@ const GetFormItem$1 = _ref73 => {
               className: "max-char-span",
               children: t("max-char", {
                 chars: maxRule,
-                filled: (inputData === null || inputData === void 0 || (_inputData$value = inputData.value) === null || _inputData$value === void 0 ? void 0 : _inputData$value.length) || 0
+                filled: inputData?.value?.length || 0
               })
             })
-          }) : null, (_input$meta28 = input.meta) !== null && _input$meta28 !== void 0 && _input$meta28.comment && isShown ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+          }) : null, input.meta?.comment && isShown ? /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "input-content",
             children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
               className: "comment-textarea",
@@ -38369,7 +38670,7 @@ const GetFormItem$1 = _ref73 => {
                   },
                   children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                     type: "link",
-                    disabled: !((_input$meta29 = input.meta) !== null && _input$meta29 !== void 0 && _input$meta29.comment),
+                    disabled: !input.meta?.comment,
                     className: "p-0",
                     children: /*#__PURE__*/jsxRuntime.jsx(Icons.DeleteOutlined, {
                       width: 16,
@@ -38378,7 +38679,12 @@ const GetFormItem$1 = _ref73 => {
                   })
                 })]
               }),
-              children: inputTypeComponent$1.comment(inputData, {
+              children: inputTypeComponent$1.comment({
+                ...inputData,
+                maxWidth,
+                staticWidth,
+                fullWidth
+              }, {
                 form: MainForm,
                 forms: options,
                 setFormValues: setValues,
@@ -38394,22 +38700,25 @@ const GetFormItem$1 = _ref73 => {
                 },
                 t,
                 getApiBaseUrl,
-                getAppHeader
+                getAppHeader,
+                maxWidth,
+                staticWidth,
+                fullWidth
               })
             }), /*#__PURE__*/jsxRuntime.jsx("span", {
               className: "max-char-span",
               children: t("max-char", {
                 chars: MAX_COMMENTS_LENGTH,
-                filled: (inputData === null || inputData === void 0 || (_inputData$commentVal = inputData.commentValue) === null || _inputData$commentVal === void 0 ? void 0 : _inputData$commentVal.length) || 0
+                filled: inputData?.commentValue?.length || 0
               })
             })]
-          }) : null, lastReview !== null && lastReview !== void 0 && lastReview.reviewError ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          }) : null, lastReview?.reviewError ? /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "input-content",
             children: isReview ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
               children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
                 className: "comment-textarea",
-                initialValue: (lastReview === null || lastReview === void 0 ? void 0 : lastReview.comment) || "",
-                name: "".concat(inputId, "-reviewErrorComment"),
+                initialValue: lastReview?.comment || "",
+                name: `${inputId}-reviewErrorComment`,
                 label: /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "flex w-100",
                   children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -38417,35 +38726,45 @@ const GetFormItem$1 = _ref73 => {
                     children: t("Review note")
                   })
                 }),
-                children: inputTypeComponent$1.comment(inputData, {
+                children: inputTypeComponent$1.comment({
+                  ...inputData,
+                  maxWidth,
+                  staticWidth,
+                  fullWidth
+                }, {
                   form: MainForm,
                   forms: options,
-                  value: (lastReview === null || lastReview === void 0 ? void 0 : lastReview.comment) || "",
+                  value: lastReview?.comment || "",
                   onChange: val => {
                     changeInputMeta({
                       key: inputId,
                       type: input.type,
-                      value: _objectSpread2(_objectSpread2({}, inputMeta), {}, {
-                        reviews: ((inputMeta === null || inputMeta === void 0 ? void 0 : inputMeta.reviews) || []).map(v => {
+                      value: {
+                        ...inputMeta,
+                        reviews: (inputMeta?.reviews || []).map(v => {
                           if (v.createdAt === lastReview.createdAt) {
-                            return _objectSpread2(_objectSpread2({}, v), {}, {
+                            return {
+                              ...v,
                               comment: val
-                            });
+                            };
                           }
                           return v;
                         })
-                      })
+                      }
                     });
                   },
                   t,
                   getApiBaseUrl,
-                  getAppHeader
+                  getAppHeader,
+                  maxWidth,
+                  staticWidth,
+                  fullWidth
                 })
               }), /*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "max-char-span",
                 children: t("max-char", {
                   chars: MAX_COMMENTS_LENGTH,
-                  filled: ((_lastReview$comment = lastReview.comment) === null || _lastReview$comment === void 0 ? void 0 : _lastReview$comment.length) || 0
+                  filled: lastReview.comment?.length || 0
                 })
               })]
             }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -38466,7 +38785,7 @@ const GetFormItem$1 = _ref73 => {
                 }), /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "flex flex-column justify-center mr-1",
                   children: /*#__PURE__*/jsxRuntime.jsx("span", {
-                    children: (lastReview === null || lastReview === void 0 || (_lastReview$reviewer = lastReview.reviewer) === null || _lastReview$reviewer === void 0 ? void 0 : _lastReview$reviewer.firstName) + " " + (lastReview === null || lastReview === void 0 || (_lastReview$reviewer2 = lastReview.reviewer) === null || _lastReview$reviewer2 === void 0 ? void 0 : _lastReview$reviewer2.lastName) + " - " + moment__default["default"](lastReview.createdAt).format("DD MMM YYYY")
+                    children: lastReview?.reviewer?.firstName + " " + lastReview?.reviewer?.lastName + " - " + moment__default["default"](lastReview.createdAt).format("DD MMM YYYY")
                   })
                 })]
               })]
@@ -38477,14 +38796,13 @@ const GetFormItem$1 = _ref73 => {
       return null;
   }
 };
-const editErrorHandler = _ref76 => {
-  let {
-    errorFields,
-    t = s => s
-  } = _ref76;
+const editErrorHandler = ({
+  errorFields,
+  t = s => s
+}) => {
   if (Array.isArray(errorFields) && errorFields.length) {
     const name = errorFields[0].name.join(".");
-    const element = document.querySelector("[data-id=\"".concat(name, "\"]"));
+    const element = document.querySelector(`[data-id="${name}"]`);
     if (element) {
       element.scrollIntoView();
       antd.message.error(t("errors::please-correct-invalid-inputs"));
@@ -54107,7 +54425,7 @@ const checkboxConfig$9 = {
   datastakeId: "ID"
 };
 
-const getNameByLevel$1 = (data, level) => {
+const getAdminLevelName = (data, level) => {
   const entry = Object.values(data || {}).find(item => item.level === level);
   return entry?.name || "-";
 };
@@ -54235,7 +54553,7 @@ const getColumns$4 = ({
       if (all?.administrativeLevel1 && value === all?.administrativeLevel1) {
         label = all?.linking?.SCL?.[value]?.name;
       } else {
-        label = getNameByLevel$1(all?.linking?.SCL, "level_1")?.name;
+        label = getAdminLevelName(all?.linking?.SCL, "level_1");
       }
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: label || '-',
@@ -54258,7 +54576,7 @@ const getColumns$4 = ({
       if (all?.administrativeLevel2 && value === all?.administrativeLevel2) {
         label = all?.linking?.SCL?.[value]?.name;
       } else {
-        label = getNameByLevel$1(all?.linking?.SCL, "level_2")?.name;
+        label = getAdminLevelName(all?.linking?.SCL, "level_2");
       }
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: label || '-',
@@ -54335,77 +54653,6 @@ const getColumns$4 = ({
   return cols.filter(c => c[show]);
 };
 
-const getTabs = ({
-  t
-}) => {
-  return [{
-    key: "active",
-    label: t("Active")
-  }, {
-    key: "pending",
-    label: t("Pending")
-  }, {
-    key: 'suspended',
-    label: t("Suspended")
-  }];
-};
-const selectFiltersConfig$8 = {
-  category: {
-    type: "select",
-    label: "Category",
-    placeholder: t => t("Category"),
-    style: {
-      flex: 1
-    },
-    labelStyle: {
-      flex: 1
-    },
-    getLabel: option => option.label,
-    getValue: option => option.value
-  },
-  country: {
-    type: "select",
-    label: "Country",
-    placeholder: t => t("Country"),
-    style: {
-      flex: 1
-    },
-    labelStyle: {
-      flex: 1
-    },
-    getLabel: option => option.label,
-    getValue: option => option.value
-  },
-  sources: {
-    type: "select",
-    label: "Sources",
-    placeholder: t => t("Sources"),
-    style: {
-      flex: 1
-    },
-    labelStyle: {
-      flex: 1
-    },
-    getLabel: option => option.label,
-    getValue: option => option.value
-  }
-};
-const filtersConfig$8 = {
-  name: "",
-  datastakeId: ""
-};
-const defaultUrlParams$1 = {
-  activeTab: "active"
-};
-const checkboxConfig$8 = {
-  name: "Name",
-  datastakeId: "ID"
-};
-const getNameByLevel = (data, level) => {
-  const entry = Object.values(data || {}).find(item => item.level === level);
-  return entry;
-};
-
 const getColumns$3 = ({
   t,
   selectOptions,
@@ -54469,7 +54716,7 @@ const getColumns$3 = ({
       if (all?.administrativeLevel1 && value === all?.administrativeLevel1) {
         label = all?.linking?.SCL?.[value]?.name;
       } else {
-        label = getNameByLevel(all?.linking?.SCL, "level_1")?.name;
+        label = getAdminLevelName(all?.linking?.SCL, "level_1");
       }
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: label || '-',
@@ -54486,7 +54733,7 @@ const getColumns$3 = ({
       if (all?.administrativeLevel2 && value === all?.administrativeLevel2) {
         label = all?.linking?.SCL?.[value]?.name;
       } else {
-        label = getNameByLevel(all?.linking?.SCL, "level_2")?.name;
+        label = getAdminLevelName(all?.linking?.SCL, "level_2");
       }
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: label || '-',
@@ -54635,7 +54882,7 @@ function CombineLocationModal({
             children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
               placeholder: t("Province"),
               options: selectedLocations.map(location => {
-                const _data = getNameByLevel(location?.linking?.SCL, "level_1");
+                const _data = getAdminLevelName(location?.linking?.SCL, "level_1");
                 return {
                   label: _data?.name || "-",
                   value: _data?.id || "-"
@@ -54648,7 +54895,7 @@ function CombineLocationModal({
             children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
               placeholder: t("Territory"),
               options: selectedLocations.map(location => {
-                const _data = getNameByLevel(location?.linking?.SCL, "level_2");
+                const _data = getAdminLevelName(location?.linking?.SCL, "level_2");
                 return {
                   label: _data?.name || "-",
                   value: _data?.id || "-"
@@ -54870,6 +55117,73 @@ function LocationTable(_ref) {
   });
 }
 
+const getTabs = ({
+  t
+}) => {
+  return [{
+    key: "active",
+    label: t("Active")
+  }, {
+    key: "pending",
+    label: t("Pending")
+  }, {
+    key: 'suspended',
+    label: t("Suspended")
+  }];
+};
+const selectFiltersConfig$8 = {
+  category: {
+    type: "select",
+    label: "Category",
+    placeholder: t => t("Category"),
+    style: {
+      flex: 1
+    },
+    labelStyle: {
+      flex: 1
+    },
+    getLabel: option => option.label,
+    getValue: option => option.value
+  },
+  country: {
+    type: "select",
+    label: "Country",
+    placeholder: t => t("Country"),
+    style: {
+      flex: 1
+    },
+    labelStyle: {
+      flex: 1
+    },
+    getLabel: option => option.label,
+    getValue: option => option.value
+  },
+  sources: {
+    type: "select",
+    label: "Sources",
+    placeholder: t => t("Sources"),
+    style: {
+      flex: 1
+    },
+    labelStyle: {
+      flex: 1
+    },
+    getLabel: option => option.label,
+    getValue: option => option.value
+  }
+};
+const filtersConfig$8 = {
+  name: "",
+  datastakeId: ""
+};
+const defaultUrlParams$1 = {
+  activeTab: "active"
+};
+const checkboxConfig$8 = {
+  name: "Name",
+  datastakeId: "ID"
+};
+
 const getColumns$2 = ({
   t,
   goTo = () => {},
@@ -54996,7 +55310,7 @@ const getColumns$2 = ({
       if (all?.administrativeLevel1 && value === all?.administrativeLevel1) {
         label = all?.linking?.SCL?.[value]?.name;
       } else {
-        label = getNameByLevel(all?.linking?.SCL, "level_1")?.name;
+        label = getAdminLevelName(all?.linking?.SCL, "level_1");
       }
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: label || '-',
@@ -55019,7 +55333,7 @@ const getColumns$2 = ({
       if (all?.administrativeLevel2 && value === all?.administrativeLevel2) {
         label = all?.linking?.SCL?.[value]?.name;
       } else {
-        label = getNameByLevel(all?.linking?.SCL, "level_2")?.name;
+        label = getAdminLevelName(all?.linking?.SCL, "level_2");
       }
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: label || '-',
@@ -55174,7 +55488,7 @@ const getColumns$1 = ({
       if (all?.administrativeLevel1 && value === all?.administrativeLevel1) {
         label = all?.linking?.SCL?.[value]?.name;
       } else {
-        label = getNameByLevel(all?.linking?.SCL, "level_1")?.name;
+        label = getAdminLevelName(all?.linking?.SCL, "level_1");
       }
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: label || '-',
@@ -55191,7 +55505,7 @@ const getColumns$1 = ({
       if (all?.administrativeLevel2 && value === all?.administrativeLevel2) {
         label = all?.linking?.SCL?.[value]?.name;
       } else {
-        label = getNameByLevel(all?.linking?.SCL, "level_2")?.name;
+        label = getAdminLevelName(all?.linking?.SCL, "level_2");
       }
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
         title: label || '-',
@@ -55323,7 +55637,7 @@ function CombineSubjectsModal({
             children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
               placeholder: t("Province"),
               options: mapToSelectOptions(selectedSubjects, null, selectOptions, null, subject => {
-                const _data = getNameByLevel(subject?.linking?.SCL, "level_1");
+                const _data = getAdminLevelName(subject?.linking?.SCL, "level_1");
                 return {
                   label: _data?.name || "-",
                   value: _data?.id || "-"
@@ -55336,7 +55650,7 @@ function CombineSubjectsModal({
             children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
               placeholder: t("Territory"),
               options: mapToSelectOptions(selectedSubjects, null, selectOptions, null, subject => {
-                const _data = getNameByLevel(subject?.linking?.SCL, "level_2");
+                const _data = getAdminLevelName(subject?.linking?.SCL, "level_2");
                 return {
                   label: _data?.name || "-",
                   value: _data?.id || "-"