blixify-ui-web 1.0.5 → 1.0.6

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAiCA,OAAO,KASN,MAAM,OAAO,CAAC;AA0Ef,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFAu+RvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAiCA,OAAO,KASN,MAAM,OAAO,CAAC;AA0Ef,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFA2iSvB,CAAC"}

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

@@ -350,6 +350,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var mapViewRef = (0, react_1.useRef)(null);
     var prevTabPropsRef = (0, react_1.useRef)(selectedTab);
     var lastUploadedDataRef = (0, react_1.useRef)(null);
+    // INFO: stepper create deduplication — guards against concurrent draft saves
+    // issuing multiple create calls before the first create resolves.
+    // useRef is required (not useState) because refs are synchronously readable
+    // within the same event loop tick.
+    var isCreatingRef = (0, react_1.useRef)(false);
+    var pendingDraftSaveRef = (0, react_1.useRef)(false);
+    var inflightIdRef = (0, react_1.useRef)("");
+    // INFO: submit re-entry guard — prevents double-click, rapid Enter keypresses,
+    // or concurrent bareSaveOnTabChange calls from running handleSubmit twice.
+    // useRef is required (not useState) so the guard is readable synchronously
+    // before any re-render occurs.
+    var isSubmittingRef = (0, react_1.useRef)(false);
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
     var viewType = (_s = (_r = props.organise) === null || _r === void 0 ? void 0 : _r.viewId) !== null && _s !== void 0 ? _s : "general";
@@ -786,6 +798,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
         }
     }, [structure, props.type, readTabSection]);
+    // INFO: reset stepper create deduplication refs when the form resets to a
+    // fresh create session (props.id changes back to "new"). Without this, a
+    // second form session in the same component instance would see
+    // isCreatingRef.current === true from the previous session and skip the
+    // create entirely.
+    (0, react_1.useEffect)(function () {
+        if (props.id === "new") {
+            isCreatingRef.current = false;
+            pendingDraftSaveRef.current = false;
+            inflightIdRef.current = "";
+        }
+    }, [props.id]);
     var handleUpdateSelectedData = function (changeData) {
         changeData.map(function (eachField) {
             var key = eachField.key, value = eachField.value;
@@ -2970,7 +2994,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return __generator(this, function (_j) {
             switch (_j.label) {
                 case 0:
-                    _j.trys.push([0, 31, , 32]);
+                    _j.trys.push([0, 33, , 34]);
                     selectedId_2 = "";
                     if (type === "update")
                         selectedId_2 = rowId !== null && rowId !== void 0 ? rowId : "";
@@ -3015,7 +3039,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         });
                     }
                     res = "";
-                    if (!(selectedId_2 === "new")) return [3 /*break*/, 12];
+                    if (!(selectedId_2 === "new")) return [3 /*break*/, 14];
                     if (!showId)
                         createSelectedData_1[serverId] = id;
                     if (isDraft)
@@ -3041,24 +3065,51 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 case 7:
                     err_19 = _j.sent();
                     return [3 /*break*/, 8];
-                case 8: return [3 /*break*/, 11];
-                case 9: return [4 /*yield*/, writeServerQuery.call("create", {
-                        data: createSelectedData_1,
-                        unique: uniqueColumnId,
-                    })];
+                case 8: return [3 /*break*/, 13];
+                case 9:
+                    // INFO: stepper create guard — if a create is already in-flight, queue this
+                    // draft save and return early. It will be replayed as an update once the
+                    // in-flight create resolves.
+                    if (selectedId_2 === "new" && isCreatingRef.current) {
+                        pendingDraftSaveRef.current = true;
+                        return [2 /*return*/, ""];
+                    }
+                    if (selectedId_2 === "new") {
+                        isCreatingRef.current = true;
+                        inflightIdRef.current = id; // INFO: id is the UUID already generated above
+                    }
+                    return [4 /*yield*/, writeServerQuery.call("create", {
+                            data: createSelectedData_1,
+                            unique: uniqueColumnId,
+                        })];
                 case 10:
                     //INFO: [CREATE] Create new data
                     res = _j.sent();
-                    _j.label = 11;
-                case 11: return [3 /*break*/, 20];
+                    if (!(selectedId_2 === "new")) return [3 /*break*/, 13];
+                    isCreatingRef.current = false;
+                    if (!pendingDraftSaveRef.current) return [3 /*break*/, 12];
+                    pendingDraftSaveRef.current = false;
+                    // INFO: replay as update — inflightIdRef.current holds the real _id
+                    return [4 /*yield*/, writeServerQuery.call("update", {
+                            id: inflightIdRef.current,
+                            data: __assign(__assign({}, createSelectedData_1), { baseDraft: true }),
+                        })];
+                case 11:
+                    // INFO: replay as update — inflightIdRef.current holds the real _id
+                    _j.sent();
+                    _j.label = 12;
                 case 12:
-                    if (!selectedId_2) return [3 /*break*/, 20];
-                    if (!(isOffline && !offlineId)) return [3 /*break*/, 18];
+                    inflightIdRef.current = "";
                     _j.label = 13;
-                case 13:
-                    _j.trys.push([13, 16, , 17]);
-                    return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
+                case 13: return [3 /*break*/, 22];
                 case 14:
+                    if (!selectedId_2) return [3 /*break*/, 22];
+                    if (!(isOffline && !offlineId)) return [3 /*break*/, 20];
+                    _j.label = 15;
+                case 15:
+                    _j.trys.push([15, 18, , 19]);
+                    return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
+                case 16:
                     offlineDataResp = _j.sent();
                     tempData = (0, updateModule_1.handleParseOfflineWrite)(selectedData, structure);
                     tempData[serverId] = selectedId_2;
@@ -3076,15 +3127,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             data: offlineData,
                             type: props.collectionId,
                         })];
