@flightctl/ui-components 0.0.1

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

@@ -0,0 +1,92 @@
+"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 error_1 = require("../../../utils/error");
+const labels_1 = require("../../../utils/labels");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const LeaveFormConfirmation_1 = tslib_1.__importDefault(require("../../common/LeaveFormConfirmation"));
+const ErrorBoundary_1 = tslib_1.__importDefault(require("../../common/ErrorBoundary"));
+const GeneralInfoStep_1 = tslib_1.__importStar(require("./steps/GeneralInfoStep"));
+const DeviceTemplateStep_1 = tslib_1.__importStar(require("./steps/DeviceTemplateStep"));
+const ReviewDeviceStep_1 = tslib_1.__importStar(require("./steps/ReviewDeviceStep"));
+const utils_1 = require("./utils");
+const deviceSpecUtils_1 = require("./deviceSpecUtils");
+const useFetch_1 = require("../../../hooks/useFetch");
+const useEditDevice_1 = require("./useEditDevice");
+const EditDeviceWizardNav_1 = tslib_1.__importDefault(require("./EditDeviceWizardNav"));
+const EditDeviceWizardFooter_1 = tslib_1.__importDefault(require("./EditDeviceWizardFooter"));
+require("./EditDeviceWizard.css");
+const EditDeviceWizard = () => {
+    var _a, _b, _c;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [submitError, setSubmitError] = React.useState();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const { patch } = (0, useFetch_1.useFetch)();
+    const [deviceId, device, isLoading, loadError] = (0, useEditDevice_1.useEditDevice)();
+    const deviceAlias = ((_a = device === null || device === void 0 ? void 0 : device.metadata.labels) === null || _a === void 0 ? void 0 : _a.alias) || '';
+    const displayText = device ? deviceAlias || t('Untitled') : deviceId;
+    let body;
+    if (isLoading) {
+        body = (React.createElement(react_core_1.Bullseye, null,
+            React.createElement(react_core_1.Spinner, null)));
+    }
+    else if (loadError) {
+        body = (React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('An error occurred') }, (0, error_1.getErrorMessage)(loadError)));
+    }
+    else if (!!(device === null || device === void 0 ? void 0 : device.metadata.owner)) {
+        body = (React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: t('Device is non-editable') }, t('This device is managed by a fleet and it cannot be edited directly.')));
+    }
+    else if (device) {
+        body = (React.createElement(formik_1.Formik, { initialValues: {
+                deviceAlias,
+                osImage: (_c = (_b = device.spec) === null || _b === void 0 ? void 0 : _b.os) === null || _c === void 0 ? void 0 : _c.image,
+                labels: (0, labels_1.fromAPILabel)(device.metadata.labels || {}).filter((label) => label.key !== 'alias'),
+                configTemplates: (0, deviceSpecUtils_1.getConfigTemplatesValues)(device.spec),
+                fleetMatch: '', // Initially this is always a fleetless device
+            }, validationSchema: (0, utils_1.getValidationSchema)(t), validateOnMount: true, onSubmit: (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                setSubmitError(undefined);
+                try {
+                    const patches = (0, utils_1.getDevicePatches)(device, values);
+                    if (patches.length > 0) {
+                        yield patch(`devices/${deviceId}`, patches);
+                    }
+                    navigate({ route: useNavigate_1.ROUTE.DEVICE_DETAILS, postfix: deviceId });
+                }
+                catch (e) {
+                    setSubmitError((0, error_1.getErrorMessage)(e));
+                }
+            }) }, ({ values, errors: formikErrors }) => {
+            const generalStepValid = (0, GeneralInfoStep_1.isGeneralInfoStepValid)(formikErrors);
+            const templateStepValid = (0, DeviceTemplateStep_1.isDeviceTemplateStepValid)(formikErrors);
+            const canEditTemplate = !values.fleetMatch;
+            const isTemplateStepDisabled = !(generalStepValid && canEditTemplate);
+            return (React.createElement(React.Fragment, null,
+                React.createElement(LeaveFormConfirmation_1.default, null),
+                React.createElement(react_core_1.Wizard, { className: "fctl-edit-device__wizard", footer: React.createElement(EditDeviceWizardFooter_1.default, null), nav: React.createElement(EditDeviceWizardNav_1.default, null) },
+                    React.createElement(react_core_1.WizardStep, { name: t('General info'), id: GeneralInfoStep_1.generalInfoStepId },
+                        React.createElement(GeneralInfoStep_1.default, null)),
+                    React.createElement(react_core_1.WizardStep, { name: t('Device template'), id: DeviceTemplateStep_1.deviceTemplateStepId, isDisabled: isTemplateStepDisabled },
+                        React.createElement(DeviceTemplateStep_1.default, { isFleet: false })),
+                    React.createElement(react_core_1.WizardStep, { name: t('Review and update'), id: ReviewDeviceStep_1.reviewDeviceStepId, isDisabled: !templateStepValid },
+                        React.createElement(ReviewDeviceStep_1.default, { error: submitError })))));
+        }));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.PageSection, { variant: "light", 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.DEVICES }, t('Devices'))),
+                deviceId && (React.createElement(react_core_1.BreadcrumbItem, null,
+                    React.createElement(useNavigate_1.Link, { to: { route: useNavigate_1.ROUTE.DEVICE_DETAILS, postfix: deviceId } }, displayText))),
+                React.createElement(react_core_1.BreadcrumbItem, { isActive: true }, t('Edit device')))),
+        React.createElement(react_core_1.PageSection, { variant: react_core_1.PageSectionVariants.light },
+            React.createElement(react_core_1.Title, { headingLevel: "h1", size: "3xl" }, t('Edit device'))),
+        React.createElement(react_core_1.PageSection, { variant: react_core_1.PageSectionVariants.light, type: "wizard" },
+            React.createElement(ErrorBoundary_1.default, null, body))));
+};
+exports.default = EditDeviceWizard;
+//# sourceMappingURL=EditDeviceWizard.js.map

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

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

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

