blixify-ui-web 0.3.91 → 0.3.93

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

@@ -120,6 +120,7 @@ var uploadInput_1 = require("../../input/uploadInput");
 var breadcrumb_1 = require("../../navigation/breadcrumb");
 var tabs_1 = require("../../navigation/tabs");
 var link_1 = require("../../structure/link");
+var authModule_1 = require("../authModule");
 var blobModule_1 = require("../blobModule");
 var listModule_1 = require("../listModule");
 var moduleUtils_1 = require("../moduleUtils");
@@ -131,13 +132,14 @@ var updateModule_1 = require("../updateModule");
 var utils_1 = require("../utils");
 var writeQuery_1 = require("../writeQuery");
 var activityModal_1 = require("./activityModal");
+var authModal_1 = require("./authModal");
 var dataStateModel_1 = require("./dataStateModel");
 var indexedDb_1 = require("./indexedDb");
 var pagination_1 = require("./pagination");
 var referenceModal_1 = require("./referenceModal");
 var settingsModal_1 = require("./settingsModal");
 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;
+    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;
     var formRef = (0, react_1.createRef)();
     var objectFormRef = (0, react_1.createRef)();
     var listAddressFromRef = (0, react_1.createRef)();
@@ -152,98 +154,106 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var typingTimeout = (0, react_1.useRef)();
     // const oldCollectionId: any = useRef();
     var mapViewRef = (0, react_1.useRef)();
-    var _5 = (0, react_1.useState)(false), loading = _5[0], setLoading = _5[1];
-    var _6 = (0, react_1.useState)(), notification = _6[0], setNotification = _6[1];
+    var _6 = (0, react_1.useState)(false), loading = _6[0], setLoading = _6[1];
+    var _7 = (0, react_1.useState)(), notification = _7[0], setNotification = _7[1];
     //INFO : Used by List
-    var _7 = (0, react_1.useState)({}), filterSearch = _7[0], setFilterSearch = _7[1];
-    var _8 = (0, react_1.useState)({}), filterSearchParams = _8[0], setFilterSearchParams = _8[1];
-    var _9 = (0, react_1.useState)({}), filterSelection = _9[0], setFilterSelection = _9[1];
-    var _10 = (0, react_1.useState)({}), filterReference = _10[0], setFilterReference = _10[1];
-    var _11 = (0, react_1.useState)({}), filterReferenceSearch = _11[0], setFilterReferenceSearch = _11[1];
-    var _12 = (0, react_1.useState)({}), filterReferenceList = _12[0], setFilterReferenceList = _12[1];
-    var _13 = (0, react_1.useState)({
+    var _8 = (0, react_1.useState)({}), filterSearch = _8[0], setFilterSearch = _8[1];
+    var _9 = (0, react_1.useState)({}), filterSearchParams = _9[0], setFilterSearchParams = _9[1];
+    var _10 = (0, react_1.useState)({}), filterSelection = _10[0], setFilterSelection = _10[1];
+    var _11 = (0, react_1.useState)({}), filterReference = _11[0], setFilterReference = _11[1];
+    var _12 = (0, react_1.useState)({}), filterReferenceSearch = _12[0], setFilterReferenceSearch = _12[1];
+    var _13 = (0, react_1.useState)({}), filterReferenceList = _13[0], setFilterReferenceList = _13[1];
+    var _14 = (0, react_1.useState)({
         startDate: undefined,
         endDate: undefined,
-    }), filterReferenceDate = _13[0], setFilterReferenceDate = _13[1];
-    var _14 = (0, react_1.useState)(true), tableLoading = _14[0], setTableLoading = _14[1];
-    var _15 = (0, react_1.useState)(""), cursor = _15[0], setCursor = _15[1];
-    var _16 = (0, react_1.useState)(""), lastCursor = _16[0], setLastCursor = _16[1];
-    var _17 = (0, react_1.useState)([]), tableData = _17[0], setTableData = _17[1];
-    var _18 = (0, react_1.useState)([]), spaceTableData = _18[0], setSpaceTableData = _18[1];
-    var _19 = (0, react_1.useState)(0), size = _19[0], setSize = _19[1];
-    var _20 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _20[0], setPageIndex = _20[1];
-    var _21 = (0, react_1.useState)([]), selectedIds = _21[0], setSelectedIds = _21[1];
-    var _22 = (0, react_1.useState)(false), selectAll = _22[0], setSelectAll = _22[1];
-    var _23 = (0, react_1.useState)(""), deletePasscode = _23[0], setDeletePasscode = _23[1];
-    var _24 = (0, react_1.useState)(""), deletePasscodeInput = _24[0], setDeletePasscodeInput = _24[1];
-    var _25 = (0, react_1.useState)(""), deleteFeedId = _25[0], setDeleteFeedId = _25[1];
+    }), filterReferenceDate = _14[0], setFilterReferenceDate = _14[1];
+    var _15 = (0, react_1.useState)(true), tableLoading = _15[0], setTableLoading = _15[1];
+    var _16 = (0, react_1.useState)(""), cursor = _16[0], setCursor = _16[1];
+    var _17 = (0, react_1.useState)(""), lastCursor = _17[0], setLastCursor = _17[1];
+    var _18 = (0, react_1.useState)([]), tableData = _18[0], setTableData = _18[1];
+    var _19 = (0, react_1.useState)([]), spaceTableData = _19[0], setSpaceTableData = _19[1];
+    var _20 = (0, react_1.useState)(0), size = _20[0], setSize = _20[1];
+    var _21 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _21[0], setPageIndex = _21[1];
+    var _22 = (0, react_1.useState)([]), selectedIds = _22[0], setSelectedIds = _22[1];
+    var _23 = (0, react_1.useState)(false), selectAll = _23[0], setSelectAll = _23[1];
+    var _24 = (0, react_1.useState)(""), deletePasscode = _24[0], setDeletePasscode = _24[1];
+    var _25 = (0, react_1.useState)(""), deletePasscodeInput = _25[0], setDeletePasscodeInput = _25[1];
+    var _26 = (0, react_1.useState)(""), deleteFeedId = _26[0], setDeleteFeedId = _26[1];
     var previousType = (0, react_1.useRef)();
     var previousSelectedData = (0, react_1.useRef)();
     //INFO : Used by List Organise