-                case 15:
+                case 17:
                     _j.sent();
                     res = true;
-                    return [3 /*break*/, 17];
-                case 16:
-                    err_20 = _j.sent();
-                    return [3 /*break*/, 17];
-                case 17: return [3 /*break*/, 20];
+                    return [3 /*break*/, 19];
                 case 18:
+                    err_20 = _j.sent();
+                    return [3 /*break*/, 19];
+                case 19: return [3 /*break*/, 22];
+                case 20:
                     dataToSubmit = void 0;
                     if (type === "update" && columnId) {
                         dataToSubmit = (_a = {},
@@ -3108,14 +3159,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             data: dataToSubmit,
                             unique: uniqueColumnId,
                         })];
-                case 19:
+                case 21:
                     res = _j.sent();
-                    _j.label = 20;
-                case 20:
-                    if (!(type === "update" || type === "create")) return [3 /*break*/, 28];
-                    if (!res) return [3 /*break*/, 27];
-                    if (!(type === "update")) return [3 /*break*/, 23];
-                    if (!columnId) return [3 /*break*/, 22];
+                    _j.label = 22;
+                case 22:
+                    if (!(type === "update" || type === "create")) return [3 /*break*/, 30];
+                    if (!res) return [3 /*break*/, 29];
+                    if (!(type === "update")) return [3 /*break*/, 25];
+                    if (!columnId) return [3 /*break*/, 24];
                     selectedIndex_4 = -1;
                     tableData.map(function (eachData, index) {
                         if (eachData.id === rowId || eachData._id === rowId) {
@@ -3125,25 +3176,25 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         return null;
                     });
                     return [4 /*yield*/, handleGetListData({ data: tableData[selectedIndex_4] }, "update", rowId)];
-                case 21:
-                    _j.sent();
-                    _j.label = 22;
-                case 22: return [3 /*break*/, 25];
-                case 23: return [4 /*yield*/, handleGetListData({ data: [createSelectedData_1] }, "create")];
-                case 24:
+                case 23:
                     _j.sent();
-                    _j.label = 25;
-                case 25:
-                    if (!((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpdateHandlePostComplete)) return [3 /*break*/, 27];
-                    return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete(__assign((_b = {}, _b[serverId] = id, _b), createSelectedData_1))];
+                    _j.label = 24;
+                case 24: return [3 /*break*/, 27];
+                case 25: return [4 /*yield*/, handleGetListData({ data: [createSelectedData_1] }, "create")];
                 case 26:
                     _j.sent();
                     _j.label = 27;
-                case 27: return [3 /*break*/, 30];
+                case 27:
+                    if (!((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpdateHandlePostComplete)) return [3 /*break*/, 29];
+                    return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete(__assign((_b = {}, _b[serverId] = id, _b), createSelectedData_1))];
                 case 28:
+                    _j.sent();
+                    _j.label = 29;
+                case 29: return [3 /*break*/, 32];
+                case 30:
                     createSelectedData_1[serverId] = id;
                     return [4 /*yield*/, handleGetListData({ data: [createSelectedData_1] }, selectedId_2 === "new" ? "create" : "update", id)];
-                case 29:
+                case 31:
                     _j.sent();
                     setNotification({
                         type: true,
@@ -3154,13 +3205,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             ? "Data sucessfully created"
                             : "Data sucessfully updated",
                     });
-                    _j.label = 30;
-                case 30:
+                    _j.label = 32;
+                case 32:
                     dataId = res ? id : "";
                     return [2 /*return*/, dataId];
-                case 31:
+                case 33:
                     err_21 = _j.sent();
                     console.log("error", err_21);
+                    // INFO: clear in-flight guard on failure so the next save retries as a create
+                    if (isCreatingRef.current) {
+                        isCreatingRef.current = false;
+                        pendingDraftSaveRef.current = false;
+                        inflightIdRef.current = "";
+                    }
                     if (err_21.response && err_21.response.status === 400) {
                         if (typeof ((_h = err_21.response.data) === null || _h === void 0 ? void 0 : _h.err) === "string")
                             setNotification({
@@ -3175,8 +3232,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 msg: "Please contact our administrator for assistance or try your request again later. We apologize for any inconvenience",
                             });
                     }
-                    return [3 /*break*/, 32];
-                case 32: return [2 /*return*/];
+                    return [3 /*break*/, 34];
+                case 34: return [2 /*return*/];
             }
         });
     }); };
