@webiny/app-record-locking 6.4.12-beta.4 → 6.5.0-beta.0

package/components/HeadlessCmsContentEntry/ContentEntryGuard.js

@@ -1,34 +0,0 @@
-import react, { useEffect, useState } from "react";
-import { useRecordLocking } from "../../hooks/index.js";
-import { LockedRecord } from "../LockedRecord/index.js";
-import { OverlayLoader } from "@webiny/admin-ui";
-const ContentEntryGuard = (props)=>{
-    const { loading, entry, model, children } = props;
-    const { fetchLockedEntryLockRecord } = useRecordLocking();
-    const [locked, setLocked] = useState(void 0);
-    useEffect(()=>{
-        if (!entry.id || loading || void 0 !== locked) return;
-        (async ()=>{
-            const result = await fetchLockedEntryLockRecord({
-                id: entry.id,
-                $lockingType: model.modelId
-            });
-            setLocked(result);
-        })();
-    }, [
-        entry.id,
-        loading
-    ]);
-    if (void 0 === locked) return /*#__PURE__*/ react.createElement("div", {
-        className: "h-screen w-screen fixed top-0 left-0 z-20"
-    }, /*#__PURE__*/ react.createElement(OverlayLoader, {
-        text: "Checking record status..."
-    }));
-    else if (locked) return /*#__PURE__*/ react.createElement(LockedRecord, {
-        record: locked
-    });
-    return children;
-};
-export { ContentEntryGuard };
-
-//# sourceMappingURL=ContentEntryGuard.js.map

package/components/HeadlessCmsContentEntry/ContentEntryGuard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/HeadlessCmsContentEntry/ContentEntryGuard.js","sources":["../../../src/components/HeadlessCmsContentEntry/ContentEntryGuard.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport { LockedRecord } from \"../LockedRecord/index.js\";\nimport type { IRecordLockingLockRecord } from \"~/types.js\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms/types.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport interface IContentEntryGuardProps {\n    loading: boolean;\n    entry: CmsContentEntry;\n    model: CmsModel;\n    children: React.ReactElement;\n}\n\nexport const ContentEntryGuard = (props: IContentEntryGuardProps) => {\n    const { loading, entry, model, children } = props;\n    const { fetchLockedEntryLockRecord } = useRecordLocking();\n\n    const [locked, setLocked] = useState<IRecordLockingLockRecord | null | undefined>(undefined);\n\n    useEffect(() => {\n        if (!entry.id || loading || locked !== undefined) {\n            return;\n        }\n        (async () => {\n            const result = await fetchLockedEntryLockRecord({\n                id: entry.id,\n                $lockingType: model.modelId\n            });\n            setLocked(result);\n        })();\n    }, [entry.id, loading]);\n\n    if (locked === undefined) {\n        return (\n            <div className={\"h-screen w-screen fixed top-0 left-0 z-20\"}>\n                <OverlayLoader text={\"Checking record status...\"} />\n            </div>\n        );\n    } else if (locked) {\n        return <LockedRecord record={locked} />;\n    }\n\n    return children;\n};\n"],"names":["ContentEntryGuard","props","loading","entry","model","children","fetchLockedEntryLockRecord","useRecordLocking","locked","setLocked","useState","undefined","useEffect","result","OverlayLoader","LockedRecord"],"mappings":";;;;AAcO,MAAMA,oBAAoB,CAACC;IAC9B,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAC5C,MAAM,EAAEK,0BAA0B,EAAE,GAAGC;IAEvC,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAsDC;IAElFC,UAAU;QACN,IAAI,CAACT,MAAM,EAAE,IAAID,WAAWM,AAAWG,WAAXH,QACxB;QAEH;YACG,MAAMK,SAAS,MAAMP,2BAA2B;gBAC5C,IAAIH,MAAM,EAAE;gBACZ,cAAcC,MAAM,OAAO;YAC/B;YACAK,UAAUI;QACd;IACJ,GAAG;QAACV,MAAM,EAAE;QAAED;KAAQ;IAEtB,IAAIM,AAAWG,WAAXH,QACA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACM,eAAaA;QAAC,MAAM;;SAG1B,IAAIN,QACP,OAAO,WAAP,GAAO,oBAACO,cAAYA;QAAC,QAAQP;;IAGjC,OAAOH;AACX"}

package/components/HeadlessCmsContentEntry/ContentEntryLocker.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import type { IRecordLockingIdentity, IRecordLockingLockRecord } from "../../types.js";
-import type { IncomingGenericData } from "@webiny/app-websockets";
-import type { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms/types.js";
-export interface IContentEntryLockerProps {
-    entry: CmsContentEntry;
-    model: CmsModel;
-    onEntryUnlocked: () => void;
-    onDisablePrompt: () => void;
-    children: React.ReactElement;
-}
-export interface IKickOutWebsocketsMessage extends IncomingGenericData {
-    data: {
-        record: IRecordLockingLockRecord;
-        user: IRecordLockingIdentity;
-    };
-}
-export declare const ContentEntryLocker: ({ onEntryUnlocked, onDisablePrompt, entry, model, children }: IContentEntryLockerProps) => React.JSX.Element;

package/components/HeadlessCmsContentEntry/ContentEntryLocker.js

@@ -1,80 +0,0 @@
-import react, { useEffect, useRef } from "react";
-import { useRecordLocking } from "../../hooks/index.js";
-import { useWebsockets } from "@webiny/app-websockets";
-import { parseIdentifier } from "@webiny/utils";
-import { useDialogs } from "@webiny/app-admin";
-const autoUpdateTimeout = 20;
-const ContentEntryLocker = ({ onEntryUnlocked, onDisablePrompt, entry, model, children })=>{
-    const { updateEntryLock, removeEntryLock } = useRecordLocking();
-    const websockets = useWebsockets();
-    const { showDialog } = useDialogs();
-    const entryLockerTimeout = useRef(null);
-    useEffect(()=>{
-        if (!entry.id) return;
-        const { id: entryId } = parseIdentifier(entry.id);
-        let onMessageSub = websockets.onMessage(`recordLocking.entry.kickOut.${entryId}`, async (incoming)=>{
-            const { user } = incoming.data;
-            onDisablePrompt();
-            removeEntryLock({
-                id: entryId,
-                $lockingType: model.modelId
-            });
-            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, user.displayName || "Unknown user"), ". Unfortunately, this means you lost the unsaved changes."),
-                acceptLabel: "Ok",
-                onClose: void 0,
-                cancelLabel: null
-            });
-            onEntryUnlocked();
-        });
-        return ()=>{
-            onMessageSub.off();
-            onMessageSub = null;
-        };
-    }, [
-        entry.id,
-        onEntryUnlocked,
-        model.modelId
-    ]);
-    useEffect(()=>{
-        if (!entry.id) return;
-        if (entryLockerTimeout.current) return;
-        const updateLock = async ()=>{
-            const result = await updateEntryLock({
-                id: entry.id,
-                $lockingType: model.modelId
-            });
-            if (result.error) {
-                showDialog({
-                    title: "There was an error while updating the entry lock.",
-                    content: result.error.message,
-                    acceptLabel: "Ok",
-                    onClose: void 0,
-                    cancelLabel: null
-                });
-                onEntryUnlocked();
-                return;
-            }
-            createTimeout();
-        };
-        const createTimeout = ()=>{
-            entryLockerTimeout.current = window.setTimeout(()=>{
-                updateLock();
-            }, 1000 * autoUpdateTimeout);
-        };
-        updateLock();
-        return ()=>{
-            if (!entryLockerTimeout.current) return;
-            clearTimeout(entryLockerTimeout.current);
-            entryLockerTimeout.current = null;
-        };
-    }, [
-        entry.id,
-        onEntryUnlocked
-    ]);
-    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
-};
-export { ContentEntryLocker };
-
-//# sourceMappingURL=ContentEntryLocker.js.map

