@webiny/app-record-locking 0.0.0-unstable.3bc8100a7f

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+# @webiny/app-record-locking
+[![](https://img.shields.io/npm/dw/@webiny/app-record-locking.svg)](https://www.npmjs.com/package/@webiny/app-record-locking) 
+[![](https://img.shields.io/npm/v/@webiny/app-record-locking.svg)](https://www.npmjs.com/package/@webiny/app-record-locking)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+Exposes a simple `SocketsProvider` React provider component and enables you to quickly send socket messages via the `useSockets` React hook.
+
+## Install
+```
+yarn add @webiny/app-record-locking
+```

package/components/HeadlessCmsActionsAcoCell.d.ts

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

package/components/HeadlessCmsActionsAcoCell.js

@@ -0,0 +1,60 @@
+import React from "react";
+import { ContentEntryListConfig, useModel } from "@webiny/app-headless-cms";
+import { ReactComponent as LockedIcon } from "@webiny/icons/lock.svg";
+import { useRecordLocking } from "../hooks";
+import { UseContentEntriesListHookDecorator } from "./decorators/UseContentEntriesListHookDecorator";
+import { UseSaveEntryDecorator } from "./decorators/UseSaveEntryDecorator";
+import { UseRecordsDecorator } from "./decorators/UseRecordsDecorator";
+import { Icon, Tooltip } from "@webiny/admin-ui";
+const {
+  Browser
+} = ContentEntryListConfig;
+const ActionsCell = ({
+  children
+}) => {
+  const {
+    model
+  } = useModel();
+  const {
+    getLockRecordEntry,
+    isRecordLocked
+  } = useRecordLocking();
+  const {
+    useTableRow,
+    isFolderRow
+  } = Browser.Table.Column;
+  const {
+    row
+  } = useTableRow();
+  if (isFolderRow(row)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  const entry = getLockRecordEntry(row.id);
+  if (!isRecordLocked(entry) || !entry?.$locked) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "left",
+    content: `This ${model.name} is currently locked by ${entry.$locked.lockedBy.displayName}.`,
+    trigger: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(LockedIcon, null),
+      label: "Locked entry",
+      color: "neutral-light"
+    })
+  });
+};
+const RecordLockingCellActions = Browser.Table.Column.createDecorator(Original => {
+  return function RecordLockingCellActions(props) {
+    if (props.name === "actions" && props.cell) {
+      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
+        cell: /*#__PURE__*/React.createElement(ActionsCell, null, props.cell)
+      }));
+    }
+    return /*#__PURE__*/React.createElement(Original, props);
+  };
+});
+export const HeadlessCmsActionsAcoCell = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UseContentEntriesListHookDecorator, null), /*#__PURE__*/React.createElement(UseSaveEntryDecorator, null), /*#__PURE__*/React.createElement(RecordLockingCellActions, null), /*#__PURE__*/React.createElement(UseRecordsDecorator, null));
+};
+
+//# sourceMappingURL=HeadlessCmsActionsAcoCell.js.map

package/components/HeadlessCmsActionsAcoCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ContentEntryListConfig","useModel","ReactComponent","LockedIcon","useRecordLocking","UseContentEntriesListHookDecorator","UseSaveEntryDecorator","UseRecordsDecorator","Icon","Tooltip","Browser","ActionsCell","children","model","getLockRecordEntry","isRecordLocked","useTableRow","isFolderRow","Table","Column","row","createElement","Fragment","entry","id","$locked","side","content","name","lockedBy","displayName","trigger","icon","label","color","RecordLockingCellActions","createDecorator","Original","props","cell","Object","assign","HeadlessCmsActionsAcoCell"],"sources":["HeadlessCmsActionsAcoCell.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryListConfig, useModel } from \"@webiny/app-headless-cms\";\nimport { ReactComponent as LockedIcon } from \"@webiny/icons/lock.svg\";\nimport { useRecordLocking } from \"~/hooks\";\nimport { UseContentEntriesListHookDecorator } from \"./decorators/UseContentEntriesListHookDecorator\";\nimport { UseSaveEntryDecorator } from \"~/components/decorators/UseSaveEntryDecorator\";\nimport { UseRecordsDecorator } from \"./decorators/UseRecordsDecorator\";\nimport { Icon, Tooltip } from \"@webiny/admin-ui\";\n\nconst { Browser } = ContentEntryListConfig;\n\ninterface ActionsCellProps {\n    children: React.ReactNode;\n}\n\nconst ActionsCell = ({ children }: ActionsCellProps) => {\n    const { model } = useModel();\n    const { getLockRecordEntry, isRecordLocked } = useRecordLocking();\n\n    const { useTableRow, isFolderRow } = Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (isFolderRow(row)) {\n        return <>{children}</>;\n    }\n\n    const entry = getLockRecordEntry(row.id);\n\n    if (!isRecordLocked(entry) || !entry?.$locked) {\n        return <>{children}</>;\n    }\n    return (\n        <Tooltip\n            side={\"left\"}\n            content={`This ${model.name} is currently locked by ${entry.$locked.lockedBy.displayName}.`}\n            trigger={<Icon icon={<LockedIcon />} label={\"Locked entry\"} color={\"neutral-light\"} />}\n        />\n    );\n};\n\nconst RecordLockingCellActions = Browser.Table.Column.createDecorator(Original => {\n    return function RecordLockingCellActions(props) {\n        if (props.name === \"actions\" && props.cell) {\n            return <Original {...props} cell={<ActionsCell>{props.cell}</ActionsCell>} />;\n        }\n\n        return <Original {...props} />;\n    };\n});\n\nexport const HeadlessCmsActionsAcoCell = () => {\n    return (\n        <>\n            <UseContentEntriesListHookDecorator />\n            <UseSaveEntryDecorator />\n            <RecordLockingCellActions />\n            <UseRecordsDecorator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,EAAEC,QAAQ,QAAQ,0BAA0B;AAC3E,SAASC,cAAc,IAAIC,UAAU,QAAQ,wBAAwB;AACrE,SAASC,gBAAgB;AACzB,SAASC,kCAAkC;AAC3C,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAEhD,MAAM;EAAEC;AAAQ,CAAC,GAAGV,sBAAsB;AAM1C,MAAMW,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EACpD,MAAM;IAAEC;EAAM,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEa,kBAAkB;IAAEC;EAAe,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAEjE,MAAM;IAAEY,WAAW;IAAEC;EAAY,CAAC,GAAGP,OAAO,CAACQ,KAAK,CAACC,MAAM;EACzD,MAAM;IAAEC;EAAI,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAE7B,IAAIC,WAAW,CAACG,GAAG,CAAC,EAAE;IAClB,oBAAOrB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QAAGV,QAAW,CAAC;EAC1B;EAEA,MAAMW,KAAK,GAAGT,kBAAkB,CAACM,GAAG,CAACI,EAAE,CAAC;EAExC,IAAI,CAACT,cAAc,CAACQ,KAAK,CAAC,IAAI,CAACA,KAAK,EAAEE,OAAO,EAAE;IAC3C,oBAAO1B,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QAAGV,QAAW,CAAC;EAC1B;EACA,oBACIb,KAAA,CAAAsB,aAAA,CAACZ,OAAO;IACJiB,IAAI,EAAE,MAAO;IACbC,OAAO,EAAE,QAAQd,KAAK,CAACe,IAAI,2BAA2BL,KAAK,CAACE,OAAO,CAACI,QAAQ,CAACC,WAAW,GAAI;IAC5FC,OAAO,eAAEhC,KAAA,CAAAsB,aAAA,CAACb,IAAI;MAACwB,IAAI,eAAEjC,KAAA,CAAAsB,aAAA,CAAClB,UAAU,MAAE,CAAE;MAAC8B,KAAK,EAAE,cAAe;MAACC,KAAK,EAAE;IAAgB,CAAE;EAAE,CAC1F,CAAC;AAEV,CAAC;AAED,MAAMC,wBAAwB,GAAGzB,OAAO,CAACQ,KAAK,CAACC,MAAM,CAACiB,eAAe,CAACC,QAAQ,IAAI;EAC9E,OAAO,SAASF,wBAAwBA,CAACG,KAAK,EAAE;IAC5C,IAAIA,KAAK,CAACV,IAAI,KAAK,SAAS,IAAIU,KAAK,CAACC,IAAI,EAAE;MACxC,oBAAOxC,KAAA,CAAAsB,aAAA,CAACgB,QAAQ,EAAAG,MAAA,CAAAC,MAAA,KAAKH,KAAK;QAAEC,IAAI,eAAExC,KAAA,CAAAsB,aAAA,CAACV,WAAW,QAAE2B,KAAK,CAACC,IAAkB;MAAE,EAAE,CAAC;IACjF;IAEA,oBAAOxC,KAAA,CAAAsB,aAAA,CAACgB,QAAQ,EAAKC,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMI,yBAAyB,GAAGA,CAAA,KAAM;EAC3C,oBACI3C,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACIvB,KAAA,CAAAsB,aAAA,CAAChB,kCAAkC,MAAE,CAAC,eACtCN,KAAA,CAAAsB,aAAA,CAACf,qBAAqB,MAAE,CAAC,eACzBP,KAAA,CAAAsB,aAAA,CAACc,wBAAwB,MAAE,CAAC,eAC5BpC,KAAA,CAAAsB,aAAA,CAACd,mBAAmB,MAAE,CACxB,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/HeadlessCmsContentEntry/ContentEntryGuard.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms/types";
+export interface IContentEntryGuardProps {
+    loading: boolean;
+    entry: CmsContentEntry;
+    model: CmsModel;
+    children: React.ReactElement;
+}
+export declare const ContentEntryGuard: (props: IContentEntryGuardProps) => React.JSX.Element;