@@ -0,0 +1,32 @@
+"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 useTranslation_1 = require("../../../hooks/useTranslation");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const GeneralInfoStep_1 = require("./steps/GeneralInfoStep");
+const DeviceTemplateStep_1 = require("./steps/DeviceTemplateStep");
+const ReviewDeviceStep_1 = require("./steps/ReviewDeviceStep");
+const EditDeviceWizardFooter = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { goToNextStep, goToPrevStep, activeStep } = (0, react_core_1.useWizardContext)();
+    const { submitForm, isSubmitting, errors } = (0, formik_1.useFormikContext)();
+    const navigate = (0, useNavigate_1.useNavigate)();
+    const isSubmitStep = activeStep.id === ReviewDeviceStep_1.reviewDeviceStepId;
+    let isStepValid = true;
+    if (activeStep.id === GeneralInfoStep_1.generalInfoStepId) {
+        isStepValid = (0, GeneralInfoStep_1.isGeneralInfoStepValid)(errors);
+    }
+    else if (activeStep.id === DeviceTemplateStep_1.deviceTemplateStepId) {
+        isStepValid = (0, DeviceTemplateStep_1.isDeviceTemplateStepValid)(errors);
+    }
+    const primaryBtn = isSubmitStep ? (React.createElement(react_core_1.Button, { variant: "primary", onClick: submitForm, isDisabled: isSubmitting, isLoading: isSubmitting }, t('Save'))) : (React.createElement(react_core_1.Button, { variant: "primary", onClick: goToNextStep, isDisabled: !isStepValid }, t('Next')));
+    return (React.createElement(react_core_1.WizardFooterWrapper, null,
+        primaryBtn,
+        activeStep.id !== GeneralInfoStep_1.generalInfoStepId && (React.createElement(react_core_1.Button, { variant: "secondary", onClick: goToPrevStep, isDisabled: isSubmitting }, t('Back'))),
+        React.createElement(react_core_1.Button, { variant: "link", onClick: () => navigate(-1), isDisabled: isSubmitting }, t('Cancel'))));
+};
+exports.default = EditDeviceWizardFooter;
+//# sourceMappingURL=EditDeviceWizardFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditDeviceWizardFooter.js","sourceRoot":"","sources":["../../../../../src/components/Device/EditDeviceWizard/EditDeviceWizardFooter.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAA0C;AAC1C,uDAAuF;AAGvF,kEAA+D;AAC/D,4DAAyD;AACzD,6DAAoF;AACpF,mEAA6F;AAC7F,+DAA8D;AAE9D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,6BAAgB,GAAE,CAAC;IACtE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAAwB,CAAC;IACtF,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,UAAU,CAAC,EAAE,KAAK,qCAAkB,CAAC;IAE1D,IAAI,WAAW,GAAG,IAAI,CAAC;IACvB,IAAI,UAAU,CAAC,EAAE,KAAK,mCAAiB,EAAE,CAAC;QACxC,WAAW,GAAG,IAAA,wCAAsB,EAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;SAAM,IAAI,UAAU,CAAC,EAAE,KAAK,yCAAoB,EAAE,CAAC;QAClD,WAAW,GAAG,IAAA,8CAAyB,EAAC,MAAM,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,CAChC,oBAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,IAC7F,CAAC,CAAC,MAAM,CAAC,CACH,CACV,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,WAAW,IACtE,CAAC,CAAC,MAAM,CAAC,CACH,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,gCAAmB;QACjB,UAAU;QACV,UAAU,CAAC,EAAE,KAAK,mCAAiB,IAAI,CACtC,oBAAC,mBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,IACxE,CAAC,CAAC,MAAM,CAAC,CACH,CACV;QACD,oBAAC,mBAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,YAAY,IACzE,CAAC,CAAC,QAAQ,CAAC,CACL,CACW,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/EditDeviceWizardNav.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 react_core_1 = require("@patternfly/react-core");
+const info_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/info-circle-icon");
+const useTranslation_1 = require("../../../hooks/useTranslation");
+const generalInfoStepIndex = 0;
+const deviceTemplateStepIndex = 1;
+const reviewDeviceStepIndex = 2;
+const disabledTemplateReason = (t) => t('The device will be bound to a fleet. As a result, its configurations cannot be edited directly.');
+const EditDeviceWizardNav = () => {
+    var _a, _b;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { activeStep, steps, goToStepByIndex } = (0, react_core_1.useWizardContext)();
+    const isEditTemplateDisabled = (_a = steps[deviceTemplateStepIndex]) === null || _a === void 0 ? void 0 : _a.isDisabled;
+    const isReviewDeviceDisabled = (_b = steps[reviewDeviceStepIndex]) === null || _b === void 0 ? void 0 : _b.isDisabled;
+    return (React.createElement(react_core_1.WizardNav, null,
+        React.createElement(react_core_1.WizardNavItem, { stepIndex: generalInfoStepIndex, content: t('General info'), isCurrent: !activeStep || (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === generalInfoStepIndex + 1, onClick: () => {
+                goToStepByIndex(generalInfoStepIndex + 1);
+            } }),
+        React.createElement(react_core_1.WizardNavItem, { stepIndex: deviceTemplateStepIndex, content: t('Device template'), isCurrent: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === deviceTemplateStepIndex + 1, isDisabled: isEditTemplateDisabled, onClick: () => {
+                if (!isEditTemplateDisabled) {
+                    goToStepByIndex(deviceTemplateStepIndex + 1);
+                }
+            } }, isEditTemplateDisabled && (React.createElement(react_core_1.Tooltip, { content: disabledTemplateReason(t) },
+            React.createElement(react_core_1.Icon, { status: "info", size: "sm" },
+                React.createElement(info_circle_icon_1.InfoCircleIcon, null))))),
+        React.createElement(react_core_1.WizardNavItem, { stepIndex: reviewDeviceStepIndex, content: t('Review and update'), isCurrent: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === reviewDeviceStepIndex + 1, isDisabled: isReviewDeviceDisabled, onClick: () => {
+                if (!isReviewDeviceDisabled) {
+                    goToStepByIndex(reviewDeviceStepIndex + 1);
+                }
+            } })));
+};
+exports.default = EditDeviceWizardNav;
+//# sourceMappingURL=EditDeviceWizardNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditDeviceWizardNav.js","sourceRoot":"","sources":["../../../../../src/components/Device/EditDeviceWizard/EditDeviceWizardNav.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAmG;AACnG,6FAAwF;AAExF,kEAA+D;AAG/D,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAC/B,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAClC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAEhC,MAAM,sBAAsB,GAAG,CAAC,CAAY,EAAE,EAAE,CAC9C,CAAC,CAAC,iGAAiG,CAAC,CAAC;AAEvG,MAAM,mBAAmB,GAAG,GAAG,EAAE;;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,IAAA,6BAAgB,GAAE,CAAC;IAElE,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,uBAAuB,CAAC,0CAAE,UAAU,CAAC;IAC1E,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,qBAAqB,CAAC,0CAAE,UAAU,CAAC;IAExE,OAAO,CACL,oBAAC,sBAAS;QACR,oBAAC,0BAAa,IACZ,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,CAAC,CAAC,cAAc,CAAC,EAC1B,SAAS,EAAE,CAAC,UAAU,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,MAAK,oBAAoB,GAAG,CAAC,EACxE,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,oBAAoB,GAAG,CAAC,CAAC,CAAC;YAC5C,CAAC,GACD;QACF,oBAAC,0BAAa,IACZ,SAAS,EAAE,uBAAuB,EAClC,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC7B,SAAS,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,MAAK,uBAAuB,GAAG,CAAC,EAC5D,UAAU,EAAE,sBAAsB,EAClC,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,sBAAsB,EAAE,CAAC;oBAC5B,eAAe,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC;gBAC/C,CAAC;YACH,CAAC,IAEA,sBAAsB,IAAI,CACzB,oBAAC,oBAAO,IAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC;YACzC,oBAAC,iBAAI,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI;gBAC3B,oBAAC,iCAAc,OAAG,CACb,CACC,CACX,CACa;QAChB,oBAAC,0BAAa,IACZ,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC/B,SAAS,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,MAAK,qBAAqB,GAAG,CAAC,EAC1D,UAAU,EAAE,sBAAsB,EAClC,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,sBAAsB,EAAE,CAAC;oBAC5B,eAAe,CAAC,qBAAqB,GAAG,CAAC,CAAC,CAAC;gBAC7C,CAAC;YACH,CAAC,GACD,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getConfigTemplatesValues = exports.getAPIConfig = exports.getDeviceSpecConfigPatches = void 0;
+const tslib_1 = require("tslib");
+const yaml = tslib_1.__importStar(require("js-yaml"));
+const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+const deviceSpec_1 = require("../../../types/deviceSpec");
+const isSameGitConf = (a, b) => {
+    const aRef = a.gitRef;
+    const bRef = b.gitRef;
+    return (a.name === b.name &&
+        aRef.path === bRef.path &&
+        aRef.repository === bRef.repository &&
+        aRef.targetRevision === bRef.targetRevision &&
+        (aRef.mountPath || '') === (bRef.mountPath || ''));
+};
+const isSameHttpConf = (a, b) => {
+    const aRef = a.httpRef;
+    const bRef = b.httpRef;
+    return (a.name === b.name &&
+        aRef.filePath === bRef.filePath &&
+        aRef.repository === bRef.repository &&
+        (aRef.suffix || '') === (bRef.suffix || ''));
+};
+const isSameSecretConf = (a, b) => {
+    const aRef = a.secretRef;
+    const bRef = b.secretRef;
+    return (a.name === b.name &&
+        aRef.name === bRef.name &&
+        aRef.namespace === bRef.namespace &&
+        aRef.mountPath === bRef.mountPath);
+};
+const isSameInlineConf = (a, b) => {
+    return a.name === b.name && (0, isEqual_1.default)(a.inline, b.inline);
+};
+const getDeviceSpecConfigPatches = (currentConfigs, newConfigs, configPath) => {
+    const allPatches = [];
+    if (currentConfigs.length === 0 && newConfigs.length > 0) {
+        allPatches.push({
+            path: configPath,
+            op: 'add',
+            value: newConfigs,
+        });
+    }
+    else if (currentConfigs.length > 0 && newConfigs.length === 0) {
+        allPatches.push({
+            path: configPath,
+            op: 'remove',
+        });
+    }
+    else if (currentConfigs.length !== newConfigs.length) {
+        allPatches.push({
+            path: configPath,
+            op: 'replace',
+            value: newConfigs,
+        });
+    }
+    else {
+        const hasConfigChanges = newConfigs.some((newConfig) => {
+            // Attempts to find a new config which has been changed from "currentConfigs"
+            const isUnchanged = currentConfigs.some((conf) => {
+                if (conf.configType !== newConfig.configType) {
+                    return false;
+                }
+                switch (conf.configType) {
+                    case 'GitConfigProviderSpec':
+                        return isSameGitConf(newConfig, conf);
+                    case 'HttpConfigProviderSpec':
+                        return isSameHttpConf(newConfig, conf);
+                    case 'KubernetesSecretProviderSpec':
+                        return isSameSecretConf(newConfig, conf);
+                    case 'InlineConfigProviderSpec':
+                        return isSameInlineConf(newConfig, conf);
+                }
+                return false;
+            });
+            return !isUnchanged;
+        });
+        if (hasConfigChanges) {
+            allPatches.push({
+                path: configPath,
+                op: 'replace',
+                value: newConfigs,
+            });
+        }
+    }
+    return allPatches;
+};
+exports.getDeviceSpecConfigPatches = getDeviceSpecConfigPatches;
+const getAPIConfig = (ct) => {
+    if ((0, deviceSpec_1.isGitConfigTemplate)(ct)) {
+        return {
+            configType: 'GitConfigProviderSpec',
+            name: ct.name,
+            gitRef: {
+                path: ct.path,
+                repository: ct.repository,
+                targetRevision: ct.targetRevision,
+                mountPath: ct.mountPath,
+            },
+        };
+    }
+    if ((0, deviceSpec_1.isKubeSecretTemplate)(ct)) {
+        return {
+            configType: 'KubernetesSecretProviderSpec',
+            name: ct.name,
+            secretRef: {
+                mountPath: ct.mountPath,
+                name: ct.secretName,
+                namespace: ct.secretNs,
+            },
+        };
+    }
+    if ((0, deviceSpec_1.isHttpConfigTemplate)(ct)) {
+        return {
+            configType: 'HttpConfigProviderSpec',
+            name: ct.name,
+            httpRef: {
+                repository: ct.repository,
+                suffix: ct.suffix,
+                filePath: ct.filePath,
+            },
+        };
+    }
+    return {
+        configType: 'InlineConfigProviderSpec',
+        inline: yaml.load(ct.inline),
+        name: ct.name,
+    };
+};
+exports.getAPIConfig = getAPIConfig;
+const getConfigTemplatesValues = (deviceSpec) => {
+    var _a;
+    return ((_a = deviceSpec === null || deviceSpec === void 0 ? void 0 : deviceSpec.config) === null || _a === void 0 ? void 0 : _a.map((c) => {
+        if ((0, deviceSpec_1.isGitProviderSpec)(c)) {
+            return {
+                type: 'git',
+                name: c.name,
+                path: c.gitRef.path,
+                mountPath: c.gitRef.mountPath,
+                repository: c.gitRef.repository,
+                targetRevision: c.gitRef.targetRevision,
+            };
+        }
+        if ((0, deviceSpec_1.isKubeProviderSpec)(c)) {
+            return {
+                type: 'secret',
+                name: c.name,
+                mountPath: c.secretRef.mountPath,
+                secretName: c.secretRef.name,
+                secretNs: c.secretRef.namespace,
+            };
+        }
+        if ((0, deviceSpec_1.isHttpProviderSpec)(c)) {
+            return {
+                type: 'http',
+                name: c.name,
+                repository: c.httpRef.repository,
+                suffix: c.httpRef.suffix,
+                filePath: c.httpRef.filePath,
+            };
+        }
+        return {
+            type: 'inline',
+            name: c.name,
+            inline: yaml.dump(c.inline),
+        };
+    })) || [];
+};
+exports.getConfigTemplatesValues = getConfigTemplatesValues;
+//# sourceMappingURL=deviceSpecUtils.js.map

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

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

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

@@ -0,0 +1,15 @@
+"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 HelperTextItems_1 = require("../../../common/HelperTextItems");
+const TextAreaField_1 = tslib_1.__importDefault(require("../../../form/TextAreaField"));
+const ConfigInlineTemplateForm = ({ index }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(react_core_1.FormGroup, { label: t('Inline'), isRequired: true },
+        React.createElement(TextAreaField_1.default, { name: `configTemplates.${index}.inline`, helperText: React.createElement(HelperTextItems_1.IgnitionFileHelperText, null) })));
+};
+exports.default = ConfigInlineTemplateForm;
+//# sourceMappingURL=ConfigInlineTemplateForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigInlineTemplateForm.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAmD;AAEnD,qEAAkE;AAClE,qEAAyE;AACzE,wFAAwD;AAMxD,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC5E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU;QACvC,oBAAC,uBAAa,IAAC,IAAI,EAAE,mBAAmB,KAAK,SAAS,EAAE,UAAU,EAAE,oBAAC,wCAAsB,OAAG,GAAI,CACxF,CACb,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,wBAAwB,CAAC"}

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

