@webiny/app-record-locking 6.3.0-beta.4 → 6.4.0-beta.0

package/components/LockedRecord/LockedRecord.js

@@ -1,66 +1,54 @@
-import React from "react";
-import { ReactComponent as LockIcon } from "@webiny/icons/lock.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/lock.svg";
 import { Grid, Heading, Icon, Text } from "@webiny/admin-ui";
 import { useRecordLocking } from "../../hooks/index.js";
 import { useContentEntry } from "@webiny/app-headless-cms";
 import { LockedRecordForceUnlock } from "./LockedRecordForceUnlock.js";
-const Wrapper = ({
-  children
-}) => {
-  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 Wrapper = ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "w-5/12 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex p-lg border-sm border-neutral-dimmed-darker rounded-3xl  bg-neutral-base"
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "h-full flex items-center justify-center bg-neutral-dimmed rounded-md p-lg"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        style: {
+            width: "64px",
+            height: "64px"
+        },
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Locked Record",
+        color: "accent",
+        size: "lg"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 9
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col justify-center"
+    }, children))))));
+const Title = ()=>{
+    const { entry } = useContentEntry();
+    return /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "mb-sm"
+    }, "Record (", entry.meta.title, ") is locked!");
 };
-const 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
+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."));
+    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
     }));
-  }
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Title, null), /*#__PURE__*/React.createElement(Text, null, "It is locked because ", /*#__PURE__*/React.createElement("strong", null, lockRecordEntry.lockedBy.displayName), " is currently editing this record. You can either contact the user and ask them to unlock the record, or you can wait for the lock to expire."), /*#__PURE__*/React.createElement(LockedRecordForceUnlock, {
-    id: lockRecordEntry.id,
-    type: record.$lockingType,
-    lockedBy: lockRecordEntry.lockedBy,
-    title: record.meta?.title
-  }));
 };
+export { LockedRecord };
 
 //# sourceMappingURL=LockedRecord.js.map

package/components/LockedRecord/LockedRecord.js.map

