datastake-daf 0.6.804 → 0.6.805

package/dist/pages/index.js

@@ -6152,8 +6152,8 @@ const useHeader = ({
       setShowFilters(p => !p);
     }
   }];
-  const actionButtons = onDownload && _actionButtons.length < 3 ? [..._actionButtons, ...(hasFilters ? filterButton : []), downloadButton] : [..._actionButtons, ...(hasFilters ? filterButton : [])];
-  const extraButtons = onDownload && _actionButtons.length >= 3 ? [..._extraButtons, downloadButtonAction] : [..._extraButtons];
+  const actionButtons = onDownload && _actionButtons?.length < 3 ? [...(_actionButtons?.length ? _actionButtons : []), ...(hasFilters ? filterButton : []), downloadButton] : [...(_actionButtons?.length ? _actionButtons : []), ...(hasFilters ? filterButton : [])];
+  const extraButtons = onDownload && _actionButtons?.length >= 3 ? [..._extraButtons, downloadButtonAction] : [..._extraButtons];
   const mainCont = React.useRef();
   const buttonCont = React.useRef();
   const [mainContWidth, setMainContWidth] = React.useState(600);
@@ -15913,10 +15913,10 @@ const getColumns$f = ({
         className: "daf-default-cell"
       });
     }
-    const published = false;
+    const published = all?.published || false;
     return /*#__PURE__*/jsxRuntime.jsx(ProgressBarWithIcon, {
       published: published,
-      data: v,
+      data: all,
       t: t
     });
   }
