@flightctl/ui-components 0.0.1

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigWithRepositoryTemplateForm.js

@@ -0,0 +1,94 @@
+"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 plus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/plus-circle-icon");
+const exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
+const react_i18next_1 = require("react-i18next");
+const types_1 = require("@flightctl/types");
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const TextField_1 = tslib_1.__importDefault(require("../../../form/TextField"));
+const FormSelect_1 = tslib_1.__importDefault(require("../../../form/FormSelect"));
+const CreateRepositoryModal_1 = tslib_1.__importDefault(require("../../../modals/CreateRepositoryModal/CreateRepositoryModal"));
+const WithHelperText_1 = tslib_1.__importDefault(require("../../../common/WithHelperText"));
+const getRepositoryItems = (t, repositories, repoType, forcedRepoName) => {
+    const repositoryItems = repositories.reduce((acc, curr) => {
+        if (curr.spec.type === repoType) {
+            acc[curr.metadata.name || ''] = {
+                label: curr.metadata.name,
+                description: curr.spec.url,
+            };
+        }
+        return acc;
+    }, {});
+    // If there's a broken reference to a repository, we must add an item so the name shows in the dropdown
+    if (forcedRepoName && !repositoryItems[forcedRepoName]) {
+        repositoryItems[forcedRepoName] = {
+            label: forcedRepoName,
+            description: (React.createElement(React.Fragment, null,
+                React.createElement(react_core_1.Icon, { size: "sm", status: "danger" },
+                    React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, null)),
+                ' ',
+                t('Missing repository'))),
+        };
+    }
+    return repositoryItems;
+};
+const GitConfigForm = ({ template, index }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.FormGroup, { label: t('Branch/tag/commit'), isRequired: true },
+            React.createElement(TextField_1.default, { "aria-label": t('Branch/tag/commit'), name: `configTemplates[${index}].targetRevision`, value: template.targetRevision })),
+        React.createElement(react_core_1.FormGroup, { label: React.createElement(WithHelperText_1.default, { ariaLabel: t('Path'), content: t('Path in the repository where the configuration file(s) are located'), showLabel: true }), isRequired: true },
+            React.createElement(TextField_1.default, { "aria-label": t('Path'), name: `configTemplates[${index}].path`, value: template.path, placeholder: t('/absolute/path') })),
+        React.createElement(react_core_1.FormGroup, { isRequired: true, label: React.createElement(WithHelperText_1.default, { ariaLabel: t('Mount path'), content: t('Path in the device where the configurations will be stored'), showLabel: true }) },
+            React.createElement(TextField_1.default, { "aria-label": t('Mount path'), name: `configTemplates[${index}].mountPath`, value: template.mountPath, placeholder: t('/absolute/path') }))));
+};
+const HttpConfigForm = ({ template, baseURL, index, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    let suffixHelperText;
+    if (baseURL) {
+        const fullURL = `${baseURL}${template.suffix || ''}`;
+        suffixHelperText = (React.createElement(react_i18next_1.Trans, { t: t },
+            "Full HTTP service URL: ",
+            React.createElement("strong", null, fullURL)));
+    }
+    else {
+        suffixHelperText = t('Select a repository to generate the full URL');
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.FormGroup, { label: t('Suffix'), labelIcon: React.createElement(WithHelperText_1.default, { ariaLabel: t('Suffix'), content: t("Suffix that will be combined with the repository's base URL to invoke the HTTP service. Can include query parameters.") }) },
+            React.createElement(TextField_1.default, { "aria-label": t('Suffix'), name: `configTemplates[${index}].suffix`, value: template.suffix || '', helperText: suffixHelperText })),
+        React.createElement(react_core_1.FormGroup, { label: t('File path'), labelIcon: React.createElement(WithHelperText_1.default, { ariaLabel: t('File path'), content: t('Path of the file where the response will be stored in the device filesystem.') }), isRequired: true },
+            React.createElement(TextField_1.default, { "aria-label": t('File path'), name: `configTemplates[${index}].filePath`, value: template.filePath || '', placeholder: t('/absolute/path') }))));
+};
+const ConfigWithRepositoryTemplateForm = ({ repoType, index, repositories, repoRefetch, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    const [createRepoModalOpen, setCreateRepoModalOpen] = React.useState(false);
+    const ct = values.configTemplates[index];
+    const selectedRepoName = ct === null || ct === void 0 ? void 0 : ct.repository;
+    const repositoryItems = getRepositoryItems(t, repositories, repoType, selectedRepoName);
+    const selectedRepo = repositories.find((repo) => repo.metadata.name === selectedRepoName);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.FormGroup, { label: t('Repository'), isRequired: true },
+            React.createElement(FormSelect_1.default, { name: `configTemplates[${index}].repository`, items: repositoryItems, placeholderText: t('Select a repository') },
+                React.createElement(react_core_1.MenuFooter, null,
+                    React.createElement(react_core_1.Button, { variant: "link", isInline: true, icon: React.createElement(plus_circle_icon_1.PlusCircleIcon, null), onClick: () => {
+                            setCreateRepoModalOpen(true);
+                        } }, t('Create repository'))))),
+        repoType === types_1.RepoSpecType.GIT && React.createElement(GitConfigForm, { template: ct, index: index }),
+        repoType === types_1.RepoSpecType.HTTP && (React.createElement(HttpConfigForm, { template: ct, index: index, baseURL: selectedRepo === null || selectedRepo === void 0 ? void 0 : selectedRepo.spec.url })),
+        createRepoModalOpen && (React.createElement(CreateRepositoryModal_1.default, { onClose: () => setCreateRepoModalOpen(false), onSuccess: (repo) => {
+                setCreateRepoModalOpen(false);
+                repoRefetch();
+                void setFieldValue(`configTemplates[${index}].repository`, repo.metadata.name, true);
+            }, options: {
+                canUseResourceSyncs: false,
+                allowedRepoTypes: [repoType],
+            } }))));
+};
+exports.default = ConfigWithRepositoryTemplateForm;
+//# sourceMappingURL=ConfigWithRepositoryTemplateForm.js.map

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigWithRepositoryTemplateForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigWithRepositoryTemplateForm.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigWithRepositoryTemplateForm.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Device/EditDeviceWizard/steps/DeviceTemplateStep.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDeviceTemplateStepValid = exports.deviceTemplateStepId = void 0;
+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 react_i18next_1 = require("react-i18next");
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const WithHelperText_1 = tslib_1.__importDefault(require("../../../common/WithHelperText"));
+const TextField_1 = tslib_1.__importDefault(require("../../../form/TextField"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../../form/FlightCtlForm"));
+const ConfigTemplateForm_1 = tslib_1.__importDefault(require("./ConfigTemplateForm"));
+exports.deviceTemplateStepId = 'device-template';
+const isDeviceTemplateStepValid = (errors) => {
+    return !errors.osImage && !errors.configTemplates;
+};
+exports.isDeviceTemplateStepValid = isDeviceTemplateStepValid;
+const templateOption1 = '{{ device.metadata.labels[key] }}';
+const templateOption2 = '{{ device.metadata.name }}';
+const exampleCode = `/device-configs/factory-floors/floor-{{ device.metadata.labels[factory-floor] }}`;
+const DeviceTemplateStep = ({ isFleet }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values } = (0, formik_1.useFormikContext)();
+    return (React.createElement(react_core_1.Grid, { span: 8 },
+        React.createElement(FlightCtlForm_1.default, null,
+            isFleet && (React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: t('Using template variables') },
+                React.createElement(react_core_1.ExpandableSection, { toggleTextCollapsed: t('Show more'), toggleTextExpanded: t('Show less') },
+                    React.createElement(react_i18next_1.Trans, { t: t },
+                        "Add a variable by using ",
+                        React.createElement("strong", null, templateOption1),
+                        " or ",
+                        React.createElement("strong", null, templateOption2),
+                        " and it will be applied based each device\u2019s details. For example, you could set the following value to apply different files in a Git configuration:"),
+                    React.createElement(react_core_1.CodeBlock, { className: "pf-v5-u-mt-md" },
+                        React.createElement(react_core_1.CodeBlockCode, null, exampleCode))))),
+            React.createElement(react_core_1.FormGroup, { label: React.createElement(WithHelperText_1.default, { ariaLabel: t('System image'), content: isFleet
+                        ? t("The target system image for this fleet's devices.")
+                        : t('The target system image for this device.'), showLabel: true }) },
+                React.createElement(TextField_1.default, { name: "osImage", "aria-label": t('System image'), value: values.osImage, helperText: t('Must be either an OCI image ref (e.g. "quay.io/redhat/rhde:9.3") or ostree ref (e.g. "https://ostree.fedoraproject.org/iot?ref=fedora/stable/x86_64/iot"). Keep this empty if you do not want to manage your OS from Flight Control.') })),
+            React.createElement(react_core_1.FormGroup, null,
+                React.createElement(ConfigTemplateForm_1.default, null)))));
+};
+exports.default = DeviceTemplateStep;
+//# sourceMappingURL=DeviceTemplateStep.js.map

