blixify-ui-web 0.2.40 → 0.2.42

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

@@ -211,33 +211,38 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _47 = (0, react_1.useState)(0), offlineDataLength = _47[0], setOfflineDataLength = _47[1];
     var _48 = (0, react_1.useState)(false), offlineModal = _48[0], setOfflineModal = _48[1];
     var devSettings = props.devSettings;
-    var serverId = devSettings.server === "mongoServer" ? "_id" : "id";
-    var isEditor = ((_b = props.edit) === null || _b === void 0 ? void 0 : _b.allEditable) ? true : false;
-    var limit = props.limit ? props.limit : 10;
-    var dbModule = devSettings.server === "firebase" ? (_c = props.lib) === null || _c === void 0 ? void 0 : _c.firebase : (_d = props.lib) === null || _d === void 0 ? void 0 : _d.axios;
+    var serverId = (0, utils_1.parseServerId)(devSettings.server);
+    var isFirebaseClient = devSettings.server === "firebase";
+    var isFirebase = isFirebaseClient || devSettings.server === "fbServer";
+    var dbModule = isFirebaseClient ? (_b = props.lib) === null || _b === void 0 ? void 0 : _b.firebase : (_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios;
     var schemaPresent = props.devSettings.schemaEndpoint ? true : false;
-    var hasNavigation = ((_e = props.organise) === null || _e === void 0 ? void 0 : _e.handleNavigate) ? true : false;
+    var limit = props.limit ? props.limit : 10;
+    var isEditor = ((_d = props.edit) === null || _d === void 0 ? void 0 : _d.allEditable) ? true : false;
+    var isOffline = (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareOffline;
     var showId = (_f = props.space) === null || _f === void 0 ? void 0 : _f.showId;
-    var isOffline = (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareOffline;
+    var hasNavigation = ((_g = props.organise) === null || _g === void 0 ? void 0 : _g.handleNavigate) ? true : false;
     var formColumn = ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareUpdateOneColumn)
         ? "grid-cols-2"
         : "grid-cols-4";
+    //TODO : Code - Pass ...devSettings, search dbEndpoint:
     var writeServerQuery = new writeQuery_1.WriteQuery({
         dbModule: (_j = props.lib) === null || _j === void 0 ? void 0 : _j.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
+        dbAPIToken: devSettings.dbAPIToken,
+        dbUserToken: devSettings.dbUserToken,
     });
     var readServerQuery = new readQuery_1.ReadQuery({
         dbModule: (_k = props.lib) === null || _k === void 0 ? void 0 : _k.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
+        dbAPIToken: devSettings.dbAPIToken,
+        dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_l = props.edit) === null || _l === void 0 ? void 0 : _l.allEditable) &&
-            props.devSettings.server !== "fbServer" &&
-            props.devSettings.server !== "firebase"
+        ((_l = props.edit) === null || _l === void 0 ? void 0 : _l.allEditable) && !isFirebase
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -360,7 +365,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var handleReadQueryHocSort = function (query) {
         var _a, _b;
         var sort = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.sort) !== null && _b !== void 0 ? _b : undefined;
-        if (props.devSettings.server === "fbServer") {
+        if (isFirebase) {
             query === null || query === void 0 ? void 0 : query.map(function (eachQuery) {
                 var _a, _b;
                 if (eachQuery.type === "search") {
@@ -483,7 +488,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         setSelectAll(value);
     };
     var handlePagination = function (value) {
-        if (devSettings.server === "mongoServer") {
+        if (!isFirebase) {
             setTableLoading(true);
             handleSetListData([], []);
         }
@@ -493,7 +498,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else {
             if (value === "next") {
                 //INFO : Retrieve latest cursor data from Firebase only
-                if (devSettings.server !== "mongoServer" &&
+                if (isFirebase &&
                     cursor &&
                     (pageIndex + 1) * limit + 1 > tableData.length) {
                     setLastCursor(cursor);
@@ -535,9 +540,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     var handleGetListData = function (responseData, type, rowId) { return __awaiter(void 0, void 0, void 0, function () {
         var dataList, prettierDataList, dummyPrettierDataList_1, selectedIndex_1, newTableData, newPrettierTableData, isExists;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return __generator(this, function (_o) {
-            switch (_o.label) {
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
                 case 0:
                     dataList = [];
                     prettierDataList = [];
@@ -553,10 +558,10 @@ 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, (_c = (_b = props.devSettings) === null || _b === void 0 ? void 0 : _b.server) !== null && _c !== void 0 ? _c : "mongoServer", (_d = props.lib) === null || _d === void 0 ? void 0 : _d.axios, props.model, (_f = (_e = props.devSettings) === null || _e === void 0 ? void 0 : _e.imageEndpoint) !== null && _f !== void 0 ? _f : "", (_h = (_g = props.devSettings) === null || _g === void 0 ? void 0 : _g.dbEndpoint) !== null && _h !== void 0 ? _h : "", (_j = props.devSettings.organisationMembers) !== null && _j !== void 0 ? _j : [], (_k = props.organise) === null || _k === void 0 ? void 0 : _k.handleNavigate, (_l = props.devSettings) === null || _l === void 0 ? void 0 : _l.bucketName, ((_m = props.organise) === null || _m === void 0 ? void 0 : _m.viewId) === "general")];
+                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")];
                 case 2:
-                    prettierDataList = _o.sent();
-                    _o.label = 3;
+                    prettierDataList = _e.sent();
+                    _e.label = 3;
                 case 3:
                     responseData.data.map(function (eachData) {
                         if (eachData["_id"]) {
@@ -566,7 +571,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         return null;
                     });
                     dataList = responseData.data;
-                    _o.label = 4;
+                    _e.label = 4;
                 case 4:
                     if (type === "update" || type === "create") {
                         try {
@@ -591,7 +596,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         catch (err) { }
                     }
                     else {
-                        if (devSettings.server === "mongoServer") {
+                        if (!isFirebase) {
                             handleSetListData(dataList, prettierDataList);
                             setSize(responseData.count);
                         }
@@ -640,8 +645,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, 500);
     };
     var handleClearDataByFilter = function (ignore) {
-        if (props.devSettings.server === "fbServer" ||
-            props.devSettings.server === "firebase") {
+        if (isFirebase) {
             if (ignore) {
                 if (ignore === "search") {
                     setFilterReference({});
@@ -723,8 +727,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //SECTION: Handle Object
     //=====================================================================================
     var handleRemoveObjectListData = function () {
-        var _a, _b;
-        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer");
+        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server);
         if (selectedObjectId) {
             var index = clonedSelectedData[selectedObjectStructureId].findIndex(function (eachData) { return eachData.id === selectedObjectId; });
             if (index !== -1) {
@@ -736,12 +739,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var handleSubmitObjectDataType = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId);
+        var _a, _b;
+        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server, false, showId);
         var filterObjectModel = props.model.find(function (eachModel) {
             return eachModel.id === selectedObjectStructureId;
         });
-        var clonedSelectedObjectData = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_c = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _c !== void 0 ? _c : [], (_e = (_d = props.devSettings) === null || _d === void 0 ? void 0 : _d.server) !== null && _e !== void 0 ? _e : "mongoServer", true, true);
+        var clonedSelectedObjectData = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_a = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _a !== void 0 ? _a : [], props.devSettings.server, true, true);
         if (!clonedSelectedObjectData["id"]) {
             clonedSelectedObjectData["id"] = (0, uuid_1.v4)();
         }
@@ -772,13 +775,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
         else {
             //INFO: [UPDATE] Updating an object field
-            var clonedSelectedObjectData_1 = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_f = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _f !== void 0 ? _f : [], (_h = (_g = props.devSettings) === null || _g === void 0 ? void 0 : _g.server) !== null && _h !== void 0 ? _h : "mongoServer", true);
+            var clonedSelectedObjectData_1 = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_b = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _b !== void 0 ? _b : [], props.devSettings.server, true);
             clonedSelectedData[selectedObjectStructureId] = clonedSelectedObjectData_1;
             setSelectedData(clonedSelectedData);
         }
         handlePopUpModal(false);
     };
-    //TODO: Bug, try to solve clicking List Object too fast
+    //TODO: Bug - try to solve clicking List Object too fast
     var handleSelectListObjectData = function (id, structureId, objectIndex) {
         var _a;
         var filterObjectModel = props.model.find(function (eachModel) {
@@ -842,15 +845,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleUploadImage = function (id, data) { return __awaiter(void 0, void 0, void 0, function () {
         var clonedSelectedData, objectAttribute, listObjectAttribute;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
-                    clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(data !== null && data !== void 0 ? data : selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", true, showId);
+                    clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(data !== null && data !== void 0 ? data : selectedData, props.model, props.devSettings.server, true, showId);
                     return [4 /*yield*/, handleParseImageField(id, clonedSelectedData, props.model)];
                 case 1:
                     //INFO: Parse & Upload Data "Image & File attributes"
-                    clonedSelectedData = _c.sent();
+                    clonedSelectedData = _a.sent();
                     objectAttribute = props.model.filter(function (eachAttribute) {
                         return eachAttribute.type === "object";
                     });
@@ -866,7 +868,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 2:
-                    _c.sent();
+                    _a.sent();
                     listObjectAttribute = props.model.filter(function (eachAttribute) {
                         return eachAttribute.type === "listObject";
                     });
@@ -882,7 +884,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 3:
-                    _c.sent();
+                    _a.sent();
                     return [2 /*return*/, clonedSelectedData];
             }
         });
@@ -1343,27 +1345,28 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleCheckDeleteReference = function (selectedData, multipleDelete) { return __awaiter(void 0, void 0, void 0, function () {
         var existDataIds, existsData, handleFindReference_1, collectionIdList_1, columnIdList_1, collectionNameList_1, refStructureList_1, schemaQuery, schemaRes, spaceList, err_8;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     existDataIds = [];
                     existsData = {};
-                    _d.label = 1;
+                    _c.label = 1;
                 case 1:
-                    _d.trys.push([1, 10, , 11]);
+                    _c.trys.push([1, 10, , 11]);
                     handleFindReference_1 = function (data, referenceStructure, space, spaceId, spaceName) { return __awaiter(void 0, void 0, void 0, function () {
                         var referenceRQ, currentReferenceSelectedList;
-                        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-                        return __generator(this, function (_k) {
-                            switch (_k.label) {
+                        var _a, _b, _c, _d, _e, _f;
+                        return __generator(this, function (_g) {
+                            switch (_g.label) {
                                 case 0:
                                     referenceRQ = new readQuery_1.ReadQuery({
                                         dbModule: dbModule,
-                                        dbType: (_a = props.devSettings.server) !== null && _a !== void 0 ? _a : "mongoServer",
+                                        dbType: props.devSettings.server,
                                         dbCollection: space ? space._id : spaceId !== null && spaceId !== void 0 ? spaceId : "",
-                                        dbEndpoint: (_b = props.devSettings.dbEndpoint) !== null && _b !== void 0 ? _b : "",
-                                        dbAPIToken: (_c = props.devSettings.dbAPIToken) !== null && _c !== void 0 ? _c : "",
+                                        dbEndpoint: props.devSettings.dbEndpoint,
+                                        dbAPIToken: props.devSettings.dbAPIToken,
+                                        dbUserToken: props.devSettings.dbUserToken,
                                     });
                                     return [4 /*yield*/, referenceRQ.call({
                                             type: "list",
@@ -1378,16 +1381,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                             ],
                                         })];
                                 case 1:
-                                    currentReferenceSelectedList = _k.sent();
+                                    currentReferenceSelectedList = _g.sent();
                                     if ((currentReferenceSelectedList === null || currentReferenceSelectedList === void 0 ? void 0 : currentReferenceSelectedList.data) &&
                                         (currentReferenceSelectedList === null || currentReferenceSelectedList === void 0 ? void 0 : currentReferenceSelectedList.data.length) > 0) {
                                         if (!existDataIds.includes(data[serverId]))
                                             existDataIds.push(data[serverId]);
-                                        if (existsData[(_e = data[(_d = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _d !== void 0 ? _d : ""]) !== null && _e !== void 0 ? _e : data[serverId]]) {
-                                            existsData[(_g = data[(_f = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _f !== void 0 ? _f : ""]) !== null && _g !== void 0 ? _g : data[serverId]].push("".concat(space ? space.name : spaceName !== null && spaceName !== void 0 ? spaceName : "", " - ").concat(currentReferenceSelectedList.count));
+                                        if (existsData[(_b = data[(_a = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _a !== void 0 ? _a : ""]) !== null && _b !== void 0 ? _b : data[serverId]]) {
+                                            existsData[(_d = data[(_c = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _c !== void 0 ? _c : ""]) !== null && _d !== void 0 ? _d : data[serverId]].push("".concat(space ? space.name : spaceName !== null && spaceName !== void 0 ? spaceName : "", " - ").concat(currentReferenceSelectedList.count));
                                         }
                                         else {
-                                            existsData[(_j = data[(_h = referenceStructure.referenceLabel) !== null && _h !== void 0 ? _h : ""]) !== null && _j !== void 0 ? _j : data[serverId]] = [
+                                            existsData[(_f = data[(_e = referenceStructure.referenceLabel) !== null && _e !== void 0 ? _e : ""]) !== null && _f !== void 0 ? _f : data[serverId]] = [
                                                 "".concat(space ? space.name : spaceName !== null && spaceName !== void 0 ? spaceName : "", " - ").concat(currentReferenceSelectedList.count, " row(s)"),
                                             ];
                                         }
@@ -1439,8 +1442,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 2:
-                    _d.sent();
-                    _d.label = 3;
+                    _c.sent();
+                    _c.label = 3;
                 case 3: return [3 /*break*/, 5];
                 case 4:
                     if (multipleDelete) {
@@ -1452,21 +1455,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     else
                         return [2 /*return*/, selectedData];
-                    _d.label = 5;
+                    _c.label = 5;
                 case 5: return [3 /*break*/, 9];
                 case 6:
                     schemaQuery = new readQuery_1.ReadQuery({
                         dbModule: dbModule,
-                        dbType: (_b = props.devSettings.server) !== null && _b !== void 0 ? _b : "mongoServer",
+                        dbType: props.devSettings.server,
                         dbCollection: "spaces",
                         dbEndpoint: props.devSettings.schemaEndpoint,
+                        dbAPIToken: props.devSettings.schemaEndpointToken,
                     });
                     return [4 /*yield*/, schemaQuery.call({
                             query: [
                                 {
                                     type: "=",
                                     queryId: "workspaceId",
-                                    value: (_c = props.space) === null || _c === void 0 ? void 0 : _c.workspaceId,
+                                    value: (_b = props.space) === null || _b === void 0 ? void 0 : _b.workspaceId,
                                 },
                                 {
                                     type: "=",
@@ -1477,7 +1481,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: "list",
                         })];
                 case 7:
-                    schemaRes = _d.sent();
+                    schemaRes = _c.sent();
                     spaceList = schemaRes === null || schemaRes === void 0 ? void 0 : schemaRes.data;
                     return [4 /*yield*/, Promise.all(spaceList.map(function (eachSpace) { return __awaiter(void 0, void 0, void 0, function () {
                             var reference;
@@ -1541,11 +1545,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 8:
-                    _d.sent();
-                    _d.label = 9;
+                    _c.sent();
+                    _c.label = 9;
                 case 9: return [3 /*break*/, 11];
                 case 10:
-                    err_8 = _d.sent();
+                    err_8 = _c.sent();
                     return [3 /*break*/, 11];
                 case 11:
                     setReferenceDeleteTableData(existsData);
@@ -1967,9 +1971,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleRetrieveSelectedData = function (responseData) { return __awaiter(void 0, void 0, void 0, function () {
         var clonedReferencesOptions_1, dummyRespData, dummyReferenceModelSchema, newRespData, _a;
-        var _b, _c, _d, _e, _f, _g, _h;
-        return __generator(this, function (_j) {
-            switch (_j.label) {
+        var _b, _c, _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
                 case 0:
                     if (!responseData.data) return [3 /*break*/, 6];
                     if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareOffline)) return [3 /*break*/, 2];
@@ -1992,7 +1996,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 1:
-                    _j.sent();
+                    _h.sent();
                     setReferencesOptions(clonedReferencesOptions_1);
                     return [3 /*break*/, 6];
                 case 2:
@@ -2002,20 +2006,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     return [4 /*yield*/, (0, readModule_1.handleRetrieveDeepModel)(dummyRespData, (_d = props.model) !== null && _d !== void 0 ? _d : [], dbModule, devSettings, {
                             assetParentId: (_e = props.id) !== null && _e !== void 0 ? _e : "",
                             bucketName: (_f = devSettings.bucketName) !== null && _f !== void 0 ? _f : "",
-                        }, (_g = devSettings.organisationMembers) !== null && _g !== void 0 ? _g : [], dummyReferenceModelSchema, setReferenceSchema)];
+                        }, dummyReferenceModelSchema, setReferenceSchema)];
                 case 3:
-                    _a = _j.sent();
+                    _a = _h.sent();
                     return [3 /*break*/, 5];
                 case 4:
                     _a = dummyRespData;
-                    _j.label = 5;
+                    _h.label = 5;
                 case 5:
                     newRespData = _a;
                     setSelectedData(newRespData);
-                    if ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareReadHandleData)
+                    if ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareReadHandleData)
                         props.bareSettings.bareReadHandleData(newRespData);
-                    (0, updateModule_1.handleRetrieveReferenceOptions)(newRespData, props.model, dbModule, devSettings.server, devSettings.dbEndpoint, devSettings.dbAPIToken, devSettings.dbUserToken, setReferencesOptions);
-                    _j.label = 6;
+                    (0, updateModule_1.handleRetrieveReferenceOptions)(newRespData, props.model, dbModule, devSettings, setReferencesOptions);
+                    _h.label = 6;
                 case 6:
                     setModalVisible(false);
                     setLoading(false);
@@ -2072,17 +2076,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var handleOnChangeFile = function (e) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[e.target.id] =
             e.target.files.length > 0 ? e.target.files[0] : undefined;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeFiles = function (id, value, action) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         var previousData = clonedData[id] && clonedData[id]["data"] ? clonedData[id]["data"] : [];
         var previousUploadData = clonedData[id] && clonedData[id]["upload"]
             ? clonedData[id]["upload"]
@@ -2129,37 +2131,32 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var handleOnChangeAddress = function (id, address) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[id] = address;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeText = function (e) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[e.target.id] = e.target.value;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeSelect = function (id, value) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[id] = value;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeDate = function (id, value) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[id] = value;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeMarkdown = function (id, value) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[id] = value;
         handleUpdateChangeData(clonedData);
     };
@@ -2633,7 +2630,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return tableHeader;
     };
     var renderCursor = function () {
-        if (devSettings.server === "mongoServer") {
+        if (!isFirebase) {
             return pageIndex === 0 ? undefined : pageIndex * limit;
         }
         else {
@@ -2687,11 +2684,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return detailList;
     };
     var renderListObject = function (type) {
-        var _a, _b;
         var listElement = [];
         var isListObject = props.model.filter(function (eachAttribute) { return eachAttribute.type === "listObject"; });
         var list = {};
-        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server, false, showId ? true : false);
         isListObject.map(function (eachListObject) {
             var _a, _b;
             if (props.onComplete &&
@@ -2750,9 +2746,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     }
                                     break;
                                 case "date":
-                                    var timeStamp = (props.devSettings.server === "fbServer" ||
-                                        props.devSettings.server === "firebase") &&
-                                        (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"])
+                                    var timeStamp = isFirebase && (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"])
                                         ? (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"]) * 1000
                                         : eachValue;
                                     eachNewList[eachKey] =
@@ -3073,7 +3067,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     }, bgColor: "bg-white" }))),
                             !isBottom && renderActionButtons(props.type),
                             (schemaPresent || ((_y = props.organise) === null || _y === void 0 ? void 0 : _y.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: Crash on Next Js
+                                //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>
@@ -3100,7 +3094,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //SECTION: Render Utils
     //=====================================================================================
     var renderDataTemplateFormContent = function (state, model, ref, isObject, isObjectList, modalInput) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d;
         return (0, updateModule_1.renderDataTemplateForm)(state, model, ref, {
             handleOnChangeAddress: handleOnChangeAddress,
             handleOnChangeText: handleOnChangeText,
@@ -3121,10 +3115,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             showId: showId,
         }, {
             dbModule: dbModule,
-            server: (_c = devSettings.server) !== null && _c !== void 0 ? _c : "mongoServer",
-            dbEndpoint: (_d = devSettings.dbEndpoint) !== null && _d !== void 0 ? _d : "",
-            dbApiToken: (_e = devSettings.dbAPIToken) !== null && _e !== void 0 ? _e : "",
-            dbUserToken: (_f = devSettings.dbUserToken) !== null && _f !== void 0 ? _f : "",
+            devSettings: devSettings,
             referencesOptions: referencesOptions,
             referenceLoading: referenceLoading,
             setReferenceLoading: setReferenceLoading,
@@ -3140,7 +3131,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             setSelectedObjectData: setSelectedObjectData,
             handlePopUpModal: handlePopUpModal,
             renderObjectTags: renderObjectTags,
-        }, props.onComplete ? true : false, (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareOffline, (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareUpdateOneColumn);
+        }, props.onComplete ? true : false, (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareOffline, (_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareUpdateOneColumn);
     };
     var renderGridAndListData = function (imageTag, type) {
         var gridData = [];
@@ -3263,13 +3254,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
         if (viewType === "general") {
             if (dataType === "list") {
-                return (react_1.default.createElement(table_1.Table, { showId: showId, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", data: tableData, spaceData: spaceTableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, checkbox: isEditor ? true : false, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement("div", { className: "flex flex-row space-x-3" },
+                return (react_1.default.createElement(table_1.Table, { showId: showId, paginationType: isFirebase ? "cursor" : "page", data: tableData, spaceData: spaceTableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, checkbox: isEditor ? true : false, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement("div", { className: "flex flex-row space-x-3" },
                         ((_a = props.edit) === null || _a === void 0 ? void 0 : _a.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);
                             } })),
-                        props.devSettings.server === "mongoServer" &&
-                            !((_b = props.edit) === null || _b === void 0 ? void 0 : _b.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
+                        !isFirebase && !((_b = props.edit) === null || _b === void 0 ? void 0 : _b.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
                                 setBatchUpdateModal(true);
                             } }))), handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, header: renderTableHeader(), pageIndex: pageIndex, onClickRow: function (id) {
                         var _a, _b;
@@ -3279,14 +3269,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             name: props.type === "list" ? "Table View" : "Card View",
                             href: "".concat(props.localURLEndpoint, "?data=").concat(props.id, "&type=").concat(props.type, "&collection=").concat(props.collectionId, "&view=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: (_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios }, devSettings: {
-                        schemaEndpoint: devSettings.schemaEndpoint,
-                        server: devSettings.server,
-                        dbEndpoint: devSettings.dbEndpoint,
-                        dbAPIToken: devSettings.dbAPIToken,
-                        dbUserToken: devSettings.dbUserToken,
-                        imageEndpoint: devSettings.imageEndpoint,
-                    }, bareSettings: props.bareSettings, editable: {
+                    }, 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: (_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios }, devSettings: props.devSettings, bareSettings: props.bareSettings, editable: {
                         active: ((_d = props.edit) === null || _d === void 0 ? void 0 : _d.listEditable) ? true : false,
                         onUpdateData: function (rowId, columnId, data) { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
@@ -3324,21 +3307,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             if ((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareListComponent) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     props.bareSettings.bareListComponent(tableData, spaceTableData, tableLoading),
-                    !((_k = props.organise) === null || _k === void 0 ? void 0 : _k.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.darkMode }))));
+                    !((_k = props.organise) === null || _k === void 0 ? void 0 : _k.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: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.darkMode }))));
             }
             else if (selectedTabData.viewType === "iframe") {
                 return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_m = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _m !== void 0 ? _m : "", title: (_o = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _o !== void 0 ? _o : "", 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: devSettings.server === "mongoServer" ? "page" : "cursor", list: renderGridAndListData(selectedTabData.viewImage, "list"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickRow: function (id) {
+                    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, 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: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.hidePagination })));
             }
             else if (selectedTabData.viewType === "grid") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(grid_1.Grid, { paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickData: function (id) {
+                    react_1.default.createElement(grid_1.Grid, { paginationType: isFirebase ? "cursor" : "page", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, 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: (_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareListGridColClassName, className: "mt-5", hidePagination: (_r = props.organise) === null || _r === void 0 ? void 0 : _r.hidePagination })));
@@ -3493,7 +3476,7 @@ 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: (_t = props.organise) === null || _t === void 0 ? void 0 : _t.darkMode }),
                     react_1.default.createElement("div", { className: "my-10" }),
-                    contentList_1.length > 0 && !((_u = props.organise) === null || _u === void 0 ? void 0 : _u.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.darkMode }))))));
+                    contentList_1.length > 0 && !((_u = props.organise) === null || _u === void 0 ? void 0 : _u.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: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.darkMode }))))));
             }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
@@ -3557,16 +3540,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement(button_1.Button, { text: "".concat(stepCSVIndex < 2 ? "Next" : "Submit"), type: "normal", onClick: handleStepCSV }))))));
         }
         else if (exportExcel || exportQR) {
-            return (react_1.default.createElement(react_1.default.Fragment, null, queryForm ? (react_1.default.createElement(queryForm_1.QueryForm, { dbModule: (_a = props.lib) === null || _a === void 0 ? void 0 : _a.axios, model: props.model, updateQuery: queryIndex >= 0 ? queryList[queryIndex] : undefined, devSettings: {
-                    schemaEndpoint: props.devSettings.schemaEndpoint,
-                    server: props.devSettings.server,
-                    dbEndpoint: props.devSettings.dbEndpoint,
-                    dbAPIToken: props.devSettings.dbAPIToken,
-                    dbUserToken: props.devSettings.dbUserToken,
-                    imageEndpoint: props.devSettings.imageEndpoint,
-                    uploadEndpoint: props.devSettings.uploadEndpoint,
-                    bucketName: props.devSettings.bucketName,
-                }, handleCloseForm: function () {
+            return (react_1.default.createElement(react_1.default.Fragment, null, queryForm ? (react_1.default.createElement(queryForm_1.QueryForm, { dbModule: (_a = props.lib) === null || _a === void 0 ? void 0 : _a.axios, model: props.model, updateQuery: queryIndex >= 0 ? queryList[queryIndex] : undefined, devSettings: props.devSettings, handleCloseForm: function () {
                     handleViewQuery(-1);
                 }, handleQueryOnComplete: function (queryData) {
                     handlePushQueryList(queryData, queryIndex);