datastake-daf 0.6.269 → 0.6.271

package/dist/components/index.js

@@ -3215,7 +3215,7 @@ const config$3 = {
   Lightning: config$4
 };
 
-const _excluded$x = ["width", "height", "size", "name", "fill"];
+const _excluded$w = ["width", "height", "size", "name", "fill"];
 const CustomIcon = _ref => {
   let {
       width = 14,
@@ -3224,7 +3224,7 @@ const CustomIcon = _ref => {
       name = "",
       fill = "none"
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$x);
+    props = _objectWithoutProperties(_ref, _excluded$w);
   const conf = config$3[name];
   if (conf) {
     return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -9426,7 +9426,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$w = ["view", "module", "scope", "form", "meta"];
+const _excluded$v = ["view", "module", "scope", "form", "meta"];
 dayjs__default["default"].extend(customParseFormat);
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(utc);
@@ -9800,7 +9800,7 @@ const filterCreateData = data => {
       form,
       meta
     } = data,
-    rest = _objectWithoutProperties(data, _excluded$w);
+    rest = _objectWithoutProperties(data, _excluded$v);
   const _meta = isObjectEmpty(meta) ? undefined : meta;
   return _objectSpread2(_objectSpread2({}, rest), {}, {
     meta: _meta
@@ -10180,7 +10180,7 @@ SelectFilters.propTypes = {
   apiUrl: PropTypes__default["default"].string
 };
 
-const _excluded$v = ["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$u = ["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 = [],
@@ -10211,7 +10211,7 @@ function DAFTable(_ref) {
       app,
       doEmptyRows
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$v);
+    rest = _objectWithoutProperties(_ref, _excluded$u);
   const [source, setSource] = React.useState([]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
@@ -11128,7 +11128,7 @@ function ComponentWithFocus(_ref) {
 }
 
 var _templateObject$c;
-const _excluded$u = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
+const _excluded$t = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
 function StickyTable(_ref) {
   let {
       size = "small",
@@ -11139,7 +11139,7 @@ function StickyTable(_ref) {
       pagination = false,
       doEmptyRows = true
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$u);
+    props = _objectWithoutProperties(_ref, _excluded$t);
   const data = React__default["default"].useMemo(() => {
     if (!doEmptyRows) {
       return dataSource;
@@ -11635,7 +11635,7 @@ const BTN_SIZE = {
   LG: 'large'
 };
 
-const _excluded$t = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
+const _excluded$s = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
 function DafButton(_ref) {
   let {
       content = '',
@@ -11649,7 +11649,7 @@ function DafButton(_ref) {
       style = {},
       className = ''
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$t);
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
     icon: icon,
     type: type,
@@ -11768,12 +11768,12 @@ const Style$H = dt.div`
   }
 `;
 
-const _excluded$s = ["children"];
+const _excluded$r = ["children"];
 const BorderedButton = _ref => {
   let {
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$s);
+    props = _objectWithoutProperties(_ref, _excluded$r);
   return /*#__PURE__*/jsxRuntime.jsx(Style$H, {
     className: "d-btn-cont",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -11913,12 +11913,12 @@ Badge.propTypes = {
   props: PropTypes__default["default"].object
 };
 
-const _excluded$r = ["icon"];
+const _excluded$q = ["icon"];
 function GetIcon(_ref) {
   let {
       icon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$r);
+    props = _objectWithoutProperties(_ref, _excluded$q);
   let Icon = Icons__namespace.CloseOutlined;
   if (Icons__namespace[icon]) {
     Icon = Icons__namespace[icon];
@@ -12237,7 +12237,7 @@ GoToSelect.propTypes = {
   t: PropTypes__default["default"].func
 };
 
-const _excluded$q = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
+const _excluded$p = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
   useToken: useToken$l
 } = antd.theme;
@@ -12330,7 +12330,7 @@ function Multiselect(_ref) {
       isSingle = false,
       selectionType = SELECTION_TYPES.DEFAULT
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$q);
+    restProps = _objectWithoutProperties(_ref, _excluded$p);
   const {
     token
   } = useToken$l();
@@ -13046,7 +13046,7 @@ DAFHeader.propTypes = {
   filtersConfig: PropTypes__default["default"].any
 };
 
-const _excluded$p = ["tabs", "onChange", "value", "className"];
+const _excluded$o = ["tabs", "onChange", "value", "className"];
 function TabsHeader(_ref) {
   let {
       tabs = [],
@@ -13054,7 +13054,7 @@ function TabsHeader(_ref) {
       value = '',
       className = 'mt-2'
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$p);
+    rest = _objectWithoutProperties(_ref, _excluded$o);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
@@ -13151,7 +13151,7 @@ DrawerHeader.propTypes = {
   tabsConfig: PropTypes__default["default"].any
 };
 
-const _excluded$o = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
+const _excluded$n = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
 const useFooter = _ref => {
   let {
     leftContent,
@@ -13186,7 +13186,7 @@ const useFooter = _ref => {
                 style = {},
                 className = ""
               } = button,
-              restProps = _objectWithoutProperties(button, _excluded$o);
+              restProps = _objectWithoutProperties(button, _excluded$n);
             return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
               content: label,
               type: type,
@@ -14082,8 +14082,9 @@ const determineHasChildren = ({
 
 const sortByPosition = (items, getConfig) => {
   return items.sort((a, b) => {
-    const positionA = getConfig(a)?.position || 0;
-    const positionB = getConfig(b)?.position || 0;
+    var _getConfig, _getConfig2;
+    const positionA = ((_getConfig = getConfig(a)) === null || _getConfig === void 0 ? void 0 : _getConfig.position) || 0;
+    const positionB = ((_getConfig2 = getConfig(b)) === null || _getConfig2 === void 0 ? void 0 : _getConfig2.position) || 0;
     return positionA - positionB;
   });
 };
@@ -14100,7 +14101,7 @@ const resolveDynamicLabel = (labelConfig, item, defaultLabel) => {
       const parts = labelKey.split(' is ');
       if (parts.length === 2) {
         const [conditionKey, conditionValue] = parts;
-        if (item?.[conditionKey] === conditionValue) {
+        if ((item === null || item === void 0 ? void 0 : item[conditionKey]) === conditionValue) {
           return labelConfig[labelKey];
         }
       }
@@ -16090,7 +16091,7 @@ Widget.propTypes = {
   description: PropTypes__default["default"].string
 };
 
-const _excluded$n = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText"];
+const _excluded$m = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText"];
 function ImageWidget(_ref) {
   let {
       loading = false,
@@ -16100,7 +16101,7 @@ function ImageWidget(_ref) {
       imgAlt,
       noDescriptionText
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$n);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     loading: loading,
     title: title,
@@ -16157,7 +16158,7 @@ function ImageWidget(_ref) {
 }
 
 var _templateObject$9;
-const _excluded$m = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
+const _excluded$l = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
 function FlowWidget(_ref) {
   let {
       title,
@@ -16169,7 +16170,7 @@ function FlowWidget(_ref) {
       className,
       direction = "horizontal"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$m);
+    rest = _objectWithoutProperties(_ref, _excluded$l);
   const [activeTab, setActiveTab] = React.useState();
   React.useEffect(() => {
     if (defaultActiveTab) {
@@ -19228,7 +19229,7 @@ Map$3.propTypes = {
   nameAsSiderTitle: PropTypes__default["default"].bool
 };
 
-const _excluded$l = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
+const _excluded$k = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
 function InExpandableWidgetMap(_ref) {
   let {
       isExpanded,
@@ -19242,7 +19243,7 @@ function InExpandableWidgetMap(_ref) {
       height,
       widgetConfig
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$l);
+    rest = _objectWithoutProperties(_ref, _excluded$k);
   const [mapKey, setMapKey] = React.useState(0);
   const [isMapReady, setIsMapReady] = React.useState(false);
   React.useEffect(() => {
@@ -19927,14 +19928,26 @@ const useGlobe = ({
   const addedSources = React.useRef(new Set());
   const isMounted = React.useRef(true);
   const addAllDataToMap = React.useCallback(() => {
-    if (!data || !mapRef || !mapRef.isStyleLoaded()) {
+    console.log('🚀 [GLOBE HOOK] addAllDataToMap called');
+    console.log('🚀 [GLOBE HOOK] data:', data);
+    console.log('🚀 [GLOBE HOOK] mapRef exists:', !!mapRef);
+    console.log('🚀 [GLOBE HOOK] style loaded:', mapRef?.isStyleLoaded());
+    if (!data || !mapRef) {
+      console.log('❌ [GLOBE HOOK] addAllDataToMap early return - missing data or mapRef');
+      return;
+    }
+    if (!mapRef.isStyleLoaded()) {
+      console.log('⏳ [GLOBE HOOK] Style not loaded yet, retrying in 100ms...');
+      setTimeout(() => {
+        addAllDataToMap();
+      }, 100);
       return;
     }
-
-    // Prevent multiple calls with empty data
     if (data.length === 0) {
+      console.log('❌ [GLOBE HOOK] addAllDataToMap early return - no data');
       return;
     }
+    console.log('✅ [GLOBE HOOK] Starting to add markers to map...');
 
     // Clear existing markers using functional update to avoid dependency issues
     setMapMarkers(currentMarkers => {
@@ -19986,8 +19999,13 @@ const useGlobe = ({
     if (data && mapRef) {
       const newMarkers = [];
       const maxTotal = Math.max(...(data || []).map(d => d.total || 0));
+      console.log('🎯 [GLOBE HOOK] Processing data items:', data.length);
       data.forEach((d, i) => {
+        console.log(`🎯 [GLOBE HOOK] Processing item ${i}:`, d);
+        console.log(`🎯 [GLOBE HOOK] Item ${i} marker:`, d?.marker);
+        console.log(`🎯 [GLOBE HOOK] Item ${i} lat/lng:`, d?.marker?.lat, d?.marker?.lng);
         if (d?.marker?.lat && d?.marker?.lng) {
+          console.log(`✅ [GLOBE HOOK] Item ${i} has valid coordinates, creating marker...`);
           let marker;
           let iconClassName = "";
           let iconSize = [25, 25];
@@ -20067,6 +20085,7 @@ const useGlobe = ({
             el.style.fontWeight = 'bold';
             el.innerHTML = `<span>${d.total || 0}</span>`;
             marker = new mapboxgl.Marker(el).setLngLat([d.marker.lng, d.marker.lat]).setPopup(new mapboxgl.Popup().setDOMContent(div)).addTo(mapRef);
+            console.log(`🎉 [GLOBE HOOK] Marker ${i} added to map at:`, [d.marker.lng, d.marker.lat]);
           } else if (type === "territory") {
             // Handle territory polygons
             if (d.area && Array.isArray(d.area)) {
@@ -20136,6 +20155,7 @@ const useGlobe = ({
             }));
             roots.current.push(root);
             marker = new mapboxgl.Marker(el).setLngLat([d.marker.lng, d.marker.lat]).setPopup(new mapboxgl.Popup().setDOMContent(div)).addTo(mapRef);
+            console.log(`🎉 [GLOBE HOOK] Default marker ${i} added to map at:`, [d.marker.lng, d.marker.lat]);
           }
 
           // Add click handler
@@ -20169,6 +20189,7 @@ const useGlobe = ({
       mapboxgl.accessToken = MAP_TOKEN;
 
       // Create the map with Mapbox GL JS - 3D globe
+      console.log('🗺️ [GLOBE HOOK] Creating map with style:', STYLE_URL);
       const map = new mapboxgl.Map({
         container: container.current,
         style: STYLE_URL,
@@ -20187,8 +20208,13 @@ const useGlobe = ({
 
       // Configure the map when style loads
       map.on('style.load', () => {
+        console.log('🎨 [GLOBE HOOK] Style loaded event triggered');
+        console.log('🎨 [GLOBE HOOK] Map style loaded:', map.isStyleLoaded());
+
         // Wait a bit for the style to fully load
         setTimeout(() => {
+          console.log('🎨 [GLOBE HOOK] After timeout - Map style loaded:', map.isStyleLoaded());
+
           // Set fog for the space background effect with stars - simplified to avoid errors
           try {
             map.setFog({
@@ -20284,9 +20310,10 @@ const useGlobe = ({
 
       // Add navigation controls
       map.addControl(new mapboxgl.NavigationControl(), 'top-right');
+      console.log('🗺️ [GLOBE HOOK] Map created successfully');
       return map;
     } catch (error) {
-      console.error('Error creating Mapbox GL JS globe:', error);
+      console.error('❌ [GLOBE HOOK] Error creating Mapbox GL JS globe:', error);
       return null;
     }
   }, []);
@@ -20299,9 +20326,12 @@ const useGlobe = ({
   // }, [initialMarkerSetIsDone]);
 
   React.useEffect(() => {
+    console.log('🔄 [GLOBE HOOK] useEffect for map creation - mapRef:', !!mapRef);
     if (!mapRef) {
+      console.log('🔄 [GLOBE HOOK] Creating map instance...');
       const instance = createInstance();
       if (instance) {
+        console.log('🔄 [GLOBE HOOK] Map instance created, setting mapRef');
         setMapRef(instance);
 
         // Add comprehensive resize detection for Mapbox GL JS responsiveness
@@ -20382,14 +20412,22 @@ const useGlobe = ({
     }
   }, [polygon, mapRef]);
   React.useEffect(() => {
+    console.log('📥 [GLOBE HOOK] allData received:', allData);
+    console.log('📥 [GLOBE HOOK] allData length:', allData?.length);
     if (allData) {
       if (allData.length === 0) {
+        console.log('⚠️ [GLOBE HOOK] Empty data array');
         setEmptyStateIsVisible(true);
       } else if (emptyStateIsVisible) {
         setEmptyStateIsVisible(false);
       }
-      setData(filterValidGPS(allData));
+      console.log('🔍 [GLOBE HOOK] Filtering data with filterValidGPS...');
+      const filteredData = filterValidGPS(allData);
+      console.log('🔍 [GLOBE HOOK] filtered data result:', filteredData);
+      console.log('🔍 [GLOBE HOOK] filtered data length:', filteredData.length);
+      setData(filteredData);
     } else {
+      console.log('❌ [GLOBE HOOK] No allData provided');
       setData(null);
     }
   }, [allData, emptyStateIsVisible]);
@@ -20419,7 +20457,19 @@ const useGlobe = ({
     }
   }, [user, mapRef, allData]);
   React.useEffect(() => {
-    if (mapRef && data && !initialMarkerSetIsDone && mapRef.isStyleLoaded()) {
+    console.log('🔄 [GLOBE HOOK] useEffect triggered:', {
+      mapRef: !!mapRef,
+      data: !!data,
+      dataLength: data?.length,
+      initialMarkerSetIsDone,
+      styleLoaded: mapRef?.isStyleLoaded()
+    });
+    if (mapRef && data && !initialMarkerSetIsDone) {
+      console.log('🚀 [GLOBE HOOK] Attempting to add markers...');
+      console.log('🚀 [GLOBE HOOK] Style loaded check:', mapRef.isStyleLoaded());
+
+      // Try to add markers immediately, and if style isn't loaded, 
+      // the addAllDataToMap function will handle it
       setInitialMarkerSetIsDone(true);
       addAllDataToMap();
     }
@@ -20632,7 +20682,7 @@ function Globe(_ref) {
     renderSider = null,
     renderMarker = null,
     type = "default",
-    showSider = true,
+    showSider = false,
     filtersConfig,
     onFilterChange = () => {},
     isSatellite = false,
@@ -20642,15 +20692,29 @@ function Globe(_ref) {
     onUnmount
   } = _ref;
   // Map data to include marker coordinates
-  const mappedData = React.useMemo(() => data.map(d => {
-    var _d$gps, _d$gps2;
-    return _objectSpread2(_objectSpread2({}, d), {}, {
-      marker: {
-        lat: d === null || d === void 0 || (_d$gps = d.gps) === null || _d$gps === void 0 ? void 0 : _d$gps.latitude,
-        lng: d === null || d === void 0 || (_d$gps2 = d.gps) === null || _d$gps2 === void 0 ? void 0 : _d$gps2.longitude
-      }
+  const mappedData = React.useMemo(() => {
+    console.log('📊 [GLOBE COMPONENT] Original data received:', data);
+    console.log('📊 [GLOBE COMPONENT] Data length:', data === null || data === void 0 ? void 0 : data.length);
+    if (!data || data.length === 0) {
+      console.log('❌ [GLOBE COMPONENT] No data to map');
+      return [];
+    }
+    const mapped = data.map((d, i) => {
+      var _d$gps, _d$gps2;
+      console.log("\uD83D\uDCCA [GLOBE COMPONENT] Mapping item ".concat(i, ":"), d);
+      console.log("\uD83D\uDCCA [GLOBE COMPONENT] Item ".concat(i, " GPS:"), d === null || d === void 0 ? void 0 : d.gps);
+      const result = _objectSpread2(_objectSpread2({}, d), {}, {
+        marker: {
+          lat: d === null || d === void 0 || (_d$gps = d.gps) === null || _d$gps === void 0 ? void 0 : _d$gps.latitude,
+          lng: d === null || d === void 0 || (_d$gps2 = d.gps) === null || _d$gps2 === void 0 ? void 0 : _d$gps2.longitude
+        }
+      });
+      console.log("\uD83D\uDCCA [GLOBE COMPONENT] Item ".concat(i, " mapped result:"), result);
+      return result;
     });
-  }), [data]);
+    console.log('📊 [GLOBE COMPONENT] Final mapped data:', mapped);
+    return mapped;
+  }, [data]);
 
   // Get resize context for sidebar state changes
   const {
@@ -20834,6 +20898,176 @@ Globe.propTypes = {
   nameAsSiderTitle: PropTypes__default["default"].bool
 };
 
+const SimpleGlobe = _ref => {
+  let {
+    projects = [],
+    mapConfig = {},
+    showSider = false,
+    onProjectClick = () => {},
+    type = "default",
+    color = "var(--color-primary-60)"
+  } = _ref;
+  const mapContainer = React.useRef(null);
+  const map = React.useRef(null);
+  React.useEffect(() => {
+    if (map.current) return; // Initialize map only once
+
+    console.log('🗺️ [SIMPLE GLOBE] Creating map...');
+
+    // Set Mapbox access token
+    mapboxgl.accessToken = 'pk.eyJ1IjoicmVkaXM5OTkiLCJhIjoiY2x4YWV5MzA5MmtuZzJpcXM5Y201Z2E2YiJ9.m5bwPg-Tj4Akesl1yQUa3w';
+
+    // Create map with custom Straatos style
+    map.current = new mapboxgl.Map({
+      container: mapContainer.current,
+      style: 'mapbox://styles/pietragottardo/cm9tt9zfi00d101pg1vdx26si',
+      center: [0, 0],
+      zoom: mapConfig.maxZoom || 3,
+      projection: 'globe',
+      attributionControl: false
+    });
+
+    // Add markers when map loads
+    map.current.on('load', () => {
+      console.log('🗺️ [SIMPLE GLOBE] Map loaded, adding markers...');
+
+      // Hide Mapbox logo and attribution completely
+      map.current.getContainer();
+      const style = document.createElement('style');
+      style.textContent = "\n        .mapboxgl-ctrl-logo,\n        .mapboxgl-ctrl-attrib,\n        .mapboxgl-ctrl-bottom-left,\n        .mapboxgl-ctrl-bottom-right {\n          display: none !important;\n        }\n      ";
+      document.head.appendChild(style);
+
+      // Set the space background with stars
+      try {
+        map.current.setFog({
+          'color': 'rgb(0, 0, 0)',
+          'high-color': 'rgb(0, 0, 0)',
+          'horizon-blend': 0.1,
+          'space-color': 'rgb(0, 0, 0)',
+          'star-intensity': 0.6
+        });
+        console.log('✨ [SIMPLE GLOBE] Space background with stars set');
+      } catch (e) {
+        console.log('⚠️ [SIMPLE GLOBE] Could not set fog, trying alternative...');
+        // Fallback: try simpler fog configuration
+        try {
+          map.current.setFog({
+            'color': 'rgb(0, 0, 0)',
+            'high-color': 'rgb(0, 0, 0)',
+            'horizon-blend': 0.1
+          });
+          console.log('✨ [SIMPLE GLOBE] Alternative space background set');
+        } catch (e2) {
+          console.log('⚠️ [SIMPLE GLOBE] Could not set any fog configuration');
+        }
+      }
+
+      // Calculate bounds to fit all markers
+      const bounds = new mapboxgl.LngLatBounds();
+      let hasValidCoordinates = false;
+      projects.forEach((project, index) => {
+        var _project$author;
+        console.log("\uD83D\uDCCD [SIMPLE GLOBE] Adding marker ".concat(index, ":"), project);
+
+        // Create marker element based on type
+        const el = document.createElement('div');
+        el.className = 'mapboxgl-marker map-marker';
+        el.style.cursor = 'pointer';
+        el.style.boxShadow = '0px 3.45px 3.45px 0px #00000029';
+        el.style.display = 'flex';
+        el.style.alignItems = 'center';
+        el.style.justifyContent = 'center';
+        el.style.position = 'absolute';
+        el.style.transform = 'translate(-50%, -50%)';
+        if (type === "location") {
+          // Location marker - SVG map pin style
+          el.style.width = '28px';
+          el.style.height = '33px';
+          el.innerHTML = "\n            <svg\n              width=\"28\"\n              height=\"33\"\n              viewBox=\"0 0 28 33\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M5.14346 4.87419C10.0688 -0.15896 18.0528 -0.162058 22.9757 4.86861C27.6563 9.65161 27.8841 17.2616 23.6622 22.3255H23.6608C23.427 22.6141 23.1808 22.894 22.9211 23.1623L14.0671 32.2101L5.44057 23.3948L5.13868 23.096C0.215857 18.0655 0.218422 9.90737 5.14346 4.87419Z\"\n                fill=\"".concat(color, "\"\n                stroke=\"white\"\n              />\n            </svg>\n          ");
+        } else {
+          // Default circular marker style
+          el.style.width = '30px';
+          el.style.height = '30px';
+          el.style.backgroundColor = color;
+          el.style.borderRadius = '50%';
+          el.style.border = '2px solid white';
+          el.style.color = 'white';
+          el.style.fontWeight = 'bold';
+          el.style.fontSize = '14px';
+          el.style.textAlign = 'center';
+          el.style.lineHeight = '1';
+          el.innerHTML = "<span style=\"display: block; line-height: 1;\">".concat(project.percentageCompletion || 0, "</span>");
+        }
+
+        // Create popup content using the same structure as minesitemap
+        const popupContent = "\n          <div class=\"daf-tooltip-cont\">\n            <div class=\"daf-tooltip-head\">\n              <div class=\"daf-tooltip-title\">\n                <div>\n                  <h4>".concat(project.name, "</h4>\n                  <h5>").concat(project.sectoralScope || 'Project', "</h5>\n                </div>\n              </div>\n            </div>\n            <div class=\"daf-tooltip-list\">\n              <div class=\"daf-tooltip-list-item\">\n                <span class=\"daf-tooltip-name\">Country</span>\n                <span class=\"daf-tooltip-value\">").concat(project.country || 'N/A', "</span>\n              </div>\n              <div class=\"daf-tooltip-list-item\">\n                <span class=\"daf-tooltip-name\">Completion</span>\n                <span class=\"daf-tooltip-value\">").concat(project.percentageCompletion || 0, "%</span>\n              </div>\n              <div class=\"daf-tooltip-list-item\">\n                <span class=\"daf-tooltip-name\">Author</span>\n                <span class=\"daf-tooltip-value\">").concat(((_project$author = project.author) === null || _project$author === void 0 ? void 0 : _project$author.name) || 'N/A', "</span>\n              </div>\n              <div class=\"daf-tooltip-list-item\">\n                <span class=\"daf-tooltip-name\">ID</span>\n                <span class=\"daf-tooltip-value\">").concat(project.datastakeId || 'N/A', "</span>\n              </div>\n            </div>\n          </div>\n        ");
+
+        // Create popup
+        const popup = new mapboxgl.Popup({
+          offset: 25,
+          closeButton: true,
+          closeOnClick: false
+        }).setHTML(popupContent);
+
+        // Ensure coordinates are valid numbers
+        const lng = Number(project.longitude);
+        const lat = Number(project.latitude);
+        console.log("\uD83D\uDCCD [SIMPLE GLOBE] Marker ".concat(index, " coordinates:"), {
+          lng,
+          lat
+        });
+
+        // Validate coordinates
+        if (isNaN(lng) || isNaN(lat) || lng < -180 || lng > 180 || lat < -90 || lat > 90) {
+          console.error("\u274C [SIMPLE GLOBE] Invalid coordinates for project ".concat(index, ":"), {
+            lng,
+            lat
+          });
+          return;
+        }
+
+        // Add coordinates to bounds
+        bounds.extend([lng, lat]);
+        hasValidCoordinates = true;
+
+        // Add marker to map with proper coordinate order [lng, lat]
+        new mapboxgl.Marker(el).setLngLat([lng, lat]).setPopup(popup).addTo(map.current);
+
+        // Add click handler
+        el.addEventListener('click', () => {
+          console.log('📍 [SIMPLE GLOBE] Marker clicked:', project);
+          onProjectClick(project);
+        });
+        console.log("\u2705 [SIMPLE GLOBE] Marker ".concat(index, " added at:"), [lng, lat]);
+      });
+
+      // Fit map to show all markers if we have valid coordinates
+      if (hasValidCoordinates && !bounds.isEmpty()) {
+        console.log('🗺️ [SIMPLE GLOBE] Fitting map to bounds:', bounds);
+        map.current.fitBounds(bounds, {
+          padding: 50,
+          maxZoom: 8
+        });
+      }
+    });
+    return () => {
+      if (map.current) {
+        map.current.remove();
+        map.current = null;
+      }
+    };
+  }, [projects, onProjectClick, mapConfig]);
+  return /*#__PURE__*/jsxRuntime.jsx(Style$A, {
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: mapContainer,
+      style: {
+        width: '100%',
+        height: '500px'
+      }
+    })
+  });
+};
+
 function WidgetPlaceholder(_ref) {
   let {
     icon = "",
@@ -21063,14 +21297,14 @@ const MapConfig = ({
   });
 };
 
-const _excluded$k = ["config", "title", "loading"];
+const _excluded$j = ["config", "title", "loading"];
 const Details = _ref => {
   let {
       config = [],
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$k);
+    rest = _objectWithoutProperties(_ref, _excluded$j);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header card",
     loading: loading,
@@ -21086,14 +21320,14 @@ const Details = _ref => {
   }));
 };
 
-const _excluded$j = ["config", "title", "loading"];
+const _excluded$i = ["config", "title", "loading"];
 const KeyIndicatorsDetails = _ref => {
   let {
       config,
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$j);
+    rest = _objectWithoutProperties(_ref, _excluded$i);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header",
     title: title,
@@ -21123,7 +21357,7 @@ const Style$y = dt.div`
     }    
 `;
 
-const _excluded$i = ["children", "config", "detailsTitle", "firstColumnWidth"];
+const _excluded$h = ["children", "config", "detailsTitle", "firstColumnWidth"];
 const DetailsSection = _ref => {
   let {
       children,
@@ -21131,7 +21365,7 @@ const DetailsSection = _ref => {
       detailsTitle,
       firstColumnWidth = "250px"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$i);
+    rest = _objectWithoutProperties(_ref, _excluded$h);
   return /*#__PURE__*/jsxRuntime.jsx(Style$y, {
     firstColumnWidth: firstColumnWidth,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -21307,14 +21541,14 @@ const getGoalConfig = () => {
 };
 
 var _templateObject$8;
-const _excluded$h = ["title", "activeSdgGoals", "t"];
+const _excluded$g = ["title", "activeSdgGoals", "t"];
 function SDGWidget(_ref) {
   let {
       title = "Sustainable Development Goals",
       activeSdgGoals = [],
       t = key => key
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$h);
+    props = _objectWithoutProperties(_ref, _excluded$g);
   const sdgConfig = getGoalConfig();
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     title: title,
@@ -21532,7 +21766,7 @@ function SdgList({
   });
 }
 
-const _excluded$g = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
+const _excluded$f = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
 const {
   Meta
 } = antd.Card;
@@ -21552,7 +21786,7 @@ function ProjectWidget(_ref) {
       hideSDGList = false,
       t = x => x
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$g);
+    props = _objectWithoutProperties(_ref, _excluded$f);
   const [isHovered, setIsHovered] = React__default["default"].useState(false);
   const {
     token
@@ -21797,13 +22031,13 @@ const WidgetCard = _ref => {
   });
 };
 
-const _excluded$f = ["title", "children"];
+const _excluded$e = ["title", "children"];
 const CarouselWidget = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       title,
       children
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$f);
+    rest = _objectWithoutProperties(_ref, _excluded$e);
   /**
    * Handles carousel slide change events
    * @param {number} currentSlide - The index of the current slide after change
@@ -21924,7 +22158,7 @@ const StyledCarouselWrapper = dt.div`
 
 `;
 
-const _excluded$e = ["title", "images", "height", "fallback", "activeDotColor", "inactiveDotColor", "arrowIconColor", "arrowHoverIconColor", "customArrows"];
+const _excluded$d = ["title", "images", "height", "fallback", "activeDotColor", "inactiveDotColor", "arrowIconColor", "arrowHoverIconColor", "customArrows"];
 function ImageCarousel(_ref) {
   let {
       title,
@@ -21937,7 +22171,7 @@ function ImageCarousel(_ref) {
       arrowHoverIconColor = "#1890ff",
       customArrows = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$e);
+    rest = _objectWithoutProperties(_ref, _excluded$d);
   const [previewVisible, setPreviewVisible] = React.useState(false);
   const [current, setCurrent] = React.useState(0);
   const carouselRef = React.useRef(null);
@@ -22558,8 +22792,7 @@ function _checkValue(wantedValue, match, fieldValue) {
   }
   return false;
 }
-function getInputProp$1(prop) {
-  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function getInputProp$1(prop, formsValue = {}) {
   if (prop && typeof prop === 'object') {
     const validations = Object.keys(prop);
     const key = validations.find(v => {
@@ -22573,9 +22806,7 @@ function getInputProp$1(prop) {
     return prop;
   }
 }
-function getInputLabel$2(input) {
-  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let asText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+function getInputLabel$2(input, formsValue = {}, asText = false) {
   const label = getInputProp$1(input.label, formsValue);
   return input.description && typeof input.description === 'string' && !asText ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [ReactHtmlParser__default["default"](label), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
@@ -27288,7 +27519,7 @@ const RepeatableModals = ({
   }) : null;
 };
 
-const _excluded$d = ["viewGroup"],
+const _excluded$c = ["viewGroup"],
   _excluded2 = ["label", "icon", "position"];
 const Content = _ref => {
   let {
@@ -27356,7 +27587,7 @@ const Content = _ref => {
       if (groups[gKey].viewGroup === key) {
         // eslint-disable-next-line no-unused-vars
         const _groups$gKey = groups[gKey],
-          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$d);
+          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$c);
         items[gKey] = gCfg;
       }
       return items;
@@ -33797,8 +34028,7 @@ const EditForm = _ref => {
     errors = {},
     changeErrors = () => {},
     evaluationConfig = [],
-    staticWidth = "614px",
-    fullWidth = false
+    staticWidth = "614px"
   } = _ref;
   const [isSubmitting] = React.useState(false);
   const formData = JSON.parse(JSON.stringify(convertUndefinedToNull(data) || {}));
@@ -34016,9 +34246,9 @@ const EditForm = _ref => {
           name: id,
           layout: "vertical",
           style: {
-            maxWidth: fullWidth ? "unset" : 700
+            maxWidth: 700
           },
-          className: "main-form".concat(formClass ? " ".concat(formClass) : "", " "),
+          className: "main-form".concat(formClass ? " ".concat(formClass) : ""),
           onValuesChange: (_changedValue, _allValues) => {
             const changedValue = _objectSpread2({}, _changedValue);
             const allValues = _objectSpread2({}, _allValues);
@@ -41159,7 +41389,7 @@ function AjaxSelect(props) {
   }, props));
 }
 
-const _excluded$c = ["placeholder"];
+/* eslint-disable no-case-declarations */
 const propHasValue = val => {
   if (Array.isArray(val)) {
     return val.length > 0 ? true : false;
@@ -41231,35 +41461,35 @@ function getInputHeadLines(type, i, input, values) {
   switch (type) {
     case 'h2':
       return /*#__PURE__*/jsxRuntime.jsx("h2", {
-        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(input, values)
         })
       });
     case 'h3':
       return /*#__PURE__*/jsxRuntime.jsx("h3", {
-        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(input, values)
         })
       });
     case 'h4':
       return /*#__PURE__*/jsxRuntime.jsx("h4", {
-        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(input, values)
         })
       });
     case 'h5':
       return /*#__PURE__*/jsxRuntime.jsx("h5", {
-        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(input, values)
         })
       });
     case 'h6':
       return /*#__PURE__*/jsxRuntime.jsx("h6", {
-        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(input, values)
         })
@@ -41268,9 +41498,7 @@ function getInputHeadLines(type, i, input, values) {
       return null;
   }
 }
-function getInputLabel(input) {
-  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let asText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+function getInputLabel(input, formsValue = {}, asText = false) {
   if (typeof input.label === 'object') {
     const validations = Object.keys(input.label);
     const key = validations.find(v => {
@@ -41328,8 +41556,7 @@ function getInputLabel(input) {
     }) : ReactHtmlParser__default["default"](input.label);
   }
 }
-function getSelectOptions$1(option) {
-  let formsValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function getSelectOptions$1(option, formsValue = {}) {
   if (typeof option.label === 'object') {
     const validations = Object.keys(option.label);
     const key = validations.find(v => {
@@ -41353,9 +41580,7 @@ function getSectionLabel(labels, values) {
   }
   return labels;
 }
-function getSubtitles(subtitles, position) {
-  let formsValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  let repeatValues = arguments.length > 4 ? arguments[4] : undefined;
+function getSubtitles(subtitles, position, formsValue = {}, repeatIndex, repeatValues) {
   let subtitle = subtitles && subtitles[position];
   if (subtitle && typeof subtitle === 'object') {
     let newSubtitle = subtitle.default || '';
@@ -41399,12 +41624,14 @@ function getSubtitles(subtitles, position) {
 function getFormTitles(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 = (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;
@@ -41438,50 +41665,46 @@ const updateFormValues = (repeatIndex, repeatValues, inputName, value, formsValu
   }
 };
 const inputTypeComponent = {
-  text: (_ref, _ref2) => {
-    let {
-      props,
-      rules
-    } = _ref;
-    let {
-      inputMeta = {},
-      t
-    } = _ref2;
+  text: ({
+    props,
+    rules
+  }, {
+    inputMeta = {},
+    t
+  }) => {
     const maxRule = rules.find(r => r.max);
     const maxProps = {};
     if (maxRule) {
       maxProps.maxLength = maxRule.max;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, _objectSpread2(_objectSpread2(_objectSpread2({
-      size: "medium"
-    }, maxProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+      size: "medium",
+      ...maxProps,
       allowClear: true,
       autoComplete: "new-password",
-      type: "text"
-    }, props), {}, {
+      type: "text",
+      ...props,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t('Type')
-    }));
+    });
   },
-  drawTerritory: (_ref3, _ref4) => {
-    let {
-      formsValue,
-      name,
-      addressData
-    } = _ref3;
-    let {
-      setFormValues
-    } = _ref4;
+  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] || {};
@@ -41489,10 +41712,10 @@ const inputTypeComponent = {
         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, {
@@ -41504,44 +41727,39 @@ const inputTypeComponent = {
       searchValue: search
     });
   },
-  link: (_ref5, _ref6) => {
-    let {
-      props,
-      rules
-    } = _ref5;
-    let {
-      inputMeta = {},
-      t
-    } = _ref6;
+  link: ({
+    props,
+    rules
+  }, {
+    inputMeta = {},
+    t
+  }) => {
     const maxRule = rules.find(r => r.max);
     const maxProps = {};
     if (maxRule) {
       maxProps.maxLength = maxRule.max;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, _objectSpread2(_objectSpread2(_objectSpread2({
-      size: "medium"
-    }, maxProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+      size: "medium",
+      ...maxProps,
       allowClear: true,
       autoComplete: "new-password",
-      type: "text"
-    }, props), {}, {
+      type: "text",
+      ...props,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t('Type')
-    }));
+    });
   },
-  number: (_ref7, _ref8) => {
-    var _input$meta;
-    let {
-      props,
-      rules,
-      input
-    } = _ref7;
-    let {
-      inputMeta = {},
-      t
-    } = _ref8;
+  number: ({
+    props,
+    rules,
+    input
+  }, {
+    inputMeta = {},
+    t
+  }) => {
     const maxRule = rules.find(r => r.max);
-    const integerRule = !(input !== null && input !== void 0 && (_input$meta = input.meta) !== null && _input$meta !== void 0 && _input$meta.isDecimal);
+    const integerRule = !input?.meta?.isDecimal;
     const parser = value => {
       if (!value) {
         return '';
@@ -41552,53 +41770,50 @@ const inputTypeComponent = {
       return value.replace(/\$\s?|(,*)/g, '');
     };
     if (maxRule) {
-      return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, _objectSpread2(_objectSpread2({
+      return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
         allowClear: true,
-        autoComplete: "new-password"
-      }, props), {}, {
+        autoComplete: "new-password",
+        ...props,
         type: "number",
         min: 0,
         max: maxRule.max,
         parser: parser
-      }));
+      });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
       allowClear: true,
-      autoComplete: "new-password"
-    }, props), {}, {
+      autoComplete: "new-password",
+      ...props,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t('Type number'),
       min: 0,
       formatter: value => numberWithCommas$1(value),
       parser: parser
-    }));
+    });
   },
-  select: (_ref9, _ref10) => {
-    var _input$meta2;
-    let {
-      value,
-      options,
-      optionGroup,
-      props,
-      formsValue,
-      optionsFilter,
-      filterCond,
-      repeatValues,
-      repeatIndex,
-      name,
-      inputName,
-      address,
-      addressData,
-      input
-    } = _ref9;
-    let {
-      forms,
-      form,
-      setAddress,
-      inputMeta = {},
-      t,
-      changeInputMeta
-    } = _ref10;
+  select: ({
+    value,
+    options,
+    optionGroup,
+    props,
+    formsValue,
+    optionsFilter,
+    filterCond,
+    repeatValues,
+    repeatIndex,
+    name,
+    inputName,
+    address,
+    addressData,
+    input
+  }, {
+    forms,
+    form,
+    setAddress,
+    inputMeta = {},
+    t,
+    changeInputMeta
+  }) => {
     let opts;
     if (typeof options === 'string') {
       const [formName, key] = options.split('.');
@@ -41654,19 +41869,18 @@ const inputTypeComponent = {
       }
       opts = groupOptions;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
       autoComplete: "new-password",
       allowClear: true,
       showSearch: true,
-      defaultValue: input === null || input === void 0 || (_input$meta2 = input.meta) === null || _input$meta2 === void 0 ? void 0 : _input$meta2.defaultValue,
+      defaultValue: input?.meta?.defaultValue,
       filterOption: filterSelectOptions,
-      optionFilterProp: "children"
-    }, props), {}, {
+      optionFilterProp: "children",
+      ...props,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || getInputProp$1(props.placeholder, formsValue) || t('Select one option'),
       onChange: (val, selectedValue) => {
-        var _input$meta3;
-        if (typeof (input === null || input === void 0 || (_input$meta3 = input.meta) === null || _input$meta3 === void 0 ? void 0 : _input$meta3.onChange) === 'string') {
+        if (typeof input?.meta?.onChange === 'string') {
           const [value, otherKey, otherVal] = input.meta.onChange.split('.');
           if (val === value) {
             changeInputMeta({
@@ -41680,7 +41894,9 @@ const inputTypeComponent = {
         }
         if (address && selectedValue) {
           dot__default["default"].str(address, selectedValue.children, addressData);
-          setAddress(_objectSpread2({}, addressData));
+          setAddress({
+            ...addressData
+          });
         }
         if (props.onChange) {
           props.onChange(val);
@@ -41692,35 +41908,33 @@ const inputTypeComponent = {
           value: og.value,
           disabled: og.disabled,
           children: og.label
-        }, "".concat(i).concat(j)))
+        }, `${i}${j}`))
       }, i) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
         value: option.value,
         disabled: option.disabled,
         children: option.label
       }, i))
-    }));
+    });
   },
-  multiselect: (_ref11, _ref12) => {
-    let {
-      value,
-      options,
-      optionGroup,
-      optionsFilter,
-      filterCond,
-      props,
-      formsValue,
-      repeatValues,
-      repeatIndex,
-      inputName,
-      name,
-      tags
-    } = _ref11;
-    let {
-      forms,
-      form,
-      inputMeta = {},
-      t
-    } = _ref12;
+  multiselect: ({
+    value,
+    options,
+    optionGroup,
+    optionsFilter,
+    filterCond,
+    props,
+    formsValue,
+    repeatValues,
+    repeatIndex,
+    inputName,
+    name,
+    tags
+  }, {
+    forms,
+    form,
+    inputMeta = {},
+    t
+  }) => {
     let opts;
     if (typeof options === 'string') {
       const [formName, key] = options.split('.');
@@ -41777,16 +41991,16 @@ const inputTypeComponent = {
       }
       opts = groupOptions;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
       allowClear: true,
       autoComplete: "new-password",
       mode: tags ? "tags" : "multiple",
-      optionFilterProp: "children"
-    }, tags ? {
-      tokenSeparators: [',', '\n', '\t']
-    } : {}), {}, {
-      filterOption: filterSelectOptions
-    }, props), {}, {
+      optionFilterProp: "children",
+      ...(tags ? {
+        tokenSeparators: [',', '\n', '\t']
+      } : {}),
+      filterOption: filterSelectOptions,
+      ...props,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || getInputProp$1(props.placeholder, formsValue) || t('Select all relevant options'),
       children: (opts || []).map((option, i) => option.items ? /*#__PURE__*/jsxRuntime.jsx(antd.Select.OptGroup, {
@@ -41795,42 +42009,42 @@ const inputTypeComponent = {
           value: og.value,
           disabled: og.disabled,
           children: og.label
-        }, "".concat(i).concat(j)))
+        }, `${i}${j}`))
       }, i) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
         value: option.value,
         disabled: option.disabled,
         children: option.label
       }, i))
-    }));
+    });
   },
-  date: (_ref13, _ref14) => {
-    let {
-      props,
-      rules,
-      repeatValues,
-      formsValue,
-      name
-    } = _ref13;
-    let {
-      inputMeta,
-      t,
-      groupFormId,
-      form,
-      setFormValues
-    } = _ref14;
+  date: ({
+    props,
+    rules,
+    repeatValues,
+    formsValue,
+    name
+  }, {
+    inputMeta,
+    t,
+    groupFormId,
+    form,
+    setFormValues
+  }) => {
     const lng = localStorage.getItem('datastakeLng') || 'en';
     const maxRule = rules.find(r => r.max);
     const handleDateChange = date => {
       if (date) {
         const localDate = dayjs__default["default"].utc(date);
         if (groupFormId) {
-          const _new = _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);
         }
@@ -41842,10 +42056,10 @@ const inputTypeComponent = {
         checkForMax = checkCondition(maxRule.condition, repeatValues, formsValue);
       }
       if (checkForMax) {
-        return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
+        return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
           allowClear: true,
-          autoComplete: "new-password"
-        }, props), {}, {
+          autoComplete: "new-password",
+          ...props,
           onChange: handleDateChange,
           format: DATE_FORMATS,
           locale: lng === 'fr' ? localeFr__default["default"] : localeEn__default["default"],
@@ -41854,33 +42068,31 @@ const inputTypeComponent = {
           disabledDate: current => {
             return current && current >= dayjs__default["default"]().endOf('day');
           }
-        }));
+        });
       }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
       allowClear: true,
-      autoComplete: "new-password"
-    }, props), {}, {
+      autoComplete: "new-password",
+      ...props,
       onChange: handleDateChange,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t('Select date'),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       format: DATE_FORMATS,
       locale: lng === 'fr' ? localeFr__default["default"] : localeEn__default["default"]
-    }));
+    });
   },
-  comment: (_ref15, _ref16) => {
-    let {
-        props: {
-          placeholder
-        },
-        commentHint
-      } = _ref15,
-      props = _objectWithoutProperties(_ref15.props, _excluded$c);
-    let {
-      onChange,
-      value
-    } = _ref16;
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, _objectSpread2(_objectSpread2({
+  comment: ({
+    props: {
+      placeholder,
+      ...props
+    },
+    commentHint
+  }, {
+    onChange,
+    value
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, {
       allowClear: true,
       value: value,
       onChange: e => onChange(e.target.value),
@@ -41890,60 +42102,56 @@ const inputTypeComponent = {
       autoSize: {
         minRows: 5,
         maxRows: 5
-      }
-    }, props), {}, {
+      },
+      ...props,
       disabled: false
-    }));
+    });
   },
-  textarea: (_ref17, _ref18) => {
-    let {
-      props,
-      rules
-    } = _ref17;
-    let {
-      inputMeta,
-      t
-    } = _ref18;
+  textarea: ({
+    props,
+    rules
+  }, {
+    inputMeta,
+    t
+  }) => {
     const maxRule = rules.find(r => r.max);
     let maxLength = MAX_TEXT_AREA_LENGTH;
     if (maxRule) {
       maxLength = maxRule.max;
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, {
       allowClear: true,
       autoComplete: "new-password",
       maxLength: maxLength,
       autoSize: {
         minRows: 5,
         maxRows: 5
-      }
-    }, props), {}, {
+      },
+      ...props,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || t('Type')
-    }));
+    });
   },
-  phoneNumber: (_ref19, _ref20) => {
-    let {
-      name,
-      inputName,
-      props,
-      value,
-      repeatIndex,
-      repeatValues,
-      formsValue
-    } = _ref19;
-    let {
-      setFormValues,
-      t
-    } = _ref20;
-    return /*#__PURE__*/jsxRuntime.jsx(PhoneInput, _objectSpread2(_objectSpread2({
+  phoneNumber: ({
+    name,
+    inputName,
+    props,
+    value,
+    repeatIndex,
+    repeatValues,
+    formsValue
+  }, {
+    setFormValues,
+    t
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(PhoneInput, {
       t: t,
       doChangeErrors: false,
       allowClear: true,
-      country: formsValue === null || formsValue === void 0 ? void 0 : formsValue.country,
+      country: formsValue?.country,
       formsValue: formsValue,
-      initialValue: value
-    }, props), {}, {
+      initialValue: value,
+      ...props,
       onChange: val => {
         if (repeatValues) {
           const inputValues = Array.isArray(formsValue[name]) ? formsValue[name] || [] : [];
@@ -41959,25 +42167,24 @@ const inputTypeComponent = {
           setFormValues(formsValue);
         }
       }
-    }));
+    });
   },
-  switch: (_ref21, _ref22) => {
-    let {
-      props,
-      value,
-      restricted,
-      autocomplete,
-      formsValue,
-      repeatIndex,
-      name,
-      inputName,
-      replace
-    } = _ref21;
-    let {
-      form,
-      setFormValues
-    } = _ref22;
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Switch, _objectSpread2(_objectSpread2({}, props), {}, {
+  switch: ({
+    props,
+    value,
+    restricted,
+    autocomplete,
+    formsValue,
+    repeatIndex,
+    name,
+    inputName,
+    replace
+  }, {
+    form,
+    setFormValues
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Switch, {
+      ...props,
       defaultChecked: value || false,
       checked: value || false,
       onChange: isChecked => {
@@ -42019,15 +42226,14 @@ const inputTypeComponent = {
           setFormValues(formsValue);
         }
       }
-    }));
+    });
   },
-  total100: _ref23 => {
-    let {
-      props,
-      name,
-      options,
-      value
-    } = _ref23;
+  total100: ({
+    props,
+    name,
+    options,
+    value
+  }) => {
     value = value ? Array.isArray(value) ? value : [value] : [];
     function totalValue() {
       let total = 0;
@@ -42051,11 +42257,10 @@ const inputTypeComponent = {
       className: "total100",
       children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.List, {
         name: name,
-        children: (fields, _ref24) => {
-          let {
-            add,
-            remove
-          } = _ref24;
+        children: (fields, {
+          add,
+          remove
+        }) => {
           if (fields.length === 0) {
             const formData = value || [];
             if (formData.length) {
@@ -42074,26 +42279,26 @@ const inputTypeComponent = {
               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,
-                  children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2({
+                  children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
                     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,
@@ -42101,14 +42306,14 @@ const inputTypeComponent = {
                     allowClear: true,
                     name: "value",
                     formatter: value => {
-                      return value ? "".concat(value, "%") : '';
+                      return value ? `${value}%` : '';
                     },
                     disabled: !v.type,
                     placeholder: props.valueplaceholder ? props.valueplaceholder : 'Value',
                     min: 1,
                     max: 100 - siblingTotal(v.type)
                   })
-                })), fields.length - 1 === i ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+                }), fields.length - 1 === i ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                   disabled: !v.value || !v.type || totalValue() >= 100,
                   type: "primary",
                   icon: /*#__PURE__*/jsxRuntime.jsx(Icons.PlusOutlined, {}),
@@ -42140,21 +42345,18 @@ const inputTypeComponent = {
       }) : null]
     });
   },
-  percentage: (_ref25, _ref26) => {
-    var _input$meta4;
-    let {
-      name,
-      inputName,
-      totalMax,
-      repeatIndex,
-      props,
-      formsValue,
-      input
-    } = _ref25;
-    let {
-      inputMeta,
-      t
-    } = _ref26;
+  percentage: ({
+    name,
+    inputName,
+    totalMax,
+    repeatIndex,
+    props,
+    formsValue,
+    input
+  }, {
+    inputMeta,
+    t
+  }) => {
     const isRepeatable = Array.isArray(formsValue[name]);
     let totalSiblings = 0;
     if (isRepeatable && totalMax) {
@@ -42162,15 +42364,15 @@ const inputTypeComponent = {
         totl = totl + (grp[inputName] || 0);
         return totl;
       }, 0);
-    } else if (Array.isArray(input === null || input === void 0 || (_input$meta4 = input.meta) === null || _input$meta4 === void 0 ? void 0 : _input$meta4.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({
-      allowClear: true
-    }, props), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
+      allowClear: true,
+      ...props,
       style: {
         width: '100%'
       },
@@ -42179,36 +42381,33 @@ const inputTypeComponent = {
       min: 0,
       max: 100 - totalSiblings,
       formatter: value => {
-        return value ? "".concat(value) : '';
+        return value ? `${value}` : '';
       },
       parser: value => value.replace('%', ''),
       addonAfter: "%"
-    }));
+    });
   },
-  year: _ref27 => {
-    let {
-      props
-    } = _ref27;
+  year: ({
+    props
+  }) => {
     const lng = localStorage.getItem('datastakeLng') || 'en';
-    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
       allowClear: true,
       locale: lng === 'fr' ? localeFr__default["default"] : localeEn__default["default"],
-      picker: "year"
-    }, props), {}, {
+      picker: "year",
+      ...props,
       format: "YYYY"
-    }));
+    });
   },
-  upload: (_ref28, _ref29) => {
-    let {
-      rules,
-      value
-    } = _ref28;
-    let {
-      setLoading,
-      t,
-      getApiBaseUrl,
-      getAppHeader
-    } = _ref29;
+  upload: ({
+    rules,
+    value
+  }, {
+    setLoading,
+    t,
+    getApiBaseUrl,
+    getAppHeader
+  }) => {
     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) : []) || [];
@@ -42221,12 +42420,13 @@ const inputTypeComponent = {
       }
     }
     const allowedExtensions = accept && accept !== "*" ? accept.split(",").map(ext => ext.trim().toLowerCase()) : [];
-    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 {
@@ -42234,9 +42434,10 @@ const inputTypeComponent = {
           }
         }
       },
-      headers: _objectSpread2({
-        Authorization: "Bearer ".concat(getToken())
-      }, getAppHeader()),
+      headers: {
+        Authorization: `Bearer ${getToken()}`,
+        ...getAppHeader()
+      },
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
         style: {
@@ -42246,19 +42447,17 @@ const inputTypeComponent = {
           children: t('Upload')
         })]
       })
-    }));
+    });
   },
-  imageUpload: (_ref30, _ref31) => {
-    let {
-      rules,
-      value
-    } = _ref30;
-    let {
-      setLoading,
-      getApiBaseUrl,
-      getAppHeader,
-      t
-    } = _ref31;
+  imageUpload: ({
+    rules,
+    value
+  }, {
+    setLoading,
+    getApiBaseUrl,
+    getAppHeader,
+    t
+  }) => {
     const apiURL = getApiBaseUrl();
     const values = getImageUploadEditValue(value);
     const maxRule = rules.find(r => r.max);
@@ -42269,17 +42468,17 @@ const inputTypeComponent = {
         maxProps.multiple = true;
       }
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, _objectSpread2(_objectSpread2({}, maxProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Upload, {
+      ...maxProps,
       beforeUpload: beforeUpload(allowedImageExtensions),
       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;
             }
@@ -42291,9 +42490,10 @@ const inputTypeComponent = {
           setLoading(false);
         }
       },
-      headers: _objectSpread2({
-        Authorization: "Bearer ".concat(getToken())
-      }, getAppHeader()),
+      headers: {
+        Authorization: `Bearer ${getToken()}`,
+        ...getAppHeader()
+      },
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
         style: {
@@ -42303,19 +42503,17 @@ const inputTypeComponent = {
           children: t('Upload')
         })]
       })
-    }));
+    });
   },
-  videoUpload: (_ref32, _ref33) => {
-    let {
-      rules,
-      value
-    } = _ref32;
-    let {
-      setLoading = () => {},
-      getApiBaseUrl,
-      getAppHeader,
-      t
-    } = _ref33;
+  videoUpload: ({
+    rules,
+    value
+  }, {
+    setLoading = () => {},
+    getApiBaseUrl,
+    getAppHeader,
+    t
+  }) => {
     const apiURL = getApiBaseUrl();
     const values = getImageUploadEditValue(value);
     const maxRule = rules.find(r => r.max);
@@ -42326,25 +42524,21 @@ const inputTypeComponent = {
         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;
             }
@@ -42356,9 +42550,10 @@ const inputTypeComponent = {
           setLoading(false);
         }
       },
-      headers: _objectSpread2({
-        Authorization: "Bearer ".concat(getToken())
-      }, getAppHeader()),
+      headers: {
+        Authorization: `Bearer ${getToken()}`,
+        ...getAppHeader()
+      },
       defaultFileList: values,
       children: /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
         style: {
@@ -42368,19 +42563,17 @@ const inputTypeComponent = {
           children: t('Upload')
         })]
       })
-    }));
+    });
   },
-  geolocation: (_ref34, _ref35) => {
-    let {
-      value,
-      name,
-      formsValue,
-      addressData,
-      props
-    } = _ref34;
-    let {
-      inputMeta
-    } = _ref35;
+  geolocation: ({
+    value,
+    name,
+    formsValue,
+    addressData,
+    props
+  }, {
+    inputMeta
+  }) => {
     let search = formsValue.country;
     if (addressData && Object.keys(addressData).length > 0) {
       const country = countriesList.countries[formsValue.country] || {};
@@ -42388,10 +42581,10 @@ const inputTypeComponent = {
         search = addressData.country;
       }
       if (addressData.level1) {
-        search = "".concat(addressData.level1, ", ").concat(addressData.country || country.name);
+        search = `${addressData.level1}, ${addressData.country || country.name}`;
       }
       if (addressData.level2) {
-        search = "".concat(addressData.level2, ", ").concat(addressData.level1, ", ").concat(addressData.country || country.name);
+        search = `${addressData.level2}, ${addressData.level1}, ${addressData.country || country.name}`;
       }
     } else {
       const country = countriesList.countries[formsValue.country] || {};
@@ -42399,10 +42592,10 @@ const inputTypeComponent = {
         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, {
@@ -42415,35 +42608,33 @@ const inputTypeComponent = {
       searchValue: search
     });
   },
-  ajaxSelect: (_ref36, _ref37) => {
-    let {
-      call,
-      automaticallyLink,
-      name,
-      preSelected,
-      inputName,
-      props,
-      formsValue,
-      onNewSetValue,
-      multiple,
-      updateOptions,
-      repeatValues,
-      repeatIndex,
-      value,
-      unique,
-      address,
-      addressData = {},
-      input
-    } = _ref36;
-    let {
-      form,
-      forms,
-      setAddress,
-      changeInputMeta,
-      inputMeta = {},
-      meta,
-      setFormValues
-    } = _ref37;
+  ajaxSelect: ({
+    call,
+    automaticallyLink,
+    name,
+    preSelected,
+    inputName,
+    props,
+    formsValue,
+    onNewSetValue,
+    multiple,
+    updateOptions,
+    repeatValues,
+    repeatIndex,
+    value,
+    unique,
+    address,
+    addressData = {},
+    input
+  }, {
+    form,
+    forms,
+    setAddress,
+    changeInputMeta,
+    inputMeta = {},
+    meta,
+    setFormValues
+  }) => {
     return /*#__PURE__*/jsxRuntime.jsx(AjaxSelect, {
       preSelected: preSelected,
       input: input,
@@ -42479,41 +42670,40 @@ const inputTypeComponent = {
           const selectedValue = data.find(v => v.value === ev);
           if (address && selectedValue) {
             dot__default["default"].str(address, selectedValue.label, addressData);
-            setAddress(_objectSpread2({}, addressData));
+            setAddress({
+              ...addressData
+            });
           }
         }
       },
       setAddress: setAddress
     });
   },
-  tag: _ref38 => {
-    let {
-      value,
-      repeatLabel
-    } = _ref38;
+  tag: ({
+    value,
+    repeatLabel
+  }) => {
     return /*#__PURE__*/jsxRuntime.jsx(TagInput$1, {
       allowClear: true,
       value: value || [],
       newPlaceholder: repeatLabel
     });
   },
-  modal: (_ref39, _ref40) => {
-    let {
-      call,
-      automaticallyLink,
-      name,
-      inputName,
-      props,
-      formsValue,
-      onNewSetValue,
-      repeatValues,
-      repeatIndex,
-      value,
-      modalTitle
-    } = _ref39;
-    let {
-      form
-    } = _ref40;
+  modal: ({
+    call,
+    automaticallyLink,
+    name,
+    inputName,
+    props,
+    formsValue,
+    onNewSetValue,
+    repeatValues,
+    repeatIndex,
+    value,
+    modalTitle
+  }, {
+    form
+  }) => {
     return /*#__PURE__*/jsxRuntime.jsx(AjaxModal$2, {
       allowClear: true,
       call: call,
@@ -42531,69 +42721,63 @@ const inputTypeComponent = {
       buttonText: modalTitle
     });
   },
-  website: (_ref41, _ref42) => {
-    let {
-      name,
-      inputName,
-      props,
-      value,
-      repeatIndex,
-      repeatValues,
-      formsValue
-    } = _ref41;
-    let {
-      form,
-      inputMeta = {},
-      t
-    } = _ref42;
-    return /*#__PURE__*/jsxRuntime.jsx(Website, _objectSpread2(_objectSpread2({
+  website: ({
+    name,
+    inputName,
+    props,
+    value,
+    repeatIndex,
+    repeatValues,
+    formsValue
+  }, {
+    form,
+    inputMeta = {},
+    t
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(Website, {
       allowClear: true,
       initialValue: value,
-      t: t
-    }, props), {}, {
+      t: t,
+      ...props,
       onChange: val => updateFormValues(repeatIndex, repeatValues, inputName, val, formsValue, name, form),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || 'www.example.com'
-    }));
+    });
   },
-  dataLink: (_ref43, _ref44) => {
-    var _input$meta5, _input$meta8, _formsValue$meta, _input$meta9;
-    let {
-      setValues,
-      name,
-      onValuesChange,
-      formsValue,
-      input,
-      changeLinking,
-      call,
-      automaticallyLink,
-      inputName,
-      props,
-      onNewSetValue,
-      multiple,
-      updateOptions,
-      repeatValues,
-      repeatIndex,
-      value,
-      unique,
-      address,
-      addressData = {},
-      getFromLinking
-    } = _ref43;
-    let {
-      form,
-      groupFormId,
-      setAddress,
-      isHighlighted,
-      changeInputMeta,
-      meta,
-      inputMeta,
-      forms
-    } = _ref44;
-    if ((input === null || input === void 0 || (_input$meta5 = input.meta) === null || _input$meta5 === void 0 || (_input$meta5 = _input$meta5.optionsView) === null || _input$meta5 === void 0 ? void 0 : _input$meta5.editInputType) === 'ajaxSelect') {
-      var _formsValue$groupForm, _input$meta6, _input$meta7;
-      const currentValue = groupFormId ? (_formsValue$groupForm = formsValue[groupFormId]) === null || _formsValue$groupForm === void 0 ? void 0 : _formsValue$groupForm[name] : formsValue[name];
-      (input === null || input === void 0 || (_input$meta6 = input.meta) === null || _input$meta6 === void 0 || (_input$meta6 = _input$meta6.optionsView) === null || _input$meta6 === void 0 ? void 0 : _input$meta6.call) || (input === null || input === void 0 || (_input$meta7 = input.meta) === null || _input$meta7 === void 0 ? void 0 : _input$meta7.call) || 'default::list()::::';
+  dataLink: ({
+    setValues,
+    name,
+    onValuesChange,
+    formsValue,
+    input,
+    changeLinking,
+    call,
+    automaticallyLink,
+    inputName,
+    props,
+    onNewSetValue,
+    multiple,
+    updateOptions,
+    repeatValues,
+    repeatIndex,
+    value,
+    unique,
+    address,
+    addressData = {},
+    getFromLinking
+  }, {
+    form,
+    groupFormId,
+    setAddress,
+    isHighlighted,
+    changeInputMeta,
+    meta,
+    inputMeta,
+    forms
+  }) => {
+    if (input?.meta?.optionsView?.editInputType === 'ajaxSelect') {
+      const currentValue = groupFormId ? formsValue[groupFormId]?.[name] : formsValue[name];
+      input?.meta?.optionsView?.call || input?.meta?.call || 'default::list()::::';
       return /*#__PURE__*/jsxRuntime.jsx(AjaxSelect$1, {
         size: "medium",
         input: input,
@@ -42630,7 +42814,9 @@ const inputTypeComponent = {
             const selectedValue = data.find(v => v.value === ev);
             if (address && selectedValue) {
               dot__default["default"].str(address, selectedValue.label, addressData);
-              setAddress(_objectSpread2({}, addressData));
+              setAddress({
+                ...addressData
+              });
             }
           }
         },
@@ -42640,149 +42826,188 @@ const inputTypeComponent = {
         isDataLink: true
       });
     }
-    const isSingle = (input === null || input === void 0 || (_input$meta8 = input.meta) === null || _input$meta8 === void 0 ? void 0 : _input$meta8.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 = (val, i) => {
       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
+      });
     };
     return /*#__PURE__*/jsxRuntime.jsx(DataLink, {
       form: input,
       formsValue: formsValue,
       onUpdate: onUpdate,
       isHighlighted: isHighlighted,
-      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$meta9 = input.meta) === null || _input$meta9 === void 0 ? void 0 : _input$meta9.maxRepeat,
-      remove: _ref45 => {
-        let {
-          key
-        } = _ref45;
+      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
     });
   },
-  internallink: (_ref46, _ref47) => {
-    let {
-      name,
-      inputName,
-      props,
-      value,
-      repeatIndex,
-      repeatValues,
-      formsValue
-    } = _ref46;
-    let {
-      form,
-      inputMeta = {},
-      t
-    } = _ref47;
-    return /*#__PURE__*/jsxRuntime.jsx(Website, _objectSpread2(_objectSpread2({
+  internallink: ({
+    name,
+    inputName,
+    props,
+    value,
+    repeatIndex,
+    repeatValues,
+    formsValue
+  }, {
+    form,
+    inputMeta = {},
+    t
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(Website, {
       allowClear: true,
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || props.placeholder || 'www.example.com',
-      initialValue: value
-    }, props), {}, {
+      initialValue: value,
+      ...props,
       onChange: val => updateFormValues(repeatIndex, repeatValues, inputName, val, formsValue, name, form)
-    }));
+    });
   },
-  group: _ref48 => {
-    let {
-      props,
-      groupInputs
-    } = _ref48;
-    return /*#__PURE__*/jsxRuntime.jsx(GroupInput$1, _objectSpread2({
-      groupInputs: groupInputs
-    }, props));
+  group: ({
+    props,
+    groupInputs
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(GroupInput$1, {
+      groupInputs: groupInputs,
+      ...props
+    });
   },
-  groupInputs: (_ref49, _ref50) => {
-    let {
-      props,
-      groupInputs
-    } = _ref49;
-    let {
-      inputMeta
-    } = _ref50;
-    return /*#__PURE__*/jsxRuntime.jsx(GroupInput$1, _objectSpread2({
+  groupInputs: ({
+    props,
+    groupInputs
+  }, {
+    inputMeta
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(GroupInput$1, {
       groupInputs: groupInputs,
-      inputMeta: inputMeta
-    }, props));
+      inputMeta: inputMeta,
+      ...props
+    });
   },
-  radioGroup: _ref51 => {
-    let {
-      props,
-      value,
-      options
-    } = _ref51;
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Radio.Group, _objectSpread2(_objectSpread2({
-      value: value
-    }, props), {}, {
+  radioGroup: ({
+    props,
+    value,
+    options
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Radio.Group, {
+      value: value,
+      ...props,
       children: (options || []).map(o => {
         return /*#__PURE__*/jsxRuntime.jsxs(antd.Radio, {
           value: o.value,
@@ -42795,17 +43020,16 @@ const inputTypeComponent = {
           }) : null]
         }, o.value);
       })
-    }));
+    });
   },
-  checkboxGroup: _ref52 => {
-    let {
-      props,
-      value,
-      options
-    } = _ref52;
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox.Group, _objectSpread2(_objectSpread2({
-      value: value
-    }, props), {}, {
+  checkboxGroup: ({
+    props,
+    value,
+    options
+  }) => {
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox.Group, {
+      value: value,
+      ...props,
       children: (options || []).map(o => {
         return /*#__PURE__*/jsxRuntime.jsxs(antd.Checkbox, {
           value: o.value,
@@ -42818,30 +43042,28 @@ const inputTypeComponent = {
           }) : null]
         }, o.value);
       })
-    }));
+    });
   }
 };
-const GetFormItem = _ref53 => {
-  var _find, _input$meta10, _input$meta11, _input$meta12, _input$meta13, _input$meta14, _input$meta15, _input$meta16, _inputData$value, _input$meta17, _input$meta18, _inputData$commentVal;
-  let {
-    code,
-    inputData,
-    inputId,
-    input,
-    setLoading,
-    values,
-    MainForm,
-    options,
-    plainForms,
-    setValues,
-    alertError,
-    setAddress,
-    inputMeta = {},
-    inputKey,
-    changeInputMeta = () => {},
-    i,
-    isCreate = false
-  } = _ref53;
+const GetFormItem = ({
+  code,
+  inputData,
+  inputId,
+  input,
+  setLoading,
+  values,
+  MainForm,
+  options,
+  plainForms,
+  setValues,
+  alertError,
+  setAddress,
+  inputMeta = {},
+  inputKey,
+  changeInputMeta = () => {},
+  i,
+  isCreate = false
+}) => {
   const {
     t,
     getAppHeader,
@@ -42857,7 +43079,7 @@ const GetFormItem = _ref53 => {
     case 'h6':
       return getInputHeadLines(input.type, i, input, values);
     default:
-      const rules = inputMeta !== null && inputMeta !== void 0 && inputMeta.notApplicable || inputMeta !== null && inputMeta !== void 0 && inputMeta.notAvailable ? [] : inputData.rules ? inputData.rules.filter(rule => !Object.keys(rule).includes('accept') && !Object.keys(rule).includes('max')) : [];
+      const rules = inputMeta?.notApplicable || inputMeta?.notAvailable ? [] : inputData.rules ? inputData.rules.filter(rule => !Object.keys(rule).includes('accept') && !Object.keys(rule).includes('max')) : [];
       const requiredRule = rules.find(r => r.required);
       if (requiredRule && input.type === 'text') {
         rules.push({
@@ -42866,45 +43088,47 @@ const GetFormItem = _ref53 => {
         });
       }
       const noLabel = ['message'].includes(input.type);
-      let maxRule = (_find = ((inputData === null || inputData === void 0 ? void 0 : inputData.rules) || []).find(rule => rule.max)) === null || _find === void 0 ? void 0 : _find.max;
+      let maxRule = (inputData?.rules || []).find(rule => rule.max)?.max;
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex input-cont",
-          children: /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
-            initialValue: inputMeta === null || inputMeta === void 0 ? void 0 : inputMeta.defaultValue
-          }, ['total100', 'group'].includes(input.type) ? {} : {
-            name: inputId,
-            fieldKey: inputId,
-            initialValue: inputData.value
-          }), ['upload', 'imageUpload', 'videoUpload'].includes(input.type) ? {
-            valuePropName: "fileList",
-            getValueFromEvent: e => {
-              if (Array.isArray(e)) {
-                return e;
-              }
-              return e && e.fileList && e.fileList.map(f => {
-                if (f.response) {
-                  return f.response;
+          children: /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+            initialValue: inputMeta?.defaultValue,
+            ...(['total100', 'group'].includes(input.type) ? {} : {
+              name: inputId,
+              fieldKey: inputId,
+              initialValue: inputData.value
+            }),
+            ...(['upload', 'imageUpload', 'videoUpload'].includes(input.type) ? {
+              valuePropName: "fileList",
+              getValueFromEvent: e => {
+                if (Array.isArray(e)) {
+                  return e;
                 }
-                return f;
-              });
-            }
-          } : {}), {}, {
+                return e && e.fileList && e.fileList.map(f => {
+                  if (f.response) {
+                    return f.response;
+                  }
+                  return f;
+                });
+              }
+            } : {}),
             style: input.showOnView === false ? {
               display: 'none'
-            } : {}
-          }, ['switch'].includes(input.type) ? {
-            labelCol: {
-              span: 20
-            },
-            style: _objectSpread2(_objectSpread2({}, input.showOnView === false ? {
-              display: 'none'
-            } : {}), {}, {
-              flexDirection: 'row',
-              justifyContent: 'space-between'
-            })
-          } : {}), {}, {
-            className: input.comment ? "flex-1 with-comment i-".concat(input.type) : "i-".concat(input.type, " flex-1"),
+            } : {},
+            ...(['switch'].includes(input.type) ? {
+              labelCol: {
+                span: 20
+              },
+              style: {
+                ...(input.showOnView === false ? {
+                  display: 'none'
+                } : {}),
+                flexDirection: 'row',
+                justifyContent: 'space-between'
+              }
+            } : {}),
+            className: input.comment ? `flex-1 with-comment i-${input.type}` : `i-${input.type} flex-1`,
             "data-id": inputData.name,
             rules: rules,
             required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false
@@ -42915,8 +43139,8 @@ const GetFormItem = _ref53 => {
               children: [/*#__PURE__*/jsxRuntime.jsx("div", {
                 className: "mr-1",
                 children: getInputLabel(input, values)
-              }), !!(input !== null && input !== void 0 && (_input$meta10 = input.meta) !== null && _input$meta10 !== void 0 && _input$meta10.tooltip) && /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-                title: input === null || input === void 0 || (_input$meta11 = input.meta) === null || _input$meta11 === void 0 ? void 0 : _input$meta11.tooltip,
+              }), !!input?.meta?.tooltip && /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+                title: input?.meta?.tooltip,
                 trigger: "hover",
                 children: /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "flex flex-column justify-content-center",
@@ -42934,7 +43158,7 @@ const GetFormItem = _ref53 => {
                     title: t('Not applicable'),
                     children: /*#__PURE__*/jsxRuntime.jsx("div", {
                       children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-                        disabled: !(input !== null && input !== void 0 && (_input$meta12 = input.meta) !== null && _input$meta12 !== void 0 && _input$meta12.notApplicable),
+                        disabled: !input?.meta?.notApplicable,
                         className: formatClassname(["default p-0", inputMeta.notApplicable && 'primary']),
                         type: "link",
                         onClick: () => {
@@ -42969,7 +43193,7 @@ const GetFormItem = _ref53 => {
                     title: t('No available information'),
                     children: /*#__PURE__*/jsxRuntime.jsx("div", {
                       children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-                        disabled: !(input !== null && input !== void 0 && (_input$meta13 = input.meta) !== null && _input$meta13 !== void 0 && _input$meta13.notAvailable),
+                        disabled: !input?.meta?.notAvailable,
                         className: formatClassname(["default p-0", inputMeta.notAvailable && 'primary']),
                         type: "link",
                         onClick: () => {
@@ -43003,14 +43227,14 @@ const GetFormItem = _ref53 => {
                   }), /*#__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 !== null && input !== void 0 && (_input$meta14 = input.meta) !== null && _input$meta14 !== void 0 && _input$meta14.comment)
-                      }, !isShown ? {
-                        className: 'default p-0'
-                      } : {
-                        className: 'p-0 primary'
-                      }), {}, {
+                        disabled: !input?.meta?.comment,
+                        ...(!isShown ? {
+                          className: 'default p-0'
+                        } : {
+                          className: 'p-0 primary'
+                        }),
                         onClick: () => {
                           setIsShown(true);
                           changeInputMeta({
@@ -43026,18 +43250,18 @@ const GetFormItem = _ref53 => {
                           width: 16,
                           height: 16
                         })
-                      }))
+                      })
                     })
                   })]
-                }), (_input$meta15 = input.meta) !== null && _input$meta15 !== void 0 && _input$meta15.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
+                }), input.meta?.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "code",
                   children: /*#__PURE__*/jsxRuntime.jsx("span", {
-                    children: (_input$meta16 = input.meta) === null || _input$meta16 === void 0 ? void 0 : _input$meta16.code
+                    children: input.meta?.code
                   })
                 }) : code ? /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "code",
                   children: /*#__PURE__*/jsxRuntime.jsx("span", {
-                    children: "".concat(code, ".").concat(i + 1)
+                    children: `${code}.${i + 1}`
                   })
                 }) : null]
               })
@@ -43057,7 +43281,7 @@ const GetFormItem = _ref53 => {
               getAppHeader,
               getApiBaseUrl
             }) : console.log(input)
-          }))
+          })
         }), alertError ? /*#__PURE__*/jsxRuntime.jsx(antd.Alert, {
           message: alertError.message,
           type: "error",
@@ -43086,10 +43310,10 @@ const GetFormItem = _ref53 => {
             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$meta17 = input.meta) !== null && _input$meta17 !== void 0 && _input$meta17.comment && isShown ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+        }) : null, input.meta?.comment && isShown ? /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "input-content dynamic-form-comment",
           children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
             className: "comment-textarea",
@@ -43115,7 +43339,7 @@ const GetFormItem = _ref53 => {
                 },
                 children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                   type: "link",
-                  disabled: !((_input$meta18 = input.meta) !== null && _input$meta18 !== void 0 && _input$meta18.comment),
+                  disabled: !input.meta?.comment,
                   className: "p-0",
                   children: /*#__PURE__*/jsxRuntime.jsx(Icons.DeleteOutlined, {
                     width: 16,
@@ -43146,7 +43370,7 @@ const GetFormItem = _ref53 => {
             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]
@@ -43166,23 +43390,22 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
   const formId = form.dataId || k;
   const allInputs = Object.keys(form.inputs).filter(i => {
     const input = form.inputs[i];
-    return !excludedKeys.includes(i) && !input.excludeFromEdit && showHideInput(input, values, undefined, undefined, setValues, "".concat(formId, ".").concat(i));
+    return !excludedKeys.includes(i) && !input.excludeFromEdit && showHideInput(input, values, undefined, undefined, setValues, `${formId}.${i}`);
   });
   return allInputs.length ? /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
     children: [getFormTitles(formTitles, formId, i), ['h2', 'h3', 'h4', 'h5', 'h6'].includes(form.type) ? getInputHeadLines(form.type, i, form, values) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [!form.repeatable ? /*#__PURE__*/jsxRuntime.jsx("h3", {
-        className: "".concat(form.titleClass ? form.titleClass : 'title-semibold-4', " mb0 ").concat(i ? 'mt-3' : ''),
+        className: `${form.titleClass ? form.titleClass : 'title-semibold-4'} mb0 ${i ? 'mt-3' : ''}`,
         children: getInputLabel(form, values)
       }) : !form.hideSectionLabel ? /*#__PURE__*/jsxRuntime.jsx("h3", {
-        className: "".concat(form.titleClass ? form.titleClass : 'title-semibold-4', " mb0 ").concat(i ? 'mt-3' : ''),
+        className: `${form.titleClass ? form.titleClass : 'title-semibold-4'} mb0 ${i ? 'mt-3' : ''}`,
         children: form.sectionLabel ? getSectionLabel(form.sectionLabel, values) : form.label ? getInputLabel(form, values) : camelCaseToTitle(k)
       }) : null, /*#__PURE__*/jsxRuntime.jsx(antd.Form.List, {
         name: formId,
-        children: (fields, _ref) => {
-          let {
-            add,
-            remove
-          } = _ref;
+        children: (fields, {
+          add,
+          remove
+        }) => {
           const formData = form.repeatable ? values[formId] || [] : values[formId] ? [values[formId]] : [];
           if (fields.length === 0) {
             const formInputs = form.inputs;
@@ -43233,7 +43456,7 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                     padding: '0px 5px',
                     color: '#2E90FA'
                   },
-                  children: "#".concat(field.name + 1)
+                  children: `#${field.name + 1}`
                 }), /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "remove-button-for-repeatable",
                   children: (formData.filter(k => Object.keys(k).length > 0).length >= 1 || fields.length > 1) && (typeof form.canDelete !== 'function' || form.canDelete(Array.isArray(values[formId]) ? values[formId][field.name] || {} : values[formId] || {})) ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
@@ -43255,8 +43478,8 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                   const inputId = input.dataId || inp;
                   const inputValues = Array.isArray(values[formId]) ? values[formId][field.name] || {} : values[formId] || {};
                   const value = inputValues[inputId];
-                  const commentValue = inputValues["".concat(inputId, "Comment")];
-                  const inputData = getData(formId, input, value, commentValue, "".concat(formId, "[").concat(field.name, "].").concat(inputId), "".concat(formId, ".").concat(inputId));
+                  const commentValue = inputValues[`${inputId}Comment`];
+                  const inputData = getData(formId, input, value, commentValue, `${formId}[${field.name}].${inputId}`, `${formId}.${inputId}`);
                   const subtitles = form.subtitles || null;
                   inputData.repeatIndex = field.name;
                   inputData.inputName = inputId;
@@ -43277,59 +43500,64 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                       message: requiredRule.message || ''
                     });
                   }
-                  return showHideInput(input, values, field.name, inputValues, setValues, "".concat(formId, "[").concat(field.name, "].").concat(inputId)) ? /*#__PURE__*/jsxRuntime.jsx(React__default["default"].Fragment, {
+                  return showHideInput(input, values, field.name, inputValues, setValues, `${formId}[${field.name}].${inputId}`) ? /*#__PURE__*/jsxRuntime.jsx(React__default["default"].Fragment, {
                     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-                      className: form.repeatable ? "inputs" : "",
+                      className: form.repeatable ? `inputs` : "",
                       children: [getSubtitles(subtitles, input.position, values, field.name, inputValues), ['h2', 'h3', 'h4', 'h5', 'h6'].includes(input.type) ? getInputHeadLines(input.type, i, input, values) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, field), {}, {
-                          required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false
-                        }, ['total100', 'group'].includes(input.type) ? {} : {
-                          name: [field.name, inputId],
-                          fieldKey: [field.fieldKey, inputId],
-                          initialValue: inputData.value
-                        }), ['upload'].includes(input.type) ? {
-                          valuePropName: "fileList",
-                          getValueFromEvent: e => {
-                            if (Array.isArray(e)) {
-                              return e;
-                            }
-                            return e && e.fileList && e.fileList.map(f => {
-                              if (f.response) {
-                                return f.response;
+                        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+                          ...field,
+                          required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false,
+                          ...(['total100', 'group'].includes(input.type) ? {} : {
+                            name: [field.name, inputId],
+                            fieldKey: [field.fieldKey, inputId],
+                            initialValue: inputData.value
+                          }),
+                          ...(['upload'].includes(input.type) ? {
+                            valuePropName: "fileList",
+                            getValueFromEvent: e => {
+                              if (Array.isArray(e)) {
+                                return e;
                               }
-                              return f;
-                            });
-                          }
-                        } : {}), {}, {
+                              return e && e.fileList && e.fileList.map(f => {
+                                if (f.response) {
+                                  return f.response;
+                                }
+                                return f;
+                              });
+                            }
+                          } : {}),
                           style: input.showOnView === false ? {
                             display: 'none'
-                          } : {}
-                        }, ['switch'].includes(input.type) ? {
-                          labelCol: {
-                            span: 20
-                          },
-                          style: _objectSpread2(_objectSpread2({}, input.showOnView === false ? {
-                            display: 'none'
-                          } : {}), {}, {
-                            flexDirection: 'row',
-                            justifyContent: 'space-between'
-                          })
-                        } : {}), {}, {
+                          } : {},
+                          ...(['switch'].includes(input.type) ? {
+                            labelCol: {
+                              span: 20
+                            },
+                            style: {
+                              ...(input.showOnView === false ? {
+                                display: 'none'
+                              } : {}),
+                              flexDirection: 'row',
+                              justifyContent: 'space-between'
+                            }
+                          } : {}),
                           label: getInputLabel(input, values),
                           rules: rules,
-                          className: input.comment ? "with-comment i-".concat(input.type) : "i-".concat(input.type),
+                          className: input.comment ? `with-comment i-${input.type}` : `i-${input.type}`,
                           extra: input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                             disabled: inputData.props.disabled,
                             type: "link",
                             onClick: () => {
                               const inputValues = Array.isArray(values[formId]) ? values[formId][field.name] || {} : values[formId] || {};
-                              inputValues["".concat(inputData.inputName, "Comment")] = !inputData.commentValue ? '' : undefined;
+                              inputValues[`${inputData.inputName}Comment`] = !inputData.commentValue ? '' : undefined;
                               if (Array.isArray(values[formId])) {
                                 values[formId][field.name] = inputValues;
                               } else {
                                 values[formId] = inputValues;
                               }
-                              setValues(_objectSpread2({}, values));
+                              setValues({
+                                ...values
+                              });
                             },
                             children: t(!inputData.commentValue ? 'Add Comment' : 'Remove Comment')
                           }) : null,
@@ -43346,9 +43574,9 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                             getAppHeader,
                             getApiBaseUrl
                           }) : console.log(input)
-                        })), input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-                          name: [field.name, "".concat(inputData.inputName, "Comment")],
-                          fieldKey: [field.fieldKey, "".concat(inputData.inputName, "Comment")],
+                        }), input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+                          name: [field.name, `${inputData.inputName}Comment`],
+                          fieldKey: [field.fieldKey, `${inputData.inputName}Comment`],
                           initialValue: inputData.commentValue,
                           hidden: !inputData.commentValue,
                           children: inputTypeComponent.comment(inputData, {
@@ -43362,10 +43590,10 @@ function renderRepeatable(options, k, setValues, values, excludedKeys, i, formTi
                         }) : null]
                       })]
                     }, ii)
-                  }, "".concat(i).concat(ii)) : null;
+                  }, `${i}${ii}`) : null;
                 })
               })]
