blixify-ui-web 1.2.51 → 1.2.53

package/lib/components/data/dataTemplate/index.js

@@ -152,8 +152,22 @@ var referenceModal_1 = require("./referenceModal");
 var settingsModal_1 = require("./settingsModal");
 var flexFilterModel_1 = require("./flexFilterModel");
 var flexFilterModule_1 = require("./flexFilterModule");
+// INFO: builds the notification message for a failed write. Callers must gate on
+// `err.response` alone, never on a specific status — a catch that only handles 400 shows
+// the user nothing at all for any other status, so a write silently disappears. A 5xx is
+// the server's fault and self-resolves, so it gets a distinct message rather than the
+// contact-your-administrator copy, which reads as though the user did something wrong.
+var handleGetWriteErrorMessage = function (response) {
+    var _a;
+    if ((response === null || response === void 0 ? void 0 : response.status) >= 500) {
+        return "Our service is temporarily unavailable. Please try again in a few minutes.";
+    }
+    if (typeof ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.err) === "string")
+        return response.data.err;
+    return "Please contact our administrator for assistance or try your request again later. We apologize for any inconvenience";
+};
 exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41;
     var intialiseDefaultFilterValues = function () {
         var _a;
         var initialFilterSearch = {};
@@ -214,159 +228,159 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             initialFilterReferenceDate: initialFilterReferenceDate,
         };
     };
-    var _44 = intialiseDefaultFilterValues(), initialFilterSearch = _44.initialFilterSearch, initialFilterSearchParams = _44.initialFilterSearchParams, initialFilterSelection = _44.initialFilterSelection, initialFilterReference = _44.initialFilterReference, initialFilterReferenceDate = _44.initialFilterReferenceDate;
-    var _45 = (0, react_1.useState)(false), loading = _45[0], setLoading = _45[1];
-    var _46 = (0, react_1.useState)(), notification = _46[0], setNotification = _46[1];
+    var _42 = intialiseDefaultFilterValues(), initialFilterSearch = _42.initialFilterSearch, initialFilterSearchParams = _42.initialFilterSearchParams, initialFilterSelection = _42.initialFilterSelection, initialFilterReference = _42.initialFilterReference, initialFilterReferenceDate = _42.initialFilterReferenceDate;
+    var _43 = (0, react_1.useState)(false), loading = _43[0], setLoading = _43[1];
+    var _44 = (0, react_1.useState)(), notification = _44[0], setNotification = _44[1];
     //INFO : Used by List
-    var _47 = (0, react_1.useState)(initialFilterSearch), filterSearch = _47[0], setFilterSearch = _47[1];
-    var _48 = (0, react_1.useState)(initialFilterSearchParams), filterSearchParams = _48[0], setFilterSearchParams = _48[1];
-    var _49 = (0, react_1.useState)(initialFilterSelection), filterSelection = _49[0], setFilterSelection = _49[1];
-    var _50 = (0, react_1.useState)(initialFilterReference), filterReference = _50[0], setFilterReference = _50[1];
-    var _51 = (0, react_1.useState)({}), filterReferenceSearch = _51[0], setFilterReferenceSearch = _51[1];
-    var _52 = (0, react_1.useState)({}), filterReferenceList = _52[0], setFilterReferenceList = _52[1];
-    var _53 = (0, react_1.useState)(initialFilterReferenceDate), filterReferenceDate = _53[0], setFilterReferenceDate = _53[1];
-    var _54 = (0, react_1.useState)(true), tableLoading = _54[0], setTableLoading = _54[1];
-    var _55 = (0, react_1.useState)(""), cursor = _55[0], setCursor = _55[1];
-    var _56 = (0, react_1.useState)(""), lastCursor = _56[0], setLastCursor = _56[1];
-    var _57 = (0, react_1.useState)([]), tableData = _57[0], setTableData = _57[1];
-    var _58 = (0, react_1.useState)([]), spaceTableData = _58[0], setSpaceTableData = _58[1];
-    var _59 = (0, react_1.useState)(0), size = _59[0], setSize = _59[1];
-    var _60 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _60[0], setPageIndex = _60[1];
-    var _61 = (0, react_1.useState)([]), selectedIds = _61[0], setSelectedIds = _61[1];
-    var _62 = (0, react_1.useState)(false), selectAll = _62[0], setSelectAll = _62[1];
-    var _63 = (0, react_1.useState)(""), deletePasscode = _63[0], setDeletePasscode = _63[1];
-    var _64 = (0, react_1.useState)(""), deletePasscodeInput = _64[0], setDeletePasscodeInput = _64[1];
-    var _65 = (0, react_1.useState)(""), deleteFeedId = _65[0], setDeleteFeedId = _65[1];
+    var _45 = (0, react_1.useState)(initialFilterSearch), filterSearch = _45[0], setFilterSearch = _45[1];
+    var _46 = (0, react_1.useState)(initialFilterSearchParams), filterSearchParams = _46[0], setFilterSearchParams = _46[1];
+    var _47 = (0, react_1.useState)(initialFilterSelection), filterSelection = _47[0], setFilterSelection = _47[1];
+    var _48 = (0, react_1.useState)(initialFilterReference), filterReference = _48[0], setFilterReference = _48[1];
+    var _49 = (0, react_1.useState)({}), filterReferenceSearch = _49[0], setFilterReferenceSearch = _49[1];
+    var _50 = (0, react_1.useState)({}), filterReferenceList = _50[0], setFilterReferenceList = _50[1];
+    var _51 = (0, react_1.useState)(initialFilterReferenceDate), filterReferenceDate = _51[0], setFilterReferenceDate = _51[1];
+    var _52 = (0, react_1.useState)(true), tableLoading = _52[0], setTableLoading = _52[1];
+    var _53 = (0, react_1.useState)(""), cursor = _53[0], setCursor = _53[1];
+    var _54 = (0, react_1.useState)(""), lastCursor = _54[0], setLastCursor = _54[1];
+    var _55 = (0, react_1.useState)([]), tableData = _55[0], setTableData = _55[1];
+    var _56 = (0, react_1.useState)([]), spaceTableData = _56[0], setSpaceTableData = _56[1];
+    var _57 = (0, react_1.useState)(0), size = _57[0], setSize = _57[1];
+    var _58 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _58[0], setPageIndex = _58[1];
+    var _59 = (0, react_1.useState)([]), selectedIds = _59[0], setSelectedIds = _59[1];
+    var _60 = (0, react_1.useState)(false), selectAll = _60[0], setSelectAll = _60[1];
+    var _61 = (0, react_1.useState)(""), deletePasscode = _61[0], setDeletePasscode = _61[1];
+    var _62 = (0, react_1.useState)(""), deletePasscodeInput = _62[0], setDeletePasscodeInput = _62[1];
+    var _63 = (0, react_1.useState)(""), deleteFeedId = _63[0], setDeleteFeedId = _63[1];
     //INFO : Used by List Organise