package/components/HeadlessCmsContentEntry/ContentEntryLocker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/HeadlessCmsContentEntry/ContentEntryLocker.js","sources":["../../../src/components/HeadlessCmsContentEntry/ContentEntryLocker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport type { IRecordLockingIdentity, IRecordLockingLockRecord } from \"~/types.js\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms/types.js\";\n\nconst autoUpdateTimeout = 20;\n\nexport interface IContentEntryLockerProps {\n    entry: CmsContentEntry;\n    model: CmsModel;\n    onEntryUnlocked: () => void;\n    onDisablePrompt: () => void;\n    children: React.ReactElement;\n}\n\nexport interface IKickOutWebsocketsMessage extends IncomingGenericData {\n    data: {\n        record: IRecordLockingLockRecord;\n        user: IRecordLockingIdentity;\n    };\n}\n\nexport const ContentEntryLocker = ({\n    onEntryUnlocked,\n    onDisablePrompt,\n    entry,\n    model,\n    children\n}: IContentEntryLockerProps) => {\n    const { updateEntryLock, removeEntryLock } = useRecordLocking();\n    const websockets = useWebsockets();\n    const { showDialog } = useDialogs();\n\n    const entryLockerTimeout = useRef<number | null>(null);\n\n    useEffect(() => {\n        if (!entry.id) {\n            return;\n        }\n        const { id: entryId } = parseIdentifier(entry.id);\n\n        let onMessageSub = websockets.onMessage<IKickOutWebsocketsMessage>(\n            `recordLocking.entry.kickOut.${entryId}`,\n            async incoming => {\n                const { user } = incoming.data;\n                onDisablePrompt();\n                removeEntryLock({\n                    id: entryId,\n                    $lockingType: model.modelId\n                });\n                showDialog({\n                    title: \"Entry was forcefully unlocked!\",\n                    content: (\n                        <>\n                            The entry you were editing was forcefully unlocked by{\" \"}\n                            <strong>{user.displayName || \"Unknown user\"}</strong>. Unfortunately,\n                            this means you lost the unsaved changes.\n                        </>\n                    ),\n                    acceptLabel: \"Ok\",\n                    onClose: undefined,\n                    cancelLabel: null\n                });\n                onEntryUnlocked();\n            }\n        );\n\n        return () => {\n            onMessageSub.off();\n            /**\n             * Lets null subscriptions, just in case it...\n             */\n            // @ts-expect-error\n            onMessageSub = null;\n        };\n    }, [entry.id, onEntryUnlocked, model.modelId]);\n\n    useEffect(() => {\n        if (!entry.id) {\n            return;\n        }\n\n        if (entryLockerTimeout.current) {\n            return;\n        }\n\n        const updateLock = async () => {\n            const result = await updateEntryLock({\n                id: entry.id,\n                $lockingType: model.modelId\n            });\n            if (result.error) {\n                showDialog({\n                    title: \"There was an error while updating the entry lock.\",\n                    content: result.error.message,\n                    acceptLabel: \"Ok\",\n                    onClose: undefined,\n                    cancelLabel: null\n                });\n                onEntryUnlocked();\n                return;\n            }\n            createTimeout();\n        };\n\n        const createTimeout = () => {\n            entryLockerTimeout.current = window.setTimeout(() => {\n                updateLock();\n            }, autoUpdateTimeout * 1000);\n        };\n\n        updateLock();\n        return () => {\n            if (!entryLockerTimeout.current) {\n                return;\n            }\n            clearTimeout(entryLockerTimeout.current);\n            entryLockerTimeout.current = null;\n        };\n    }, [entry.id, onEntryUnlocked]);\n\n    return <>{children}</>;\n};\n"],"names":["autoUpdateTimeout","ContentEntryLocker","onEntryUnlocked","onDisablePrompt","entry","model","children","updateEntryLock","removeEntryLock","useRecordLocking","websockets","useWebsockets","showDialog","useDialogs","entryLockerTimeout","useRef","useEffect","entryId","parseIdentifier","onMessageSub","incoming","user","undefined","updateLock","result","createTimeout","window","clearTimeout"],"mappings":";;;;;AASA,MAAMA,oBAAoB;AAiBnB,MAAMC,qBAAqB,CAAC,EAC/BC,eAAe,EACfC,eAAe,EACfC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACe;IACvB,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAE,GAAGC;IAC7C,MAAMC,aAAaC;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvB,MAAMC,qBAAqBC,OAAsB;IAEjDC,UAAU;QACN,IAAI,CAACZ,MAAM,EAAE,EACT;QAEJ,MAAM,EAAE,IAAIa,OAAO,EAAE,GAAGC,gBAAgBd,MAAM,EAAE;QAEhD,IAAIe,eAAeT,WAAW,SAAS,CACnC,CAAC,4BAA4B,EAAEO,SAAS,EACxC,OAAMG;YACF,MAAM,EAAEC,IAAI,EAAE,GAAGD,SAAS,IAAI;YAC9BjB;YACAK,gBAAgB;gBACZ,IAAIS;gBACJ,cAAcZ,MAAM,OAAO;YAC/B;YACAO,WAAW;gBACP,OAAO;gBACP,SAAS,WAAT,GACI,0CAAE,yDACwD,mBACtD,oBAAC,gBAAQS,KAAK,WAAW,IAAI,iBAAwB;gBAI7D,aAAa;gBACb,SAASC;gBACT,aAAa;YACjB;YACApB;QACJ;QAGJ,OAAO;YACHiB,aAAa,GAAG;YAKhBA,eAAe;QACnB;IACJ,GAAG;QAACf,MAAM,EAAE;QAAEF;QAAiBG,MAAM,OAAO;KAAC;IAE7CW,UAAU;QACN,IAAI,CAACZ,MAAM,EAAE,EACT;QAGJ,IAAIU,mBAAmB,OAAO,EAC1B;QAGJ,MAAMS,aAAa;YACf,MAAMC,SAAS,MAAMjB,gBAAgB;gBACjC,IAAIH,MAAM,EAAE;gBACZ,cAAcC,MAAM,OAAO;YAC/B;YACA,IAAImB,OAAO,KAAK,EAAE;gBACdZ,WAAW;oBACP,OAAO;oBACP,SAASY,OAAO,KAAK,CAAC,OAAO;oBAC7B,aAAa;oBACb,SAASF;oBACT,aAAa;gBACjB;gBACApB;gBACA;YACJ;YACAuB;QACJ;QAEA,MAAMA,gBAAgB;YAClBX,mBAAmB,OAAO,GAAGY,OAAO,UAAU,CAAC;gBAC3CH;YACJ,GAAGvB,AAAoB,OAApBA;QACP;QAEAuB;QACA,OAAO;YACH,IAAI,CAACT,mBAAmB,OAAO,EAC3B;YAEJa,aAAab,mBAAmB,OAAO;YACvCA,mBAAmB,OAAO,GAAG;QACjC;IACJ,GAAG;QAACV,MAAM,EAAE;QAAEF;KAAgB;IAE9B,OAAO,WAAP,GAAO,0CAAGI;AACd"}

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.d.ts

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

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js

