@ruya.sa/ui 3.71.3

package/dist/views/CollectionFolder/index.scss

@@ -0,0 +1,162 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .collection-folder-list {
+    width: 100%;
+
+    &__step-nav-icon-label,
+    &__step-nav-icon-label .btn__label {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.25);
+
+      .icon {
+        height: 18px;
+      }
+    }
+
+    &__step-nav-droppable.droppable-button {
+      &--hover {
+        opacity: 0.3;
+      }
+    }
+
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
+
+      & > *:not(:last-child) {
+        margin-bottom: var(--base);
+      }
+    }
+
+    .cell-with-icon {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.5);
+    }
+
+    .list-header {
+      a {
+        text-decoration: none;
+      }
+    }
+
+    &__sub-header {
+      flex-basis: 100%;
+    }
+
+    .table {
+      table {
+        width: 100%;
+        overflow: auto;
+
+        [class^='cell'] > p,
+        [class^='cell'] > span,
+        [class^='cell'] > a {
+          line-clamp: 4;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
+          display: -webkit-box;
+          max-width: 100vw;
+        }
+      }
+    }
+
+    &__no-results {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--base);
+
+      & > * {
+        margin: 0;
+      }
+    }
+
+    &__page-controls {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
+    }
+
+    &__page-info {
+      [dir='ltr'] & {
+        margin-right: base(1);
+        margin-left: auto;
+      }
+      [dir='rtl'] & {
+        margin-left: base(1);
+        margin-right: auto;
+      }
+    }
+
+    &__shimmer {
+      margin-top: base(1.75);
+      width: 100%;
+      > div {
+        margin-top: 8px;
+      }
+    }
+
+    @include mid-break {
+      margin-top: base(0.25);
+
+      &__wrap {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      &__header {
+        gap: base(0.5);
+      }
+
+      &__sub-header {
+        margin-top: 0;
+      }
+
+      &__search-input {
+        margin: 0;
+      }
+
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+
+      &__page-controls {
+        flex-wrap: wrap;
+      }
+
+      &__page-info {
+        margin-left: 0;
+      }
+
+      .paginator {
+        width: 100%;
+        margin-bottom: $baseline;
+      }
+    }
+
+    @include small-break {
+      margin-bottom: base(2.4);
+    }
+  }
+}

package/dist/views/Edit/Auth/APIKey.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const APIKey: React.FC<{
+    readonly enabled: boolean;
+    readonly readOnly?: boolean;
+}>;
+//# sourceMappingURL=APIKey.d.ts.map

package/dist/views/Edit/Auth/APIKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAiB3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CA6HvF,CAAA"}

package/dist/views/Edit/Auth/APIKey.js