package/components/HeadlessCmsContentEntry/ContentEntryGuard.js

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

package/components/HeadlessCmsContentEntry/ContentEntryGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","useRecordLocking","LockedRecord","OverlayLoader","ContentEntryGuard","props","loading","entry","model","children","fetchLockedEntryLockRecord","locked","setLocked","undefined","id","result","$lockingType","modelId","createElement","className","record"],"sources":["ContentEntryGuard.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRecordLocking } from \"~/hooks\";\nimport { LockedRecord } from \"../LockedRecord\";\nimport type { IRecordLockingLockRecord } from \"~/types\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms/types\";\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={\"wby-h-screen wby-w-screen wby-fixed wby-top-0 wby-left-0 wby-z-20\"}>\n                <OverlayLoader />\n            </div>\n        );\n    } else if (locked) {\n        return <LockedRecord record={locked} />;\n    }\n\n    return children;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,gBAAgB;AACzB,SAASC,YAAY;AAGrB,SAASC,aAAa,QAAQ,kBAAkB;AAShD,OAAO,MAAMC,iBAAiB,GAAIC,KAA8B,IAAK;EACjE,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACjD,MAAM;IAAEK;EAA2B,CAAC,GAAGT,gBAAgB,CAAC,CAAC;EAEzD,MAAM,CAACU,MAAM,EAAEC,SAAS,CAAC,GAAGZ,QAAQ,CAA8Ca,SAAS,CAAC;EAE5Fd,SAAS,CAAC,MAAM;IACZ,IAAI,CAACQ,KAAK,CAACO,EAAE,IAAIR,OAAO,IAAIK,MAAM,KAAKE,SAAS,EAAE;MAC9C;IACJ;IACA,CAAC,YAAY;MACT,MAAME,MAAM,GAAG,MAAML,0BAA0B,CAAC;QAC5CI,EAAE,EAAEP,KAAK,CAACO,EAAE;QACZE,YAAY,EAAER,KAAK,CAACS;MACxB,CAAC,CAAC;MACFL,SAAS,CAACG,MAAM,CAAC;IACrB,CAAC,EAAE,CAAC;EACR,CAAC,EAAE,CAACR,KAAK,CAACO,EAAE,EAAER,OAAO,CAAC,CAAC;EAEvB,IAAIK,MAAM,KAAKE,SAAS,EAAE;IACtB,oBACIf,KAAA,CAAAoB,aAAA;MAAKC,SAAS,EAAE;IAAoE,gBAChFrB,KAAA,CAAAoB,aAAA,CAACf,aAAa,MAAE,CACf,CAAC;EAEd,CAAC,MAAM,IAAIQ,MAAM,EAAE;IACf,oBAAOb,KAAA,CAAAoB,aAAA,CAAChB,YAAY;MAACkB,MAAM,EAAET;IAAO,CAAE,CAAC;EAC3C;EAEA,OAAOF,QAAQ;AACnB,CAAC","ignoreList":[]}