@@ -1 +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/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":[]}
+{"version":3,"file":"components/LockedRecord/LockedRecord.js","sources":["../../../src/components/LockedRecord/LockedRecord.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { Grid, Heading, Icon, Text } from \"@webiny/admin-ui\";\nimport { useRecordLocking } from \"~/hooks/index.js\";\nimport { useContentEntry } from \"@webiny/app-headless-cms\";\nimport { LockedRecordForceUnlock } from \"./LockedRecordForceUnlock.js\";\nimport type { IRecordLockingLockRecord } from \"~/types.js\";\n\ninterface IWrapperProps {\n    children: React.ReactNode;\n}\n\nconst Wrapper = ({ children }: IWrapperProps) => {\n    return (\n        <>\n            <div className=\"w-5/12 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50\">\n                <div\n                    className={\n                        \"flex p-lg border-sm border-neutral-dimmed-darker rounded-3xl  bg-neutral-base\"\n                    }\n                >\n                    <Grid>\n                        <Grid.Column span={3}>\n                            <div className=\"h-full flex items-center justify-center bg-neutral-dimmed rounded-md p-lg\">\n                                <Icon\n                                    style={{\n                                        width: \"64px\",\n                                        height: \"64px\"\n                                    }}\n                                    icon={<LockIcon />}\n                                    label={\"Locked Record\"}\n                                    color={\"accent\"}\n                                    size={\"lg\"}\n                                />\n                            </div>\n                        </Grid.Column>\n                        <Grid.Column span={9}>\n                            <div className={\"flex flex-col justify-center\"}>{children}</div>\n                        </Grid.Column>\n                    </Grid>\n                </div>\n            </div>\n            {/*<div className=\"absolute inset-0 bg-neutral-dark/50 z-45\"></div>*/}\n        </>\n    );\n};\n\nconst Title = () => {\n    const { entry } = useContentEntry();\n    return (\n        <Heading level={4} className={\"mb-sm\"}>\n            Record ({entry.meta.title}) is locked!\n        </Heading>\n    );\n};\n\nexport interface ILockedRecordProps {\n    record: IRecordLockingLockRecord;\n}\n\nexport const LockedRecord = ({ record: lockRecordEntry }: ILockedRecordProps) => {\n    const { getLockRecordEntry } = useRecordLocking();\n\n    const record = getLockRecordEntry(lockRecordEntry.id);\n\n    if (!record) {\n        return (\n            <Wrapper>\n                <Text>Could not find the lock record. Please refresh the Admin UI.</Text>\n            </Wrapper>\n        );\n    } else if (!lockRecordEntry?.lockedBy) {\n        return (\n            <Wrapper>\n                <Title />\n                <Text>\n                    This record is locked, but the system cannot find the user that created the\n                    record lock. A force-unlock is required to regain editing capabilities for this\n                    record.\n                </Text>\n                <LockedRecordForceUnlock\n                    id={lockRecordEntry.id}\n                    type={record.$lockingType}\n                    title={record.meta?.title}\n                />\n            </Wrapper>\n        );\n    }\n    return (\n        <Wrapper>\n            <Title />\n            <Text>\n                It is locked because <strong>{lockRecordEntry.lockedBy.displayName}</strong> is\n                currently editing this record. You can either contact the user and ask them to\n                unlock the record, or you can wait for the lock to expire.\n            </Text>\n            <LockedRecordForceUnlock\n                id={lockRecordEntry.id}\n                type={record.$lockingType}\n                lockedBy={lockRecordEntry.lockedBy}\n                title={record.meta?.title}\n            />\n        </Wrapper>\n    );\n};\n"],"names":["Wrapper","children","Grid","Icon","LockIcon","Title","entry","useContentEntry","Heading","LockedRecord","lockRecordEntry","getLockRecordEntry","useRecordLocking","record","Text","LockedRecordForceUnlock"],"mappings":";;;;;;AAYA,MAAMA,UAAU,CAAC,EAAEC,QAAQ,EAAiB,GACjC,WAAP,GACI,wDACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QACG,WACI;qBAGJ,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA;QACD,OAAO;YACH,OAAO;YACP,QAAQ;QACZ;QACA,oBAAM,oBAACC,gBAAQA;QACf,OAAO;QACP,OAAO;QACP,MAAM;wBAIlB,oBAACF,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OAAiCD;AAU7E,MAAMI,QAAQ;IACV,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,OAAO,WAAP,GACI,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OAAS,YAC1BF,MAAM,IAAI,CAAC,KAAK,EAAC;AAGtC;AAMO,MAAMG,eAAe,CAAC,EAAE,QAAQC,eAAe,EAAsB;IACxE,MAAM,EAAEC,kBAAkB,EAAE,GAAGC;IAE/B,MAAMC,SAASF,mBAAmBD,gBAAgB,EAAE;IAEpD,IAAI,CAACG,QACD,OAAO,WAAP,GACI,oBAACb,SAAOA,MAAAA,WAAAA,GACJ,oBAACc,MAAIA,MAAC;IAGX,IAAI,CAACJ,iBAAiB,UACzB,OAAO,WAAP,GACI,oBAACV,SAAOA,MAAAA,WAAAA,GACJ,oBAACK,OAAKA,OAAAA,WAAAA,GACN,oBAACS,MAAIA,MAAC,sLAKN,oBAACC,yBAAuBA;QACpB,IAAIL,gBAAgB,EAAE;QACtB,MAAMG,OAAO,YAAY;QACzB,OAAOA,OAAO,IAAI,EAAE;;IAKpC,OAAO,WAAP,GACI,oBAACb,SAAOA,MAAAA,WAAAA,GACJ,oBAACK,OAAKA,OAAAA,WAAAA,GACN,oBAACS,MAAIA,MAAC,uCACmB,oBAAC,gBAAQJ,gBAAgB,QAAQ,CAAC,WAAW,GAAU,gKAIhF,oBAACK,yBAAuBA;QACpB,IAAIL,gBAAgB,EAAE;QACtB,MAAMG,OAAO,YAAY;QACzB,UAAUH,gBAAgB,QAAQ;QAClC,OAAOG,OAAO,IAAI,EAAE;;AAIpC"}

package/components/LockedRecord/LockedRecordForceUnlock.js

