@flightctl/ui-components 1.1.0-rc3 → 1.1.0-rc5

package/dist/ui-components/src/components/Catalog/EditWizard/steps/UpdateStep.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isUpdateStepValid = void 0;
+const tslib_1 = require("tslib");
+const react_core_1 = require("@patternfly/react-core");
+const arrow_right_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/arrow-right-icon"));
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const semver_1 = tslib_1.__importDefault(require("semver"));
+const react_markdown_1 = tslib_1.__importDefault(require("react-markdown"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../../../form/FlightCtlForm"));
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const FormSelect_1 = tslib_1.__importDefault(require("../../../form/FormSelect"));
+const StatusDisplay_1 = require("../../../Status/StatusDisplay");
+const SpecificationsStep_1 = require("../../InstallWizard/steps/SpecificationsStep");
+const UpdateGraph_1 = tslib_1.__importDefault(require("./UpdateGraph"));
+const WithHelperText_1 = require("../../../common/WithHelperText");
+const utils_1 = require("../../InstallWizard/utils");
+const utils_2 = require("../../utils");
+const isUpdateStepValid = (errors) => {
+    return !errors.version && !errors.channel;
+};
+exports.isUpdateStepValid = isUpdateStepValid;
+const UpdateStep = ({ currentVersion, catalogItem, isEdit }) => {
+    const [showReadme, setShowReadme] = React.useState(false);
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, initialValues, setFieldValue } = (0, formik_1.useFormikContext)();
+    const updates = (0, utils_2.getUpdates)(catalogItem, values.channel, currentVersion.version);
+    const updateVersion = catalogItem.spec.versions.find((v) => v.version === values.version);
+    return isEdit ? (React.createElement(React.Fragment, null,
+        React.createElement(FlightCtlForm_1.default, null,
+            React.createElement(react_core_1.Grid, { hasGutter: true },
+                React.createElement(react_core_1.GridItem, null,
+                    React.createElement(react_core_1.Title, { headingLevel: "h3" }, t('Version update'))),
+                React.createElement(react_core_1.GridItem, { lg: 7, md: 10, sm: 12 },
+                    React.createElement(react_core_1.Grid, { hasGutter: true },
+                        React.createElement(react_core_1.GridItem, null,
+                            React.createElement(react_core_1.Grid, { style: { alignItems: 'center' } },
+                                React.createElement(react_core_1.GridItem, { span: 4 },
+                                    React.createElement(react_core_1.FormGroup, { label: t('Current channel') })),
+                                React.createElement(react_core_1.GridItem, { span: 1 }),
+                                React.createElement(react_core_1.GridItem, { span: 4 },
+                                    React.createElement(WithHelperText_1.FormGroupWithHelperText, { label: t('Target channel'), content: t('The current version is available in the channels listed in the dropdown below') })),
+                                React.createElement(react_core_1.GridItem, { span: 3 }),
+                                React.createElement(react_core_1.GridItem, { span: 4 }, initialValues.channel),
+                                React.createElement(react_core_1.GridItem, { span: 1 },
+                                    React.createElement(react_core_1.Icon, null,
+                                        React.createElement(arrow_right_icon_1.default, null))),
+                                React.createElement(react_core_1.GridItem, { span: 4 },
+                                    React.createElement(FormSelect_1.default, { name: "channel", items: currentVersion.channels.reduce((acc, curr) => {
+                                            acc[curr] = curr;
+                                            return acc;
+                                        }, {}), onChange: (val) => {
+                                            var _a;
+                                            const latestVersion = (_a = (0, utils_2.getUpdates)(catalogItem, val, currentVersion.version).sort((a, b) => semver_1.default.rcompare(a.version, b.version))[0]) === null || _a === void 0 ? void 0 : _a.version;
+                                            const newVersion = latestVersion || currentVersion.version;
+                                            setFieldValue('version', newVersion);
+                                            const appConfig = (0, utils_1.getInitialAppConfig)(catalogItem, newVersion);
+                                            (0, utils_1.applyInitialConfig)(setFieldValue, appConfig);
+                                        } })),
+                                React.createElement(react_core_1.GridItem, { span: 3 }))),
+                        React.createElement(react_core_1.GridItem, null,
+                            React.createElement(react_core_1.Grid, { style: { alignItems: 'center' } },
+                                React.createElement(react_core_1.GridItem, { span: 4 },
+                                    React.createElement(react_core_1.FormGroup, { label: t('Current version') })),
+                                React.createElement(react_core_1.GridItem, { span: 1 }),
+                                React.createElement(react_core_1.GridItem, { span: 4 },
+                                    React.createElement(react_core_1.FormGroup, { label: t('Target version') })),
+                                React.createElement(react_core_1.GridItem, { span: 3 }),
+                                React.createElement(react_core_1.GridItem, { span: 4 }, currentVersion.version),
+                                React.createElement(react_core_1.GridItem, { span: 1 },
+                                    React.createElement(react_core_1.Icon, null,
+                                        React.createElement(arrow_right_icon_1.default, null))),
+                                React.createElement(react_core_1.GridItem, { span: 4 }, updates.length ? (React.createElement(SpecificationsStep_1.VersionDropdown, { catalogItem: catalogItem, versions: [...updates, currentVersion] })) : (React.createElement(StatusDisplay_1.StatusDisplayContent, { level: "success", label: t('Up to date') }))),
+                                React.createElement(react_core_1.GridItem, { span: 3, style: { paddingLeft: 'var(--pf-t--global--spacer--md)' } }, (updateVersion === null || updateVersion === void 0 ? void 0 : updateVersion.readme) && (React.createElement(react_core_1.Button, { onClick: () => setShowReadme(true), variant: "link" }, t('Show readme')))))))),
+                React.createElement(react_core_1.GridItem, { lg: 6, md: 9, sm: 11 },
+                    React.createElement(react_core_1.Grid, { hasGutter: true },
+                        !!updates.length && (React.createElement(React.Fragment, null,
+                            values.version === currentVersion.version && (React.createElement(react_core_1.GridItem, null,
+                                React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: t('No version update will be performed') }))),
+                            React.createElement(react_core_1.GridItem, null,
+                                React.createElement(UpdateGraph_1.default, { currentChannel: values.channel, currentVersion: currentVersion, updates: updates })))),
+                        (updateVersion === null || updateVersion === void 0 ? void 0 : updateVersion.deprecation) && (React.createElement(react_core_1.GridItem, null,
+                            React.createElement(react_core_1.Alert, { isInline: true, variant: "warning", title: t('This version is deprecated') }, updateVersion.deprecation.message))))))),
+        showReadme && (updateVersion === null || updateVersion === void 0 ? void 0 : updateVersion.readme) && (React.createElement(react_core_1.Modal, { isOpen: true, onClose: () => setShowReadme(false), variant: "medium" },
+            React.createElement(react_core_1.ModalHeader, { title: t('Readme') }),
+            React.createElement(react_core_1.ModalBody, null,
+                React.createElement(react_core_1.Content, null,
+                    React.createElement(react_markdown_1.default, null, updateVersion.readme))))))) : (React.createElement(FlightCtlForm_1.default, null,
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(react_core_1.GridItem, null,
+                React.createElement(react_core_1.Title, { headingLevel: "h3" }, t('Deployment specifications'))),
+            React.createElement(react_core_1.GridItem, { lg: 6, md: 8, sm: 12 },
+                React.createElement(SpecificationsStep_1.InstallSpec, { catalogItem: catalogItem, targetSet: true })))));
+};
+exports.default = UpdateStep;
+//# sourceMappingURL=UpdateStep.js.map