@@ -0,0 +1,144 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { text } from '@ruya.sa/payload/shared';
+import React, { useEffect, useMemo, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { Button } from '../../../elements/Button/index.js';
+import { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js';
+import { GenerateConfirmation } from '../../../elements/GenerateConfirmation/index.js';
+import { useFormFields } from '../../../forms/Form/context.js';
+import { useField } from '../../../forms/useField/index.js';
+import { EyeIcon } from '../../../icons/Eye/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+const path = 'apiKey';
+const baseClass = 'api-key';
+const fieldBaseClass = 'field-type';
+export const APIKey = ({
+  enabled,
+  readOnly
+}) => {
+  const [initialAPIKey] = useState(uuidv4());
+  const [highlightedField, setHighlightedField] = useState(false);
+  const [showKey, setShowKey] = useState(false);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    collectionSlug
+  } = useDocumentInfo();
+  const apiKey = useFormFields(([fields]) => fields && fields[path] || null);
+  const apiKeyField = getEntityConfig({
+    collectionSlug
+  })?.fields?.find(field => 'name' in field && field.name === 'apiKey');
+  const validate = val => text(val, {
+    name: 'apiKey',
+    type: 'text',
+    blockData: {},
+    data: {},
+    event: 'onChange',
+    maxLength: 48,
+    minLength: 24,
+    path: ['apiKey'],
+    preferences: {
+      fields: {}
+    },
+    req: {
+      payload: {
+        config
+      },
+      t
+    },
+    siblingData: {}
+  });
+  const apiKeyValue = apiKey?.value;
+  const apiKeyLabel = useMemo(() => {
+    let label = 'API Key';
+    if (apiKeyField?.label) {
+      label = apiKeyField.label;
+    }
+    return getTranslation(label, i18n);
+  }, [apiKeyField, i18n]);
+  const APIKeyLabel = useMemo(() => /*#__PURE__*/_jsxs("label", {
+    className: `${baseClass}__label field-label`,
+    htmlFor: "apiKey",
+    children: [/*#__PURE__*/_jsx("span", {
+      children: apiKeyLabel
+    }), /*#__PURE__*/_jsx(CopyToClipboard, {
+      value: apiKeyValue
+    })]
+  }), [apiKeyLabel, apiKeyValue]);
+  const fieldType = useField({
+    path: 'apiKey',
+    validate
+  });
+  const highlightField = () => {
+    if (highlightedField) {
+      setHighlightedField(false);
+    }
+    setTimeout(() => {
+      setHighlightedField(true);
+    }, 1);
+  };
+  const {
+    setValue,
+    value
+  } = fieldType;
+  useEffect(() => {
+    if (!apiKeyValue && enabled) {
+      setValue(initialAPIKey);
+    }
+    if (!enabled && apiKeyValue) {
+      setValue(null);
+    }
+  }, [apiKeyValue, enabled, setValue, initialAPIKey]);
+  useEffect(() => {
+    if (highlightedField) {
+      setTimeout(() => {
+        setHighlightedField(false);
+      }, 10000);
+    }
+  }, [highlightedField]);
+  if (!enabled) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: [fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' '),
+      children: [APIKeyLabel, /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__input-wrap`,
+        children: [/*#__PURE__*/_jsx("input", {
+          "aria-label": apiKeyLabel,
+          className: highlightedField ? 'highlight' : undefined,
+          disabled: true,
+          id: "apiKey",
+          name: "apiKey",
+          type: showKey ? 'text' : 'password',
+          value: value || ''
+        }), /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__toggle-button-wrap`,
+          children: /*#__PURE__*/_jsx(Button, {
+            buttonStyle: "none",
+            className: `${baseClass}__toggle-button`,
+            icon: /*#__PURE__*/_jsx(EyeIcon, {
+              active: showKey
+            }),
+            onClick: () => setShowKey(prev => !prev)
+          })
+        })]
+      })]
+    }), !readOnly && /*#__PURE__*/_jsx(GenerateConfirmation, {
+      highlightField: highlightField,
+      setKey: () => setValue(uuidv4())
+    })]
+  });
+};
+//# sourceMappingURL=APIKey.js.map