@@ -1,44 +0,0 @@
-import react from "react";
-import { useRouter } from "@webiny/app";
-import { ContentEntryEditorConfig, ContentEntryListConfig } from "@webiny/app-headless-cms";
-import { ContentEntryGuard } from "./ContentEntryGuard.js";
-import { ContentEntryLocker } from "./ContentEntryLocker.js";
-const { ContentEntry: ContentEntry, SingletonContentEntry: SingletonContentEntry } = ContentEntryEditorConfig;
-const ContentEntryDecorator = ContentEntry.createDecorator((Original)=>function() {
-        const router = useRouter();
-        const { entry, contentModel, loading } = ContentEntry.useContentEntry();
-        const { navigateTo } = ContentEntryListConfig.ContentEntries.useContentEntriesList();
-        if (!entry?.id) return /*#__PURE__*/ react.createElement(Original, null);
-        const props = {
-            entry,
-            model: contentModel
-        };
-        return /*#__PURE__*/ react.createElement(ContentEntryGuard, {
-            ...props,
-            loading: loading
-        }, /*#__PURE__*/ react.createElement(ContentEntryLocker, {
-            ...props,
-            onDisablePrompt: ()=>router.unblockTransition(),
-            onEntryUnlocked: navigateTo
-        }, /*#__PURE__*/ react.createElement(Original, null)));
-    });
-const SingletonContentEntryDecorator = SingletonContentEntry.createDecorator((Original)=>function() {
-        const router = useRouter();
-        const { entry, contentModel, loading } = SingletonContentEntry.useSingletonContentEntry();
-        const props = {
-            entry,
-            model: contentModel
-        };
-        return /*#__PURE__*/ react.createElement(ContentEntryGuard, {
-            ...props,
-            loading: loading
-        }, /*#__PURE__*/ react.createElement(ContentEntryLocker, {
-            ...props,
-            onDisablePrompt: ()=>router.unblockTransition(),
-            onEntryUnlocked: ()=>{}
-        }, /*#__PURE__*/ react.createElement(Original, null)));
-    });
-const HeadlessCmsContentEntry = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ContentEntryDecorator, null), /*#__PURE__*/ react.createElement(SingletonContentEntryDecorator, null));
-export { HeadlessCmsContentEntry };
-
-//# sourceMappingURL=HeadlessCmsContentEntry.js.map

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js","sources":["../../../src/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app\";\nimport { ContentEntryEditorConfig, ContentEntryListConfig } from \"@webiny/app-headless-cms\";\nimport { ContentEntryGuard } from \"./ContentEntryGuard.js\";\nimport { ContentEntryLocker } from \"./ContentEntryLocker.js\";\n\nconst { ContentEntry, SingletonContentEntry } = ContentEntryEditorConfig;\n\nconst ContentEntryDecorator = ContentEntry.createDecorator(Original => {\n    return function RecordLockingContentEntry() {\n        const router = useRouter();\n        const { entry, contentModel, loading } = ContentEntry.useContentEntry();\n        const { navigateTo } = ContentEntryListConfig.ContentEntries.useContentEntriesList();\n        /**\n         * New entry does not have ID yet.\n         */\n        if (!entry?.id) {\n            return <Original />;\n        }\n        /**\n         * Continue with existing entry.\n         */\n        const props = { entry, model: contentModel };\n\n        return (\n            <ContentEntryGuard {...props} loading={loading}>\n                <ContentEntryLocker\n                    {...props}\n                    onDisablePrompt={() => router.unblockTransition()}\n                    onEntryUnlocked={navigateTo}\n                >\n                    <Original />\n                </ContentEntryLocker>\n            </ContentEntryGuard>\n        );\n    };\n});\n\nconst SingletonContentEntryDecorator = SingletonContentEntry.createDecorator(Original => {\n    return function RecordLockingSingletonContentEntry() {\n        const router = useRouter();\n        const { entry, contentModel, loading } = SingletonContentEntry.useSingletonContentEntry();\n\n        const props = { entry, model: contentModel };\n\n        return (\n            <ContentEntryGuard {...props} loading={loading}>\n                <ContentEntryLocker\n                    {...props}\n                    onDisablePrompt={() => router.unblockTransition()}\n                    onEntryUnlocked={() => {\n                        // There's nowhere to go, since singleton entry doesn't have a list view.\n                    }}\n                >\n                    <Original />\n                </ContentEntryLocker>\n            </ContentEntryGuard>\n        );\n    };\n});\n\nexport const HeadlessCmsContentEntry = () => {\n    return (\n        <>\n            <ContentEntryDecorator />\n            <SingletonContentEntryDecorator />\n        </>\n    );\n};\n"],"names":["ContentEntry","SingletonContentEntry","ContentEntryEditorConfig","ContentEntryDecorator","Original","router","useRouter","entry","contentModel","loading","navigateTo","ContentEntryListConfig","props","ContentEntryGuard","ContentEntryLocker","SingletonContentEntryDecorator","HeadlessCmsContentEntry"],"mappings":";;;;;AAMA,MAAM,EAAEA,cAAAA,YAAY,EAAEC,uBAAAA,qBAAqB,EAAE,GAAGC;AAEhD,MAAMC,wBAAwBH,aAAa,eAAe,CAACI,CAAAA,WAChD;QACH,MAAMC,SAASC;QACf,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,OAAO,EAAE,GAAGT,aAAa,eAAe;QACrE,MAAM,EAAEU,UAAU,EAAE,GAAGC,uBAAuB,cAAc,CAAC,qBAAqB;QAIlF,IAAI,CAACJ,OAAO,IACR,OAAO,WAAP,GAAO,oBAACH,UAAAA;QAKZ,MAAMQ,QAAQ;YAAEL;YAAO,OAAOC;QAAa;QAE3C,OAAO,WAAP,GACI,oBAACK,mBAAiBA;YAAE,GAAGD,KAAK;YAAE,SAASH;yBACnC,oBAACK,oBAAkBA;YACd,GAAGF,KAAK;YACT,iBAAiB,IAAMP,OAAO,iBAAiB;YAC/C,iBAAiBK;yBAEjB,oBAACN,UAAAA;IAIjB;AAGJ,MAAMW,iCAAiCd,sBAAsB,eAAe,CAACG,CAAAA,WAClE;QACH,MAAMC,SAASC;QACf,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,OAAO,EAAE,GAAGR,sBAAsB,wBAAwB;QAEvF,MAAMW,QAAQ;YAAEL;YAAO,OAAOC;QAAa;QAE3C,OAAO,WAAP,GACI,oBAACK,mBAAiBA;YAAE,GAAGD,KAAK;YAAE,SAASH;yBACnC,oBAACK,oBAAkBA;YACd,GAAGF,KAAK;YACT,iBAAiB,IAAMP,OAAO,iBAAiB;YAC/C,iBAAiB,KAEjB;yBAEA,oBAACD,UAAAA;IAIjB;AAGG,MAAMY,0BAA0B,IAC5B,WAAP,GACI,wDACI,oBAACb,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACY,gCAA8BA"}