-    var _26 = (0, react_1.useState)(false), sortModal = _26[0], setSortModal = _26[1];
-    var _27 = (0, react_1.useState)(false), filterModal = _27[0], setFilterModal = _27[1];
-    var _28 = (0, react_1.useState)(false), addTabModal = _28[0], setAddTabModal = _28[1];
-    var _29 = (0, react_1.useState)(false), overviewModal = _29[0], setOverviewModal = _29[1];
-    var _30 = (0, react_1.useState)((_c = props.defaultTab) !== null && _c !== void 0 ? _c : ""), selectedTab = _30[0], setSelectedTab = _30[1];
-    var _31 = (0, react_1.useState)("dayGridMonth"), calendarView = _31[0], setCalendarView = _31[1];
-    var _32 = (0, react_1.useState)(new Date()), calendarTabMonth = _32[0], setCalendarTabMonth = _32[1];
-    var _33 = (0, react_1.useState)(true), kanbanDroppable = _33[0], setKanbanDroppable = _33[1];
-    var _34 = (0, react_1.useState)([]), kanbanOptions = _34[0], setKanbanOptions = _34[1];
-    var _35 = (0, react_1.useState)(false), queryForm = _35[0], setQueryForm = _35[1];
-    var _36 = (0, react_1.useState)(false), batchUpdateModal = _36[0], setBatchUpdateModal = _36[1];
-    var _37 = (0, react_1.useState)({
+    var _27 = (0, react_1.useState)(false), sortModal = _27[0], setSortModal = _27[1];
+    var _28 = (0, react_1.useState)(false), filterModal = _28[0], setFilterModal = _28[1];
+    var _29 = (0, react_1.useState)(false), addTabModal = _29[0], setAddTabModal = _29[1];
+    var _30 = (0, react_1.useState)(false), overviewModal = _30[0], setOverviewModal = _30[1];
+    var _31 = (0, react_1.useState)((_c = props.defaultTab) !== null && _c !== void 0 ? _c : ""), selectedTab = _31[0], setSelectedTab = _31[1];
+    var _32 = (0, react_1.useState)("dayGridMonth"), calendarView = _32[0], setCalendarView = _32[1];
+    var _33 = (0, react_1.useState)(new Date()), calendarTabMonth = _33[0], setCalendarTabMonth = _33[1];
+    var _34 = (0, react_1.useState)(true), kanbanDroppable = _34[0], setKanbanDroppable = _34[1];
+    var _35 = (0, react_1.useState)([]), kanbanOptions = _35[0], setKanbanOptions = _35[1];
+    var _36 = (0, react_1.useState)(false), queryForm = _36[0], setQueryForm = _36[1];
+    var _37 = (0, react_1.useState)(false), batchUpdateModal = _37[0], setBatchUpdateModal = _37[1];
+    var _38 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _37[0], setBatchUpdateData = _37[1];
+    }), batchUpdateData = _38[0], setBatchUpdateData = _38[1];
+    //INFO : Used by Auth
+    var _39 = (0, react_1.useState)({
+        email: "",
+        google: "",
+        phone: "",
+        disabled: false,
+    }), authMethods = _39[0], setAuthMethods = _39[1];
+    var _40 = (0, react_1.useState)(""), selectedAuthMethod = _40[0], setSelectedAuthMethod = _40[1];
     // INFO: Used by Activity Log
-    var _38 = (0, react_1.useState)(false), activityModal = _38[0], setActivityModal = _38[1];
-    var _39 = (0, react_1.useState)(""), activityId = _39[0], setActivityId = _39[1];
+    var _41 = (0, react_1.useState)(false), activityModal = _41[0], setActivityModal = _41[1];
+    var _42 = (0, react_1.useState)(""), activityId = _42[0], setActivityId = _42[1];
     //INFO : Used by Export
-    var _40 = (0, react_1.useState)(null), csvFile = _40[0], setCSVFile = _40[1];
-    var _41 = (0, react_1.useState)([]), csvFileData = _41[0], setCSVFileData = _41[1];
-    var _42 = (0, react_1.useState)(0), stepCSVIndex = _42[0], setStepCSVIndex = _42[1];
-    var _43 = (0, react_1.useState)({}), listCSVMapAttribute = _43[0], setListCSVMapAttribute = _43[1];
-    var _44 = (0, react_1.useState)({}), listCSVObjAttribute = _44[0], setListCSVObjAttribute = _44[1];
-    var _45 = (0, react_1.useState)([]), csvAPIAttribute = _45[0], setCSVAPIAttribute = _45[1];
-    var _46 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _46[0], setExportCSVEmail = _46[1];
-    var _47 = (0, react_1.useState)([]), importTableData = _47[0], setImportTableData = _47[1];
-    var _48 = (0, react_1.useState)([]), queryList = _48[0], setQueryList = _48[1];
-    var _49 = (0, react_1.useState)(-1), queryIndex = _49[0], setQueryIndex = _49[1];
+    var _43 = (0, react_1.useState)(null), csvFile = _43[0], setCSVFile = _43[1];
+    var _44 = (0, react_1.useState)([]), csvFileData = _44[0], setCSVFileData = _44[1];
+    var _45 = (0, react_1.useState)(0), stepCSVIndex = _45[0], setStepCSVIndex = _45[1];
+    var _46 = (0, react_1.useState)({}), listCSVMapAttribute = _46[0], setListCSVMapAttribute = _46[1];
+    var _47 = (0, react_1.useState)({}), listCSVObjAttribute = _47[0], setListCSVObjAttribute = _47[1];
+    var _48 = (0, react_1.useState)([]), csvAPIAttribute = _48[0], setCSVAPIAttribute = _48[1];
+    var _49 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _49[0], setExportCSVEmail = _49[1];
+    var _50 = (0, react_1.useState)([]), importTableData = _50[0], setImportTableData = _50[1];
+    var _51 = (0, react_1.useState)([]), queryList = _51[0], setQueryList = _51[1];
+    var _52 = (0, react_1.useState)(-1), queryIndex = _52[0], setQueryIndex = _52[1];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _50 = (0, react_1.useState)(false), modalVisible = _50[0], setModalVisible = _50[1];
-    var _51 = (0, react_1.useState)(false), deleteModal = _51[0], setDeleteModal = _51[1];
-    var _52 = (0, react_1.useState)(false), excelModal = _52[0], setExcelModal = _52[1];
-    var _53 = (0, react_1.useState)(false), exportExcel = _53[0], setExportExcel = _53[1];
-    var _54 = (0, react_1.useState)(""), exportType = _54[0], setExportType = _54[1];
-    var _55 = (0, react_1.useState)(false), exportQR = _55[0], setExportQR = _55[1];
-    var _56 = (0, react_1.useState)(false), signatureSigning = _56[0], setSignatureSigning = _56[1];
-    var _57 = (0, react_1.useState)({}), selectedData = _57[0], setSelectedData = _57[1];
-    var _58 = (0, react_1.useState)(""), selectedObjectStructureId = _58[0], setSelectedObjectStructureId = _58[1];
-    var _59 = (0, react_1.useState)(""), selectedObjectId = _59[0], setSelectedObjectId = _59[1];
-    var _60 = (0, react_1.useState)(""), selectedListAddressId = _60[0], setSelectedListAddressId = _60[1];
-    var _61 = (0, react_1.useState)({
+    var _53 = (0, react_1.useState)(false), modalVisible = _53[0], setModalVisible = _53[1];
+    var _54 = (0, react_1.useState)(false), deleteModal = _54[0], setDeleteModal = _54[1];
+    var _55 = (0, react_1.useState)(false), excelModal = _55[0], setExcelModal = _55[1];
+    var _56 = (0, react_1.useState)(false), exportExcel = _56[0], setExportExcel = _56[1];
+    var _57 = (0, react_1.useState)(""), exportType = _57[0], setExportType = _57[1];
+    var _58 = (0, react_1.useState)(false), exportQR = _58[0], setExportQR = _58[1];
+    var _59 = (0, react_1.useState)(false), signatureSigning = _59[0], setSignatureSigning = _59[1];
+    var _60 = (0, react_1.useState)({}), selectedData = _60[0], setSelectedData = _60[1];
+    var _61 = (0, react_1.useState)(""), selectedObjectStructureId = _61[0], setSelectedObjectStructureId = _61[1];
+    var _62 = (0, react_1.useState)(""), selectedObjectId = _62[0], setSelectedObjectId = _62[1];
+    var _63 = (0, react_1.useState)(""), selectedListAddressId = _63[0], setSelectedListAddressId = _63[1];
+    var _64 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _61[0], setSelectedListAddress = _61[1];
-    var _62 = (0, react_1.useState)({}), selectedObjectData = _62[0], setSelectedObjectData = _62[1];
-    var _63 = (0, react_1.useState)(false), referenceLoading = _63[0], setReferenceLoading = _63[1];
-    var _64 = (0, react_1.useState)({}), referencesOptions = _64[0], setReferencesOptions = _64[1];
-    var _65 = (0, react_1.useState)({}), referencesDetails = _65[0], setReferencesDetails = _65[1];
-    var _66 = (0, react_1.useState)({}), referenceDeleteTableData = _66[0], setReferenceDeleteTableData = _66[1];
-    var _67 = (0, react_1.useState)(0), referenceDeleteIndex = _67[0], setReferenceDeleteIndex = _67[1];
-    var _68 = (0, react_1.useState)({
+    }), selectedListAddress = _64[0], setSelectedListAddress = _64[1];
+    var _65 = (0, react_1.useState)({}), selectedObjectData = _65[0], setSelectedObjectData = _65[1];
+    var _66 = (0, react_1.useState)(false), referenceLoading = _66[0], setReferenceLoading = _66[1];
+    var _67 = (0, react_1.useState)({}), referencesOptions = _67[0], setReferencesOptions = _67[1];
+    var _68 = (0, react_1.useState)({}), referencesDetails = _68[0], setReferencesDetails = _68[1];
+    var _69 = (0, react_1.useState)({}), referenceDeleteTableData = _69[0], setReferenceDeleteTableData = _69[1];
+    var _70 = (0, react_1.useState)(0), referenceDeleteIndex = _70[0], setReferenceDeleteIndex = _70[1];
+    var _71 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _68[0], setReferenceCreationModal = _68[1];
-    var _69 = (0, react_1.useState)({}), referenceModelSchema = _69[0], setReferenceSchema = _69[1];
+    }), referenceCreationModal = _71[0], setReferenceCreationModal = _71[1];
+    var _72 = (0, react_1.useState)({}), referenceModelSchema = _72[0], setReferenceSchema = _72[1];
     // INFO ; Use to Trigger Update Prefill UI
