@flightctl/ui-components 0.0.1

package/dist/src/components/form/validations.js

@@ -0,0 +1,286 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deviceApprovalValidationSchema = exports.deviceSystemdUnitsValidationSchema = exports.validConfigTemplatesSchema = exports.validLabelsSchema = exports.maxLengthString = exports.validKubernetesLabelValue = exports.validKubernetesDnsSubdomain = exports.getInvalidKubernetesLabels = exports.hasUniqueLabelKeys = exports.getKubernetesDnsSubdomainErrors = exports.getKubernetesLabelValueErrors = exports.getDnsSubdomainValidations = exports.getLabelValueValidations = exports.MAX_TARGET_REVISION_LENGTH = void 0;
+const tslib_1 = require("tslib");
+const Yup = tslib_1.__importStar(require("yup"));
+const deviceSpec_1 = require("../../types/deviceSpec");
+const yaml = tslib_1.__importStar(require("js-yaml"));
+const SYSTEMD_PATTERNS_REGEXP = /^[a-z][a-z0-9-_.]*$/;
+const SYSTEMD_UNITS_MAX_PATTERNS = 256;
+// Accepts uppercase characters, and "underscore" symbols
+const K8S_LABEL_VALUE_START_END = /^[a-z0-9A-Z](.*[a-z0-9A-Z])?$/;
+const K8S_LABEL_VALUE_ALLOWED_CHARACTERS = /^[a-z0-9A-Z._-]*$/;
+const K8S_LABEL_VALUE_MAX_LENGTH = 63;
+// Does not accept uppercase characters, nor "underscore" symbols
+const K8S_DNS_SUBDOMAIN_START_END = /^[a-z0-9](.*[a-z0-9])?$/;
+const K8S_DNS_SUBDOMAIN_ALLOWED_CHARACTERS = /^[a-z0-9.-]*$/;
+const K8S_DNS_SUBDOMAIN_VALUE_MAX_LENGTH = 253;
+const absolutePathRegex = /^\/.*$/;
+exports.MAX_TARGET_REVISION_LENGTH = 244;
+const getLabelValueValidations = (t) => [
+    { key: 'labelValueStartAndEnd', message: t('Starts and ends with a letter or a number.') },
+    {
+        key: 'labelValueAllowedChars',
+        message: t('Contains only letters, numbers, dashes (-), dots (.), and underscores (_).'),
+    },
+    {
+        key: 'labelValueMaxLength',
+        message: t('1-{{ maxCharacters }} characters', { maxCharacters: K8S_LABEL_VALUE_MAX_LENGTH }),
+    },
+];
+exports.getLabelValueValidations = getLabelValueValidations;
+const getDnsSubdomainValidations = (t) => [
+    { key: 'dnsSubdomainStartAndEnd', message: t('Starts and ends with a lowercase letter or a number.') },
+    {
+        key: 'dnsSubdomainAllowedChars',
+        message: t('Contains only lowercase letters, numbers, dashes (-), and dots (.).'),
+    },
+    {
+        key: 'dnsSubdomainMaxLength',
+        message: t('1-{{ maxCharacters }} characters', { maxCharacters: K8S_DNS_SUBDOMAIN_VALUE_MAX_LENGTH }),
+    },
+];
+exports.getDnsSubdomainValidations = getDnsSubdomainValidations;
+const getKubernetesLabelValueErrors = (labelValue) => {
+    const errorKeys = {};
+    if (!K8S_LABEL_VALUE_START_END.test(labelValue)) {
+        errorKeys.labelValueStartAndEnd = 'failed';
+    }
+    if (!K8S_LABEL_VALUE_ALLOWED_CHARACTERS.test(labelValue)) {
+        errorKeys.labelValueAllowedChars = 'failed';
+    }
+    if ((labelValue === null || labelValue === void 0 ? void 0 : labelValue.length) > K8S_LABEL_VALUE_MAX_LENGTH) {
+        errorKeys.labelValueMaxLength = 'failed';
+    }
+    return errorKeys;
+};
+exports.getKubernetesLabelValueErrors = getKubernetesLabelValueErrors;
+const getKubernetesDnsSubdomainErrors = (value) => {
+    const errorKeys = {};
+    if (!K8S_DNS_SUBDOMAIN_START_END.test(value)) {
+        errorKeys.dnsSubdomainStartAndEnd = 'failed';
+    }
+    if (!K8S_DNS_SUBDOMAIN_ALLOWED_CHARACTERS.test(value)) {
+        errorKeys.dnsSubdomainAllowedChars = 'failed';
+    }
+    if ((value === null || value === void 0 ? void 0 : value.length) > K8S_DNS_SUBDOMAIN_VALUE_MAX_LENGTH) {
+        errorKeys.dnsSubdomainMaxLength = 'failed';
+    }
+    return errorKeys;
+};
+exports.getKubernetesDnsSubdomainErrors = getKubernetesDnsSubdomainErrors;
+const hasUniqueLabelKeys = (labels) => {
+    const uniqueKeys = new Set(labels.map((label) => label.key));
+    return uniqueKeys.size === labels.length;
+};
+exports.hasUniqueLabelKeys = hasUniqueLabelKeys;
+const getInvalidKubernetesLabels = (labels) => {
+    return labels.filter((unvalidatedLabel) => {
+        const key = unvalidatedLabel.key || '';
+        const value = unvalidatedLabel.value || '';
+        const keyParts = key.split('/');
+        if (keyParts.length > 2) {
+            return true;
+        }
+        // Key prefix validations
+        const keyPrefix = keyParts.length === 2 ? keyParts[0] : '';
+        if (keyPrefix) {
+            if (keyPrefix.length > K8S_DNS_SUBDOMAIN_VALUE_MAX_LENGTH ||
+                !K8S_DNS_SUBDOMAIN_START_END.test(keyPrefix) ||
+                !K8S_DNS_SUBDOMAIN_ALLOWED_CHARACTERS.test(keyPrefix)) {
+                return true;
+            }
+        }
+        // Key name validations
+        const keyName = keyPrefix ? keyParts[1] : key;
+        if (keyName.length > K8S_LABEL_VALUE_MAX_LENGTH ||
+            !K8S_LABEL_VALUE_START_END.test(keyName) ||
+            !K8S_LABEL_VALUE_ALLOWED_CHARACTERS.test(keyName)) {
+            return true;
+        }
+        // Value validations
+        return value.length === 0
+            ? false
+            : value.length > K8S_LABEL_VALUE_MAX_LENGTH ||
+                !K8S_LABEL_VALUE_START_END.test(value) ||
+                !K8S_LABEL_VALUE_ALLOWED_CHARACTERS.test(value);
+    });
+};
+exports.getInvalidKubernetesLabels = getInvalidKubernetesLabels;
+const validKubernetesDnsSubdomain = (t, { isRequired, fieldName }) => isRequired
+    ? Yup.string()
+        .defined(t('{{ fieldName }} is required', { fieldName: fieldName || t('Name') }))
+        .test('k8sDnsSubdomainFormat', (value, testContext) => {
+        const errorKeys = (0, exports.getKubernetesDnsSubdomainErrors)(value);
+        return Object.keys(errorKeys).length > 0
+            ? testContext.createError({
+                message: errorKeys,
+            })
+            : true;
+    })
+    : Yup.string();
+exports.validKubernetesDnsSubdomain = validKubernetesDnsSubdomain;
+const labelValueValidations = (labelValue, testContext) => {
+    if (!labelValue) {
+        return true;
+    }
+    const errorKeys = {};
+    if (!K8S_LABEL_VALUE_START_END.test(labelValue)) {
+        errorKeys.labelValueStartAndEnd = 'failed';
+    }
+    if (!K8S_LABEL_VALUE_ALLOWED_CHARACTERS.test(labelValue)) {
+        errorKeys.labelValueAllowedChars = 'failed';
+    }
+    if (labelValue.length > K8S_LABEL_VALUE_MAX_LENGTH) {
+        errorKeys.labelValueMaxLength = 'failed';
+    }
+    if (Object.keys(errorKeys).length === 0) {
+        return true;
+    }
+    return testContext.createError({
+        message: errorKeys,
+    });
+};
+const validKubernetesLabelValue = (t, { isRequired, fieldName }) => isRequired
+    ? Yup.string()
+        .required(t('{{ fieldName }} is required', { fieldName: fieldName || t('Name') }))
+        .test('k8sLabelValueFormat', labelValueValidations)
+    : Yup.string().test('k8sLabelValueFormat', labelValueValidations);
+exports.validKubernetesLabelValue = validKubernetesLabelValue;
+const maxLengthString = (t, props) => Yup.string().max(props.maxLength, t('{{ fieldName }} must not exceed {{ maxLength }} characters', props));
+exports.maxLengthString = maxLengthString;
+const validLabelsSchema = (t) => Yup.array()
+    .of(Yup.object().shape({
+    // We'll define the mandatory key restriction for all labels, not individually
+    key: Yup.string(),
+    value: Yup.string(),
+}))
+    .required()
+    .test('missing keys', (labels, testContext) => {
+    const missingKeyLabels = labels.filter((label) => !label.key).map((label) => label.value);
+    return missingKeyLabels.length > 0
+        ? testContext.createError({
+            message: t('Label keys are required. Invalid labels: {{invalidLabels}}', {
+                invalidLabels: `=${missingKeyLabels.join(', =')}`,
+            }),
+        })
+        : true;
+})
+    .test('unique keys', t('Label keys must be unique'), exports.hasUniqueLabelKeys)
+    .test('invalid-labels', (labels, testContext) => {
+    const invalidLabels = (0, exports.getInvalidKubernetesLabels)(labels);
+    return invalidLabels.length > 0
+        ? testContext.createError({
+            message: t('The following labels are not valid Kubernetes labels: {{invalidLabels}}', {
+                invalidLabels: `${invalidLabels
+                    .map((label) => {
+                    const suffix = label.value ? `=${label.value}` : '';
+                    return `${label.key}${suffix}`;
+                })
+                    .join(', ')}`,
+            }),
+        })
+        : true;
+});
+exports.validLabelsSchema = validLabelsSchema;
+const validConfigTemplatesSchema = (t) => Yup.array()
+    .test('unique-names', t('Source names must be unique'), (templates) => {
+    if (!templates) {
+        return true;
+    }
+    const uniqueNames = new Set(templates.map((template) => template.name));
+    return uniqueNames.size === templates.length;
+})
+    .of(Yup.lazy((value) => {
+    if ((0, deviceSpec_1.isGitConfigTemplate)(value)) {
+        return Yup.object().shape({
+            type: Yup.string().required(t('Source type is required.')),
+            name: (0, exports.validKubernetesDnsSubdomain)(t, { isRequired: true }),
+            path: Yup.string().required(t('Path is required.')).matches(absolutePathRegex, t('Path must be absolute.')),
+            mountPath: Yup.string()
+                .required(t('Mount path is required.'))
+                .matches(absolutePathRegex, t('Mount path must be absolute.')),
+            repository: Yup.string().required(t('Repository is required.')),
+            targetRevision: (0, exports.maxLengthString)(t, {
+                maxLength: exports.MAX_TARGET_REVISION_LENGTH,
+                fieldName: t('Target revision'),
+            }).required(t('Branch/tag/commit is required.')),
+        });
+    }
+    else if ((0, deviceSpec_1.isHttpConfigTemplate)(value)) {
+        return Yup.object().shape({
+            type: Yup.string().required(t('Source type is required.')),
+            name: (0, exports.validKubernetesDnsSubdomain)(t, { isRequired: true }),
+            filePath: Yup.string()
+                .required(t('File path is required.'))
+                .matches(absolutePathRegex, t('Path must be absolute.')),
+            suffix: Yup.string(),
+        });
+    }
+    else if ((0, deviceSpec_1.isKubeSecretTemplate)(value)) {
+        return Yup.object().shape({
+            type: Yup.string().required(t('Source type is required.')),
+            name: (0, exports.validKubernetesDnsSubdomain)(t, { isRequired: true }),
+            secretName: Yup.string().required(t('Secret name is required.')),
+            secretNs: Yup.string().required(t('Secret namespace is required.')),
+            mountPath: Yup.string()
+                .required(t('Mount path is required.'))
+                .matches(absolutePathRegex, t('Mount path must be absolute.')),
+        });
+    }
+    else if ((0, deviceSpec_1.isInlineConfigTemplate)(value)) {
+        return Yup.object().shape({
+            type: Yup.string().required(t('Source type is required.')),
+            name: (0, exports.validKubernetesDnsSubdomain)(t, { isRequired: true }),
+            inline: (0, exports.maxLengthString)(t, { fieldName: t('Inline config'), maxLength: 65535 })
+                .required(t('Inline config is required.'))
+                .test('yaml object', t('Inline config must be a valid yaml object.'), (value) => {
+                try {
+                    const yamlResult = yaml.load(value);
+                    return typeof yamlResult === 'object';
+                }
+                catch (err) {
+                    return false;
+                }
+            }),
+        });
+    }
+    return Yup.object().shape({
+        name: (0, exports.validKubernetesDnsSubdomain)(t, { isRequired: true }),
+        type: Yup.string().required(t('Source type is required.')),
+    });
+}));
+exports.validConfigTemplatesSchema = validConfigTemplatesSchema;
+const deviceSystemdUnitsValidationSchema = (t) => Yup.object({
+    matchPatterns: Yup.array()
+        .max(SYSTEMD_UNITS_MAX_PATTERNS, t('The maximum number of systemd units is {{maxSystemUnits}}.', { maxSystemUnits: SYSTEMD_UNITS_MAX_PATTERNS }))
+        .of(Yup.string().required('Unit name is required.'))
+        .test('invalid patterns', (patterns, testContext) => {
+        // TODO analyze https://github.com/systemd/systemd/blob/9cebda59e818cdb89dc1e53ab5bb51b91b3dc3ff/src/basic/unit-name.c#L42
+        // and adjust the regular expression and / or the validation to accommodate for it
+        const invalidPatterns = (patterns || []).filter((pattern) => {
+            return pattern.length > SYSTEMD_UNITS_MAX_PATTERNS || !SYSTEMD_PATTERNS_REGEXP.test(pattern);
+        });
+        if (invalidPatterns.length === 0) {
+            return true;
+        }
+        return testContext.createError({
+            message: t('Invalid systemd unit names: {{invalidPatterns}}', {
+                invalidPatterns: invalidPatterns.join(', '),
+            }),
+        });
+    })
+        .test('unique patterns', t('Systemd unit names must be unique'), (patterns) => {
+        const uniqueKeys = new Set(patterns || []);
+        return uniqueKeys.size === ((patterns === null || patterns === void 0 ? void 0 : patterns.length) || 0);
+    }),
+});
+exports.deviceSystemdUnitsValidationSchema = deviceSystemdUnitsValidationSchema;
+const deviceApprovalValidationSchema = (t, conf) => Yup.object({
+    deviceAlias: conf.isSingleDevice
+        ? (0, exports.validKubernetesLabelValue)(t, { isRequired: false, fieldName: t('Alias') })
+        : Yup.string().matches(/{{n}}/, t('Device aliases must be unique. Add a number to the template to generate unique aliases.')),
+    labels: (0, exports.validLabelsSchema)(t),
+});
+exports.deviceApprovalValidationSchema = deviceApprovalValidationSchema;
+//# sourceMappingURL=validations.js.map