package/components/HeadlessCmsContentEntry/ContentEntryLocker.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { IRecordLockingIdentity, IRecordLockingLockRecord } from "../../types";
+import type { IncomingGenericData } from "@webiny/app-websockets";
+import type { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms/types";
+export interface IContentEntryLockerProps {
+    entry: CmsContentEntry;
+    model: CmsModel;
+    onEntryUnlocked: () => void;
+    onDisablePrompt: (flag: boolean) => 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

@@ -0,0 +1,106 @@
+import React, { useEffect, useRef } from "react";
+import { useRecordLocking } from "../../hooks";
+import { useWebsockets } from "@webiny/app-websockets";
+import { parseIdentifier } from "@webiny/utils";
+import { useDialogs } from "@webiny/app-admin";
+const autoUpdateTimeout = 20;
+const ForceUnlocked = ({
+  user
+}) => {
+  return /*#__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.");
+};
+export 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(true);
+      removeEntryLock({
+        id: entryId,
+        $lockingType: model.modelId
+      });
+      showDialog({
+        title: "Entry was forcefully unlocked!",
+        content: /*#__PURE__*/React.createElement(ForceUnlocked, {
+          user: user
+        }),
+        acceptLabel: "Ok",
+        onClose: undefined,
+        cancelLabel: undefined
+      });
+      onEntryUnlocked();
+    });
+    return () => {
+      onMessageSub.off();
+      /**
+       * Lets null subscriptions, just in case it...
+       */
+      // @ts-expect-error
+      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: undefined,
+          cancelLabel: undefined
+        });
+        onEntryUnlocked();
+        return;
+      }
+      createTimeout();
+    };
+    const createTimeout = () => {
+      entryLockerTimeout.current = window.setTimeout(() => {
+        updateLock();
+      }, autoUpdateTimeout * 1000);
+    };
+    updateLock();
+    return () => {
+      if (!entryLockerTimeout.current) {
+        return;
+      }
+      clearTimeout(entryLockerTimeout.current);
+      entryLockerTimeout.current = null;
+    };
+  }, [entry.id, onEntryUnlocked]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=ContentEntryLocker.js.map

package/components/HeadlessCmsContentEntry/ContentEntryLocker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useRecordLocking","useWebsockets","parseIdentifier","useDialogs","autoUpdateTimeout","ForceUnlocked","user","createElement","Fragment","displayName","ContentEntryLocker","onEntryUnlocked","onDisablePrompt","entry","model","children","updateEntryLock","removeEntryLock","websockets","showDialog","entryLockerTimeout","id","entryId","onMessageSub","onMessage","incoming","data","$lockingType","modelId","title","content","acceptLabel","onClose","undefined","cancelLabel","off","current","updateLock","result","error","message","createTimeout","window","setTimeout","clearTimeout"],"sources":["ContentEntryLocker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useRecordLocking } from \"~/hooks\";\nimport type { IRecordLockingIdentity, IRecordLockingLockRecord } from \"~/types\";\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\";\n\nconst autoUpdateTimeout = 20;\n\nexport interface IContentEntryLockerProps {\n    entry: CmsContentEntry;\n    model: CmsModel;\n    onEntryUnlocked: () => void;\n    onDisablePrompt: (flag: boolean) => void;\n    children: React.ReactElement;\n}\n\nexport interface IKickOutWebsocketsMessage extends IncomingGenericData {\n    data: {\n        record: IRecordLockingLockRecord;\n        user: IRecordLockingIdentity;\n    };\n}\ninterface IForceUnlockedProps {\n    user: IRecordLockingIdentity;\n}\nconst ForceUnlocked = ({ user }: IForceUnlockedProps) => {\n    return (\n        <>\n            The entry you were editing was forcefully unlocked by{\" \"}\n            <strong>{user.displayName || \"Unknown user\"}</strong>. Unfortunately, this means you\n            lost the unsaved changes.\n        </>\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(true);\n                removeEntryLock({\n                    id: entryId,\n                    $lockingType: model.modelId\n                });\n                showDialog({\n                    title: \"Entry was forcefully unlocked!\",\n                    content: <ForceUnlocked user={user} />,\n                    acceptLabel: \"Ok\",\n                    onClose: undefined,\n                    cancelLabel: undefined\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: undefined\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"],"mappings":"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","ignoreList":[]}

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.d.ts

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

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js

