@webiny/app-record-locking 6.4.5-beta.0 → 6.6.0-alpha.0

package/presentation/entryLocking/ContentEntryFormPresenterDecorator.js

@@ -0,0 +1,61 @@
+import { computed, makeAutoObservable } from "mobx";
+import { ContentEntryFormPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/form/abstractions.js";
+import { RecordLockingPresenter } from "./abstractions.js";
+class ContentEntryFormPresenterWithLocking {
+    constructor(lockingPresenter, original){
+        this.lockingPresenter = lockingPresenter;
+        this.original = original;
+        makeAutoObservable(this, {
+            lockingPresenter: false,
+            original: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        const base = this.original.vm;
+        if (base.isNewEntry) return base;
+        const canEdit = this.lockingPresenter.vm.canEdit;
+        return {
+            ...base,
+            canSave: base.canSave && canEdit,
+            canPublish: base.canPublish && canEdit,
+            canUnpublish: base.canUnpublish && canEdit,
+            canDelete: base.canDelete && canEdit
+        };
+    }
+    async saveRevision(options) {
+        const result = await this.original.saveRevision(options);
+        if (result) await this.lockingPresenter.refreshLock();
+        return result;
+    }
+    publishRevision() {
+        return this.original.publishRevision();
+    }
+    unpublishRevision() {
+        return this.original.unpublishRevision();
+    }
+    deleteEntry() {
+        return this.original.deleteEntry();
+    }
+    loadRevision(id) {
+        return this.original.loadRevision(id);
+    }
+    setFolderId(folderId) {
+        this.original.setFolderId(folderId);
+    }
+    newEntry(initialValues) {
+        return this.original.newEntry(initialValues);
+    }
+    reset() {
+        return this.original.reset();
+    }
+}
+const ContentEntryFormPresenterLockingDecorator = ContentEntryFormPresenter.createDecorator({
+    decorator: ContentEntryFormPresenterWithLocking,
+    dependencies: [
+        RecordLockingPresenter
+    ]
+});
+export { ContentEntryFormPresenterLockingDecorator };
+
+//# sourceMappingURL=ContentEntryFormPresenterDecorator.js.map

package/presentation/entryLocking/ContentEntryFormPresenterDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/ContentEntryFormPresenterDecorator.js","sources":["../../../src/presentation/entryLocking/ContentEntryFormPresenterDecorator.ts"],"sourcesContent":["import { computed, makeAutoObservable } from \"mobx\";\nimport {\n    ContentEntryFormPresenter,\n    type IContentEntryFormPresenter,\n    type IContentEntryFormViewModel\n} from \"@webiny/app-headless-cms/presentation/contentEntries/form/abstractions.js\";\nimport { RecordLockingPresenter } from \"./abstractions.js\";\n\nclass ContentEntryFormPresenterWithLocking implements IContentEntryFormPresenter {\n    constructor(\n        private lockingPresenter: RecordLockingPresenter.Interface,\n        private original: IContentEntryFormPresenter\n    ) {\n        makeAutoObservable<ContentEntryFormPresenterWithLocking, \"lockingPresenter\" | \"original\">(\n            this,\n            {\n                lockingPresenter: false,\n                original: false,\n                vm: computed\n            }\n        );\n    }\n\n    get vm(): IContentEntryFormViewModel {\n        const base = this.original.vm;\n\n        if (base.isNewEntry) {\n            return base;\n        }\n\n        const canEdit = this.lockingPresenter.vm.canEdit;\n\n        return {\n            ...base,\n            canSave: base.canSave && canEdit,\n            canPublish: base.canPublish && canEdit,\n            canUnpublish: base.canUnpublish && canEdit,\n            canDelete: base.canDelete && canEdit\n        };\n    }\n\n    async saveRevision(options?: { skipValidation?: boolean }): Promise<boolean> {\n        const result = await this.original.saveRevision(options);\n\n        if (result) {\n            await this.lockingPresenter.refreshLock();\n        }\n\n        return result;\n    }\n\n    publishRevision(): Promise<boolean> {\n        return this.original.publishRevision();\n    }\n\n    unpublishRevision(): Promise<boolean> {\n        return this.original.unpublishRevision();\n    }\n\n    deleteEntry(): Promise<boolean> {\n        return this.original.deleteEntry();\n    }\n\n    loadRevision(id: string): Promise<void> {\n        return this.original.loadRevision(id);\n    }\n\n    setFolderId(folderId: string | null): void {\n        this.original.setFolderId(folderId);\n    }\n\n    newEntry(initialValues?: Record<string, unknown>): void {\n        return this.original.newEntry(initialValues);\n    }\n\n    reset(): void {\n        return this.original.reset();\n    }\n}\n\nexport const ContentEntryFormPresenterLockingDecorator = ContentEntryFormPresenter.createDecorator({\n    decorator: ContentEntryFormPresenterWithLocking,\n    dependencies: [RecordLockingPresenter]\n});\n"],"names":["ContentEntryFormPresenterWithLocking","lockingPresenter","original","makeAutoObservable","computed","base","canEdit","options","result","id","folderId","initialValues","ContentEntryFormPresenterLockingDecorator","ContentEntryFormPresenter","RecordLockingPresenter"],"mappings":";;;AAQA,MAAMA;IACF,YACYC,gBAAkD,EAClDC,QAAoC,CAC9C;aAFUD,gBAAgB,GAAhBA;aACAC,QAAQ,GAARA;QAERC,mBACI,IAAI,EACJ;YACI,kBAAkB;YAClB,UAAU;YACV,IAAIC;QACR;IAER;IAEA,IAAI,KAAiC;QACjC,MAAMC,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE;QAE7B,IAAIA,KAAK,UAAU,EACf,OAAOA;QAGX,MAAMC,UAAU,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,OAAO;QAEhD,OAAO;YACH,GAAGD,IAAI;YACP,SAASA,KAAK,OAAO,IAAIC;YACzB,YAAYD,KAAK,UAAU,IAAIC;YAC/B,cAAcD,KAAK,YAAY,IAAIC;YACnC,WAAWD,KAAK,SAAS,IAAIC;QACjC;IACJ;IAEA,MAAM,aAAaC,OAAsC,EAAoB;QACzE,MAAMC,SAAS,MAAM,IAAI,CAAC,QAAQ,CAAC,YAAY,CAACD;QAEhD,IAAIC,QACA,MAAM,IAAI,CAAC,gBAAgB,CAAC,WAAW;QAG3C,OAAOA;IACX;IAEA,kBAAoC;QAChC,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe;IACxC;IAEA,oBAAsC;QAClC,OAAO,IAAI,CAAC,QAAQ,CAAC,iBAAiB;IAC1C;IAEA,cAAgC;QAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW;IACpC;IAEA,aAAaC,EAAU,EAAiB;QACpC,OAAO,IAAI,CAAC,QAAQ,CAAC,YAAY,CAACA;IACtC;IAEA,YAAYC,QAAuB,EAAQ;QACvC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAACA;IAC9B;IAEA,SAASC,aAAuC,EAAQ;QACpD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAACA;IAClC;IAEA,QAAc;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK;IAC9B;AACJ;AAEO,MAAMC,4CAA4CC,0BAA0B,eAAe,CAAC;IAC/F,WAAWb;IACX,cAAc;QAACc;KAAuB;AAC1C"}

package/presentation/entryLocking/RecordLockingPresenter.d.ts

@@ -0,0 +1,32 @@
+import { IdentityContext } from "@webiny/app-admin/features/security/IdentityContext/abstractions.js";
+import { AcquireLockUseCase } from "../../features/acquireLock/abstractions.js";
+import { CheckLockStatusUseCase } from "../../features/checkLockStatus/abstractions.js";
+import { ReleaseLockUseCase } from "../../features/releaseLock/abstractions.js";
+import { ForceUnlockUseCase } from "../../features/forceUnlock/abstractions.js";
+import { type IRecordLockingPresenter, type IRecordLockingViewModel, type IKickOutData } from "./abstractions.js";
+declare class RecordLockingPresenterImpl implements IRecordLockingPresenter {
+    private acquireLockUseCase;
+    private checkLockStatusUseCase;
+    private releaseLockUseCase;
+    private forceUnlockUseCase;
+    private identityContext;
+    private _status;
+    private _lockRecord;
+    private _entryId;
+    private _type;
+    private _heartbeatTimer;
+    constructor(acquireLockUseCase: AcquireLockUseCase.Interface, checkLockStatusUseCase: CheckLockStatusUseCase.Interface, releaseLockUseCase: ReleaseLockUseCase.Interface, forceUnlockUseCase: ForceUnlockUseCase.Interface, identityContext: IdentityContext.Interface);
+    get vm(): IRecordLockingViewModel;
+    private checkCanForceUnlock;
+    init(entryId: string, type: string): Promise<void>;
+    refreshLock(): Promise<void>;
+    forceUnlock(): Promise<boolean>;
+    handleKickOut(data: IKickOutData): void;
+    dispose(): void;
+    private startHeartbeat;
+    private stopHeartbeat;
+}
+export declare const RecordLockingPresenter: typeof RecordLockingPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IRecordLockingPresenter>;
+};
+export {};