-    var _66 = (0, react_1.useState)(false), sortModal = _66[0], setSortModal = _66[1];
-    var _67 = (0, react_1.useState)(false), filterModal = _67[0], setFilterModal = _67[1];
-    var _68 = (0, react_1.useState)(false), filterDraft = _68[0], setFilterDraft = _68[1];
-    var _69 = (0, react_1.useState)(false), addTabModal = _69[0], setAddTabModal = _69[1];
-    var _70 = (0, react_1.useState)(false), overviewModal = _70[0], setOverviewModal = _70[1];
+    var _64 = (0, react_1.useState)(false), sortModal = _64[0], setSortModal = _64[1];
+    var _65 = (0, react_1.useState)(false), filterModal = _65[0], setFilterModal = _65[1];
+    var _66 = (0, react_1.useState)(false), filterDraft = _66[0], setFilterDraft = _66[1];
+    var _67 = (0, react_1.useState)(false), addTabModal = _67[0], setAddTabModal = _67[1];
+    var _68 = (0, react_1.useState)(false), overviewModal = _68[0], setOverviewModal = _68[1];
     //INFO : resolve the initial tab synchronously so the mount cond is already
     // tab-scoped — an empty initial tab caused a second wasted list fetch
-    var _71 = (0, react_1.useState)(function () {
+    var _69 = (0, react_1.useState)(function () {
         var _a, _b;
         return (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, props.type, props.collectionId, props.id, (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.viewId);
-    }), selectedTab = _71[0], setSelectedTab = _71[1];
-    var _72 = (0, react_1.useState)("dayGridMonth"), calendarView = _72[0], setCalendarView = _72[1];
+    }), selectedTab = _69[0], setSelectedTab = _69[1];
+    var _70 = (0, react_1.useState)("dayGridMonth"), calendarView = _70[0], setCalendarView = _70[1];
     // INFO: bareNewDTW calendar viewSwitch mode — drives the NewCalendar variant
     // (calendarView above drives the matching range query)
-    var _73 = (0, react_1.useState)("month"), newCalendarViewMode = _73[0], setNewCalendarViewMode = _73[1];
-    var _74 = (0, react_1.useState)(new Date()), calendarTabMonth = _74[0], setCalendarTabMonth = _74[1];
-    var _75 = (0, react_1.useState)(true), kanbanDroppable = _75[0], setKanbanDroppable = _75[1];
-    var _76 = (0, react_1.useState)([]), kanbanOptions = _76[0], setKanbanOptions = _76[1];
-    var _77 = (0, react_1.useState)(false), queryForm = _77[0], setQueryForm = _77[1];
-    var _78 = (0, react_1.useState)(false), batchUpdateModal = _78[0], setBatchUpdateModal = _78[1];
-    var _79 = (0, react_1.useState)({
+    var _71 = (0, react_1.useState)("month"), newCalendarViewMode = _71[0], setNewCalendarViewMode = _71[1];
+    var _72 = (0, react_1.useState)(new Date()), calendarTabMonth = _72[0], setCalendarTabMonth = _72[1];
+    var _73 = (0, react_1.useState)(true), kanbanDroppable = _73[0], setKanbanDroppable = _73[1];
+    var _74 = (0, react_1.useState)([]), kanbanOptions = _74[0], setKanbanOptions = _74[1];
+    var _75 = (0, react_1.useState)(false), queryForm = _75[0], setQueryForm = _75[1];
+    var _76 = (0, react_1.useState)(false), batchUpdateModal = _76[0], setBatchUpdateModal = _76[1];
+    var _77 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _79[0], setBatchUpdateData = _79[1];
-    var _80 = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.model) || []), structure = _80[0], setStructure = _80[1];
-    var _81 = (0, react_1.useState)(((_c = props === null || props === void 0 ? void 0 : props.organise) === null || _c === void 0 ? void 0 : _c.additionalQuery) || []), additionalQuery = _81[0], setAdditionalQuery = _81[1];
+    }), batchUpdateData = _77[0], setBatchUpdateData = _77[1];
+    var _78 = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.model) || []), structure = _78[0], setStructure = _78[1];
+    var _79 = (0, react_1.useState)(((_c = props === null || props === void 0 ? void 0 : props.organise) === null || _c === void 0 ? void 0 : _c.additionalQuery) || []), additionalQuery = _79[0], setAdditionalQuery = _79[1];
     // INFO: State for user-configurable flex filters (Monday.com-style)
     // INFO: Initialize with one empty row so users see inputs immediately without clicking "Add Filter"
-    var _82 = (0, react_1.useState)([
+    var _80 = (0, react_1.useState)([
         {
             id: "flex-filter-init-row",
             columnId: "",
             operator: "=",
             value: undefined,
         },
-    ]), flexFilters = _82[0], setFlexFilters = _82[1];
+    ]), flexFilters = _80[0], setFlexFilters = _80[1];
     // INFO: Debounced version of flexFilters used by renderImpSearchFilterConditions
     // to prevent API calls on every keystroke when typing in value inputs