package/dist/src/components/form/validations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validations.js","sourceRoot":"","sources":["../../../../src/components/form/validations.ts"],"names":[],"mappings":"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"}

package/dist/src/components/modals/ApproveDeviceModal/ApproveDeviceForm.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const RichValidationTextField_1 = tslib_1.__importDefault(require("../../form/RichValidationTextField"));
+const LabelsField_1 = tslib_1.__importDefault(require("../../form/LabelsField"));
+const validations_1 = require("../../form/validations");
+const FlightCtlActionGroup_1 = tslib_1.__importDefault(require("../../form/FlightCtlActionGroup"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../form/FlightCtlForm"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useDeviceLabelMatch_1 = tslib_1.__importDefault(require("../../../hooks/useDeviceLabelMatch"));
+const ResourceLink_1 = tslib_1.__importDefault(require("../../common/ResourceLink"));
+const DeviceLabelMatch_1 = tslib_1.__importDefault(require("./DeviceLabelMatch"));
+const ApproveDeviceForm = ({ enrollmentRequest, onClose, error, children }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { submitForm, isSubmitting, errors: formErrors } = (0, formik_1.useFormikContext)();
+    const disableSubmit = Object.keys(formErrors).length > 0;
+    const [matchLabelsOnChange, matchStatus] = (0, useDeviceLabelMatch_1.default)();
+    return (React.createElement(FlightCtlForm_1.default, null,
+        React.createElement(RichValidationTextField_1.default, { fieldName: "deviceAlias", "aria-label": t('Alias'), validations: (0, validations_1.getLabelValueValidations)(t) }),
+        enrollmentRequest && (React.createElement(react_core_1.FormGroup, { label: t('Name'), "aria-label": t('Name') },
+            React.createElement(ResourceLink_1.default, { id: enrollmentRequest.metadata.name, variant: "full" }))),
+        React.createElement(react_core_1.FormGroup, { label: t('Labels') },
+            React.createElement(LabelsField_1.default, { name: "labels", onChangeCallback: matchLabelsOnChange })),
+        React.createElement(react_core_1.FormGroup, { label: t('Fleet name') },
+            React.createElement(DeviceLabelMatch_1.default, { matchStatus: matchStatus })),
+        children,
+        error && React.createElement(react_core_1.Alert, { isInline: true, title: error, variant: "danger" }),
+        React.createElement(FlightCtlActionGroup_1.default, null,
+            React.createElement(react_core_1.Button, { key: "confirm", variant: "primary", onClick: submitForm, isDisabled: disableSubmit || isSubmitting, isLoading: isSubmitting }, t('Approve')),
+            React.createElement(react_core_1.Button, { key: "cancel", variant: "link", onClick: () => onClose(), isDisabled: isSubmitting }, t('Cancel')))));
+};
+exports.default = ApproveDeviceForm;
+//# sourceMappingURL=ApproveDeviceForm.js.map

package/dist/src/components/modals/ApproveDeviceModal/ApproveDeviceForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApproveDeviceForm.js","sourceRoot":"","sources":["../../../../../src/components/modals/ApproveDeviceModal/ApproveDeviceForm.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAA0C;AAC1C,uDAAkE;AAGlE,yGAAyE;AACzE,iFAAiD;AACjD,wDAAkE;AAClE,mGAAmE;AACnE,qFAAqD;AAErD,kEAA+D;AAC/D,qGAAqE;AACrE,qFAAqD;AACrD,kFAAkD;AAclD,MAAM,iBAAiB,GAAqC,CAAC,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,yBAAgB,GAA2B,CAAC;IAErG,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACzD,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,GAAG,IAAA,6BAAmB,GAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,uBAAa;QACZ,oBAAC,iCAAuB,IACtB,SAAS,EAAC,aAAa,gBACX,CAAC,CAAC,OAAO,CAAC,EACtB,WAAW,EAAE,IAAA,sCAAwB,EAAC,CAAC,CAAC,GACxC;QACD,iBAAiB,IAAI,CACpB,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAc,CAAC,CAAC,MAAM,CAAC;YAChD,oBAAC,sBAAY,IAAC,EAAE,EAAE,iBAAiB,CAAC,QAAQ,CAAC,IAAc,EAAE,OAAO,EAAC,MAAM,GAAG,CACpE,CACb;QACD,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC;YAC3B,oBAAC,qBAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,gBAAgB,EAAE,mBAAmB,GAAI,CAC1D;QACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC;YAC/B,oBAAC,0BAAgB,IAAC,WAAW,EAAE,WAAW,GAAI,CACpC;QACX,QAAQ;QACR,KAAK,IAAI,oBAAC,kBAAK,IAAC,QAAQ,QAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,QAAQ,GAAG;QAC3D,oBAAC,8BAAoB;YACnB,oBAAC,mBAAM,IACL,GAAG,EAAC,SAAS,EACb,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,UAAU,EAAE,aAAa,IAAI,YAAY,EACzC,SAAS,EAAE,YAAY,IAEtB,CAAC,CAAC,SAAS,CAAC,CACN;YACT,oBAAC,mBAAM,IAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,YAAY,IACnF,CAAC,CAAC,QAAQ,CAAC,CACL,CACY,CACT,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/src/components/modals/ApproveDeviceModal/ApproveDeviceModal.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const useFetch_1 = require("../../../hooks/useFetch");
+const error_1 = require("../../../utils/error");
+const ApproveDeviceForm_1 = tslib_1.__importDefault(require("./ApproveDeviceForm"));
+const enrollmentRequest_1 = require("../../../utils/status/enrollmentRequest");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const validations_1 = require("../../form/validations");
+const labels_1 = require("../../../utils/labels");
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const DeviceEnrollmentModal = ({ enrollmentRequest, onClose }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { post } = (0, useFetch_1.useFetch)();
+    const [error, setError] = React.useState();
+    const { user } = (0, useAppContext_1.useAppContext)();
+    return (React.createElement(formik_1.Formik, { initialValues: {
+            labels: (0, labels_1.fromAPILabel)(enrollmentRequest.spec.labels || {}, { isDefault: true }),
+            deviceAlias: '',
+        }, validationSchema: (0, validations_1.deviceApprovalValidationSchema)(t, { isSingleDevice: true }), onSubmit: ({ labels, deviceAlias }) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            setError(undefined);
+            const deviceLabels = (0, labels_1.toAPILabel)(labels);
+            if (deviceAlias) {
+                deviceLabels.alias = deviceAlias;
+            }
+            try {
+                yield post(`enrollmentrequests/${enrollmentRequest.metadata.name}/approval`, {
+                    approved: true,
+                    labels: deviceLabels,
+                    approvedBy: user,
+                });
+                onClose(true);
+            }
+            catch (e) {
+                setError((0, error_1.getErrorMessage)(e));
+            }
+        }) }, ({ isSubmitting }) => (React.createElement(react_core_1.Modal, { title: t('Device enrollment request'), isOpen: true, onClose: () => !isSubmitting && onClose(), variant: "small" }, (0, enrollmentRequest_1.getApprovalStatus)(enrollmentRequest) !== enrollmentRequest_1.EnrollmentRequestStatus.Approved ? (React.createElement(ApproveDeviceForm_1.default, { enrollmentRequest: enrollmentRequest, onClose: onClose, error: error })) : (React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: t('Enrollment request is already approved.') }))))));
+};
+exports.default = DeviceEnrollmentModal;
+//# sourceMappingURL=ApproveDeviceModal.js.map