package/presentation/entryLocking/RecordLockingPresenter.js

@@ -0,0 +1,164 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { parseIdentifier } from "@webiny/utils";
+import { IdentityContext } from "@webiny/app-admin/features/security/IdentityContext/abstractions.js";
+import { AcquireLockUseCase } from "../../features/acquireLock/abstractions.js";
+import { CheckLockStatusUseCase } from "../../features/checkLockStatus/abstractions.js";
+import { ReleaseLockUseCase } from "../../features/releaseLock/abstractions.js";
+import { ForceUnlockUseCase } from "../../features/forceUnlock/abstractions.js";
+import { RecordLockingPresenter } from "./abstractions.js";
+const HEARTBEAT_INTERVAL_MS = 20000;
+class RecordLockingPresenterImpl {
+    constructor(acquireLockUseCase, checkLockStatusUseCase, releaseLockUseCase, forceUnlockUseCase, identityContext){
+        this.acquireLockUseCase = acquireLockUseCase;
+        this.checkLockStatusUseCase = checkLockStatusUseCase;
+        this.releaseLockUseCase = releaseLockUseCase;
+        this.forceUnlockUseCase = forceUnlockUseCase;
+        this.identityContext = identityContext;
+        this._status = null;
+        this._lockRecord = null;
+        this._entryId = null;
+        this._type = null;
+        this._heartbeatTimer = null;
+        makeAutoObservable(this, {
+            acquireLockUseCase: false,
+            checkLockStatusUseCase: false,
+            releaseLockUseCase: false,
+            forceUnlockUseCase: false,
+            identityContext: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            status: this._status,
+            lockRecord: this._lockRecord,
+            lockedByUserName: this._lockRecord?.lockedBy?.displayName ?? null,
+            canForceUnlock: this.checkCanForceUnlock(),
+            canEdit: "acquired" === this._status
+        };
+    }
+    checkCanForceUnlock() {
+        const identity = this.identityContext.getIdentity();
+        if (identity.getPermission("recordLocking.*")) return true;
+        const permission = identity.getPermission("recordLocking");
+        return permission?.canForceUnlock === true;
+    }
+    async init(entryId, type) {
+        const { id } = parseIdentifier(entryId);
+        this._entryId = id;
+        this._type = type;
+        this._status = "checking";
+        try {
+            const lockRecord = await this.checkLockStatusUseCase.execute({
+                id,
+                type
+            });
+            if (lockRecord) return void runInAction(()=>{
+                this._status = "locked";
+                this._lockRecord = lockRecord;
+            });
+            const acquired = await this.acquireLockUseCase.execute({
+                id,
+                type
+            });
+            runInAction(()=>{
+                this._status = "acquired";
+                this._lockRecord = acquired;
+            });
+            this.startHeartbeat(id, type);
+        } catch  {
+            runInAction(()=>{
+                this._status = "error";
+            });
+        }
+    }
+    async refreshLock() {
+        if ("acquired" !== this._status || !this._entryId || !this._type) return;
+        try {
+            const record = await this.acquireLockUseCase.execute({
+                id: this._entryId,
+                type: this._type
+            });
+            runInAction(()=>{
+                this._lockRecord = record;
+            });
+        } catch  {}
+    }
+    async forceUnlock() {
+        if (!this._lockRecord || !this._type) return false;
+        try {
+            await this.forceUnlockUseCase.execute({
+                id: this._lockRecord.targetId,
+                type: this._type
+            });
+            const acquired = await this.acquireLockUseCase.execute({
+                id: this._lockRecord.targetId,
+                type: this._type
+            });
+            runInAction(()=>{
+                this._status = "acquired";
+                this._lockRecord = acquired;
+            });
+            this.startHeartbeat(this._lockRecord.targetId, this._type);
+            return true;
+        } catch  {
+            return false;
+        }
+    }
+    handleKickOut(data) {
+        this.stopHeartbeat();
+        runInAction(()=>{
+            this._status = "kicked-out";
+            this._lockRecord = data.record;
+        });
+    }
+    dispose() {
+        this.stopHeartbeat();
+        if ("acquired" === this._status && this._entryId && this._type) this.releaseLockUseCase.execute({
+            id: this._entryId,
+            type: this._type
+        }).catch(()=>{});
+        this._status = null;
+        this._lockRecord = null;
+        this._entryId = null;
+        this._type = null;
+    }
+    startHeartbeat(entryId, type) {
+        this.stopHeartbeat();
+        this._heartbeatTimer = setInterval(async ()=>{
+            try {
+                const record = await this.acquireLockUseCase.execute({
+                    id: entryId,
+                    type
+                });
+                runInAction(()=>{
+                    this._lockRecord = record;
+                });
+            } catch  {
+                this.stopHeartbeat();
+                runInAction(()=>{
+                    this._status = "error";
+                });
+            }
+        }, HEARTBEAT_INTERVAL_MS);
+    }
+    stopHeartbeat() {
+        if (null !== this._heartbeatTimer) {
+            clearInterval(this._heartbeatTimer);
+            this._heartbeatTimer = null;
+        }
+    }
+}
+const RecordLockingPresenter_RecordLockingPresenter = RecordLockingPresenter.createImplementation({
+    implementation: RecordLockingPresenterImpl,
+    dependencies: [
+        AcquireLockUseCase,
+        CheckLockStatusUseCase,
+        ReleaseLockUseCase,
+        ForceUnlockUseCase,
+        IdentityContext
+    ]
+});
+export { RecordLockingPresenter_RecordLockingPresenter as RecordLockingPresenter };
+
+//# sourceMappingURL=RecordLockingPresenter.js.map

package/presentation/entryLocking/RecordLockingPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/RecordLockingPresenter.js","sources":["../../../src/presentation/entryLocking/RecordLockingPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { IdentityContext } from \"@webiny/app-admin/features/security/IdentityContext/abstractions.js\";\nimport { AcquireLockUseCase } from \"~/features/acquireLock/abstractions.js\";\nimport { CheckLockStatusUseCase } from \"~/features/checkLockStatus/abstractions.js\";\nimport { ReleaseLockUseCase } from \"~/features/releaseLock/abstractions.js\";\nimport { ForceUnlockUseCase } from \"~/features/forceUnlock/abstractions.js\";\nimport {\n    RecordLockingPresenter as Abstraction,\n    type IRecordLockingPresenter,\n    type IRecordLockingViewModel,\n    type IKickOutData,\n    type RecordLockingStatus\n} from \"./abstractions.js\";\nimport type { IRecordLockingLockRecord } from \"~/types.js\";\n\nconst HEARTBEAT_INTERVAL_MS = 20_000;\n\nclass RecordLockingPresenterImpl implements IRecordLockingPresenter {\n    private _status: RecordLockingStatus = null;\n    private _lockRecord: IRecordLockingLockRecord | null = null;\n    private _entryId: string | null = null;\n    private _type: string | null = null;\n    private _heartbeatTimer: ReturnType<typeof setInterval> | null = null;\n\n    constructor(\n        private acquireLockUseCase: AcquireLockUseCase.Interface,\n        private checkLockStatusUseCase: CheckLockStatusUseCase.Interface,\n        private releaseLockUseCase: ReleaseLockUseCase.Interface,\n        private forceUnlockUseCase: ForceUnlockUseCase.Interface,\n        private identityContext: IdentityContext.Interface\n    ) {\n        makeAutoObservable<\n            RecordLockingPresenterImpl,\n            | \"acquireLockUseCase\"\n            | \"checkLockStatusUseCase\"\n            | \"releaseLockUseCase\"\n            | \"forceUnlockUseCase\"\n            | \"identityContext\"\n        >(this, {\n            acquireLockUseCase: false,\n            checkLockStatusUseCase: false,\n            releaseLockUseCase: false,\n            forceUnlockUseCase: false,\n            identityContext: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IRecordLockingViewModel {\n        return {\n            status: this._status,\n            lockRecord: this._lockRecord,\n            lockedByUserName: this._lockRecord?.lockedBy?.displayName ?? null,\n            canForceUnlock: this.checkCanForceUnlock(),\n            canEdit: this._status === \"acquired\"\n        };\n    }\n\n    private checkCanForceUnlock(): boolean {\n        const identity = this.identityContext.getIdentity();\n\n        if (identity.getPermission(\"recordLocking.*\")) {\n            return true;\n        }\n\n        const permission = identity.getPermission(\"recordLocking\");\n        return permission?.canForceUnlock === true;\n    }\n\n    async init(entryId: string, type: string): Promise<void> {\n        const { id } = parseIdentifier(entryId);\n\n        this._entryId = id;\n        this._type = type;\n        this._status = \"checking\";\n\n        try {\n            const lockRecord = await this.checkLockStatusUseCase.execute({\n                id,\n                type\n            });\n\n            if (lockRecord) {\n                runInAction(() => {\n                    this._status = \"locked\";\n                    this._lockRecord = lockRecord;\n                });\n                return;\n            }\n\n            const acquired = await this.acquireLockUseCase.execute({\n                id,\n                type\n            });\n\n            runInAction(() => {\n                this._status = \"acquired\";\n                this._lockRecord = acquired;\n            });\n\n            this.startHeartbeat(id, type);\n        } catch {\n            runInAction(() => {\n                this._status = \"error\";\n            });\n        }\n    }\n\n    async refreshLock(): Promise<void> {\n        if (this._status !== \"acquired\" || !this._entryId || !this._type) {\n            return;\n        }\n\n        try {\n            const record = await this.acquireLockUseCase.execute({\n                id: this._entryId,\n                type: this._type\n            });\n\n            runInAction(() => {\n                this._lockRecord = record;\n            });\n        } catch {\n            // Heartbeat will retry\n        }\n    }\n\n    async forceUnlock(): Promise<boolean> {\n        if (!this._lockRecord || !this._type) {\n            return false;\n        }\n\n        try {\n            await this.forceUnlockUseCase.execute({\n                id: this._lockRecord.targetId,\n                type: this._type\n            });\n\n            const acquired = await this.acquireLockUseCase.execute({\n                id: this._lockRecord.targetId,\n                type: this._type\n            });\n\n            runInAction(() => {\n                this._status = \"acquired\";\n                this._lockRecord = acquired;\n            });\n\n            this.startHeartbeat(this._lockRecord.targetId, this._type);\n\n            return true;\n        } catch {\n            return false;\n        }\n    }\n\n    handleKickOut(data: IKickOutData): void {\n        this.stopHeartbeat();\n\n        runInAction(() => {\n            this._status = \"kicked-out\";\n            this._lockRecord = data.record;\n        });\n    }\n\n    dispose(): void {\n        this.stopHeartbeat();\n\n        if (this._status === \"acquired\" && this._entryId && this._type) {\n            this.releaseLockUseCase\n                .execute({ id: this._entryId, type: this._type })\n                .catch(() => {});\n        }\n\n        this._status = null;\n        this._lockRecord = null;\n        this._entryId = null;\n        this._type = null;\n    }\n\n    private startHeartbeat(entryId: string, type: string): void {\n        this.stopHeartbeat();\n\n        this._heartbeatTimer = setInterval(async () => {\n            try {\n                const record = await this.acquireLockUseCase.execute({ id: entryId, type });\n                runInAction(() => {\n                    this._lockRecord = record;\n                });\n            } catch {\n                this.stopHeartbeat();\n                runInAction(() => {\n                    this._status = \"error\";\n                });\n            }\n        }, HEARTBEAT_INTERVAL_MS);\n    }\n\n    private stopHeartbeat(): void {\n        if (this._heartbeatTimer !== null) {\n            clearInterval(this._heartbeatTimer);\n            this._heartbeatTimer = null;\n        }\n    }\n}\n\nexport const RecordLockingPresenter = Abstraction.createImplementation({\n    implementation: RecordLockingPresenterImpl,\n    dependencies: [\n        AcquireLockUseCase,\n        CheckLockStatusUseCase,\n        ReleaseLockUseCase,\n        ForceUnlockUseCase,\n        IdentityContext\n    ]\n});\n"],"names":["HEARTBEAT_INTERVAL_MS","RecordLockingPresenterImpl","acquireLockUseCase","checkLockStatusUseCase","releaseLockUseCase","forceUnlockUseCase","identityContext","makeAutoObservable","computed","identity","permission","entryId","type","id","parseIdentifier","lockRecord","runInAction","acquired","record","data","setInterval","clearInterval","RecordLockingPresenter","Abstraction","AcquireLockUseCase","CheckLockStatusUseCase","ReleaseLockUseCase","ForceUnlockUseCase","IdentityContext"],"mappings":"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"}