@@ -0,0 +1,90 @@
+import React, { useState } from "react";
+import { CompositionScope, createGenericContext } from "@webiny/app-admin";
+import { ContentEntryEditorConfig, ContentEntryListConfig } from "@webiny/app-headless-cms";
+import { Prompt } from "@webiny/react-router";
+import { ContentEntryGuard } from "./ContentEntryGuard";
+import { ContentEntryLocker } from "./ContentEntryLocker";
+const {
+  ContentEntry,
+  SingletonContentEntry
+} = ContentEntryEditorConfig;
+const DisablePrompt = createGenericContext("DisablePrompt");
+const PromptDecorator = Prompt.createDecorator(Original => {
+  return function Prompt(props) {
+    const {
+      disablePrompt
+    } = DisablePrompt.useHook();
+    const when = disablePrompt === true ? false : props.when;
+    return /*#__PURE__*/React.createElement(Original, {
+      message: props.message,
+      when: when
+    });
+  };
+});
+const ContentEntryDecorator = ContentEntry.createDecorator(Original => {
+  return function RecordLockingContentEntry() {
+    const [disablePrompt, setDisablePrompt] = useState(false);
+    const {
+      entry,
+      contentModel,
+      loading
+    } = ContentEntry.useContentEntry();
+    const {
+      navigateTo
+    } = ContentEntryListConfig.ContentEntries.useContentEntriesList();
+    /**
+     * New entry does not have ID yet.
+     */
+    if (!entry?.id) {
+      return /*#__PURE__*/React.createElement(DisablePrompt.Provider, {
+        disablePrompt: disablePrompt
+      }, /*#__PURE__*/React.createElement(Original, null));
+    }
+    /**
+     * Continue with existing entry.
+     */
+    const props = {
+      entry,
+      model: contentModel
+    };
+    return /*#__PURE__*/React.createElement(ContentEntryGuard, Object.assign({}, props, {
+      loading: loading
+    }), /*#__PURE__*/React.createElement(ContentEntryLocker, Object.assign({}, props, {
+      onDisablePrompt: flag => setDisablePrompt(flag),
+      onEntryUnlocked: navigateTo
+    }), /*#__PURE__*/React.createElement(DisablePrompt.Provider, {
+      disablePrompt: disablePrompt
+    }, /*#__PURE__*/React.createElement(Original, null))));
+  };
+});
+const SingletonContentEntryDecorator = SingletonContentEntry.createDecorator(Original => {
+  return function RecordLockingSingletonContentEntry() {
+    const [disablePrompt, setDisablePrompt] = useState(false);
+    const {
+      entry,
+      contentModel,
+      loading
+    } = SingletonContentEntry.useSingletonContentEntry();
+    const props = {
+      entry,
+      model: contentModel
+    };
+    return /*#__PURE__*/React.createElement(ContentEntryGuard, Object.assign({}, props, {
+      loading: loading
+    }), /*#__PURE__*/React.createElement(ContentEntryLocker, Object.assign({}, props, {
+      onDisablePrompt: flag => setDisablePrompt(flag),
+      onEntryUnlocked: () => {
+        // There's nowhere to go, since singleton entry doesn't have a list view.
+      }
+    }), /*#__PURE__*/React.createElement(DisablePrompt.Provider, {
+      disablePrompt: disablePrompt
+    }, /*#__PURE__*/React.createElement(Original, null))));
+  };
+});
+export const HeadlessCmsContentEntry = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentEntryDecorator, null), /*#__PURE__*/React.createElement(SingletonContentEntryDecorator, null), /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "cms.contentEntryForm"
+  }, /*#__PURE__*/React.createElement(PromptDecorator, null)));
+};
+
+//# sourceMappingURL=HeadlessCmsContentEntry.js.map

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","CompositionScope","createGenericContext","ContentEntryEditorConfig","ContentEntryListConfig","Prompt","ContentEntryGuard","ContentEntryLocker","ContentEntry","SingletonContentEntry","DisablePrompt","PromptDecorator","createDecorator","Original","props","disablePrompt","useHook","when","createElement","message","ContentEntryDecorator","RecordLockingContentEntry","setDisablePrompt","entry","contentModel","loading","useContentEntry","navigateTo","ContentEntries","useContentEntriesList","id","Provider","model","Object","assign","onDisablePrompt","flag","onEntryUnlocked","SingletonContentEntryDecorator","RecordLockingSingletonContentEntry","useSingletonContentEntry","HeadlessCmsContentEntry","Fragment","name"],"sources":["HeadlessCmsContentEntry.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { CompositionScope, createGenericContext } from \"@webiny/app-admin\";\nimport { ContentEntryEditorConfig, ContentEntryListConfig } from \"@webiny/app-headless-cms\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { ContentEntryGuard } from \"./ContentEntryGuard\";\nimport { ContentEntryLocker } from \"./ContentEntryLocker\";\n\nconst { ContentEntry, SingletonContentEntry } = ContentEntryEditorConfig;\n\nconst DisablePrompt = createGenericContext<{ disablePrompt: boolean }>(\"DisablePrompt\");\n\nconst PromptDecorator = Prompt.createDecorator(Original => {\n    return function Prompt(props) {\n        const { disablePrompt } = DisablePrompt.useHook();\n        const when = disablePrompt === true ? false : props.when;\n        return <Original message={props.message} when={when} />;\n    };\n});\n\nconst ContentEntryDecorator = ContentEntry.createDecorator(Original => {\n    return function RecordLockingContentEntry() {\n        const [disablePrompt, setDisablePrompt] = useState(false);\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 (\n                <DisablePrompt.Provider disablePrompt={disablePrompt}>\n                    <Original />\n                </DisablePrompt.Provider>\n            );\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={flag => setDisablePrompt(flag)}\n                    onEntryUnlocked={navigateTo}\n                >\n                    <DisablePrompt.Provider disablePrompt={disablePrompt}>\n                        <Original />\n                    </DisablePrompt.Provider>\n                </ContentEntryLocker>\n            </ContentEntryGuard>\n        );\n    };\n});\n\nconst SingletonContentEntryDecorator = SingletonContentEntry.createDecorator(Original => {\n    return function RecordLockingSingletonContentEntry() {\n        const [disablePrompt, setDisablePrompt] = useState(false);\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={flag => setDisablePrompt(flag)}\n                    onEntryUnlocked={() => {\n                        // There's nowhere to go, since singleton entry doesn't have a list view.\n                    }}\n                >\n                    <DisablePrompt.Provider disablePrompt={disablePrompt}>\n                        <Original />\n                    </DisablePrompt.Provider>\n                </ContentEntryLocker>\n            </ContentEntryGuard>\n        );\n    };\n});\n\nexport const HeadlessCmsContentEntry = () => {\n    return (\n        <>\n            <ContentEntryDecorator />\n            <SingletonContentEntryDecorator />\n            <CompositionScope name={\"cms.contentEntryForm\"}>\n                <PromptDecorator />\n            </CompositionScope>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/HeadlessCmsContentEntry/index.d.ts

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