-    var _83 = (0, react_1.useState)([
+    var _81 = (0, react_1.useState)([
         {
             id: "flex-filter-init-row",
             columnId: "",
             operator: "=",
             value: undefined,
         },
-    ]), flexFiltersDebounced = _83[0], setFlexFiltersDebounced = _83[1];
-    var _84 = (0, react_1.useState)({}), flexFilterReferenceOptions = _84[0], setFlexFilterReferenceOptions = _84[1];
-    var _85 = (0, react_1.useState)({}), flexFilterReferenceSearch = _85[0], setFlexFilterReferenceSearch = _85[1];
-    var _86 = (0, react_1.useState)(false), flexFilterModalOpen = _86[0], setFlexFilterModalOpen = _86[1];
+    ]), flexFiltersDebounced = _81[0], setFlexFiltersDebounced = _81[1];
+    var _82 = (0, react_1.useState)({}), flexFilterReferenceOptions = _82[0], setFlexFilterReferenceOptions = _82[1];
+    var _83 = (0, react_1.useState)({}), flexFilterReferenceSearch = _83[0], setFlexFilterReferenceSearch = _83[1];
+    var _84 = (0, react_1.useState)(false), flexFilterModalOpen = _84[0], setFlexFilterModalOpen = _84[1];
     //INFO : Used by Auth
-    var _87 = (0, react_1.useState)({
+    var _85 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
         create: false,
-    }), authMethods = _87[0], setAuthMethods = _87[1];
-    var _88 = (0, react_1.useState)(""), selectedAuthMethod = _88[0], setSelectedAuthMethod = _88[1];
+    }), authMethods = _85[0], setAuthMethods = _85[1];
+    var _86 = (0, react_1.useState)(""), selectedAuthMethod = _86[0], setSelectedAuthMethod = _86[1];
     // INFO: Used by Activity Log
-    var _89 = (0, react_1.useState)(false), activityModal = _89[0], setActivityModal = _89[1];
-    var _90 = (0, react_1.useState)(""), activityId = _90[0], setActivityId = _90[1];
+    var _87 = (0, react_1.useState)(false), activityModal = _87[0], setActivityModal = _87[1];
+    var _88 = (0, react_1.useState)(""), activityId = _88[0], setActivityId = _88[1];
     //INFO : Used by Export
-    var _91 = (0, react_1.useState)(null), csvFile = _91[0], setCSVFile = _91[1];
-    var _92 = (0, react_1.useState)([]), csvFileData = _92[0], setCSVFileData = _92[1];
-    var _93 = (0, react_1.useState)(0), stepCSVIndex = _93[0], setStepCSVIndex = _93[1];
-    var _94 = (0, react_1.useState)({}), listCSVMapAttribute = _94[0], setListCSVMapAttribute = _94[1];
-    var _95 = (0, react_1.useState)({}), listCSVObjAttribute = _95[0], setListCSVObjAttribute = _95[1];
-    var _96 = (0, react_1.useState)([]), csvAPIAttribute = _96[0], setCSVAPIAttribute = _96[1];
-    var _97 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _97[0], setExportCSVEmail = _97[1];
-    var _98 = (0, react_1.useState)(((_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.exportSettings) === null || _f === void 0 ? void 0 : _f.defaultExportPDFName) || ""), exportPDFTitle = _98[0], setExportPDFTitle = _98[1];
-    var _99 = (0, react_1.useState)(false), exportPDFLoading = _99[0], setExportPDFLoading = _99[1];
-    var _100 = (0, react_1.useState)(false), exportReadPDFLoading = _100[0], setExportReadPDFLoading = _100[1];
-    var _101 = (0, react_1.useState)((_j = (_h = (_g = props.organise) === null || _g === void 0 ? void 0 : _g.exportSettings) === null || _h === void 0 ? void 0 : _h.sumColumnId) !== null && _j !== void 0 ? _j : []), exportSumAttributeIds = _101[0], setExportSumAttributeIds = _101[1];
-    var _102 = (0, react_1.useState)((_m = (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.exportSettings) === null || _l === void 0 ? void 0 : _l.hideSubItems) !== null && _m !== void 0 ? _m : false), hideSubItems = _102[0], setHideSubItems = _102[1];
-    var _103 = (0, react_1.useState)([]), importTableData = _103[0], setImportTableData = _103[1];
-    var _104 = (0, react_1.useState)([]), queryList = _104[0], setQueryList = _104[1];
-    var _105 = (0, react_1.useState)(undefined), allQueryList = _105[0], setAllQueryList = _105[1];
-    var _106 = (0, react_1.useState)(-1), queryIndex = _106[0], setQueryIndex = _106[1];
-    var _107 = (0, react_1.useState)((_o = props.organise) === null || _o === void 0 ? void 0 : _o.groupBy), groupId = _107[0], setGroupId = _107[1];
-    var _108 = (0, react_1.useState)(""), readTabSection = _108[0], setReadTabSection = _108[1];
-    var _109 = (0, react_1.useState)(false), readFloatingNav = _109[0], setReadFloatingNav = _109[1];
+    var _89 = (0, react_1.useState)(null), csvFile = _89[0], setCSVFile = _89[1];
+    var _90 = (0, react_1.useState)([]), csvFileData = _90[0], setCSVFileData = _90[1];
+    var _91 = (0, react_1.useState)(0), stepCSVIndex = _91[0], setStepCSVIndex = _91[1];
+    var _92 = (0, react_1.useState)({}), listCSVMapAttribute = _92[0], setListCSVMapAttribute = _92[1];
+    var _93 = (0, react_1.useState)({}), listCSVObjAttribute = _93[0], setListCSVObjAttribute = _93[1];
+    var _94 = (0, react_1.useState)([]), csvAPIAttribute = _94[0], setCSVAPIAttribute = _94[1];
+    var _95 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _95[0], setExportCSVEmail = _95[1];
+    var _96 = (0, react_1.useState)(((_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.exportSettings) === null || _f === void 0 ? void 0 : _f.defaultExportPDFName) || ""), exportPDFTitle = _96[0], setExportPDFTitle = _96[1];
+    var _97 = (0, react_1.useState)(false), exportPDFLoading = _97[0], setExportPDFLoading = _97[1];
+    var _98 = (0, react_1.useState)(false), exportReadPDFLoading = _98[0], setExportReadPDFLoading = _98[1];
+    var _99 = (0, react_1.useState)((_j = (_h = (_g = props.organise) === null || _g === void 0 ? void 0 : _g.exportSettings) === null || _h === void 0 ? void 0 : _h.sumColumnId) !== null && _j !== void 0 ? _j : []), exportSumAttributeIds = _99[0], setExportSumAttributeIds = _99[1];
+    var _100 = (0, react_1.useState)((_m = (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.exportSettings) === null || _l === void 0 ? void 0 : _l.hideSubItems) !== null && _m !== void 0 ? _m : false), hideSubItems = _100[0], setHideSubItems = _100[1];
+    var _101 = (0, react_1.useState)([]), importTableData = _101[0], setImportTableData = _101[1];
+    var _102 = (0, react_1.useState)([]), queryList = _102[0], setQueryList = _102[1];
+    var _103 = (0, react_1.useState)(undefined), allQueryList = _103[0], setAllQueryList = _103[1];
+    var _104 = (0, react_1.useState)(-1), queryIndex = _104[0], setQueryIndex = _104[1];
+    var _105 = (0, react_1.useState)((_o = props.organise) === null || _o === void 0 ? void 0 : _o.groupBy), groupId = _105[0], setGroupId = _105[1];
+    var _106 = (0, react_1.useState)(""), readTabSection = _106[0], setReadTabSection = _106[1];
+    var _107 = (0, react_1.useState)(false), readFloatingNav = _107[0], setReadFloatingNav = _107[1];
     var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    var _110 = (0, react_1.useState)(false), modalVisible = _110[0], setModalVisible = _110[1];