package/presentation/entryLocking/SingleEntryContentDecorator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SingleEntryContentDecorator: (props: unknown) => React.JSX.Element;

package/presentation/entryLocking/SingleEntryContentDecorator.js

@@ -0,0 +1,72 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { useContainer, useRouter } from "@webiny/app";
+import { useDialogs } from "@webiny/app-admin";
+import { useWebsockets } from "@webiny/app-websockets";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { parseIdentifier } from "@webiny/utils";
+import { SingleEntryFormContent } from "@webiny/app-headless-cms/presentation/contentEntries/views/SingleEntryFormContent.js";
+import { SingleEntryPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/singleEntry/abstractions.js";
+import { CmsModelContext } from "@webiny/app-headless-cms/features/contentEntry/abstractions.js";
+import { RecordLockingPresenter } from "./abstractions.js";
+import { LockedEntryOverlay } from "./components/LockedEntryOverlay.js";
+const SingleEntryContentDecorator = SingleEntryFormContent.createDecorator((Original)=>observer(function(props) {
+        const container = useContainer();
+        const websockets = useWebsockets();
+        const router = useRouter();
+        const { showDialog } = useDialogs();
+        const singleEntryPresenter = react.useMemo(()=>container.resolve(SingleEntryPresenter), [
+            container
+        ]);
+        const lockingPresenter = react.useMemo(()=>container.resolve(RecordLockingPresenter), [
+            container
+        ]);
+        const modelAccessor = react.useMemo(()=>container.resolve(CmsModelContext), [
+            container
+        ]);
+        const entry = singleEntryPresenter.vm.entry;
+        react.useEffect(()=>{
+            if (!entry?.id) return;
+            lockingPresenter.init(entry.id, modelAccessor.getModel().modelId);
+            return ()=>lockingPresenter.dispose();
+        }, [
+            entry?.id
+        ]);
+        react.useEffect(()=>{
+            if (!entry?.id) return;
+            const { id } = parseIdentifier(entry.id);
+            const sub = websockets.onMessage(`recordLocking.entry.kickOut.${id}`, (incoming)=>lockingPresenter.handleKickOut(incoming.data));
+            return ()=>{
+                sub.off();
+            };
+        }, [
+            entry?.id
+        ]);
+        react.useEffect(()=>{
+            if ("kicked-out" !== lockingPresenter.vm.status) return;
+            router.unblockTransition();
+            showDialog({
+                title: "Entry was forcefully unlocked!",
+                content: /*#__PURE__*/ react.createElement(react.Fragment, null, "The entry you were editing was forcefully unlocked by", " ", /*#__PURE__*/ react.createElement("strong", null, lockingPresenter.vm.lockRecord?.lockedBy?.displayName || "Unknown user"), ". Unfortunately, this means you lost the unsaved changes."),
+                acceptLabel: "Ok",
+                onClose: void 0,
+                cancelLabel: null
+            });
+        }, [
+            lockingPresenter.vm.status
+        ]);
+        if (!entry?.id) return /*#__PURE__*/ react.createElement(Original, props);
+        if ("checking" === lockingPresenter.vm.status) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+            text: "Checking record status..."
+        });
+        if ("locked" === lockingPresenter.vm.status) return /*#__PURE__*/ react.createElement(LockedEntryOverlay, {
+            vm: lockingPresenter.vm,
+            entryTitle: entry.meta?.title,
+            onForceUnlock: ()=>lockingPresenter.forceUnlock(),
+            onNavigateBack: ()=>{}
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    }));
+export { SingleEntryContentDecorator };
+
+//# sourceMappingURL=SingleEntryContentDecorator.js.map

package/presentation/entryLocking/SingleEntryContentDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/SingleEntryContentDecorator.js","sources":["../../../src/presentation/entryLocking/SingleEntryContentDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useContainer, useRouter } from \"@webiny/app\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { SingleEntryFormContent } from \"@webiny/app-headless-cms/presentation/contentEntries/views/SingleEntryFormContent.js\";\nimport { SingleEntryPresenter } from \"@webiny/app-headless-cms/presentation/contentEntries/singleEntry/abstractions.js\";\nimport { CmsModelContext } from \"@webiny/app-headless-cms/features/contentEntry/abstractions.js\";\nimport { RecordLockingPresenter } from \"./abstractions.js\";\nimport { LockedEntryOverlay } from \"./components/LockedEntryOverlay.js\";\nimport type { IKickOutData } from \"./abstractions.js\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\n\ninterface KickOutMessage extends IncomingGenericData {\n    data: IKickOutData;\n}\n\nexport const SingleEntryContentDecorator = SingleEntryFormContent.createDecorator(Original => {\n    return observer(function RecordLockingSingleEntryContent(props) {\n        const container = useContainer();\n        const websockets = useWebsockets();\n        const router = useRouter();\n        const { showDialog } = useDialogs();\n\n        const singleEntryPresenter = React.useMemo(\n            () => container.resolve(SingleEntryPresenter),\n            [container]\n        );\n\n        const lockingPresenter = React.useMemo(\n            () => container.resolve(RecordLockingPresenter),\n            [container]\n        );\n\n        const modelAccessor = React.useMemo(() => container.resolve(CmsModelContext), [container]);\n\n        const entry = singleEntryPresenter.vm.entry;\n\n        React.useEffect(() => {\n            if (!entry?.id) {\n                return;\n            }\n            lockingPresenter.init(entry.id, modelAccessor.getModel().modelId);\n            return () => lockingPresenter.dispose();\n        }, [entry?.id]);\n\n        React.useEffect(() => {\n            if (!entry?.id) {\n                return;\n            }\n            const { id } = parseIdentifier(entry.id);\n            const sub = websockets.onMessage<KickOutMessage>(\n                `recordLocking.entry.kickOut.${id}`,\n                incoming => lockingPresenter.handleKickOut(incoming.data)\n            );\n            return () => {\n                sub.off();\n            };\n        }, [entry?.id]);\n\n        React.useEffect(() => {\n            if (lockingPresenter.vm.status !== \"kicked-out\") {\n                return;\n            }\n\n            router.unblockTransition();\n            showDialog({\n                title: \"Entry was forcefully unlocked!\",\n                content: (\n                    <>\n                        The entry you were editing was forcefully unlocked by{\" \"}\n                        <strong>\n                            {lockingPresenter.vm.lockRecord?.lockedBy?.displayName ||\n                                \"Unknown user\"}\n                        </strong>\n                        . Unfortunately, this means you lost the unsaved changes.\n                    </>\n                ),\n                acceptLabel: \"Ok\",\n                onClose: undefined,\n                cancelLabel: null\n            });\n        }, [lockingPresenter.vm.status]);\n\n        if (!entry?.id) {\n            return <Original {...props} />;\n        }\n\n        if (lockingPresenter.vm.status === \"checking\") {\n            return <OverlayLoader text={\"Checking record status...\"} />;\n        }\n\n        if (lockingPresenter.vm.status === \"locked\") {\n            return (\n                <LockedEntryOverlay\n                    vm={lockingPresenter.vm}\n                    entryTitle={entry.meta?.title}\n                    onForceUnlock={() => lockingPresenter.forceUnlock()}\n                    onNavigateBack={() => {\n                        // It's a single-entry model, so there's nowhere to go.\n                    }}\n                />\n            );\n        }\n\n        return <Original {...props} />;\n    });\n});\n"],"names":["SingleEntryContentDecorator","SingleEntryFormContent","Original","observer","props","container","useContainer","websockets","useWebsockets","router","useRouter","showDialog","useDialogs","singleEntryPresenter","React","SingleEntryPresenter","lockingPresenter","RecordLockingPresenter","modelAccessor","CmsModelContext","entry","id","parseIdentifier","sub","incoming","undefined","OverlayLoader","LockedEntryOverlay"],"mappings":";;;;;;;;;;;;AAmBO,MAAMA,8BAA8BC,uBAAuB,eAAe,CAACC,CAAAA,WACvEC,SAAS,SAAyCC,KAAK;QAC1D,MAAMC,YAAYC;QAClB,MAAMC,aAAaC;QACnB,MAAMC,SAASC;QACf,MAAM,EAAEC,UAAU,EAAE,GAAGC;QAEvB,MAAMC,uBAAuBC,MAAAA,OAAa,CACtC,IAAMT,UAAU,OAAO,CAACU,uBACxB;YAACV;SAAU;QAGf,MAAMW,mBAAmBF,MAAAA,OAAa,CAClC,IAAMT,UAAU,OAAO,CAACY,yBACxB;YAACZ;SAAU;QAGf,MAAMa,gBAAgBJ,MAAAA,OAAa,CAAC,IAAMT,UAAU,OAAO,CAACc,kBAAkB;YAACd;SAAU;QAEzF,MAAMe,QAAQP,qBAAqB,EAAE,CAAC,KAAK;QAE3CC,MAAAA,SAAe,CAAC;YACZ,IAAI,CAACM,OAAO,IACR;YAEJJ,iBAAiB,IAAI,CAACI,MAAM,EAAE,EAAEF,cAAc,QAAQ,GAAG,OAAO;YAChE,OAAO,IAAMF,iBAAiB,OAAO;QACzC,GAAG;YAACI,OAAO;SAAG;QAEdN,MAAAA,SAAe,CAAC;YACZ,IAAI,CAACM,OAAO,IACR;YAEJ,MAAM,EAAEC,EAAE,EAAE,GAAGC,gBAAgBF,MAAM,EAAE;YACvC,MAAMG,MAAMhB,WAAW,SAAS,CAC5B,CAAC,4BAA4B,EAAEc,IAAI,EACnCG,CAAAA,WAAYR,iBAAiB,aAAa,CAACQ,SAAS,IAAI;YAE5D,OAAO;gBACHD,IAAI,GAAG;YACX;QACJ,GAAG;YAACH,OAAO;SAAG;QAEdN,MAAAA,SAAe,CAAC;YACZ,IAAIE,AAA+B,iBAA/BA,iBAAiB,EAAE,CAAC,MAAM,EAC1B;YAGJP,OAAO,iBAAiB;YACxBE,WAAW;gBACP,OAAO;gBACP,SAAS,WAAT,GACI,0CAAE,yDACwD,mBACtD,oBAAC,gBACIK,iBAAiB,EAAE,CAAC,UAAU,EAAE,UAAU,eACvC,iBACC;gBAIjB,aAAa;gBACb,SAASS;gBACT,aAAa;YACjB;QACJ,GAAG;YAACT,iBAAiB,EAAE,CAAC,MAAM;SAAC;QAE/B,IAAI,CAACI,OAAO,IACR,OAAO,WAAP,GAAO,oBAAClB,UAAaE;QAGzB,IAAIY,AAA+B,eAA/BA,iBAAiB,EAAE,CAAC,MAAM,EAC1B,OAAO,WAAP,GAAO,oBAACU,eAAaA;YAAC,MAAM;;QAGhC,IAAIV,AAA+B,aAA/BA,iBAAiB,EAAE,CAAC,MAAM,EAC1B,OAAO,WAAP,GACI,oBAACW,oBAAkBA;YACf,IAAIX,iBAAiB,EAAE;YACvB,YAAYI,MAAM,IAAI,EAAE;YACxB,eAAe,IAAMJ,iBAAiB,WAAW;YACjD,gBAAgB,KAEhB;;QAKZ,OAAO,WAAP,GAAO,oBAACd,UAAaE;IACzB"}