package/dist/src/components/modals/ApproveDeviceModal/ApproveDeviceModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApproveDeviceModal.js","sourceRoot":"","sources":["../../../../../src/components/modals/ApproveDeviceModal/ApproveDeviceModal.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,uDAAsD;AACtD,mCAAgC;AAEhC,sDAAmD;AACnD,gDAAuD;AACvD,oFAAyG;AACzG,+EAGiD;AACjD,kEAA+D;AAC/D,wDAAwE;AAExE,kDAAiE;AACjE,gEAA6D;AAI7D,MAAM,qBAAqB,GAAyC,CAAC,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IACrG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACjC,OAAO,CACL,oBAAC,eAAM,IACL,aAAa,EAAE;YACb,MAAM,EAAE,IAAA,qBAAY,EAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YAC9E,WAAW,EAAE,EAAE;SAChB,EACD,gBAAgB,EAAE,IAAA,4CAA8B,EAAC,CAAC,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,EAC7E,QAAQ,EAAE,CAAO,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;YAC1C,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,MAAM,YAAY,GAAwC,IAAA,mBAAU,EAAC,MAAM,CAAC,CAAC;YAC7E,IAAI,WAAW,EAAE,CAAC;gBAChB,YAAY,CAAC,KAAK,GAAG,WAAW,CAAC;YACnC,CAAC;YAED,IAAI,CAAC;gBACH,MAAM,IAAI,CAA4B,sBAAsB,iBAAiB,CAAC,QAAQ,CAAC,IAAI,WAAW,EAAE;oBACtG,QAAQ,EAAE,IAAI;oBACd,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,IAAI;iBACjB,CAAC,CAAC;gBACH,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,QAAQ,CAAC,IAAA,uBAAe,EAAC,CAAC,CAAC,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC,CAAA,IAEA,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACrB,oBAAC,kBAAK,IAAC,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAAE,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,YAAY,IAAI,OAAO,EAAE,EAAE,OAAO,EAAC,OAAO,IAC5G,IAAA,qCAAiB,EAAC,iBAAiB,CAAC,KAAK,2CAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC/E,oBAAC,2BAAiB,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5F,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAK,IAAC,QAAQ,QAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,CAAC,yCAAyC,CAAC,GAAI,CACvF,CACK,CACT,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/dist/src/components/modals/ApproveDeviceModal/DeviceLabelMatch.css