package/components/HeadlessCmsContentEntry/index.d.ts

@@ -1 +0,0 @@
-export * from "./HeadlessCmsContentEntry.js";

package/components/HeadlessCmsContentEntry/index.js

@@ -1 +0,0 @@
-export * from "./HeadlessCmsContentEntry.js";

package/components/LockedRecord/LockedRecord.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { IRecordLockingLockRecord } from "../../types.js";
-export interface ILockedRecordProps {
-    record: IRecordLockingLockRecord;
-}
-export declare const LockedRecord: ({ record: lockRecordEntry }: ILockedRecordProps) => React.JSX.Element;

package/components/LockedRecord/LockedRecord.js

@@ -1,54 +0,0 @@
-import react from "react";
-import { ReactComponent } from "@webiny/icons/lock.svg";
-import { Grid, Heading, Icon, Text } from "@webiny/admin-ui";
-import { useRecordLocking } from "../../hooks/index.js";
-import { useContentEntry } from "@webiny/app-headless-cms";
-import { LockedRecordForceUnlock } from "./LockedRecordForceUnlock.js";
-const Wrapper = ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__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))))));
-const Title = ()=>{
-    const { entry } = useContentEntry();
-    return /*#__PURE__*/ react.createElement(Heading, {
-        level: 4,
-        className: "mb-sm"
-    }, "Record (", entry.meta.title, ") is locked!");
-};
-const LockedRecord = ({ record: lockRecordEntry })=>{
-    const { getLockRecordEntry } = useRecordLocking();
-    const record = getLockRecordEntry(lockRecordEntry.id);
-    if (!record) return /*#__PURE__*/ react.createElement(Wrapper, null, /*#__PURE__*/ react.createElement(Text, null, "Could not find the lock record. Please refresh the Admin UI."));
-    else if (!lockRecordEntry?.lockedBy) return /*#__PURE__*/ react.createElement(Wrapper, null, /*#__PURE__*/ react.createElement(Title, null), /*#__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(LockedRecordForceUnlock, {
-        id: lockRecordEntry.id,
-        type: record.$lockingType,
-        title: record.meta?.title
-    }));
-    return /*#__PURE__*/ react.createElement(Wrapper, null, /*#__PURE__*/ react.createElement(Title, null), /*#__PURE__*/ react.createElement(Text, null, "It is locked because ", /*#__PURE__*/ react.createElement("strong", null, lockRecordEntry.lockedBy.displayName), " 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(LockedRecordForceUnlock, {
-        id: lockRecordEntry.id,
-        type: record.$lockingType,
-        lockedBy: lockRecordEntry.lockedBy,
-        title: record.meta?.title
-    }));
-};
-export { LockedRecord };
-
-//# sourceMappingURL=LockedRecord.js.map

package/components/LockedRecord/LockedRecord.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/LockedRecord/LockedRecord.js","sources":["../../../src/components/LockedRecord/LockedRecord.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 { useRecordLocking } from \"~/hooks/index.js\";\nimport { useContentEntry } from \"@webiny/app-headless-cms\";\nimport { LockedRecordForceUnlock } from \"./LockedRecordForceUnlock.js\";\nimport type { IRecordLockingLockRecord } from \"~/types.js\";\n\ninterface IWrapperProps {\n    children: React.ReactNode;\n}\n\nconst Wrapper = ({ children }: IWrapperProps) => {\n    return (\n        <>\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={{\n                                        width: \"64px\",\n                                        height: \"64px\"\n                                    }}\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            {/*<div className=\"absolute inset-0 bg-neutral-dark/50 z-45\"></div>*/}\n        </>\n    );\n};\n\nconst Title = () => {\n    const { entry } = useContentEntry();\n    return (\n        <Heading level={4} className={\"mb-sm\"}>\n            Record ({entry.meta.title}) is locked!\n        </Heading>\n    );\n};\n\nexport interface ILockedRecordProps {\n    record: IRecordLockingLockRecord;\n}\n\nexport const LockedRecord = ({ record: lockRecordEntry }: ILockedRecordProps) => {\n    const { getLockRecordEntry } = useRecordLocking();\n\n    const record = getLockRecordEntry(lockRecordEntry.id);\n\n    if (!record) {\n        return (\n            <Wrapper>\n                <Text>Could not find the lock record. Please refresh the Admin UI.</Text>\n            </Wrapper>\n        );\n    } else if (!lockRecordEntry?.lockedBy) {\n        return (\n            <Wrapper>\n                <Title />\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                <LockedRecordForceUnlock\n                    id={lockRecordEntry.id}\n                    type={record.$lockingType}\n                    title={record.meta?.title}\n                />\n            </Wrapper>\n        );\n    }\n    return (\n        <Wrapper>\n            <Title />\n            <Text>\n                It is locked because <strong>{lockRecordEntry.lockedBy.displayName}</strong> is\n                currently editing this record. You can either contact the user and ask them to\n                unlock the record, or you can wait for the lock to expire.\n            </Text>\n            <LockedRecordForceUnlock\n                id={lockRecordEntry.id}\n                type={record.$lockingType}\n                lockedBy={lockRecordEntry.lockedBy}\n                title={record.meta?.title}\n            />\n        </Wrapper>\n    );\n};\n"],"names":["Wrapper","children","Grid","Icon","LockIcon","Title","entry","useContentEntry","Heading","LockedRecord","lockRecordEntry","getLockRecordEntry","useRecordLocking","record","Text","LockedRecordForceUnlock"],"mappings":";;;;;;AAYA,MAAMA,UAAU,CAAC,EAAEC,QAAQ,EAAiB,GACjC,WAAP,GACI,wDACI,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;YACH,OAAO;YACP,QAAQ;QACZ;QACA,oBAAM,oBAACC,gBAAQA;QACf,OAAO;QACP,OAAO;QACP,MAAM;wBAIlB,oBAACF,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OAAiCD;AAU7E,MAAMI,QAAQ;IACV,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,OAAO,WAAP,GACI,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OAAS,YAC1BF,MAAM,IAAI,CAAC,KAAK,EAAC;AAGtC;AAMO,MAAMG,eAAe,CAAC,EAAE,QAAQC,eAAe,EAAsB;IACxE,MAAM,EAAEC,kBAAkB,EAAE,GAAGC;IAE/B,MAAMC,SAASF,mBAAmBD,gBAAgB,EAAE;IAEpD,IAAI,CAACG,QACD,OAAO,WAAP,GACI,oBAACb,SAAOA,MAAAA,WAAAA,GACJ,oBAACc,MAAIA,MAAC;SAGX,IAAI,CAACJ,iBAAiB,UACzB,OAAO,WAAP,GACI,oBAACV,SAAOA,MAAAA,WAAAA,GACJ,oBAACK,OAAKA,OAAAA,WAAAA,GACN,oBAACS,MAAIA,MAAC,sLAKN,oBAACC,yBAAuBA;QACpB,IAAIL,gBAAgB,EAAE;QACtB,MAAMG,OAAO,YAAY;QACzB,OAAOA,OAAO,IAAI,EAAE;;IAKpC,OAAO,WAAP,GACI,oBAACb,SAAOA,MAAAA,WAAAA,GACJ,oBAACK,OAAKA,OAAAA,WAAAA,GACN,oBAACS,MAAIA,MAAC,uCACmB,oBAAC,gBAAQJ,gBAAgB,QAAQ,CAAC,WAAW,GAAU,gKAIhF,oBAACK,yBAAuBA;QACpB,IAAIL,gBAAgB,EAAE;QACtB,MAAMG,OAAO,YAAY;QACzB,UAAUH,gBAAgB,QAAQ;QAClC,OAAOG,OAAO,IAAI,EAAE;;AAIpC"}