package/components/HeadlessCmsContentEntry/index.js

@@ -0,0 +1,3 @@
+export * from "./HeadlessCmsContentEntry";
+
+//# sourceMappingURL=index.js.map

package/components/HeadlessCmsContentEntry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./HeadlessCmsContentEntry\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/LockedRecord/LockedRecord.d.ts

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

package/components/LockedRecord/LockedRecord.js

@@ -0,0 +1,66 @@
+import React from "react";
+import { ReactComponent as LockIcon } from "@webiny/icons/lock.svg";
+import { Grid, Heading, Icon, Text } from "@webiny/admin-ui";
+import { useRecordLocking } from "../../hooks";
+import { useContentEntry } from "@webiny/app-headless-cms";
+import { LockedRecordForceUnlock } from "./LockedRecordForceUnlock";
+const Wrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-5/12 wby-absolute wby-top-1/2 wby-left-1/2 wby--translate-x-1/2 wby--translate-y-1/2 wby-z-50"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-p-lg wby-border-sm wby-border-neutral-dimmed-darker wby-rounded-3xl  wby-bg-neutral-base"
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 3
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-full wby-flex wby-items-center wby-justify-center wby-bg-neutral-dimmed wby-rounded-md wby-p-lg"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    style: {
+      width: "64px",
+      height: "64px"
+    },
+    icon: /*#__PURE__*/React.createElement(LockIcon, null),
+    label: "Locked Record",
+    color: "accent",
+    size: "lg"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 9
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-justify-center"
+  }, children))))));
+};
+const Title = () => {
+  const {
+    entry
+  } = useContentEntry();
+  return /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    className: "wby-mb-sm"
+  }, "Record (", entry.meta.title, ") is locked!");
+};
+export 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
+  }));
+};
+
+//# sourceMappingURL=LockedRecord.js.map