@@ -1,71 +1,57 @@
-import React, { useCallback, useEffect, useState } from "react";
+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?"));
+import { usePermission, useRecordLocking } from "../../hooks/index.js";
+const ErrorMessage = (props)=>{
+    const { title, lockedBy } = props;
+    return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Alert, {
+        type: "warning",
+        title: "Warning",
+        className: "mb-md"
+    }, /*#__PURE__*/ react.createElement("strong", null, lockedBy?.displayName || "Unknown user"), " is currently editing this record.", /*#__PURE__*/ react.createElement("br", null), " If you force unlock it, they could potentially lose their changes."), /*#__PURE__*/ react.createElement(Text, null, "You are about to forcefully unlock the ", /*#__PURE__*/ react.createElement("strong", null, title), " entry. Are you sure you want to continue?"));
 };
-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);
+const LockedRecordForceUnlock = (props)=>{
+    const { unlockEntryForce } = useRecordLocking();
+    const { navigateTo } = useContentEntriesList();
+    const { showConfirmation: showForceUnlockConfirmation } = useConfirmationDialog({
+        title: "Force unlock the entry",
+        message: /*#__PURE__*/ react.createElement(ErrorMessage, props)
     });
-  }, [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"
-  }));
+    const { showSnackbar } = useSnackbar();
+    const [error, setError] = useState();
+    useEffect(()=>{
+        if (!error?.message) return;
+        console.error(error);
+        showSnackbar(error.message);
+    }, [
+        error?.message
+    ]);
+    const onClick = useCallback(()=>{
+        showForceUnlockConfirmation(async ()=>{
+            const result = await unlockEntryForce({
+                id: props.id,
+                $lockingType: props.type
+            });
+            if (!result.error) return void navigateTo();
+            setError(result.error);
+        });
+    }, [
+        props.id,
+        navigateTo
+    ]);
+    const { canForceUnlock } = usePermission();
+    if (!canForceUnlock) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "mt-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        className: "mb-md"
+    }, "Because you have a full access to the system, you can force unlock the record."), /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        text: "Unlock and go back"
+    }));
 };
+export { LockedRecordForceUnlock };
 
 //# sourceMappingURL=LockedRecordForceUnlock.js.map