package/presentation/entryLocking/SingleEntryPresenterDecorator.d.ts

@@ -0,0 +1,15 @@
+import { type ISingleEntryPresenter, type ISingleEntryViewModel } from "@webiny/app-headless-cms/presentation/contentEntries/singleEntry/abstractions.js";
+import { RecordLockingPresenter } from "./abstractions.js";
+declare class SingleEntryPresenterWithLocking implements ISingleEntryPresenter {
+    private lockingPresenter;
+    private original;
+    constructor(lockingPresenter: RecordLockingPresenter.Interface, original: ISingleEntryPresenter);
+    get vm(): ISingleEntryViewModel;
+    init(): Promise<void>;
+    save(): Promise<boolean>;
+    dispose(): void;
+}
+export declare const SingleEntryPresenterLockingDecorator: typeof SingleEntryPresenterWithLocking & {
+    __abstraction: import("@webiny/di").Abstraction<ISingleEntryPresenter>;
+};
+export {};

package/presentation/entryLocking/SingleEntryPresenterDecorator.js

@@ -0,0 +1,40 @@
+import { computed, makeAutoObservable } from "mobx";
+import { SingleEntryPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/singleEntry/abstractions.js";
+import { RecordLockingPresenter } from "./abstractions.js";
+class SingleEntryPresenterWithLocking {
+    constructor(lockingPresenter, original){
+        this.lockingPresenter = lockingPresenter;
+        this.original = original;
+        makeAutoObservable(this, {
+            lockingPresenter: false,
+            original: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        const base = this.original.vm;
+        const canEdit = this.lockingPresenter.vm.canEdit;
+        return {
+            ...base,
+            canSave: base.canSave && canEdit
+        };
+    }
+    async init() {
+        return this.original.init();
+    }
+    async save() {
+        return this.original.save();
+    }
+    dispose() {
+        return this.original.dispose();
+    }
+}
+const SingleEntryPresenterLockingDecorator = SingleEntryPresenter.createDecorator({
+    decorator: SingleEntryPresenterWithLocking,
+    dependencies: [
+        RecordLockingPresenter
+    ]
+});
+export { SingleEntryPresenterLockingDecorator };
+
+//# sourceMappingURL=SingleEntryPresenterDecorator.js.map

package/presentation/entryLocking/SingleEntryPresenterDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/SingleEntryPresenterDecorator.js","sources":["../../../src/presentation/entryLocking/SingleEntryPresenterDecorator.ts"],"sourcesContent":["import { computed, makeAutoObservable } from \"mobx\";\nimport {\n    SingleEntryPresenter,\n    type ISingleEntryPresenter,\n    type ISingleEntryViewModel\n} from \"@webiny/app-headless-cms/presentation/contentEntries/singleEntry/abstractions.js\";\nimport { RecordLockingPresenter } from \"./abstractions.js\";\n\nclass SingleEntryPresenterWithLocking implements ISingleEntryPresenter {\n    constructor(\n        private lockingPresenter: RecordLockingPresenter.Interface,\n        private original: ISingleEntryPresenter\n    ) {\n        makeAutoObservable<SingleEntryPresenterWithLocking, \"lockingPresenter\" | \"original\">(this, {\n            lockingPresenter: false,\n            original: false,\n            vm: computed\n        });\n    }\n\n    get vm(): ISingleEntryViewModel {\n        const base = this.original.vm;\n        const canEdit = this.lockingPresenter.vm.canEdit;\n\n        return {\n            ...base,\n            canSave: base.canSave && canEdit\n        };\n    }\n\n    async init(): Promise<void> {\n        return this.original.init();\n    }\n\n    async save(): Promise<boolean> {\n        return this.original.save();\n    }\n\n    dispose(): void {\n        return this.original.dispose();\n    }\n}\n\nexport const SingleEntryPresenterLockingDecorator = SingleEntryPresenter.createDecorator({\n    decorator: SingleEntryPresenterWithLocking,\n    dependencies: [RecordLockingPresenter]\n});\n"],"names":["SingleEntryPresenterWithLocking","lockingPresenter","original","makeAutoObservable","computed","base","canEdit","SingleEntryPresenterLockingDecorator","SingleEntryPresenter","RecordLockingPresenter"],"mappings":";;;AAQA,MAAMA;IACF,YACYC,gBAAkD,EAClDC,QAA+B,CACzC;aAFUD,gBAAgB,GAAhBA;aACAC,QAAQ,GAARA;QAERC,mBAAqF,IAAI,EAAE;YACvF,kBAAkB;YAClB,UAAU;YACV,IAAIC;QACR;IACJ;IAEA,IAAI,KAA4B;QAC5B,MAAMC,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE;QAC7B,MAAMC,UAAU,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,OAAO;QAEhD,OAAO;YACH,GAAGD,IAAI;YACP,SAASA,KAAK,OAAO,IAAIC;QAC7B;IACJ;IAEA,MAAM,OAAsB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI;IAC7B;IAEA,MAAM,OAAyB;QAC3B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI;IAC7B;IAEA,UAAgB;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO;IAChC;AACJ;AAEO,MAAMC,uCAAuCC,qBAAqB,eAAe,CAAC;IACrF,WAAWR;IACX,cAAc;QAACS;KAAuB;AAC1C"}

package/presentation/entryLocking/abstractions.d.ts

@@ -0,0 +1,26 @@
+import type { IRecordLockingIdentity, IRecordLockingLockRecord } from "../../types.js";
+export type RecordLockingStatus = "checking" | "locked" | "acquired" | "kicked-out" | "error" | null;
+export interface IRecordLockingViewModel {
+    status: RecordLockingStatus;
+    lockRecord: IRecordLockingLockRecord | null;
+    lockedByUserName: string | null;
+    canForceUnlock: boolean;
+    canEdit: boolean;
+}
+export interface IKickOutData {
+    record: IRecordLockingLockRecord;
+    user: IRecordLockingIdentity;
+}
+export interface IRecordLockingPresenter {
+    readonly vm: IRecordLockingViewModel;
+    init(entryId: string, type: string): Promise<void>;
+    refreshLock(): Promise<void>;
+    forceUnlock(): Promise<boolean>;
+    handleKickOut(data: IKickOutData): void;
+    dispose(): void;
+}
+export declare const RecordLockingPresenter: import("@webiny/di").Abstraction<IRecordLockingPresenter>;
+export declare namespace RecordLockingPresenter {
+    type Interface = IRecordLockingPresenter;
+    type ViewModel = IRecordLockingViewModel;
+}

package/presentation/entryLocking/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const RecordLockingPresenter = createAbstraction("RecordLockingPresenter");
+export { RecordLockingPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/entryLocking/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/abstractions.js","sources":["../../../src/presentation/entryLocking/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IRecordLockingIdentity, IRecordLockingLockRecord } from \"~/types.js\";\n\nexport type RecordLockingStatus =\n    | \"checking\"\n    | \"locked\"\n    | \"acquired\"\n    | \"kicked-out\"\n    | \"error\"\n    | null;\n\nexport interface IRecordLockingViewModel {\n    status: RecordLockingStatus;\n    lockRecord: IRecordLockingLockRecord | null;\n    lockedByUserName: string | null;\n    canForceUnlock: boolean;\n    canEdit: boolean;\n}\n\nexport interface IKickOutData {\n    record: IRecordLockingLockRecord;\n    user: IRecordLockingIdentity;\n}\n\nexport interface IRecordLockingPresenter {\n    readonly vm: IRecordLockingViewModel;\n    init(entryId: string, type: string): Promise<void>;\n    refreshLock(): Promise<void>;\n    forceUnlock(): Promise<boolean>;\n    handleKickOut(data: IKickOutData): void;\n    dispose(): void;\n}\n\nexport const RecordLockingPresenter =\n    createAbstraction<IRecordLockingPresenter>(\"RecordLockingPresenter\");\n\nexport namespace RecordLockingPresenter {\n    export type Interface = IRecordLockingPresenter;\n    export type ViewModel = IRecordLockingViewModel;\n}\n"],"names":["RecordLockingPresenter","createAbstraction"],"mappings":";AAiCO,MAAMA,yBACTC,kBAA2C"}