@@ -0,0 +1,24 @@
+/* Style to get the appearance of a disabled Input with messages spanning multiple lines */
+.fctl-device-label-match {
+  display: flex;
+  align-items: center;
+  background-color: var(--pf-v5-global--disabled-color--300);
+  padding: 0.5rem;
+}
+
+.fctl-device-label-match__icon  {
+  margin-right: 0.5rem;
+}
+
+.fctl-device-label-match__placeholder {
+  color: var(--pf-v5-global--disabled-color--100);
+}
+
+/* Dark theme variations */
+.pf-v5-theme-dark .fctl-device-label-match {
+  background-color: var(--pf-v5-global--disabled-color--200);
+}
+
+.pf-v5-theme-dark .fctl-device-label-match__placeholder {
+  color: var(--pf-v5-global--Color--light-100);
+}

package/dist/src/components/modals/ApproveDeviceModal/DeviceLabelMatch.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeviceLabelMatch = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const check_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/check-circle-icon");
+const exclamation_triangle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon");
+const exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+require("./DeviceLabelMatch.css");
+const DeviceLabelMatchContent = ({ iconStatus, text, isPlaceholder, }) => {
+    let icon;
+    switch (iconStatus) {
+        case 'warning':
+            icon = (React.createElement(react_core_1.Icon, { status: "warning" },
+                React.createElement(exclamation_triangle_icon_1.ExclamationTriangleIcon, null)));
+            break;
+        case 'danger':
+            icon = (React.createElement(react_core_1.Icon, { status: "danger" },
+                React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, null)));
+            break;
+        case 'success':
+            icon = (React.createElement(react_core_1.Icon, { status: "success" },
+                React.createElement(check_circle_icon_1.CheckCircleIcon, null)));
+            break;
+        case 'loader':
+            icon = React.createElement(react_core_1.Spinner, { size: "sm" });
+            break;
+    }
+    return (React.createElement("div", { className: "fctl-device-label-match" },
+        icon && React.createElement("span", { className: "fctl-device-label-match__icon" }, icon),
+        React.createElement("span", { className: isPlaceholder ? 'fctl-device-label-match__placeholder' : '' }, text)));
+};
+const DeviceLabelMatch = ({ matchStatus }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    switch (matchStatus.status) {
+        case 'unchecked':
+            return React.createElement(DeviceLabelMatchContent, { text: t('Add labels to select a fleet.'), isPlaceholder: true });
+        case 'unchecked--invalid':
+            return (React.createElement(DeviceLabelMatchContent, { iconStatus: "warning", text: t('Fleet label match cannot cannot be evaluated when there are invalid labels.'), isPlaceholder: true }));
+        case 'checking':
+            return React.createElement(DeviceLabelMatchContent, { iconStatus: "loader" });
+        case 'checked--unique':
+            return (React.createElement(DeviceLabelMatchContent, { iconStatus: "success", 
+                /* The matching fleet's name */
+                text: matchStatus.detail }));
+        case 'checked--empty':
+            return React.createElement(DeviceLabelMatchContent, { iconStatus: "warning", text: t('No fleet is matching the selected labels.') });
+        case 'checked--multiple':
+            return (React.createElement(DeviceLabelMatchContent, { iconStatus: "danger", text: t("More than one fleet is matching the selected labels. The device will ignore the fleets' configurations.") }));
+        case 'checked--error': {
+            const text = t('Check for matching fleet(s) failed. {{errorMessage}}', {
+                errorMessage: matchStatus.detail || t('Unknown error'),
+            });
+            return React.createElement(DeviceLabelMatchContent, { iconStatus: "danger", text: text });
+        }
+    }
+};
+exports.DeviceLabelMatch = DeviceLabelMatch;
+exports.default = exports.DeviceLabelMatch;
+//# sourceMappingURL=DeviceLabelMatch.js.map