package/components/LockedRecord/LockedRecord.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","LockIcon","Grid","Heading","Icon","Text","useRecordLocking","useContentEntry","LockedRecordForceUnlock","Wrapper","children","createElement","Fragment","className","Column","span","style","width","height","icon","label","color","size","Title","entry","level","meta","title","LockedRecord","record","lockRecordEntry","getLockRecordEntry","id","lockedBy","type","$lockingType","displayName"],"sources":["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\";\nimport { useContentEntry } from \"@webiny/app-headless-cms\";\nimport { LockedRecordForceUnlock } from \"./LockedRecordForceUnlock\";\nimport type { IRecordLockingLockRecord } from \"~/types\";\n\ninterface IWrapperProps {\n    children: React.ReactNode;\n}\n\nconst Wrapper = ({ children }: IWrapperProps) => {\n    return (\n        <>\n            <div className=\"wby-w-5/12 wby-absolute wby-top-1/2 wby-left-1/2 wby--translate-x-1/2 wby--translate-y-1/2 wby-z-50\">\n                <div\n                    className={\n                        \"wby-flex wby-p-lg wby-border-sm wby-border-neutral-dimmed-darker wby-rounded-3xl  wby-bg-neutral-base\"\n                    }\n                >\n                    <Grid>\n                        <Grid.Column span={3}>\n                            <div className=\"wby-h-full wby-flex wby-items-center wby-justify-center wby-bg-neutral-dimmed wby-rounded-md wby-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={\"wby-flex wby-flex-col wby-justify-center\"}>\n                                {children}\n                            </div>\n                        </Grid.Column>\n                    </Grid>\n                </div>\n            </div>\n            {/*<div className=\"wby-absolute wby-inset-0 wby-bg-neutral-dark/50 wby-z-45\"></div>*/}\n        </>\n    );\n};\n\nconst Title = () => {\n    const { entry } = useContentEntry();\n    return (\n        <Heading level={4} className={\"wby-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"],"mappings":"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","ignoreList":[]}

package/components/LockedRecord/LockedRecordForceUnlock.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { IRecordLockingIdentity } from "../../types";
+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

@@ -0,0 +1,75 @@
+import React, { useCallback, useEffect, useState } from "react";
+import { Alert, Button, Text } from "@webiny/admin-ui";
+import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
+import { useRecordLocking, usePermission } from "../../hooks";
+import { useRouter } from "@webiny/react-router";
+import { useContentEntriesList } from "@webiny/app-headless-cms";
+const ErrorMessage = props => {
+  const {
+    title,
+    lockedBy
+  } = props;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Alert, {
+    type: "warning",
+    title: "Warning",
+    className: "wby-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?"));
+};
+export 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 {
+    history
+  } = useRouter();
+  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) {
+        navigateTo();
+        return;
+      }
+      setError(result.error);
+    });
+  }, [props.id, history, navigateTo]);
+  const {
+    canForceUnlock
+  } = usePermission();
+  if (!canForceUnlock) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    className: "wby-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"
+  }));
+};
+
+//# sourceMappingURL=LockedRecordForceUnlock.js.map