-    var _70 = (0, react_1.useState)(false), prefillTrigger = _70[0], setPrefillTrigger = _70[1];
+    var _73 = (0, react_1.useState)(false), prefillTrigger = _73[0], setPrefillTrigger = _73[1];
     //INFO : Offline
-    var _71 = (0, react_1.useState)(0), offlineDataLength = _71[0], setOfflineDataLength = _71[1];
-    var _72 = (0, react_1.useState)(false), offlineModal = _72[0], setOfflineModal = _72[1];
+    var _74 = (0, react_1.useState)(0), offlineDataLength = _74[0], setOfflineDataLength = _74[1];
+    var _75 = (0, react_1.useState)(false), offlineModal = _75[0], setOfflineModal = _75[1];
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
     var viewType = (_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.viewId) !== null && _f !== void 0 ? _f : "general";
@@ -256,17 +266,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var isOffline = (_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareOffline;
     var showId = (_l = props.space) === null || _l === void 0 ? void 0 : _l.showId;
     var idField = (_m = props.space) === null || _m === void 0 ? void 0 : _m.idField;
-    var hasNavigation = ((_o = props.organise) === null || _o === void 0 ? void 0 : _o.handleNavigate) ? true : false;
-    var formColumn = ((_p = props.bareSettings) === null || _p === void 0 ? void 0 : _p.bareUpdateOneColumn)
+    var pipeline = (_o = props === null || props === void 0 ? void 0 : props.space) === null || _o === void 0 ? void 0 : _o.pipeline;
+    var hasNavigation = ((_p = props.organise) === null || _p === void 0 ? void 0 : _p.handleNavigate) ? true : false;
+    var formColumn = ((_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareUpdateOneColumn)
         ? "grid-cols-2"
         : "grid-cols-4";
-    var isActivityLog = (((_r = (_q = props.edit) === null || _q === void 0 ? void 0 : _q.activityLog) === null || _r === void 0 ? void 0 : _r.enableComments) &&
-        ((_s = props.edit) === null || _s === void 0 ? void 0 : _s.activityLog.commentCollectionId)) ||
-        (((_u = (_t = props.edit) === null || _t === void 0 ? void 0 : _t.activityLog) === null || _u === void 0 ? void 0 : _u.enableLogs) &&
-            ((_v = props.edit) === null || _v === void 0 ? void 0 : _v.activityLog.logsCollectionId));
+    var isActivityLog = (((_s = (_r = props.edit) === null || _r === void 0 ? void 0 : _r.activityLog) === null || _s === void 0 ? void 0 : _s.enableComments) &&
+        ((_t = props.edit) === null || _t === void 0 ? void 0 : _t.activityLog.commentCollectionId)) ||
+        (((_v = (_u = props.edit) === null || _u === void 0 ? void 0 : _u.activityLog) === null || _v === void 0 ? void 0 : _v.enableLogs) &&
+            ((_w = props.edit) === null || _w === void 0 ? void 0 : _w.activityLog.logsCollectionId));
     //TODO : Code - Pass ...devSettings, search dbEndpoint:
     var writeServerQuery = new writeQuery_1.WriteQuery({
-        dbModule: (_w = props.lib) === null || _w === void 0 ? void 0 : _w.axios,
+        dbModule: (_x = props.lib) === null || _x === void 0 ? void 0 : _x.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -274,7 +285,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var readServerQuery = new readQuery_1.ReadQuery({
-        dbModule: (_x = props.lib) === null || _x === void 0 ? void 0 : _x.axios,
+        dbModule: (_y = props.lib) === null || _y === void 0 ? void 0 : _y.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -282,7 +293,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_y = props.edit) === null || _y === void 0 ? void 0 : _y.allEditable) && !isFirebase
+        ((_z = props.edit) === null || _z === void 0 ? void 0 : _z.allEditable) && !isFirebase
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -331,7 +342,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             },
         },
     ].filter(Boolean);
-    if ((_z = props.organise) === null || _z === void 0 ? void 0 : _z.moreSettings)
+    if ((_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     var renderImpSearchFilterConditions = function () {
         var _a;
@@ -397,6 +408,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         (_a = readQueryHocRef.current) === null || _a === void 0 ? void 0 : _a.handleRefresh();
                     }
                 }
+                //INFO : Auth Feature
+                if (props.type === "read")
+                    handleDTAuthMethods();
                 break;
             case "list":
                 setReferencesOptions({});
@@ -416,22 +430,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         var handleInitTab = function () { return __awaiter(void 0, void 0, void 0, function () {
             var currentTab, kanbanSettings, kanbanTitle_1, kanbanRefRQ_1, kanbanRefOption_1, kanbanRefLabel_1, kanbanRefQuery;
-            var _a, _b, _c, _d, _e;
-            return __generator(this, function (_f) {
-                switch (_f.label) {
+            var _a, _b, _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0:
-                        if (!(props.type === "list" && (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.id) !== ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId))) return [3 /*break*/, 4];
-                        currentTab = (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, props.type, props.collectionId, props.id, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.extendedTabs, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.viewId);
+                        if (!(props.type === "list")) return [3 /*break*/, 4];
+                        currentTab = (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);
                         setSelectedTab(currentTab);
                         if (!((currentTab === null || currentTab === void 0 ? void 0 : currentTab.viewType) === "calendar")) return [3 /*break*/, 1];
                         setFilterSearch({});
                         setFilterSearchParams({});
-                        (_d = listRQueryHocRef.current) === null || _d === void 0 ? void 0 : _d.handleRefresh();
+                        (_c = listRQueryHocRef.current) === null || _c === void 0 ? void 0 : _c.handleRefresh();
                         return [3 /*break*/, 4];
                     case 1:
                         if (!((currentTab === null || currentTab === void 0 ? void 0 : currentTab.viewType) === "kanban")) return [3 /*break*/, 4];
                         kanbanSettings = currentTab === null || currentTab === void 0 ? void 0 : currentTab.kanbanSettings;
-                        kanbanTitle_1 = (_e = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _e !== void 0 ? _e : "";
+                        kanbanTitle_1 = (_d = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _d !== void 0 ? _d : "";
                         kanbanRefRQ_1 = null;
                         kanbanRefOption_1 = [];
                         kanbanRefLabel_1 = "";
@@ -458,7 +472,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 limit: limit,
                             })];
                     case 2:
-                        kanbanRefQuery = _f.sent();
+                        kanbanRefQuery = _e.sent();
                         if (kanbanRefQuery.data) {
                             kanbanRefQuery.data.map(function (eachData) {
                                 kanbanRefOption_1.push({
@@ -468,10 +482,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 return null;
                             });
                         }
-                        _f.label = 3;
+                        _e.label = 3;
                     case 3:
                         setKanbanOptions(kanbanRefOption_1);
-                        _f.label = 4;
+                        _e.label = 4;
                     case 4: return [2 /*return*/];
                 }
             });
@@ -481,8 +495,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.id,
         props.localURLEndpoint,
-        (_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.extendedTabs,
-        (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.viewId,
+        (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.extendedTabs,
+        (_2 = props.organise) === null || _2 === void 0 ? void 0 : _2.viewId,
         props.type,
         selectedTab,
     ]);
@@ -636,6 +650,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             cursor: renderCursor(),
             sort: handleReadQueryHocSort(query),
             limit: limit,
+            pipeline: pipeline,
         };
         if (calendarSettings || (selectedTab && selectedTab.viewType === "map")) {
             cond.limit = undefined;
@@ -729,7 +744,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     });
                     prettierDataList = dummyPrettierDataList_1;
                     return [3 /*break*/, 3];
-                case 1: return [4 /*yield*/, (0, listModule_1.handleListDataBasedOnModel)(responseData.data, props.devSettings, (_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios, props.model, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.handleNavigate, ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.viewId) === "general", setActivityModal, setActivityId, isActivityLog ? (_e = props.edit) === null || _e === void 0 ? void 0 : _e.activityLog : undefined, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListActionBtns, referenceModelSchema)];
+                case 1: return [4 /*yield*/, (0, listModule_1.handleListDataBasedOnModel)(responseData.data, props.devSettings, (_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios, props.model, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.handleNavigate, ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.viewId) === "general", setActivityModal, setActivityId, isActivityLog ? (_e = props.edit) === null || _e === void 0 ? void 0 : _e.activityLog : undefined, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListActionBtns)];
                 case 2:
                     prettierDataList = _g.sent();
                     _g.label = 3;
@@ -906,6 +921,42 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     //=====================================================================================
+    //SECTION: Handle Auth
+    //=====================================================================================
+    var handleDTAuthMethods = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var authProviders;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!props.space) return [3 /*break*/, 2];
+                    return [4 /*yield*/, (0, authModule_1.handleAuthMethods)(props.space, (_a = props.id) !== null && _a !== void 0 ? _a : "")];
+                case 1:
+                    authProviders = _b.sent();
+                    if (authProviders)
+                        setAuthMethods(authProviders);
+                    else
+                        setAuthMethods({
+                            email: "",
+                            google: "",
+                            phone: "",
+                            disabled: false,
+                        });
+                    _b.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleAuthComplete = function (title, description) {
+        setSelectedAuthMethod("");
+        setNotification({
+            title: title,
+            type: true,
+            msg: description,
+        });
+        handleDTAuthMethods();
+    };
+    //=====================================================================================
     //SECTION: Handle Object
     //=====================================================================================
     var handleRemoveObjectListData = function () {
@@ -3115,7 +3166,6 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var _a;
         var tableHeader = [];
         props.model.map(function (eachAttribute) {
-            var _a;
             if (eachAttribute.id === "baseUpdatedAt" ||
                 eachAttribute.id === "baseDraft" ||
                 eachAttribute.type === "listObject" ||
@@ -3127,21 +3177,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 eachAttribute.hide) {
                 return null;
             }
-            if (eachAttribute.type === "showReference" &&
-                eachAttribute.showReferenceColumnIds &&
-                (eachAttribute === null || eachAttribute === void 0 ? void 0 : eachAttribute.showReferenceColumnIds.length) > 0) {
-                (_a = eachAttribute === null || eachAttribute === void 0 ? void 0 : eachAttribute.showReferenceColumnIds) === null || _a === void 0 ? void 0 : _a.map(function (eachAttributeLabel) {
-                    var _a, _b;
-                    var selectedModel = (_a = referenceModelSchema === null || referenceModelSchema === void 0 ? void 0 : referenceModelSchema[eachAttribute.id]) === null || _a === void 0 ? void 0 : _a.find(function (eachSchema) { return eachAttributeLabel === (eachSchema === null || eachSchema === void 0 ? void 0 : eachSchema.id); });
-                    if (!(selectedModel === null || selectedModel === void 0 ? void 0 : selectedModel.hide)) {
-                        tableHeader.push(__assign(__assign({}, eachAttribute), { key: "".concat(eachAttribute.id, "_").concat(eachAttributeLabel !== null && eachAttributeLabel !== void 0 ? eachAttributeLabel : ""), title: (_b = selectedModel === null || selectedModel === void 0 ? void 0 : selectedModel.name) !== null && _b !== void 0 ? _b : eachAttributeLabel }));
-                    }
-                    return null;
-                });
-            }
-            else {
-                tableHeader.push(__assign(__assign({}, eachAttribute), { key: eachAttribute.id, title: eachAttribute.name }));
-            }
+            tableHeader.push(__assign(__assign({}, eachAttribute), { key: eachAttribute.id, title: eachAttribute.name }));
             return null;
         });
         if (isEditor && !((_a = props.edit) === null || _a === void 0 ? void 0 : _a.disabledUpdate))
@@ -3518,8 +3554,56 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, __assign(__assign({}, props.organise), { additionalQuery: addQuery !== null && addQuery !== void 0 ? addQuery : (_a = props.organise) === null || _a === void 0 ? void 0 : _a.additionalQuery, hideSearch: addQuery ? true : (_b = props.organise) === null || _b === void 0 ? void 0 : _b.hideSearch }), selectedTab, (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareListFilterAddComponent);
         return filterComponent;
     };
+    var renderAuthContent = function () {
+        var authList = [];
+        var renderEditButton = function (type) {
+            if (isEditor)
+                return (react_1.default.createElement(outline_1.PencilSquareIcon, { className: "cursor-pointer ml-3 w-5 h-5 text-primary-600", onClick: function () {
+                        setSelectedAuthMethod(type);
+                    } }));
+            return null;
+        };
+        Object.keys(authMethods).map(function (eachMethod) {
+            var divClassName = "flex flex-row items-center justify-center";
+            var iconClassName = "text-gray-600 w-6 h-6 mr-2";
+            switch (eachMethod) {
+                case "email":
+                    authList.push(react_1.default.createElement("div", { className: divClassName },
+                        react_1.default.createElement(solid_1.EnvelopeIcon, { className: iconClassName }),
+                        "Email : ",
+                        authMethods[eachMethod],
+                        renderEditButton(eachMethod)));
+                    break;
+                case "google":
+                    authList.push(react_1.default.createElement("div", { className: divClassName },
+                        react_1.default.createElement(solid_1.BeakerIcon, { className: iconClassName }),
+                        "Google : ",
+                        authMethods[eachMethod],
+                        renderEditButton(eachMethod)));
+                    break;
+                case "phone":
+                    authList.push(react_1.default.createElement("div", { className: divClassName },
+                        react_1.default.createElement(solid_1.PhoneIcon, { className: iconClassName }),
+                        "Phone : ",
+                        authMethods[eachMethod],
+                        renderEditButton(eachMethod)));
+                    break;
+                case "disabled":
+                    authList.push(react_1.default.createElement("div", { className: divClassName },
+                        react_1.default.createElement(solid_1.BellIcon, { className: iconClassName }),
+                        "Disabled : ",
+                        authMethods[eachMethod] ? "Yes" : "No",
+                        renderEditButton(eachMethod)));
+                    break;
+            }
+            return null;
+        });
+        return (react_1.default.createElement("div", { className: "flex flex-col w-full text-sm items-start" },
+            react_1.default.createElement("p", { className: "text-md font-bold mb-1" }, "Authenticated Via : "),
+            authList));
+    };
     var renderContent = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        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;
         var isBottom = ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ? true : false;
         var tabs = renderTabs();
         var pages = [
@@ -3531,6 +3615,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         ];
         switch (props.type) {
             case "read":
+                var anyAuthMethod = Object.values(authMethods).some(function (value) { return value; });
                 pages.push({
                     name: (_b = props.id) !== null && _b !== void 0 ? _b : "",
                     href: "#",
@@ -3540,14 +3625,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
                             dbModule: dbModule,
                             dbType: devSettings.server,
-                            dbCollection: props.collectionId,
+                            dbCollection: (_d = (_c = props === null || props === void 0 ? void 0 : props.space) === null || _c === void 0 ? void 0 : _c.pipelineDefaultSpaceId) !== null && _d !== void 0 ? _d : props.collectionId,
                             dbEndpoint: devSettings.dbEndpoint,
                             dbAPIToken: devSettings.dbAPIToken,
                             dbUserToken: devSettings.dbUserToken,
                         }, cond: {
                             type: "get",
                             id: props.id,
-                        }, offline: (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
+                            pipeline: pipeline,
+                        }, offline: (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
                     !loading && (react_1.default.createElement(react_1.default.Fragment, null,
                         renderBreadcrumb(pages),
                         react_1.default.createElement("div", null,
@@ -3556,12 +3642,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
                                     react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
                                 !isBottom && renderActionButtons(props.type))),
-                        schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_d = props.organise) === null || _d === void 0 ? void 0 : _d.darkMode })),
-                        ((_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareReadComponentPos) === "top" &&
+                        schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_f = props.organise) === null || _f === void 0 ? void 0 : _f.darkMode })),
+                        ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareReadComponentPos) === "top" &&
                             renderBareReadComp(),
