@payloadcms/next 3.0.0-beta.7 → 3.0.0-beta.71

package/dist/views/Edit/Default/Auth/index.js

@@ -1,23 +1,18 @@
 'use client';
-import { Button } from '@payloadcms/ui/elements/Button';
-import { Checkbox } from '@payloadcms/ui/fields/Checkbox';
-import { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword';
-import { Email } from '@payloadcms/ui/fields/Email';
-import { Password } from '@payloadcms/ui/fields/Password';
-import { useFormFields, useFormModified } from '@payloadcms/ui/forms/Form';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, CheckboxField, ConfirmPasswordField, EmailField, PasswordField, TextField, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useEffect, useState } from 'react';
-import { toast } from 'react-toastify';
+import { toast } from 'sonner';
 import { APIKey } from './APIKey.js';
 const baseClass = 'auth-fields';
 export const Auth = (props)=>{
-    const { className, collectionSlug, disableLocalStrategy, email, operation, readOnly, requirePassword, useAPIKey, verify } = props;
+    const { className, collectionSlug, disableLocalStrategy, email, loginWithUsername, operation, readOnly, requirePassword, useAPIKey, username, verify } = props;
     const [changingPassword, setChangingPassword] = useState(requirePassword);
-    const enableAPIKey = useFormFields(([fields])=>fields.enableAPIKey);
+    const enableAPIKey = useFormFields(([fields])=>fields && fields?.enableAPIKey || null);
     const dispatchFields = useFormFields((reducer)=>reducer[1]);
     const modified = useFormModified();
     const { i18n, t } = useTranslation();
+    const { isInitializing } = useDocumentInfo();
     const { routes: { api }, serverURL } = useConfig();
     const handleChangePassword = useCallback((state)=>{
         if (!state) {
@@ -37,7 +32,9 @@ export const Auth = (props)=>{
     const unlock = useCallback(async ()=>{
         const url = `${serverURL}${api}/${collectionSlug}/unlock`;
         const response = await fetch(url, {
-            body: JSON.stringify({
+            body: loginWithUsername && username ? JSON.stringify({
+                username
+            }) : JSON.stringify({
                 email
             }),
             credentials: 'include',
@@ -48,9 +45,7 @@ export const Auth = (props)=>{
             method: 'post'
         });
         if (response.status === 200) {
-            toast.success(t('authentication:successfullyUnlocked'), {
-                autoClose: 3000
-            });
+            toast.success(t('authentication:successfullyUnlocked'));
         } else {
             toast.error(t('authentication:failedToUnlock'));
         }
@@ -60,6 +55,7 @@ export const Auth = (props)=>{
         api,
         collectionSlug,
         email,
+        username,
         t
     ]);
     useEffect(()=>{
@@ -72,58 +68,97 @@ export const Auth = (props)=>{
     if (disableLocalStrategy && !useAPIKey) {
         return null;
     }
-    return /*#__PURE__*/ React.createElement("div", {
+    const disabled = readOnly || isInitializing;
+    return /*#__PURE__*/ _jsxs("div", {
         className: [
             baseClass,
             className
-        ].filter(Boolean).join(' ')
-    }, !disableLocalStrategy && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Email, {
-        autoComplete: "email",
-        label: t('general:email'),
-        name: "email",
-        readOnly: readOnly,
-        required: true
-    }), (changingPassword || requirePassword) && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__changing-password`
-    }, /*#__PURE__*/ React.createElement(Password, {
-        autoComplete: "off",
-        disabled: readOnly,
-        label: t('authentication:newPassword'),
-        name: "password",
-        required: true
-    }), /*#__PURE__*/ React.createElement(ConfirmPassword, {
-        disabled: readOnly
-    })), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls`
-    }, changingPassword && !requirePassword && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        onClick: ()=>handleChangePassword(false),
-        size: "small"
-    }, t('general:cancel')), !changingPassword && !requirePassword && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        id: "change-password",
-        onClick: ()=>handleChangePassword(true),
-        size: "small"
-    }, t('authentication:changePassword')), operation === 'update' && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        onClick: ()=>unlock(),
-        size: "small"
-    }, t('authentication:forceUnlock')))), useAPIKey && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__api-key`
-    }, /*#__PURE__*/ React.createElement(Checkbox, {
-        label: t('authentication:enableAPIKey'),
-        name: "enableAPIKey",
-        readOnly: readOnly
-    }), enableAPIKey?.value && /*#__PURE__*/ React.createElement(APIKey, {
-        readOnly: readOnly
-    })), verify && /*#__PURE__*/ React.createElement(Checkbox, {
-        label: t('authentication:verified'),
-        name: "_verified",
-        readOnly: readOnly
-    }));
+        ].filter(Boolean).join(' '),
+        children: [
+            !disableLocalStrategy && /*#__PURE__*/ _jsxs(React.Fragment, {
+                children: [
+                    Boolean(loginWithUsername) && /*#__PURE__*/ _jsx(TextField, {
+                        disabled: disabled,
+                        label: t('authentication:username'),
+                        name: "username",
+                        readOnly: readOnly,
+                        required: true
+                    }),
+                    (!loginWithUsername || loginWithUsername?.allowEmailLogin || loginWithUsername?.requireEmail) && /*#__PURE__*/ _jsx(EmailField, {
+                        autoComplete: "email",
+                        disabled: disabled,
+                        label: t('general:email'),
+                        name: "email",
+                        readOnly: readOnly,
+                        required: !loginWithUsername || loginWithUsername?.requireEmail
+                    }),
+                    (changingPassword || requirePassword) && /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__changing-password`,
+                        children: [
+                            /*#__PURE__*/ _jsx(PasswordField, {
+                                autoComplete: "off",
+                                disabled: disabled,
+                                label: t('authentication:newPassword'),
+                                name: "password",
+                                required: true
+                            }),
+                            /*#__PURE__*/ _jsx(ConfirmPasswordField, {
+                                disabled: readOnly
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__controls`,
+                        children: [
+                            changingPassword && !requirePassword && /*#__PURE__*/ _jsx(Button, {
+                                buttonStyle: "secondary",
+                                disabled: disabled,
+                                onClick: ()=>handleChangePassword(false),
+                                size: "small",
+                                children: t('general:cancel')
+                            }),
+                            !changingPassword && !requirePassword && /*#__PURE__*/ _jsx(Button, {
+                                buttonStyle: "secondary",
+                                disabled: disabled,
+                                id: "change-password",
+                                onClick: ()=>handleChangePassword(true),
+                                size: "small",
+                                children: t('authentication:changePassword')
+                            }),
+                            operation === 'update' && /*#__PURE__*/ _jsx(Button, {
+                                buttonStyle: "secondary",
+                                disabled: disabled,
+                                onClick: ()=>unlock(),
+                                size: "small",
+                                children: t('authentication:forceUnlock')
+                            })
+                        ]
+                    })
+                ]
+            }),
+            useAPIKey && /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__api-key`,
+                children: [
+                    /*#__PURE__*/ _jsx(CheckboxField, {
+                        disabled: disabled,
+                        label: t('authentication:enableAPIKey'),
+                        name: "enableAPIKey",
+                        readOnly: readOnly
+                    }),
+                    /*#__PURE__*/ _jsx(APIKey, {
+                        enabled: !!enableAPIKey?.value,
+                        readOnly: readOnly
+                    })
+                ]
+            }),
+            verify && /*#__PURE__*/ _jsx(CheckboxField, {
+                disabled: disabled,
+                label: t('authentication:verified'),
+                name: "_verified",
+                readOnly: readOnly
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/views/Edit/Default/Auth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { Checkbox } from '@payloadcms/ui/fields/Checkbox'\nimport { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword'\nimport { Email } from '@payloadcms/ui/fields/Email'\nimport { Password } from '@payloadcms/ui/fields/Password'\nimport { useFormFields, useFormModified } from '@payloadcms/ui/forms/Form'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport type { Props } from './types.js'\n\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n  const {\n    className,\n    collectionSlug,\n    disableLocalStrategy,\n    email,\n    operation,\n    readOnly,\n    requirePassword,\n    useAPIKey,\n    verify,\n  } = props\n\n  const [changingPassword, setChangingPassword] = useState(requirePassword)\n  const enableAPIKey = useFormFields(([fields]) => fields.enableAPIKey)\n  const dispatchFields = useFormFields((reducer) => reducer[1])\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const handleChangePassword = useCallback(\n    (state: boolean) => {\n      if (!state) {\n        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(state)\n    },\n    [dispatchFields],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = `${serverURL}${api}/${collectionSlug}/unlock`\n    const response = await fetch(url, {\n      body: JSON.stringify({\n        email,\n      }),\n      credentials: 'include',\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n      method: 'post',\n    })\n\n    if (response.status === 200) {\n      toast.success(t('authentication:successfullyUnlocked'), { autoClose: 3000 })\n    } else {\n      toast.error(t('authentication:failedToUnlock'))\n    }\n  }, [i18n, serverURL, api, collectionSlug, email, t])\n\n  useEffect(() => {\n    if (!modified) {\n      setChangingPassword(false)\n    }\n  }, [modified])\n\n  if (disableLocalStrategy && !useAPIKey) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      {!disableLocalStrategy && (\n        <React.Fragment>\n          <Email\n            autoComplete=\"email\"\n            label={t('general:email')}\n            name=\"email\"\n            readOnly={readOnly}\n            required\n          />\n          {(changingPassword || requirePassword) && (\n            <div className={`${baseClass}__changing-password`}>\n              <Password\n                autoComplete=\"off\"\n                disabled={readOnly}\n                label={t('authentication:newPassword')}\n                name=\"password\"\n                required\n              />\n              <ConfirmPassword disabled={readOnly} />\n            </div>\n          )}\n\n          <div className={`${baseClass}__controls`}>\n            {changingPassword && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={readOnly}\n                onClick={() => handleChangePassword(false)}\n                size=\"small\"\n              >\n                {t('general:cancel')}\n              </Button>\n            )}\n            {!changingPassword && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={readOnly}\n                id=\"change-password\"\n                onClick={() => handleChangePassword(true)}\n                size=\"small\"\n              >\n                {t('authentication:changePassword')}\n              </Button>\n            )}\n            {operation === 'update' && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={readOnly}\n                onClick={() => unlock()}\n                size=\"small\"\n              >\n                {t('authentication:forceUnlock')}\n              </Button>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n      {useAPIKey && (\n        <div className={`${baseClass}__api-key`}>\n          <Checkbox\n            label={t('authentication:enableAPIKey')}\n            name=\"enableAPIKey\"\n            readOnly={readOnly}\n          />\n          {enableAPIKey?.value && <APIKey readOnly={readOnly} />}\n        </div>\n      )}\n      {verify && (\n        <Checkbox label={t('authentication:verified')} name=\"_verified\" readOnly={readOnly} />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","Checkbox","ConfirmPassword","Email","Password","useFormFields","useFormModified","useConfig","useTranslation","React","useCallback","useEffect","useState","toast","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","operation","readOnly","requirePassword","useAPIKey","verify","changingPassword","setChangingPassword","enableAPIKey","fields","dispatchFields","reducer","modified","i18n","t","routes","api","serverURL","handleChangePassword","state","type","path","unlock","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","autoClose","error","div","filter","Boolean","join","Fragment","autoComplete","label","name","required","disabled","buttonStyle","onClick","size","id","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  CheckboxField,\n  ConfirmPasswordField,\n  EmailField,\n  PasswordField,\n  TextField,\n  useConfig,\n  useDocumentInfo,\n  useFormFields,\n  useFormModified,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n  const {\n    className,\n    collectionSlug,\n    disableLocalStrategy,\n    email,\n    loginWithUsername,\n    operation,\n    readOnly,\n    requirePassword,\n    useAPIKey,\n    username,\n    verify,\n  } = props\n\n  const [changingPassword, setChangingPassword] = useState(requirePassword)\n  const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) || null)\n  const dispatchFields = useFormFields((reducer) => reducer[1])\n  const modified = useFormModified()\n  const { i18n, t } = useTranslation()\n  const { isInitializing } = useDocumentInfo()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const handleChangePassword = useCallback(\n    (state: boolean) => {\n      if (!state) {\n        dispatchFields({ type: 'REMOVE', path: 'password' })\n        dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n      }\n\n      setChangingPassword(state)\n    },\n    [dispatchFields],\n  )\n\n  const unlock = useCallback(async () => {\n    const url = `${serverURL}${api}/${collectionSlug}/unlock`\n    const response = await fetch(url, {\n      body:\n        loginWithUsername && username ? JSON.stringify({ username }) : JSON.stringify({ email }),\n      credentials: 'include',\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n      method: 'post',\n    })\n\n    if (response.status === 200) {\n      toast.success(t('authentication:successfullyUnlocked'))\n    } else {\n      toast.error(t('authentication:failedToUnlock'))\n    }\n  }, [i18n, serverURL, api, collectionSlug, email, username, t])\n\n  useEffect(() => {\n    if (!modified) {\n      setChangingPassword(false)\n    }\n  }, [modified])\n\n  if (disableLocalStrategy && !useAPIKey) {\n    return null\n  }\n\n  const disabled = readOnly || isInitializing\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      {!disableLocalStrategy && (\n        <React.Fragment>\n          {Boolean(loginWithUsername) && (\n            <TextField\n              disabled={disabled}\n              label={t('authentication:username')}\n              name=\"username\"\n              readOnly={readOnly}\n              required\n            />\n          )}\n          {(!loginWithUsername ||\n            loginWithUsername?.allowEmailLogin ||\n            loginWithUsername?.requireEmail) && (\n            <EmailField\n              autoComplete=\"email\"\n              disabled={disabled}\n              label={t('general:email')}\n              name=\"email\"\n              readOnly={readOnly}\n              required={!loginWithUsername || loginWithUsername?.requireEmail}\n            />\n          )}\n          {(changingPassword || requirePassword) && (\n            <div className={`${baseClass}__changing-password`}>\n              <PasswordField\n                autoComplete=\"off\"\n                disabled={disabled}\n                label={t('authentication:newPassword')}\n                name=\"password\"\n                required\n              />\n              <ConfirmPasswordField disabled={readOnly} />\n            </div>\n          )}\n          <div className={`${baseClass}__controls`}>\n            {changingPassword && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => handleChangePassword(false)}\n                size=\"small\"\n              >\n                {t('general:cancel')}\n              </Button>\n            )}\n            {!changingPassword && !requirePassword && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                id=\"change-password\"\n                onClick={() => handleChangePassword(true)}\n                size=\"small\"\n              >\n                {t('authentication:changePassword')}\n              </Button>\n            )}\n            {operation === 'update' && (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={disabled}\n                onClick={() => unlock()}\n                size=\"small\"\n              >\n                {t('authentication:forceUnlock')}\n              </Button>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n      {useAPIKey && (\n        <div className={`${baseClass}__api-key`}>\n          <CheckboxField\n            disabled={disabled}\n            label={t('authentication:enableAPIKey')}\n            name=\"enableAPIKey\"\n            readOnly={readOnly}\n          />\n          <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n        </div>\n      )}\n      {verify && (\n        <CheckboxField\n          disabled={disabled}\n          label={t('authentication:verified')}\n          name=\"_verified\"\n          readOnly={readOnly}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","CheckboxField","ConfirmPasswordField","EmailField","PasswordField","TextField","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","React","useCallback","useEffect","useState","toast","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","operation","readOnly","requirePassword","useAPIKey","username","verify","changingPassword","setChangingPassword","enableAPIKey","fields","dispatchFields","reducer","modified","i18n","t","isInitializing","routes","api","serverURL","handleChangePassword","state","type","path","unlock","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","disabled","div","filter","Boolean","join","Fragment","label","name","required","allowEmailLogin","requireEmail","autoComplete","buttonStyle","onClick","size","id","enabled","value"],"mappings":"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"}

package/dist/views/Edit/Default/Auth/index.scss

@@ -48,11 +48,26 @@
 
 @keyframes highlight {
   0% {
-    background: var(--theme-success-500);
+    background: var(--theme-success-250);
+    border: 1px solid var(--theme-success-500);
+  }
+
+  20% {
+    background: var(--theme-input-bg);
+    border: 1px solid var(--theme-elevation-250);
+    color: var(--theme-text);
+  }
+
+  80% {
+    background: var(--theme-input-bg);
+    border: 1px solid var(--theme-elevation-250);
+    color: var(--theme-text);
   }
 
   100% {
-    background: none;
+    background: var(--theme-elevation-200);
+    border: 1px solid transparent;
+    color: var(--theme-elevation-400);
   }
 }
 

package/dist/views/Edit/Default/Auth/types.d.ts

@@ -1,14 +1,15 @@
-import type { VerifyConfig } from 'payload/auth';
-import type { SanitizedCollectionConfig } from 'payload/types';
+import type { SanitizedCollectionConfig, VerifyConfig } from 'payload';
 export type Props = {
     className?: string;
     collectionSlug: SanitizedCollectionConfig['slug'];
     disableLocalStrategy?: boolean;
     email: string;
+    loginWithUsername: SanitizedCollectionConfig['auth']['loginWithUsername'];
     operation: 'create' | 'update';
     readOnly: boolean;
     requirePassword?: boolean;
     useAPIKey?: boolean;
+    username: string;
     verify?: VerifyConfig | boolean;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/views/Edit/Default/Auth/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CAChC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtE,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,mBAAmB,CAAC,CAAA;IACzE,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CAChC,CAAA"}

package/dist/views/Edit/Default/Auth/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"sourcesContent":["import type { VerifyConfig } from 'payload/auth'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nexport type Props = {\n  className?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  disableLocalStrategy?: boolean\n  email: string\n  operation: 'create' | 'update'\n  readOnly: boolean\n  requirePassword?: boolean\n  useAPIKey?: boolean\n  verify?: VerifyConfig | boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAUC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig, VerifyConfig } from 'payload'\n\nexport type Props = {\n  className?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  disableLocalStrategy?: boolean\n  email: string\n  loginWithUsername: SanitizedCollectionConfig['auth']['loginWithUsername']\n  operation: 'create' | 'update'\n  readOnly: boolean\n  requirePassword?: boolean\n  useAPIKey?: boolean\n  username: string\n  verify?: VerifyConfig | boolean\n}\n"],"names":[],"mappings":"AAEA,WAYC"}

package/dist/views/Edit/Default/{SetStepNav → SetDocumentStepNav}/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" resolution-mode="require"/>
-import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types';
-export declare const SetStepNav: React.FC<{
+import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+export declare const SetDocumentStepNav: React.FC<{
     collectionSlug?: SanitizedCollectionConfig['slug'];
     globalLabel?: SanitizedGlobalConfig['label'];
     globalSlug?: SanitizedGlobalConfig['slug'];

package/dist/views/Edit/Default/SetDocumentStepNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAe/E,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAwFA,CAAA"}

package/dist/views/Edit/Default/SetDocumentStepNav/index.js

@@ -0,0 +1,79 @@
+'use client';
+import { getTranslation } from '@payloadcms/translations';
+import { useConfig, useDocumentInfo, useEditDepth, useEntityVisibility, useStepNav, useTranslation } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
+import { useEffect } from 'react';
+export const SetDocumentStepNav = (props)=>{
+    const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props;
+    const view = props?.view || undefined;
+    const { isEditing, isInitializing, title } = useDocumentInfo();
+    const { isEntityVisible } = useEntityVisibility();
+    const isVisible = isEntityVisible({
+        collectionSlug,
+        globalSlug
+    });
+    const { setStepNav } = useStepNav();
+    const { i18n, t } = useTranslation();
+    const { routes: { admin: adminRoute } } = useConfig();
+    const drawerDepth = useEditDepth();
+    useEffect(()=>{
+        const nav = [];
+        if (!isInitializing) {
+            if (collectionSlug) {
+                nav.push({
+                    label: getTranslation(pluralLabel, i18n),
+                    url: isVisible ? formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}`
+                    }) : undefined
+                });
+                if (isEditing) {
+                    nav.push({
+                        label: useAsTitle && useAsTitle !== 'id' && title || `${id}`,
+                        url: isVisible ? formatAdminURL({
+                            adminRoute,
+                            path: `/collections/${collectionSlug}/${id}`
+                        }) : undefined
+                    });
+                } else {
+                    nav.push({
+                        label: t('general:createNew')
+                    });
+                }
+            } else if (globalSlug) {
+                nav.push({
+                    label: title,
+                    url: isVisible ? formatAdminURL({
+                        adminRoute,
+                        path: `/globals/${globalSlug}`
+                    }) : undefined
+                });
+            }
+            if (view) {
+                nav.push({
+                    label: view
+                });
+            }
+            if (drawerDepth <= 1) setStepNav(nav);
+        }
+    }, [
+        setStepNav,
+        isInitializing,
+        isEditing,
+        pluralLabel,
+        id,
+        useAsTitle,
+        adminRoute,
+        t,
+        i18n,
+        title,
+        collectionSlug,
+        globalSlug,
+        view,
+        drawerDepth,
+        isVisible
+    ]);
+    return null;
+};
+
+//# sourceMappingURL=index.js.map

package/dist/views/Edit/Default/SetDocumentStepNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  type StepNavItem,\n  useConfig,\n  useDocumentInfo,\n  useEditDepth,\n  useEntityVisibility,\n  useStepNav,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { useEffect } from 'react'\n\nexport const SetDocumentStepNav: React.FC<{\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalLabel?: SanitizedGlobalConfig['label']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  id?: number | string\n  pluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  useAsTitle?: SanitizedCollectionConfig['admin']['useAsTitle']\n  view?: string\n}> = (props) => {\n  const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props\n\n  const view: string | undefined = props?.view || undefined\n\n  const { isEditing, isInitializing, title } = useDocumentInfo()\n  const { isEntityVisible } = useEntityVisibility()\n  const isVisible = isEntityVisible({ collectionSlug, globalSlug })\n\n  const { setStepNav } = useStepNav()\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const drawerDepth = useEditDepth()\n\n  useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    if (!isInitializing) {\n      if (collectionSlug) {\n        nav.push({\n          label: getTranslation(pluralLabel, i18n),\n          url: isVisible\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n        })\n\n        if (isEditing) {\n          nav.push({\n            label: (useAsTitle && useAsTitle !== 'id' && title) || `${id}`,\n            url: isVisible\n              ? formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}/${id}`,\n                })\n              : undefined,\n          })\n        } else {\n          nav.push({\n            label: t('general:createNew'),\n          })\n        }\n      } else if (globalSlug) {\n        nav.push({\n          label: title,\n          url: isVisible\n            ? formatAdminURL({\n                adminRoute,\n                path: `/globals/${globalSlug}`,\n              })\n            : undefined,\n        })\n      }\n\n      if (view) {\n        nav.push({\n          label: view,\n        })\n      }\n\n      if (drawerDepth <= 1) setStepNav(nav)\n    }\n  }, [\n    setStepNav,\n    isInitializing,\n    isEditing,\n    pluralLabel,\n    id,\n    useAsTitle,\n    adminRoute,\n    t,\n    i18n,\n    title,\n    collectionSlug,\n    globalSlug,\n    view,\n    drawerDepth,\n    isVisible,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","useStepNav","useTranslation","formatAdminURL","useEffect","SetDocumentStepNav","props","id","collectionSlug","globalSlug","pluralLabel","useAsTitle","view","undefined","isEditing","isInitializing","title","isEntityVisible","isVisible","setStepNav","i18n","t","routes","admin","adminRoute","drawerDepth","nav","push","label","url","path"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAEEC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,EACVC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,QAAQ,wBAAuB;AACtD,SAASC,SAAS,QAAQ,QAAO;AAEjC,OAAO,MAAMC,qBAQR,CAACC;IACJ,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGL;IAEpE,MAAMM,OAA2BN,OAAOM,QAAQC;IAEhD,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGlB;IAC7C,MAAM,EAAEmB,eAAe,EAAE,GAAGjB;IAC5B,MAAMkB,YAAYD,gBAAgB;QAAET;QAAgBC;IAAW;IAE/D,MAAM,EAAEU,UAAU,EAAE,GAAGlB;IAEvB,MAAM,EAAEmB,IAAI,EAAEC,CAAC,EAAE,GAAGnB;IAEpB,MAAM,EACJoB,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,GAAG3B;IAEJ,MAAM4B,cAAc1B;IAEpBK,UAAU;QACR,MAAMsB,MAAqB,EAAE;QAE7B,IAAI,CAACX,gBAAgB;YACnB,IAAIP,gBAAgB;gBAClBkB,IAAIC,IAAI,CAAC;oBACPC,OAAOhC,eAAec,aAAaU;oBACnCS,KAAKX,YACDf,eAAe;wBACbqB;wBACAM,MAAM,CAAC,aAAa,EAAEtB,eAAe,CAAC;oBACxC,KACAK;gBACN;gBAEA,IAAIC,WAAW;oBACbY,IAAIC,IAAI,CAAC;wBACPC,OAAO,AAACjB,cAAcA,eAAe,QAAQK,SAAU,CAAC,EAAET,GAAG,CAAC;wBAC9DsB,KAAKX,YACDf,eAAe;4BACbqB;4BACAM,MAAM,CAAC,aAAa,EAAEtB,eAAe,CAAC,EAAED,GAAG,CAAC;wBAC9C,KACAM;oBACN;gBACF,OAAO;oBACLa,IAAIC,IAAI,CAAC;wBACPC,OAAOP,EAAE;oBACX;gBACF;YACF,OAAO,IAAIZ,YAAY;gBACrBiB,IAAIC,IAAI,CAAC;oBACPC,OAAOZ;oBACPa,KAAKX,YACDf,eAAe;wBACbqB;wBACAM,MAAM,CAAC,SAAS,EAAErB,WAAW,CAAC;oBAChC,KACAI;gBACN;YACF;YAEA,IAAID,MAAM;gBACRc,IAAIC,IAAI,CAAC;oBACPC,OAAOhB;gBACT;YACF;YAEA,IAAIa,eAAe,GAAGN,WAAWO;QACnC;IACF,GAAG;QACDP;QACAJ;QACAD;QACAJ;QACAH;QACAI;QACAa;QACAH;QACAD;QACAJ;QACAR;QACAC;QACAG;QACAa;QACAP;KACD;IAED,OAAO;AACT,EAAC"}

package/dist/views/Edit/Default/SetDocumentTitle/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" resolution-mode="require"/>
-import type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload/types';
+import type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload';
 export declare const SetDocumentTitle: React.FC<{
     collectionConfig?: ClientCollectionConfig;
     config?: ClientConfig;

package/dist/views/Edit/Default/SetDocumentTitle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentTitle/index.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAQ7F,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAuCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentTitle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAMvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAuCA,CAAA"}

package/dist/views/Edit/Default/SetDocumentTitle/index.js

@@ -1,8 +1,6 @@
 'use client';
-import { useFormFields } from '@payloadcms/ui/forms/Form';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { formatDocTitle } from '@payloadcms/ui/utilities/formatDocTitle';
+import { useDocumentInfo, useFormFields, useTranslation } from '@payloadcms/ui';
+import { formatDocTitle } from '@payloadcms/ui/shared';
 import { useEffect, useRef } from 'react';
 export const SetDocumentTitle = (props)=>{
     const { collectionConfig, config, fallback, globalConfig } = props;

package/dist/views/Edit/Default/SetDocumentTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentTitle/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload/types'\n\nimport { useFormFields } from '@payloadcms/ui/forms/Form'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { formatDocTitle } from '@payloadcms/ui/utilities/formatDocTitle'\nimport { useEffect, useRef } from 'react'\n\nexport const SetDocumentTitle: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  config?: ClientConfig\n  fallback: string\n  globalConfig?: ClientGlobalConfig\n}> = (props) => {\n  const { collectionConfig, config, fallback, globalConfig } = props\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n  const field = useFormFields(([fields]) => (useAsTitle && fields && fields?.[useAsTitle]) || null)\n\n  const hasInitialized = useRef(false)\n\n  const { i18n } = useTranslation()\n\n  const { setDocumentTitle } = useDocumentInfo()\n\n  const dateFormatFromConfig = config?.admin?.dateFormat\n\n  const title = formatDocTitle({\n    collectionConfig,\n    data: { id: '' },\n    dateFormat: dateFormatFromConfig,\n    fallback:\n      typeof field === 'string'\n        ? field\n        : typeof field === 'number'\n          ? String(field)\n          : (field?.value as string) || fallback,\n    globalConfig,\n    i18n,\n  })\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    setDocumentTitle(title)\n  }, [setDocumentTitle, title])\n\n  return null\n}\n"],"names":["useFormFields","useDocumentInfo","useTranslation","formatDocTitle","useEffect","useRef","SetDocumentTitle","props","collectionConfig","config","fallback","globalConfig","useAsTitle","admin","field","fields","hasInitialized","i18n","setDocumentTitle","dateFormatFromConfig","dateFormat","title","data","id","String","value","current"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,aAAa,QAAQ,4BAA2B;AACzD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEzC,OAAO,MAAMC,mBAKR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGJ;IAE7D,MAAMK,aAAaJ,kBAAkBK,OAAOD;IAE5C,MAAME,QAAQd,cAAc,CAAC,CAACe,OAAO,GAAK,AAACH,cAAcG,UAAUA,QAAQ,CAACH,WAAW,IAAK;IAE5F,MAAMI,iBAAiBX,OAAO;IAE9B,MAAM,EAAEY,IAAI,EAAE,GAAGf;IAEjB,MAAM,EAAEgB,gBAAgB,EAAE,GAAGjB;IAE7B,MAAMkB,uBAAuBV,QAAQI,OAAOO;IAE5C,MAAMC,QAAQlB,eAAe;QAC3BK;QACAc,MAAM;YAAEC,IAAI;QAAG;QACfH,YAAYD;QACZT,UACE,OAAOI,UAAU,WACbA,QACA,OAAOA,UAAU,WACfU,OAAOV,SACP,AAACA,OAAOW,SAAoBf;QACpCC;QACAM;IACF;IAEAb,UAAU;QACR,IAAI,CAACY,eAAeU,OAAO,EAAE;YAC3BV,eAAeU,OAAO,GAAG;YACzB;QACF;QAEAR,iBAAiBG;IACnB,GAAG;QAACH;QAAkBG;KAAM;IAE5B,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentTitle/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport { useDocumentInfo, useFormFields, useTranslation } from '@payloadcms/ui'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\nimport { useEffect, useRef } from 'react'\n\nexport const SetDocumentTitle: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  config?: ClientConfig\n  fallback: string\n  globalConfig?: ClientGlobalConfig\n}> = (props) => {\n  const { collectionConfig, config, fallback, globalConfig } = props\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n  const field = useFormFields(([fields]) => (useAsTitle && fields && fields?.[useAsTitle]) || null)\n\n  const hasInitialized = useRef(false)\n\n  const { i18n } = useTranslation()\n\n  const { setDocumentTitle } = useDocumentInfo()\n\n  const dateFormatFromConfig = config?.admin?.dateFormat\n\n  const title = formatDocTitle({\n    collectionConfig,\n    data: { id: '' },\n    dateFormat: dateFormatFromConfig,\n    fallback:\n      typeof field === 'string'\n        ? field\n        : typeof field === 'number'\n          ? String(field)\n          : (field?.value as string) || fallback,\n    globalConfig,\n    i18n,\n  })\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    setDocumentTitle(title)\n  }, [setDocumentTitle, title])\n\n  return null\n}\n"],"names":["useDocumentInfo","useFormFields","useTranslation","formatDocTitle","useEffect","useRef","SetDocumentTitle","props","collectionConfig","config","fallback","globalConfig","useAsTitle","admin","field","fields","hasInitialized","i18n","setDocumentTitle","dateFormatFromConfig","dateFormat","title","data","id","String","value","current"],"mappings":"AAAA;AAGA,SAASA,eAAe,EAAEC,aAAa,EAAEC,cAAc,QAAQ,iBAAgB;AAC/E,SAASC,cAAc,QAAQ,wBAAuB;AACtD,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEzC,OAAO,MAAMC,mBAKR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGJ;IAE7D,MAAMK,aAAaJ,kBAAkBK,OAAOD;IAE5C,MAAME,QAAQb,cAAc,CAAC,CAACc,OAAO,GAAK,AAACH,cAAcG,UAAUA,QAAQ,CAACH,WAAW,IAAK;IAE5F,MAAMI,iBAAiBX,OAAO;IAE9B,MAAM,EAAEY,IAAI,EAAE,GAAGf;IAEjB,MAAM,EAAEgB,gBAAgB,EAAE,GAAGlB;IAE7B,MAAMmB,uBAAuBV,QAAQI,OAAOO;IAE5C,MAAMC,QAAQlB,eAAe;QAC3BK;QACAc,MAAM;YAAEC,IAAI;QAAG;QACfH,YAAYD;QACZT,UACE,OAAOI,UAAU,WACbA,QACA,OAAOA,UAAU,WACfU,OAAOV,SACP,AAACA,OAAOW,SAAoBf;QACpCC;QACAM;IACF;IAEAb,UAAU;QACR,IAAI,CAACY,eAAeU,OAAO,EAAE;YAC3BV,eAAeU,OAAO,GAAG;YACzB;QACF;QAEAR,iBAAiBG;IACnB,GAAG;QAACH;QAAkBG;KAAM;IAE5B,OAAO;AACT,EAAC"}

package/dist/views/Edit/Default/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAOpD,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EA0OnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAMpD,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAwOnC,CAAA"}