@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/elements/DocumentFields/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { TrashBanner } from '../TrashBanner/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n  readonly AfterFields?: React.ReactNode\n  readonly BeforeFields?: React.ReactNode\n  readonly Description?: React.ReactNode\n  readonly docPermissions: SanitizedDocumentPermissions\n  readonly fields: ClientField[]\n  readonly forceSidebarWrap?: boolean\n  readonly isTrashed?: boolean\n  readonly readOnly?: boolean\n  readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n  AfterFields,\n  BeforeFields,\n  docPermissions,\n  fields,\n  forceSidebarWrap,\n  isTrashed = false,\n  readOnly,\n  schemaPathSegments,\n}) => {\n  const { hasSidebarFields, mainFields, sidebarFields } = useMemo(() => {\n    return fields.reduce(\n      (acc, field) => {\n        if (fieldIsSidebar(field)) {\n          acc.sidebarFields.push(field)\n          acc.mainFields.push(null)\n          acc.hasSidebarFields = true\n        } else {\n          acc.mainFields.push(field)\n          acc.sidebarFields.push(null)\n        }\n        return acc\n      },\n      {\n        hasSidebarFields: false,\n        mainFields: [] as ClientField[],\n        sidebarFields: [] as ClientField[],\n      },\n    )\n  }, [fields])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n        forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__main`}>\n        <Gutter className={`${baseClass}__edit`}>\n          {isTrashed && <TrashBanner />}\n          {BeforeFields}\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={mainFields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath={schemaPathSegments.join('.')}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\n          />\n          {AfterFields}\n        </Gutter>\n      </div>\n      {hasSidebarFields ? (\n        <div className={`${baseClass}__sidebar-wrap`}>\n          <div className={`${baseClass}__sidebar`}>\n            <div className={`${baseClass}__sidebar-fields`}>\n              <RenderFields\n                fields={sidebarFields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\"\n                parentSchemaPath={schemaPathSegments.join('.')}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly}\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["fieldIsSidebar","useMemo","RenderFields","Gutter","TrashBanner","baseClass","DocumentFields","AfterFields","BeforeFields","docPermissions","fields","forceSidebarWrap","isTrashed","readOnly","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","div","className","filter","Boolean","join","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,SAAgBC,OAAO,QAAQ,QAAO;AAEtC,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,QAAQ,0BAAyB;AACrD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAclB,OAAO,MAAMC,iBAAiC,CAAC,EAC7CC,WAAW,EACXC,YAAY,EACZC,cAAc,EACdC,MAAM,EACNC,gBAAgB,EAChBC,YAAY,KAAK,EACjBC,QAAQ,EACRC,kBAAkB,EACnB;IACC,MAAM,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGhB,QAAQ;QAC9D,OAAOS,OAAOQ,MAAM,CAClB,CAACC,KAAKC;YACJ,IAAIpB,eAAeoB,QAAQ;gBACzBD,IAAIF,aAAa,CAACI,IAAI,CAACD;gBACvBD,IAAIH,UAAU,CAACK,IAAI,CAAC;gBACpBF,IAAIJ,gBAAgB,GAAG;YACzB,OAAO;gBACLI,IAAIH,UAAU,CAACK,IAAI,CAACD;gBACpBD,IAAIF,aAAa,CAACI,IAAI,CAAC;YACzB;YACA,OAAOF;QACT,GACA;YACEJ,kBAAkB;YAClBC,YAAY,EAAE;YACdC,eAAe,EAAE;QACnB;IAEJ,GAAG;QAACP;KAAO;IAEX,QACGY,IACCC,WAAW;QACTlB;QACAU,mBAAmB,GAAGV,UAAU,aAAa,CAAC,GAAG,GAAGA,UAAU,YAAY,CAAC;QAC3EM,oBAAoB,GAAGN,UAAU,oBAAoB,CAAC;KACvD,CACEmB,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;MACC,CAACJ,IAAIC,WAAW,GAAGlB,UAAU,MAAM,CAAC,EAAE;QACpC,CAACF,OAAOoB,WAAW,GAAGlB,UAAU,MAAM,CAAC,EAAE;UACvC,CAACO,cAAcR,cAAe;UAC9B,CAACI,aAAa;UACd,CAACN,aACCqB,WAAW,GAAGlB,UAAU,QAAQ,CAAC,EACjCK,QAAQM,YACRW,YACAC,gBAAgB,GAChBC,WAAW,GACXC,kBAAkBhB,mBAAmBY,IAAI,CAAC,MAC1CK,aAAatB,gBAAgBC,QAC7BG,UAAUA,WACV;UACF,CAACN,YAAY;QACf,EAAEJ,OAAO;MACX,EAAEmB,IAAI;MACN,CAACP,oBACEO,IAAIC,WAAW,GAAGlB,UAAU,cAAc,CAAC,EAAE;UAC5C,CAACiB,IAAIC,WAAW,GAAGlB,UAAU,SAAS,CAAC,EAAE;YACvC,CAACiB,IAAIC,WAAW,GAAGlB,UAAU,gBAAgB,CAAC,EAAE;cAC9C,CAACH,aACCQ,QAAQO,eACRU,YACAC,gBAAgB,GAChBC,WAAW,GACXC,kBAAkBhB,mBAAmBY,IAAI,CAAC,MAC1CK,aAAatB,gBAAgBC,QAC7BG,UAAUA,WACV;YACJ,EAAES,IAAI;UACR,EAAEA,IAAI;QACR,EAAEA,OACA,KAAK;IACX,EAAEA;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["fieldIsSidebar","React","useMemo","RenderFields","Gutter","TrashBanner","baseClass","DocumentFields","AfterFields","BeforeFields","docPermissions","fields","forceSidebarWrap","isTrashed","readOnly","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","_jsxs","className","filter","Boolean","join","_jsx","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { TrashBanner } from '../TrashBanner/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n  readonly AfterFields?: React.ReactNode\n  readonly BeforeFields?: React.ReactNode\n  readonly Description?: React.ReactNode\n  readonly docPermissions: SanitizedDocumentPermissions\n  readonly fields: ClientField[]\n  readonly forceSidebarWrap?: boolean\n  readonly isTrashed?: boolean\n  readonly readOnly?: boolean\n  readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n  AfterFields,\n  BeforeFields,\n  docPermissions,\n  fields,\n  forceSidebarWrap,\n  isTrashed = false,\n  readOnly,\n  schemaPathSegments,\n}) => {\n  const { hasSidebarFields, mainFields, sidebarFields } = useMemo(() => {\n    return fields.reduce(\n      (acc, field) => {\n        if (fieldIsSidebar(field)) {\n          acc.sidebarFields.push(field)\n          acc.mainFields.push(null)\n          acc.hasSidebarFields = true\n        } else {\n          acc.mainFields.push(field)\n          acc.sidebarFields.push(null)\n        }\n        return acc\n      },\n      {\n        hasSidebarFields: false,\n        mainFields: [] as ClientField[],\n        sidebarFields: [] as ClientField[],\n      },\n    )\n  }, [fields])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n        forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__main`}>\n        <Gutter className={`${baseClass}__edit`}>\n          {isTrashed && <TrashBanner />}\n          {BeforeFields}\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={mainFields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath={schemaPathSegments.join('.')}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\n          />\n          {AfterFields}\n        </Gutter>\n      </div>\n      {hasSidebarFields ? (\n        <div className={`${baseClass}__sidebar-wrap`}>\n          <div className={`${baseClass}__sidebar`}>\n            <div className={`${baseClass}__sidebar-fields`}>\n              <RenderFields\n                fields={sidebarFields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\"\n                parentSchemaPath={schemaPathSegments.join('.')}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly}\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAclB,OAAO,MAAMC,cAAA,GAAiCA,CAAC;EAC7CC,WAAW;EACXC,YAAY;EACZC,cAAc;EACdC,MAAM;EACNC,gBAAgB;EAChBC,SAAA,GAAY,KAAK;EACjBC,QAAQ;EACRC;AAAkB,CACnB;EACC,MAAM;IAAEC,gBAAgB;IAAEC,UAAU;IAAEC;EAAa,CAAE,GAAGhB,OAAA,CAAQ;IAC9D,OAAOS,MAAA,CAAOQ,MAAM,CAClB,CAACC,GAAA,EAAKC,KAAA;MACJ,IAAIrB,cAAA,CAAeqB,KAAA,GAAQ;QACzBD,GAAA,CAAIF,aAAa,CAACI,IAAI,CAACD,KAAA;QACvBD,GAAA,CAAIH,UAAU,CAACK,IAAI,CAAC;QACpBF,GAAA,CAAIJ,gBAAgB,GAAG;MACzB,OAAO;QACLI,GAAA,CAAIH,UAAU,CAACK,IAAI,CAACD,KAAA;QACpBD,GAAA,CAAIF,aAAa,CAACI,IAAI,CAAC;MACzB;MACA,OAAOF,GAAA;IACT,GACA;MACEJ,gBAAA,EAAkB;MAClBC,UAAA,EAAY,EAAE;MACdC,aAAA,EAAe;IACjB;EAEJ,GAAG,CAACP,MAAA,CAAO;EAEX,oBACEY,KAAA,CAAC;IACCC,SAAA,EAAW,CACTlB,SAAA,EACAU,gBAAA,GAAmB,GAAGV,SAAA,eAAwB,GAAG,GAAGA,SAAA,cAAuB,EAC3EM,gBAAA,IAAoB,GAAGN,SAAA,sBAA+B,CACvD,CACEmB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;4BAERC,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGlB,SAAA,QAAiB;gBAClC,aAAAiB,KAAA,CAACnB,MAAA;QAAOoB,SAAA,EAAW,GAAGlB,SAAA,QAAiB;mBACpCO,SAAA,iBAAae,IAAA,CAACvB,WAAA,OACdI,YAAA,E,aACDmB,IAAA,CAACzB,YAAA;UACCqB,SAAA,EAAW,GAAGlB,SAAA,UAAmB;UACjCK,MAAA,EAAQM,UAAA;UACRY,WAAW;UACXC,eAAA,EAAgB;UAChBC,UAAA,EAAW;UACXC,gBAAA,EAAkBjB,kBAAA,CAAmBY,IAAI,CAAC;UAC1CM,WAAA,EAAavB,cAAA,EAAgBC,MAAA;UAC7BG,QAAA,EAAUA;YAEXN,WAAA;;QAGJQ,gBAAA,gBACCY,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGlB,SAAA,gBAAyB;gBAC1C,aAAAsB,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGlB,SAAA,WAAoB;kBACrC,aAAAsB,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGlB,SAAA,kBAA2B;oBAC5C,aAAAsB,IAAA,CAACzB,YAAA;YACCQ,MAAA,EAAQO,aAAA;YACRW,WAAW;YACXC,eAAA,EAAgB;YAChBC,UAAA,EAAW;YACXC,gBAAA,EAAkBjB,kBAAA,CAAmBY,IAAI,CAAC;YAC1CM,WAAA,EAAavB,cAAA,EAAgBC,MAAA;YAC7BG,QAAA,EAAUA;;;;SAKhB;;AAGV","ignoreList":[]}

package/dist/elements/DocumentLocked/index.js

@@ -1,5 +1,8 @@
 'use client';
-import { useEffect } from 'react';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -9,75 +12,182 @@ import { Modal, useModal } from '../Modal/index.js';
 import './index.scss';
 const modalSlug = 'document-locked';
 const baseClass = 'document-locked';
-const formatDate = (date)=>{
-    if (!date) {
-        return '';
-    }
-    return new Intl.DateTimeFormat('en-US', {
-        day: 'numeric',
-        hour: 'numeric',
-        hour12: true,
-        minute: 'numeric',
-        month: 'short',
-        year: 'numeric'
-    }).format(new Date(date));
+const formatDate = date => {
+  if (!date) {
+    return '';
+  }
+  return new Intl.DateTimeFormat('en-US', {
+    day: 'numeric',
+    hour: 'numeric',
+    hour12: true,
+    minute: 'numeric',
+    month: 'short',
+    year: 'numeric'
+  }).format(new Date(date));
 };
-export const DocumentLocked = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user })=>{
-    const { closeModal, openModal } = useModal();
-    const { t } = useTranslation();
-    const { clearRouteCache } = useRouteCache();
-    const { startRouteTransition } = useRouteTransition();
-    useEffect(()=>{
-        if (isActive) {
-            openModal(modalSlug);
-        } else {
-            closeModal(modalSlug);
-        }
-    }, [
-        isActive,
-        openModal,
-        closeModal
-    ]);
-    return <Modal className={baseClass} // Fixes https://github.com/payloadcms/payload/issues/13778
-    closeOnBlur={false} onClose={()=>{
-        startRouteTransition(()=>handleGoBack());
-    }} slug={modalSlug}>
-      <div className={`${baseClass}__wrapper`}>
-        <div className={`${baseClass}__content`}>
-          <h1>{t('general:documentLocked')}</h1>
-          <p>
-            <strong>
-              {isClientUserObject(user) ? user.email ?? user.id : `${t('general:user')}: ${user}`}
-            </strong>{' '}
-            {t('general:currentlyEditing')}
-          </p>
-          <p>
-            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>
-          </p>
-        </div>
-        <div className={`${baseClass}__controls`}>
-          <Button buttonStyle="secondary" id={`${modalSlug}-go-back`} onClick={()=>{
+export const DocumentLocked = t0 => {
+  const $ = _c(33);
+  const {
+    handleGoBack,
+    isActive,
+    onReadOnly,
+    onTakeOver,
+    updatedAt,
+    user
+  } = t0;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  let t1;
+  let t2;
+  if ($[0] !== closeModal || $[1] !== isActive || $[2] !== openModal) {
+    t1 = () => {
+      if (isActive) {
+        openModal(modalSlug);
+      } else {
+        closeModal(modalSlug);
+      }
+    };
+    t2 = [isActive, openModal, closeModal];
+    $[0] = closeModal;
+    $[1] = isActive;
+    $[2] = openModal;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] !== handleGoBack || $[6] !== startRouteTransition) {
+    t3 = () => {
+      startRouteTransition(() => handleGoBack());
+    };
+    $[5] = handleGoBack;
+    $[6] = startRouteTransition;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== clearRouteCache || $[9] !== closeModal || $[10] !== handleGoBack || $[11] !== onReadOnly || $[12] !== onTakeOver || $[13] !== startRouteTransition || $[14] !== t || $[15] !== t3 || $[16] !== updatedAt || $[17] !== user) {
+    let t5;
+    if ($[19] !== t || $[20] !== user) {
+      t5 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
+      $[19] = t;
+      $[20] = user;
+      $[21] = t5;
+    } else {
+      t5 = $[21];
+    }
+    let t6;
+    if ($[22] !== closeModal || $[23] !== handleGoBack || $[24] !== startRouteTransition) {
+      t6 = () => {
         closeModal(modalSlug);
-        startRouteTransition(()=>handleGoBack());
-    }} size="large">
-            {t('general:goBack')}
-          </Button>
-          <Button buttonStyle="secondary" id={`${modalSlug}-view-read-only`} onClick={()=>{
+        startRouteTransition(() => handleGoBack());
+      };
+      $[22] = closeModal;
+      $[23] = handleGoBack;
+      $[24] = startRouteTransition;
+      $[25] = t6;
+    } else {
+      t6 = $[25];
+    }
+    let t7;
+    if ($[26] !== clearRouteCache || $[27] !== closeModal || $[28] !== onReadOnly) {
+      t7 = () => {
         onReadOnly();
         closeModal(modalSlug);
         clearRouteCache();
-    }} size="large">
-            {t('general:viewReadOnly')}
-          </Button>
-          <Button buttonStyle="primary" id={`${modalSlug}-take-over`} onClick={()=>{
+      };
+      $[26] = clearRouteCache;
+      $[27] = closeModal;
+      $[28] = onReadOnly;
+      $[29] = t7;
+    } else {
+      t7 = $[29];
+    }
+    let t8;
+    if ($[30] !== closeModal || $[31] !== onTakeOver) {
+      t8 = () => {
         onTakeOver();
         closeModal(modalSlug);
-    }} size="large">
-            {t('general:takeOver')}
-          </Button>
-        </div>
-      </div>
-    </Modal>;
+      };
+      $[30] = closeModal;
+      $[31] = onTakeOver;
+      $[32] = t8;
+    } else {
+      t8 = $[32];
+    }
+    t4 = _jsx(Modal, {
+      className: baseClass,
+      closeOnBlur: false,
+      onClose: t3,
+      slug: modalSlug,
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("general:documentLocked")
+          }), _jsxs("p", {
+            children: [_jsx("strong", {
+              children: t5
+            }), " ", t("general:currentlyEditing")]
+          }), _jsxs("p", {
+            children: [t("general:editedSince"), " ", _jsx("strong", {
+              children: formatDate(updatedAt)
+            })]
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-go-back`,
+            onClick: t6,
+            size: "large",
+            children: t("general:goBack")
+          }), _jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-view-read-only`,
+            onClick: t7,
+            size: "large",
+            children: t("general:viewReadOnly")
+          }), _jsx(Button, {
+            buttonStyle: "primary",
+            id: `${modalSlug}-take-over`,
+            onClick: t8,
+            size: "large",
+            children: t("general:takeOver")
+          })]
+        })]
+      })
+    });
+    $[8] = clearRouteCache;
+    $[9] = closeModal;
+    $[10] = handleGoBack;
+    $[11] = onReadOnly;
+    $[12] = onTakeOver;
+    $[13] = startRouteTransition;
+    $[14] = t;
+    $[15] = t3;
+    $[16] = updatedAt;
+    $[17] = user;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentLocked/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(new Date(date))\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={() => {\n              closeModal(modalSlug)\n              startRouteTransition(() => handleGoBack())\n            }}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","className","closeOnBlur","onClose","slug","div","h1","p","strong","email","id","buttonStyle","onClick","size"],"mappings":"AAAA;AAGA,SAAgBA,SAAS,QAAQ,QAAO;AAExC,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,oBAAmB;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,MAAMC,aAAa,CAACC;IAClB,IAAI,CAACA,MAAM;QACT,OAAO;IACT;IACA,OAAO,IAAIC,KAAKC,cAAc,CAAC,SAAS;QACtCC,KAAK;QACLC,MAAM;QACNC,QAAQ;QACRC,QAAQ;QACRC,OAAO;QACPC,MAAM;IACR,GAAGC,MAAM,CAAC,IAAIC,KAAKV;AACrB;AAEA,OAAO,MAAMW,iBAOR,CAAC,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,IAAI,EAAE;IACvE,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGvB;IAClC,MAAM,EAAEwB,CAAC,EAAE,GAAG5B;IACd,MAAM,EAAE6B,eAAe,EAAE,GAAG/B;IAC5B,MAAM,EAAEgC,oBAAoB,EAAE,GAAG/B;IAEjCF,UAAU;QACR,IAAIwB,UAAU;YACZM,UAAUtB;QACZ,OAAO;YACLqB,WAAWrB;QACb;IACF,GAAG;QAACgB;QAAUM;QAAWD;KAAW;IAEpC,QACGvB,MACC4B,WAAWzB,WACX,2DAA2D;IAC3D0B,aAAa,OACbC,SAAS;QACPH,qBAAqB,IAAMV;IAC7B,GACAc,MAAM7B,WACP;MACC,CAAC8B,IAAIJ,WAAW,GAAGzB,UAAU,SAAS,CAAC,EAAE;QACvC,CAAC6B,IAAIJ,WAAW,GAAGzB,UAAU,SAAS,CAAC,EAAE;UACvC,CAAC8B,IAAIR,EAAE,4BAA4BQ,GAAG;UACtC,CAACC,EAAE;YACD,CAACC,OAAO;cACN,CAACrC,mBAAmBwB,QAASA,KAAKc,KAAK,IAAId,KAAKe,EAAE,GAAI,GAAGZ,EAAE,gBAAgB,EAAE,EAAEH,MAAM,CAAC;YACxF,EAAEa,QAAQ,IAAI;YACd,CAACV,EAAE,4BAA4B;UACjC,EAAES,EAAE;UACJ,CAACA,EAAE;YACD,CAACT,EAAE,uBAAuB,CAAC,CAACU,QAAQ/B,WAAWiB,aAAac,OAAO;UACrE,EAAED,EAAE;QACN,EAAEF,IAAI;QACN,CAACA,IAAIJ,WAAW,GAAGzB,UAAU,UAAU,CAAC,EAAE;UACxC,CAACJ,OACCuC,YAAY,YACZD,IAAI,GAAGnC,UAAU,QAAQ,CAAC,EAC1BqC,SAAS;QACPhB,WAAWrB;QACXyB,qBAAqB,IAAMV;IAC7B,GACAuB,KAAK,QACN;YACC,CAACf,EAAE,kBAAkB;UACvB,EAAE1B,OAAO;UACT,CAACA,OACCuC,YAAY,YACZD,IAAI,GAAGnC,UAAU,eAAe,CAAC,EACjCqC,SAAS;QACPpB;QACAI,WAAWrB;QACXwB;IACF,GACAc,KAAK,QACN;YACC,CAACf,EAAE,wBAAwB;UAC7B,EAAE1B,OAAO;UACT,CAACA,OACCuC,YAAY,UACZD,IAAI,GAAGnC,UAAU,UAAU,CAAC,EAC5BqC,SAAS;QACPnB;QACAG,WAAWrB;IACb,GACAsC,KAAK,QACN;YACC,CAACf,EAAE,oBAAoB;UACzB,EAAE1B,OAAO;QACX,EAAEiC,IAAI;MACR,EAAEA,IAAI;IACR,EAAEhC;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","t1","t2","t3","t4","t5","email","id","t6","t7","t8","_jsx","className","closeOnBlur","onClose","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(new Date(date))\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={() => {\n              closeModal(modalSlug)\n              startRouteTransition(() => handleGoBack())\n            }}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentTakeOver/index.js

@@ -1,5 +1,8 @@
 'use client';
-import { useEffect } from 'react';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -8,45 +11,115 @@ import { Modal, useModal } from '../Modal/index.js';
 import './index.scss';
 const modalSlug = 'document-take-over';
 const baseClass = 'document-take-over';
-export const DocumentTakeOver = ({ handleBackToDashboard, isActive, onReadOnly })=>{
-    const { closeModal, openModal } = useModal();
-    const { t } = useTranslation();
-    const { startRouteTransition } = useRouteTransition();
-    const { clearRouteCache } = useRouteCache();
-    useEffect(()=>{
-        if (isActive) {
-            openModal(modalSlug);
-        } else {
-            closeModal(modalSlug);
-        }
-    }, [
-        isActive,
-        openModal,
-        closeModal
-    ]);
-    return <Modal className={baseClass} // // Fixes https://github.com/payloadcms/payload/issues/13778
-    closeOnBlur={false} slug={modalSlug}>
-      <div className={`${baseClass}__wrapper`}>
-        <div className={`${baseClass}__content`}>
-          <h1>{t('general:editingTakenOver')}</h1>
-          <p>{t('general:anotherUserTakenOver')}</p>
-        </div>
-        <div className={`${baseClass}__controls`}>
-          <Button buttonStyle="primary" id={`${modalSlug}-back-to-dashboard`} onClick={()=>{
-        startRouteTransition(()=>handleBackToDashboard());
-    }} size="large">
-            {t('general:backToDashboard')}
-          </Button>
-          <Button buttonStyle="secondary" id={`${modalSlug}-view-read-only`} onClick={()=>{
+export const DocumentTakeOver = t0 => {
+  const $ = _c(19);
+  const {
+    handleBackToDashboard,
+    isActive,
+    onReadOnly
+  } = t0;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  let t1;
+  let t2;
+  if ($[0] !== closeModal || $[1] !== isActive || $[2] !== openModal) {
+    t1 = () => {
+      if (isActive) {
+        openModal(modalSlug);
+      } else {
+        closeModal(modalSlug);
+      }
+    };
+    t2 = [isActive, openModal, closeModal];
+    $[0] = closeModal;
+    $[1] = isActive;
+    $[2] = openModal;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] !== clearRouteCache || $[6] !== closeModal || $[7] !== handleBackToDashboard || $[8] !== onReadOnly || $[9] !== startRouteTransition || $[10] !== t) {
+    let t4;
+    if ($[12] !== handleBackToDashboard || $[13] !== startRouteTransition) {
+      t4 = () => {
+        startRouteTransition(() => handleBackToDashboard());
+      };
+      $[12] = handleBackToDashboard;
+      $[13] = startRouteTransition;
+      $[14] = t4;
+    } else {
+      t4 = $[14];
+    }
+    let t5;
+    if ($[15] !== clearRouteCache || $[16] !== closeModal || $[17] !== onReadOnly) {
+      t5 = () => {
         onReadOnly();
         closeModal(modalSlug);
         clearRouteCache();
-    }} size="large">
-            {t('general:viewReadOnly')}
-          </Button>
-        </div>
-      </div>
-    </Modal>;
+      };
+      $[15] = clearRouteCache;
+      $[16] = closeModal;
+      $[17] = onReadOnly;
+      $[18] = t5;
+    } else {
+      t5 = $[18];
+    }
+    t3 = _jsx(Modal, {
+      className: baseClass,
+      closeOnBlur: false,
+      slug: modalSlug,
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("general:editingTakenOver")
+          }), _jsx("p", {
+            children: t("general:anotherUserTakenOver")
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "primary",
+            id: `${modalSlug}-back-to-dashboard`,
+            onClick: t4,
+            size: "large",
+            children: t("general:backToDashboard")
+          }), _jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-view-read-only`,
+            onClick: t5,
+            size: "large",
+            children: t("general:viewReadOnly")
+          })]
+        })]
+      })
+    });
+    $[5] = clearRouteCache;
+    $[6] = closeModal;
+    $[7] = handleBackToDashboard;
+    $[8] = onReadOnly;
+    $[9] = startRouteTransition;
+    $[10] = t;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentTakeOver/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-take-over'\n\nconst baseClass = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:editingTakenOver')}</h1>\n          <p>{t('general:anotherUserTakenOver')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\n            size=\"large\"\n          >\n            {t('general:backToDashboard')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["useEffect","useRouteCache","useRouteTransition","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","className","closeOnBlur","slug","div","h1","p","buttonStyle","id","onClick","size"],"mappings":"AAAA;AACA,SAAgBA,SAAS,QAAQ,QAAO;AAExC,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,oBAAmB;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAIR,CAAC,EAAEC,qBAAqB,EAAEC,QAAQ,EAAEC,UAAU,EAAE;IACnD,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGR;IAClC,MAAM,EAAES,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,oBAAoB,EAAE,GAAGd;IACjC,MAAM,EAAEe,eAAe,EAAE,GAAGhB;IAE5BD,UAAU;QACR,IAAIW,UAAU;YACZG,UAAUP;QACZ,OAAO;YACLM,WAAWN;QACb;IACF,GAAG;QAACI;QAAUG;QAAWD;KAAW;IAEpC,QACGR,MACCa,WAAWV,WACX,8DAA8D;IAC9DW,aAAa,OACbC,MAAMb,WACP;MACC,CAACc,IAAIH,WAAW,GAAGV,UAAU,SAAS,CAAC,EAAE;QACvC,CAACa,IAAIH,WAAW,GAAGV,UAAU,SAAS,CAAC,EAAE;UACvC,CAACc,IAAIP,EAAE,8BAA8BO,GAAG;UACxC,CAACC,GAAGR,EAAE,kCAAkCQ,EAAE;QAC5C,EAAEF,IAAI;QACN,CAACA,IAAIH,WAAW,GAAGV,UAAU,UAAU,CAAC,EAAE;UACxC,CAACJ,OACCoB,YAAY,UACZC,IAAI,GAAGlB,UAAU,kBAAkB,CAAC,EACpCmB,SAAS;QACPV,qBAAqB,IAAMN;IAC7B,GACAiB,KAAK,QACN;YACC,CAACZ,EAAE,2BAA2B;UAChC,EAAEX,OAAO;UACT,CAACA,OACCoB,YAAY,YACZC,IAAI,GAAGlB,UAAU,eAAe,CAAC,EACjCmB,SAAS;QACPd;QACAC,WAAWN;QACXU;IACF,GACAU,KAAK,QACN;YACC,CAACZ,EAAE,wBAAwB;UAC7B,EAAEX,OAAO;QACX,EAAEiB,IAAI;MACR,EAAEA,IAAI;IACR,EAAEhB;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","t1","t2","t3","t4","t5","_jsx","className","closeOnBlur","slug","children","_jsxs","buttonStyle","id","onClick","size"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-take-over'\n\nconst baseClass = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:editingTakenOver')}</h1>\n          <p>{t('general:anotherUserTakenOver')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\n            size=\"large\"\n          >\n            {t('general:backToDashboard')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DraggableSortable/DraggableSortableItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CA2B1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CA8B1B,CAAA"}

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js