-                        !((_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareReadComponentHide) &&
+                        anyAuthMethod && (react_1.default.createElement("div", { className: "bg-primary-100 text-gray-700 mt-3 px-5 py-3 rounded" }, renderAuthContent())),
+                        !((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareReadComponentHide) &&
                             renderTabContent(tabs, props.type, viewType),
-                        ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareReadComponentPos) !== "top" &&
+                        ((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareReadComponentPos) !== "top" &&
                             renderBareReadComp(),
                         isBottom && renderActionButtons(props.type, true)))));
             case "update":
@@ -3578,7 +3665,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     current: true,
                 });
                 var filterModel_1 = [];
-                var disabledOnEnter_1 = (_j = (_h = props.organise) === null || _h === void 0 ? void 0 : _h.disabledOnEnter) !== null && _j !== void 0 ? _j : false;
+                var disabledOnEnter_1 = (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.disabledOnEnter) !== null && _l !== void 0 ? _l : false;
                 props.model.map(function (eachModel) {
                     var _a;
                     var present = false;
@@ -3605,14 +3692,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     props.id && props.id !== "new" && props.model.length > 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
                             dbModule: dbModule,
                             dbType: devSettings.server,
-                            dbCollection: props.collectionId,
+                            dbCollection: (_o = (_m = props === null || props === void 0 ? void 0 : props.space) === null || _m === void 0 ? void 0 : _m.pipelineDefaultSpaceId) !== null && _o !== void 0 ? _o : props.collectionId,
                             dbEndpoint: devSettings.dbEndpoint,
                             dbAPIToken: devSettings.dbAPIToken,
                             dbUserToken: devSettings.dbUserToken,
                         }, cond: {
                             type: "get",
                             id: props.id,
-                        }, offline: (_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
+                            pipeline: pipeline,
+                        }, offline: (_p = props.bareSettings) === null || _p === void 0 ? void 0 : _p.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
                     renderBreadcrumb(pages),
                     react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
                         react_1.default.createElement("div", { className: "flex flex-col w-full" },
@@ -3621,8 +3709,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         !isBottom && renderActionButtons(props.type)),
                     react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1 },
                         renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