package/components/LockedRecord/LockedRecordForceUnlock.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { IRecordLockingIdentity } from "../../types.js";
-export interface ILockedRecordForceUnlockProps {
-    id: string;
-    type: string;
-    title: string;
-    lockedBy?: IRecordLockingIdentity;
-}
-export declare const LockedRecordForceUnlock: (props: ILockedRecordForceUnlockProps) => React.JSX.Element | null;

package/components/LockedRecord/LockedRecordForceUnlock.js

@@ -1,57 +0,0 @@
-import react, { useCallback, useEffect, useState } from "react";
-import { Alert, Button, Text } from "@webiny/admin-ui";
-import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
-import { useContentEntriesList } from "@webiny/app-headless-cms";
-import { usePermission, useRecordLocking } from "../../hooks/index.js";
-const ErrorMessage = (props)=>{
-    const { title, lockedBy } = props;
-    return /*#__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, title), " entry. Are you sure you want to continue?"));
-};
-const LockedRecordForceUnlock = (props)=>{
-    const { unlockEntryForce } = useRecordLocking();
-    const { navigateTo } = useContentEntriesList();
-    const { showConfirmation: showForceUnlockConfirmation } = useConfirmationDialog({
-        title: "Force unlock the entry",
-        message: /*#__PURE__*/ react.createElement(ErrorMessage, props)
-    });
-    const { showSnackbar } = useSnackbar();
-    const [error, setError] = useState();
-    useEffect(()=>{
-        if (!error?.message) return;
-        console.error(error);
-        showSnackbar(error.message);
-    }, [
-        error?.message
-    ]);
-    const onClick = useCallback(()=>{
-        showForceUnlockConfirmation(async ()=>{
-            const result = await unlockEntryForce({
-                id: props.id,
-                $lockingType: props.type
-            });
-            if (!result.error) return void navigateTo();
-            setError(result.error);
-        });
-    }, [
-        props.id,
-        navigateTo
-    ]);
-    const { canForceUnlock } = usePermission();
-    if (!canForceUnlock) return null;
-    return /*#__PURE__*/ react.createElement("div", {
-        className: "mt-md"
-    }, /*#__PURE__*/ react.createElement(Text, {
-        as: "div",
-        className: "mb-md"
-    }, "Because you have a full access to the system, you can force unlock the record."), /*#__PURE__*/ react.createElement(Button, {
-        onClick: onClick,
-        text: "Unlock and go back"
-    }));
-};
-export { LockedRecordForceUnlock };
-
-//# sourceMappingURL=LockedRecordForceUnlock.js.map

package/components/LockedRecord/LockedRecordForceUnlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/LockedRecord/LockedRecordForceUnlock.js","sources":["../../../src/components/LockedRecord/LockedRecordForceUnlock.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Alert, Button, Text } from \"@webiny/admin-ui\";\nimport type { IRecordLockingError, IRecordLockingIdentity } from \"~/types.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport { useContentEntriesList } from \"@webiny/app-headless-cms\";\nimport { useRecordLocking, usePermission } from \"~/hooks/index.js\";\n\nexport interface ILockedRecordForceUnlockProps {\n    id: string;\n    type: string;\n    title: string;\n    lockedBy?: IRecordLockingIdentity;\n}\n\nconst ErrorMessage = (props: ILockedRecordForceUnlockProps) => {\n    const { title, lockedBy } = props;\n    return (\n        <div>\n            <Alert type=\"warning\" title=\"Warning\" className={\"mb-md\"}>\n                <strong>{lockedBy?.displayName || \"Unknown user\"}</strong> is currently editing this\n                record.\n                <br /> If you force unlock it, they could potentially lose their changes.\n            </Alert>\n\n            <Text>\n                You are about to forcefully unlock the <strong>{title}</strong> entry. Are you sure\n                you want to continue?\n            </Text>\n        </div>\n    );\n};\n\nexport const LockedRecordForceUnlock = (props: ILockedRecordForceUnlockProps) => {\n    const { unlockEntryForce } = useRecordLocking();\n\n    const { navigateTo } = useContentEntriesList();\n    const { showConfirmation: showForceUnlockConfirmation } = useConfirmationDialog({\n        title: \"Force unlock the entry\",\n        message: <ErrorMessage {...props} />\n    });\n    const { showSnackbar } = useSnackbar();\n\n    const [error, setError] = useState<IRecordLockingError>();\n\n    useEffect(() => {\n        if (!error?.message) {\n            return;\n        }\n        console.error(error);\n        showSnackbar(error.message);\n    }, [error?.message]);\n\n    const onClick = useCallback(() => {\n        showForceUnlockConfirmation(async () => {\n            const result = await unlockEntryForce({\n                id: props.id,\n                $lockingType: props.type\n            });\n            if (!result.error) {\n                navigateTo();\n                return;\n            }\n            setError(result.error);\n        });\n    }, [props.id, navigateTo]);\n\n    const { canForceUnlock } = usePermission();\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 a 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":["ErrorMessage","props","title","lockedBy","Alert","Text","LockedRecordForceUnlock","unlockEntryForce","useRecordLocking","navigateTo","useContentEntriesList","showForceUnlockConfirmation","useConfirmationDialog","showSnackbar","useSnackbar","error","setError","useState","useEffect","console","onClick","useCallback","result","canForceUnlock","usePermission","Button"],"mappings":";;;;;AAcA,MAAMA,eAAe,CAACC;IAClB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACG,OAAKA;QAAC,MAAK;QAAU,OAAM;QAAU,WAAW;qBAC7C,oBAAC,gBAAQD,UAAU,eAAe,iBAAwB,oDAE1D,oBAAC,aAAK,sFAGV,oBAACE,MAAIA,MAAC,yDACqC,oBAAC,gBAAQH,QAAe;AAK/E;AAEO,MAAMI,0BAA0B,CAACL;IACpC,MAAM,EAAEM,gBAAgB,EAAE,GAAGC;IAE7B,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAE,kBAAkBC,2BAA2B,EAAE,GAAGC,sBAAsB;QAC5E,OAAO;QACP,SAAS,WAAT,GAAS,oBAACZ,cAAiBC;IAC/B;IACA,MAAM,EAAEY,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,OAAOC,SAAS,GAAGC;IAE1BC,UAAU;QACN,IAAI,CAACH,OAAO,SACR;QAEJI,QAAQ,KAAK,CAACJ;QACdF,aAAaE,MAAM,OAAO;IAC9B,GAAG;QAACA,OAAO;KAAQ;IAEnB,MAAMK,UAAUC,YAAY;QACxBV,4BAA4B;YACxB,MAAMW,SAAS,MAAMf,iBAAiB;gBAClC,IAAIN,MAAM,EAAE;gBACZ,cAAcA,MAAM,IAAI;YAC5B;YACA,IAAI,CAACqB,OAAO,KAAK,EAAE,YACfb;YAGJO,SAASM,OAAO,KAAK;QACzB;IACJ,GAAG;QAACrB,MAAM,EAAE;QAAEQ;KAAW;IAEzB,MAAM,EAAEc,cAAc,EAAE,GAAGC;IAC3B,IAAI,CAACD,gBACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAClB,MAAIA;QAAC,IAAI;QAAO,WAAW;OAAS,iGAGrC,oBAACoB,QAAMA;QAAC,SAASL;QAAS,MAAM;;AAG5C"}