-    var _111 = (0, react_1.useState)(false), deleteModal = _111[0], setDeleteModal = _111[1];
-    var _112 = (0, react_1.useState)(false), excelModal = _112[0], setExcelModal = _112[1];
-    var _113 = (0, react_1.useState)(false), exportExcel = _113[0], setExportExcel = _113[1];
-    var _114 = (0, react_1.useState)(""), exportType = _114[0], setExportType = _114[1];
-    var _115 = (0, react_1.useState)(false), exportQR = _115[0], setExportQR = _115[1];
-    var _116 = (0, react_1.useState)(function () {
+    var _108 = (0, react_1.useState)(false), modalVisible = _108[0], setModalVisible = _108[1];
+    var _109 = (0, react_1.useState)(false), deleteModal = _109[0], setDeleteModal = _109[1];
+    var _110 = (0, react_1.useState)(false), excelModal = _110[0], setExcelModal = _110[1];
+    var _111 = (0, react_1.useState)(false), exportExcel = _111[0], setExportExcel = _111[1];
+    var _112 = (0, react_1.useState)(""), exportType = _112[0], setExportType = _112[1];
+    var _113 = (0, react_1.useState)(false), exportQR = _113[0], setExportQR = _113[1];
+    var _114 = (0, react_1.useState)(function () {
         var _a, _b;
         var firstTabId = (_b = (_a = structure.find(function (item) { return item.tabId; })) === null || _a === void 0 ? void 0 : _a.tabId) !== null && _b !== void 0 ? _b : "";
         return firstTabId;
-    }), activeTab = _116[0], setActiveTab = _116[1];
-    var _117 = (0, react_1.useState)(false), signatureSigning = _117[0], setSignatureSigning = _117[1];
-    var _118 = (0, react_1.useState)({}), selectedData = _118[0], setSelectedData = _118[1];
-    var _119 = (0, react_1.useState)(""), selectedObjectStructureId = _119[0], setSelectedObjectStructureId = _119[1];
-    var _120 = (0, react_1.useState)(""), selectedObjectId = _120[0], setSelectedObjectId = _120[1];
-    var _121 = (0, react_1.useState)(""), selectedListAddressId = _121[0], setSelectedListAddressId = _121[1];
-    var _122 = (0, react_1.useState)(-1), selectedListAddressIndex = _122[0], setSelectedListAddressIndex = _122[1];
-    var _123 = (0, react_1.useState)({
+    }), activeTab = _114[0], setActiveTab = _114[1];
+    var _115 = (0, react_1.useState)(false), signatureSigning = _115[0], setSignatureSigning = _115[1];
+    var _116 = (0, react_1.useState)({}), selectedData = _116[0], setSelectedData = _116[1];
+    var _117 = (0, react_1.useState)(""), selectedObjectStructureId = _117[0], setSelectedObjectStructureId = _117[1];
+    var _118 = (0, react_1.useState)(""), selectedObjectId = _118[0], setSelectedObjectId = _118[1];
+    var _119 = (0, react_1.useState)(""), selectedListAddressId = _119[0], setSelectedListAddressId = _119[1];
+    var _120 = (0, react_1.useState)(-1), selectedListAddressIndex = _120[0], setSelectedListAddressIndex = _120[1];
+    var _121 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _123[0], setSelectedListAddress = _123[1];
-    var _124 = (0, react_1.useState)({}), selectedObjectData = _124[0], setSelectedObjectData = _124[1];
-    var _125 = (0, react_1.useState)(false), referenceLoading = _125[0], setReferenceLoading = _125[1];
-    var _126 = (0, react_1.useState)({}), referencesOptions = _126[0], setReferencesOptions = _126[1];
-    var _127 = (0, react_1.useState)({}), referencesDetails = _127[0], setReferencesDetails = _127[1];
-    var _128 = (0, react_1.useState)({}), referenceDeleteTableData = _128[0], setReferenceDeleteTableData = _128[1];
-    var _129 = (0, react_1.useState)(0), referenceDeleteIndex = _129[0], setReferenceDeleteIndex = _129[1];
-    var _130 = (0, react_1.useState)({
+    }), selectedListAddress = _121[0], setSelectedListAddress = _121[1];
+    var _122 = (0, react_1.useState)({}), selectedObjectData = _122[0], setSelectedObjectData = _122[1];
+    var _123 = (0, react_1.useState)(false), referenceLoading = _123[0], setReferenceLoading = _123[1];
+    var _124 = (0, react_1.useState)({}), referencesOptions = _124[0], setReferencesOptions = _124[1];
+    var _125 = (0, react_1.useState)({}), referencesDetails = _125[0], setReferencesDetails = _125[1];
+    var _126 = (0, react_1.useState)({}), referenceDeleteTableData = _126[0], setReferenceDeleteTableData = _126[1];
+    var _127 = (0, react_1.useState)(0), referenceDeleteIndex = _127[0], setReferenceDeleteIndex = _127[1];
+    var _128 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _130[0], setReferenceCreationModal = _130[1];
-    var _131 = (0, react_1.useState)({}), referenceModelSchema = _131[0], setReferenceSchema = _131[1];
-    var _132 = (0, react_1.useState)([]), kanbanChecked = _132[0], setKanbanChecked = _132[1];
+    }), referenceCreationModal = _128[0], setReferenceCreationModal = _128[1];
+    var _129 = (0, react_1.useState)({}), referenceModelSchema = _129[0], setReferenceSchema = _129[1];
+    var _130 = (0, react_1.useState)([]), kanbanChecked = _130[0], setKanbanChecked = _130[1];
     //INFO : Offline