package/presentation/entryLocking/components/ForceUnlockButton.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { IRecordLockingIdentity } from "../../../types.js";
+interface ForceUnlockButtonProps {
+    canForceUnlock: boolean;
+    lockedBy: IRecordLockingIdentity | null;
+    entryTitle?: string;
+    onForceUnlock: () => Promise<boolean>;
+    onNavigateBack: () => void;
+}
+export declare const ForceUnlockButton: ({ canForceUnlock, lockedBy, entryTitle, onForceUnlock, onNavigateBack }: ForceUnlockButtonProps) => React.JSX.Element | null;
+export {};

package/presentation/entryLocking/components/ForceUnlockButton.js

@@ -0,0 +1,37 @@
+import react, { useCallback } from "react";
+import { Alert, Button, Text } from "@webiny/admin-ui";
+import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
+const ForceUnlockButton = ({ canForceUnlock, lockedBy, entryTitle, onForceUnlock, onNavigateBack })=>{
+    const { showSnackbar } = useSnackbar();
+    const { showConfirmation } = useConfirmationDialog({
+        title: "Force unlock the entry",
+        message: /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Alert, {
+            type: "warning",
+            title: "Warning",
+            className: "mb-md"
+        }, /*#__PURE__*/ react.createElement("strong", null, lockedBy?.displayName || "Unknown user"), " is currently editing this record.", /*#__PURE__*/ react.createElement("br", null), "If you force unlock it, they could potentially lose their changes."), /*#__PURE__*/ react.createElement(Text, null, "You are about to forcefully unlock the ", /*#__PURE__*/ react.createElement("strong", null, entryTitle || "entry"), ". Are you sure you want to continue?"))
+    });
+    const onClick = useCallback(()=>{
+        showConfirmation(async ()=>{
+            const success = await onForceUnlock();
+            if (!success) return void showSnackbar("Failed to force unlock the entry.");
+            onNavigateBack();
+        });
+    }, [
+        onForceUnlock,
+        onNavigateBack
+    ]);
+    if (!canForceUnlock) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "mt-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        className: "mb-md"
+    }, "Because you have full access to the system, you can force unlock the record."), /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        text: "Unlock and go back"
+    }));
+};
+export { ForceUnlockButton };
+
+//# sourceMappingURL=ForceUnlockButton.js.map