package/dist/src/components/Device/EditDeviceWizard/steps/DeviceTemplateStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTemplateStep.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/DeviceTemplateStep.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAA6G;AAC7G,mCAAwD;AACxD,iDAAsC;AAEtC,qEAAkE;AAClE,4FAA4D;AAC5D,gFAAgD;AAChD,wFAAwD;AAExD,sFAAsD;AAEzC,QAAA,oBAAoB,GAAG,iBAAiB,CAAC;AAE/C,MAAM,yBAAyB,GAAG,CAAC,MAAgD,EAAE,EAAE;IAC5F,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;AACpD,CAAC,CAAC;AAFW,QAAA,yBAAyB,6BAEpC;AAEF,MAAM,eAAe,GAAG,mCAAmC,CAAC;AAC5D,MAAM,eAAe,GAAG,4BAA4B,CAAC;AACrD,MAAM,WAAW,GAAG,kFAAkF,CAAC;AAEvG,MAAM,kBAAkB,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAA8B,CAAC;IAElE,OAAO,CACL,oBAAC,iBAAI,IAAC,IAAI,EAAE,CAAC;QACX,oBAAC,uBAAa;YACX,OAAO,IAAI,CACV,oBAAC,kBAAK,IAAC,QAAQ,QAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC;gBACjE,oBAAC,8BAAiB,IAAC,mBAAmB,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC,WAAW,CAAC;oBACxF,oBAAC,qBAAK,IAAC,CAAC,EAAE,CAAC;;wBACe,oCAAS,eAAe,CAAU;;wBAAI,oCAAS,eAAe,CAAU;oLAG1F;oBACR,oBAAC,sBAAS,IAAC,SAAS,EAAC,eAAe;wBAClC,oBAAC,0BAAa,QAAE,WAAW,CAAiB,CAClC,CACM,CACd,CACT;YACD,oBAAC,sBAAS,IACR,KAAK,EACH,oBAAC,wBAAc,IACb,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,OAAO,EACL,OAAO;wBACL,CAAC,CAAC,CAAC,CAAC,mDAAmD,CAAC;wBACxD,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,EAEnD,SAAS,SACT;gBAGJ,oBAAC,mBAAS,IACR,IAAI,EAAC,SAAS,gBACF,CAAC,CAAC,cAAc,CAAC,EAC7B,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,UAAU,EAAE,CAAC,CACX,sOAAsO,CACvO,GACD,CACQ;YACZ,oBAAC,sBAAS;gBACR,oBAAC,4BAAkB,OAAG,CACZ,CACE,CACX,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/steps/GeneralInfoStep.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isGeneralInfoStepValid = exports.generalInfoStepId = void 0;
+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 useTranslation_1 = require("../../../../hooks/useTranslation");
+const useDeviceLabelMatch_1 = tslib_1.__importDefault(require("../../../../hooks/useDeviceLabelMatch"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../../form/FlightCtlForm"));
+const LabelsField_1 = tslib_1.__importDefault(require("../../../form/LabelsField"));
+const RichValidationTextField_1 = tslib_1.__importDefault(require("../../../form/RichValidationTextField"));
+const validations_1 = require("../../../form/validations");
+const DeviceLabelMatch_1 = tslib_1.__importDefault(require("../../../modals/ApproveDeviceModal/DeviceLabelMatch"));
+exports.generalInfoStepId = 'general-info';
+const isGeneralInfoStepValid = (errors) => {
+    return !errors.deviceAlias && !errors.labels;
+};
+exports.isGeneralInfoStepValid = isGeneralInfoStepValid;
+const GeneralInfoStep = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [matchLabelsOnChange, matchStatus] = (0, useDeviceLabelMatch_1.default)();
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    React.useEffect(() => {
+        if (matchStatus.status === 'checked--unique') {
+            setFieldValue('fleetMatch', matchStatus.detail); // set the name of the matched fleet
+        }
+        else {
+            setFieldValue('fleetMatch', '');
+        }
+    }, [matchStatus, setFieldValue]);
+    // When users go back to the General info step, we trigger the fleet match check
+    React.useEffect(() => {
+        if (values.labels) {
+            matchLabelsOnChange(values.labels, false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [matchLabelsOnChange]);
+    return (React.createElement(react_core_1.Grid, { lg: 5, span: 8 },
+        React.createElement(FlightCtlForm_1.default, null,
+            React.createElement(RichValidationTextField_1.default, { fieldName: "deviceAlias", "aria-label": t('Alias'), validations: (0, validations_1.getLabelValueValidations)(t) }),
+            React.createElement(react_core_1.FormGroup, { label: t('Device 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 })))));
+};
+exports.default = GeneralInfoStep;
+//# sourceMappingURL=GeneralInfoStep.js.map

package/dist/src/components/Device/EditDeviceWizard/steps/GeneralInfoStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralInfoStep.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/GeneralInfoStep.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAAyD;AACzD,mCAAwD;AAExD,qEAAkE;AAClE,wGAAwE;AACxE,wFAAwD;AACxD,oFAAoD;AACpD,4GAA4E;AAC5E,2DAAqE;AACrE,mHAAmF;AAGtE,QAAA,iBAAiB,GAAG,cAAc,CAAC;AAEzC,MAAM,sBAAsB,GAAG,CAAC,MAA0C,EAAE,EAAE;IACnF,OAAO,CAAC,MAAM,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;AAC/C,CAAC,CAAC;AAFW,QAAA,sBAAsB,0BAEjC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,GAAG,IAAA,6BAAmB,GAAE,CAAC;IAEjE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAgB,GAAwB,CAAC;IAE3E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,CAAC,MAAM,KAAK,iBAAiB,EAAE,CAAC;YAC7C,aAAa,CAAC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,oCAAoC;QACvF,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjC,gFAAgF;IAChF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,mBAAmB,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC5C,CAAC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,oBAAC,iBAAI,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;QAClB,oBAAC,uBAAa;YACZ,oBAAC,iCAAuB,IACtB,SAAS,EAAC,aAAa,gBACX,CAAC,CAAC,OAAO,CAAC,EACtB,WAAW,EAAE,IAAA,sCAAwB,EAAC,CAAC,CAAC,GACxC;YACF,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;gBAClC,oBAAC,qBAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,gBAAgB,EAAE,mBAAmB,GAAI,CAC1D;YACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC;gBAC/B,oBAAC,0BAAgB,IAAC,WAAW,EAAE,WAAW,GAAI,CACpC,CACE,CACX,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/steps/ReviewDeviceStep.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reviewDeviceStepId = void 0;
+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 useTranslation_1 = require("../../../../hooks/useTranslation");
+const LabelsView_1 = tslib_1.__importDefault(require("../../../common/LabelsView"));
+const labels_1 = require("../../../../utils/labels");
+const devices_1 = require("../../../../utils/devices");
+const error_1 = require("../../../../utils/error");
+const RepositorySourceList_1 = tslib_1.__importDefault(require("../../../Repository/RepositoryDetails/RepositorySourceList"));
+const deviceSpecUtils_1 = require("../deviceSpecUtils");
+exports.reviewDeviceStepId = 'review-device';
+const ReviewStep = ({ error }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values } = (0, formik_1.useFormikContext)();
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        React.createElement(react_core_1.StackItem, { isFilled: true },
+            React.createElement(react_core_1.DescriptionList, { isHorizontal: true, horizontalTermWidthModifier: {
+                    default: '25ch',
+                } },
+                React.createElement(react_core_1.DescriptionListGroup, null,
+                    React.createElement(react_core_1.DescriptionListTerm, null, t('Alias')),
+                    React.createElement(react_core_1.DescriptionListDescription, null, values.deviceAlias || t('Untitled'))),
+                React.createElement(react_core_1.DescriptionListGroup, null,
+                    React.createElement(react_core_1.DescriptionListTerm, null, t('Device labels')),
+                    React.createElement(react_core_1.DescriptionListDescription, null,
+                        React.createElement(LabelsView_1.default, { prefix: "device", labels: (0, labels_1.toAPILabel)(values.labels) }))),
+                values.fleetMatch && (React.createElement(react_core_1.DescriptionListGroup, null,
+                    React.createElement(react_core_1.DescriptionListTerm, null, t('Device fleet')),
+                    React.createElement(react_core_1.DescriptionListDescription, null, values.fleetMatch))),
+                React.createElement(react_core_1.DescriptionListGroup, null,
+                    React.createElement(react_core_1.DescriptionListTerm, null, t('System image')),
+                    React.createElement(react_core_1.DescriptionListDescription, null, values.osImage || t(`Device management service will not manage system image`))),
+                React.createElement(react_core_1.DescriptionListGroup, null,
+                    React.createElement(react_core_1.DescriptionListTerm, null, t('Configurations/applications')),
+                    React.createElement(react_core_1.DescriptionListDescription, null,
+                        React.createElement(RepositorySourceList_1.default, { sourceItems: (0, devices_1.getSourceItems)(values.configTemplates.map(deviceSpecUtils_1.getAPIConfig)) }))))),
+        !!error && (React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('An error occurred') }, (0, error_1.getErrorMessage)(error))))));
+};
+exports.default = ReviewStep;
+//# sourceMappingURL=ReviewDeviceStep.js.map

package/dist/src/components/Device/EditDeviceWizard/steps/ReviewDeviceStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewDeviceStep.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ReviewDeviceStep.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mCAA0C;AAC1C,uDAQgC;AAGhC,qEAAkE;AAClE,oFAAoD;AACpD,qDAAsD;AACtD,uDAA2D;AAC3D,mDAA0D;AAC1D,8HAA8F;AAC9F,wDAAkD;AAErC,QAAA,kBAAkB,GAAG,eAAe,CAAC;AAElD,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAAwB,CAAC;IAC5D,OAAO,CACL,oBAAC,kBAAK,IAAC,SAAS;QACd,oBAAC,sBAAS,IAAC,QAAQ;YACjB,oBAAC,4BAAe,IACd,YAAY,QACZ,2BAA2B,EAAE;oBAC3B,OAAO,EAAE,MAAM;iBAChB;gBAED,oBAAC,iCAAoB;oBACnB,oBAAC,gCAAmB,QAAE,CAAC,CAAC,OAAO,CAAC,CAAuB;oBACvD,oBAAC,uCAA0B,QAAE,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,CAAC,CAA8B,CACzE;gBACvB,oBAAC,iCAAoB;oBACnB,oBAAC,gCAAmB,QAAE,CAAC,CAAC,eAAe,CAAC,CAAuB;oBAC/D,oBAAC,uCAA0B;wBACzB,oBAAC,oBAAU,IAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAE,IAAA,mBAAU,EAAC,MAAM,CAAC,MAAM,CAAC,GAAI,CACtC,CACR;gBACtB,MAAM,CAAC,UAAU,IAAI,CACpB,oBAAC,iCAAoB;oBACnB,oBAAC,gCAAmB,QAAE,CAAC,CAAC,cAAc,CAAC,CAAuB;oBAC9D,oBAAC,uCAA0B,QAAE,MAAM,CAAC,UAAU,CAA8B,CACvD,CACxB;gBACD,oBAAC,iCAAoB;oBACnB,oBAAC,gCAAmB,QAAE,CAAC,CAAC,cAAc,CAAC,CAAuB;oBAC9D,oBAAC,uCAA0B,QACxB,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,wDAAwD,CAAC,CACnD,CACR;gBACvB,oBAAC,iCAAoB;oBACnB,oBAAC,gCAAmB,QAAE,CAAC,CAAC,6BAA6B,CAAC,CAAuB;oBAC7E,oBAAC,uCAA0B;wBACzB,oBAAC,8BAAoB,IAAC,WAAW,EAAE,IAAA,wBAAc,EAAC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,8BAAY,CAAC,CAAC,GAAI,CACpE,CACR,CACP,CACR;QACX,CAAC,CAAC,KAAK,IAAI,CACV,oBAAC,sBAAS;YACR,oBAAC,kBAAK,IAAC,QAAQ,QAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAC3D,IAAA,uBAAe,EAAC,KAAK,CAAC,CACjB,CACE,CACb,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/types.js

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

package/dist/src/components/Device/EditDeviceWizard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/Device/EditDeviceWizard/types.ts"],"names":[],"mappings":""}

package/dist/src/components/Device/EditDeviceWizard/useEditDevice.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEditDevice = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const useFetch_1 = require("../../../hooks/useFetch");
+const useEditDevice = () => {
+    const { router: { useParams }, } = (0, useAppContext_1.useAppContext)();
+    const { deviceId } = useParams();
+    const { get } = (0, useFetch_1.useFetch)();
+    const [device, setDevice] = React.useState();
+    const [isLoading, setIsLoading] = React.useState(!!deviceId);
+    const [error, setError] = React.useState();
+    React.useEffect(() => {
+        const fetch = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const result = yield get(`devices/${deviceId}`);
+                setDevice(result);
+            }
+            catch (err) {
+                setError(err);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        });
+        if (deviceId && !device) {
+            fetch();
+        }
+    }, [deviceId, get, device]);
+    return [deviceId, device, isLoading, error];
+};
+exports.useEditDevice = useEditDevice;
+//# sourceMappingURL=useEditDevice.js.map

package/dist/src/components/Device/EditDeviceWizard/useEditDevice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditDevice.js","sourceRoot":"","sources":["../../../../../src/components/Device/EditDeviceWizard/useEditDevice.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,gEAA6D;AAC7D,sDAAmD;AAE5C,MAAM,aAAa,GAAG,GAA+D,EAAE;IAC5F,MAAM,EACJ,MAAM,EAAE,EAAE,SAAS,EAAE,GACtB,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAwB,CAAC;IAEvD,MAAM,EAAE,GAAG,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,KAAK,GAAG,GAAS,EAAE;YACvB,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,GAAG,CAAS,WAAW,QAAQ,EAAE,CAAC,CAAC;gBAExD,SAAS,CAAC,MAAM,CAAC,CAAC;YACpB,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,QAAQ,CAAC,GAAG,CAAC,CAAC;YAChB,CAAC;oBAAS,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAA,CAAC;QAEF,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;YACxB,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;AAC9C,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB"}

package/dist/src/components/Device/EditDeviceWizard/utils.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDevicePatches = exports.getValidationSchema = void 0;
+const tslib_1 = require("tslib");
+const Yup = tslib_1.__importStar(require("yup"));
+const validations_1 = require("../../form/validations");
+const patch_1 = require("../../../utils/patch");
+const deviceSpecUtils_1 = require("./deviceSpecUtils");
+const getValidationSchema = (t) => Yup.lazy(() => Yup.object({
+    deviceAlias: (0, validations_1.validKubernetesLabelValue)(t, { isRequired: false, fieldName: t('Alias') }),
+    osImage: (0, validations_1.maxLengthString)(t, { fieldName: t('System image'), maxLength: 2048 }),
+    labels: (0, validations_1.validLabelsSchema)(t),
+    configTemplates: (0, validations_1.validConfigTemplatesSchema)(t),
+}));
+exports.getValidationSchema = getValidationSchema;
+const getDevicePatches = (currentDevice, updatedDevice) => {
+    var _a, _b, _c;
+    let allPatches = [];
+    // Device labels
+    const currentLabels = currentDevice.metadata.labels || {};
+    const updatedLabels = updatedDevice.labels || [];
+    if (updatedDevice.deviceAlias) {
+        updatedLabels.push({ key: 'alias', value: updatedDevice.deviceAlias });
+    }
+    const deviceLabelPatches = (0, patch_1.getLabelPatches)('/metadata/labels', currentLabels, updatedLabels);
+    allPatches = allPatches.concat(deviceLabelPatches);
+    if (updatedDevice.fleetMatch) {
+        // The change in device labels makes the device bound to a fleet. Only the labels can be updated.
+        return allPatches;
+    }
+    // OS image
+    const currentOsImage = (_b = (_a = currentDevice.spec) === null || _a === void 0 ? void 0 : _a.os) === null || _b === void 0 ? void 0 : _b.image;
+    const newOsImage = updatedDevice.osImage;
+    if (!currentOsImage && newOsImage) {
+        allPatches.push({
+            path: '/spec/os',
+            op: 'add',
+            value: { image: newOsImage },
+        });
+    }
+    else if (!newOsImage && currentOsImage) {
+        allPatches.push({
+            path: '/spec/os',
+            op: 'remove',
+        });
+    }
+    else if (newOsImage && currentOsImage !== newOsImage) {
+        (0, patch_1.appendJSONPatch)({
+            path: '/spec/os/image',
+            patches: allPatches,
+            newValue: newOsImage,
+            originalValue: currentOsImage,
+        });
+    }
+    // Configurations
+    const currentConfigs = ((_c = currentDevice.spec) === null || _c === void 0 ? void 0 : _c.config) || [];
+    const newConfigs = updatedDevice.configTemplates.map(deviceSpecUtils_1.getAPIConfig);
+    const configPatches = (0, deviceSpecUtils_1.getDeviceSpecConfigPatches)(currentConfigs, newConfigs, '/spec/config');
+    if (configPatches.length > 0) {
+        return allPatches.concat(configPatches);
+    }
+    return allPatches;
+};
+exports.getDevicePatches = getDevicePatches;
+//# sourceMappingURL=utils.js.map

package/dist/src/components/Device/EditDeviceWizard/utils.js.map

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

package/dist/src/components/Device/MatchPatternsModal/MatchPatternsForm.js

@@ -0,0 +1,39 @@
+"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 FieldHelperText_1 = tslib_1.__importDefault(require("../../form/FieldHelperText"));
+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 EditableLabelControl_1 = tslib_1.__importDefault(require("../../common/EditableLabelControl"));
+const MatchPatternsForm = ({ onClose, error }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, setFieldValue, submitForm, isSubmitting, errors: formErrors, } = (0, formik_1.useFormikContext)();
+    const onPatternClose = (e, index) => {
+        const newMatchPatterns = [...values.matchPatterns];
+        newMatchPatterns.splice(index, 1);
+        void setFieldValue('matchPatterns', newMatchPatterns);
+    };
+    const onAdd = (text) => {
+        const newMatchPatterns = [...values.matchPatterns, text];
+        void setFieldValue('matchPatterns', newMatchPatterns);
+    };
+    const onEdit = (index, nextText) => {
+        const newMatchPatterns = [...values.matchPatterns];
+        newMatchPatterns.splice(index, 1, nextText);
+        void setFieldValue('matchPatterns', newMatchPatterns);
+    };
+    const hasFormErrors = !!formErrors.matchPatterns;
+    return (React.createElement(FlightCtlForm_1.default, null,
+        React.createElement(react_core_1.LabelGroup, { isEditable: true, addLabelControl: React.createElement(EditableLabelControl_1.default, { defaultLabel: "name.service", addButtonText: t('Add match pattern'), onAddLabel: onAdd }), numLabels: 20, defaultIsOpen: true }, values.matchPatterns.map((pattern, index) => (React.createElement(react_core_1.Label, { key: index, id: `${index}`, onClose: (e) => onPatternClose(e, index), onEditCancel: (_, prevText) => onEdit(index, prevText), onEditComplete: (_, newText) => onEdit(index, newText), isEditable: true }, pattern)))),
+        React.createElement(FieldHelperText_1.default, { error: formErrors.matchPatterns }),
+        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: isSubmitting || hasFormErrors, isLoading: isSubmitting }, t('Update match patterns')),
+            React.createElement(react_core_1.Button, { key: "cancel", variant: "link", onClick: () => onClose(), isDisabled: isSubmitting }, t('Cancel')))));
+};
+exports.default = MatchPatternsForm;
+//# sourceMappingURL=MatchPatternsForm.js.map