package/dist/ui-components/src/components/Catalog/EditWizard/steps/UpdateStep.js.map

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

package/dist/ui-components/src/components/Catalog/EditWizard/types.d.ts

@@ -0,0 +1,3 @@
+import { DynamicFormConfigFormik, InstallSpecFormik } from '../InstallWizard/types';
+export type AppUpdateFormik = DynamicFormConfigFormik & InstallSpecFormik;
+//# sourceMappingURL=types.d.ts.map

package/dist/ui-components/src/components/Catalog/EditWizard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/EditWizard/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEpF,MAAM,MAAM,eAAe,GAAG,uBAAuB,GAAG,iBAAiB,CAAC"}

package/dist/ui-components/src/components/Catalog/EditWizard/types.js.map

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

package/dist/ui-components/src/components/Catalog/ImportCatalogWizard/ImportCatalogWizard.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const ImportCatalogWizard: () => React.JSX.Element;
+export default ImportCatalogWizard;
+//# sourceMappingURL=ImportCatalogWizard.d.ts.map

package/dist/ui-components/src/components/Catalog/ImportCatalogWizard/ImportCatalogWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportCatalogWizard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/ImportCatalogWizard/ImportCatalogWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,mBAAmB,yBAaxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/ui-components/src/components/Catalog/ImportCatalogWizard/ImportCatalogWizard.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 types_1 = require("@flightctl/types");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const ImportResourceWizard_1 = tslib_1.__importDefault(require("../../ImportResourceWizard/ImportResourceWizard"));
+const ImportCatalogWizard = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(ImportResourceWizard_1.default, { resourceSyncType: types_1.ResourceSyncType.ResourceSyncTypeCatalog, successRoute: useNavigate_1.ROUTE.CATALOG, breadcrumb: { label: t('Software Catalog'), route: useNavigate_1.ROUTE.CATALOG }, title: t('Import catalogs'), resourceSyncDescription: t('A resource sync is an automated Gitops method that helps manage your imported catalog by monitoring source repository changes and updating your catalog configuration accordingly.') }));
+};
+exports.default = ImportCatalogWizard;
+//# sourceMappingURL=ImportCatalogWizard.js.map