-                        ((_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareUpdateComponent) &&
-                            ((_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareUpdateComponent(selectedData))),
+                        ((_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareUpdateComponent) &&
+                            ((_r = props.bareSettings) === null || _r === void 0 ? void 0 : _r.bareUpdateComponent(selectedData))),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
                     isBottom && renderActionButtons(props.type, true)));
@@ -3633,12 +3721,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 var rqHOCComp = (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: listRQueryHocRef, database: {
                         dbModule: dbModule,
                         dbType: devSettings.server,
-                        dbCollection: props.collectionId,
+                        dbCollection: (_t = (_s = props === null || props === void 0 ? void 0 : props.space) === null || _s === void 0 ? void 0 : _s.pipelineDefaultSpaceId) !== null && _t !== void 0 ? _t : props.collectionId,
                         dbEndpoint: devSettings.dbEndpoint,
                         dbAPIToken: devSettings.dbAPIToken,
                         dbUserToken: devSettings.dbUserToken,
-                    }, cond: handleReadQueryHocCond(), offline: (_o = props.bareSettings) === null || _o === void 0 ? void 0 : _o.bareOffline, onChangeData: handleGetListData, onError: handleGetItemError }));
-                if ((_p = props.renderSettings) === null || _p === void 0 ? void 0 : _p.renderListUI) {
+                    }, cond: handleReadQueryHocCond(), offline: (_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareOffline, onChangeData: handleGetListData, onError: handleGetItemError }));
+                if ((_v = props.renderSettings) === null || _v === void 0 ? void 0 : _v.renderListUI) {
                     return (react_1.default.createElement(react_1.default.Fragment, null,
                         rqHOCComp,
                         props.renderSettings.renderListUI(actionComponent, filterComponent, dataComponent)));
@@ -3650,7 +3738,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
                             react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
                         react_1.default.createElement("div", { className: "grow" }),
-                        !((_q = props.organise) === null || _q === void 0 ? void 0 : _q.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, filterComponent)),
+                        !((_w = props.organise) === null || _w === void 0 ? void 0 : _w.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, filterComponent)),
                         react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center my-6 justify-content space-x-2 md:my-0" },
                             schemaPresent && (react_1.default.createElement(react_1.default.Fragment, null,
                                 react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(solid_1.ArrowsUpDownIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white", onClick: function () {
@@ -3675,16 +3763,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         });
                                     }, bgColor: "bg-white" }))),
                             !isBottom && renderActionButtons(props.type),
