@webiny/app-record-locking 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/types.d.ts

@@ -1,67 +1,10 @@
-import type { CmsContentEntry } from "@webiny/app-headless-cms/types.js";
 import type { GenericRecord } from "@webiny/app/types.js";
-import type { IRecordLockingUnlockEntryResult } from "./domain/abstractions/IRecordLockingUnlockEntry.js";
-import type { IRecordLockingUpdateEntryLockResult } from "./domain/abstractions/IRecordLocking.js";
 import { Identity } from "@webiny/app-admin/domain/Identity.js";
 export interface IRecordLockingIdentity {
     id: string;
     displayName: string;
     type: string;
 }
-export interface IRecordLockingRecordLocked {
-    lockedBy: IRecordLockingIdentity;
-    lockedOn: string;
-    expiresOn: string;
-    actions: IRecordLockingLockRecordAction[];
-}
-export interface IRecordLockingCmsEntryValuesAction {
-    type: string;
-    message: string;
-    createdBy: Identity;
-    createdOn: string;
-}
-export interface IRecordLockingCmsEntryValues {
-    lockedBy: Identity;
-    lockedOn: string;
-    updatedOn: string;
-    expiresOn: string;
-    targetId: string;
-    type: string;
-    actions: IRecordLockingCmsEntryValuesAction;
-}
-export interface IPossiblyRecordLockingRecord extends CmsContentEntry<IRecordLockingCmsEntryValues> {
-    $selectable?: boolean;
-    $type?: "RECORD";
-    $lockingType?: string;
-    $locked?: IRecordLockingRecordLocked | null;
-}
-export interface IRecordLockingRecord extends IPossiblyRecordLockingRecord {
-    $lockingType: string;
-}
-export type IIsRecordLockedParams = Pick<IRecordLockingRecord, "id" | "$lockingType">;
-export type IUpdateEntryLockParams = Pick<IRecordLockingRecord, "id" | "$lockingType">;
-export type IUnlockEntryParams = Pick<IRecordLockingRecord, "id" | "$lockingType">;
-export type IFetchLockRecordParams = Pick<IRecordLockingRecord, "id" | "$lockingType">;
-export type IFetchLockedEntryLockRecordParams = Pick<IRecordLockingRecord, "id" | "$lockingType">;
-export interface IFetchLockRecordResult {
-    data: IRecordLockingLockRecord | null;
-    error: IRecordLockingError | null;
-}
-export interface IRecordLockingContext<T extends IPossiblyRecordLockingRecord = IPossiblyRecordLockingRecord> {
-    readonly loading: boolean;
-    readonly records: IPossiblyRecordLockingRecord[];
-    readonly error?: IRecordLockingError | null;
-    setRecords(folderId: string, type: string, records: T[]): Promise<void>;
-    updateEntryLock(params: IUpdateEntryLockParams): Promise<IRecordLockingUpdateEntryLockResult>;
-    isRecordLocked(params?: IIsRecordLockedParams): boolean;
-    getLockRecordEntry(id: string): IRecordLockingRecord | undefined;
-    fetchLockRecord(params: IFetchLockRecordParams): Promise<IFetchLockRecordResult>;
-    fetchLockedEntryLockRecord(params: IFetchLockedEntryLockRecordParams): Promise<IRecordLockingLockRecord | null>;
-    unlockEntry(params: IUnlockEntryParams): Promise<IRecordLockingUnlockEntryResult>;
-    removeEntryLock(params: IUnlockEntryParams): void;
-    unlockEntryForce(params: IUnlockEntryParams): Promise<IRecordLockingUnlockEntryResult>;
-    isLockExpired(input: Date | string): boolean;
-}
 export interface IRecordLockingLockRecordAction {
     type: string;
     message: string;
@@ -71,17 +14,13 @@ export interface IRecordLockingLockRecordAction {
 export interface IRecordLockingLockRecord {
     id: string;
     lockedOn: string;
+    updatedOn: string;
     expiresOn: string;
     lockedBy: IRecordLockingIdentity;
     targetId: string;
     type: string;
     actions: IRecordLockingLockRecordAction[];
 }
-export interface IRecordLockingMeta {
-    totalCount: number;
-    cursor: string | null;
-    hasMoreItems: boolean;
-}
 export interface IRecordLockingError<T = GenericRecord> {
     message: string;
     code: string;

package/types.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map

package/components/HeadlessCmsActionsAcoCell.d.ts

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

package/components/HeadlessCmsActionsAcoCell.js

@@ -1,60 +0,0 @@
-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/index.js";
-import { UseContentEntriesListHookDecorator } from "./decorators/UseContentEntriesListHookDecorator.js";
-import { UseSaveEntryDecorator } from "./decorators/UseSaveEntryDecorator.js";
-import { UseRecordsDecorator } from "./decorators/UseRecordsDecorator.js";
-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

@@ -1 +0,0 @@
-{"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/index.js\";\nimport { UseContentEntriesListHookDecorator } from \"./decorators/UseContentEntriesListHookDecorator.js\";\nimport { UseSaveEntryDecorator } from \"~/components/decorators/UseSaveEntryDecorator.js\";\nimport { UseRecordsDecorator } from \"./decorators/UseRecordsDecorator.js\";\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

@@ -1,9 +0,0 @@
-import React from "react";
-import type { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms/types.js";
-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

@@ -1,42 +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";
-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: "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;
-};
-
-//# sourceMappingURL=ContentEntryGuard.js.map

package/components/HeadlessCmsContentEntry/ContentEntryGuard.js.map

@@ -1 +0,0 @@
-{"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","text","record"],"sources":["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"],"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;IAA4C,gBACxDrB,KAAA,CAAAoB,aAAA,CAACf,aAAa;MAACiB,IAAI,EAAE;IAA4B,CAAE,CAClD,CAAC;EAEd,CAAC,MAAM,IAAIT,MAAM,EAAE;IACf,oBAAOb,KAAA,CAAAoB,aAAA,CAAChB,YAAY;MAACmB,MAAM,EAAEV;IAAO,CAAE,CAAC;EAC3C;EAEA,OAAOF,QAAQ;AACnB,CAAC","ignoreList":[]}

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,99 +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;
-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();
-      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: undefined,
-        cancelLabel: null
-      });
-      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: null
-        });
-        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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","useRecordLocking","useWebsockets","parseIdentifier","useDialogs","autoUpdateTimeout","ContentEntryLocker","onEntryUnlocked","onDisablePrompt","entry","model","children","updateEntryLock","removeEntryLock","websockets","showDialog","entryLockerTimeout","id","entryId","onMessageSub","onMessage","incoming","user","data","$lockingType","modelId","title","content","createElement","Fragment","displayName","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/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"],"mappings":"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","ignoreList":[]}

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,68 +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,
-  SingletonContentEntry
-} = ContentEntryEditorConfig;
-const ContentEntryDecorator = ContentEntry.createDecorator(Original => {
-  return function RecordLockingContentEntry() {
-    const router = useRouter();
-    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(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: () => router.unblockTransition(),
-      onEntryUnlocked: navigateTo
-    }), /*#__PURE__*/React.createElement(Original, null)));
-  };
-});
-const SingletonContentEntryDecorator = SingletonContentEntry.createDecorator(Original => {
-  return function RecordLockingSingletonContentEntry() {
-    const router = useRouter();
-    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: () => router.unblockTransition(),
-      onEntryUnlocked: () => {
-        // There's nowhere to go, since singleton entry doesn't have a list view.
-      }
-    }), /*#__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));
-};
-
-//# sourceMappingURL=HeadlessCmsContentEntry.js.map

package/components/HeadlessCmsContentEntry/HeadlessCmsContentEntry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useRouter","ContentEntryEditorConfig","ContentEntryListConfig","ContentEntryGuard","ContentEntryLocker","ContentEntry","SingletonContentEntry","ContentEntryDecorator","createDecorator","Original","RecordLockingContentEntry","router","entry","contentModel","loading","useContentEntry","navigateTo","ContentEntries","useContentEntriesList","id","createElement","props","model","Object","assign","onDisablePrompt","unblockTransition","onEntryUnlocked","SingletonContentEntryDecorator","RecordLockingSingletonContentEntry","useSingletonContentEntry","HeadlessCmsContentEntry","Fragment"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,wBAAwB,EAAEC,sBAAsB,QAAQ,0BAA0B;AAC3F,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAE3B,MAAM;EAAEC,YAAY;EAAEC;AAAsB,CAAC,GAAGL,wBAAwB;AAExE,MAAMM,qBAAqB,GAAGF,YAAY,CAACG,eAAe,CAACC,QAAQ,IAAI;EACnE,OAAO,SAASC,yBAAyBA,CAAA,EAAG;IACxC,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;IAC1B,MAAM;MAAEY,KAAK;MAAEC,YAAY;MAAEC;IAAQ,CAAC,GAAGT,YAAY,CAACU,eAAe,CAAC,CAAC;IACvE,MAAM;MAAEC;IAAW,CAAC,GAAGd,sBAAsB,CAACe,cAAc,CAACC,qBAAqB,CAAC,CAAC;IACpF;AACR;AACA;IACQ,IAAI,CAACN,KAAK,EAAEO,EAAE,EAAE;MACZ,oBAAOpB,KAAA,CAAAqB,aAAA,CAACX,QAAQ,MAAE,CAAC;IACvB;IACA;AACR;AACA;IACQ,MAAMY,KAAK,GAAG;MAAET,KAAK;MAAEU,KAAK,EAAET;IAAa,CAAC;IAE5C,oBACId,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB,EAAAoB,MAAA,CAAAC,MAAA,KAAKH,KAAK;MAAEP,OAAO,EAAEA;IAAQ,iBAC3Cf,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB,EAAAmB,MAAA,CAAAC,MAAA,KACXH,KAAK;MACTI,eAAe,EAAEA,CAAA,KAAMd,MAAM,CAACe,iBAAiB,CAAC,CAAE;MAClDC,eAAe,EAAEX;IAAW,iBAE5BjB,KAAA,CAAAqB,aAAA,CAACX,QAAQ,MAAE,CACK,CACL,CAAC;EAE5B,CAAC;AACL,CAAC,CAAC;AAEF,MAAMmB,8BAA8B,GAAGtB,qBAAqB,CAACE,eAAe,CAACC,QAAQ,IAAI;EACrF,OAAO,SAASoB,kCAAkCA,CAAA,EAAG;IACjD,MAAMlB,MAAM,GAAGX,SAAS,CAAC,CAAC;IAC1B,MAAM;MAAEY,KAAK;MAAEC,YAAY;MAAEC;IAAQ,CAAC,GAAGR,qBAAqB,CAACwB,wBAAwB,CAAC,CAAC;IAEzF,MAAMT,KAAK,GAAG;MAAET,KAAK;MAAEU,KAAK,EAAET;IAAa,CAAC;IAE5C,oBACId,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB,EAAAoB,MAAA,CAAAC,MAAA,KAAKH,KAAK;MAAEP,OAAO,EAAEA;IAAQ,iBAC3Cf,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB,EAAAmB,MAAA,CAAAC,MAAA,KACXH,KAAK;MACTI,eAAe,EAAEA,CAAA,KAAMd,MAAM,CAACe,iBAAiB,CAAC,CAAE;MAClDC,eAAe,EAAEA,CAAA,KAAM;QACnB;MAAA;IACF,iBAEF5B,KAAA,CAAAqB,aAAA,CAACX,QAAQ,MAAE,CACK,CACL,CAAC;EAE5B,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMsB,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIhC,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAiC,QAAA,qBACIjC,KAAA,CAAAqB,aAAA,CAACb,qBAAqB,MAAE,CAAC,eACzBR,KAAA,CAAAqB,aAAA,CAACQ,8BAA8B,MAAE,CACnC,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/HeadlessCmsContentEntry/index.d.ts

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

package/components/HeadlessCmsContentEntry/index.js

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

package/components/HeadlessCmsContentEntry/index.js.map

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

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,66 +0,0 @@
-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/index.js";
-import { useContentEntry } from "@webiny/app-headless-cms";
-import { LockedRecordForceUnlock } from "./LockedRecordForceUnlock.js";
-const Wrapper = ({
-  children
-}) => {
-  return /*#__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(LockIcon, 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!");
-};
-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

@@ -1 +0,0 @@
-{"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/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"],"mappings":"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","ignoreList":[]}

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,71 +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 { useRecordLocking, usePermission } 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?"));
-};
-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 [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, 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"
-  }));
-};
-
-//# sourceMappingURL=LockedRecordForceUnlock.js.map