package/presentation/entryLocking/components/ForceUnlockButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/components/ForceUnlockButton.js","sources":["../../../../src/presentation/entryLocking/components/ForceUnlockButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Alert, Button, Text } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { IRecordLockingIdentity } from \"~/types.js\";\n\ninterface ForceUnlockButtonProps {\n    canForceUnlock: boolean;\n    lockedBy: IRecordLockingIdentity | null;\n    entryTitle?: string;\n    onForceUnlock: () => Promise<boolean>;\n    onNavigateBack: () => void;\n}\n\nexport const ForceUnlockButton = ({\n    canForceUnlock,\n    lockedBy,\n    entryTitle,\n    onForceUnlock,\n    onNavigateBack\n}: ForceUnlockButtonProps) => {\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Force unlock the entry\",\n        message: (\n            <div>\n                <Alert type=\"warning\" title=\"Warning\" className={\"mb-md\"}>\n                    <strong>{lockedBy?.displayName || \"Unknown user\"}</strong> is currently editing\n                    this record.\n                    <br />\n                    If you force unlock it, they could potentially lose their changes.\n                </Alert>\n                <Text>\n                    You are about to forcefully unlock the <strong>{entryTitle || \"entry\"}</strong>.\n                    Are you sure you want to continue?\n                </Text>\n            </div>\n        )\n    });\n\n    const onClick = useCallback(() => {\n        showConfirmation(async () => {\n            const success = await onForceUnlock();\n            if (!success) {\n                showSnackbar(\"Failed to force unlock the entry.\");\n                return;\n            }\n            onNavigateBack();\n        });\n    }, [onForceUnlock, onNavigateBack]);\n\n    if (!canForceUnlock) {\n        return null;\n    }\n\n    return (\n        <div className=\"mt-md\">\n            <Text as={\"div\"} className={\"mb-md\"}>\n                Because you have full access to the system, you can force unlock the record.\n            </Text>\n            <Button onClick={onClick} text={\"Unlock and go back\"} />\n        </div>\n    );\n};\n"],"names":["ForceUnlockButton","canForceUnlock","lockedBy","entryTitle","onForceUnlock","onNavigateBack","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","Alert","Text","onClick","useCallback","success","Button"],"mappings":";;;AAaO,MAAMA,oBAAoB,CAAC,EAC9BC,cAAc,EACdC,QAAQ,EACRC,UAAU,EACVC,aAAa,EACbC,cAAc,EACO;IACrB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,2BACG,oBAACC,OAAKA;YAAC,MAAK;YAAU,OAAM;YAAU,WAAW;yBAC7C,oBAAC,gBAAQR,UAAU,eAAe,iBAAwB,oDAE1D,oBAAC,aAAK,qFAGV,oBAACS,MAAIA,MAAC,yDACqC,oBAAC,gBAAQR,cAAc,UAAiB;IAK/F;IAEA,MAAMS,UAAUC,YAAY;QACxBL,iBAAiB;YACb,MAAMM,UAAU,MAAMV;YACtB,IAAI,CAACU,SAAS,YACVR,aAAa;YAGjBD;QACJ;IACJ,GAAG;QAACD;QAAeC;KAAe;IAElC,IAAI,CAACJ,gBACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACU,MAAIA;QAAC,IAAI;QAAO,WAAW;OAAS,+FAGrC,oBAACI,QAAMA;QAAC,SAASH;QAAS,MAAM;;AAG5C"}