-                            (schemaPresent || ((_r = props.organise) === null || _r === void 0 ? void 0 : _r.showExport)) && (react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
+                            (schemaPresent || ((_x = props.organise) === null || _x === void 0 ? void 0 : _x.showExport)) && (react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
                                 //TODO: Bug - Crash on Next Js
                                 // <Menu.Item>
                                 react_1.default.createElement("span", { className: "block w-40 py-3 text-sm text-center text-gray-700 cursor-pointer hover:bg-gray-100", onClick: eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.onClick }, eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.text)
                                 // </Menu.Item>
                                 ); })), lib: {
-                                    Transition: (_s = props === null || props === void 0 ? void 0 : props.lib) === null || _s === void 0 ? void 0 : _s.Transition,
+                                    Transition: (_y = props === null || props === void 0 ? void 0 : props.lib) === null || _y === void 0 ? void 0 : _y.Transition,
                                 } })))),
-                    ((_t = props.organise) === null || _t === void 0 ? void 0 : _t.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-wrap items-center justify-center my-6 gap-3" }, filterComponent.map(function (item, index) { return (react_1.default.createElement("div", { key: index, className: "flex-grow sm:flex-shrink-0 sm:basis-1/2 md:basis-1/4 lg:basis-1/6" }, item)); }))),
-                    schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.darkMode })),
+                    ((_z = props.organise) === null || _z === void 0 ? void 0 : _z.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-wrap items-center justify-center my-6 gap-3" }, filterComponent.map(function (item, index) { return (react_1.default.createElement("div", { key: index, className: "flex-grow sm:flex-shrink-0 sm:basis-1/2 md:basis-1/4 lg:basis-1/6" }, item)); }))),
+                    schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.darkMode })),
                     renderTabContent(tabs, props.type, viewType),
                     isBottom && renderActionButtons(props.type, true)));
             default:
@@ -3919,8 +4007,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 });
         return tabs;
     };
+    var renderAddMathColumn = function (id, onClose) {
+        var _a, _b, _c;
+        return (react_1.default.createElement(settingsModal_1.ExpressionModal, { selectedId: id, model: props.model, renderReferenceLabelOptions: (_a = props.organise) === null || _a === void 0 ? void 0 : _a.renderReferenceLabelOptions, renderReferenceSpaceOptions: (_b = props.organise) === null || _b === void 0 ? void 0 : _b.renderReferenceSpaceOptions, onAddModelSchema: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onAddColumns, onClose: onClose }));
+    };
     var renderTabContent = function (tabs, dataType, viewType) {
-        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;
+        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;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -3959,14 +4051,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         var _a, _b;
                         (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
                     }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, className: "mt-5", lib: { axios: (_j = props.lib) === null || _j === void 0 ? void 0 : _j.axios }, devSettings: props.devSettings, bareSettings: props.bareSettings, fixedPagination: (_k = props.organise) === null || _k === void 0 ? void 0 : _k.fixedPagination, advSettings: {
-                        dragEnabled: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.advDragEnabled,
-                        sortEnabled: (_m = props.organise) === null || _m === void 0 ? void 0 : _m.advSortEnabled,
-                        filterEnabled: (_o = props.organise) === null || _o === void 0 ? void 0 : _o.advFilterEnabled,
-                        sortId: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.sort,
-                        sortOptions: (_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.renderReferenceLabelOptions) === null || _r === void 0 ? void 0 : _r.call(_q),
-                        onSortColumn: (_s = props.organise) === null || _s === void 0 ? void 0 : _s.onChangeSort,
-                        onDragColumn: (_t = props.organise) === null || _t === void 0 ? void 0 : _t.onChangeDrag,
-                        filterOptions: (_v = (_u = props.organise) === null || _u === void 0 ? void 0 : _u.additionalQuery) === null || _v === void 0 ? void 0 : _v.map(function (eachQuery) {
+                        addColumnEnabled: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.addColumnEnabled,
+                        renderAddColumnElements: renderAddMathColumn,
+                        dragEnabled: (_m = props.organise) === null || _m === void 0 ? void 0 : _m.advDragEnabled,
+                        sortEnabled: (_o = props.organise) === null || _o === void 0 ? void 0 : _o.advSortEnabled,
+                        filterEnabled: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.advFilterEnabled,
+                        sortId: (_q = props.organise) === null || _q === void 0 ? void 0 : _q.sort,
+                        sortOptions: (_s = (_r = props.organise) === null || _r === void 0 ? void 0 : _r.renderReferenceLabelOptions) === null || _s === void 0 ? void 0 : _s.call(_r),
+                        onSortColumn: (_t = props.organise) === null || _t === void 0 ? void 0 : _t.onChangeSort,
+                        onDragColumn: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.onChangeDrag,
+                        filterOptions: (_w = (_v = props.organise) === null || _v === void 0 ? void 0 : _v.additionalQuery) === null || _w === void 0 ? void 0 : _w.map(function (eachQuery) {
                             var _a;
                             return {
                                 key: eachQuery.value,
@@ -3983,7 +4077,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             return renderSearchContent(newQuery);
                         },
                     }, editable: {
-                        active: ((_w = props.edit) === null || _w === void 0 ? void 0 : _w.listEditable) && !props.edit.disabledUpdate
+                        active: ((_x = props.edit) === null || _x === void 0 ? void 0 : _x.listEditable) && !props.edit.disabledUpdate
                             ? true
                             : false,
                         onUpdateData: function (rowId, columnId, data) { return __awaiter(void 0, void 0, void 0, function () {
@@ -3997,7 +4091,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); },
                     }, addable: {
-                        active: ((_x = props.edit) === null || _x === void 0 ? void 0 : _x.listAddable) ? true : false,
+                        active: ((_y = props.edit) === null || _y === void 0 ? void 0 : _y.listAddable) ? true : false,
                         onAddData: function (data) { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
@@ -4008,46 +4102,46 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 }
                             });
                         }); },
-                    }, darkMode: (_y = props.organise) === null || _y === void 0 ? void 0 : _y.darkMode, hidePagination: (_z = props.organise) === null || _z === void 0 ? void 0 : _z.hidePagination }));
+                    }, darkMode: (_z = props.organise) === null || _z === void 0 ? void 0 : _z.darkMode, hidePagination: (_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.hidePagination }));
             }
             else if (dataType === "read") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(detailList_1.DetailList, { model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_0 = props.bareSettings) === null || _0 === void 0 ? void 0 : _0.bareReadReferenceView)