-            }, "".concat(formId, "-").concat(field.name))), form.repeatable ? /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
+            }, `${formId}-${field.name}`)), form.repeatable ? /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
               type: "dashed",
               style: {
                 margin: '10px 0px 30px',
@@ -43394,7 +43622,7 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
   const hasLabel = label && (typeof label === 'string' && (label || '').trim() !== '' || typeof label === 'object') ? true : false;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [hasLabel ? /*#__PURE__*/jsxRuntime.jsx("h3", {
-      className: "".concat(form.titleClass ? form.titleClass : 'title-semibold-4', " ").concat(i ? 'mt-3 mb-1' : ''),
+      className: `${form.titleClass ? form.titleClass : 'title-semibold-4'} ${i ? 'mt-3 mb-1' : ''}`,
       children: label
     }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
       className: hasLabel ? "mb-4" : "",
@@ -43403,8 +43631,8 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
         const inputId = input.dataId || inp;
         const inputValues = Array.isArray(values[formId]) ? values[formId] || {} : values[formId] || {};
         const value = inputValues[inputId];
-        const commentValue = inputValues["".concat(inputId, "Comment")];
-        const inputData = getData(formId, input, value, commentValue, "".concat(formId, ".").concat(inputId), "".concat(formId, ".").concat(inputId));
+        const commentValue = inputValues[`${inputId}Comment`];
+        const inputData = getData(formId, input, value, commentValue, `${formId}.${inputId}`, `${formId}.${inputId}`);
         const subtitles = form.subtitles || null;
         inputData.repeatIndex = undefined;
         inputData.inputName = inputId;
@@ -43425,58 +43653,62 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
             message: requiredRule.message || ''
           });
         }