@@ -0,0 +1,22 @@
+"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 useTranslation_1 = require("../../../../hooks/useTranslation");
+const TextField_1 = tslib_1.__importDefault(require("../../../form/TextField"));
+const ConfigK8sSecretTemplateForm = ({ index }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values } = (0, formik_1.useFormikContext)();
+    const template = values.configTemplates[index];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.FormGroup, { label: t('Secret name'), isRequired: true },
+            React.createElement(TextField_1.default, { "aria-label": t('Secret name'), value: template.secretName, name: `configTemplates.${index}.secretName` })),
+        React.createElement(react_core_1.FormGroup, { label: t('Secret namespace'), isRequired: true },
+            React.createElement(TextField_1.default, { "aria-label": t('Secret namespace'), name: `configTemplates.${index}.secretNs`, value: template.secretNs })),
+        React.createElement(react_core_1.FormGroup, { label: t('Mount path'), isRequired: true },
+            React.createElement(TextField_1.default, { "aria-label": t('Mount path'), name: `configTemplates.${index}.mountPath`, value: template.mountPath, placeholder: t('/absolute/path') }))));
+};
+exports.default = ConfigK8sSecretTemplateForm;
+//# sourceMappingURL=ConfigK8sSecretTemplateForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigK8sSecretTemplateForm.js","sourceRoot":"","sources":["../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAA0C;AAC1C,uDAAmD;AAEnD,qEAAkE;AAElE,gFAAgD;AAQhD,MAAM,2BAA2B,GAAG,CAAC,EAAE,KAAK,EAAoC,EAAE,EAAE;IAClF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAgB,GAA8B,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,KAAK,CAAuB,CAAC;IACrE,OAAO,CACL;QACE,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,UAAU;YAC5C,oBAAC,mBAAS,kBACI,CAAC,CAAC,aAAa,CAAC,EAC5B,KAAK,EAAE,QAAQ,CAAC,UAAU,EAC1B,IAAI,EAAE,mBAAmB,KAAK,aAAa,GAC3C,CACQ;QACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,UAAU;YACjD,oBAAC,mBAAS,kBACI,CAAC,CAAC,kBAAkB,CAAC,EACjC,IAAI,EAAE,mBAAmB,KAAK,WAAW,EACzC,KAAK,EAAE,QAAQ,CAAC,QAAQ,GACxB,CACQ;QACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU;YAC3C,oBAAC,mBAAS,kBACI,CAAC,CAAC,YAAY,CAAC,EAC3B,IAAI,EAAE,mBAAmB,KAAK,YAAY,EAC1C,KAAK,EAAE,QAAQ,CAAC,SAAS,EACzB,WAAW,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAChC,CACQ,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}