+                    react_1.default.createElement(detailList_1.DetailList, { model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_1 = props.bareSettings) === null || _1 === void 0 ? void 0 : _1.bareReadReferenceView)
                             ? props.bareSettings.bareReadReferenceView
-                            : undefined, splitView: (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.splitView }),
+                            : undefined, splitView: (_2 = props.organise) === null || _2 === void 0 ? void 0 : _2.splitView }),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(dataType)),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(dataType))));
             }
         }
         else if (selectedTabData) {
-            if ((_2 = props.bareSettings) === null || _2 === void 0 ? void 0 : _2.bareListComponent) {
+            if ((_3 = props.bareSettings) === null || _3 === void 0 ? void 0 : _3.bareListComponent) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     props.bareSettings.bareListComponent(tableData, spaceTableData, tableLoading, pageIndex),
-                    !((_3 = props.organise) === null || _3 === void 0 ? void 0 : _3.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: handlePagination, darkMode: (_4 = props.organise) === null || _4 === void 0 ? void 0 : _4.darkMode }))));
+                    !((_4 = props.organise) === null || _4 === void 0 ? void 0 : _4.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: handlePagination, darkMode: (_5 = props.organise) === null || _5 === void 0 ? void 0 : _5.darkMode }))));
             }
             else if (selectedTabData.viewType === "iframe") {
-                return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_5 = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _5 !== void 0 ? _5 : "", title: (_6 = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _6 !== void 0 ? _6 : "", onLoad: props.onLoadIframe }));
+                return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_6 = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _6 !== void 0 ? _6 : "", title: (_7 = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _7 !== void 0 ? _7 : "", onLoad: props.onLoadIframe }));
             }
             else if (selectedTabData.viewType === "list") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(list_1.List, { paginationType: isFirebase ? "cursor" : "page", list: renderGridAndListData(selectedTabData.viewImage, "list"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, checkbox: multipleSelect, selectAll: selectAll, selectedIds: selectedIds, handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement("div", { className: "flex flex-row space-x-3" },
-                            selectedIds.length > 0 && !((_7 = props.edit) === null || _7 === void 0 ? void 0 : _7.disabledUpdate) && (react_1.default.createElement(react_1.default.Fragment, null,
+                            selectedIds.length > 0 && !((_8 = props.edit) === null || _8 === void 0 ? void 0 : _8.disabledUpdate) && (react_1.default.createElement(react_1.default.Fragment, null,
                                 react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Change to Draft", disable: loading, onClick: function () {
                                         handleBatchDraftData();
                                     } }),
                                 react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Clone Items", disable: loading, onClick: function () {
                                         handleCloneSelectedData();
                                     } }))),
-                            ((_8 = props.edit) === null || _8 === void 0 ? void 0 : _8.deleteBtn) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm text-red-500 hover:text-red-600", text: "Delete", onClick: function () {
+                            ((_9 = props.edit) === null || _9 === void 0 ? void 0 : _9.deleteBtn) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm text-red-500 hover:text-red-600", text: "Delete", onClick: function () {
                                     handleGenerateDeletePasscode();
                                     setDeleteModal(true);
                                 } })),
-                            !isFirebase && !((_9 = props.edit) === null || _9 === void 0 ? void 0 : _9.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
+                            !isFirebase && !((_10 = props.edit) === null || _10 === void 0 ? void 0 : _10.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
                                     setBatchUpdateModal(true);
                                 } }))), onClickRow: function (id) {
                             var _a, _b;
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, className: "mt-5", hidePagination: (_10 = props.organise) === null || _10 === void 0 ? void 0 : _10.hidePagination })));
+                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, className: "mt-5", hidePagination: (_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.hidePagination })));
             }
             else if (selectedTabData.viewType === "grid") {
                 var isGridScroll = renderCheckGridScroll();
@@ -4055,7 +4149,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement(grid_1.Grid, { paginationType: isGridScroll || isFirebase ? "cursor" : "page", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, infinityScroll: isGridScroll, horizontalScroll: isGridScroll, pageIndex: pageIndex, onClickData: function (id) {
                             var _a, _b;
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_11 = props.bareSettings) === null || _11 === void 0 ? void 0 : _11.bareListGridColClassName, className: "mt-5", hidePagination: (_12 = props.organise) === null || _12 === void 0 ? void 0 : _12.hidePagination })));
+                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_12 = props.bareSettings) === null || _12 === void 0 ? void 0 : _12.bareListGridColClassName, className: "mt-5", hidePagination: (_13 = props.organise) === null || _13 === void 0 ? void 0 : _13.hidePagination })));
             }
             else if (selectedTabData.viewType === "calendar") {
                 var calendarSettings_1 = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings;
@@ -4149,7 +4243,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     return eventAvailabilities;
                 };
-                return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(calendar_1.Calendar, { currentDate: calendarTabMonth, calendarView: (_13 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _13 !== void 0 ? _13 : calendarView, handleMonthChange: function (date) {
+                return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(calendar_1.Calendar, { currentDate: calendarTabMonth, calendarView: (_14 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _14 !== void 0 ? _14 : calendarView, handleMonthChange: function (date) {
                         var startOfMonth = (0, moment_1.default)(calendarTabMonth).startOf("month");
                         var endOfMonth = (0, moment_1.default)(calendarTabMonth).endOf("month");
                         if (!(0, moment_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
@@ -4165,7 +4259,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             else if (selectedTabData.viewType === "feeds") {
                 var contentList_1 = [];
                 var feedsSettings_1 = selectedTabData.feedsSettings;
-                var customFeedsData = (_14 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _14 === void 0 ? void 0 : _14.call(feedsSettings_1, tableData, spaceTableData);
+                var customFeedsData = (_15 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _15 === void 0 ? void 0 : _15.call(feedsSettings_1, tableData, spaceTableData);
                 if (customFeedsData && customFeedsData.length > 0) {
                     customFeedsData.map(function (eachData) {
                         var _a, _b, _c, _d;
@@ -4206,9 +4300,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     });
                 }
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement("div", { className: "p-4 bg-white rounded-lg" },
-                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_15 = props.organise) === null || _15 === void 0 ? void 0 : _15.darkMode }),
+                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.darkMode }),
                     react_1.default.createElement("div", { className: "my-10" }),
-                    contentList_1.length > 0 && !((_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: handlePagination, darkMode: (_17 = props.organise) === null || _17 === void 0 ? void 0 : _17.darkMode }))))));
+                    contentList_1.length > 0 && !((_17 = props.organise) === null || _17 === void 0 ? void 0 : _17.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: handlePagination, darkMode: (_18 = props.organise) === null || _18 === void 0 ? void 0 : _18.darkMode }))))));
             }
             else if (selectedTabData.viewType === "map") {
                 var mapSettings_1 = selectedTabData.mapSettings;
@@ -4307,7 +4401,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             else if (selectedTabData.viewType === "kanban") {
                 var kanbanSettings = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.kanbanSettings;
-                var kanbanTitle_2 = (_18 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _18 !== void 0 ? _18 : "";
+                var kanbanTitle_2 = (_19 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _19 !== void 0 ? _19 : "";
                 var nullColumn_1 = false;
                 var groupBy_1 = [];
                 var groupLabel_1 = [];
@@ -4349,6 +4443,155 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
                     } }));
             }