package/presentation/entryLocking/components/LockedEntryOverlay.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { IRecordLockingViewModel } from "../abstractions.js";
+interface LockedEntryOverlayProps {
+    vm: IRecordLockingViewModel;
+    entryTitle?: string;
+    onForceUnlock: () => Promise<boolean>;
+    onNavigateBack: () => void;
+}
+export declare const LockedEntryOverlay: ({ vm, entryTitle, onForceUnlock, onNavigateBack }: LockedEntryOverlayProps) => React.JSX.Element;
+export {};

package/presentation/entryLocking/components/LockedEntryOverlay.js

@@ -0,0 +1,52 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/lock.svg";
+import { Grid, Heading, Icon, Text } from "@webiny/admin-ui";
+import { ForceUnlockButton } from "./ForceUnlockButton.js";
+const LockedEntryOverlay = ({ vm, entryTitle, onForceUnlock, onNavigateBack })=>{
+    const title = entryTitle ? `Record (${entryTitle}) is locked!` : "Record is locked!";
+    if (!vm.lockRecord?.lockedBy) return /*#__PURE__*/ react.createElement(Wrapper, null, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "mb-sm"
+    }, title), /*#__PURE__*/ react.createElement(Text, null, "This record is locked, but the system cannot find the user that created the record lock. A force-unlock is required to regain editing capabilities for this record."), /*#__PURE__*/ react.createElement(ForceUnlockButton, {
+        canForceUnlock: vm.canForceUnlock,
+        lockedBy: null,
+        entryTitle: entryTitle,
+        onForceUnlock: onForceUnlock,
+        onNavigateBack: onNavigateBack
+    }));
+    return /*#__PURE__*/ react.createElement(Wrapper, null, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "mb-sm"
+    }, title), /*#__PURE__*/ react.createElement(Text, null, "It is locked because ", /*#__PURE__*/ react.createElement("strong", null, vm.lockedByUserName), " is currently editing this record. You can either contact the user and ask them to unlock the record, or you can wait for the lock to expire."), /*#__PURE__*/ react.createElement(ForceUnlockButton, {
+        canForceUnlock: vm.canForceUnlock,
+        lockedBy: vm.lockRecord.lockedBy,
+        entryTitle: entryTitle,
+        onForceUnlock: onForceUnlock,
+        onNavigateBack: onNavigateBack
+    }));
+};
+const Wrapper = ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "w-5/12 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex p-lg border-sm border-neutral-dimmed-darker rounded-3xl bg-neutral-base"
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "h-full flex items-center justify-center bg-neutral-dimmed rounded-md p-lg"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        style: {
+            width: "64px",
+            height: "64px"
+        },
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Locked Record",
+        color: "accent",
+        size: "lg"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 9
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col justify-center"
+    }, children)))));
+export { LockedEntryOverlay };
+
+//# sourceMappingURL=LockedEntryOverlay.js.map