package/components/LockedRecord/LockedRecordForceUnlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useState","Alert","Button","Text","useConfirmationDialog","useSnackbar","useRecordLocking","usePermission","useRouter","useContentEntriesList","ErrorMessage","props","title","lockedBy","createElement","type","className","displayName","LockedRecordForceUnlock","unlockEntryForce","navigateTo","showConfirmation","showForceUnlockConfirmation","message","showSnackbar","history","error","setError","console","onClick","result","id","$lockingType","canForceUnlock","as","text"],"sources":["LockedRecordForceUnlock.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Alert, Button, Text } from \"@webiny/admin-ui\";\nimport type { IRecordLockingError, IRecordLockingIdentity } from \"~/types\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport { useRecordLocking, usePermission } from \"~/hooks\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useContentEntriesList } from \"@webiny/app-headless-cms\";\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={\"wby-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 { history } = useRouter();\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, history, navigateTo]);\n\n    const { canForceUnlock } = usePermission();\n    if (!canForceUnlock) {\n        return null;\n    }\n\n    return (\n        <div className=\"wby-mt-md\">\n            <Text as={\"div\"} className={\"wby-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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,KAAK,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAEtD,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AACtE,SAASC,gBAAgB,EAAEC,aAAa;AACxC,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,qBAAqB,QAAQ,0BAA0B;AAShE,MAAMC,YAAY,GAAIC,KAAoC,IAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACjC,oBACId,KAAA,CAAAiB,aAAA,2BACIjB,KAAA,CAAAiB,aAAA,CAACb,KAAK;IAACc,IAAI,EAAC,SAAS;IAACH,KAAK,EAAC,SAAS;IAACI,SAAS,EAAE;EAAY,gBACzDnB,KAAA,CAAAiB,aAAA,iBAASD,QAAQ,EAAEI,WAAW,IAAI,cAAuB,CAAC,sCAE1D,eAAApB,KAAA,CAAAiB,aAAA,WAAK,CAAC,uEACH,CAAC,eAERjB,KAAA,CAAAiB,aAAA,CAACX,IAAI,QAAC,yCACqC,eAAAN,KAAA,CAAAiB,aAAA,iBAASF,KAAc,CAAC,8CAE7D,CACL,CAAC;AAEd,CAAC;AAED,OAAO,MAAMM,uBAAuB,GAAIP,KAAoC,IAAK;EAC7E,MAAM;IAAEQ;EAAiB,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EAE/C,MAAM;IAAEc;EAAW,CAAC,GAAGX,qBAAqB,CAAC,CAAC;EAC9C,MAAM;IAAEY,gBAAgB,EAAEC;EAA4B,CAAC,GAAGlB,qBAAqB,CAAC;IAC5EQ,KAAK,EAAE,wBAAwB;IAC/BW,OAAO,eAAE1B,KAAA,CAAAiB,aAAA,CAACJ,YAAY,EAAKC,KAAQ;EACvC,CAAC,CAAC;EACF,MAAM;IAAEa;EAAa,CAAC,GAAGnB,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEoB;EAAQ,CAAC,GAAGjB,SAAS,CAAC,CAAC;EAE/B,MAAM,CAACkB,KAAK,EAAEC,QAAQ,CAAC,GAAG3B,QAAQ,CAAsB,CAAC;EAEzDD,SAAS,CAAC,MAAM;IACZ,IAAI,CAAC2B,KAAK,EAAEH,OAAO,EAAE;MACjB;IACJ;IACAK,OAAO,CAACF,KAAK,CAACA,KAAK,CAAC;IACpBF,YAAY,CAACE,KAAK,CAACH,OAAO,CAAC;EAC/B,CAAC,EAAE,CAACG,KAAK,EAAEH,OAAO,CAAC,CAAC;EAEpB,MAAMM,OAAO,GAAG/B,WAAW,CAAC,MAAM;IAC9BwB,2BAA2B,CAAC,YAAY;MACpC,MAAMQ,MAAM,GAAG,MAAMX,gBAAgB,CAAC;QAClCY,EAAE,EAAEpB,KAAK,CAACoB,EAAE;QACZC,YAAY,EAAErB,KAAK,CAACI;MACxB,CAAC,CAAC;MACF,IAAI,CAACe,MAAM,CAACJ,KAAK,EAAE;QACfN,UAAU,CAAC,CAAC;QACZ;MACJ;MACAO,QAAQ,CAACG,MAAM,CAACJ,KAAK,CAAC;IAC1B,CAAC,CAAC;EACN,CAAC,EAAE,CAACf,KAAK,CAACoB,EAAE,EAAEN,OAAO,EAAEL,UAAU,CAAC,CAAC;EAEnC,MAAM;IAAEa;EAAe,CAAC,GAAG1B,aAAa,CAAC,CAAC;EAC1C,IAAI,CAAC0B,cAAc,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACIpC,KAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAC;EAAW,gBACtBnB,KAAA,CAAAiB,aAAA,CAACX,IAAI;IAAC+B,EAAE,EAAE,KAAM;IAAClB,SAAS,EAAE;EAAY,GAAC,gFAEnC,CAAC,eACPnB,KAAA,CAAAiB,aAAA,CAACZ,MAAM;IAAC2B,OAAO,EAAEA,OAAQ;IAACM,IAAI,EAAE;EAAqB,CAAE,CACtD,CAAC;AAEd,CAAC","ignoreList":[]}