@@ -15982,9 +15982,11 @@ function OrganisationInformation({
   user = {},
   goTo = () => {},
   getRedirectLink = () => {},
-  theme = {}
+  theme = {},
+  data,
+  loading
 }) {
-  const organistionInfo = [{
+  const organisationInfo = [{
     key: 'kyc',
     label: t("My KYC")
   }, {
@@ -15992,15 +15994,16 @@ function OrganisationInformation({
     label: t("Management Systems")
   }];
   const tableData = React.useMemo(() => {
-    return organistionInfo.map(item => {
+    return organisationInfo.map(item => {
       return {
         key: item.key,
         name: item.label,
-        completion: 0,
-        lastUpdate: ""
+        completion: data?.data?.[`${item.key}Data`]?.meta?.completion?.percentage || 0,
+        lastUpdate: data?.data?.[`${item.key}Data`]?.updatedAt || "",
+        ...data?.data?.[`${item.key}Data`]
       };
     });
-  }, [organistionInfo]);
+  }, [organisationInfo, data]);
   const columns = React.useMemo(() => {
     return getColumns$f({
       t,
@@ -16014,6 +16017,7 @@ function OrganisationInformation({
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
     title: t("Organisation Information"),
     className: "with-border-header daf-table-wrapper no-pagination no-px-body",
+    loading: loading,
     children: /*#__PURE__*/jsxRuntime.jsx(DAFTable, {
       columns: columns,
       data: tableData
@@ -16518,6 +16522,11 @@ SearchFilters.propTypes = {
   t: PropTypes__default["default"].func
 };
 
+const getAdminLevelName = (data, level) => {
+  const entry = Object.values(data || {}).find(item => item.level === level);
+  return entry?.name || "-";
+};
+
 const getColumns$d = ({
   t,
   activeTab,
@@ -16585,7 +16594,8 @@ const getColumns$d = ({
         className: "daf-default-cell"
       });
     }
-    const label = findOptions(v, options?.categoriesOptions) || "-";
+    const categoriesOptions = [...(options?.categoriesOptions || []), ...(options?.locationCategories || [])];
+    const label = findOptions(v, categoriesOptions) || "-";
     return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: label,
       children: label || "-"
@@ -16602,7 +16612,7 @@ const getColumns$d = ({
         className: "daf-default-cell"
       });
     }
-    const label = findOptions(v, options?.subCategoriesOptionsSbgi) || "-";
+    const label = findOptions(v, options?.subCategoriesOptions) || "-";
     return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: label,
       children: label || "-"
@@ -16636,7 +16646,7 @@ const getColumns$d = ({
         className: "daf-default-cell"
       });
     }
-    const region = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
+    const region = getAdminLevelName(all?.linking?.SCL, "level_1");
     return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: region,
       children: region
@@ -16653,7 +16663,7 @@ const getColumns$d = ({
         className: "daf-default-cell"
       });
     }
-    const district = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
+    const district = getAdminLevelName(all?.linking?.SCL, "level_2");
     return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: district,
       children: district
@@ -16695,7 +16705,7 @@ const getColumns$d = ({
     });
   }
 }, {
-  dataIndex: "lastUpdated",
+  dataIndex: "lastUpdate",
   title: t("Last Update"),
   ellipsis: true,
   show: true,
@@ -16781,7 +16791,8 @@ function AssociatedInformation$1({
   user = {},
   goTo = () => {},
   getRedirectLink = () => {},
-  options = {}
+  options = {},
+  theme = {}
 }) {
   const tabs = [{
     value: "stakeholders",
@@ -16797,19 +16808,34 @@ function AssociatedInformation$1({
     label: t("Events")
   }];
   const [activeTab, setActiveTab] = React.useState("stakeholders");
-  const data = [];
+  const defaultConfig = React.useMemo(() => ({
+    basepath: "stakeholder",
+    url: "/kyc/associatedInformation"
+  }), []);
+  const {
+    data,
+    loading
+  } = useWidgetFetch({
+    config: defaultConfig
+  });
+  console.log({
+    data
+  });
   const columns = React.useMemo(() => getColumns$d({
     t,
     isMonitoring: false,
     activeTab,
     options,
     getRedirectLink,
-    user
-  }), [t, activeTab, options, getRedirectLink, user]);
+    user,
+    theme,
+    goTo
+  }), [t, activeTab, options, getRedirectLink, user, theme, goTo]);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
     title: t("Associated Information"),
     expandable: true,
     className: "with-border-header no-px-body overflow-hidden",
+    loading: loading,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       style: {
         display: "flex",
@@ -16892,7 +16918,9 @@ function SelfAssesment({
         goTo: goTo,
         getRedirectLink: getRedirectLink,
         data: data,
-        loading: loading
+        loading: loading,
+        theme: theme,
+        options: options
       })
     })]
   });
@@ -18519,7 +18547,10 @@ const EditContext = /*#__PURE__*/React.createContext({
   app: null,
   ajaxForms: {},
   query: null,
-  goTo: () => {}
+  goTo: () => {},
+  maxWidth: "75%",
+  staticWidth: "614px",
+  fullWidth: false
 });
 const EditProvider = ({
   t,
@@ -18539,7 +18570,10 @@ const EditProvider = ({
   errors,
   changeErrors,
   changeAjaxForms,
-  evaluationConfig
+  evaluationConfig,
+  maxWidth,
+  staticWidth,
+  fullWidth
 }) => {
   const values = {
     t,
@@ -18558,7 +18592,10 @@ const EditProvider = ({
     getApiBaseUrl,
     query,
     evaluationConfig,
-    goTo
+    goTo,
+    maxWidth,
+    staticWidth,
+    fullWidth
   };
   return /*#__PURE__*/jsxRuntime.jsx(EditContext.Provider, {
     value: values,
@@ -22690,6 +22727,81 @@ function useAjaxModal$1({
   };
 }
 
+const ViewContext = /*#__PURE__*/React.createContext({
+  user: null,
+  isReview: false,
+  t: s => s,
+  errors: {},
+  changeErrors: () => {},
+  ajaxOptions: {},
+  getAppHeader: () => {},
+  getApiBaseUrl: () => {},
+  changeAjaxOptions: () => {},
+  changeAjaxForms: () => {},
+  getMainApiUrl: () => {},
+  app: null,
+  ajaxForms: {},
+  query: null,
+  goTo: () => {},
+  maxWidth: "75%",
+  staticWidth: "614px",
+  fullWidth: false
+});
+const ViewProvider = ({
+  t,
+  user,
+  ajaxForms,
+  isReview,
+  children,
+  ajaxOptions,
+  highlightMandatory,
+  getAppHeader,
+  getApiBaseUrl,
+  changeAjaxOptions,
+  getMainApiUrl,
+  app,
+  query,
+  goTo,
+  errors,
+  changeErrors,
+  changeAjaxForms,
+  evaluationConfig,
+  maxWidth,
+  staticWidth,
+  fullWidth
+}) => {
+  const values = {
+    t,
+    errors,
+    changeErrors,
+    user,
+    ajaxForms,
+    isReview,
+    changeAjaxOptions,
+    getMainApiUrl,
+    ajaxOptions,
+    highlightMandatory,
+    app,
+    changeAjaxForms,
+    getAppHeader,
+    getApiBaseUrl,
+    query,
+    evaluationConfig,
+    goTo,
+    maxWidth,
+    staticWidth,
+    fullWidth
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(ViewContext.Provider, {
+    value: values,
+    children: children
+  });
+};
+const useViewContext = () => {
+  const values = React.useContext(ViewContext);
+  return values;
+};
+
 function DataLink$1({
   form = {},
   values,
@@ -22705,6 +22817,11 @@ function DataLink$1({
   getToken,
   app
 }) {
+  const {
+    maxWidth,
+    staticWidth,
+    fullWidth
+  } = useViewContext();
   const isSingle = React.useMemo(() => form?.meta?.maxRepeat === 1, [form]);
   const [modalRow, setModalRow] = React.useState(null);
   const [linkingData, setLinkingData] = React.useState({});
@@ -23025,7 +23142,11 @@ function DataLink$1({
   }], [mapKey, inputs, tableKeys, ajaxModalValues]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : maxWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -24630,6 +24751,11 @@ function DataLinkGroup$1({
   getToken,
   app
 }) {
+  const {
+    maxWidth,
+    staticWidth,
+    fullWidth
+  } = useViewContext();
   const dataLinkKey = React.useMemo(() => Object.keys(form?.inputs || {}).find(k => form?.inputs[k]?.type === "dataLink"), [form]);
   const dataLinkInput = React.useMemo(() => (form?.inputs || {})[dataLinkKey], [form, dataLinkKey]);
   const otherInputs = React.useMemo(() => Object.keys(form?.inputs || {}).filter(k => k !== dataLinkKey).reduce((all, key) => {
@@ -24946,7 +25072,11 @@ function DataLinkGroup$1({
   }], [mapKey, inputs, tableKeys, ajaxModalValues]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body']),
-    style: dataLinkInput?.meta?.style,
+    style: {
+      ...dataLinkInput?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : maxWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -25037,6 +25167,11 @@ function DataLinkFlat$1({
   getToken,
   app
 }) {
+  const {
+    maxWidth,
+    staticWidth,
+    fullWidth
+  } = useViewContext();
   const isSingle = React.useMemo(() => form?.meta?.maxRepeat === 1, [form]);
   const [modalRow, setModalRow] = React.useState(null);
   const [linkingData, setLinkingData] = React.useState({});
@@ -25390,7 +25525,11 @@ function DataLinkFlat$1({
   }], [mapKey, inputs, tableKeys, ajaxModalValues]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : maxWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -27281,6 +27420,9 @@ function Repeatable({
     getAppHeader,
     app,
     highlightMandatory,
+    maxWidth,
+    staticWidth,
+    fullWidth,
     ...rest
   } = useEditContext();
   const inputId = form?.dataId;
@@ -27546,7 +27688,11 @@ function Repeatable({
   };
   const preSelected = data.map(d => d.id).filter(d => !!d);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : staticWidth
+    },
     className: formatClassname([form.repeatable ? "repeatable-section data-link-cont mb-6 pb-3" : '', noBody && 'no-body', isHighlighted && !noBody && 'highlighted']),
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mb-4",
@@ -27747,6 +27893,9 @@ function Repeatable({
             // form: MainForm,
             // forms: options,
             // setFormValues: setValues,
+            maxWidth,
+            staticWidth,
+            fullWidth,
             value: inputMeta.comment || '',
             onChange: val => {
               changeInputMeta({
@@ -28287,7 +28436,10 @@ const GroupContentFormItem = ({
     app,
     getApiBaseUrl,
     getAppHeader,
-    isReview
+    isReview,
+    maxWidth,
+    staticWidth,
+    fullWidth
   } = useEditContext();
   const [isShown, setIsShown] = React.useState(!!inputMeta?.comment);
   let maxRule = rules.find(rule => rule.max)?.max;
@@ -28797,7 +28949,10 @@ const GroupContentFormItem = ({
           valueOnlyString: true
         }) : inputTypeComponent$1[input.type] ? inputTypeComponent$1[input.type]({
           ...inputData,
-          name: inputId
+          name: inputId,
+          maxWidth,
+          staticWidth,
+          fullWidth
         }, {
           form: MainForm,
           forms: options,
@@ -28811,7 +28966,10 @@ const GroupContentFormItem = ({
           t,
           getApiBaseUrl,
           getAppHeader,
-          isHighlighted
+          isHighlighted,
+          maxWidth,
+          staticWidth,
+          fullWidth
         }) : console.log(input)
       }), input.meta?.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "code",
@@ -28921,6 +29079,9 @@ const GroupContentFormItem = ({
           form: MainForm,
           forms: options,
           value: inputMeta?.comment || '',
+          maxWidth,
+          staticWidth,
+          fullWidth,
           onChange: val => {
             if (notPartOfTheForm) {
               const _defaultMeta = (values?.meta?.inputs || {})[formId] || {};
@@ -28996,6 +29157,9 @@ const GroupContentFormItem = ({
             form: MainForm,
             forms: options,
             value: lastReview?.comment || '',
+            maxWidth,
+            staticWidth,
+            fullWidth,
             onChange: val => {
               if (notPartOfTheForm) {
                 const _defaultMeta = (values?.meta?.inputs || {})[formId] || {};
@@ -29375,7 +29539,8 @@ const EditForm = ({
   evaluationConfig = [],
   staticWidth = "614px",
   fullWidth = false,
-  noConvert = false
+  noConvert = false,
+  maxWidth = "75%"
 }) => {
   const [isSubmitting] = React.useState(false);
   const formData = JSON.parse(JSON.stringify(convertUndefinedToNull(data) || {}));
@@ -29594,7 +29759,7 @@ const EditForm = ({
           name: id,
           layout: "vertical",
           style: {
-            maxWidth: fullWidth ? "unset" : 700
+            maxWidth: maxWidth || (fullWidth ? "unset" : 700) || 700
           },
           className: `main-form${formClass ? ` ${formClass}` : ""} `,
           onValuesChange: (_changedValue, _allValues) => {
@@ -29735,6 +29900,9 @@ const EditForm = ({
     }
   };
   return /*#__PURE__*/jsxRuntime.jsxs(EditProvider, {
+    maxWidth: maxWidth,
+    staticWidth: staticWidth,
+    fullWidth: fullWidth,
     t: t,
     isReview: isReview,
     user: user,
@@ -30245,6 +30413,9 @@ function DataLink({
     getApiBaseUrl,
     getAppHeader,
     app,
+    maxWidth,
+    staticWidth,
+    fullWidth,
     ...rest
   } = useEditContext();
   const [rowToEdit, setRowToEdit] = React.useState();
@@ -30687,7 +30858,11 @@ function DataLink({
   }, {});
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body', isHighlighted && 'highlighted']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : maxWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -31291,6 +31466,9 @@ function DataLinkGroup({
     getApiBaseUrl,
     getAppHeader,
     app,
+    maxWidth,
+    staticWidth,
+    fullWidth,
     ...rest
   } = useEditContext();
   const [rowToEdit, setRowToEdit] = React.useState();
@@ -31731,7 +31909,11 @@ function DataLinkGroup({
   }, {});
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body', isHighlighted && 'highlighted']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : staticWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -31838,6 +32020,9 @@ function DataLinkFlat({
     getApiBaseUrl,
     getAppHeader,
     app,
+    maxWidth,
+    staticWidth,
+    fullWidth,
     ...rest
   } = useEditContext();
   const [rowToEdit, setRowToEdit] = React.useState();
@@ -32283,7 +32468,11 @@ function DataLinkFlat({
   const disabledInputs = rowToEdit ? [...(form?.meta?.disabledKeysEdit || []), ...(form?.meta?.disabledKeys || [])] : [...(form?.meta?.disabledKeysCreate || []), ...(form?.meta?.disabledKeys || [])];
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: formatClassname(['data-link-cont mt-2', noBody && 'no-body', isHighlighted && 'highlighted']),
-    style: form?.meta?.style,
+    style: {
+      ...form?.meta?.style,
+      maxWidth: fullWidth ? "unset" : maxWidth,
+      width: fullWidth ? "100%" : staticWidth
+    },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "daf-table-wrapper no-padding repeatable-form-table no-pagination",
       children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
@@ -32295,9 +32484,7 @@ function DataLinkFlat({
           columns: columns,
           dataSource: dataSource,
           rowKey: "key",
-          scroll: noBody ? undefined : {
-            y: 170
-          }
+          scroll: noBody
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx(antd.Modal, {
@@ -33774,7 +33961,10 @@ const inputTypeComponent$1 = {
     repeatIndex,
     inputName,
     name,
-    tags
+    tags,
+    maxWidth,
+    staticWidth,
+    fullWidth
   }, {
     forms,
     form,
@@ -33838,6 +34028,11 @@ const inputTypeComponent$1 = {
       }
       opts = groupOptions;
     }
+    console.log({
+      maxWidth,
+      staticWidth,
+      fullWidth
+    });
     return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
       size: "medium",
       allowClear: true,
@@ -33852,6 +34047,11 @@ const inputTypeComponent$1 = {
       className: formatClassname([isHighlighted && "highlighted-select"]),
       disabled: props.disabled || inputMeta.notApplicable || inputMeta.notAvailable,
       placeholder: getMetaPlaceholer(inputMeta, t) || getInputProp(props.placeholder, formsValue) || t("Select all relevant options"),
+      styles: {
+        selector: {
+          width: "100%"
+        }
+      },
       children: (opts || []).map((option, i) => {
         const otherProps = {};
 
@@ -35565,7 +35765,10 @@ const GetFormItem$1 = ({
     ajaxOptions,
     changeAjaxForms,
     app,
-    isReview
+    isReview,
+    maxWidth,
+    staticWidth,
+    fullWidth
   } = useEditContext();
   const lastReview = (inputMeta?.reviews || [])[(inputMeta?.reviews?.length || 0) - 1];
   const [isShown, setIsShown] = React.useState(!!inputData.commentValue);
@@ -35930,7 +36133,12 @@ const GetFormItem$1 = ({
                 getToken: getToken,
                 app: app,
                 valueOnlyString: true
-              }) : inputTypeComponent$1[input.type] ? inputTypeComponent$1[input.type](inputData, {
+              }) : inputTypeComponent$1[input.type] ? inputTypeComponent$1[input.type]({
+                ...inputData,
+                maxWidth,
+                staticWidth,
+                fullWidth
+              }, {
                 form: MainForm,
                 forms: options,
                 allForms: plainForms,
@@ -35946,7 +36154,10 @@ const GetFormItem$1 = ({
                 t,
                 getApiBaseUrl,
                 getAppHeader,
-                isHighlighted
+                isHighlighted,
+                maxWidth,
+                staticWidth,
+                fullWidth
               }) : console.log(input)
             }), input.meta?.code ? /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "code",
@@ -36009,7 +36220,12 @@ const GetFormItem$1 = ({
                   })
                 })]
               }),
-              children: inputTypeComponent$1.comment(inputData, {
+              children: inputTypeComponent$1.comment({
+                ...inputData,
+                maxWidth,
+                staticWidth,
+                fullWidth
+              }, {
                 form: MainForm,
                 forms: options,
                 setFormValues: setValues,
@@ -36025,7 +36241,10 @@ const GetFormItem$1 = ({
                 },
                 t,
                 getApiBaseUrl,
-                getAppHeader
+                getAppHeader,
+                maxWidth,
+                staticWidth,
+                fullWidth
               })
             }), /*#__PURE__*/jsxRuntime.jsx("span", {
               className: "max-char-span",
@@ -36048,7 +36267,12 @@ const GetFormItem$1 = ({
                     children: t("Review note")
                   })
                 }),
-                children: inputTypeComponent$1.comment(inputData, {
+                children: inputTypeComponent$1.comment({
+                  ...inputData,
+                  maxWidth,
+                  staticWidth,
+                  fullWidth
+                }, {
                   form: MainForm,
                   forms: options,
                   value: lastReview?.comment || "",
@@ -36072,7 +36296,10 @@ const GetFormItem$1 = ({
                   },
                   t,
                   getApiBaseUrl,
-                  getAppHeader
+                  getAppHeader,
+                  maxWidth,
+                  staticWidth,
+                  fullWidth
                 })
               }), /*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "max-char-span",
@@ -41230,10 +41457,6 @@ const getColumns$a = ({
       goTo(getRedirectLink(link));
     };
     const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }, {
       label: t("Summary"),
       value: "Summary",
       onClick: () => {
@@ -41244,11 +41467,13 @@ const getColumns$a = ({
         goTo(getRedirectLink(link));
       }
       // disabled: true,
+    }, {
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
     }];
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-        items: moreMenuItems
-      })
+    return /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+      items: moreMenuItems
     });
   }
 }].filter(column => column.show !== false);
@@ -43664,10 +43889,6 @@ const getColumns$4 = ({
       goTo(getRedirectLink(link));
     };
     const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }, {
       label: t("Summary"),
       value: "Summary",
       onClick: () => {
@@ -43678,6 +43899,10 @@ const getColumns$4 = ({
         goTo(getRedirectLink(link));
       }
       // disabled: true,
+    }, {
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
     }];
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
@@ -49083,7 +49308,9 @@ const Content = ({
   getAppHeader,
   user,
   evaluationConfig = [],
-  fullWidth = false
+  fullWidth = false,
+  maxWidth = "75%",
+  staticWidth = "614px"
 }) => {
   const groupSingle = grps => {
     const form = Object.keys(grps).reduce((f, gKey) => {
@@ -49254,6 +49481,9 @@ const Content = ({
                   data: data,
                   allData: data,
                   linkingData: linkingData,
+                  maxWidth: maxWidth,
+                  staticWidth: staticWidth,
+                  fullWidth: fullWidth,
                   className: isEven ? ind === _length - 1 || ind === _length - 2 ? "last" : undefined : ind === _length - 1 ? "last" : undefined,
                   linkingForms: linkingForms,
                   ajaxOptions: ajaxOptions,
@@ -49301,7 +49531,10 @@ const Content = ({
               linkingForms: linkingForms,
               ajaxOptions: ajaxOptions,
               evaluationConfig: evaluationConfig,
-              cols: 2
+              cols: 2,
+              maxWidth: maxWidth,
+              staticWidth: staticWidth,
+              fullWidth: fullWidth
             }, key)]
           }, key) : null;
         })
@@ -49368,7 +49601,9 @@ const Content = ({
         children: /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "wrapper",
           style: {
-            width: fullWidth ? "100%" : 700
+            width: "75%",
+            display: "flex",
+            justifyContent: "center"
           },
           children: [f.alertConf ? /*#__PURE__*/jsxRuntime.jsx(antd.Alert, {
             className: "w-100",
@@ -49383,10 +49618,23 @@ const Content = ({
       });
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "content",
-    style: style,
-    children: renderContent(form) 
+  return /*#__PURE__*/jsxRuntime.jsx(ViewProvider, {
+    t: t,
+    app: app,
+    ajaxForms: ajaxForms,
+    changeAjaxForms: changeAjaxForms,
+    getApiBaseUrl: getApiBaseUrl,
+    getAppHeader: getAppHeader,
+    user: user,
+    evaluationConfig: evaluationConfig,
+    fullWidth: fullWidth,
+    maxWidth: maxWidth,
+    staticWidth: staticWidth,
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "content",
+      style: style,
+      children: renderContent(form) 
+    })
   });
 };
 
@@ -58862,7 +59110,8 @@ const View = ({
           changeAjaxForms: changeAjaxForms,
           getApiBaseUrl: getApiBaseUrl,
           getAppHeader: getAppHeader,
-          user: user
+          user: user,
+          fullWidth: true
         })]
       })]
     }), openRecordsModal && /*#__PURE__*/jsxRuntime.jsx(Records, {
@@ -59375,6 +59624,7 @@ const Edit = ({
             linkingForms: linkingForms,
             form: selectedForm,
             data: data,
+            fullWidth: true,
             t,
             user,
             ajaxForms,