-        return showHideInput(input, values, undefined, inputValues, setValues, "".concat(formId, ".").concat(inputId)) ? /*#__PURE__*/jsxRuntime.jsx(React__default["default"].Fragment, {
+        return showHideInput(input, values, undefined, inputValues, setValues, `${formId}.${inputId}`) ? /*#__PURE__*/jsxRuntime.jsx(React__default["default"].Fragment, {
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
             children: [getSubtitles(subtitles, input.position, values, undefined, inputValues), ['h2', 'h3', 'h4', 'h5', 'h6'].includes(input.type) ? getInputHeadLines(input.type, i, input, values) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
-                required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false
-              }, ['total100', 'group'].includes(input.type) ? {} : {
-                name: [formId, inputId],
-                fieldKey: [formId, inputId],
-                initialValue: inputData.value
-              }), ['upload'].includes(input.type) ? {
-                valuePropName: "fileList",
-                getValueFromEvent: e => {
-                  if (Array.isArray(e)) {
-                    return e;
-                  }
-                  return e && e.fileList && e.fileList.map(f => {
-                    if (f.response) {
-                      return f.response;
+              children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+                required: inputData.rules && inputData.rules instanceof Array && inputData.rules.filter(r => r.required).length > 0 ? true : false,
+                ...(['total100', 'group'].includes(input.type) ? {} : {
+                  name: [formId, inputId],
+                  fieldKey: [formId, inputId],
+                  initialValue: inputData.value
+                }),
+                ...(['upload'].includes(input.type) ? {
+                  valuePropName: "fileList",
+                  getValueFromEvent: e => {
+                    if (Array.isArray(e)) {
+                      return e;
                     }
-                    return f;
-                  });
-                }
-              } : {}), {}, {
+                    return e && e.fileList && e.fileList.map(f => {
+                      if (f.response) {
+                        return f.response;
+                      }
+                      return f;
+                    });
+                  }
+                } : {}),
                 style: input.showOnView === false ? {
                   display: 'none'
-                } : {}
-              }, ['switch'].includes(input.type) ? {
-                labelCol: {
-                  span: 20
-                },
-                style: _objectSpread2(_objectSpread2({}, input.showOnView === false ? {
-                  display: 'none'
-                } : {}), {}, {
-                  flexDirection: 'row',
-                  justifyContent: 'space-between'
-                })
-              } : {}), {}, {
+                } : {},
+                ...(['switch'].includes(input.type) ? {
+                  labelCol: {
+                    span: 20
+                  },
+                  style: {
+                    ...(input.showOnView === false ? {
+                      display: 'none'
+                    } : {}),
+                    flexDirection: 'row',
+                    justifyContent: 'space-between'
+                  }
+                } : {}),
                 label: getInputLabel(input, values),
                 rules: rules,
-                className: input.comment ? "with-comment i-".concat(input.type) : "i-".concat(input.type),
+                className: input.comment ? `with-comment i-${input.type}` : `i-${input.type}`,
                 extra: input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                   disabled: inputData.props.disabled,
                   type: "link",
                   onClick: () => {
                     const inputValues = Array.isArray(values[formId]) ? values[formId] || {} : values[formId] || {};
-                    inputValues["".concat(inputData.inputName, "Comment")] = !inputData.commentValue ? '' : undefined;
+                    inputValues[`${inputData.inputName}Comment`] = !inputData.commentValue ? '' : undefined;
                     if (Array.isArray(values[formId])) {
                       values[formId] = inputValues;
                     } else {
                       values[formId] = inputValues;
                     }
-                    setValues(_objectSpread2({}, values));
+                    setValues({
+                      ...values
+                    });
                   },
                   children: t(!inputData.commentValue ? 'Add Comment' : 'Remove Comment')
                 }) : null,
@@ -43491,9 +43723,9 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
                   getAppHeader,
                   getApiBaseUrl
                 }) : console.log(input)
-              })), input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-                name: [formId, "".concat(inputData.inputName, "Comment")],
-                fieldKey: [formId, "".concat(inputData.inputName, "Comment")],
+              }), input.comment ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+                name: [formId, `${inputData.inputName}Comment`],
+                fieldKey: [formId, `${inputData.inputName}Comment`],
                 initialValue: inputData.commentValue,
                 hidden: !inputData.commentValue,
                 children: inputTypeComponent.comment(inputData, {
@@ -43507,7 +43739,7 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
               }) : null]
             })]
           }, ii)
-        }, "".concat(i).concat(ii)) : null;
+        }, `${i}${ii}`) : null;
       })
     })]
   });
@@ -61609,6 +61841,7 @@ exports.SelectFiltersTimeFrame = Timeframe;
 exports.SettingsPopover = SettingsPopover;
 exports.Sidenav = Sidenav;
 exports.SidenavMenu = SidenavMenu;
+exports.SimpleGlobe = SimpleGlobe;
 exports.StackChart = StackChart;
 exports.StakeholderMappings = index$1;
 exports.Steps = DAFSteps;