+            // else if (selectedTabData.viewType === "report") {
+            //   return (
+            //     <Table
+            //       showId={showId}
+            //       paginationType={isFirebase ? "cursor" : "page"}
+            //       data={tableData}
+            //       spaceData={spaceTableData}
+            //       size={size}
+            //       limit={limit}
+            //       cursor={cursor}
+            //       loading={tableLoading}
+            //       checkbox={multipleSelect}
+            //       selectAll={selectAll}
+            //       selectedIds={selectedIds}
+            //       selectAllText={selectAll ? "from filter" : ""}
+            //       multiActionButton={
+            //         <div className="flex flex-row space-x-3">
+            //           {selectedIds.length > 0 &&
+            //             !props.edit?.disabledUpdate &&
+            //             !props.bareSettings?.bareHideTableExtraMultipleAction && (
+            //               <>
+            //                 <TextButton
+            //                   className="text-sm"
+            //                   text="Change to Draft"
+            //                   disable={loading}
+            //                   onClick={() => {
+            //                     handleBatchDraftData();
+            //                   }}
+            //                 />
+            //                 <TextButton
+            //                   className="text-sm"
+            //                   text="Clone Items"
+            //                   disable={loading}
+            //                   onClick={() => {
+            //                     handleCloneSelectedData();
+            //                   }}
+            //                 />
+            //               </>
+            //             )}
+            //           {props.edit?.deleteBtn && (
+            //             <TextButton
+            //               className="text-sm text-red-500 hover:text-red-600"
+            //               text="Delete"
+            //               onClick={() => {
+            //                 handleGenerateDeletePasscode();
+            //                 setDeleteModal(true);
+            //               }}
+            //             />
+            //           )}
+            //           {!isFirebase && !props.edit?.disableBatchUpdate && (
+            //             <TextButton
+            //               className="text-sm"
+            //               text="Update"
+            //               onClick={() => {
+            //                 setBatchUpdateModal(true);
+            //               }}
+            //             />
+            //           )}
+            //           {props.bareSettings?.bareListMultipleSelectAddtionalActions &&
+            //             props.bareSettings?.bareListMultipleSelectAddtionalActions?.map(
+            //               (eachButton) => {
+            //                 return (
+            //                   <TextButton
+            //                     className={`text-sm ${eachButton.className}`}
+            //                     text={eachButton.text}
+            //                     onClick={() => {
+            //                       eachButton.onClick?.(
+            //                         selectedIds,
+            //                         selectAll,
+            //                         renderImpSearchFilterConditions() ?? []
+            //                       );
+            //                     }}
+            //                   />
+            //                 );
+            //               }
+            //             )}
+            //         </div>
+            //       }
+            //       handleSelectAll={handleSelectAllPages}
+            //       handleSelectedIds={handleSelectIds}
+            //       header={renderTableHeader()}
+            //       pageIndex={pageIndex}
+            //       onClickRow={(id: string) => {
+            //         props.organise?.handleNavigate?.("read", id, "general");
+            //       }}
+            //       linkType={props.linkType}
+            //       custom={props.custom}
+            //       newTabUrl={`${props.localURLEndpoint}?data=`}
+            //       addNewTabUrl={`&type=read&collection=${props.collectionId}&view=general`}
+            //       handleUpdatePageIndex={handlePagination}
+            //       className="mt-5"
+            //       lib={{ axios: props.lib?.axios }}
+            //       devSettings={props.devSettings}
+            //       bareSettings={props.bareSettings}
+            //       fixedPagination={props.organise?.fixedPagination}
+            //       advSettings={{
+            //         addColumnEnabled: true,
+            //         renderAddColumnElements: renderAddMathColumn,
+            //         dragEnabled: props.organise?.advDragEnabled,
+            //         sortEnabled: props.organise?.advSortEnabled,
+            //         filterEnabled: props.organise?.advFilterEnabled,
+            //         sortId: props.organise?.sort,
+            //         sortOptions: props.organise?.renderReferenceLabelOptions?.(),
+            //         onSortColumn: props.organise?.onChangeSort,
+            //         onDragColumn: props.organise?.onChangeDrag,
+            //         filterOptions: props.organise?.additionalQuery?.map(
+            //           (eachQuery) => {
+            //             return {
+            //               key: eachQuery.value,
+            //               label: eachQuery.label ?? "",
+            //             };
+            //           }
+            //         ),
+            //         renderFilterElements: (id: string) => {
+            //           const selectedQuery = props.organise?.additionalQuery?.filter(
+            //             (eachQuery) => {
+            //               return eachQuery.value === id;
+            //             }
+            //           );
+            //           const selectedModelList = props.model.filter(
+            //             (eachModel) => eachModel.id === id
+            //           );
+            //           const newQuery = renderSearchAdditionalQueries(
+            //             selectedModelList,
+            //             selectedQuery
+            //           );
+            //           return renderSearchContent(newQuery);
+            //         },
+            //       }}
+            //       editable={{
+            //         active:
+            //           props.edit?.listEditable && !props.edit.disabledUpdate
+            //             ? true
+            //             : false,
+            //         onUpdateData: async (rowId, columnId, data) => {
+            //           await handleSubmitData("update", rowId, columnId, data);
+            //         },
+            //       }}
+            //       addable={{
+            //         active: props.edit?.listAddable ? true : false,
+            //         onAddData: async (data) => {
+            //           await handleSubmitData("create", "", "", data);
+            //         },
+            //       }}
+            //       darkMode={props.organise?.darkMode}
+            //       hidePagination={props.organise?.hidePagination}
+            //     />
+            //   );
+            // }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
             }
@@ -4752,7 +4995,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_3 = (_2 = props.renderSettings) === null || _2 === void 0 ? void 0 : _2.renderLoadingUI) === null || _3 === void 0 ? void 0 : _3.call(_2)) && loading ? ((_4 = props.renderSettings) === null || _4 === void 0 ? void 0 : _4.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
+        ((_4 = (_3 = props.renderSettings) === null || _3 === void 0 ? void 0 : _3.renderLoadingUI) === null || _4 === void 0 ? void 0 : _4.call(_3)) && loading ? ((_5 = props.renderSettings) === null || _5 === void 0 ? void 0 : _5.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;
@@ -4791,6 +5034,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 setBatchUpdateData({ columnId: "", columnData: {} });
                 setBatchUpdateModal(false);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
+        react_1.default.createElement(modal_1.Modal, { title: "Edit Auth Method", open: selectedAuthMethod ? true : false, renderContent: function () {
+                var _a;
+                if (props.space)
+                    return (react_1.default.createElement(authModal_1.AuthModal, { space: props.space, userId: (_a = props.id) !== null && _a !== void 0 ? _a : "", type: selectedAuthMethod, authMethods: authMethods, onComplete: handleAuthComplete }));
+                return null;
+            }, onClose: function () {
+                setSelectedAuthMethod("");
+            } }),
         isActivityLog && (react_1.default.createElement(modal_1.Modal, { open: activityModal, title: "Activity Log", renderContent: function () {
                 var _a, _b;
                 return (react_1.default.createElement(activityModal_1.ActivityModal, { title: props.title && typeof props.title === "string"