package/components/LockedRecord/index.d.ts

@@ -1 +0,0 @@
-export * from "./LockedRecord.js";

package/components/LockedRecord/index.js

@@ -1 +0,0 @@
-export * from "./LockedRecord.js";

package/components/RecordLockingProvider.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { IPossiblyRecordLockingRecord, IRecordLockingContext } from "../types.js";
-export interface IRecordLockingProviderProps {
-    children: React.ReactNode;
-}
-export declare const RecordLockingContext: React.Context<IRecordLockingContext<IPossiblyRecordLockingRecord>>;
-export declare const RecordLockingProvider: (props: IRecordLockingProviderProps) => React.JSX.Element;

package/components/RecordLockingProvider.js

@@ -1,111 +0,0 @@
-import react, { useCallback, useMemo, useState } from "react";
-import { useApolloClient } from "@apollo/react-hooks";
-import { createRecordLocking } from "../domain/RecordLocking.js";
-import { useStateIfMounted } from "@webiny/app-admin";
-const RecordLockingContext = /*#__PURE__*/ react.createContext({});
-const isSameArray = (existingRecords, newRecords)=>{
-    if (existingRecords.length !== newRecords.length) return false;
-    return existingRecords.every((record, index)=>{
-        const newRecord = newRecords[index];
-        if (!newRecord) return false;
-        return newRecord.id === record.id && newRecord.savedOn === record.savedOn;
-    });
-};
-const getData = (records)=>records.map((record)=>({
-            id: record.id,
-            savedOn: record.savedOn
-        }));
-const RecordLockingProvider = (props)=>{
-    const client = useApolloClient();
-    const [loading, setLoading] = useState(false);
-    const recordLocking = useMemo(()=>createRecordLocking({
-            client,
-            setLoading
-        }), []);
-    const [error, setError] = useStateIfMounted(null);
-    const [records, setRecords] = useStateIfMounted([]);
-    const setRecordsIfNeeded = useCallback((newRecords)=>{
-        const sameArray = isSameArray(getData(records), getData(newRecords));
-        if (sameArray) return;
-        setRecords(newRecords);
-    }, [
-        records
-    ]);
-    const value = {
-        async updateEntryLock (params) {
-            const result = await recordLocking.updateEntryLock(params);
-            if (result.error) {
-                setError(result.error);
-                return result;
-            }
-            const target = result.data;
-            if (!target?.id) {
-                const error = {
-                    message: "No data returned from server.",
-                    code: "NO_DATA"
-                };
-                setError(error);
-                return {
-                    error,
-                    data: null
-                };
-            }
-            setRecords((prev)=>prev.map((item)=>{
-                    if (item.entryId === target.id) return {
-                        ...item,
-                        $locked: result.data
-                    };
-                    return item;
-                }));
-            return result;
-        },
-        async unlockEntry (params) {
-            return await recordLocking.unlockEntry(params);
-        },
-        async unlockEntryForce (params) {
-            return await recordLocking.unlockEntry(params, true);
-        },
-        isLockExpired (input) {
-            return recordLocking.isLockExpired(input);
-        },
-        isRecordLocked (record) {
-            if (!record) return false;
-            return recordLocking.isRecordLocked(record);
-        },
-        getLockRecordEntry (id) {
-            return recordLocking.getLockRecordEntry(id);
-        },
-        removeEntryLock (params) {
-            return recordLocking.removeEntryLock(params);
-        },
-        async fetchLockRecord (params) {
-            try {
-                return await recordLocking.fetchLockRecord(params);
-            } catch (ex) {
-                return {
-                    data: null,
-                    error: ex
-                };
-            }
-        },
-        async fetchLockedEntryLockRecord (params) {
-            return recordLocking.fetchLockedEntryLockRecord(params);
-        },
-        async setRecords (folderId, type, newRecords) {
-            setRecordsIfNeeded(newRecords);
-            const result = await recordLocking.setRecords(folderId, type, newRecords);
-            if (!result) return;
-            setRecords(result);
-        },
-        error,
-        records,
-        loading
-    };
-    return /*#__PURE__*/ react.createElement(RecordLockingContext.Provider, {
-        ...props,
-        value: value
-    });
-};
-export { RecordLockingContext, RecordLockingProvider };
-
-//# sourceMappingURL=RecordLockingProvider.js.map