package/dist/src/components/Device/EditDeviceWizard/steps/ConfigTemplateForm.css

@@ -0,0 +1,3 @@
+.fctl-config-template--error {
+    color: var(--pf-v5-global--danger-color--100)
+}

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

@@ -0,0 +1,96 @@
+"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 minus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/minus-circle-icon");
+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 useTranslation_1 = require("../../../../hooks/useTranslation");
+const useFetchPeriodically_1 = require("../../../../hooks/useFetchPeriodically");
+const error_1 = require("../../../../utils/error");
+const generic_1 = require("../../../../utils/sort/generic");
+const WithTooltip_1 = tslib_1.__importDefault(require("../../../common/WithTooltip"));
+const validations_1 = require("../../../form/validations");
+const FieldHelperText_1 = tslib_1.__importDefault(require("../../../form/FieldHelperText"));
+const FormSelect_1 = tslib_1.__importDefault(require("../../../form/FormSelect"));
+const RichValidationTextField_1 = tslib_1.__importDefault(require("../../../form/RichValidationTextField"));
+const ConfigWithRepositoryTemplateForm_1 = tslib_1.__importDefault(require("./ConfigWithRepositoryTemplateForm"));
+const ConfigK8sSecretTemplateForm_1 = tslib_1.__importDefault(require("./ConfigK8sSecretTemplateForm"));
+const ConfigInlineTemplateForm_1 = tslib_1.__importDefault(require("./ConfigInlineTemplateForm"));
+require("./ConfigTemplateForm.css");
+const useValidateOnMount = () => {
+    const { validateForm } = (0, formik_1.useFormikContext)();
+    // validate new config section on mount
+    React.useEffect(() => {
+        validateForm();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+};
+const ConfigSection = ({ ct, index, repositories, repoRefetch }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [isExpanded, setIsExpanded] = React.useState(true);
+    const fieldName = `configTemplates[${index}]`;
+    const { setFieldTouched } = (0, formik_1.useFormikContext)();
+    const [{ value: template }, { error }, { setTouched }] = (0, formik_1.useField)(fieldName);
+    useValidateOnMount();
+    return (React.createElement(react_core_1.ExpandableSection, { toggleContent: React.createElement(react_core_1.Split, { hasGutter: true },
+            React.createElement(react_core_1.SplitItem, null, t('Configurations/applications')),
+            !isExpanded && !!template.name && React.createElement(react_core_1.SplitItem, { style: { color: 'black' } }, template.name),
+            !isExpanded && error && (React.createElement(react_core_1.SplitItem, null,
+                React.createElement(WithTooltip_1.default, { showTooltip: true, content: t('Invalid configuration') },
+                    React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, { className: "fctl-config-template--error" }))))), isIndented: true, isExpanded: isExpanded, onToggle: (_, expanded) => {
+            setTouched(true);
+            Object.keys(error || {}).forEach((key) => {
+                setFieldTouched(`${fieldName}.${key}`, true);
+            });
+            setIsExpanded(expanded);
+        } },
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(RichValidationTextField_1.default, { fieldName: `${fieldName}.name`, "aria-label": t('Source name'), validations: (0, validations_1.getDnsSubdomainValidations)(t), isRequired: true }),
+            React.createElement(react_core_1.FormGroup, { label: t('Source type'), isRequired: true },
+                React.createElement(FormSelect_1.default, { items: {
+                        git: t('Git config provider'),
+                        http: t('Http config provider'),
+                        // secret: t('Kubernetes secret provider'), not supported yet
+                        inline: t('Inline config provider'),
+                    }, name: `${fieldName}.type`, placeholderText: t('Select a source type') })),
+            ct.type === 'secret' && React.createElement(ConfigK8sSecretTemplateForm_1.default, { index: index }),
+            ct.type === 'inline' && React.createElement(ConfigInlineTemplateForm_1.default, { index: index }),
+            (ct.type === 'http' || ct.type === 'git') && (React.createElement(ConfigWithRepositoryTemplateForm_1.default, { repoType: ct.type, index: index, repositories: repositories, repoRefetch: repoRefetch })))));
+};
+const ConfigTemplateForm = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, errors } = (0, formik_1.useFormikContext)();
+    const [repositoryList, isLoading, error, refetch] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: 'repositories',
+    });
+    const repositories = React.useMemo(() => (0, generic_1.sortByName)((repositoryList === null || repositoryList === void 0 ? void 0 : repositoryList.items) || []), [repositoryList]);
+    const generalError = typeof errors.configTemplates === 'string' ? errors.configTemplates : undefined;
+    if (error) {
+        return (React.createElement(react_core_1.Alert, { isInline: true, variant: "danger", title: t('Failed to load repositories') }, (0, error_1.getErrorMessage)(error)));
+    }
+    else if (isLoading) {
+        return (React.createElement(react_core_1.Bullseye, null,
+            React.createElement(react_core_1.Spinner, null)));
+    }
+    return (React.createElement(formik_1.FieldArray, { name: "configTemplates" }, ({ push, remove }) => (React.createElement(React.Fragment, null,
+        values.configTemplates.map((ct, index) => (React.createElement(react_core_1.FormSection, { key: index },
+            React.createElement(react_core_1.Split, { hasGutter: true },
+                React.createElement(react_core_1.SplitItem, { isFilled: true },
+                    React.createElement(ConfigSection, { ct: ct, index: index, repositories: repositories, repoRefetch: refetch })),
+                React.createElement(react_core_1.SplitItem, null,
+                    React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(index) })))))),
+        React.createElement(react_core_1.FormSection, null,
+            React.createElement(react_core_1.FormGroup, null,
+                React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(plus_circle_icon_1.PlusCircleIcon, null), iconPosition: "start", onClick: () => {
+                        push({
+                            name: '',
+                            type: '',
+                        });
+                    } }, t('Add configurations/applications')))),
+        React.createElement(FieldHelperText_1.default, { error: generalError })))));
+};
+exports.default = ConfigTemplateForm;
+//# sourceMappingURL=ConfigTemplateForm.js.map

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

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