-    var _133 = (0, react_1.useState)(0), offlineDataLength = _133[0], setOfflineDataLength = _133[1];
-    var _134 = (0, react_1.useState)(false), offlineModal = _134[0], setOfflineModal = _134[1];
+    var _131 = (0, react_1.useState)(0), offlineDataLength = _131[0], setOfflineDataLength = _131[1];
+    var _132 = (0, react_1.useState)(false), offlineModal = _132[0], setOfflineModal = _132[1];
     // INFO: live-stream state — driven by socket connection and navigator.onLine
-    var _135 = (0, react_1.useState)(false), isLive = _135[0], setIsLive = _135[1];
-    var _136 = (0, react_1.useState)(false), isLiveOffline = _136[0], setIsLiveOffline = _136[1];
+    var _133 = (0, react_1.useState)(false), isLive = _133[0], setIsLive = _133[1];
+    var _134 = (0, react_1.useState)(false), isLiveOffline = _134[0], setIsLiveOffline = _134[1];
     // INFO: true when navigator is offline — used to switch ReadQueryHoc between
     // server reads (online, full pagination) and IndexedDB reads (offline, cached data).
     // Independent of SSE status so it works even when bareSocketName is not set.
-    var _137 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _137[0], setIsNetworkOffline = _137[1];
+    var _135 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _135[0], setIsNetworkOffline = _135[1];
     var previousType = (0, react_1.useRef)(null);
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
@@ -460,20 +474,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             ? __spreadArray(__spreadArray([], pipeline, true), props.bareSettings.bareListPipeline, true) : props.bareSettings.bareListPipeline;
     }
     var hasNavigation = ((_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.handleNavigate) ? true : false;
-    var columnType = (_3 = (_2 = props.bareSettings) === null || _2 === void 0 ? void 0 : _2.bareUpdateColumnType) !== null && _3 !== void 0 ? _3 : "two";
-    var formColumn = columnType === "one" ? "grid-cols-2" : "grid-cols-4";
-    var useMobileView = (_5 = (_4 = props.bareSettings) === null || _4 === void 0 ? void 0 : _4.bareUpdateMobileView) !== null && _5 !== void 0 ? _5 : false;
+    var formColumn = "grid-cols-12";
+    var useMobileView = (_3 = (_2 = props.bareSettings) === null || _2 === void 0 ? void 0 : _2.bareUpdateMobileView) !== null && _3 !== void 0 ? _3 : false;
     var gridGap = useMobileView ? "gap-x-6 gap-y-2 md:gap-y-6" : "gap-6";
-    var isActivityLog = (((_7 = (_6 = props.edit) === null || _6 === void 0 ? void 0 : _6.activityLog) === null || _7 === void 0 ? void 0 : _7.enableComments) &&
-        ((_8 = props.edit) === null || _8 === void 0 ? void 0 : _8.activityLog.commentCollectionId)) ||
-        (((_10 = (_9 = props.edit) === null || _9 === void 0 ? void 0 : _9.activityLog) === null || _10 === void 0 ? void 0 : _10.enableLogs) &&
-            ((_11 = props.edit) === null || _11 === void 0 ? void 0 : _11.activityLog.logsCollectionId));
-    var customPaginationSize = ((_12 = props.organise) === null || _12 === void 0 ? void 0 : _12.customPaginationCount)
+    var isActivityLog = (((_5 = (_4 = props.edit) === null || _4 === void 0 ? void 0 : _4.activityLog) === null || _5 === void 0 ? void 0 : _5.enableComments) &&
+        ((_6 = props.edit) === null || _6 === void 0 ? void 0 : _6.activityLog.commentCollectionId)) ||
+        (((_8 = (_7 = props.edit) === null || _7 === void 0 ? void 0 : _7.activityLog) === null || _8 === void 0 ? void 0 : _8.enableLogs) &&
+            ((_9 = props.edit) === null || _9 === void 0 ? void 0 : _9.activityLog.logsCollectionId));
+    var customPaginationSize = ((_10 = props.organise) === null || _10 === void 0 ? void 0 : _10.customPaginationCount)
         ? props.organise.customPaginationCount(size)
         : undefined;
     //TODO : Code - Pass ...devSettings, search dbEndpoint:
     var writeServerQuery = new writeQuery_1.WriteQuery({
-        dbModule: (_13 = props.lib) === null || _13 === void 0 ? void 0 : _13.axios,
+        dbModule: (_11 = props.lib) === null || _11 === void 0 ? void 0 : _11.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -481,7 +494,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var readServerQuery = new readQuery_1.ReadQuery({
-        dbModule: (_14 = props.lib) === null || _14 === void 0 ? void 0 : _14.axios,
+        dbModule: (_12 = props.lib) === null || _12 === void 0 ? void 0 : _12.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -489,9 +502,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_15 = props.edit) === null || _15 === void 0 ? void 0 : _15.allEditable) &&
+        ((_13 = props.edit) === null || _13 === void 0 ? void 0 : _13.allEditable) &&
             !isFirebase &&
-            !((_17 = (_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.exportSettings) === null || _17 === void 0 ? void 0 : _17.hideImportCSV)
+            !((_15 = (_14 = props.organise) === null || _14 === void 0 ? void 0 : _14.exportSettings) === null || _15 === void 0 ? void 0 : _15.hideImportCSV)
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -500,7 +513,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_19 = (_18 = props.organise) === null || _18 === void 0 ? void 0 : _18.exportSettings) === null || _19 === void 0 ? void 0 : _19.hideExportCSV)
+        !((_17 = (_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.exportSettings) === null || _17 === void 0 ? void 0 : _17.hideExportCSV)
             ? {
                 text: "Export CSV",
                 onClick: function () {
@@ -510,7 +523,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_21 = (_20 = props.organise) === null || _20 === void 0 ? void 0 : _20.exportSettings) === null || _21 === void 0 ? void 0 : _21.hideExportExcel)
+        !((_19 = (_18 = props.organise) === null || _18 === void 0 ? void 0 : _18.exportSettings) === null || _19 === void 0 ? void 0 : _19.hideExportExcel)
             ? {
                 text: "Export Excel",
                 onClick: function () {
@@ -520,7 +533,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_23 = (_22 = props.organise) === null || _22 === void 0 ? void 0 : _22.exportSettings) === null || _23 === void 0 ? void 0 : _23.hideExportPDF)
+        !((_21 = (_20 = props.organise) === null || _20 === void 0 ? void 0 : _20.exportSettings) === null || _21 === void 0 ? void 0 : _21.hideExportPDF)
             ? {
                 text: "Export PDF",
                 onClick: function () {
@@ -530,7 +543,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_25 = (_24 = props.organise) === null || _24 === void 0 ? void 0 : _24.exportSettings) === null || _25 === void 0 ? void 0 : _25.hideExportQR)
+        !((_23 = (_22 = props.organise) === null || _22 === void 0 ? void 0 : _22.exportSettings) === null || _23 === void 0 ? void 0 : _23.hideExportQR)
             ? {
                 text: "Export QR",
                 onClick: function () {
@@ -540,7 +553,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_27 = (_26 = props.organise) === null || _26 === void 0 ? void 0 : _26.exportSettings) === null || _27 === void 0 ? void 0 : _27.hideExportQR)
+        !((_25 = (_24 = props.organise) === null || _24 === void 0 ? void 0 : _24.exportSettings) === null || _25 === void 0 ? void 0 : _25.hideExportQR)
             ? {
                 text: "Export QR(Data)",
                 onClick: function () {
@@ -550,7 +563,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_29 = (_28 = props.organise) === null || _28 === void 0 ? void 0 : _28.exportSettings) === null || _29 === void 0 ? void 0 : _29.hideExportPrint)
+        !((_27 = (_26 = props.organise) === null || _26 === void 0 ? void 0 : _26.exportSettings) === null || _27 === void 0 ? void 0 : _27.hideExportPrint)
             ? {
                 text: "Print",
                 onClick: function () {
@@ -560,7 +573,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_31 = (_30 = props.organise) === null || _30 === void 0 ? void 0 : _30.exportSettings) === null || _31 === void 0 ? void 0 : _31.hideExportDraft)
+        !((_29 = (_28 = props.organise) === null || _28 === void 0 ? void 0 : _28.exportSettings) === null || _29 === void 0 ? void 0 : _29.hideExportDraft)
             ? {
                 text: filterDraft ? "Show All Items" : "Filter Draft",
                 onClick: function () {
@@ -569,7 +582,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             : null,
     ].filter(Boolean);
-    if ((_32 = props.organise) === null || _32 === void 0 ? void 0 : _32.moreSettings)
+    if ((_30 = props.organise) === null || _30 === void 0 ? void 0 : _30.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     //=====================================================================================
     //SECTION: Flex Filter Handlers
@@ -725,7 +738,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         handleOfflinePrefetch();
         /* eslint-disable */
-    }, [props.collectionId, (_33 = props.bareSettings) === null || _33 === void 0 ? void 0 : _33.bareOffline]);
+    }, [props.collectionId, (_31 = props.bareSettings) === null || _31 === void 0 ? void 0 : _31.bareOffline]);
     /* eslint-enable */
     // INFO: MRQ polling — calls handleRefresh every N ms (e.g. 1500) as a fallback.
     // Calls through handleRefreshRef so the interval always dispatches the latest
@@ -745,7 +758,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, interval);
         return function () { return clearInterval(timer); };
         /* eslint-disable */