package/components/RecordLockingProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/RecordLockingProvider.js","sources":["../../src/components/RecordLockingProvider.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { createRecordLocking } from \"~/domain/RecordLocking.js\";\nimport type {\n    IFetchLockedEntryLockRecordParams,\n    IFetchLockRecordParams,\n    IPossiblyRecordLockingRecord,\n    IRecordLockingContext,\n    IRecordLockingError,\n    IUnlockEntryParams,\n    IUpdateEntryLockParams\n} from \"~/types.js\";\nimport { useStateIfMounted } from \"@webiny/app-admin\";\n\nexport interface IRecordLockingProviderProps {\n    children: React.ReactNode;\n}\n\nexport const RecordLockingContext = React.createContext({} as unknown as IRecordLockingContext);\n\nconst isSameArray = (\n    existingRecords: Pick<IPossiblyRecordLockingRecord, \"id\" | \"savedOn\">[],\n    newRecords: Pick<IPossiblyRecordLockingRecord, \"id\" | \"savedOn\">[]\n): boolean => {\n    if (existingRecords.length !== newRecords.length) {\n        return false;\n    }\n    return existingRecords.every((record, index) => {\n        const newRecord = newRecords[index];\n        if (!newRecord) {\n            return false;\n        }\n\n        return newRecord.id === record.id && newRecord.savedOn === record.savedOn;\n    });\n};\n\nconst getData = (records: IPossiblyRecordLockingRecord[]) => {\n    return records.map(record => ({\n        id: record.id,\n        savedOn: record.savedOn\n    }));\n};\n\nexport const RecordLockingProvider = (props: IRecordLockingProviderProps) => {\n    const client = useApolloClient();\n\n    const [loading, setLoading] = useState(false);\n\n    const recordLocking = useMemo(() => {\n        return createRecordLocking({\n            client,\n            setLoading\n        });\n    }, []);\n\n    const [error, setError] = useStateIfMounted<IRecordLockingError | null>(null);\n\n    const [records, setRecords] = useStateIfMounted<IPossiblyRecordLockingRecord[]>([]);\n\n    const setRecordsIfNeeded = useCallback(\n        (newRecords: IPossiblyRecordLockingRecord[]) => {\n            const sameArray = isSameArray(getData(records), getData(newRecords));\n            if (sameArray) {\n                return;\n            }\n            setRecords(newRecords);\n        },\n        [records]\n    );\n\n    const value: IRecordLockingContext = {\n        async updateEntryLock(params: IUpdateEntryLockParams) {\n            const result = await recordLocking.updateEntryLock(params);\n            if (result.error) {\n                setError(result.error);\n                return result;\n            }\n            const target = result.data;\n            if (!target?.id) {\n                const error = {\n                    message: \"No data returned from server.\",\n                    code: \"NO_DATA\"\n                };\n                setError(error);\n                return {\n                    error,\n                    data: null\n                };\n            }\n\n            setRecords(prev => {\n                return prev.map(item => {\n                    if (item.entryId === target.id) {\n                        return {\n                            ...item,\n                            $locked: result.data\n                        };\n                    }\n                    return item;\n                });\n            });\n            return result;\n        },\n        async unlockEntry(params: IUnlockEntryParams) {\n            return await recordLocking.unlockEntry(params);\n        },\n        async unlockEntryForce(params: IUnlockEntryParams) {\n            return await recordLocking.unlockEntry(params, true);\n        },\n        isLockExpired(input: Date | string): boolean {\n            return recordLocking.isLockExpired(input);\n        },\n        isRecordLocked(record) {\n            if (!record) {\n                return false;\n            }\n            return recordLocking.isRecordLocked(record);\n        },\n        getLockRecordEntry(id: string) {\n            return recordLocking.getLockRecordEntry(id);\n        },\n        removeEntryLock(params: IUnlockEntryParams) {\n            return recordLocking.removeEntryLock(params);\n        },\n        async fetchLockRecord(params: IFetchLockRecordParams) {\n            try {\n                return await recordLocking.fetchLockRecord(params);\n            } catch (ex) {\n                return {\n                    data: null,\n                    error: ex\n                };\n            }\n        },\n        async fetchLockedEntryLockRecord(params: IFetchLockedEntryLockRecordParams) {\n            return recordLocking.fetchLockedEntryLockRecord(params);\n        },\n        async setRecords(folderId, type, newRecords) {\n            setRecordsIfNeeded(newRecords);\n\n            const result = await recordLocking.setRecords(folderId, type, newRecords);\n            if (!result) {\n                return;\n            }\n            setRecords(result);\n        },\n        error,\n        records,\n        loading\n    };\n\n    return <RecordLockingContext.Provider {...props} value={value} />;\n};\n"],"names":["RecordLockingContext","React","isSameArray","existingRecords","newRecords","record","index","newRecord","getData","records","RecordLockingProvider","props","client","useApolloClient","loading","setLoading","useState","recordLocking","useMemo","createRecordLocking","error","setError","useStateIfMounted","setRecords","setRecordsIfNeeded","useCallback","sameArray","value","params","result","target","prev","item","input","id","ex","folderId","type"],"mappings":";;;;AAkBO,MAAMA,uBAAuB,WAAHA,GAAGC,MAAAA,aAAmB,CAAC,CAAC;AAEzD,MAAMC,cAAc,CAChBC,iBACAC;IAEA,IAAID,gBAAgB,MAAM,KAAKC,WAAW,MAAM,EAC5C,OAAO;IAEX,OAAOD,gBAAgB,KAAK,CAAC,CAACE,QAAQC;QAClC,MAAMC,YAAYH,UAAU,CAACE,MAAM;QACnC,IAAI,CAACC,WACD,OAAO;QAGX,OAAOA,UAAU,EAAE,KAAKF,OAAO,EAAE,IAAIE,UAAU,OAAO,KAAKF,OAAO,OAAO;IAC7E;AACJ;AAEA,MAAMG,UAAU,CAACC,UACNA,QAAQ,GAAG,CAACJ,CAAAA,SAAW;YAC1B,IAAIA,OAAO,EAAE;YACb,SAASA,OAAO,OAAO;QAC3B;AAGG,MAAMK,wBAAwB,CAACC;IAClC,MAAMC,SAASC;IAEf,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,gBAAgBC,QAAQ,IACnBC,oBAAoB;YACvBP;YACAG;QACJ,IACD,EAAE;IAEL,MAAM,CAACK,OAAOC,SAAS,GAAGC,kBAA8C;IAExE,MAAM,CAACb,SAASc,WAAW,GAAGD,kBAAkD,EAAE;IAElF,MAAME,qBAAqBC,YACvB,CAACrB;QACG,MAAMsB,YAAYxB,YAAYM,QAAQC,UAAUD,QAAQJ;QACxD,IAAIsB,WACA;QAEJH,WAAWnB;IACf,GACA;QAACK;KAAQ;IAGb,MAAMkB,QAA+B;QACjC,MAAM,iBAAgBC,MAA8B;YAChD,MAAMC,SAAS,MAAMZ,cAAc,eAAe,CAACW;YACnD,IAAIC,OAAO,KAAK,EAAE;gBACdR,SAASQ,OAAO,KAAK;gBACrB,OAAOA;YACX;YACA,MAAMC,SAASD,OAAO,IAAI;YAC1B,IAAI,CAACC,QAAQ,IAAI;gBACb,MAAMV,QAAQ;oBACV,SAAS;oBACT,MAAM;gBACV;gBACAC,SAASD;gBACT,OAAO;oBACHA;oBACA,MAAM;gBACV;YACJ;YAEAG,WAAWQ,CAAAA,OACAA,KAAK,GAAG,CAACC,CAAAA;oBACZ,IAAIA,KAAK,OAAO,KAAKF,OAAO,EAAE,EAC1B,OAAO;wBACH,GAAGE,IAAI;wBACP,SAASH,OAAO,IAAI;oBACxB;oBAEJ,OAAOG;gBACX;YAEJ,OAAOH;QACX;QACA,MAAM,aAAYD,MAA0B;YACxC,OAAO,MAAMX,cAAc,WAAW,CAACW;QAC3C;QACA,MAAM,kBAAiBA,MAA0B;YAC7C,OAAO,MAAMX,cAAc,WAAW,CAACW,QAAQ;QACnD;QACA,eAAcK,KAAoB;YAC9B,OAAOhB,cAAc,aAAa,CAACgB;QACvC;QACA,gBAAe5B,MAAM;YACjB,IAAI,CAACA,QACD,OAAO;YAEX,OAAOY,cAAc,cAAc,CAACZ;QACxC;QACA,oBAAmB6B,EAAU;YACzB,OAAOjB,cAAc,kBAAkB,CAACiB;QAC5C;QACA,iBAAgBN,MAA0B;YACtC,OAAOX,cAAc,eAAe,CAACW;QACzC;QACA,MAAM,iBAAgBA,MAA8B;YAChD,IAAI;gBACA,OAAO,MAAMX,cAAc,eAAe,CAACW;YAC/C,EAAE,OAAOO,IAAI;gBACT,OAAO;oBACH,MAAM;oBACN,OAAOA;gBACX;YACJ;QACJ;QACA,MAAM,4BAA2BP,MAAyC;YACtE,OAAOX,cAAc,0BAA0B,CAACW;QACpD;QACA,MAAM,YAAWQ,QAAQ,EAAEC,IAAI,EAAEjC,UAAU;YACvCoB,mBAAmBpB;YAEnB,MAAMyB,SAAS,MAAMZ,cAAc,UAAU,CAACmB,UAAUC,MAAMjC;YAC9D,IAAI,CAACyB,QACD;YAEJN,WAAWM;QACf;QACAT;QACAX;QACAK;IACJ;IAEA,OAAO,WAAP,GAAO,oBAACd,qBAAqB,QAAQ;QAAE,GAAGW,KAAK;QAAE,OAAOgB;;AAC5D"}