@@ -3225,34 +3282,43 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return __generator(this, function (_m) {
             switch (_m.label) {
                 case 0:
-                    _m.trys.push([0, 9, , 10]);
+                    // INFO: re-entry guard — if a submit is already in-flight (double-click,
+                    // rapid Enter keypresses, or concurrent bareSaveOnTabChange calls), return
+                    // early. This prevents duplicate creates/updates, double-firing of
+                    // bareUpdateHandlePreComplete/Complete, and premature modal dismissal.
+                    if (isSubmittingRef.current)
+                        return [2 /*return*/];
+                    isSubmittingRef.current = true;
+                    _m.label = 1;
+                case 1:
+                    _m.trys.push([1, 10, , 11]);
                     setLoading(true);
                     setModalVisible(true);
                     preComplete = true;
-                    if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareUpdateHandlePreComplete)) return [3 /*break*/, 2];
+                    if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareUpdateHandlePreComplete)) return [3 /*break*/, 3];
                     return [4 /*yield*/, props.bareSettings.bareUpdateHandlePreComplete(selectedData)];
-                case 1:
+                case 2:
                     preComplete =
                         _m.sent();
-                    _m.label = 2;
-                case 2:
+                    _m.label = 3;
+                case 3:
                     if (!preComplete)
                         throw "Error";
-                    if (!((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareUpdateHandleComplete)) return [3 /*break*/, 4];
+                    if (!((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareUpdateHandleComplete)) return [3 /*break*/, 5];
                     return [4 /*yield*/, props.bareSettings.bareUpdateHandleComplete(selectedData)];
-                case 3:
+                case 4:
                     _m.sent();
-                    return [3 /*break*/, 8];
-                case 4: return [4 /*yield*/, handleSubmitData(undefined, undefined, undefined, undefined, undefined, undefined, isDraft)];
-                case 5:
+                    return [3 /*break*/, 9];
+                case 5: return [4 /*yield*/, handleSubmitData(undefined, undefined, undefined, undefined, undefined, undefined, isDraft)];
+                case 6:
                     res = _m.sent();
-                    if (!res) return [3 /*break*/, 8];
-                    if (!((_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareUpdateHandlePostComplete)) return [3 /*break*/, 7];
+                    if (!res) return [3 /*break*/, 9];
+                    if (!((_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareUpdateHandlePostComplete)) return [3 /*break*/, 8];
                     return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete(__assign((_a = {}, _a[serverId] = res, _a), selectedData))];
-                case 6:
-                    _m.sent();
-                    _m.label = 7;
                 case 7:
+                    _m.sent();
+                    _m.label = 8;
+                case 8:
                     handleCheckOfflineDataLength();
                     if (isDraft) {
                         updatedMarkdownData_1 = {};
@@ -3313,17 +3379,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.handleNavigate) === null || _l === void 0 ? void 0 : _l.call(_k, "read", res, "general");
                         }
                     }
-                    _m.label = 8;
-                case 8:
+                    _m.label = 9;
+                case 9:
                     setModalVisible(false);
                     setLoading(false);
-                    return [3 /*break*/, 10];
-                case 9:
+                    isSubmittingRef.current = false;
+                    return [3 /*break*/, 11];
+                case 10:
                     err_22 = _m.sent();
                     setModalVisible(false);
                     setLoading(false);
-                    return [3 /*break*/, 10];
-                case 10: return [2 /*return*/];
+                    isSubmittingRef.current = false;
+                    return [3 /*break*/, 11];
+                case 11: return [2 /*return*/];
             }
         });
     }); };