-    }, [(_34 = props.bareSettings) === null || _34 === void 0 ? void 0 : _34.barePollingInterval, isLive, isNetworkOffline]);
+    }, [(_32 = props.bareSettings) === null || _32 === void 0 ? void 0 : _32.barePollingInterval, isLive, isNetworkOffline]);
     /* eslint-enable */
     // INFO: Pub/Sub → SSE live-stream — driven by bareSettings.bareSocketName
     // EventSource URL: {sseEndpoint}/{room}?bm_apiToken={token}
@@ -787,7 +800,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         };
         /* eslint-disable */
     }, [
-        (_35 = props.bareSettings) === null || _35 === void 0 ? void 0 : _35.bareSocketName,
+        (_33 = props.bareSettings) === null || _33 === void 0 ? void 0 : _33.bareSocketName,
         props.collectionId,
         props.devSettings.sseEndpoint,
         props.devSettings.dbAPIToken,
@@ -1020,10 +1033,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.model,
         props.localURLEndpoint,
-        (_36 = props.organise) === null || _36 === void 0 ? void 0 : _36.extendedTabs,
-        (_37 = props.organise) === null || _37 === void 0 ? void 0 : _37.viewId,
-        (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.additionalQuery,
-        (_39 = props.organise) === null || _39 === void 0 ? void 0 : _39.groupBy,
+        (_34 = props.organise) === null || _34 === void 0 ? void 0 : _34.extendedTabs,
+        (_35 = props.organise) === null || _35 === void 0 ? void 0 : _35.viewId,
+        (_36 = props.organise) === null || _36 === void 0 ? void 0 : _36.additionalQuery,
+        (_37 = props.organise) === null || _37 === void 0 ? void 0 : _37.groupBy,
         props.type,
     ]);
     (0, react_1.useEffect)(function () {
@@ -1113,7 +1126,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             };
         }, 100);
         return function () { return clearTimeout(timeoutId); };