package/dist/views/Edit/Auth/APIKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIKey.js","names":["getTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","Button","CopyToClipboard","GenerateConfirmation","useFormFields","useField","EyeIcon","useConfig","useDocumentInfo","useTranslation","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","showKey","setShowKey","i18n","t","config","getEntityConfig","collectionSlug","apiKey","fields","apiKeyField","find","field","name","validate","val","type","blockData","data","event","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","APIKeyLabel","_jsxs","className","htmlFor","_jsx","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","undefined","disabled","id","buttonStyle","icon","active","onClick","prev","setKey"],"sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport { text } from '@ruya.sa/payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js'\nimport { GenerateConfirmation } from '../../../elements/GenerateConfirmation/index.js'\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { EyeIcon } from '../../../icons/Eye/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ readonly enabled: boolean; readonly readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const [showKey, setShowKey] = useState(false)\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const apiKeyField: TextFieldClient = getEntityConfig({ collectionSlug })?.fields?.find(\n    (field) => 'name' in field && field.name === 'apiKey',\n  ) as TextFieldClient\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      blockData: {},\n      data: {},\n      event: 'onChange',\n      maxLength: 48,\n      minLength: 24,\n      path: ['apiKey'],\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField?.label) {\n      label = apiKeyField.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <label className={`${baseClass}__label field-label`} htmlFor=\"apiKey\">\n        <span>{apiKeyLabel}</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </label>\n    ),\n    [apiKeyLabel, apiKeyValue],\n  )\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        {APIKeyLabel}\n        <div className={`${baseClass}__input-wrap`}>\n          <input\n            aria-label={apiKeyLabel}\n            className={highlightedField ? 'highlight' : undefined}\n            disabled\n            id=\"apiKey\"\n            name=\"apiKey\"\n            type={showKey ? 'text' : 'password'}\n            value={(value as string) || ''}\n          />\n          <div className={`${baseClass}__toggle-button-wrap`}>\n            <Button\n              buttonStyle=\"none\"\n              className={`${baseClass}__toggle-button`}\n              icon={<EyeIcon active={showKey} />}\n              onClick={() => setShowKey((prev) => !prev)}\n            />\n          </div>\n        </div>\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,OAAOC,KAAA,IAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AACpD,SAASC,EAAA,IAAMC,MAAM,QAAQ;AAE7B,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAE/B,MAAMC,IAAA,GAAO;AACb,MAAMC,SAAA,GAAY;AAClB,MAAMC,cAAA,GAAiB;AAEvB,OAAO,MAAMC,MAAA,GAA+EA,CAAC;EAC3FC,OAAO;EACPC;AAAQ,CACT;EACC,MAAM,CAACC,aAAA,CAAc,GAAGlB,QAAA,CAASE,MAAA;EACjC,MAAM,CAACiB,gBAAA,EAAkBC,mBAAA,CAAoB,GAAGpB,QAAA,CAAS;EACzD,MAAM,CAACqB,OAAA,EAASC,UAAA,CAAW,GAAGtB,QAAA,CAAS;EACvC,MAAM;IAAEuB,IAAI;IAAEC;EAAC,CAAE,GAAGb,cAAA;EACpB,MAAM;IAAEc,MAAM;IAAEC;EAAe,CAAE,GAAGjB,SAAA;EACpC,MAAM;IAAEkB;EAAc,CAAE,GAAGjB,eAAA;EAE3B,MAAMkB,MAAA,GAAStB,aAAA,CAAc,CAAC,CAACuB,MAAA,CAAO,KAAKA,MAAC,IAAUA,MAAM,CAACjB,IAAA,CAAK,IAAK;EAEvE,MAAMkB,WAAA,GAA+BJ,eAAA,CAAgB;IAAEC;EAAe,IAAIE,MAAA,EAAQE,IAAA,CAC/EC,KAAA,IAAU,UAAUA,KAAA,IAASA,KAAA,CAAMC,IAAI,KAAK;EAG/C,MAAMC,QAAA,GAAYC,GAAA,IAChBvC,IAAA,CAAKuC,GAAA,EAAK;IACRF,IAAA,EAAM;IACNG,IAAA,EAAM;IACNC,SAAA,EAAW,CAAC;IACZC,IAAA,EAAM,CAAC;IACPC,KAAA,EAAO;IACPC,SAAA,EAAW;IACXC,SAAA,EAAW;IACX7B,IAAA,EAAM,CAAC,SAAS;IAChB8B,WAAA,EAAa;MAAEb,MAAA,EAAQ,CAAC;IAAE;IAC1Bc,GAAA,EAAK;MACHC,OAAA,EAAS;QACPnB;MACF;MACAD;IACF;IACAqB,WAAA,EAAa,CAAC;EAChB;EAEF,MAAMC,WAAA,GAAclB,MAAA,EAAQmB,KAAA;EAE5B,MAAMC,WAAA,GAAcjD,OAAA,CAAQ;IAC1B,IAAIkD,KAAA,GAAyC;IAE7C,IAAInB,WAAA,EAAamB,KAAA,EAAO;MACtBA,KAAA,GAAQnB,WAAA,CAAYmB,KAAK;IAC3B;IAEA,OAAOtD,cAAA,CAAesD,KAAA,EAAO1B,IAAA;EAC/B,GAAG,CAACO,WAAA,EAAaP,IAAA,CAAK;EAEtB,MAAM2B,WAAA,GAAcnD,OAAA,CAClB,mBACEoD,KAAA,CAAC;IAAMC,SAAA,EAAW,GAAGvC,SAAA,qBAA8B;IAAEwC,OAAA,EAAQ;4BAC3DC,IAAA,CAAC;gBAAMN;qBACPM,IAAA,CAAClD,eAAA;MAAgB2C,KAAA,EAAOD;;MAG5B,CAACE,WAAA,EAAaF,WAAA,CAAY;EAG5B,MAAMS,SAAA,GAAYhD,QAAA,CAAS;IACzBK,IAAA,EAAM;IACNsB;EACF;EAEA,MAAMsB,cAAA,GAAiBA,CAAA;IACrB,IAAIrC,gBAAA,EAAkB;MACpBC,mBAAA,CAAoB;IACtB;IACAqC,UAAA,CAAW;MACTrC,mBAAA,CAAoB;IACtB,GAAG;EACL;EAEA,MAAM;IAAEsC,QAAQ;IAAEX;EAAK,CAAE,GAAGQ,SAAA;EAE5BzD,SAAA,CAAU;IACR,IAAI,CAACgD,WAAA,IAAe9B,OAAA,EAAS;MAC3B0C,QAAA,CAASxC,aAAA;IACX;IACA,IAAI,CAACF,OAAA,IAAW8B,WAAA,EAAa;MAC3BY,QAAA,CAAS;IACX;EACF,GAAG,CAACZ,WAAA,EAAa9B,OAAA,EAAS0C,QAAA,EAAUxC,aAAA,CAAc;EAElDpB,SAAA,CAAU;IACR,IAAIqB,gBAAA,EAAkB;MACpBsC,UAAA,CAAW;QACTrC,mBAAA,CAAoB;MACtB,GAAG;IACL;EACF,GAAG,CAACD,gBAAA,CAAiB;EAErB,IAAI,CAACH,OAAA,EAAS;IACZ,OAAO;EACT;EAEA,oBACEmC,KAAA,CAACtD,KAAA,CAAM8D,QAAQ;4BACbR,KAAA,CAAC;MAAIC,SAAA,EAAW,CAACtC,cAAA,EAAgB,WAAW,YAAY,CAAC8C,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;iBAC3EZ,WAAA,E,aACDC,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGvC,SAAA,cAAuB;gCACxCyC,IAAA,CAAC;UACC,cAAYN,WAAA;UACZI,SAAA,EAAWjC,gBAAA,GAAmB,cAAc4C,SAAA;UAC5CC,QAAQ;UACRC,EAAA,EAAG;UACHhC,IAAA,EAAK;UACLG,IAAA,EAAMf,OAAA,GAAU,SAAS;UACzB0B,KAAA,EAAOA,KAAC,IAAoB;yBAE9BO,IAAA,CAAC;UAAIF,SAAA,EAAW,GAAGvC,SAAA,sBAA+B;oBAChD,aAAAyC,IAAA,CAACnD,MAAA;YACC+D,WAAA,EAAY;YACZd,SAAA,EAAW,GAAGvC,SAAA,iBAA0B;YACxCsD,IAAA,eAAMb,IAAA,CAAC9C,OAAA;cAAQ4D,MAAA,EAAQ/C;;YACvBgD,OAAA,EAASA,CAAA,KAAM/C,UAAA,CAAYgD,IAAA,IAAS,CAACA,IAAA;;;;QAK5C,CAACrD,QAAA,iBACAqC,IAAA,CAACjD,oBAAA;MAAqBmD,cAAA,EAAgBA,cAAA;MAAgBe,MAAA,EAAQA,CAAA,KAAMb,QAAA,CAASxD,MAAA;;;AAIrF","ignoreList":[]}