package/dist/src/components/modals/ApproveDeviceModal/DeviceLabelMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceLabelMatch.js","sourceRoot":"","sources":["../../../../../src/components/modals/ApproveDeviceModal/DeviceLabelMatch.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAAuD;AACvD,+FAA0F;AAC1F,+GAA0G;AAC1G,2GAAsG;AAEtG,kEAA+D;AAG/D,kCAAgC;AAEhC,MAAM,uBAAuB,GAAG,CAAC,EAC/B,UAAU,EACV,IAAI,EACJ,aAAa,GAKd,EAAE,EAAE;IACH,IAAI,IAAqB,CAAC;IAC1B,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,SAAS;YACZ,IAAI,GAAG,CACL,oBAAC,iBAAI,IAAC,MAAM,EAAC,SAAS;gBACpB,oBAAC,mDAAuB,OAAG,CACtB,CACR,CAAC;YACF,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,GAAG,CACL,oBAAC,iBAAI,IAAC,MAAM,EAAC,QAAQ;gBACnB,oBAAC,+CAAqB,OAAG,CACpB,CACR,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,IAAI,GAAG,CACL,oBAAC,iBAAI,IAAC,MAAM,EAAC,SAAS;gBACpB,oBAAC,mCAAe,OAAG,CACd,CACR,CAAC;YACF,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,GAAG,oBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC;YAC7B,MAAM;IACV,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,yBAAyB;QACrC,IAAI,IAAI,8BAAM,SAAS,EAAC,+BAA+B,IAAE,IAAI,CAAQ;QACtE,8BAAM,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,IAAG,IAAI,CAAQ,CACvF,CACP,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAsC,EAAE,EAAE;IACtF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,QAAQ,WAAW,CAAC,MAAM,EAAE,CAAC;QAC3B,KAAK,WAAW;YACd,OAAO,oBAAC,uBAAuB,IAAC,IAAI,EAAE,CAAC,CAAC,+BAA+B,CAAC,EAAE,aAAa,SAAG,CAAC;QAC7F,KAAK,oBAAoB;YACvB,OAAO,CACL,oBAAC,uBAAuB,IACtB,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,CAAC,CAAC,6EAA6E,CAAC,EACtF,aAAa,SACb,CACH,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,oBAAC,uBAAuB,IAAC,UAAU,EAAC,QAAQ,GAAG,CAAC;QACzD,KAAK,iBAAiB;YACpB,OAAO,CACL,oBAAC,uBAAuB,IACtB,UAAU,EAAC,SAAS;gBACpB,+BAA+B;gBAC/B,IAAI,EAAE,WAAW,CAAC,MAAM,GACxB,CACH,CAAC;QACJ,KAAK,gBAAgB;YACnB,OAAO,oBAAC,uBAAuB,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,CAAC,CAAC,2CAA2C,CAAC,GAAI,CAAC;QAChH,KAAK,mBAAmB;YACtB,OAAO,CACL,oBAAC,uBAAuB,IACtB,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAE,CAAC,CACL,yGAAyG,CAC1G,GACD,CACH,CAAC;QACJ,KAAK,gBAAgB,CAAC,CAAC,CAAC;YACtB,MAAM,IAAI,GAAG,CAAC,CAAC,sDAAsD,EAAE;gBACrE,YAAY,EAAE,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,eAAe,CAAC;aACvD,CAAC,CAAC;YACH,OAAO,oBAAC,uBAAuB,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACrE,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AA1CW,QAAA,gBAAgB,oBA0C3B;AAEF,kBAAe,wBAAgB,CAAC"}