package/presentation/entryLocking/components/LockedEntryOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/entryLocking/components/LockedEntryOverlay.js","sources":["../../../../src/presentation/entryLocking/components/LockedEntryOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { Grid, Heading, Icon, Text } from \"@webiny/admin-ui\";\nimport { ForceUnlockButton } from \"./ForceUnlockButton.js\";\nimport type { IRecordLockingViewModel } from \"../abstractions.js\";\n\ninterface LockedEntryOverlayProps {\n    vm: IRecordLockingViewModel;\n    entryTitle?: string;\n    onForceUnlock: () => Promise<boolean>;\n    onNavigateBack: () => void;\n}\n\nexport const LockedEntryOverlay = ({\n    vm,\n    entryTitle,\n    onForceUnlock,\n    onNavigateBack\n}: LockedEntryOverlayProps) => {\n    const title = entryTitle ? `Record (${entryTitle}) is locked!` : \"Record is locked!\";\n\n    if (!vm.lockRecord?.lockedBy) {\n        return (\n            <Wrapper>\n                <Heading level={4} className={\"mb-sm\"}>\n                    {title}\n                </Heading>\n                <Text>\n                    This record is locked, but the system cannot find the user that created the\n                    record lock. A force-unlock is required to regain editing capabilities for this\n                    record.\n                </Text>\n                <ForceUnlockButton\n                    canForceUnlock={vm.canForceUnlock}\n                    lockedBy={null}\n                    entryTitle={entryTitle}\n                    onForceUnlock={onForceUnlock}\n                    onNavigateBack={onNavigateBack}\n                />\n            </Wrapper>\n        );\n    }\n\n    return (\n        <Wrapper>\n            <Heading level={4} className={\"mb-sm\"}>\n                {title}\n            </Heading>\n            <Text>\n                It is locked because <strong>{vm.lockedByUserName}</strong> is currently editing\n                this record. You can either contact the user and ask them to unlock the record, or\n                you can wait for the lock to expire.\n            </Text>\n            <ForceUnlockButton\n                canForceUnlock={vm.canForceUnlock}\n                lockedBy={vm.lockRecord.lockedBy}\n                entryTitle={entryTitle}\n                onForceUnlock={onForceUnlock}\n                onNavigateBack={onNavigateBack}\n            />\n        </Wrapper>\n    );\n};\n\nconst Wrapper = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <div className=\"w-5/12 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50\">\n            <div\n                className={\n                    \"flex p-lg border-sm border-neutral-dimmed-darker rounded-3xl bg-neutral-base\"\n                }\n            >\n                <Grid>\n                    <Grid.Column span={3}>\n                        <div className=\"h-full flex items-center justify-center bg-neutral-dimmed rounded-md p-lg\">\n                            <Icon\n                                style={{ width: \"64px\", height: \"64px\" }}\n                                icon={<LockIcon />}\n                                label={\"Locked Record\"}\n                                color={\"accent\"}\n                                size={\"lg\"}\n                            />\n                        </div>\n                    </Grid.Column>\n                    <Grid.Column span={9}>\n                        <div className={\"flex flex-col justify-center\"}>{children}</div>\n                    </Grid.Column>\n                </Grid>\n            </div>\n        </div>\n    );\n};\n"],"names":["LockedEntryOverlay","vm","entryTitle","onForceUnlock","onNavigateBack","title","Wrapper","Heading","Text","ForceUnlockButton","children","Grid","Icon","LockIcon"],"mappings":";;;;AAaO,MAAMA,qBAAqB,CAAC,EAC/BC,EAAE,EACFC,UAAU,EACVC,aAAa,EACbC,cAAc,EACQ;IACtB,MAAMC,QAAQH,aAAa,CAAC,QAAQ,EAAEA,WAAW,YAAY,CAAC,GAAG;IAEjE,IAAI,CAACD,GAAG,UAAU,EAAE,UAChB,OAAO,WAAP,GACI,oBAACK,SAAOA,MAAAA,WAAAA,GACJ,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBF,QAAAA,WAAAA,GAEL,oBAACG,MAAIA,MAAC,sLAKN,oBAACC,mBAAiBA;QACd,gBAAgBR,GAAG,cAAc;QACjC,UAAU;QACV,YAAYC;QACZ,eAAeC;QACf,gBAAgBC;;IAMhC,OAAO,WAAP,GACI,oBAACE,SAAOA,MAAAA,WAAAA,GACJ,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBF,QAAAA,WAAAA,GAEL,oBAACG,MAAIA,MAAC,uCACmB,oBAAC,gBAAQP,GAAG,gBAAgB,GAAU,gKAI/D,oBAACQ,mBAAiBA;QACd,gBAAgBR,GAAG,cAAc;QACjC,UAAUA,GAAG,UAAU,CAAC,QAAQ;QAChC,YAAYC;QACZ,eAAeC;QACf,gBAAgBC;;AAIhC;AAEA,MAAME,UAAU,CAAC,EAAEI,QAAQ,EAAiC,GACjD,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QACG,WACI;qBAGJ,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA;QACD,OAAO;YAAE,OAAO;YAAQ,QAAQ;QAAO;QACvC,oBAAM,oBAACC,gBAAQA;QACf,OAAO;QACP,OAAO;QACP,MAAM;wBAIlB,oBAACF,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OAAiCD"}