payload 1.15.6 → 2.0.0-beta.0

package/dist/admin/components/views/collections/Edit/Auth/APIKey.js

@@ -1,90 +1,144 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const uuid_1 = require("uuid");
-const react_i18next_1 = require("react-i18next");
-const useField_1 = __importDefault(require("../../../../forms/useField"));
-const Label_1 = __importDefault(require("../../../../forms/Label"));
-const CopyToClipboard_1 = __importDefault(require("../../../../elements/CopyToClipboard"));
-const validations_1 = require("../../../../../../fields/validations");
-const context_1 = require("../../../../forms/Form/context");
-const GenerateConfirmation_1 = __importDefault(require("../../../../elements/GenerateConfirmation"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacti18next = require("react-i18next");
+const _uuid = require("uuid");
+const _validations = require("../../../../../../fields/validations");
+const _CopyToClipboard = /*#__PURE__*/ _interop_require_default(require("../../../../elements/CopyToClipboard"));
+const _GenerateConfirmation = /*#__PURE__*/ _interop_require_default(require("../../../../elements/GenerateConfirmation"));
+const _context = require("../../../../forms/Form/context");
+const _Label = /*#__PURE__*/ _interop_require_default(require("../../../../forms/Label"));
+const _useField = /*#__PURE__*/ _interop_require_default(require("../../../../forms/useField"));
+const _shared = require("../../../../forms/field-types/shared");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const path = 'apiKey';
 const baseClass = 'api-key';
-const APIKey = ({ readOnly }) => {
-    const [initialAPIKey, setInitialAPIKey] = (0, react_1.useState)(null);
-    const [highlightedField, setHighlightedField] = (0, react_1.useState)(false);
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const apiKey = (0, context_1.useFormFields)(([fields]) => fields[path]);
-    const validate = (val) => (0, validations_1.text)(val, { minLength: 24, maxLength: 48, data: {}, siblingData: {}, t });
-    const apiKeyValue = apiKey === null || apiKey === void 0 ? void 0 : apiKey.value;
-    const APIKeyLabel = (0, react_1.useMemo)(() => (react_1.default.createElement("div", { className: `${baseClass}__label` },
-        react_1.default.createElement("span", null, "API Key"),
-        react_1.default.createElement(CopyToClipboard_1.default, { value: apiKeyValue }))), [apiKeyValue]);
-    const fieldType = (0, useField_1.default)({
+const APIKey = ({ readOnly })=>{
+    const [initialAPIKey, setInitialAPIKey] = (0, _react.useState)(null);
+    const [highlightedField, setHighlightedField] = (0, _react.useState)(false);
+    const { t } = (0, _reacti18next.useTranslation)();
+    const apiKey = (0, _context.useFormFields)(([fields])=>fields[path]);
+    const validate = (val)=>(0, _validations.text)(val, {
+            data: {},
+            maxLength: 48,
+            minLength: 24,
+            siblingData: {},
+            t
+        });
+    const apiKeyValue = apiKey?.value;
+    const APIKeyLabel = (0, _react.useMemo)(()=>/*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__label`
+        }, /*#__PURE__*/ _react.default.createElement("span", null, "API Key"), /*#__PURE__*/ _react.default.createElement(_CopyToClipboard.default, {
+            value: apiKeyValue
+        })), [
+        apiKeyValue
+    ]);
+    const fieldType = (0, _useField.default)({
         path: 'apiKey',
-        validate,
+        validate
     });
-    const highlightField = () => {
+    const highlightField = ()=>{
         if (highlightedField) {
             setHighlightedField(false);
         }
-        setTimeout(() => {
+        setTimeout(()=>{
             setHighlightedField(true);
         }, 1);
     };
-    const { value, setValue, } = fieldType;
-    (0, react_1.useEffect)(() => {
-        setInitialAPIKey((0, uuid_1.v4)());
+    const { setValue, value } = fieldType;
+    (0, _react.useEffect)(()=>{
+        setInitialAPIKey((0, _uuid.v4)());
     }, []);
-    (0, react_1.useEffect)(() => {
+    (0, _react.useEffect)(()=>{
         if (!apiKeyValue) {
             setValue(initialAPIKey);
         }
-    }, [apiKeyValue, setValue, initialAPIKey]);
-    (0, react_1.useEffect)(() => {
+    }, [
+        apiKeyValue,
+        setValue,
+        initialAPIKey
+    ]);
+    (0, _react.useEffect)(()=>{
         if (highlightedField) {
-            setTimeout(() => {
+            setTimeout(()=>{
                 setHighlightedField(false);
             }, 10000);
         }
-    }, [highlightedField]);
-    const classes = [
-        'field-type',
-        'api-key',
-        'read-only',
-    ].filter(Boolean).join(' ');
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: classes },
-            react_1.default.createElement(Label_1.default, { htmlFor: path, label: APIKeyLabel }),
-            react_1.default.createElement("input", { value: value || '', className: highlightedField ? 'highlight' : undefined, disabled: true, type: "text", id: "apiKey", name: "apiKey" })),
-        !readOnly && (react_1.default.createElement(GenerateConfirmation_1.default, { setKey: () => setValue((0, uuid_1.v4)()), highlightField: highlightField }))));
+    }, [
+        highlightedField
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            _shared.fieldBaseClass,
+            'api-key',
+            'read-only'
+        ].filter(Boolean).join(' ')
+    }, /*#__PURE__*/ _react.default.createElement(_Label.default, {
+        htmlFor: path,
+        label: APIKeyLabel
+    }), /*#__PURE__*/ _react.default.createElement("input", {
+        className: highlightedField ? 'highlight' : undefined,
+        disabled: true,
+        id: "apiKey",
+        name: "apiKey",
+        type: "text",
+        value: value || ''
+    })), !readOnly && /*#__PURE__*/ _react.default.createElement(_GenerateConfirmation.default, {
+        highlightField: highlightField,
+        setKey: ()=>setValue((0, _uuid.v4)())
+    }));
 };
-exports.default = APIKey;
-//# sourceMappingURL=APIKey.js.map
+const _default = APIKey;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL2NvbGxlY3Rpb25zL0VkaXQvQXV0aC9BUElLZXkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnXG5pbXBvcnQgeyB2NCBhcyB1dWlkdjQgfSBmcm9tICd1dWlkJ1xuXG5pbXBvcnQgeyB0ZXh0IH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vZmllbGRzL3ZhbGlkYXRpb25zJ1xuaW1wb3J0IENvcHlUb0NsaXBib2FyZCBmcm9tICcuLi8uLi8uLi8uLi9lbGVtZW50cy9Db3B5VG9DbGlwYm9hcmQnXG5pbXBvcnQgR2VuZXJhdGVDb25maXJtYXRpb24gZnJvbSAnLi4vLi4vLi4vLi4vZWxlbWVudHMvR2VuZXJhdGVDb25maXJtYXRpb24nXG5pbXBvcnQgeyB1c2VGb3JtRmllbGRzIH0gZnJvbSAnLi4vLi4vLi4vLi4vZm9ybXMvRm9ybS9jb250ZXh0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uLy4uLy4uLy4uL2Zvcm1zL0xhYmVsJ1xuaW1wb3J0IHVzZUZpZWxkIGZyb20gJy4uLy4uLy4uLy4uL2Zvcm1zL3VzZUZpZWxkJ1xuaW1wb3J0IHsgZmllbGRCYXNlQ2xhc3MgfSBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9maWVsZC10eXBlcy9zaGFyZWQnXG5cbmNvbnN0IHBhdGggPSAnYXBpS2V5J1xuY29uc3QgYmFzZUNsYXNzID0gJ2FwaS1rZXknXG5cbmNvbnN0IEFQSUtleTogUmVhY3QuRkM8eyByZWFkT25seT86IGJvb2xlYW4gfT4gPSAoeyByZWFkT25seSB9KSA9PiB7XG4gIGNvbnN0IFtpbml0aWFsQVBJS2V5LCBzZXRJbml0aWFsQVBJS2V5XSA9IHVzZVN0YXRlKG51bGwpXG4gIGNvbnN0IFtoaWdobGlnaHRlZEZpZWxkLCBzZXRIaWdobGlnaHRlZEZpZWxkXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKClcblxuICBjb25zdCBhcGlLZXkgPSB1c2VGb3JtRmllbGRzKChbZmllbGRzXSkgPT4gZmllbGRzW3BhdGhdKVxuICBjb25zdCB2YWxpZGF0ZSA9ICh2YWwpID0+XG4gICAgdGV4dCh2YWwsIHsgZGF0YToge30sIG1heExlbmd0aDogNDgsIG1pbkxlbmd0aDogMjQsIHNpYmxpbmdEYXRhOiB7fSwgdCB9KVxuXG4gIGNvbnN0IGFwaUtleVZhbHVlID0gYXBpS2V5Py52YWx1ZVxuXG4gIGNvbnN0IEFQSUtleUxhYmVsID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGFiZWxgfT5cbiAgICAgICAgPHNwYW4+QVBJIEtleTwvc3Bhbj5cbiAgICAgICAgPENvcHlUb0NsaXBib2FyZCB2YWx1ZT17YXBpS2V5VmFsdWUgYXMgc3RyaW5nfSAvPlxuICAgICAgPC9kaXY+XG4gICAgKSxcbiAgICBbYXBpS2V5VmFsdWVdLFxuICApXG5cbiAgY29uc3QgZmllbGRUeXBlID0gdXNlRmllbGQoe1xuICAgIHBhdGg6ICdhcGlLZXknLFxuICAgIHZhbGlkYXRlLFxuICB9KVxuXG4gIGNvbnN0IGhpZ2hsaWdodEZpZWxkID0gKCkgPT4ge1xuICAgIGlmIChoaWdobGlnaHRlZEZpZWxkKSB7XG4gICAgICBzZXRIaWdobGlnaHRlZEZpZWxkKGZhbHNlKVxuICAgIH1cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEhpZ2hsaWdodGVkRmllbGQodHJ1ZSlcbiAgICB9LCAxKVxuICB9XG5cbiAgY29uc3QgeyBzZXRWYWx1ZSwgdmFsdWUgfSA9IGZpZWxkVHlwZVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SW5pdGlhbEFQSUtleSh1dWlkdjQoKSlcbiAgfSwgW10pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWFwaUtleVZhbHVlKSB7XG4gICAgICBzZXRWYWx1ZShpbml0aWFsQVBJS2V5KVxuICAgIH1cbiAgfSwgW2FwaUtleVZhbHVlLCBzZXRWYWx1ZSwgaW5pdGlhbEFQSUtleV0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGlnaGxpZ2h0ZWRGaWVsZCkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldEhpZ2hsaWdodGVkRmllbGQoZmFsc2UpXG4gICAgICB9LCAxMDAwMClcbiAgICB9XG4gIH0sIFtoaWdobGlnaHRlZEZpZWxkXSlcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtbZmllbGRCYXNlQ2xhc3MsICdhcGkta2V5JywgJ3JlYWQtb25seSddLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyl9PlxuICAgICAgICA8TGFiZWwgaHRtbEZvcj17cGF0aH0gbGFiZWw9e0FQSUtleUxhYmVsfSAvPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e2hpZ2hsaWdodGVkRmllbGQgPyAnaGlnaGxpZ2h0JyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBkaXNhYmxlZFxuICAgICAgICAgIGlkPVwiYXBpS2V5XCJcbiAgICAgICAgICBuYW1lPVwiYXBpS2V5XCJcbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgdmFsdWU9eyh2YWx1ZSBhcyBzdHJpbmcpIHx8ICcnfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgICB7IXJlYWRPbmx5ICYmIChcbiAgICAgICAgPEdlbmVyYXRlQ29uZmlybWF0aW9uIGhpZ2hsaWdodEZpZWxkPXtoaWdobGlnaHRGaWVsZH0gc2V0S2V5PXsoKSA9PiBzZXRWYWx1ZSh1dWlkdjQoKSl9IC8+XG4gICAgICApfVxuICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQVBJS2V5XG4iXSwibmFtZXMiOlsicGF0aCIsImJhc2VDbGFzcyIsIkFQSUtleSIsInJlYWRPbmx5IiwiaW5pdGlhbEFQSUtleSIsInNldEluaXRpYWxBUElLZXkiLCJ1c2VTdGF0ZSIsImhpZ2hsaWdodGVkRmllbGQiLCJzZXRIaWdobGlnaHRlZEZpZWxkIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiYXBpS2V5IiwidXNlRm9ybUZpZWxkcyIsImZpZWxkcyIsInZhbGlkYXRlIiwidmFsIiwidGV4dCIsImRhdGEiLCJtYXhMZW5ndGgiLCJtaW5MZW5ndGgiLCJzaWJsaW5nRGF0YSIsImFwaUtleVZhbHVlIiwidmFsdWUiLCJBUElLZXlMYWJlbCIsInVzZU1lbW8iLCJkaXYiLCJjbGFzc05hbWUiLCJzcGFuIiwiQ29weVRvQ2xpcGJvYXJkIiwiZmllbGRUeXBlIiwidXNlRmllbGQiLCJoaWdobGlnaHRGaWVsZCIsInNldFRpbWVvdXQiLCJzZXRWYWx1ZSIsInVzZUVmZmVjdCIsInV1aWR2NCIsIlJlYWN0IiwiRnJhZ21lbnQiLCJmaWVsZEJhc2VDbGFzcyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiTGFiZWwiLCJodG1sRm9yIiwibGFiZWwiLCJpbnB1dCIsInVuZGVmaW5lZCIsImRpc2FibGVkIiwiaWQiLCJuYW1lIiwidHlwZSIsIkdlbmVyYXRlQ29uZmlybWF0aW9uIiwic2V0S2V5Il0sIm1hcHBpbmdzIjoiOzs7OytCQTBGQTs7O2VBQUE7OzsrREExRm9EOzhCQUNyQjtzQkFDRjs2QkFFUjt3RUFDTzs2RUFDSzt5QkFDSDs4REFDWjtpRUFDRzt3QkFDVTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRS9CLE1BQU1BLE9BQU87QUFDYixNQUFNQyxZQUFZO0FBRWxCLE1BQU1DLFNBQTJDLENBQUMsRUFBRUMsUUFBUSxFQUFFO0lBQzVELE1BQU0sQ0FBQ0MsZUFBZUMsaUJBQWlCLEdBQUdDLElBQUFBLGVBQVEsRUFBQztJQUNuRCxNQUFNLENBQUNDLGtCQUFrQkMsb0JBQW9CLEdBQUdGLElBQUFBLGVBQVEsRUFBQztJQUN6RCxNQUFNLEVBQUVHLENBQUMsRUFBRSxHQUFHQyxJQUFBQSw0QkFBYztJQUU1QixNQUFNQyxTQUFTQyxJQUFBQSxzQkFBYSxFQUFDLENBQUMsQ0FBQ0MsT0FBTyxHQUFLQSxNQUFNLENBQUNiLEtBQUs7SUFDdkQsTUFBTWMsV0FBVyxDQUFDQyxNQUNoQkMsSUFBQUEsaUJBQUksRUFBQ0QsS0FBSztZQUFFRSxNQUFNLENBQUM7WUFBR0MsV0FBVztZQUFJQyxXQUFXO1lBQUlDLGFBQWEsQ0FBQztZQUFHWDtRQUFFO0lBRXpFLE1BQU1ZLGNBQWNWLFFBQVFXO0lBRTVCLE1BQU1DLGNBQWNDLElBQUFBLGNBQU8sRUFDekIsa0JBQ0UsNkJBQUNDO1lBQUlDLFdBQVcsQ0FBQyxFQUFFekIsVUFBVSxPQUFPLENBQUM7eUJBQ25DLDZCQUFDMEIsY0FBSywwQkFDTiw2QkFBQ0Msd0JBQWU7WUFBQ04sT0FBT0Q7YUFHNUI7UUFBQ0E7S0FBWTtJQUdmLE1BQU1RLFlBQVlDLElBQUFBLGlCQUFRLEVBQUM7UUFDekI5QixNQUFNO1FBQ05jO0lBQ0Y7SUFFQSxNQUFNaUIsaUJBQWlCO1FBQ3JCLElBQUl4QixrQkFBa0I7WUFDcEJDLG9CQUFvQjtRQUN0QjtRQUNBd0IsV0FBVztZQUNUeEIsb0JBQW9CO1FBQ3RCLEdBQUc7SUFDTDtJQUVBLE1BQU0sRUFBRXlCLFFBQVEsRUFBRVgsS0FBSyxFQUFFLEdBQUdPO0lBRTVCSyxJQUFBQSxnQkFBUyxFQUFDO1FBQ1I3QixpQkFBaUI4QixJQUFBQSxRQUFNO0lBQ3pCLEdBQUcsRUFBRTtJQUVMRCxJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsSUFBSSxDQUFDYixhQUFhO1lBQ2hCWSxTQUFTN0I7UUFDWDtJQUNGLEdBQUc7UUFBQ2lCO1FBQWFZO1FBQVU3QjtLQUFjO0lBRXpDOEIsSUFBQUEsZ0JBQVMsRUFBQztRQUNSLElBQUkzQixrQkFBa0I7WUFDcEJ5QixXQUFXO2dCQUNUeEIsb0JBQW9CO1lBQ3RCLEdBQUc7UUFDTDtJQUNGLEdBQUc7UUFBQ0Q7S0FBaUI7SUFFckIscUJBQ0UsNkJBQUM2QixjQUFLLENBQUNDLFFBQVEsc0JBQ2IsNkJBQUNaO1FBQUlDLFdBQVc7WUFBQ1ksc0JBQWM7WUFBRTtZQUFXO1NBQVksQ0FBQ0MsTUFBTSxDQUFDQyxTQUFTQyxJQUFJLENBQUM7cUJBQzVFLDZCQUFDQyxjQUFLO1FBQUNDLFNBQVMzQztRQUFNNEMsT0FBT3JCO3NCQUM3Qiw2QkFBQ3NCO1FBQ0NuQixXQUFXbkIsbUJBQW1CLGNBQWN1QztRQUM1Q0MsVUFBQUE7UUFDQUMsSUFBRztRQUNIQyxNQUFLO1FBQ0xDLE1BQUs7UUFDTDVCLE9BQU8sQUFBQ0EsU0FBb0I7U0FHL0IsQ0FBQ25CLDBCQUNBLDZCQUFDZ0QsNkJBQW9CO1FBQUNwQixnQkFBZ0JBO1FBQWdCcUIsUUFBUSxJQUFNbkIsU0FBU0UsSUFBQUEsUUFBTTs7QUFJM0Y7TUFFQSxXQUFlakMifQ==

package/dist/admin/components/views/collections/Edit/Auth/index.js

@@ -1,100 +1,190 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_toastify_1 = require("react-toastify");
-const react_i18next_1 = require("react-i18next");
-const Config_1 = require("../../../../utilities/Config");
-const Email_1 = __importDefault(require("../../../../forms/field-types/Email"));
-const Password_1 = __importDefault(require("../../../../forms/field-types/Password"));
-const Checkbox_1 = __importDefault(require("../../../../forms/field-types/Checkbox"));
-const Button_1 = __importDefault(require("../../../../elements/Button"));
-const ConfirmPassword_1 = __importDefault(require("../../../../forms/field-types/ConfirmPassword"));
-const context_1 = require("../../../../forms/Form/context");
-const APIKey_1 = __importDefault(require("./APIKey"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacti18next = require("react-i18next");
+const _reacttoastify = require("react-toastify");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../../../../elements/Button"));
+const _context = require("../../../../forms/Form/context");
+const _Checkbox = /*#__PURE__*/ _interop_require_default(require("../../../../forms/field-types/Checkbox"));
+const _ConfirmPassword = /*#__PURE__*/ _interop_require_default(require("../../../../forms/field-types/ConfirmPassword"));
+const _Email = /*#__PURE__*/ _interop_require_default(require("../../../../forms/field-types/Email"));
+const _Password = /*#__PURE__*/ _interop_require_default(require("../../../../forms/field-types/Password"));
+const _Config = require("../../../../utilities/Config");
+const _APIKey = /*#__PURE__*/ _interop_require_default(require("./APIKey"));
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const baseClass = 'auth-fields';
-const Auth = (props) => {
-    const { useAPIKey, requirePassword, verify, collection: { slug }, collection, email, operation, readOnly } = props;
-    const [changingPassword, setChangingPassword] = (0, react_1.useState)(requirePassword);
-    const enableAPIKey = (0, context_1.useFormFields)(([fields]) => fields.enableAPIKey);
-    const dispatchFields = (0, context_1.useFormFields)((reducer) => reducer[1]);
-    const modified = (0, context_1.useFormModified)();
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('authentication');
-    const { serverURL, routes: { api, }, } = (0, Config_1.useConfig)();
-    const handleChangePassword = (0, react_1.useCallback)(async (state) => {
+const Auth = (props)=>{
+    const { className, collection, collection: { slug }, email, operation, readOnly, requirePassword, useAPIKey, verify } = props;
+    const [changingPassword, setChangingPassword] = (0, _react.useState)(requirePassword);
+    const enableAPIKey = (0, _context.useFormFields)(([fields])=>fields.enableAPIKey);
+    const dispatchFields = (0, _context.useFormFields)((reducer)=>reducer[1]);
+    const modified = (0, _context.useFormModified)();
+    const { i18n, t } = (0, _reacti18next.useTranslation)('authentication');
+    const { routes: { api }, serverURL } = (0, _Config.useConfig)();
+    const handleChangePassword = (0, _react.useCallback)(async (state)=>{
         if (!state) {
-            dispatchFields({ type: 'REMOVE', path: 'password' });
-            dispatchFields({ type: 'REMOVE', path: 'confirm-password' });
+            dispatchFields({
+                path: 'password',
+                type: 'REMOVE'
+            });
+            dispatchFields({
+                path: 'confirm-password',
+                type: 'REMOVE'
+            });
         }
         setChangingPassword(state);
-    }, [dispatchFields]);
-    const unlock = (0, react_1.useCallback)(async () => {
+    }, [
+        dispatchFields
+    ]);
+    const unlock = (0, _react.useCallback)(async ()=>{
         const url = `${serverURL}${api}/${slug}/unlock`;
         const response = await fetch(url, {
+            body: JSON.stringify({
+                email
+            }),
             credentials: 'include',
             headers: {
-                'Content-Type': 'application/json',
                 'Accept-Language': i18n.language,
+                'Content-Type': 'application/json'
             },
-            body: JSON.stringify({
-                email,
-            }),
-            method: 'post',
+            method: 'post'
         });
         if (response.status === 200) {
-            react_toastify_1.toast.success(t('successfullyUnlocked'), { autoClose: 3000 });
-        }
-        else {
-            react_toastify_1.toast.error(t('failedToUnlock'));
+            _reacttoastify.toast.success(t('successfullyUnlocked'), {
+                autoClose: 3000
+            });
+        } else {
+            _reacttoastify.toast.error(t('failedToUnlock'));
         }
-    }, [i18n, serverURL, api, slug, email, t]);
-    (0, react_1.useEffect)(() => {
+    }, [
+        i18n,
+        serverURL,
+        api,
+        slug,
+        email,
+        t
+    ]);
+    (0, _react.useEffect)(()=>{
         if (!modified) {
             setChangingPassword(false);
         }
-    }, [modified]);
+    }, [
+        modified
+    ]);
     if (collection.auth.disableLocalStrategy && !collection.auth.useAPIKey) {
         return null;
     }
-    return (react_1.default.createElement("div", { className: baseClass },
-        !collection.auth.disableLocalStrategy && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Email_1.default, { required: true, name: "email", label: t('general:email'), admin: { autoComplete: 'email', readOnly } }),
-            (changingPassword || requirePassword) && (react_1.default.createElement("div", { className: `${baseClass}__changing-password` },
-                react_1.default.createElement(Password_1.default, { autoComplete: "off", required: true, name: "password", label: t('newPassword'), disabled: readOnly }),
-                react_1.default.createElement(ConfirmPassword_1.default, { disabled: readOnly }),
-                !requirePassword && (react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => handleChangePassword(false), disabled: readOnly }, t('general:cancel'))))),
-            (!changingPassword && !requirePassword) && (react_1.default.createElement(Button_1.default, { id: "change-password", size: "small", buttonStyle: "secondary", onClick: () => handleChangePassword(true), disabled: readOnly }, t('changePassword'))),
-            operation === 'update' && (react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => unlock(), disabled: readOnly }, t('forceUnlock'))))),
-        useAPIKey && (react_1.default.createElement("div", { className: `${baseClass}__api-key` },
-            react_1.default.createElement(Checkbox_1.default, { label: t('enableAPIKey'), name: "enableAPIKey", admin: { readOnly } }),
-            (enableAPIKey === null || enableAPIKey === void 0 ? void 0 : enableAPIKey.value) && (react_1.default.createElement(APIKey_1.default, { readOnly: readOnly })))),
-        verify && (react_1.default.createElement(Checkbox_1.default, { label: t('verified'), name: "_verified", admin: { readOnly } }))));
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' ')
+    }, !collection.auth.disableLocalStrategy && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Email.default, {
+        admin: {
+            autoComplete: 'email',
+            readOnly
+        },
+        label: t('general:email'),
+        name: "email",
+        required: true
+    }), (changingPassword || requirePassword) && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__changing-password`
+    }, /*#__PURE__*/ _react.default.createElement(_Password.default, {
+        autoComplete: "off",
+        disabled: readOnly,
+        label: t('newPassword'),
+        name: "password",
+        required: true
+    }), /*#__PURE__*/ _react.default.createElement(_ConfirmPassword.default, {
+        disabled: readOnly
+    }), !requirePassword && /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "secondary",
+        disabled: readOnly,
+        onClick: ()=>handleChangePassword(false),
+        size: "small"
+    }, t('general:cancel'))), (!changingPassword && !requirePassword || operation === 'update') && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__controls`
+    }, !changingPassword && !requirePassword && /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "secondary",
+        disabled: readOnly,
+        id: "change-password",
+        onClick: ()=>handleChangePassword(true),
+        size: "small"
+    }, t('changePassword')), operation === 'update' && /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "secondary",
+        disabled: readOnly,
+        onClick: ()=>unlock(),
+        size: "small"
+    }, t('forceUnlock')))), useAPIKey && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__api-key`
+    }, /*#__PURE__*/ _react.default.createElement(_Checkbox.default, {
+        admin: {
+            readOnly
+        },
+        label: t('enableAPIKey'),
+        name: "enableAPIKey"
+    }), enableAPIKey?.value && /*#__PURE__*/ _react.default.createElement(_APIKey.default, {
+        readOnly: readOnly
+    })), verify && /*#__PURE__*/ _react.default.createElement(_Checkbox.default, {
+        admin: {
+            readOnly
+        },
+        label: t('verified'),
+        name: "_verified"
+    }));
 };
-exports.default = Auth;
-//# sourceMappingURL=index.js.map
+const _default = Auth;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL2NvbGxlY3Rpb25zL0VkaXQvQXV0aC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnXG5pbXBvcnQgeyB0b2FzdCB9IGZyb20gJ3JlYWN0LXRvYXN0aWZ5J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi8uLi8uLi9lbGVtZW50cy9CdXR0b24nXG5pbXBvcnQgeyB1c2VGb3JtRmllbGRzLCB1c2VGb3JtTW9kaWZpZWQgfSBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9Gb3JtL2NvbnRleHQnXG5pbXBvcnQgQ2hlY2tib3ggZnJvbSAnLi4vLi4vLi4vLi4vZm9ybXMvZmllbGQtdHlwZXMvQ2hlY2tib3gnXG5pbXBvcnQgQ29uZmlybVBhc3N3b3JkIGZyb20gJy4uLy4uLy4uLy4uL2Zvcm1zL2ZpZWxkLXR5cGVzL0NvbmZpcm1QYXNzd29yZCdcbmltcG9ydCBFbWFpbCBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9maWVsZC10eXBlcy9FbWFpbCdcbmltcG9ydCBQYXNzd29yZCBmcm9tICcuLi8uLi8uLi8uLi9mb3Jtcy9maWVsZC10eXBlcy9QYXNzd29yZCdcbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uLy4uL3V0aWxpdGllcy9Db25maWcnXG5pbXBvcnQgQVBJS2V5IGZyb20gJy4vQVBJS2V5J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdhdXRoLWZpZWxkcydcblxuY29uc3QgQXV0aDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjbGFzc05hbWUsXG4gICAgY29sbGVjdGlvbixcbiAgICBjb2xsZWN0aW9uOiB7IHNsdWcgfSxcbiAgICBlbWFpbCxcbiAgICBvcGVyYXRpb24sXG4gICAgcmVhZE9ubHksXG4gICAgcmVxdWlyZVBhc3N3b3JkLFxuICAgIHVzZUFQSUtleSxcbiAgICB2ZXJpZnksXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IFtjaGFuZ2luZ1Bhc3N3b3JkLCBzZXRDaGFuZ2luZ1Bhc3N3b3JkXSA9IHVzZVN0YXRlKHJlcXVpcmVQYXNzd29yZClcbiAgY29uc3QgZW5hYmxlQVBJS2V5ID0gdXNlRm9ybUZpZWxkcygoW2ZpZWxkc10pID0+IGZpZWxkcy5lbmFibGVBUElLZXkpXG4gIGNvbnN0IGRpc3BhdGNoRmllbGRzID0gdXNlRm9ybUZpZWxkcygocmVkdWNlcikgPT4gcmVkdWNlclsxXSlcbiAgY29uc3QgbW9kaWZpZWQgPSB1c2VGb3JtTW9kaWZpZWQoKVxuICBjb25zdCB7IGkxOG4sIHQgfSA9IHVzZVRyYW5zbGF0aW9uKCdhdXRoZW50aWNhdGlvbicpXG5cbiAgY29uc3Qge1xuICAgIHJvdXRlczogeyBhcGkgfSxcbiAgICBzZXJ2ZXJVUkwsXG4gIH0gPSB1c2VDb25maWcoKVxuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZVBhc3N3b3JkID0gdXNlQ2FsbGJhY2soXG4gICAgYXN5bmMgKHN0YXRlOiBib29sZWFuKSA9PiB7XG4gICAgICBpZiAoIXN0YXRlKSB7XG4gICAgICAgIGRpc3BhdGNoRmllbGRzKHsgcGF0aDogJ3Bhc3N3b3JkJywgdHlwZTogJ1JFTU9WRScgfSlcbiAgICAgICAgZGlzcGF0Y2hGaWVsZHMoeyBwYXRoOiAnY29uZmlybS1wYXNzd29yZCcsIHR5cGU6ICdSRU1PVkUnIH0pXG4gICAgICB9XG5cbiAgICAgIHNldENoYW5naW5nUGFzc3dvcmQoc3RhdGUpXG4gICAgfSxcbiAgICBbZGlzcGF0Y2hGaWVsZHNdLFxuICApXG5cbiAgY29uc3QgdW5sb2NrID0gdXNlQ2FsbGJhY2soYXN5bmMgKCkgPT4ge1xuICAgIGNvbnN0IHVybCA9IGAke3NlcnZlclVSTH0ke2FwaX0vJHtzbHVnfS91bmxvY2tgXG4gICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaCh1cmwsIHtcbiAgICAgIGJvZHk6IEpTT04uc3RyaW5naWZ5KHtcbiAgICAgICAgZW1haWwsXG4gICAgICB9KSxcbiAgICAgIGNyZWRlbnRpYWxzOiAnaW5jbHVkZScsXG4gICAgICBoZWFkZXJzOiB7XG4gICAgICAgICdBY2NlcHQtTGFuZ3VhZ2UnOiBpMThuLmxhbmd1YWdlLFxuICAgICAgICAnQ29udGVudC1UeXBlJzogJ2FwcGxpY2F0aW9uL2pzb24nLFxuICAgICAgfSxcbiAgICAgIG1ldGhvZDogJ3Bvc3QnLFxuICAgIH0pXG5cbiAgICBpZiAocmVzcG9uc2Uuc3RhdHVzID09PSAyMDApIHtcbiAgICAgIHRvYXN0LnN1Y2Nlc3ModCgnc3VjY2Vzc2Z1bGx5VW5sb2NrZWQnKSwgeyBhdXRvQ2xvc2U6IDMwMDAgfSlcbiAgICB9IGVsc2Uge1xuICAgICAgdG9hc3QuZXJyb3IodCgnZmFpbGVkVG9VbmxvY2snKSlcbiAgICB9XG4gIH0sIFtpMThuLCBzZXJ2ZXJVUkwsIGFwaSwgc2x1ZywgZW1haWwsIHRdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFtb2RpZmllZCkge1xuICAgICAgc2V0Q2hhbmdpbmdQYXNzd29yZChmYWxzZSlcbiAgICB9XG4gIH0sIFttb2RpZmllZF0pXG5cbiAgaWYgKGNvbGxlY3Rpb24uYXV0aC5kaXNhYmxlTG9jYWxTdHJhdGVneSAmJiAhY29sbGVjdGlvbi5hdXRoLnVzZUFQSUtleSkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtbYmFzZUNsYXNzLCBjbGFzc05hbWVdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyl9PlxuICAgICAgeyFjb2xsZWN0aW9uLmF1dGguZGlzYWJsZUxvY2FsU3RyYXRlZ3kgJiYgKFxuICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgPEVtYWlsXG4gICAgICAgICAgICBhZG1pbj17eyBhdXRvQ29tcGxldGU6ICdlbWFpbCcsIHJlYWRPbmx5IH19XG4gICAgICAgICAgICBsYWJlbD17dCgnZ2VuZXJhbDplbWFpbCcpfVxuICAgICAgICAgICAgbmFtZT1cImVtYWlsXCJcbiAgICAgICAgICAgIHJlcXVpcmVkXG4gICAgICAgICAgLz5cbiAgICAgICAgICB7KGNoYW5naW5nUGFzc3dvcmQgfHwgcmVxdWlyZVBhc3N3b3JkKSAmJiAoXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY2hhbmdpbmctcGFzc3dvcmRgfT5cbiAgICAgICAgICAgICAgPFBhc3N3b3JkXG4gICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICBkaXNhYmxlZD17cmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgbGFiZWw9e3QoJ25ld1Bhc3N3b3JkJyl9XG4gICAgICAgICAgICAgICAgbmFtZT1cInBhc3N3b3JkXCJcbiAgICAgICAgICAgICAgICByZXF1aXJlZFxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8Q29uZmlybVBhc3N3b3JkIGRpc2FibGVkPXtyZWFkT25seX0gLz5cbiAgICAgICAgICAgICAgeyFyZXF1aXJlUGFzc3dvcmQgJiYgKFxuICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgIGJ1dHRvblN0eWxlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtyZWFkT25seX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZVBhc3N3b3JkKGZhbHNlKX1cbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3QoJ2dlbmVyYWw6Y2FuY2VsJyl9XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHsoKCFjaGFuZ2luZ1Bhc3N3b3JkICYmICFyZXF1aXJlUGFzc3dvcmQpIHx8IG9wZXJhdGlvbiA9PT0gJ3VwZGF0ZScpICYmIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250cm9sc2B9PlxuICAgICAgICAgICAgICB7IWNoYW5naW5nUGFzc3dvcmQgJiYgIXJlcXVpcmVQYXNzd29yZCAmJiAoXG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICAgICAgaWQ9XCJjaGFuZ2UtcGFzc3dvcmRcIlxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlUGFzc3dvcmQodHJ1ZSl9XG4gICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHt0KCdjaGFuZ2VQYXNzd29yZCcpfVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7b3BlcmF0aW9uID09PSAndXBkYXRlJyAmJiAoXG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdW5sb2NrKCl9XG4gICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHt0KCdmb3JjZVVubG9jaycpfVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICl9XG4gICAgICB7dXNlQVBJS2V5ICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2FwaS1rZXlgfT5cbiAgICAgICAgICA8Q2hlY2tib3ggYWRtaW49e3sgcmVhZE9ubHkgfX0gbGFiZWw9e3QoJ2VuYWJsZUFQSUtleScpfSBuYW1lPVwiZW5hYmxlQVBJS2V5XCIgLz5cbiAgICAgICAgICB7ZW5hYmxlQVBJS2V5Py52YWx1ZSAmJiA8QVBJS2V5IHJlYWRPbmx5PXtyZWFkT25seX0gLz59XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHt2ZXJpZnkgJiYgPENoZWNrYm94IGFkbWluPXt7IHJlYWRPbmx5IH19IGxhYmVsPXt0KCd2ZXJpZmllZCcpfSBuYW1lPVwiX3ZlcmlmaWVkXCIgLz59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXV0aFxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIkF1dGgiLCJwcm9wcyIsImNsYXNzTmFtZSIsImNvbGxlY3Rpb24iLCJzbHVnIiwiZW1haWwiLCJvcGVyYXRpb24iLCJyZWFkT25seSIsInJlcXVpcmVQYXNzd29yZCIsInVzZUFQSUtleSIsInZlcmlmeSIsImNoYW5naW5nUGFzc3dvcmQiLCJzZXRDaGFuZ2luZ1Bhc3N3b3JkIiwidXNlU3RhdGUiLCJlbmFibGVBUElLZXkiLCJ1c2VGb3JtRmllbGRzIiwiZmllbGRzIiwiZGlzcGF0Y2hGaWVsZHMiLCJyZWR1Y2VyIiwibW9kaWZpZWQiLCJ1c2VGb3JtTW9kaWZpZWQiLCJpMThuIiwidCIsInVzZVRyYW5zbGF0aW9uIiwicm91dGVzIiwiYXBpIiwic2VydmVyVVJMIiwidXNlQ29uZmlnIiwiaGFuZGxlQ2hhbmdlUGFzc3dvcmQiLCJ1c2VDYWxsYmFjayIsInN0YXRlIiwicGF0aCIsInR5cGUiLCJ1bmxvY2siLCJ1cmwiLCJyZXNwb25zZSIsImZldGNoIiwiYm9keSIsIkpTT04iLCJzdHJpbmdpZnkiLCJjcmVkZW50aWFscyIsImhlYWRlcnMiLCJsYW5ndWFnZSIsIm1ldGhvZCIsInN0YXR1cyIsInRvYXN0Iiwic3VjY2VzcyIsImF1dG9DbG9zZSIsImVycm9yIiwidXNlRWZmZWN0IiwiYXV0aCIsImRpc2FibGVMb2NhbFN0cmF0ZWd5IiwiZGl2IiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJSZWFjdCIsIkZyYWdtZW50IiwiRW1haWwiLCJhZG1pbiIsImF1dG9Db21wbGV0ZSIsImxhYmVsIiwibmFtZSIsInJlcXVpcmVkIiwiUGFzc3dvcmQiLCJkaXNhYmxlZCIsIkNvbmZpcm1QYXNzd29yZCIsIkJ1dHRvbiIsImJ1dHRvblN0eWxlIiwib25DbGljayIsInNpemUiLCJpZCIsIkNoZWNrYm94IiwidmFsdWUiLCJBUElLZXkiXSwibWFwcGluZ3MiOiI7Ozs7K0JBMkpBOzs7ZUFBQTs7OytEQTNKd0Q7OEJBQ3pCOytCQUNUOytEQUlIO3lCQUM0QjtpRUFDMUI7d0VBQ087OERBQ1Y7aUVBQ0c7d0JBQ0s7K0RBQ1A7UUFDWjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxPQUF3QixDQUFDQztJQUM3QixNQUFNLEVBQ0pDLFNBQVMsRUFDVEMsVUFBVSxFQUNWQSxZQUFZLEVBQUVDLElBQUksRUFBRSxFQUNwQkMsS0FBSyxFQUNMQyxTQUFTLEVBQ1RDLFFBQVEsRUFDUkMsZUFBZSxFQUNmQyxTQUFTLEVBQ1RDLE1BQU0sRUFDUCxHQUFHVDtJQUVKLE1BQU0sQ0FBQ1Usa0JBQWtCQyxvQkFBb0IsR0FBR0MsSUFBQUEsZUFBUSxFQUFDTDtJQUN6RCxNQUFNTSxlQUFlQyxJQUFBQSxzQkFBYSxFQUFDLENBQUMs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

package/dist/admin/components/views/collections/Edit/Auth/index.scss

@@ -1,18 +1,41 @@
 @import '../../../../../scss/styles.scss';
 
 .auth-fields {
-  margin: base(1.5) 0 base(2);
-  padding: base(2) base(2) base(1.5);
+  padding: base(2);
   background: var(--theme-elevation-50);
+  display: flex;
+  flex-direction: column;
+  gap: var(--base);
+
+  &__controls {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) / 2);
+    flex-wrap: wrap;
+  }
+
+  &__changing-password {
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+  }
 
   .btn {
-    margin-top: 0;
-    margin-right: base(.5);
+    margin: 0;
   }
 
   &__api-key-label {
     position: relative;
   }
+
+  @include mid-break {
+    padding: var(--base);
+    gap: calc(var(--base) / 2);
+
+    &__changing-password {
+      gap: calc(var(--base) / 2);
+    }
+  }
 }
 
 .field-type.api-key {

package/dist/admin/components/views/collections/Edit/Auth/types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9