package/dist/src/components/modals/CreateRepositoryModal/CreateRepositoryModal.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const CreateRepositoryForm_1 = tslib_1.__importDefault(require("../../Repository/CreateRepository/CreateRepositoryForm"));
+const CreateRepositoryModal = ({ options, onClose, onSuccess }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(react_core_1.Modal, { variant: "medium", isOpen: true, title: t('Create repository'), showClose: false },
+        React.createElement(CreateRepositoryForm_1.default, { onClose: onClose, onSuccess: onSuccess, options: options })));
+};
+exports.default = CreateRepositoryModal;
+//# sourceMappingURL=CreateRepositoryModal.js.map

package/dist/src/components/modals/CreateRepositoryModal/CreateRepositoryModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateRepositoryModal.js","sourceRoot":"","sources":["../../../../../src/components/modals/CreateRepositoryModal/CreateRepositoryModal.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA+C;AAG/C,kEAA+D;AAC/D,0HAEgE;AAQhE,MAAM,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAA8B,EAAE,EAAE;IAC5F,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,kBAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,SAAS,EAAE,KAAK;QAC5E,oBAAC,8BAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5E,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/dist/src/components/modals/DeleteModal/DeleteModal.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const error_1 = require("../../../utils/error");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const DeleteModal = ({ onDelete, onClose, resourceType, resourceName }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [isDeleting, setIsDeleting] = React.useState(false);
+    const [error, setError] = React.useState();
+    return (React.createElement(react_core_1.Modal, { title: t('Delete {{resourceType}} ?', { resourceType }), isOpen: true, onClose: onClose, variant: "small", titleIconVariant: "warning", actions: [
+            React.createElement(react_core_1.Button, { key: "confirm", variant: "danger", isDisabled: isDeleting, isLoading: isDeleting, onClick: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                    setError(undefined);
+                    try {
+                        setIsDeleting(true);
+                        yield onDelete();
+                    }
+                    catch (err) {
+                        setError((0, error_1.getErrorMessage)(err));
+                    }
+                    finally {
+                        setIsDeleting(false);
+                    }
+                }) }, t('Delete {{ resourceType }}', { resourceType })),
+            React.createElement(react_core_1.Button, { key: "cancel", variant: "link", onClick: onClose, isDisabled: isDeleting }, t('Cancel')),
+        ] },
+        React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_i18next_1.Trans, { t: t },
+                    "Are you sure you want to delete ",
+                    resourceType,
+                    " ",
+                    React.createElement("b", null, resourceName),
+                    "?")),
+            error && (React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('An error occurred') }, error))))));
+};
+exports.default = DeleteModal;
+//# sourceMappingURL=DeleteModal.js.map