@@ -1,27 +1,67 @@
 'use client';
-import { Fragment } from 'react';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Fragment } from 'react';
 import { useDraggableSortable } from '../useDraggableSortable/index.js';
-export const DraggableSortableItem = (props)=>{
-    const { id, children, disabled } = props;
-    const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useDraggableSortable({
-        id,
-        disabled
-    });
-    return <Fragment>
-      {children({
+export const DraggableSortableItem = props => {
+  const $ = _c(12);
+  const {
+    id,
+    children,
+    disabled
+  } = props;
+  let t0;
+  if ($[0] !== disabled || $[1] !== id) {
+    t0 = {
+      id,
+      disabled
+    };
+    $[0] = disabled;
+    $[1] = id;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useDraggableSortable(t0);
+  const t1 = isDragging ? "grabbing" : "grab";
+  let t2;
+  if ($[3] !== attributes || $[4] !== children || $[5] !== isDragging || $[6] !== listeners || $[7] !== setNodeRef || $[8] !== t1 || $[9] !== transform || $[10] !== transition) {
+    t2 = _jsx(Fragment, {
+      children: children({
         attributes: {
-            ...attributes,
-            style: {
-                cursor: isDragging ? 'grabbing' : 'grab'
-            }
+          ...attributes,
+          style: {
+            cursor: t1
+          },
+          suppressHydrationWarning: true
         },
         isDragging,
         listeners,
         setNodeRef,
         transform,
         transition
-    })}
-    </Fragment>;
+      })
+    });
+    $[3] = attributes;
+    $[4] = children;
+    $[5] = isDragging;
+    $[6] = listeners;
+    $[7] = setNodeRef;
+    $[8] = t1;
+    $[9] = transform;
+    $[10] = transition;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map