-    }, [(_40 = props.organise) === null || _40 === void 0 ? void 0 : _40.showReadFloatingNav, props.type, props.id, loading]);
+    }, [(_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.showReadFloatingNav, props.type, props.id, loading]);
     (0, react_1.useEffect)(function () {
         if (props.type !== "read")
             return;
@@ -3660,11 +3673,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 case 6: return [3 /*break*/, 8];
                 case 7:
                     err_17 = _a.sent();
-                    if (err_17.response && err_17.response.status === 400) {
+                    if (err_17.response) {
                         setNotification({
                             type: false,
                             title: "Error",
-                            msg: err_17.response.data.err,
+                            msg: handleGetWriteErrorMessage(err_17.response),
                         });
                     }
                     return [3 /*break*/, 8];
@@ -3829,15 +3842,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var handleSubmitData = function (type, rowId, columnId, data, offlineId, isOfflineUpdate, isDraft) { return __awaiter(void 0, void 0, void 0, function () {
         var selectedId, id, createSelectedData_1, uniqueDataStructure, uniqueColumnId, res, offlineDataResp, offlineData, clonedForOffline, tempData, selectedIndex_3, err_20, isExistingDoc, newRecordData_1, changedAttributeIds, baseDraftValue, hasBaseDraftChange, offlineDataResp, clonedForOffline, tempData, selectedIndex_4, offlineData, err_21, dataToSubmit_2, changedAttributeIds, baseDraftValue, hasBaseDraftChange, operationType, selectedIndex_5, wentToServer, dataId, err_22, offlineDataResp, offlineData, clonedForOffline, tempData, selectedIndex_6, _a;
         var _b, _c, _d;
-        var _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-        return __generator(this, function (_y) {
-            switch (_y.label) {
+        var _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        return __generator(this, function (_x) {
+            switch (_x.label) {
                 case 0:
                     selectedId = "";
                     id = "";
-                    _y.label = 1;
+                    _x.label = 1;
                 case 1:
-                    _y.trys.push([1, 39, , 45]);
+                    _x.trys.push([1, 39, , 45]);
                     if (type === "update")
                         selectedId = rowId !== null && rowId !== void 0 ? rowId : "";
                     else if (type === "create")
@@ -3867,8 +3880,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     return [3 /*break*/, 4];
                 case 2: return [4 /*yield*/, handleUploadImage(id, data)];
                 case 3:
-                    createSelectedData_1 = _y.sent();
-                    _y.label = 4;
+                    createSelectedData_1 = _x.sent();
+                    _x.label = 4;
                 case 4:
                     uniqueDataStructure = structure.filter(function (eachStructure) {
                         return eachStructure.unique;
@@ -3888,12 +3901,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     if (isDraft)
                         createSelectedData_1["baseDraft"] = true;
                     if (!isOffline) return [3 /*break*/, 10];
-                    _y.label = 5;
+                    _x.label = 5;
                 case 5:
-                    _y.trys.push([5, 8, , 9]);
+                    _x.trys.push([5, 8, , 9]);
                     return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
                 case 6:
-                    offlineDataResp = _y.sent();
+                    offlineDataResp = _x.sent();
                     offlineData = (_g = offlineDataResp === null || offlineDataResp === void 0 ? void 0 : offlineDataResp.data) !== null && _g !== void 0 ? _g : [];
                     clonedForOffline = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, true, showId);
                     tempData = (0, updateModule_1.handleParseOfflineWrite)(clonedForOffline, structure);
@@ -3937,11 +3950,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: props.collectionId,
                         })];
                 case 7:
-                    _y.sent();
+                    _x.sent();
                     res = true;
                     return [3 /*break*/, 9];
                 case 8:
-                    err_20 = _y.sent();
+                    err_20 = _x.sent();
                     return [3 /*break*/, 9];
                 case 9: return [3 /*break*/, 16];
                 case 10:
@@ -4003,7 +4016,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             upsert: true,
                         })];
                 case 11:
-                    res = _y.sent();
+                    res = _x.sent();
                     return [3 /*break*/, 16];
                 case 12:
                     // INFO: stepper create guard — if a create is already in-flight, queue this
@@ -4023,7 +4036,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         })];
                 case 13:
                     //INFO: [CREATE] Create new data
-                    res = _y.sent();
+                    res = _x.sent();
                     if (!(selectedId === "new")) return [3 /*break*/, 16];
                     isCreatingRef.current = false;
                     if (!pendingDraftSaveRef.current) return [3 /*break*/, 15];
@@ -4035,23 +4048,23 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         })];
                 case 14:
                     // INFO: replay as update — inflightIdRef.current holds the real _id
-                    _y.sent();
-                    _y.label = 15;
+                    _x.sent();
+                    _x.label = 15;
                 case 15:
                     inflightIdRef.current = "";
-                    _y.label = 16;
+                    _x.label = 16;
                 case 16: return [3 /*break*/, 25];
                 case 17:
                     if (!selectedId) return [3 /*break*/, 25];
                     if (!(isOffline &&
                         !(isOfflineNetworkListener && !isNetworkOffline) &&
                         !offlineId)) return [3 /*break*/, 23];
-                    _y.label = 18;
+                    _x.label = 18;
                 case 18:
-                    _y.trys.push([18, 21, , 22]);
+                    _x.trys.push([18, 21, , 22]);
                     return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
                 case 19:
-                    offlineDataResp = _y.sent();
+                    offlineDataResp = _x.sent();
                     clonedForOffline = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, true, showId);
                     tempData = (0, updateModule_1.handleParseOfflineWrite)(clonedForOffline, structure);
                     tempData[serverId] = selectedId;