package/dist/src/components/Device/MatchPatternsModal/MatchPatternsForm.js.map

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

package/dist/src/components/Device/MatchPatternsModal/MatchPatternsModal.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const React = tslib_1.__importStar(require("react"));
+const MatchPatternsForm_1 = tslib_1.__importDefault(require("./MatchPatternsForm"));
+const useFetch_1 = require("../../../hooks/useFetch");
+const error_1 = require("../../../utils/error");
+const patch_1 = require("../../../utils/patch");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const validations_1 = require("../../form/validations");
+/**
+ * Modal for editing the Systemd units matchPatterns of a Device.
+ * This operation is only supported for devices that are NOT bound to fleets, in which case
+ * the systemd units definition are defined in the `device.spec` itself, not via a templateVersion.
+
+ * @param device FlightCtl device
+ * @param onClose on close callback
+ */
+const MatchPatternsModal = ({ onClose, device }) => {
+    var _a, _b;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { patch } = (0, useFetch_1.useFetch)();
+    const [error, setError] = React.useState();
+    const currentPatterns = ((_b = (_a = device.spec) === null || _a === void 0 ? void 0 : _a.systemd) === null || _b === void 0 ? void 0 : _b.matchPatterns) || [];
+    return (React.createElement(react_core_1.Modal, { title: t('Edit match patterns'), isOpen: true, onClose: () => onClose(), variant: "small" },
+        React.createElement(formik_1.Formik, { validationSchema: (0, validations_1.deviceSystemdUnitsValidationSchema)(t), initialValues: { matchPatterns: currentPatterns }, onSubmit: ({ matchPatterns: updatedPatterns }) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                try {
+                    const patternPatchBuilder = (value) => ({
+                        matchPatterns: value,
+                    });
+                    const patches = (0, patch_1.getStringListPatches)('/spec/systemd', currentPatterns, updatedPatterns, patternPatchBuilder);
+                    if (patches.length > 0) {
+                        yield patch(`devices/${device.metadata.name}`, patches);
+                    }
+                    onClose(true);
+                }
+                catch (err) {
+                    setError((0, error_1.getErrorMessage)(err));
+                }
+            }) },
+            React.createElement(MatchPatternsForm_1.default, { onClose: onClose, error: error }))));
+};
+exports.default = MatchPatternsModal;
+//# sourceMappingURL=MatchPatternsModal.js.map

