@payloadcms/ui 3.0.0-canary.cee5702 → 3.0.0-canary.cf66341

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Copy } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  moveRow: (from: number, to: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  moveRow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonClassName={`${baseClass}__button`}\n      className={baseClass}\n      horizontalAlign=\"center\"\n      render={({ close }) => {\n        return (\n          <PopupList.ButtonGroup buttonSize=\"small\">\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <Chevron direction=\"up\" />\n                </div>\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <Chevron />\n                </div>\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  onClick={() => {\n                    addRow(index + 1)\n                    close()\n                  }}\n                >\n                  <Plus />\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  <Copy />\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              <X />\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"names":["React","Chevron","Copy","MoreIcon","Plus","X","useTranslation","PopupList","Popup","baseClass","ArrayAction","addRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","removeRow","rowCount","t","button","buttonClassName","className","horizontalAlign","render","close","ButtonGroup","buttonSize","Button","onClick","div","direction","Fragment","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,KAAK,QAAQ,oBAAmB;AAGzC,MAAMC,YAAY;AAalB,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGb;IAEd,qBACE,KAACE;QACCY,sBAAQ,KAACjB;QACTkB,iBAAiB,CAAC,EAAEZ,UAAU,QAAQ,CAAC;QACvCa,WAAWb;QACXc,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE;YAChB,qBACE,MAAClB,UAAUmB,WAAW;gBAACC,YAAW;;oBAC/BZ,cAAcD,UAAU,mBACvB,MAACP,UAAUqB,MAAM;wBACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,SAAS,CAAC;wBACvDoB,SAAS;4BACPb,QAAQF,OAAOA,QAAQ;4BACvBW;wBACF;;0CAEA,KAACK;gCAAIR,WAAW,CAAC,EAAEb,UAAU,gBAAgB,CAAC;0CAC5C,cAAA,KAACR;oCAAQ8B,WAAU;;;4BAEpBZ,EAAE;;;oBAGNJ,cAAcD,QAAQI,WAAW,mBAChC,MAACX,UAAUqB,MAAM;wBACfN,WAAW,CAAC,EAAEb,UAAU,QAAQ,CAAC;wBACjCoB,SAAS;4BACPb,QAAQF,OAAOA,QAAQ;4BACvBW;wBACF;;0CAEA,KAACK;gCAAIR,WAAW,CAAC,EAAEb,UAAU,gBAAgB,CAAC;0CAC5C,cAAA,KAACR;;4BAEFkB,EAAE;;;oBAGN,CAACN,4BACA,MAACb,MAAMgC,QAAQ;;0CACb,MAACzB,UAAUqB,MAAM;gCACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,KAAK,CAAC;gCACnDoB,SAAS;oCACPlB,OAAOG,QAAQ;oCACfW;gCACF;;kDAEA,KAACrB;oCACAe,EAAE;;;0CAEL,MAACZ,UAAUqB,MAAM;gCACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,WAAW,CAAC;gCACzDoB,SAAS;oCACPjB,aAAaE;oCACbW;gCACF;;kDAEA,KAACvB;oCACAiB,EAAE;;;;;kCAIT,MAACZ,UAAUqB,MAAM;wBACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,QAAQ,CAAC;wBACtDoB,SAAS;4BACPZ,UAAUH;4BACVW;wBACF;;0CAEA,KAACpB;4BACAc,EAAE;;;;;QAIX;QACAc,MAAK;;AAGX,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","CopyIcon","MoreIcon","PlusIcon","XIcon","useTranslation","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","removeRow","rowCount","t","t1","_jsx","button","buttonClassName","className","horizontalAlign","render","t2","close","_jsxs","ButtonGroup","buttonSize","children","Button","onClick","direction","Fragment"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => Promise<void> | void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  moveRow: (from: number, to: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  moveRow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonClassName={`${baseClass}__button`}\n      className={baseClass}\n      horizontalAlign=\"center\"\n      render={({ close }) => {\n        return (\n          <PopupList.ButtonGroup buttonSize=\"small\">\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <ChevronIcon direction=\"up\" />\n                </div>\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <ChevronIcon />\n                </div>\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  <PlusIcon />\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  <CopyIcon />\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              <XIcon />\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ArrayAction/index.scss

@@ -30,17 +30,4 @@
       }
     }
   }