@@ -4093,11 +4106,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: props.collectionId,
                         })];
                 case 20:
-                    _y.sent();
+                    _x.sent();
                     res = true;
                     return [3 /*break*/, 22];
                 case 21:
-                    err_21 = _y.sent();
+                    err_21 = _x.sent();
                     return [3 /*break*/, 22];
                 case 22: return [3 /*break*/, 25];
                 case 23:
@@ -4183,8 +4196,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 : undefined,
                         })];
                 case 24:
-                    res = _y.sent();
-                    _y.label = 25;
+                    res = _x.sent();
+                    _x.label = 25;
                 case 25:
                     if (!(type === "update" || type === "create")) return [3 /*break*/, 33];
                     if (!res) return [3 /*break*/, 32];
@@ -4200,27 +4213,27 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     });
                     return [4 /*yield*/, handleGetListData({ data: tableData[selectedIndex_5] }, "update", rowId)];
                 case 26:
-                    _y.sent();
-                    _y.label = 27;
+                    _x.sent();
+                    _x.label = 27;
                 case 27: return [3 /*break*/, 30];
                 case 28: return [4 /*yield*/, handleGetListData({ data: [createSelectedData_1] }, "create")];
                 case 29:
-                    _y.sent();
-                    _y.label = 30;
+                    _x.sent();
+                    _x.label = 30;
                 case 30:
                     if (!((_t = props.bareSettings) === null || _t === void 0 ? void 0 : _t.bareUpdateHandlePostComplete)) return [3 /*break*/, 32];
                     return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete(__assign((_c = {}, _c[serverId] = id, _c), createSelectedData_1))];
                 case 31:
-                    _y.sent();
-                    _y.label = 32;
+                    _x.sent();
+                    _x.label = 32;
                 case 32: return [3 /*break*/, 38];
                 case 33:
                     createSelectedData_1[serverId] = id;
                     if (!!isOffline) return [3 /*break*/, 35];
                     return [4 /*yield*/, handleGetListData({ data: [createSelectedData_1] }, selectedId === "new" ? "create" : "update", id)];
                 case 34:
-                    _y.sent();
-                    _y.label = 35;
+                    _x.sent();
+                    _x.label = 35;
                 case 35:
                     wentToServer = res &&
                         !offlineId &&
@@ -4228,8 +4241,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     if (!(wentToServer && ((_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareUpdateHandlePostComplete))) return [3 /*break*/, 37];
                     return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete(__assign((_d = {}, _d[serverId] = id, _d), createSelectedData_1))];
                 case 36:
-                    _y.sent();
-                    _y.label = 37;
+                    _x.sent();
+                    _x.label = 37;
                 case 37:
                     setNotification({
                         type: true,
@@ -4240,12 +4253,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             ? "Data sucessfully created"
                             : "Data sucessfully updated",
                     });
-                    _y.label = 38;
+                    _x.label = 38;
                 case 38:
                     dataId = res ? id : "";
                     return [2 /*return*/, dataId];
                 case 39:
-                    err_22 = _y.sent();
+                    err_22 = _x.sent();
                     console.log("error", err_22);
                     // INFO: clear in-flight guard on failure so the next save retries as a create
                     if (isCreatingRef.current) {
@@ -4258,12 +4271,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         !offlineId &&
                         !isOfflineUpdate &&
                         !err_22.response)) return [3 /*break*/, 44];
-                    _y.label = 40;
+                    _x.label = 40;
                 case 40:
-                    _y.trys.push([40, 43, , 44]);
+                    _x.trys.push([40, 43, , 44]);
                     return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
                 case 41:
-                    offlineDataResp = _y.sent();
+                    offlineDataResp = _x.sent();
                     offlineData = (_w = offlineDataResp === null || offlineDataResp === void 0 ? void 0 : offlineDataResp.data) !== null && _w !== void 0 ? _w : [];
                     clonedForOffline = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, true, showId);
                     tempData = (0, updateModule_1.handleParseOfflineWrite)(clonedForOffline, structure);
@@ -4301,7 +4314,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: props.collectionId,
                         })];
                 case 42:
-                    _y.sent();
+                    _x.sent();
                     setNotification({
                         type: false,
                         title: selectedId === "new"
@@ -4313,22 +4326,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     // INFO: return id so handleSubmit can navigate as if the save succeeded
                     return [2 /*return*/, id];
                 case 43:
-                    _a = _y.sent();
+                    _a = _x.sent();
                     return [3 /*break*/, 44];
                 case 44:
-                    if (err_22.response && err_22.response.status === 400) {
-                        if (typeof ((_x = err_22.response.data) === null || _x === void 0 ? void 0 : _x.err) === "string")
-                            setNotification({
-                                type: false,
-                                title: "Error",
-                                msg: err_22.response.data.err,
-                            });
-                        else
-                            setNotification({
-                                type: false,
-                                title: "Error",
-                                msg: "Please contact our administrator for assistance or try your request again later. We apologize for any inconvenience",
-                            });
+                    if (err_22.response) {
+                        setNotification({
+                            type: false,
+                            title: "Error",
+                            msg: handleGetWriteErrorMessage(err_22.response),
+                        });
                     }
                     return [3 /*break*/, 45];
                 case 45: return [2 /*return*/];
@@ -8695,7 +8701,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_42 = (_41 = props.renderSettings) === null || _41 === void 0 ? void 0 : _41.renderLoadingUI) === null || _42 === void 0 ? void 0 : _42.call(_41)) && loading ? ((_43 = props.renderSettings) === null || _43 === void 0 ? void 0 : _43.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
+        ((_40 = (_39 = props.renderSettings) === null || _39 === void 0 ? void 0 : _39.renderLoadingUI) === null || _40 === void 0 ? void 0 : _40.call(_39)) && loading ? ((_41 = props.renderSettings) === null || _41 === void 0 ? void 0 : _41.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
                 var _a, _b;
                 if (loading)
                     return;