package/dist/views/Edit/Auth/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types.js';
+import './index.scss';
+export declare const Auth: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8D,MAAM,OAAO,CAAA;AAGlF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAWvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuRhC,CAAA"}

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

@@ -0,0 +1,344 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAdminURL, getFieldPermissions } from '@ruya.sa/payload/shared';
+import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
+import { toast } from 'sonner';
+import { Button } from '../../../elements/Button/index.js';
+import { EmailAndUsernameFields } from '../../../elements/EmailAndUsername/index.js';
+import { CheckboxField } from '../../../fields/Checkbox/index.js';
+import { ConfirmPasswordField } from '../../../fields/ConfirmPassword/index.js';
+import { PasswordField } from '../../../fields/Password/index.js';
+import { useFormFields, useFormModified } from '../../../forms/Form/context.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import './index.scss';
+import { APIKey } from './APIKey.js';
+const baseClass = 'auth-fields';
+export const Auth = props => {
+  const $ = _c(21);
+  const {
+    className,
+    collectionSlug,
+    disableLocalStrategy,
+    email,
+    loginWithUsername,
+    operation,
+    readOnly,
+    requirePassword,
+    setValidateBeforeSubmit,
+    useAPIKey,
+    username,
+    verify
+  } = props;
+  const [changingPassword, setChangingPassword] = useState(requirePassword);
+  const enableAPIKey = useFormFields(_temp);
+  const dispatchFields = useFormFields(_temp2);
+  const modified = useFormModified();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    docPermissions,
+    isEditing,
+    isInitializing,
+    isTrashed
+  } = useDocumentInfo();
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    routes: t1
+  } = t0;
+  const {
+    api
+  } = t1;
+  let showPasswordFields = true;
+  let showUnlock = true;
+  const hasPasswordFieldOverride = typeof docPermissions.fields === "object" && "password" in docPermissions.fields;
+  const hasLoginFieldOverride = typeof docPermissions.fields === "object" && ("username" in docPermissions.fields || "email" in docPermissions.fields);
+  if (hasPasswordFieldOverride) {
+    const {
+      permissions: passwordPermissions
+    } = getFieldPermissions({
+      field: {
+        name: "password",
+        type: "text"
+      },
+      operation,
+      parentName: "",
+      permissions: docPermissions?.fields
+    });
+    if (operation === "create") {
+      showPasswordFields = passwordPermissions === true || typeof passwordPermissions === "object" && passwordPermissions.create;
+    } else {
+      showPasswordFields = passwordPermissions === true || typeof passwordPermissions === "object" && passwordPermissions.update;
+    }
+  }
+  if (hasLoginFieldOverride) {
+    const hasEmailAndUsernameFields = loginWithUsername && (loginWithUsername.requireEmail || loginWithUsername.allowEmailLogin);
+    let t2;
+    if ($[0] !== docPermissions.fields) {
+      t2 = getFieldPermissions({
+        field: {
+          name: "email",
+          type: "text"
+        },
+        operation: "read",
+        parentName: "",
+        permissions: docPermissions?.fields
+      });
+      $[0] = docPermissions.fields;
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    const {
+      operation: emailPermission
+    } = t2;
+    let t3;
+    if ($[2] !== docPermissions.fields) {
+      t3 = getFieldPermissions({
+        field: {
+          name: "username",
+          type: "text"
+        },
+        operation: "read",
+        parentName: "",
+        permissions: docPermissions?.fields
+      });
+      $[2] = docPermissions.fields;
+      $[3] = t3;
+    } else {
+      t3 = $[3];
+    }
+    const {
+      operation: usernamePermission
+    } = t3;
+    if (hasEmailAndUsernameFields) {
+      showUnlock = usernamePermission || emailPermission;
+    } else {
+      if (loginWithUsername && !hasEmailAndUsernameFields) {
+        showUnlock = usernamePermission;
+      } else {
+        showUnlock = emailPermission;
+      }
+    }
+  }
+  const enableFields = (!disableLocalStrategy || typeof disableLocalStrategy === "object" && disableLocalStrategy.enableFields === true) && (showUnlock || showPasswordFields);
+  const disabled = readOnly || isInitializing || isTrashed;
+  const apiKeyPermissions = docPermissions?.fields === true ? true : docPermissions?.fields?.enableAPIKey;
+  const apiKeyReadOnly = readOnly || apiKeyPermissions === true || apiKeyPermissions && typeof apiKeyPermissions === "object" && !apiKeyPermissions?.update;
+  const enableAPIKeyReadOnly = readOnly || apiKeyPermissions !== true && !apiKeyPermissions?.update;
+  const canReadApiKey = apiKeyPermissions === true || apiKeyPermissions?.read;
+  let t2;
+  bb0: {
+    if (docPermissions) {
+      t2 = Boolean("unlock" in docPermissions ? docPermissions.unlock : undefined);
+      break bb0;
+    }
+    t2 = false;
+  }
+  const hasPermissionToUnlock = t2;
+  let t3;
+  if ($[4] !== dispatchFields || $[5] !== setValidateBeforeSubmit || $[6] !== t) {
+    t3 = changingPassword_0 => {
+      if (changingPassword_0) {
+        setValidateBeforeSubmit(true);
+        dispatchFields({
+          type: "UPDATE",
+          errorMessage: t("validation:required"),
+          path: "password",
+          valid: false
+        });
+        dispatchFields({
+          type: "UPDATE",
+          errorMessage: t("validation:required"),
+          path: "confirm-password",
+          valid: false
+        });
+      } else {
+        setValidateBeforeSubmit(false);
+        dispatchFields({
+          type: "REMOVE",
+          path: "password"
+        });
+        dispatchFields({
+          type: "REMOVE",
+          path: "confirm-password"
+        });
+      }
+      setChangingPassword(changingPassword_0);
+    };
+    $[4] = dispatchFields;
+    $[5] = setValidateBeforeSubmit;
+    $[6] = t;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const handleChangePassword = t3;
+  let t4;
+  if ($[8] !== api || $[9] !== collectionSlug || $[10] !== email || $[11] !== i18n || $[12] !== loginWithUsername || $[13] !== t || $[14] !== username) {
+    t4 = async () => {
+      const url = formatAdminURL({
+        apiRoute: api,
+        path: `/${collectionSlug}/unlock`
+      });
+      const response = await fetch(url, {
+        body: loginWithUsername && username ? JSON.stringify({
+          username
+        }) : JSON.stringify({
+          email
+        }),
+        credentials: "include",
+        headers: {
+          "Accept-Language": i18n.language,
+          "Content-Type": "application/json"
+        },
+        method: "post"
+      });
+      if (response.status === 200) {
+        toast.success(t("authentication:successfullyUnlocked"));
+      } else {
+        toast.error(t("authentication:failedToUnlock"));
+      }
+    };
+    $[8] = api;
+    $[9] = collectionSlug;
+    $[10] = email;
+    $[11] = i18n;
+    $[12] = loginWithUsername;
+    $[13] = t;
+    $[14] = username;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  const unlock = t4;
+  let t5;
+  let t6;
+  if ($[16] !== modified) {
+    t5 = () => {
+      if (!modified) {
+        setChangingPassword(false);
+      }
+    };
+    t6 = [modified];
+    $[16] = modified;
+    $[17] = t5;
+    $[18] = t6;
+  } else {
+    t5 = $[17];
+    t6 = $[18];
+  }
+  useEffect(t5, t6);
+  const showAuthBlock = enableFields;
+  const showAPIKeyBlock = useAPIKey && canReadApiKey;
+  const showVerifyBlock = verify && isEditing;
+  if (!(showAuthBlock || showAPIKeyBlock || showVerifyBlock)) {
+    return null;
+  }
+  let t7;
+  if ($[19] !== className) {
+    t7 = [baseClass, className].filter(Boolean);
+    $[19] = className;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  return _jsxs("div", {
+    className: t7.join(" "),
+    children: [enableFields && _jsxs(React.Fragment, {
+      children: [_jsx(EmailAndUsernameFields, {
+        loginWithUsername,
+        operation,
+        permissions: docPermissions?.fields,
+        readOnly: readOnly || isTrashed,
+        t
+      }), (changingPassword || requirePassword) && (!disableLocalStrategy || !enableFields) && _jsxs("div", {
+        className: `${baseClass}__changing-password`,
+        children: [_jsx(PasswordField, {
+          autoComplete: "new-password",
+          field: {
+            name: "password",
+            label: t("authentication:newPassword"),
+            required: true
+          },
+          indexPath: "",
+          parentPath: "",
+          parentSchemaPath: "",
+          path: "password",
+          schemaPath: "password"
+        }), _jsx(ConfirmPasswordField, {
+          disabled: readOnly || isTrashed
+        })]
+      }), _jsxs("div", {
+        className: `${baseClass}__controls`,
+        children: [changingPassword && !requirePassword && _jsx(Button, {
+          buttonStyle: "secondary",
+          disabled,
+          id: "cancel-change-password",
+          onClick: () => handleChangePassword(false),
+          size: "medium",
+          children: t("general:cancel")
+        }), !changingPassword && !requirePassword && !disableLocalStrategy && showPasswordFields && _jsx(Button, {
+          buttonStyle: "secondary",
+          disabled,
+          id: "change-password",
+          onClick: () => handleChangePassword(true),
+          size: "medium",
+          children: t("authentication:changePassword")
+        }), !changingPassword && operation === "update" && hasPermissionToUnlock && _jsx(Button, {
+          buttonStyle: "secondary",
+          disabled: disabled || !showUnlock,
+          id: "force-unlock",
+          onClick: () => void unlock(),
+          size: "medium",
+          children: t("authentication:forceUnlock")
+        })]
+      })]
+    }), useAPIKey && _jsx("div", {
+      className: `${baseClass}__api-key`,
+      children: canReadApiKey && _jsxs(Fragment, {
+        children: [_jsx(CheckboxField, {
+          field: {
+            name: "enableAPIKey",
+            admin: {
+              disabled,
+              readOnly: enableAPIKeyReadOnly
+            },
+            label: t("authentication:enableAPIKey")
+          },
+          path: "enableAPIKey",
+          schemaPath: `${collectionSlug}.enableAPIKey`
+        }), _jsx(APIKey, {
+          enabled: !!enableAPIKey?.value,
+          readOnly: apiKeyReadOnly
+        })]
+      })
+    }), verify && isEditing && _jsx(CheckboxField, {
+      field: {
+        name: "_verified",
+        admin: {
+          disabled,
+          readOnly
+        },
+        label: t("authentication:verified")
+      },
+      path: "_verified",
+      schemaPath: `${collectionSlug}._verified`
+    })]
+  });
+};
+function _temp(t0) {
+  const [fields] = t0;
+  return fields && fields?.enableAPIKey || null;
+}
+function _temp2(reducer) {
+  return reducer[1];
+}
+//# sourceMappingURL=index.js.map