package/dist/src/components/Device/MatchPatternsModal/MatchPatternsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchPatternsModal.js","sourceRoot":"","sources":["../../../../../src/components/Device/MatchPatternsModal/MatchPatternsModal.tsx"],"names":[],"mappings":";;;AAAA,uDAA+C;AAE/C,mCAAgC;AAChC,qDAA+B;AAC/B,oFAAiF;AACjF,sDAAmD;AACnD,gDAAuD;AACvD,gDAA4D;AAC5D,kEAA+D;AAC/D,wDAA4E;AAO5E;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAsC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;;IACpF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAEnD,MAAM,eAAe,GAAG,CAAA,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,OAAO,0CAAE,aAAa,KAAI,EAAE,CAAC;IAClE,OAAO,CACL,oBAAC,kBAAK,IAAC,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,OAAO,EAAC,OAAO;QACtF,oBAAC,eAAM,IACL,gBAAgB,EAAE,IAAA,gDAAkC,EAAC,CAAC,CAAC,EACvD,aAAa,EAAE,EAAE,aAAa,EAAE,eAAe,EAAE,EACjD,QAAQ,EAAE,CAAO,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE;gBACrD,IAAI,CAAC;oBACH,MAAM,mBAAmB,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAAC;wBAChD,aAAa,EAAE,KAAK;qBACrB,CAAC,CAAC;oBACH,MAAM,OAAO,GAAG,IAAA,4BAAoB,EAClC,eAAe,EACf,eAAe,EACf,eAAe,EACf,mBAAmB,CACpB,CAAC;oBACF,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBACvB,MAAM,KAAK,CAAC,WAAW,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC;oBAC1D,CAAC;oBACD,OAAO,CAAC,IAAI,CAAC,CAAC;gBAChB,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACb,QAAQ,CAAC,IAAA,uBAAe,EAAC,GAAG,CAAC,CAAC,CAAC;gBACjC,CAAC;YACH,CAAC,CAAA;YAED,oBAAC,2BAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAC9C,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/src/components/EnrollmentRequest/EnrollmentRequestDetails/EnrollmentRequestDetails.css