package/dist/ui-components/src/components/Catalog/ImportCatalogWizard/ImportCatalogWizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportCatalogWizard.js","sourceRoot":"","sources":["../../../../../../src/components/Catalog/ImportCatalogWizard/ImportCatalogWizard.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,4CAAoD;AAEpD,kEAA+D;AAC/D,4DAAmD;AACnD,mHAAmF;AAEnF,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,8BAAoB,IACnB,gBAAgB,EAAE,wBAAgB,CAAC,uBAAuB,EAC1D,YAAY,EAAE,mBAAK,CAAC,OAAO,EAC3B,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,mBAAK,CAAC,OAAO,EAAE,EAClE,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,uBAAuB,EAAE,CAAC,CACxB,oLAAoL,CACrL,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallAppWizard.d.ts

@@ -0,0 +1,11 @@
+import { CatalogItem } from '@flightctl/types/alpha';
+import * as React from 'react';
+import { InstallAppFormik } from './types';
+import { FlightCtlWizardFooterProps } from '../../common/FlightCtlWizardFooter';
+export declare const validateAppWizardStep: FlightCtlWizardFooterProps<InstallAppFormik>['validateStep'];
+type InstallAppWizardProps = {
+    catalogItem: CatalogItem;
+};
+declare const InstallAppWizard: ({ catalogItem }: InstallAppWizardProps) => React.JSX.Element;
+export default InstallAppWizard;
+//# sourceMappingURL=InstallAppWizard.d.ts.map

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallAppWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallAppWizard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/InstallWizard/InstallAppWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,gBAAgB,EAA2E,MAAM,SAAS,CAAC;AAOpH,OAA8B,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAMvG,eAAO,MAAM,qBAAqB,EAAE,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAS9F,CAAC;AAyEF,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,iBAAiB,qBAAqB,sBAkH/D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallAppWizard.js

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateAppWizardStep = void 0;
+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 Yup = tslib_1.__importStar(require("yup"));
+const js_yaml_1 = require("js-yaml");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useFetch_1 = require("../../../hooks/useFetch");
+const utils_1 = require("../utils");
+const types_1 = require("./types");
+const SpecificationsStep_1 = tslib_1.__importStar(require("./steps/SpecificationsStep"));
+const SelectTargetStep_1 = tslib_1.__importStar(require("./steps/SelectTargetStep"));
+const AppConfigStep_1 = tslib_1.__importStar(require("./steps/AppConfigStep"));
+const ReviewStep_1 = tslib_1.__importDefault(require("./steps/ReviewStep"));
+const LeaveFormConfirmation_1 = tslib_1.__importDefault(require("../../common/LeaveFormConfirmation"));
+const UpdateSuccessPage_1 = tslib_1.__importDefault(require("./UpdateSuccessPage"));
+const FlightCtlWizardFooter_1 = tslib_1.__importDefault(require("../../common/FlightCtlWizardFooter"));
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const utils_2 = require("./utils");
+const useSubmitCatalogForm_1 = require("../useSubmitCatalogForm");
+const validations_1 = require("../../form/validations");
+const validateAppWizardStep = (activeStepId, errors, values) => {
+    if (activeStepId === types_1.specificationsStepId)
+        return (0, SpecificationsStep_1.isSpecsStepValid)(errors);
+    if (activeStepId === types_1.selectTargetStepId)
+        return (0, SelectTargetStep_1.isSelectTargetStepValid)(errors);
+    if (activeStepId === types_1.appConfigStepId)
+        return (0, AppConfigStep_1.isAppConfigStepValid)(values, errors);
+    return true;
+};
+exports.validateAppWizardStep = validateAppWizardStep;
+const InstallAppWizardContent = ({ currentStep, setCurrentStep, error, schemaErrors, catalogItem, isSuccessful, setError, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, errors } = (0, formik_1.useFormikContext)();
+    return isSuccessful ? (React.createElement(UpdateSuccessPage_1.default, null)) : (React.createElement(React.Fragment, null,
+        React.createElement(LeaveFormConfirmation_1.default, null),
+        React.createElement(react_core_1.Wizard, { footer: React.createElement(FlightCtlWizardFooter_1.default, { firstStepId: types_1.specificationsStepId, submitStepId: types_1.reviewStepId, validateStep: exports.validateAppWizardStep, saveButtonText: t('Deploy') }), onStepChange: (_, step) => {
+                if (error) {
+                    setError(undefined);
+                }
+                setCurrentStep(step);
+            } },
+            React.createElement(react_core_1.WizardStep, { name: t('Specifications'), id: types_1.specificationsStepId }, (!currentStep || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === types_1.specificationsStepId) && (React.createElement(SpecificationsStep_1.default, { catalogItem: catalogItem }))),
+            React.createElement(react_core_1.WizardStep, { name: t('Select target'), id: types_1.selectTargetStepId, isDisabled: !(0, SpecificationsStep_1.isSpecsStepValid)(errors) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === types_1.selectTargetStepId && React.createElement(SelectTargetStep_1.default, { catalogItem: catalogItem })),
+            React.createElement(react_core_1.WizardStep, { name: t('Application configuration'), id: types_1.appConfigStepId, isDisabled: !(0, SelectTargetStep_1.isSelectTargetStepValid)(errors) || !(0, SpecificationsStep_1.isSpecsStepValid)(errors) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === types_1.appConfigStepId && React.createElement(AppConfigStep_1.default, { schemaErrors: schemaErrors })),
+            React.createElement(react_core_1.WizardStep, { name: t('Review and deploy'), id: types_1.reviewStepId, isDisabled: !(0, AppConfigStep_1.isAppConfigStepValid)(values, errors) || !(0, SpecificationsStep_1.isSpecsStepValid)(errors) || !(0, SelectTargetStep_1.isSelectTargetStepValid)(errors) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === types_1.reviewStepId && React.createElement(ReviewStep_1.default, { error: error, catalogItem: catalogItem })))));
+};
+const InstallAppWizard = ({ catalogItem }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [isSuccessful, setIsSuccessful] = React.useState(false);
+    const [currentStep, setCurrentStep] = React.useState();
+    const { patch, get } = (0, useFetch_1.useFetch)();
+    const { router: { useSearchParams }, } = (0, useAppContext_1.useAppContext)();
+    const [searchParams] = useSearchParams();
+    const channel = searchParams.get('channel') || '';
+    const version = searchParams.get('version') || '';
+    const validationSchema = Yup.lazy((values) => Yup.object({
+        target: Yup.string().required(t('Target must be selected')),
+        channel: Yup.string().required(t('Channel must be selected')),
+        version: Yup.string().required(t('Version must be selected')),
+        device: values.target === 'device' ? Yup.object().required(t('Device must be selected')) : Yup.object(),
+        fleet: values.target === 'fleet' ? Yup.object().required(t('Fleet must be selected')) : Yup.object(),
+        appName: (0, validations_1.validApplicationAndVolumeName)(t)
+            .required(t('Application name is required'))
+            .test('is-unique', t('Application with the same name already exists.'), (value) => {
+            var _a, _b, _c;
+            if (!value || value.length === 0 || !values.target) {
+                return true;
+            }
+            const apps = values.target === 'device'
+                ? (_b = (_a = values.device) === null || _a === void 0 ? void 0 : _a.spec) === null || _b === void 0 ? void 0 : _b.applications
+                : (_c = values.fleet) === null || _c === void 0 ? void 0 : _c.spec.template.spec.applications;
+            if (!(apps === null || apps === void 0 ? void 0 : apps.length)) {
+                return true;
+            }
+            return !apps.some((app) => app.name === value);
+        }),
+    }));
+    const initialValues = React.useMemo(() => {
+        const appConfig = (0, utils_2.getInitialAppConfig)(catalogItem, version);
+        return {
+            version,
+            channel,
+            target: undefined,
+            fleet: undefined,
+            device: undefined,
+            ...appConfig,
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const { onSubmit, error, schemaErrors, setError } = (0, useSubmitCatalogForm_1.useSubmitCatalogForm)(async (values) => {
+        var _a;
+        if (values.target !== 'fleet' && values.target !== 'device') {
+            return;
+        }
+        const selectedDevice = values.device;
+        const selectedFleet = values.fleet;
+        const installToDevice = values.target === 'device';
+        const resourceId = installToDevice
+            ? `devices/${selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.metadata.name}`
+            : `fleets/${selectedFleet === null || selectedFleet === void 0 ? void 0 : selectedFleet.metadata.name}`;
+        const res = await get(resourceId);
+        const currentLabels = res === null || res === void 0 ? void 0 : res.metadata.labels;
+        const specPath = installToDevice ? '/' : '/spec/template/';
+        const catalogItemVersion = catalogItem.spec.versions.find((v) => v.version === values.version);
+        if (!catalogItemVersion) {
+            throw t('Failed to find requested version {{version}}', { version: values.version });
+        }
+        const currentApps = installToDevice
+            ? (_a = res === null || res === void 0 ? void 0 : res.spec) === null || _a === void 0 ? void 0 : _a.applications
+            : res === null || res === void 0 ? void 0 : res.spec.template.spec.applications;
+        const allPatches = (0, utils_1.getAppPatches)({
+            appName: values.appName,
+            currentApps,
+            currentLabels,
+            catalogItem,
+            catalogItemVersion,
+            channel: values.channel,
+            formValues: values.configureVia === 'editor' ? (0, js_yaml_1.load)(values.editorContent) : values.formValues,
+            specPath,
+            selectedAssets: values.configureVia === 'form' ? values.selectedAssets : [],
+        });
+        if (!allPatches.length) {
+            return;
+        }
+        await patch(resourceId, allPatches);
+    });
+    return (React.createElement(formik_1.Formik, { validationSchema: validationSchema, initialValues: initialValues, validateOnMount: true, onSubmit: async (values) => {
+            const success = await onSubmit(values);
+            if (success) {
+                setIsSuccessful(true);
+            }
+        } },
+        React.createElement(InstallAppWizardContent, { currentStep: currentStep, setCurrentStep: setCurrentStep, error: error, schemaErrors: schemaErrors, catalogItem: catalogItem, isSuccessful: isSuccessful, setError: setError })));
+};
+exports.default = InstallAppWizard;
+//# sourceMappingURL=InstallAppWizard.js.map

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallAppWizard.js.map

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

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallOsWizard.d.ts

@@ -0,0 +1,11 @@
+import { CatalogItem } from '@flightctl/types/alpha';
+import * as React from 'react';
+import { InstallOsFormik } from './types';
+import { FlightCtlWizardFooterProps } from '../../common/FlightCtlWizardFooter';
+export declare const validateOsWizardStep: FlightCtlWizardFooterProps<InstallOsFormik>['validateStep'];
+type InstallOsWizardProps = {
+    catalogItem: CatalogItem;
+};
+declare const InstallOsWizard: ({ catalogItem }: InstallOsWizardProps) => React.JSX.Element;
+export default InstallOsWizard;
+//# sourceMappingURL=InstallOsWizard.d.ts.map

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallOsWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallOsWizard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/InstallWizard/InstallOsWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,eAAe,EAA0D,MAAM,SAAS,CAAC;AAMlG,OAA8B,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAIvG,eAAO,MAAM,oBAAoB,EAAE,0BAA0B,CAAC,eAAe,CAAC,CAAC,cAAc,CAO5F,CAAC;AAkEF,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,iBAAiB,oBAAoB,sBAkG7D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallOsWizard.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOsWizardStep = void 0;
+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 Yup = tslib_1.__importStar(require("yup"));
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useFetch_1 = require("../../../hooks/useFetch");
+const utils_1 = require("../utils");
+const error_1 = require("../../../utils/error");
+const types_1 = require("./types");
+const SpecificationsStep_1 = tslib_1.__importStar(require("./steps/SpecificationsStep"));
+const SelectTargetStep_1 = tslib_1.__importStar(require("./steps/SelectTargetStep"));
+const ReviewStep_1 = tslib_1.__importDefault(require("./steps/ReviewStep"));
+const LeaveFormConfirmation_1 = tslib_1.__importDefault(require("../../common/LeaveFormConfirmation"));
+const UpdateSuccessPage_1 = tslib_1.__importDefault(require("./UpdateSuccessPage"));
+const FlightCtlWizardFooter_1 = tslib_1.__importDefault(require("../../common/FlightCtlWizardFooter"));
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const validateOsWizardStep = (activeStepId, errors) => {
+    if (activeStepId === types_1.specificationsStepId)
+        return (0, SpecificationsStep_1.isSpecsStepValid)(errors);
+    if (activeStepId === types_1.selectTargetStepId)
+        return (0, SelectTargetStep_1.isSelectTargetStepValid)(errors);
+    return true;
+};
+exports.validateOsWizardStep = validateOsWizardStep;
+const InstallOsWizardContent = ({ currentStep, setCurrentStep, error, catalogItem, isSuccessful, setError, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, errors } = (0, formik_1.useFormikContext)();
+    const showLeaveConfirmation = !(values.target === 'new-device' && (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === types_1.selectTargetStepId);
+    return isSuccessful ? (React.createElement(UpdateSuccessPage_1.default, null)) : (React.createElement(React.Fragment, null,
+        showLeaveConfirmation && React.createElement(LeaveFormConfirmation_1.default, null),
+        React.createElement(react_core_1.Wizard, { footer: React.createElement(FlightCtlWizardFooter_1.default, { firstStepId: types_1.specificationsStepId, submitStepId: values.target === 'new-device' ? types_1.selectTargetStepId : types_1.reviewStepId, validateStep: exports.validateOsWizardStep, saveButtonText: values.target === 'new-device' ? t('Close') : t('Deploy') }), onStepChange: (_, step) => {
+                if (error) {
+                    setError(undefined);
+                }
+                setCurrentStep(step);
+            } },
+            React.createElement(react_core_1.WizardStep, { name: t('Specifications'), id: types_1.specificationsStepId }, (!currentStep || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === types_1.specificationsStepId) && (React.createElement(SpecificationsStep_1.default, { catalogItem: catalogItem, showNewDevice: true }))),
+            React.createElement(react_core_1.WizardStep, { name: t('Select target'), id: types_1.selectTargetStepId, isDisabled: !(0, SpecificationsStep_1.isSpecsStepValid)(errors) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === types_1.selectTargetStepId && React.createElement(SelectTargetStep_1.default, { catalogItem: catalogItem })),
+            values.target !== 'new-device' && (React.createElement(react_core_1.WizardStep, { name: t('Review and deploy'), id: types_1.reviewStepId, isDisabled: !(0, SpecificationsStep_1.isSpecsStepValid)(errors) || !(0, SelectTargetStep_1.isSelectTargetStepValid)(errors) }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === types_1.reviewStepId && React.createElement(ReviewStep_1.default, { error: error, catalogItem: catalogItem }))))));
+};
+const InstallOsWizard = ({ catalogItem }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [error, setError] = React.useState();
+    const [isSuccessful, setIsSuccessful] = React.useState(false);
+    const [currentStep, setCurrentStep] = React.useState();
+    const { patch, get } = (0, useFetch_1.useFetch)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const { router: { useSearchParams }, } = (0, useAppContext_1.useAppContext)();
+    const [searchParams] = useSearchParams();
+    const channel = searchParams.get('channel') || '';
+    const version = searchParams.get('version') || '';
+    const validationSchema = Yup.lazy((values) => Yup.object({
+        target: Yup.string().required(t('Target must be selected')),
+        device: values.target === 'device' ? Yup.object().required(t('Device must be selected')) : Yup.object(),
+        fleet: values.target === 'fleet' ? Yup.object().required(t('Fleet must be selected')) : Yup.object(),
+        channel: Yup.string().required(t('Channel must be selected')),
+        version: Yup.string().required(t('Version must be selected')),
+    }));
+    const initialValues = React.useMemo(() => ({
+        version,
+        channel,
+        target: undefined,
+        fleet: undefined,
+        device: undefined,
+        deploymentTarget: undefined,
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    const onSubmit = async (values) => {
+        var _a, _b, _c;
+        setError(undefined);
+        if (values.target === 'new-device') {
+            navigate(-1);
+            return;
+        }
+        const selectedDevice = values.device;
+        const selectedFleet = values.fleet;
+        const installToDevice = values.target === 'device';
+        const resourceId = installToDevice
+            ? `devices/${selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.metadata.name}`
+            : `fleets/${selectedFleet === null || selectedFleet === void 0 ? void 0 : selectedFleet.metadata.name}`;
+        try {
+            const res = await get(resourceId);
+            const catalogItemVersion = catalogItem.spec.versions.find((v) => v.version === values.version);
+            if (!catalogItemVersion || !values.channel) {
+                return;
+            }
+            const currentOsImage = installToDevice
+                ? (_b = (_a = res === null || res === void 0 ? void 0 : res.spec) === null || _a === void 0 ? void 0 : _a.os) === null || _b === void 0 ? void 0 : _b.image
+                : (_c = res === null || res === void 0 ? void 0 : res.spec.template.spec.os) === null || _c === void 0 ? void 0 : _c.image;
+            const allPatches = (0, utils_1.getOsPatches)({
+                currentOsImage,
+                currentLabels: res === null || res === void 0 ? void 0 : res.metadata.labels,
+                catalogItem,
+                catalogItemVersion,
+                channel: values.channel,
+                specPath: installToDevice ? '/' : '/spec/template/',
+            });
+            if (!allPatches.length) {
+                setIsSuccessful(true);
+            }
+            else {
+                await patch(resourceId, allPatches);
+                setIsSuccessful(true);
+            }
+        }
+        catch (e) {
+            setError((0, error_1.getErrorMessage)(e));
+        }
+    };
+    return (React.createElement(formik_1.Formik, { validationSchema: validationSchema, initialValues: initialValues, validateOnMount: true, onSubmit: onSubmit },
+        React.createElement(InstallOsWizardContent, { catalogItem: catalogItem, currentStep: currentStep, error: error, isSuccessful: isSuccessful, setCurrentStep: setCurrentStep, setError: setError })));
+};
+exports.default = InstallOsWizard;
+//# sourceMappingURL=InstallOsWizard.js.map

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallOsWizard.js.map

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

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallWizard.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const InstallWizard: () => React.JSX.Element;
+export default InstallWizard;
+//# sourceMappingURL=InstallWizard.d.ts.map

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallWizard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/InstallWizard/InstallWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,QAAA,MAAM,aAAa,yBAoDlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallWizard.js

@@ -0,0 +1,48 @@
+"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 alpha_1 = require("@flightctl/types/alpha");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const ErrorBoundary_1 = tslib_1.__importDefault(require("../../common/ErrorBoundary"));
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const InstallOsWizard_1 = tslib_1.__importDefault(require("./InstallOsWizard"));
+const InstallAppWizard_1 = tslib_1.__importDefault(require("./InstallAppWizard"));
+const useAppContext_1 = require("../../../hooks/useAppContext");
+const useCatalogs_1 = require("../useCatalogs");
+const error_1 = require("../../../utils/error");
+const InstallWizard = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { router: { useParams }, } = (0, useAppContext_1.useAppContext)();
+    const { catalogId, itemId } = useParams();
+    const [catalogItem, loading, error] = (0, useCatalogs_1.useCatalogItem)(catalogId, itemId);
+    let content;
+    if (error) {
+        content = (React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('Failed to load catalog item') }, (0, error_1.getErrorMessage)(error)));
+    }
+    else if (loading) {
+        content = React.createElement(react_core_1.EmptyState, { titleText: t('Loading catalog item'), headingLevel: "h4", icon: react_core_1.Spinner });
+    }
+    else if ((catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.spec.category) === alpha_1.CatalogItemCategory.CatalogItemCategorySystem) {
+        content = React.createElement(InstallOsWizard_1.default, { catalogItem: catalogItem });
+    }
+    else if ((catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.spec.category) === alpha_1.CatalogItemCategory.CatalogItemCategoryApplication) {
+        content = React.createElement(InstallAppWizard_1.default, { catalogItem: catalogItem });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.PageSection, { hasBodyWrapper: false, type: "breadcrumb" },
+            React.createElement(react_core_1.Breadcrumb, null,
+                React.createElement(react_core_1.BreadcrumbItem, null,
+                    React.createElement(useNavigate_1.Link, { to: useNavigate_1.ROUTE.CATALOG }, t('Software Catalog'))),
+                React.createElement(react_core_1.BreadcrumbItem, { isActive: true }, (catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.spec.displayName) || itemId))),
+        React.createElement(react_core_1.PageSection, { hasBodyWrapper: false },
+            React.createElement(react_core_1.Stack, null,
+                React.createElement(react_core_1.StackItem, null,
+                    React.createElement(react_core_1.Title, { headingLevel: "h1", size: "3xl" }, t('Deploy {{name}}', { name: (catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.spec.displayName) || itemId }))),
+                React.createElement(react_core_1.StackItem, null, (catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.spec.shortDescription) && (React.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.small }, catalogItem.spec.shortDescription))))),
+        React.createElement(react_core_1.PageSection, { hasBodyWrapper: false, type: "wizard" },
+            React.createElement(ErrorBoundary_1.default, null, content))));
+};
+exports.default = InstallWizard;
+//# sourceMappingURL=InstallWizard.js.map

package/dist/ui-components/src/components/Catalog/InstallWizard/InstallWizard.js.map

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

package/dist/ui-components/src/components/Catalog/InstallWizard/UpdateSuccessPage.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type UpdateSuccessPageContentProps = React.PropsWithChildren<{
+    isDevice: boolean;
+}>;
+export declare const UpdateSuccessPageContent: ({ isDevice, children }: UpdateSuccessPageContentProps) => React.JSX.Element;
+declare const UpdateSuccessPage: () => React.JSX.Element;
+export default UpdateSuccessPage;
+//# sourceMappingURL=UpdateSuccessPage.d.ts.map

package/dist/ui-components/src/components/Catalog/InstallWizard/UpdateSuccessPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateSuccessPage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Catalog/InstallWizard/UpdateSuccessPage.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,6BAA6B,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,wBAAwB,6BAA6B,sBAc7F,CAAC;AAEF,QAAA,MAAM,iBAAiB,yBAwCtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/ui-components/src/components/Catalog/InstallWizard/UpdateSuccessPage.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UpdateSuccessPageContent = void 0;
+const tslib_1 = require("tslib");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const UpdateSuccessPageContent = ({ isDevice, children }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(react_core_1.EmptyState, { status: react_core_1.EmptyStateStatus.success, titleText: t('Update configuration successful') },
+        React.createElement(react_core_1.EmptyStateBody, null, isDevice
+            ? t('Device will download and apply the update according to the configured update policies.')
+            : t('Devices will download and apply the update according to the configured update policies.')),
+        React.createElement(react_core_1.EmptyStateFooter, null,
+            React.createElement(react_core_1.EmptyStateActions, null, children))));
+};
+exports.UpdateSuccessPageContent = UpdateSuccessPageContent;
+const UpdateSuccessPage = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values: { target, device, fleet }, } = (0, formik_1.useFormikContext)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    return (React.createElement(exports.UpdateSuccessPageContent, { isDevice: target === 'device' },
+        React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.Button, { variant: "primary", onClick: () => {
+                        navigate(useNavigate_1.ROUTE.CATALOG);
+                    } }, t('Return to catalog'))),
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.Button, { variant: "link", onClick: () => {
+                        if (target === 'device' && device) {
+                            navigate({ route: useNavigate_1.ROUTE.DEVICE_DETAILS, postfix: device.metadata.name });
+                            return;
+                        }
+                        if (target === 'fleet' && fleet) {
+                            navigate({ route: useNavigate_1.ROUTE.FLEET_DETAILS, postfix: fleet.metadata.name });
+                            return;
+                        }
+                        navigate(useNavigate_1.ROUTE.CATALOG);
+                    } }, target === 'device' ? t('View device') : t('View fleet'))))));
+};
+exports.default = UpdateSuccessPage;
+//# sourceMappingURL=UpdateSuccessPage.js.map