package/components/SecurityPermissions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/SecurityPermissions.js","sources":["../../src/components/SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { RECORD_LOCKING_PERMISSIONS_SCHEMA } from \"~/domain/permissionsSchema.js\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"record-locking\"\n                title=\"Record Locking\"\n                description=\"Manage Record Locking permissions.\"\n                icon={<LockIcon />}\n                schema={RECORD_LOCKING_PERMISSIONS_SCHEMA}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["Security","AdminConfig","SecurityPermissions","LockIcon","RECORD_LOCKING_PERMISSIONS_SCHEMA"],"mappings":";;;;AAKA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,sBAAsB,IACxB,WAAP,GACI,oBAACD,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACG,gBAAQA;QACf,QAAQC"}

package/components/decorators/UseContentEntriesListHookDecorator.d.ts

@@ -1 +0,0 @@
-export declare const UseContentEntriesListHookDecorator: () => React.JSX.Element;

package/components/decorators/UseContentEntriesListHookDecorator.js

@@ -1,23 +0,0 @@
-import { useEffect } from "react";
-import { ContentEntryListConfig } from "@webiny/app-headless-cms";
-import { useRecordLocking } from "../../hooks/index.js";
-const UseContentEntriesListHookDecorator = ContentEntryListConfig.ContentEntries.useContentEntriesList.createDecorator((originalHook)=>function() {
-        const value = originalHook();
-        const recordLocking = useRecordLocking();
-        useEffect(()=>{
-            if (!value.records) return;
-            recordLocking.setRecords(value.folderId, value.modelId, value.records);
-        }, [
-            value.folderId,
-            value.modelId,
-            value.records,
-            recordLocking
-        ]);
-        return {
-            ...value,
-            records: recordLocking.records
-        };
-    });
-export { UseContentEntriesListHookDecorator };
-
-//# sourceMappingURL=UseContentEntriesListHookDecorator.js.map

package/components/decorators/UseContentEntriesListHookDecorator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/decorators/UseContentEntriesListHookDecorator.js","sources":["../../../src/components/decorators/UseContentEntriesListHookDecorator.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ContentEntryListConfig } from \"@webiny/app-headless-cms\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport type { IPossiblyRecordLockingRecord } from \"~/types.js\";\n\nexport const UseContentEntriesListHookDecorator =\n    ContentEntryListConfig.ContentEntries.useContentEntriesList.createDecorator(originalHook => {\n        return function RecordLockingUseContentEntriesList() {\n            const value = originalHook();\n            const recordLocking = useRecordLocking();\n\n            useEffect(() => {\n                if (!value.records) {\n                    return;\n                }\n                recordLocking.setRecords(\n                    value.folderId,\n                    value.modelId,\n                    // TODO determine if this is correct\n                    value.records as IPossiblyRecordLockingRecord[]\n                );\n            }, [value.folderId, value.modelId, value.records, recordLocking]);\n\n            return {\n                ...value,\n                records: recordLocking.records\n            };\n        };\n    });\n"],"names":["UseContentEntriesListHookDecorator","ContentEntryListConfig","originalHook","value","recordLocking","useRecordLocking","useEffect"],"mappings":";;;AAKO,MAAMA,qCACTC,uBAAuB,cAAc,CAAC,qBAAqB,CAAC,eAAe,CAACC,CAAAA,eACjE;QACH,MAAMC,QAAQD;QACd,MAAME,gBAAgBC;QAEtBC,UAAU;YACN,IAAI,CAACH,MAAM,OAAO,EACd;YAEJC,cAAc,UAAU,CACpBD,MAAM,QAAQ,EACdA,MAAM,OAAO,EAEbA,MAAM,OAAO;QAErB,GAAG;YAACA,MAAM,QAAQ;YAAEA,MAAM,OAAO;YAAEA,MAAM,OAAO;YAAEC;SAAc;QAEhE,OAAO;YACH,GAAGD,KAAK;YACR,SAASC,cAAc,OAAO;QAClC;IACJ"}

package/components/decorators/UseRecordsDecorator.d.ts

@@ -1,8 +0,0 @@
-/**
- * When record locking mechanism is checking for records equality, it compares record `id` and `savedOn`.
- * When you're updating ACO cache, you're just passing the new content entry value(s), and sometimes you might
- * be doing it without the `savedOn`, and that causes record locking to keep its old state.
- *
- * This decorator ensures that calls to `updateRecordInCache` always include a `savedOn` timestamp.
- */
-export declare const UseRecordsDecorator: () => React.JSX.Element;

package/components/decorators/UseRecordsDecorator.js

@@ -1,16 +0,0 @@
-import { useRecords } from "@webiny/app-aco";
-const UseRecordsDecorator = useRecords.createDecorator((baseHook)=>(folderId)=>{
-        const hook = baseHook(folderId);
-        return {
-            ...hook,
-            updateRecordInCache (record) {
-                hook.updateRecordInCache({
-                    ...record,
-                    savedOn: new Date().toISOString()
-                });
-            }
-        };
-    });
-export { UseRecordsDecorator };
-
-//# sourceMappingURL=UseRecordsDecorator.js.map

package/components/decorators/UseRecordsDecorator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/decorators/UseRecordsDecorator.js","sources":["../../../src/components/decorators/UseRecordsDecorator.tsx"],"sourcesContent":["import { useRecords } from \"@webiny/app-aco\";\n\n/**\n * When record locking mechanism is checking for records equality, it compares record `id` and `savedOn`.\n * When you're updating ACO cache, you're just passing the new content entry value(s), and sometimes you might\n * be doing it without the `savedOn`, and that causes record locking to keep its old state.\n *\n * This decorator ensures that calls to `updateRecordInCache` always include a `savedOn` timestamp.\n */\nexport const UseRecordsDecorator = useRecords.createDecorator(baseHook => {\n    return (folderId?: string) => {\n        const hook = baseHook(folderId);\n\n        return {\n            ...hook,\n            updateRecordInCache(record: any) {\n                hook.updateRecordInCache({\n                    ...record,\n                    savedOn: new Date().toISOString()\n                });\n            }\n        };\n    };\n});\n"],"names":["UseRecordsDecorator","useRecords","baseHook","folderId","hook","record","Date"],"mappings":";AASO,MAAMA,sBAAsBC,WAAW,eAAe,CAACC,CAAAA,WACnD,CAACC;QACJ,MAAMC,OAAOF,SAASC;QAEtB,OAAO;YACH,GAAGC,IAAI;YACP,qBAAoBC,MAAW;gBAC3BD,KAAK,mBAAmB,CAAC;oBACrB,GAAGC,MAAM;oBACT,SAAS,IAAIC,OAAO,WAAW;gBACnC;YACJ;QACJ;IACJ"}

package/components/decorators/UseSaveEntryDecorator.d.ts

@@ -1 +0,0 @@
-export declare const UseSaveEntryDecorator: () => React.JSX.Element;