@@ -0,0 +1,3 @@
+.fctl-enrollment-details__text-area {
+    resize: none;
+}

package/dist/src/components/EnrollmentRequest/EnrollmentRequestDetails/EnrollmentRequestDetails.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const ConditionsTable_1 = tslib_1.__importDefault(require("../../DetailsPage/Tables/ConditionsTable"));
+const DetailsPage_1 = tslib_1.__importDefault(require("../../DetailsPage/DetailsPage"));
+const IntegrityDetails_1 = tslib_1.__importDefault(require("../../DetailsPage/Tables/IntegrityDetails"));
+const LabelsView_1 = tslib_1.__importDefault(require("../../common/LabelsView"));
+const useFetchPeriodically_1 = require("../../../hooks/useFetchPeriodically");
+const dates_1 = require("../../../utils/dates");
+const enrollmentRequest_1 = require("../../../utils/status/enrollmentRequest");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+const useFetch_1 = require("../../../hooks/useFetch");
+const ApproveDeviceModal_1 = tslib_1.__importDefault(require("../../modals/ApproveDeviceModal/ApproveDeviceModal"));
+const DetailsPageCard_1 = tslib_1.__importStar(require("../../DetailsPage/DetailsPageCard"));
+const DetailsPageActions_1 = tslib_1.__importStar(require("../../DetailsPage/DetailsPageActions"));
+const EnrollmentRequestStatus_1 = tslib_1.__importDefault(require("../../Status/EnrollmentRequestStatus"));
+const WithHelperText_1 = tslib_1.__importDefault(require("../../common/WithHelperText"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const useAppContext_1 = require("../../../hooks/useAppContext");
+require("./EnrollmentRequestDetails.css");
+const EnrollmentRequestDetails = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { router: { useParams }, } = (0, useAppContext_1.useAppContext)();
+    const { enrollmentRequestId } = useParams();
+    const [er, loading, error, refetch] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: `enrollmentrequests/${enrollmentRequestId}`,
+    });
+    const { remove } = (0, useFetch_1.useFetch)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const [isApprovalModalOpen, setIsApprovalModalOpen] = React.useState(false);
+    const { deleteAction, deleteModal } = (0, DetailsPageActions_1.useDeleteAction)({
+        resourceName: enrollmentRequestId,
+        resourceType: 'Enrollment request',
+        onDelete: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            yield remove(`enrollmentrequests/${enrollmentRequestId}`);
+            navigate(useNavigate_1.ROUTE.DEVICES);
+        }),
+    });
+    const approvalStatus = er ? (0, enrollmentRequest_1.getApprovalStatus)(er) : '-';
+    const isPendingApproval = approvalStatus === enrollmentRequest_1.EnrollmentRequestStatus.Pending;
+    return (React.createElement(DetailsPage_1.default, { loading: loading, error: error, id: er === null || er === void 0 ? void 0 : er.metadata.name, resourceLink: useNavigate_1.ROUTE.DEVICES, resourceType: "Devices", resourceTypeLabel: t('Devices'), actions: React.createElement(DetailsPageActions_1.default, null,
+            React.createElement(react_core_1.DropdownList, null,
+                React.createElement(react_core_1.DropdownItem, { onClick: () => setIsApprovalModalOpen(true), isDisabled: !isPendingApproval }, t('Approve')),
+                deleteAction)) },
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(react_core_1.GridItem, { md: 12 },
+                React.createElement(react_core_1.Card, null,
+                    React.createElement(react_core_1.CardTitle, null, t('Details')),
+                    React.createElement(react_core_1.CardBody, null,
+                        React.createElement(react_core_1.DescriptionList, { columnModifier: { lg: '3Col' } },
+                            React.createElement(react_core_1.DescriptionListGroup, null,
+                                React.createElement(react_core_1.DescriptionListTerm, null, t('Name')),
+                                React.createElement(react_core_1.DescriptionListDescription, null, (er === null || er === void 0 ? void 0 : er.metadata.name) || '-')),
+                            React.createElement(react_core_1.DescriptionListGroup, null,
+                                React.createElement(react_core_1.DescriptionListTerm, null, t('Last seen')),
+                                React.createElement(react_core_1.DescriptionListDescription, null, (0, dates_1.timeSinceText)(t, er === null || er === void 0 ? void 0 : er.metadata.creationTimestamp))),
+                            React.createElement(react_core_1.DescriptionListGroup, null,
+                                React.createElement(react_core_1.DescriptionListTerm, null, t('OS')),
+                                React.createElement(react_core_1.DescriptionListDescription, null, ((_c = (_b = (_a = er === null || er === void 0 ? void 0 : er.spec) === null || _a === void 0 ? void 0 : _a.deviceStatus) === null || _b === void 0 ? void 0 : _b.systemInfo) === null || _c === void 0 ? void 0 : _c.operatingSystem) || '-')),
+                            React.createElement(react_core_1.DescriptionListGroup, null,
+                                React.createElement(react_core_1.DescriptionListTerm, null, t('Architecture')),
+                                React.createElement(react_core_1.DescriptionListDescription, null, ((_f = (_e = (_d = er === null || er === void 0 ? void 0 : er.spec) === null || _d === void 0 ? void 0 : _d.deviceStatus) === null || _e === void 0 ? void 0 : _e.systemInfo) === null || _f === void 0 ? void 0 : _f.architecture) || '-')),
+                            React.createElement(react_core_1.DescriptionListGroup, null,
+                                React.createElement(react_core_1.DescriptionListTerm, null, t('Labels')),
+                                React.createElement(react_core_1.DescriptionListDescription, null,
+                                    React.createElement(LabelsView_1.default, { prefix: "er", labels: er === null || er === void 0 ? void 0 : er.metadata.labels }))),
+                            React.createElement(react_core_1.DescriptionListGroup, null,
+                                React.createElement(react_core_1.DescriptionListTerm, null, t('Status')),
+                                React.createElement(react_core_1.DescriptionListDescription, null,
+                                    React.createElement(EnrollmentRequestStatus_1.default, { er: er }))))))),
+            React.createElement(react_core_1.GridItem, { md: 6 },
+                React.createElement(DetailsPageCard_1.default, null,
+                    React.createElement(react_core_1.CardTitle, null,
+                        React.createElement(WithHelperText_1.default, { showLabel: true, ariaLabel: t('Certificate signing request'), content: t('A PEM-encoded PKCS#10 certificate signing request.') })),
+                    React.createElement(DetailsPageCard_1.DetailsPageCardBody, null, (er === null || er === void 0 ? void 0 : er.spec.csr) ? (React.createElement(react_core_1.TextArea, { "aria-label": t('Certificate Signing Request'), value: er.spec.csr, readOnlyVariant: "plain", autoResize: true, className: "fctl-enrollment-details__text-area" })) : (React.createElement(react_core_1.Bullseye, null, t('Not available')))))),
+            React.createElement(react_core_1.GridItem, { md: 6 },
+                React.createElement(DetailsPageCard_1.default, null,
+                    React.createElement(react_core_1.CardTitle, null,
+                        React.createElement(WithHelperText_1.default, { showLabel: true, ariaLabel: t('Certificate'), content: t('A PEM-encoded signed certificate.') })),
+                    React.createElement(DetailsPageCard_1.DetailsPageCardBody, null, ((_g = er === null || er === void 0 ? void 0 : er.status) === null || _g === void 0 ? void 0 : _g.certificate) ? (React.createElement(react_core_1.TextArea, { "aria-label": t('Certificate'), value: er.status.certificate, readOnlyVariant: "plain", autoResize: true, className: "fctl-enrollment-details__text-area" })) : (React.createElement(react_core_1.Bullseye, null, t('Not available')))))),
+            React.createElement(react_core_1.GridItem, { md: 6 },
+                React.createElement(DetailsPageCard_1.default, null,
+                    React.createElement(react_core_1.CardTitle, null, t('Conditions')),
+                    React.createElement(DetailsPageCard_1.DetailsPageCardBody, null, er && (React.createElement(ConditionsTable_1.default, { ariaLabel: t('Enrollment request conditions table'), conditions: (_h = er.status) === null || _h === void 0 ? void 0 : _h.conditions }))))),
+            !isPendingApproval && (React.createElement(react_core_1.GridItem, { md: 6 },
+                React.createElement(DetailsPageCard_1.default, null,
+                    React.createElement(react_core_1.CardTitle, null, t('Device conditions')),
+                    React.createElement(DetailsPageCard_1.DetailsPageCardBody, null, er && (React.createElement(ConditionsTable_1.default, { ariaLabel: t('Device conditions table'), conditions: (_j = er.spec.deviceStatus) === null || _j === void 0 ? void 0 : _j.conditions })))))),
+            !isPendingApproval && (React.createElement(react_core_1.GridItem, { md: 6 },
+                React.createElement(DetailsPageCard_1.default, null,
+                    React.createElement(react_core_1.CardTitle, null, t('System integrity details')),
+                    React.createElement(DetailsPageCard_1.DetailsPageCardBody, null, er && React.createElement(IntegrityDetails_1.default, { integrity: (_k = er.spec.deviceStatus) === null || _k === void 0 ? void 0 : _k.integrity })))))),
+        er && isApprovalModalOpen && (React.createElement(ApproveDeviceModal_1.default, { enrollmentRequest: er, onClose: (updateList) => {
+                setIsApprovalModalOpen(false);
+                updateList && refetch();
+            } })),
+        deleteModal));
+};
+exports.default = EnrollmentRequestDetails;
+//# sourceMappingURL=EnrollmentRequestDetails.js.map