package/dist/src/components/modals/DeleteModal/DeleteModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteModal.js","sourceRoot":"","sources":["../../../../../src/components/modals/DeleteModal/DeleteModal.tsx"],"names":[],"mappings":";;;AAAA,gDAAuD;AACvD,uDAAgF;AAChF,qDAA+B;AAC/B,iDAAsC;AACtC,kEAA+D;AAS/D,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE;IACpG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnD,OAAO,CACL,oBAAC,kBAAK,IACJ,KAAK,EAAE,CAAC,CAAC,2BAA2B,EAAE,EAAE,YAAY,EAAE,CAAC,EACvD,MAAM,QACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,OAAO,EACf,gBAAgB,EAAC,SAAS,EAC1B,OAAO,EAAE;YACP,oBAAC,mBAAM,IACL,GAAG,EAAC,SAAS,EACb,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAS,EAAE;oBAClB,QAAQ,CAAC,SAAS,CAAC,CAAC;oBACpB,IAAI,CAAC;wBACH,aAAa,CAAC,IAAI,CAAC,CAAC;wBACpB,MAAM,QAAQ,EAAE,CAAC;oBACnB,CAAC;oBAAC,OAAO,GAAG,EAAE,CAAC;wBACb,QAAQ,CAAC,IAAA,uBAAe,EAAC,GAAG,CAAC,CAAC,CAAC;oBACjC,CAAC;4BAAS,CAAC;wBACT,aAAa,CAAC,KAAK,CAAC,CAAC;oBACvB,CAAC;gBACH,CAAC,CAAA,IAEA,CAAC,CAAC,2BAA2B,EAAE,EAAE,YAAY,EAAE,CAAC,CAC1C;YACT,oBAAC,mBAAM,IAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,IACzE,CAAC,CAAC,QAAQ,CAAC,CACL;SACV;QAED,oBAAC,kBAAK,IAAC,SAAS;YACd,oBAAC,sBAAS;gBACR,oBAAC,qBAAK,IAAC,CAAC,EAAE,CAAC;;oBACwB,YAAY;;oBAAE,+BAAI,YAAY,CAAK;wBAC9D,CACE;YACX,KAAK,IAAI,CACR,oBAAC,sBAAS;gBACR,oBAAC,kBAAK,IAAC,QAAQ,QAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAC3D,KAAK,CACA,CACE,CACb,CACK,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/src/components/modals/EditLabelsModal/EditLabelsForm.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const Yup = tslib_1.__importStar(require("yup"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const LabelsField_1 = tslib_1.__importDefault(require("../../form/LabelsField"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../form/FlightCtlForm"));
+const useFetch_1 = require("../../../hooks/useFetch");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const labels_1 = require("../../../utils/labels");
+const validations_1 = require("../../form/validations");
+const error_1 = require("../../../utils/error");
+const patch_1 = require("../../../utils/patch");
+const getValidationSchema = (t) => {
+    return Yup.object({
+        labels: (0, validations_1.validLabelsSchema)(t),
+    });
+};
+const delayResponse = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+const EditLabelsFormContent = ({ isSubmitting, submitForm }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [submitError, setSubmitError] = React.useState();
+    const onChangedLabels = (newLabels, hasErrors) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        setSubmitError(undefined);
+        if (!hasErrors) {
+            const error = yield submitForm({ labels: newLabels });
+            setSubmitError(error);
+        }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const debouncedSubmit = React.useCallback((0, debounce_1.default)(onChangedLabels, 2000), []);
+    return (React.createElement(FlightCtlForm_1.default, null,
+        React.createElement(react_core_1.FormGroup, { label: t('Device labels') },
+            React.createElement(LabelsField_1.default, { name: "labels", addButtonText: isSubmitting ? t('Saving...') : undefined, isFormEditable: !isSubmitting, onChangeCallback: debouncedSubmit })),
+        submitError && React.createElement(react_core_1.Alert, { isInline: true, title: submitError, variant: "danger" })));
+};
+const EditLabelsForm = ({ device, onDeviceUpdate }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { patch } = (0, useFetch_1.useFetch)();
+    const currentLabels = device.metadata.labels || {};
+    return (React.createElement(formik_1.Formik, { initialValues: {
+            labels: (0, labels_1.fromAPILabel)(currentLabels),
+        }, onSubmit: (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const labelsPatch = (0, patch_1.getLabelPatches)('/metadata/labels', currentLabels, values.labels);
+                if (labelsPatch.length > 0) {
+                    yield patch(`devices/${device.metadata.name}`, labelsPatch);
+                    // The API call is "too" quick, allow the "Saving" button to be briefly seen
+                    yield delayResponse(150);
+                    onDeviceUpdate();
+                }
+                return null;
+            }
+            catch (e) {
+                return (0, error_1.getErrorMessage)(e);
+            }
+        }), validationSchema: getValidationSchema(t) }, ({ isSubmitting, submitForm }) => React.createElement(EditLabelsFormContent, { isSubmitting: isSubmitting, submitForm: submitForm })));
+};
+exports.default = EditLabelsForm;
+//# sourceMappingURL=EditLabelsForm.js.map