package/components/LockedRecord/LockedRecordForceUnlock.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","Alert","Button","Text","useConfirmationDialog","useSnackbar","useContentEntriesList","useRecordLocking","usePermission","ErrorMessage","props","title","lockedBy","createElement","type","className","displayName","LockedRecordForceUnlock","unlockEntryForce","navigateTo","showConfirmation","showForceUnlockConfirmation","message","showSnackbar","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.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport { useContentEntriesList } from \"@webiny/app-headless-cms\";\nimport { useRecordLocking, usePermission } from \"~/hooks/index.js\";\n\nexport interface ILockedRecordForceUnlockProps {\n    id: string;\n    type: string;\n    title: string;\n    lockedBy?: IRecordLockingIdentity;\n}\n\nconst ErrorMessage = (props: ILockedRecordForceUnlockProps) => {\n    const { title, lockedBy } = props;\n    return (\n        <div>\n            <Alert type=\"warning\" title=\"Warning\" className={\"mb-md\"}>\n                <strong>{lockedBy?.displayName || \"Unknown user\"}</strong> is currently editing this\n                record.\n                <br /> If you force unlock it, they could potentially lose their changes.\n            </Alert>\n\n            <Text>\n                You are about to forcefully unlock the <strong>{title}</strong> entry. Are you sure\n                you want to continue?\n            </Text>\n        </div>\n    );\n};\n\nexport const LockedRecordForceUnlock = (props: ILockedRecordForceUnlockProps) => {\n    const { unlockEntryForce } = useRecordLocking();\n\n    const { navigateTo } = useContentEntriesList();\n    const { showConfirmation: showForceUnlockConfirmation } = useConfirmationDialog({\n        title: \"Force unlock the entry\",\n        message: <ErrorMessage {...props} />\n    });\n    const { showSnackbar } = useSnackbar();\n\n    const [error, setError] = useState<IRecordLockingError>();\n\n    useEffect(() => {\n        if (!error?.message) {\n            return;\n        }\n        console.error(error);\n        showSnackbar(error.message);\n    }, [error?.message]);\n\n    const onClick = useCallback(() => {\n        showForceUnlockConfirmation(async () => {\n            const result = await unlockEntryForce({\n                id: props.id,\n                $lockingType: props.type\n            });\n            if (!result.error) {\n                navigateTo();\n                return;\n            }\n            setError(result.error);\n        });\n    }, [props.id, navigateTo]);\n\n    const { canForceUnlock } = usePermission();\n    if (!canForceUnlock) {\n        return null;\n    }\n\n    return (\n        <div className=\"mt-md\">\n            <Text as={\"div\"} className={\"mb-md\"}>\n                Because you have a full access to the system, you can force unlock the record.\n            </Text>\n            <Button onClick={onClick} text={\"Unlock and go back\"} />\n        </div>\n    );\n};\n"],"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,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,gBAAgB,EAAEC,aAAa;AASxC,MAAMC,YAAY,GAAIC,KAAoC,IAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACjC,oBACIb,KAAA,CAAAgB,aAAA,2BACIhB,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IAACa,IAAI,EAAC,SAAS;IAACH,KAAK,EAAC,SAAS;IAACI,SAAS,EAAE;EAAQ,gBACrDlB,KAAA,CAAAgB,aAAA,iBAASD,QAAQ,EAAEI,WAAW,IAAI,cAAuB,CAAC,sCAE1D,eAAAnB,KAAA,CAAAgB,aAAA,WAAK,CAAC,uEACH,CAAC,eAERhB,KAAA,CAAAgB,aAAA,CAACV,IAAI,QAAC,yCACqC,eAAAN,KAAA,CAAAgB,aAAA,iBAASF,KAAc,CAAC,8CAE7D,CACL,CAAC;AAEd,CAAC;AAED,OAAO,MAAMM,uBAAuB,GAAIP,KAAoC,IAAK;EAC7E,MAAM;IAAEQ;EAAiB,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAE/C,MAAM;IAAEY;EAAW,CAAC,GAAGb,qBAAqB,CAAC,CAAC;EAC9C,MAAM;IAAEc,gBAAgB,EAAEC;EAA4B,CAAC,GAAGjB,qBAAqB,CAAC;IAC5EO,KAAK,EAAE,wBAAwB;IAC/BW,OAAO,eAAEzB,KAAA,CAAAgB,aAAA,CAACJ,YAAY,EAAKC,KAAQ;EACvC,CAAC,CAAC;EACF,MAAM;IAAEa;EAAa,CAAC,GAAGlB,WAAW,CAAC,CAAC;EAEtC,MAAM,CAACmB,KAAK,EAAEC,QAAQ,CAAC,GAAGzB,QAAQ,CAAsB,CAAC;EAEzDD,SAAS,CAAC,MAAM;IACZ,IAAI,CAACyB,KAAK,EAAEF,OAAO,EAAE;MACjB;IACJ;IACAI,OAAO,CAACF,KAAK,CAACA,KAAK,CAAC;IACpBD,YAAY,CAACC,KAAK,CAACF,OAAO,CAAC;EAC/B,CAAC,EAAE,CAACE,KAAK,EAAEF,OAAO,CAAC,CAAC;EAEpB,MAAMK,OAAO,GAAG7B,WAAW,CAAC,MAAM;IAC9BuB,2BAA2B,CAAC,YAAY;MACpC,MAAMO,MAAM,GAAG,MAAMV,gBAAgB,CAAC;QAClCW,EAAE,EAAEnB,KAAK,CAACmB,EAAE;QACZC,YAAY,EAAEpB,KAAK,CAACI;MACxB,CAAC,CAAC;MACF,IAAI,CAACc,MAAM,CAACJ,KAAK,EAAE;QACfL,UAAU,CAAC,CAAC;QACZ;MACJ;MACAM,QAAQ,CAACG,MAAM,CAACJ,KAAK,CAAC;IAC1B,CAAC,CAAC;EACN,CAAC,EAAE,CAACd,KAAK,CAACmB,EAAE,EAAEV,UAAU,CAAC,CAAC;EAE1B,MAAM;IAAEY;EAAe,CAAC,GAAGvB,aAAa,CAAC,CAAC;EAC1C,IAAI,CAACuB,cAAc,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACIlC,KAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAC;EAAO,gBAClBlB,KAAA,CAAAgB,aAAA,CAACV,IAAI;IAAC6B,EAAE,EAAE,KAAM;IAACjB,SAAS,EAAE;EAAQ,GAAC,gFAE/B,CAAC,eACPlB,KAAA,CAAAgB,aAAA,CAACX,MAAM;IAACyB,OAAO,EAAEA,OAAQ;IAACM,IAAI,EAAE;EAAqB,CAAE,CACtD,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/LockedRecord/LockedRecordForceUnlock.js","sources":["../../../src/components/LockedRecord/LockedRecordForceUnlock.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Alert, Button, Text } from \"@webiny/admin-ui\";\nimport type { IRecordLockingError, IRecordLockingIdentity } from \"~/types.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport { useContentEntriesList } from \"@webiny/app-headless-cms\";\nimport { useRecordLocking, usePermission } from \"~/hooks/index.js\";\n\nexport interface ILockedRecordForceUnlockProps {\n    id: string;\n    type: string;\n    title: string;\n    lockedBy?: IRecordLockingIdentity;\n}\n\nconst ErrorMessage = (props: ILockedRecordForceUnlockProps) => {\n    const { title, lockedBy } = props;\n    return (\n        <div>\n            <Alert type=\"warning\" title=\"Warning\" className={\"mb-md\"}>\n                <strong>{lockedBy?.displayName || \"Unknown user\"}</strong> is currently editing this\n                record.\n                <br /> If you force unlock it, they could potentially lose their changes.\n            </Alert>\n\n            <Text>\n                You are about to forcefully unlock the <strong>{title}</strong> entry. Are you sure\n                you want to continue?\n            </Text>\n        </div>\n    );\n};\n\nexport const LockedRecordForceUnlock = (props: ILockedRecordForceUnlockProps) => {\n    const { unlockEntryForce } = useRecordLocking();\n\n    const { navigateTo } = useContentEntriesList();\n    const { showConfirmation: showForceUnlockConfirmation } = useConfirmationDialog({\n        title: \"Force unlock the entry\",\n        message: <ErrorMessage {...props} />\n    });\n    const { showSnackbar } = useSnackbar();\n\n    const [error, setError] = useState<IRecordLockingError>();\n\n    useEffect(() => {\n        if (!error?.message) {\n            return;\n        }\n        console.error(error);\n        showSnackbar(error.message);\n    }, [error?.message]);\n\n    const onClick = useCallback(() => {\n        showForceUnlockConfirmation(async () => {\n            const result = await unlockEntryForce({\n                id: props.id,\n                $lockingType: props.type\n            });\n            if (!result.error) {\n                navigateTo();\n                return;\n            }\n            setError(result.error);\n        });\n    }, [props.id, navigateTo]);\n\n    const { canForceUnlock } = usePermission();\n    if (!canForceUnlock) {\n        return null;\n    }\n\n    return (\n        <div className=\"mt-md\">\n            <Text as={\"div\"} className={\"mb-md\"}>\n                Because you have a full access to the system, you can force unlock the record.\n            </Text>\n            <Button onClick={onClick} text={\"Unlock and go back\"} />\n        </div>\n    );\n};\n"],"names":["ErrorMessage","props","title","lockedBy","Alert","Text","LockedRecordForceUnlock","unlockEntryForce","useRecordLocking","navigateTo","useContentEntriesList","showForceUnlockConfirmation","useConfirmationDialog","showSnackbar","useSnackbar","error","setError","useState","useEffect","console","onClick","useCallback","result","canForceUnlock","usePermission","Button"],"mappings":";;;;;AAcA,MAAMA,eAAe,CAACC;IAClB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACG,OAAKA;QAAC,MAAK;QAAU,OAAM;QAAU,WAAW;qBAC7C,oBAAC,gBAAQD,UAAU,eAAe,iBAAwB,oDAE1D,oBAAC,aAAK,sFAGV,oBAACE,MAAIA,MAAC,yDACqC,oBAAC,gBAAQH,QAAe;AAK/E;AAEO,MAAMI,0BAA0B,CAACL;IACpC,MAAM,EAAEM,gBAAgB,EAAE,GAAGC;IAE7B,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAE,kBAAkBC,2BAA2B,EAAE,GAAGC,sBAAsB;QAC5E,OAAO;QACP,SAAS,WAAT,GAAS,oBAACZ,cAAiBC;IAC/B;IACA,MAAM,EAAEY,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,OAAOC,SAAS,GAAGC;IAE1BC,UAAU;QACN,IAAI,CAACH,OAAO,SACR;QAEJI,QAAQ,KAAK,CAACJ;QACdF,aAAaE,MAAM,OAAO;IAC9B,GAAG;QAACA,OAAO;KAAQ;IAEnB,MAAMK,UAAUC,YAAY;QACxBV,4BAA4B;YACxB,MAAMW,SAAS,MAAMf,iBAAiB;gBAClC,IAAIN,MAAM,EAAE;gBACZ,cAAcA,MAAM,IAAI;YAC5B;YACA,IAAI,CAACqB,OAAO,KAAK,EAAE,YACfb;YAGJO,SAASM,OAAO,KAAK;QACzB;IACJ,GAAG;QAACrB,MAAM,EAAE;QAAEQ;KAAW;IAEzB,MAAM,EAAEc,cAAc,EAAE,GAAGC;IAC3B,IAAI,CAACD,gBACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAClB,MAAIA;QAAC,IAAI;QAAO,WAAW;OAAS,iGAGrC,oBAACoB,QAAMA;QAAC,SAASL;QAAS,MAAM;;AAG5C"}