-
-  &__move-up {
-    margin-bottom: 2px;
-  }
-
-  &__move-down {
-    margin-top: 6px;
-    margin-bottom: 2px;
-  }
-
-  &__action-chevron {
-    padding: 0 calc(var(--base) / 4);
-  }
 }

package/dist/elements/Autosave/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types';
+import type { ClientCollectionConfig, ClientGlobalConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export type Props = {

package/dist/elements/Autosave/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Autosave/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE/E,OAAO,KAAsC,MAAM,OAAO,CAAA;AAW1D,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuIpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Autosave/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAGzE,OAAO,KAAsC,MAAM,OAAO,CAAA;AAiB1D,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6OpC,CAAA"}

package/dist/elements/Autosave/index.js

@@ -1,7 +1,11 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { versionDefaults } from 'payload/shared';
 import React, { useEffect, useRef, useState } from 'react';
-import { useAllFormFields, useFormModified } from '../../forms/Form/context.js';
+import { toast } from 'sonner';
+import { useAllFormFields, useForm, useFormModified, useFormSubmitted } from '../../forms/Form/context.js';
 import { useDebounce } from '../../hooks/useDebounce.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentEvents } from '../../providers/DocumentEvents/index.js';
@@ -9,123 +13,290 @@ import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { formatTimeToNow } from '../../utilities/formatDate.js';
-import { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js';
+import { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js';
+import './index.scss';
 const baseClass = 'autosave';
-export const Autosave = ({ id, collection, global: globalDoc, publishedDocUpdatedAt })=>{
-    const { routes: { api }, serverURL } = useConfig();
-    const { docConfig, getVersions, versions } = useDocumentInfo();
-    const { reportUpdate } = useDocumentEvents();
-    const versionsConfig = docConfig?.versions;
-    const [fields] = useAllFormFields();
-    const modified = useFormModified();
-    const { code: locale } = useLocale();
-    const { i18n, t } = useTranslation();
-    let interval = 800;
-    if (versionsConfig.drafts && versionsConfig?.drafts?.autosave) interval = versionsConfig.drafts.autosave.interval;
-    const [saving, setSaving] = useState(false);
-    const [lastSaved, setLastSaved] = useState();
-    const debouncedFields = useDebounce(fields, interval);
-    const fieldRef = useRef(fields);
-    const modifiedRef = useRef(modified);
-    const localeRef = useRef(locale);
-    // Store fields in ref so the autosave func
-    // can always retrieve the most to date copies
-    // after the timeout has executed
-    fieldRef.current = fields;
-    // Store modified in ref so the autosave func
-    // can bail out if modified becomes false while
-    // timing out during autosave
-    modifiedRef.current = modified;
-    // Store locale in ref so the autosave func
-    // can always retrieve the most to date locale
-    localeRef.current = locale;
-    // When debounced fields change, autosave
-    useEffect(()=>{
-        const autosave = ()=>{
-            if (modified) {
-                setSaving(true);
-                let url;
-                let method;
-                let entitySlug;
-                if (collection && id) {
-                    entitySlug = collection.slug;
-                    url = `${serverURL}${api}/${entitySlug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`;
-                    method = 'PATCH';
-                }
-                if (globalDoc) {
-                    entitySlug = globalDoc.slug;
-                    url = `${serverURL}${api}/globals/${entitySlug}?draft=true&autosave=true&locale=${localeRef.current}`;
-                    method = 'POST';
-                }
-                if (url) {
-                    setTimeout(async ()=>{
-                        if (modifiedRef.current) {
-                            const body = {
-                                ...reduceFieldsToValues(fieldRef.current, true),
-                                _status: 'draft'
-                            };
-                            const res = await fetch(url, {
-                                body: JSON.stringify(body),
-                                credentials: 'include',
-                                headers: {
-                                    'Accept-Language': i18n.language,
-                                    'Content-Type': 'application/json'
-                                },
-                                method
-                            });
-                            if (res.status === 200) {
-                                const newDate = new Date();
-                                setLastSaved(newDate.getTime());
-                                reportUpdate({
-                                    id,
-                                    entitySlug,
-                                    updatedAt: newDate.toISOString()
-                                });
-                                void getVersions();
+// The minimum time the saving state should be shown
+const minimumAnimationTime = 1000;
+export const Autosave = t0 => {
+  const $ = _c(45);
+  const {
+    id,
+    collection,
+    global: globalDoc,
+    publishedDocUpdatedAt
+  } = t0;
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2,
+    serverURL
+  } = t1;
+  const {
+    api
+  } = t2;
+  const {
+    docConfig,
+    getVersions,
+    versions
+  } = useDocumentInfo();
+  const {
+    reportUpdate
+  } = useDocumentEvents();
+  const {
+    dispatchFields,
+    setModified,
+    setSubmitted
+  } = useForm();
+  const submitted = useFormSubmitted();
+  const versionsConfig = docConfig?.versions;
+  const [fields] = useAllFormFields();
+  const formModified = useFormModified();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let interval = versionDefaults.autosaveInterval;
+  if (versionsConfig.drafts && versionsConfig.drafts.autosave) {
+    interval = versionsConfig.drafts.autosave.interval;
+  }
+  const [saving, setSaving] = useState(false);
+  const [lastSaved, setLastSaved] = useState();
+  const debouncedFields = useDebounce(fields, interval);
+  const modified = useDebounce(formModified, interval);
+  const fieldRef = useRef(fields);
+  const modifiedRef = useRef(modified);
+  const localeRef = useRef(locale);
+  const debouncedRef = useRef(debouncedFields);
+  debouncedRef.current = debouncedFields;
+  fieldRef.current = fields;
+  modifiedRef.current = modified;
+  localeRef.current = locale;
+  let t3;
+  if ($[0] !== modified || $[1] !== collection || $[2] !== id || $[3] !== serverURL || $[4] !== api || $[5] !== globalDoc || $[6] !== submitted || $[7] !== versionsConfig || $[8] !== i18n || $[9] !== reportUpdate || $[10] !== setModified || $[11] !== getVersions || $[12] !== dispatchFields || $[13] !== setSubmitted) {
+    t3 = () => {
+      const abortController = new AbortController();
+      let autosaveTimeout;
+      autosaveTimeout = undefined;
+      let startTimestamp;
+      startTimestamp = undefined;
+      let endTimestamp;
+      endTimestamp = undefined;
+      const autosave = () => {
+        if (modified) {
+          startTimestamp = new Date().getTime();
+          setSaving(true);
+          let url;
+          let method;
+          let entitySlug;
+          if (collection && id) {
+            entitySlug = collection.slug;
+            url = `${serverURL}${api}/${entitySlug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`;
+            method = "PATCH";
+          }
+          if (globalDoc) {
+            entitySlug = globalDoc.slug;
+            url = `${serverURL}${api}/globals/${entitySlug}?draft=true&autosave=true&locale=${localeRef.current}`;
+            method = "POST";
+          }
+          if (url) {
+            if (modifiedRef.current) {
+              const {
+                data,
+                valid
+              } = {
+                ...reduceFieldsToValuesWithValidation(fieldRef.current, true)
+              };
+              data._status = "draft";
+              const skipSubmission = submitted && !valid && versionsConfig?.drafts && versionsConfig?.drafts?.validate;
+              if (!skipSubmission) {
+                fetch(url, {
+                  body: JSON.stringify(data),
+                  credentials: "include",
+                  headers: {
+                    "Accept-Language": i18n.language,
+                    "Content-Type": "application/json"
+                  },
+                  method,
+                  signal: abortController.signal
+                }).then(res => {
+                  const newDate = new Date();
+                  endTimestamp = newDate.getTime();
+                  if (res.status === 200) {
+                    setLastSaved(newDate.getTime());
+                    reportUpdate({
+                      id,
+                      entitySlug,
+                      updatedAt: newDate.toISOString()
+                    });
+                    setModified(false);
+                    getVersions();
+                  } else {
+                    return res.json();
+                  }
+                }).then(json => {
+                  if (versionsConfig?.drafts && versionsConfig?.drafts?.validate && json?.errors) {
+                    if (Array.isArray(json.errors)) {
+                      const [fieldErrors, nonFieldErrors] = json.errors.reduce((t4, err) => {
+                        const [fieldErrs, nonFieldErrs] = t4;
+                        const newFieldErrs = [];
+                        const newNonFieldErrs = [];
+                        if (err?.message) {
+                          newNonFieldErrs.push(err);
+                        }
+                        if (Array.isArray(err?.data)) {
+                          err.data.forEach(dataError => {
+                            if (dataError?.field) {
+                              newFieldErrs.push(dataError);
+                            } else {
+                              newNonFieldErrs.push(dataError);
                             }
+                          });
                         }
-                        setSaving(false);
-                    }, 1000);
-                }
+                        return [[...fieldErrs, ...newFieldErrs], [...nonFieldErrs, ...newNonFieldErrs]];
+                      }, [[], []]);
+                      dispatchFields({
+                        type: "ADD_SERVER_ERRORS",
+                        errors: fieldErrors
+                      });
+                      nonFieldErrors.forEach(err_0 => {
+                        toast.error(err_0.message || i18n.t("error:unknown"));
+                      });
+                      setSubmitted(true);
+                      setSaving(false);
+                      return;
+                    }
+                  }
+                }).then(() => {
+                  if (endTimestamp - startTimestamp < minimumAnimationTime) {
+                    autosaveTimeout = setTimeout(() => {
+                      setSaving(false);
+                    }, minimumAnimationTime - (endTimestamp - startTimestamp));
+                  } else {
+                    setSaving(false);
+                  }
+                });
+              }
             }
-        };
-        void autosave();
-    }, [
-        i18n,
-        debouncedFields,
-        modified,
-        serverURL,
-        api,
-        collection,
-        globalDoc,
-        reportUpdate,
-        id,
-        getVersions
-    ]);
-    useEffect(()=>{
-        if (versions?.docs?.[0]) {
-            setLastSaved(new Date(versions.docs[0].updatedAt).getTime());
-        } else if (publishedDocUpdatedAt) {
-            setLastSaved(new Date(publishedDocUpdatedAt).getTime());
+          }
+        }
+      };
+      autosave();
+      return () => {
+        if (autosaveTimeout) {
+          clearTimeout(autosaveTimeout);
         }
-    }, [
-        publishedDocUpdatedAt,
-        versions
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            saving && t('general:saving'),
-            !saving && lastSaved && /*#__PURE__*/ _jsx(React.Fragment, {
-                children: t('version:lastSavedAgo', {
-                    distance: formatTimeToNow({
-                        date: lastSaved,
-                        i18n
-                    })
-                })
-            })
-        ]
+        if (abortController.signal) {
+          ;
+          try {
+            abortController.abort("Autosave closed early.");
+          } catch (t5) {
+            const error = t5;
+          }
+        }
+        setSaving(false);
+      };
+    };
+    $[0] = modified;
+    $[1] = collection;
+    $[2] = id;
+    $[3] = serverURL;
+    $[4] = api;
+    $[5] = globalDoc;
+    $[6] = submitted;
+    $[7] = versionsConfig;
+    $[8] = i18n;
+    $[9] = reportUpdate;
+    $[10] = setModified;
+    $[11] = getVersions;
+    $[12] = dispatchFields;
+    $[13] = setSubmitted;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  const t4 = versionsConfig?.drafts;
+  let t5;
+  if ($[15] !== api || $[16] !== collection || $[17] !== dispatchFields || $[18] !== getVersions || $[19] !== globalDoc || $[20] !== i18n || $[21] !== id || $[22] !== interval || $[23] !== modified || $[24] !== reportUpdate || $[25] !== serverURL || $[26] !== setSubmitted || $[27] !== setModified || $[28] !== t4 || $[29] !== debouncedFields || $[30] !== submitted) {
+    t5 = [api, collection, dispatchFields, getVersions, globalDoc, i18n, id, interval, modified, reportUpdate, serverURL, setSubmitted, setModified, t4, debouncedFields, submitted];
+    $[15] = api;
+    $[16] = collection;
+    $[17] = dispatchFields;
+    $[18] = getVersions;
+    $[19] = globalDoc;
+    $[20] = i18n;
+    $[21] = id;
+    $[22] = interval;
+    $[23] = modified;
+    $[24] = reportUpdate;
+    $[25] = serverURL;
+    $[26] = setSubmitted;
+    $[27] = setModified;
+    $[28] = t4;
+    $[29] = debouncedFields;
+    $[30] = submitted;
+    $[31] = t5;
+  } else {
+    t5 = $[31];
+  }
+  useEffect(t3, t5);
+  let t6;
+  let t7;
+  if ($[32] !== versions || $[33] !== publishedDocUpdatedAt) {
+    t6 = () => {
+      if (versions?.docs?.[0]) {
+        setLastSaved(new Date(versions.docs[0].updatedAt).getTime());
+      } else {
+        if (publishedDocUpdatedAt) {
+          setLastSaved(new Date(publishedDocUpdatedAt).getTime());
+        }
+      }
+    };
+    t7 = [publishedDocUpdatedAt, versions];
+    $[32] = versions;
+    $[33] = publishedDocUpdatedAt;
+    $[34] = t6;
+    $[35] = t7;
+  } else {
+    t6 = $[34];
+    t7 = $[35];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[36] !== saving || $[37] !== t) {
+    t8 = saving && t("general:saving");
+    $[36] = saving;
+    $[37] = t;
+    $[38] = t8;
+  } else {
+    t8 = $[38];
+  }
+  let t9;
+  if ($[39] !== saving || $[40] !== lastSaved || $[41] !== i18n || $[42] !== t || $[43] !== t8) {
+    t9 = _jsxs("div", {
+      className: baseClass,
+      children: [t8, !saving && Boolean(lastSaved) && _jsx(React.Fragment, {
+        children: t("version:lastSavedAgo", {
+          distance: formatTimeToNow({
+            date: lastSaved,
+            i18n
+          })
+        })
+      })]
     });
+    $[39] = saving;
+    $[40] = lastSaved;
+    $[41] = i18n;
+    $[42] = t;
+    $[43] = t8;
+    $[44] = t9;
+  } else {
+    t9 = $[44];
+  }
+  return t9;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { useAllFormFields, useFormModified } from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate.js'\nimport { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({\n  id,\n  collection,\n  global: globalDoc,\n  publishedDocUpdatedAt,\n}) => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { docConfig, getVersions, versions } = useDocumentInfo()\n  const { reportUpdate } = useDocumentEvents()\n  const versionsConfig = docConfig?.versions\n\n  const [fields] = useAllFormFields()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  let interval = 800\n  if (versionsConfig.drafts && versionsConfig?.drafts?.autosave)\n    interval = versionsConfig.drafts.autosave.interval\n\n  const [saving, setSaving] = useState(false)\n  const [lastSaved, setLastSaved] = useState<number>()\n  const debouncedFields = useDebounce(fields, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  // Store locale in ref so the autosave func\n  // can always retrieve the most to date locale\n  localeRef.current = locale\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    const autosave = () => {\n      if (modified) {\n        setSaving(true)\n\n        let url: string\n        let method: string\n        let entitySlug: string\n\n        if (collection && id) {\n          entitySlug = collection.slug\n          url = `${serverURL}${api}/${entitySlug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (globalDoc) {\n          entitySlug = globalDoc.slug\n          url = `${serverURL}${api}/globals/${entitySlug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          setTimeout(async () => {\n            if (modifiedRef.current) {\n              const body = {\n                ...reduceFieldsToValues(fieldRef.current, true),\n                _status: 'draft',\n              }\n              const res = await fetch(url, {\n                body: JSON.stringify(body),\n                credentials: 'include',\n                headers: {\n                  'Accept-Language': i18n.language,\n                  'Content-Type': 'application/json',\n                },\n                method,\n              })\n\n              if (res.status === 200) {\n                const newDate = new Date()\n                setLastSaved(newDate.getTime())\n                reportUpdate({\n                  id,\n                  entitySlug,\n                  updatedAt: newDate.toISOString(),\n                })\n                void getVersions()\n              }\n            }\n\n            setSaving(false)\n          }, 1000)\n        }\n      }\n    }\n\n    void autosave()\n  }, [\n    i18n,\n    debouncedFields,\n    modified,\n    serverURL,\n    api,\n    collection,\n    globalDoc,\n    reportUpdate,\n    id,\n    getVersions,\n  ])\n\n  useEffect(() => {\n    if (versions?.docs?.[0]) {\n      setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n    } else if (publishedDocUpdatedAt) {\n      setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n    }\n  }, [publishedDocUpdatedAt, versions])\n\n  return (\n    <div className={baseClass}>\n      {saving && t('general:saving')}\n      {!saving && lastSaved && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastSaved, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["React","useEffect","useRef","useState","useAllFormFields","useFormModified","useDebounce","useConfig","useDocumentEvents","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValues","baseClass","Autosave","id","collection","global","globalDoc","publishedDocUpdatedAt","routes","api","serverURL","docConfig","getVersions","versions","reportUpdate","versionsConfig","fields","modified","code","locale","i18n","t","interval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","fieldRef","modifiedRef","localeRef","current","url","method","entitySlug","slug","setTimeout","body","_status","res","fetch","JSON","stringify","credentials","headers","language","status","newDate","Date","getTime","updatedAt","toISOString","docs","div","className","Fragment","distance","date"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","versionDefaults","React","useEffect","useRef","useState","toast","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useConfig","useDocumentEvents","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValuesWithValidation","baseClass","minimumAnimationTime","Autosave","t0","$","id","collection","global","globalDoc","publishedDocUpdatedAt","config","t1","routes","t2","serverURL","api","docConfig","getVersions","versions","reportUpdate","dispatchFields","setModified","setSubmitted","submitted","versionsConfig","fields","formModified","code","locale","i18n","t","interval","autosaveInterval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","modified","fieldRef","modifiedRef","localeRef","debouncedRef","current","t3","abortController","AbortController","autosaveTimeout","undefined","startTimestamp","endTimestamp","url","method","entitySlug","slug","data","valid","_status","skipSubmission","validate","fetch","body","JSON","stringify","credentials","headers","language","signal","then","res","newDate","Date","getTime","status","updatedAt","toISOString","json","errors","Array","isArray","fieldErrors","nonFieldErrors","reduce","t4","err","fieldErrs","nonFieldErrs","newFieldErrs","newNonFieldErrs","message","push","forEach","dataError","field","type","err_0","error","clearTimeout","abort","t5","t6","t7","docs","t8","t9","_jsxs","className","children","Boolean","_jsx","Fragment","distance","date"],"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { versionDefaults } from 'payload/shared'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({\n  id,\n  collection,\n  global: globalDoc,\n  publishedDocUpdatedAt,\n}) => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { docConfig, getVersions, versions } = useDocumentInfo()\n  const { reportUpdate } = useDocumentEvents()\n  const { dispatchFields, setModified, setSubmitted } = useForm()\n  const submitted = useFormSubmitted()\n  const versionsConfig = docConfig?.versions\n\n  const [fields] = useAllFormFields()\n  const formModified = useFormModified()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  let interval = versionDefaults.autosaveInterval\n  if (versionsConfig.drafts && versionsConfig.drafts.autosave)\n    interval = versionsConfig.drafts.autosave.interval\n\n  const [saving, setSaving] = useState(false)\n  const [lastSaved, setLastSaved] = useState<number>()\n  const debouncedFields = useDebounce(fields, interval)\n  const modified = useDebounce(formModified, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n  const debouncedRef = useRef(debouncedFields)\n\n  debouncedRef.current = debouncedFields\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  // Store locale in ref so the autosave func\n  // can always retrieve the most to date locale\n  localeRef.current = locale\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    const abortController = new AbortController()\n    let autosaveTimeout = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const autosave = () => {\n      if (modified) {\n        startTimestamp = new Date().getTime()\n\n        setSaving(true)\n\n        let url: string\n        let method: string\n        let entitySlug: string\n\n        if (collection && id) {\n          entitySlug = collection.slug\n          url = `${serverURL}${api}/${entitySlug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (globalDoc) {\n          entitySlug = globalDoc.slug\n          url = `${serverURL}${api}/globals/${entitySlug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          if (modifiedRef.current) {\n            const { data, valid } = {\n              ...reduceFieldsToValuesWithValidation(fieldRef.current, true),\n            }\n            data._status = 'draft'\n            const skipSubmission =\n              submitted && !valid && versionsConfig?.drafts && versionsConfig?.drafts?.validate\n\n            if (!skipSubmission) {\n              void fetch(url, {\n                body: JSON.stringify(data),\n                credentials: 'include',\n                headers: {\n                  'Accept-Language': i18n.language,\n                  'Content-Type': 'application/json',\n                },\n                method,\n                signal: abortController.signal,\n              })\n                .then((res) => {\n                  const newDate = new Date()\n                  // We need to log the time in order to figure out if we need to trigger the state off later\n                  endTimestamp = newDate.getTime()\n\n                  if (res.status === 200) {\n                    setLastSaved(newDate.getTime())\n\n                    reportUpdate({\n                      id,\n                      entitySlug,\n                      updatedAt: newDate.toISOString(),\n                    })\n                    setModified(false)\n                    void getVersions()\n                  } else {\n                    return res.json()\n                  }\n                })\n                .then((json) => {\n                  if (versionsConfig?.drafts && versionsConfig?.drafts?.validate && json?.errors) {\n                    if (Array.isArray(json.errors)) {\n                      const [fieldErrors, nonFieldErrors] = json.errors.reduce(\n                        ([fieldErrs, nonFieldErrs], err) => {\n                          const newFieldErrs = []\n                          const newNonFieldErrs = []\n\n                          if (err?.message) {\n                            newNonFieldErrs.push(err)\n                          }\n\n                          if (Array.isArray(err?.data)) {\n                            err.data.forEach((dataError) => {\n                              if (dataError?.field) {\n                                newFieldErrs.push(dataError)\n                              } else {\n                                newNonFieldErrs.push(dataError)\n                              }\n                            })\n                          }\n\n                          return [\n                            [...fieldErrs, ...newFieldErrs],\n                            [...nonFieldErrs, ...newNonFieldErrs],\n                          ]\n                        },\n                        [[], []],\n                      )\n\n                      dispatchFields({\n                        type: 'ADD_SERVER_ERRORS',\n                        errors: fieldErrors,\n                      })\n\n                      nonFieldErrors.forEach((err) => {\n                        toast.error(err.message || i18n.t('error:unknown'))\n                      })\n\n                      setSubmitted(true)\n                      setSaving(false)\n                      return\n                    }\n                  }\n                })\n                .then(() => {\n                  // If request was faster than minimum animation time, animate the difference\n                  if (endTimestamp - startTimestamp < minimumAnimationTime) {\n                    autosaveTimeout = setTimeout(\n                      () => {\n                        setSaving(false)\n                      },\n                      minimumAnimationTime - (endTimestamp - startTimestamp),\n                    )\n                  } else {\n                    setSaving(false)\n                  }\n                })\n            }\n          }\n        }\n      }\n    }\n\n    void autosave()\n\n    return () => {\n      if (autosaveTimeout) clearTimeout(autosaveTimeout)\n      if (abortController.signal) {\n        try {\n          abortController.abort('Autosave closed early.')\n        } catch (error) {\n          // swallow error\n        }\n      }\n      setSaving(false)\n    }\n  }, [\n    api,\n    collection,\n    dispatchFields,\n    getVersions,\n    globalDoc,\n    i18n,\n    id,\n    interval,\n    modified,\n    reportUpdate,\n    serverURL,\n    setSubmitted,\n    setModified,\n    versionsConfig?.drafts,\n    debouncedFields,\n    submitted,\n  ])\n\n  useEffect(() => {\n    if (versions?.docs?.[0]) {\n      setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n    } else if (publishedDocUpdatedAt) {\n      setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n    }\n  }, [publishedDocUpdatedAt, versions])\n\n  return (\n    <div className={baseClass}>\n      {saving && t('general:saving')}\n      {!saving && Boolean(lastSaved) && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastSaved, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Banner/index.d.ts

@@ -2,7 +2,7 @@ import type { MouseEvent } from 'react';
 import React from 'react';
 import './index.scss';
 type onClick = (event: MouseEvent) => void;
-export type Props = {
+export type Props = Readonly<{
     alignIcon?: 'left' | 'right';
     children?: React.ReactNode;
     className?: string;
@@ -10,7 +10,7 @@ export type Props = {
     onClick?: onClick;
     to?: string;
     type?: 'default' | 'error' | 'info' | 'success';
-};
+}>;
 export type RenderedTypeProps = {
     children?: React.ReactNode;
     className?: string;

package/dist/elements/Banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAMrB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CAChD,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiClC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAMrB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CAChD,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiClC,CAAA"}