package/components/LockedRecord/index.js

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

package/components/RecordLockingProvider.js

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

package/components/RecordLockingProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useState","useApolloClient","createRecordLocking","useStateIfMounted","RecordLockingContext","createContext","isSameArray","existingRecords","newRecords","length","every","record","index","newRecord","id","savedOn","getData","records","map","RecordLockingProvider","props","client","loading","setLoading","recordLocking","error","setError","setRecords","setRecordsIfNeeded","sameArray","value","updateEntryLock","params","result","target","data","message","code","prev","item","entryId","$locked","unlockEntry","unlockEntryForce","isLockExpired","input","isRecordLocked","getLockRecordEntry","removeEntryLock","fetchLockRecord","ex","fetchLockedEntryLockRecord","folderId","type","createElement","Provider","Object","assign"],"sources":["RecordLockingProvider.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { createRecordLocking } from \"~/domain/RecordLocking.js\";\nimport type {\n    IFetchLockedEntryLockRecordParams,\n    IFetchLockRecordParams,\n    IPossiblyRecordLockingRecord,\n    IRecordLockingContext,\n    IRecordLockingError,\n    IUnlockEntryParams,\n    IUpdateEntryLockParams\n} from \"~/types.js\";\nimport { useStateIfMounted } from \"@webiny/app-admin\";\n\nexport interface IRecordLockingProviderProps {\n    children: React.ReactNode;\n}\n\nexport const RecordLockingContext = React.createContext({} as unknown as IRecordLockingContext);\n\nconst isSameArray = (\n    existingRecords: Pick<IPossiblyRecordLockingRecord, \"id\" | \"savedOn\">[],\n    newRecords: Pick<IPossiblyRecordLockingRecord, \"id\" | \"savedOn\">[]\n): boolean => {\n    if (existingRecords.length !== newRecords.length) {\n        return false;\n    }\n    return existingRecords.every((record, index) => {\n        const newRecord = newRecords[index];\n        if (!newRecord) {\n            return false;\n        }\n\n        return newRecord.id === record.id && newRecord.savedOn === record.savedOn;\n    });\n};\n\nconst getData = (records: IPossiblyRecordLockingRecord[]) => {\n    return records.map(record => ({\n        id: record.id,\n        savedOn: record.savedOn\n    }));\n};\n\nexport const RecordLockingProvider = (props: IRecordLockingProviderProps) => {\n    const client = useApolloClient();\n\n    const [loading, setLoading] = useState(false);\n\n    const recordLocking = useMemo(() => {\n        return createRecordLocking({\n            client,\n            setLoading\n        });\n    }, []);\n\n    const [error, setError] = useStateIfMounted<IRecordLockingError | null>(null);\n\n    const [records, setRecords] = useStateIfMounted<IPossiblyRecordLockingRecord[]>([]);\n\n    const setRecordsIfNeeded = useCallback(\n        (newRecords: IPossiblyRecordLockingRecord[]) => {\n            const sameArray = isSameArray(getData(records), getData(newRecords));\n            if (sameArray) {\n                return;\n            }\n            setRecords(newRecords);\n        },\n        [records]\n    );\n\n    const value: IRecordLockingContext = {\n        async updateEntryLock(params: IUpdateEntryLockParams) {\n            const result = await recordLocking.updateEntryLock(params);\n            if (result.error) {\n                setError(result.error);\n                return result;\n            }\n            const target = result.data;\n            if (!target?.id) {\n                const error = {\n                    message: \"No data returned from server.\",\n                    code: \"NO_DATA\"\n                };\n                setError(error);\n                return {\n                    error,\n                    data: null\n                };\n            }\n\n            setRecords(prev => {\n                return prev.map(item => {\n                    if (item.entryId === target.id) {\n                        return {\n                            ...item,\n                            $locked: result.data\n                        };\n                    }\n                    return item;\n                });\n            });\n            return result;\n        },\n        async unlockEntry(params: IUnlockEntryParams) {\n            return await recordLocking.unlockEntry(params);\n        },\n        async unlockEntryForce(params: IUnlockEntryParams) {\n            return await recordLocking.unlockEntry(params, true);\n        },\n        isLockExpired(input: Date | string): boolean {\n            return recordLocking.isLockExpired(input);\n        },\n        isRecordLocked(record) {\n            if (!record) {\n                return false;\n            }\n            return recordLocking.isRecordLocked(record);\n        },\n        getLockRecordEntry(id: string) {\n            return recordLocking.getLockRecordEntry(id);\n        },\n        removeEntryLock(params: IUnlockEntryParams) {\n            return recordLocking.removeEntryLock(params);\n        },\n        async fetchLockRecord(params: IFetchLockRecordParams) {\n            try {\n                return await recordLocking.fetchLockRecord(params);\n            } catch (ex) {\n                return {\n                    data: null,\n                    error: ex\n                };\n            }\n        },\n        async fetchLockedEntryLockRecord(params: IFetchLockedEntryLockRecordParams) {\n            return recordLocking.fetchLockedEntryLockRecord(params);\n        },\n        async setRecords(folderId, type, newRecords) {\n            setRecordsIfNeeded(newRecords);\n\n            const result = await recordLocking.setRecords(folderId, type, newRecords);\n            if (!result) {\n                return;\n            }\n            setRecords(result);\n        },\n        error,\n        records,\n        loading\n    };\n\n    return <RecordLockingContext.Provider {...props} value={value} />;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/RecordLockingProvider.js","sources":["../../src/components/RecordLockingProvider.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { createRecordLocking } from \"~/domain/RecordLocking.js\";\nimport type {\n    IFetchLockedEntryLockRecordParams,\n    IFetchLockRecordParams,\n    IPossiblyRecordLockingRecord,\n    IRecordLockingContext,\n    IRecordLockingError,\n    IUnlockEntryParams,\n    IUpdateEntryLockParams\n} from \"~/types.js\";\nimport { useStateIfMounted } from \"@webiny/app-admin\";\n\nexport interface IRecordLockingProviderProps {\n    children: React.ReactNode;\n}\n\nexport const RecordLockingContext = React.createContext({} as unknown as IRecordLockingContext);\n\nconst isSameArray = (\n    existingRecords: Pick<IPossiblyRecordLockingRecord, \"id\" | \"savedOn\">[],\n    newRecords: Pick<IPossiblyRecordLockingRecord, \"id\" | \"savedOn\">[]\n): boolean => {\n    if (existingRecords.length !== newRecords.length) {\n        return false;\n    }\n    return existingRecords.every((record, index) => {\n        const newRecord = newRecords[index];\n        if (!newRecord) {\n            return false;\n        }\n\n        return newRecord.id === record.id && newRecord.savedOn === record.savedOn;\n    });\n};\n\nconst getData = (records: IPossiblyRecordLockingRecord[]) => {\n    return records.map(record => ({\n        id: record.id,\n        savedOn: record.savedOn\n    }));\n};\n\nexport const RecordLockingProvider = (props: IRecordLockingProviderProps) => {\n    const client = useApolloClient();\n\n    const [loading, setLoading] = useState(false);\n\n    const recordLocking = useMemo(() => {\n        return createRecordLocking({\n            client,\n            setLoading\n        });\n    }, []);\n\n    const [error, setError] = useStateIfMounted<IRecordLockingError | null>(null);\n\n    const [records, setRecords] = useStateIfMounted<IPossiblyRecordLockingRecord[]>([]);\n\n    const setRecordsIfNeeded = useCallback(\n        (newRecords: IPossiblyRecordLockingRecord[]) => {\n            const sameArray = isSameArray(getData(records), getData(newRecords));\n            if (sameArray) {\n                return;\n            }\n            setRecords(newRecords);\n        },\n        [records]\n    );\n\n    const value: IRecordLockingContext = {\n        async updateEntryLock(params: IUpdateEntryLockParams) {\n            const result = await recordLocking.updateEntryLock(params);\n            if (result.error) {\n                setError(result.error);\n                return result;\n            }\n            const target = result.data;\n            if (!target?.id) {\n                const error = {\n                    message: \"No data returned from server.\",\n                    code: \"NO_DATA\"\n                };\n                setError(error);\n                return {\n                    error,\n                    data: null\n                };\n            }\n\n            setRecords(prev => {\n                return prev.map(item => {\n                    if (item.entryId === target.id) {\n                        return {\n                            ...item,\n                            $locked: result.data\n                        };\n                    }\n                    return item;\n                });\n            });\n            return result;\n        },\n        async unlockEntry(params: IUnlockEntryParams) {\n            return await recordLocking.unlockEntry(params);\n        },\n        async unlockEntryForce(params: IUnlockEntryParams) {\n            return await recordLocking.unlockEntry(params, true);\n        },\n        isLockExpired(input: Date | string): boolean {\n            return recordLocking.isLockExpired(input);\n        },\n        isRecordLocked(record) {\n            if (!record) {\n                return false;\n            }\n            return recordLocking.isRecordLocked(record);\n        },\n        getLockRecordEntry(id: string) {\n            return recordLocking.getLockRecordEntry(id);\n        },\n        removeEntryLock(params: IUnlockEntryParams) {\n            return recordLocking.removeEntryLock(params);\n        },\n        async fetchLockRecord(params: IFetchLockRecordParams) {\n            try {\n                return await recordLocking.fetchLockRecord(params);\n            } catch (ex) {\n                return {\n                    data: null,\n                    error: ex\n                };\n            }\n        },\n        async fetchLockedEntryLockRecord(params: IFetchLockedEntryLockRecordParams) {\n            return recordLocking.fetchLockedEntryLockRecord(params);\n        },\n        async setRecords(folderId, type, newRecords) {\n            setRecordsIfNeeded(newRecords);\n\n            const result = await recordLocking.setRecords(folderId, type, newRecords);\n            if (!result) {\n                return;\n            }\n            setRecords(result);\n        },\n        error,\n        records,\n        loading\n    };\n\n    return <RecordLockingContext.Provider {...props} value={value} />;\n};\n"],"names":["RecordLockingContext","React","isSameArray","existingRecords","newRecords","record","index","newRecord","getData","records","RecordLockingProvider","props","client","useApolloClient","loading","setLoading","useState","recordLocking","useMemo","createRecordLocking","error","setError","useStateIfMounted","setRecords","setRecordsIfNeeded","useCallback","sameArray","value","params","result","target","prev","item","input","id","ex","folderId","type"],"mappings":"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"}