@flightctl/ui-components 1.0.2 → 1.1.0-rc2

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationTemplates.js

@@ -0,0 +1,111 @@
+"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 types_1 = require("@flightctl/types");
+const deviceSpec_1 = require("../../../../types/deviceSpec");
+const deviceSpecUtils_1 = require("../deviceSpecUtils");
+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 RadioField_1 = tslib_1.__importDefault(require("../../../form/RadioField"));
+const ExpandableFormSection_1 = tslib_1.__importDefault(require("../../../form/ExpandableFormSection"));
+const WithHelperText_1 = require("../../../common/WithHelperText");
+const apps_1 = require("../../../../utils/apps");
+const ApplicationImageForm_1 = tslib_1.__importDefault(require("./ApplicationImageForm"));
+const ApplicationInlineForm_1 = tslib_1.__importDefault(require("./ApplicationInlineForm"));
+const ApplicationContainerForm_1 = tslib_1.__importDefault(require("./ApplicationContainerForm"));
+const ApplicationHelmForm_1 = tslib_1.__importDefault(require("./ApplicationHelmForm"));
+const ApplicationVolumeForm_1 = tslib_1.__importDefault(require("./ApplicationVolumeForm"));
+const ApplicationVariablesForm_1 = tslib_1.__importDefault(require("./ApplicationVariablesForm"));
+const ApplicationIntegritySettings_1 = tslib_1.__importDefault(require("./ApplicationIntegritySettings"));
+require("./ApplicationsForm.css");
+const ApplicationSection = ({ index, isReadOnly }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const appFieldName = `applications[${index}]`;
+    const [{ value: app }, , { setValue }] = (0, formik_1.useField)(appFieldName);
+    const { appType, specType, name: appName } = app;
+    const isContainer = app.appType === types_1.AppType.AppTypeContainer;
+    const isHelm = app.appType === types_1.AppType.AppTypeHelm;
+    const isQuadlet = app.appType === types_1.AppType.AppTypeQuadlet;
+    const isCompose = app.appType === types_1.AppType.AppTypeCompose;
+    // Each AppForm type has all data structures it needs initialized with safe defaults (eg. empty arrays, etc).
+    // However, when the user switches to a type that doesn't have those fields, we must reset the app to define the missing fields.
+    const isContainerIncomplete = isContainer && !('ports' in app);
+    const isHelmIncomplete = isHelm && !('valuesFiles' in app);
+    const isQuadletComposeIncomplete = (isQuadlet || isCompose) && !('volumes' in app);
+    const shouldResetApp = isContainerIncomplete || isHelmIncomplete || isQuadletComposeIncomplete;
+    const appTypesOptions = (0, apps_1.appTypeOptions)(t);
+    React.useEffect(() => {
+        if (shouldResetApp) {
+            const initialApp = (0, deviceSpecUtils_1.createInitialAppForm)(appType, appName || '');
+            setValue(initialApp, false);
+        }
+    }, [shouldResetApp, appType, appName, setValue]);
+    return (React.createElement(ExpandableFormSection_1.default, { title: app.name || t('Application {{ appNum }}', { appNum: index + 1 }), fieldName: appFieldName },
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(react_core_1.FormGroup, { label: t('Application type'), isRequired: true },
+                React.createElement(FormSelect_1.default, { items: appTypesOptions, name: `${appFieldName}.appType`, placeholderText: t('Select an application type'), isDisabled: isReadOnly })),
+            isContainer ? (React.createElement(ApplicationContainerForm_1.default, { index: index, isReadOnly: isReadOnly })) : isHelm ? (React.createElement(ApplicationHelmForm_1.default, { index: index, isReadOnly: isReadOnly })) : (React.createElement(React.Fragment, null,
+                React.createElement(WithHelperText_1.FormGroupWithHelperText, { label: t('Definition source'), isRequired: true, content: React.createElement(react_core_1.Stack, { hasGutter: true },
+                        React.createElement(react_core_1.StackItem, null,
+                            React.createElement("strong", null,
+                                t('Configuration Sources'),
+                                ":")),
+                        React.createElement(react_core_1.StackItem, null,
+                            React.createElement("u", null,
+                                React.createElement("li", null,
+                                    React.createElement("strong", null, t('OCI reference')),
+                                    " -",
+                                    ' ',
+                                    t('Pull definitions from container registry (reusable, versioned).')),
+                                React.createElement("li", null,
+                                    React.createElement("strong", null, t('Inline')),
+                                    " -",
+                                    ' ',
+                                    t('Define application files directly in this interface (custom, one-off).'))))) },
+                    React.createElement(react_core_1.Split, { hasGutter: true },
+                        React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(RadioField_1.default, { id: `${appFieldName}-spec-type-image`, name: `${appFieldName}.specType`, label: t('OCI reference URL'), isDisabled: isReadOnly, checkedValue: deviceSpec_1.AppSpecType.OCI_IMAGE })),
+                        React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(RadioField_1.default, { id: `${appFieldName}-spec-type-inline`, name: `${appFieldName}.specType`, label: t('Inline'), isDisabled: isReadOnly, checkedValue: deviceSpec_1.AppSpecType.INLINE })),
+                        ' ')),
+                React.createElement(WithHelperText_1.FormGroupWithHelperText, { label: t('Application name'), content: specType === deviceSpec_1.AppSpecType.INLINE
+                        ? t('The unique identifier for this application.')
+                        : t('If not specified, the image name will be used. Application name must be unique.'), isRequired: specType === deviceSpec_1.AppSpecType.INLINE },
+                    React.createElement(TextField_1.default, { "aria-label": t('Application name'), name: `${appFieldName}.name`, isDisabled: isReadOnly })),
+                specType === deviceSpec_1.AppSpecType.OCI_IMAGE && React.createElement(ApplicationImageForm_1.default, { index: index, isReadOnly: isReadOnly }),
+                specType === deviceSpec_1.AppSpecType.INLINE && (React.createElement(ApplicationInlineForm_1.default, { files: app.files || [], index: index, isReadOnly: isReadOnly })))),
+            (isQuadlet || isContainer) && React.createElement(ApplicationIntegritySettings_1.default, { index: index, isReadOnly: isReadOnly }),
+            !isHelm && (React.createElement(React.Fragment, null,
+                React.createElement(ApplicationVolumeForm_1.default, { appFieldName: appFieldName, isReadOnly: isReadOnly, isSingleContainerApp: isContainer }),
+                React.createElement(ApplicationVariablesForm_1.default, { appFieldName: appFieldName, isReadOnly: isReadOnly }))))));
+};
+const ApplicationTemplates = ({ isReadOnly }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values } = (0, formik_1.useFormikContext)();
+    if (isReadOnly && values.applications.length === 0) {
+        return null;
+    }
+    return (React.createElement(WithHelperText_1.FormGroupWithHelperText, { label: t('Application workloads'), content: t('Define the application workloads that shall run on the device.') },
+        React.createElement(React.Fragment, null,
+            React.createElement(react_core_1.Content, { component: "p" }, t('Configure containerized applications and services that will run on your fleet devices. You can deploy single containers, Quadlet applications for advanced container orchestration or inline applications with custom files.')),
+            React.createElement(formik_1.FieldArray, { name: "applications" }, ({ push, remove }) => (React.createElement(React.Fragment, null,
+                values.applications.map((_app, 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(ApplicationSection, { index: index, isReadOnly: isReadOnly })),
+                        !isReadOnly && (React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(react_core_1.Button, { "aria-label": t('Delete application'), variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(index) }))))))),
+                !isReadOnly && (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((0, deviceSpecUtils_1.createInitialAppForm)(types_1.AppType.AppTypeContainer));
+                            } }, t('Add application')))))))))));
+};
+exports.default = ApplicationTemplates;
+//# sourceMappingURL=ApplicationTemplates.js.map

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationTemplates.js.map

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

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationVariablesForm.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type ApplicationVariablesFormProps = {
+    appFieldName: string;
+    isReadOnly?: boolean;
+};
+declare const ApplicationVariablesForm: ({ appFieldName, isReadOnly }: ApplicationVariablesFormProps) => React.JSX.Element;
+export default ApplicationVariablesForm;
+//# sourceMappingURL=ApplicationVariablesForm.d.ts.map

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationVariablesForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationVariablesForm.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Device/EditDeviceWizard/steps/ApplicationVariablesForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,6BAA6B,GAAG;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,wBAAwB,iCAAkC,6BAA6B,sBAoE5F,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationVariablesForm.js

@@ -0,0 +1,37 @@
+"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 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 useTranslation_1 = require("../../../../hooks/useTranslation");
+const TextField_1 = tslib_1.__importDefault(require("../../../form/TextField"));
+const FieldHelperText_1 = tslib_1.__importDefault(require("../../../form/FieldHelperText"));
+const ApplicationVariablesForm = ({ appFieldName, isReadOnly }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [{ value: variables = [] }, { error }] = (0, formik_1.useField)(`${appFieldName}.variables`);
+    // @ts-expect-error Formik error object includes "variables"
+    const appVarsError = typeof (error === null || error === void 0 ? void 0 : error.variables) === 'string' ? error.variables : undefined;
+    return (React.createElement(react_core_1.FormGroup, { label: t('Environment variables'), className: "fctl-application-variables-form" },
+        React.createElement(formik_1.FieldArray, { name: `${appFieldName}.variables` }, ({ push, remove }) => (React.createElement(React.Fragment, null,
+            variables.map((_variable, variableIndex) => {
+                const variableFieldName = `${appFieldName}.variables[${variableIndex}]`;
+                return (React.createElement(react_core_1.FormSection, { key: variableIndex },
+                    React.createElement(react_core_1.Split, { hasGutter: true },
+                        React.createElement(react_core_1.SplitItem, { isFilled: true },
+                            React.createElement(react_core_1.Grid, { hasGutter: true },
+                                React.createElement(react_core_1.FormGroup, { label: t('Name'), isRequired: true },
+                                    React.createElement(TextField_1.default, { name: `${variableFieldName}.name`, "aria-label": t('Variable name'), isDisabled: isReadOnly })),
+                                React.createElement(react_core_1.FormGroup, { label: t('Value'), isRequired: true },
+                                    React.createElement(TextField_1.default, { name: `${variableFieldName}.value`, "aria-label": t('Variable value'), isDisabled: isReadOnly })))),
+                        !isReadOnly && (React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(react_core_1.Button, { "aria-label": t('Delete variable'), variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(variableIndex) }))))));
+            }),
+            React.createElement(FieldHelperText_1.default, { error: appVarsError }),
+            !isReadOnly && (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: '', value: '' }) }, t('Add variable')))))))));
+};
+exports.default = ApplicationVariablesForm;
+//# sourceMappingURL=ApplicationVariablesForm.js.map

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationVariablesForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationVariablesForm.js","sourceRoot":"","sources":["../../../../../../../src/components/Device/EditDeviceWizard/steps/ApplicationVariablesForm.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAA8C;AAC9C,uDAAgG;AAChG,+FAA0F;AAC1F,6FAAwF;AAGxF,qEAAkE;AAClE,gFAAgD;AAChD,4FAA4D;AAO5D,MAAM,wBAAwB,GAAG,CAAC,EAAE,YAAY,EAAE,UAAU,EAAiC,EAAE,EAAE;IAC/F,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAgB,GAAG,YAAY,YAAY,CAAC,CAAC;IAEpG,4DAA4D;IAC5D,MAAM,YAAY,GAAG,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAA,KAAK,QAAQ,CAAC,CAAC,CAAE,KAAK,CAAC,SAAoB,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpG,OAAO,CACL,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAAE,SAAS,EAAC,iCAAiC;QACvF,oBAAC,mBAAU,IAAC,IAAI,EAAE,GAAG,YAAY,YAAY,IAC1C,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACrB;YACG,SAAS,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,EAAE;gBAC1C,MAAM,iBAAiB,GAAG,GAAG,YAAY,cAAc,aAAa,GAAG,CAAC;gBACxE,OAAO,CACL,oBAAC,wBAAW,IAAC,GAAG,EAAE,aAAa;oBAC7B,oBAAC,kBAAK,IAAC,SAAS;wBACd,oBAAC,sBAAS,IAAC,QAAQ;4BACjB,oBAAC,iBAAI,IAAC,SAAS;gCACb,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,UAAU;oCACrC,oBAAC,mBAAS,IACR,IAAI,EAAE,GAAG,iBAAiB,OAAO,gBACrB,CAAC,CAAC,eAAe,CAAC,EAC9B,UAAU,EAAE,UAAU,GACtB,CACQ;gCACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,UAAU;oCACtC,oBAAC,mBAAS,IACR,IAAI,EAAE,GAAG,iBAAiB,QAAQ,gBACtB,CAAC,CAAC,gBAAgB,CAAC,EAC/B,UAAU,EAAE,UAAU,GACtB,CACQ,CACP,CACG;wBACX,CAAC,UAAU,IAAI,CACd,oBAAC,sBAAS;4BACR,oBAAC,mBAAM,kBACO,CAAC,CAAC,iBAAiB,CAAC,EAChC,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,mCAAe,OAAG,EACzB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,GACpC,CACQ,CACb,CACK,CACI,CACf,CAAC;YACJ,CAAC,CAAC;YACF,oBAAC,yBAAe,IAAC,KAAK,EAAE,YAAY,GAAI;YACvC,CAAC,UAAU,IAAI,CACd,oBAAC,sBAAS;gBACR,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,iCAAc,OAAG,EACxB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAE3C,CAAC,CAAC,cAAc,CAAC,CACX,CACC,CACb,CACA,CACJ,CACU,CACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationVolumeForm.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import './ApplicationVolumeForm.css';
+type ApplicationVolumeFormProps = {
+    appFieldName: string;
+    isReadOnly?: boolean;
+    isSingleContainerApp?: boolean;
+};
+declare const ApplicationVolumeForm: ({ appFieldName, isReadOnly, isSingleContainerApp, }: ApplicationVolumeFormProps) => React.JSX.Element;
+export default ApplicationVolumeForm;
+//# sourceMappingURL=ApplicationVolumeForm.d.ts.map

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationVolumeForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationVolumeForm.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Device/EditDeviceWizard/steps/ApplicationVolumeForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,6BAA6B,CAAC;AAErC,KAAK,0BAA0B,GAAG;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAQF,QAAA,MAAM,qBAAqB,wDAIxB,0BAA0B,sBA6G5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationVolumeForm.js

@@ -0,0 +1,61 @@
+"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 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 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 FieldHelperText_1 = tslib_1.__importDefault(require("../../../form/FieldHelperText"));
+const ExpandableFormSection_1 = tslib_1.__importDefault(require("../../../form/ExpandableFormSection"));
+const WithHelperText_1 = require("../../../common/WithHelperText");
+require("./ApplicationVolumeForm.css");
+const getPullPolicyOptions = (t) => ({
+    [types_1.ImagePullPolicy.PullIfNotPresent]: t('If not present'),
+    [types_1.ImagePullPolicy.PullAlways]: t('Always'),
+    [types_1.ImagePullPolicy.PullNever]: t('Never'),
+});
+const ApplicationVolumeForm = ({ appFieldName, isReadOnly, isSingleContainerApp = false, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const pullPolicyOptions = React.useMemo(() => getPullPolicyOptions(t), [t]);
+    const [{ value: volumes = [] }, { error }] = (0, formik_1.useField)(`${appFieldName}.volumes`);
+    const volumesError = typeof error === 'string' ? error : undefined;
+    return (React.createElement(react_core_1.FormGroup, { label: t('Volumes'), className: "fctl-application-volume-form" },
+        React.createElement(formik_1.FieldArray, { name: `${appFieldName}.volumes` }, ({ push, remove }) => (React.createElement(React.Fragment, null,
+            volumes.map((volume, volumeIndex) => {
+                const volumeFieldName = `${appFieldName}.volumes[${volumeIndex}]`;
+                return (React.createElement(react_core_1.FormSection, { key: volumeIndex },
+                    React.createElement(react_core_1.Split, { hasGutter: true },
+                        React.createElement(react_core_1.SplitItem, { isFilled: true },
+                            React.createElement(ExpandableFormSection_1.default, { title: volume.name || t('Volume {{ number }}', { number: volumeIndex + 1 }), fieldName: volumeFieldName },
+                                React.createElement(react_core_1.Grid, { hasGutter: true },
+                                    React.createElement(react_core_1.FormGroup, { label: t('Name'), isRequired: true },
+                                        React.createElement(TextField_1.default, { name: `${volumeFieldName}.name`, "aria-label": t('Volume name'), isDisabled: isReadOnly })),
+                                    isSingleContainerApp && (React.createElement(react_core_1.FormGroup, { label: t('Mount path'), isRequired: true },
+                                        React.createElement(TextField_1.default, { name: `${volumeFieldName}.mountPath`, "aria-label": t('Mount path'), isDisabled: isReadOnly, helperText: t('Absolute path where the volume will be mounted on the container.') }))),
+                                    React.createElement(react_core_1.FormGroup, { label: t('Image reference'), isRequired: !isSingleContainerApp },
+                                        React.createElement(TextField_1.default, { name: `${volumeFieldName}.imageRef`, "aria-label": t('Image reference'), isDisabled: isReadOnly, helperText: isSingleContainerApp
+                                                ? t('Optional: Provide a valid container image reference for the volume.')
+                                                : t('Provide a valid container image reference for the volume.') })),
+                                    volume.imageRef && (React.createElement(WithHelperText_1.FormGroupWithHelperText, { label: t('Pull policy'), content: t('Pull policy for the image') },
+                                        React.createElement(FormSelect_1.default, { name: `${volumeFieldName}.imagePullPolicy`, items: pullPolicyOptions, placeholderText: t('Select pull policy'), isDisabled: isReadOnly })))))),
+                        !isReadOnly && (React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(react_core_1.Button, { "aria-label": t('Delete volume'), variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(volumeIndex) }))))));
+            }),
+            React.createElement(FieldHelperText_1.default, { error: volumesError }),
+            !isReadOnly && (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: '',
+                            imageRef: '',
+                            imagePullPolicy: types_1.ImagePullPolicy.PullIfNotPresent,
+                            mountPath: '',
+                        });
+                    } }, t('Add volume')))))))));
+};
+exports.default = ApplicationVolumeForm;
+//# sourceMappingURL=ApplicationVolumeForm.js.map

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ApplicationVolumeForm.js.map

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

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigInlineTemplateForm.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigInlineTemplateForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8F/B,KAAK,6BAA6B,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,wBAAwB,0BAA2B,6BAA6B,6BAoErF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -0,0 +1,100 @@
+"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 plus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/plus-circle-icon");
+const minus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/minus-circle-icon");
+const formik_1 = require("formik");
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const FormSelectTypeahead_1 = tslib_1.__importDefault(require("../../../form/FormSelectTypeahead"));
+const TextField_1 = tslib_1.__importDefault(require("../../../form/TextField"));
+const UploadField_1 = tslib_1.__importDefault(require("../../../form/UploadField"));
+const CheckboxField_1 = tslib_1.__importDefault(require("../../../form/CheckboxField"));
+const ExpandableFormSection_1 = tslib_1.__importDefault(require("../../../form/ExpandableFormSection"));
+const deviceSpecUtils_1 = require("../deviceSpecUtils");
+const MAX_INLINE_FILE_SIZE_BYTES = 1024 * 1024;
+const FileForm = ({ fieldName, index, isReadOnly }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [{ value: file }] = (0, formik_1.useField)(fieldName);
+    const permissions = React.useMemo(() => ({
+        '0777': t('(0777) Read, write, and execute permissions for all users.'),
+        '0755': t("(0755) Read and execute permission for all users. The file's owner also has write permission."),
+        '0750': t("(0750) Read and execute permission for the owner and group. The file's owner also has write permission."),
+        '0700': t("(0700) Read, write, and execute permissions for the file's owner only."),
+        '0666': t('(0666) Read and write permissions for all users. No execute permissions for others.'),
+        '0664': t('(0664) Read and write permissions for the owner and group. Read-only permission for all others.'),
+        '0660': t('(0660) Read and write permissions for the owner and group.'),
+        '0644': t('(0644) Read and write permissions for the owner. Read-only permission for all others.'),
+        '0640': t('(0640) Read and write permissions for the owner, and read-only permission for the group.'),
+        '0600': t('(0600) Read and write permissions for the owner.'),
+        '0400': t('(0400) Read permission for the owner.'),
+    }), [t]);
+    return (React.createElement(ExpandableFormSection_1.default, { title: t('File {{ fileNum }}', { fileNum: index + 1 }), fieldName: fieldName, description: file.path },
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(react_core_1.FormGroup, { label: t('File path on the device'), isRequired: true },
+                React.createElement(TextField_1.default, { name: `${fieldName}.path`, isDisabled: isReadOnly })),
+            React.createElement(react_core_1.FormGroup, { label: t('Content') },
+                React.createElement(UploadField_1.default, { ariaLabel: t('Content'), name: `${fieldName}.content`, maxFileBytes: MAX_INLINE_FILE_SIZE_BYTES, isDisabled: isReadOnly })),
+            React.createElement(react_core_1.FormGroup, null,
+                React.createElement(CheckboxField_1.default, { name: `${fieldName}.base64`, label: t('Content is base64 encoded'), isDisabled: isReadOnly })),
+            React.createElement(react_core_1.FormGroup, { label: t('Permissions') },
+                React.createElement(FormSelectTypeahead_1.default, { name: `${fieldName}.permissions`, placeholderText: t('Select permissions'), helperText: t('Select from the list or type in the permission code in octal notation'), defaultId: "0644", items: permissions, isValidTypedItem: (value) => {
+                        try {
+                            if (value !== '' && value.length === 4) {
+                                const valNum = Number(`0o${value}`);
+                                return Number.isFinite(valNum) && valNum >= 0 && valNum <= 0o7777;
+                            }
+                        }
+                        catch (_a) {
+                            return false;
+                        }
+                        return false;
+                    }, transformTypedItem: deviceSpecUtils_1.formatFileMode, isDisabled: isReadOnly })),
+            React.createElement(react_core_1.FormGroup, { label: t('User') },
+                React.createElement(TextField_1.default, { name: `${fieldName}.user`, placeholder: "root", isDisabled: isReadOnly })),
+            React.createElement(react_core_1.FormGroup, { label: t('Group') },
+                React.createElement(TextField_1.default, { name: `${fieldName}.group`, placeholder: "root", isDisabled: isReadOnly })))));
+};
+const ConfigInlineTemplateForm = ({ index, isReadOnly }) => {
+    var _a;
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
+    const inlineConfig = values.configTemplates[index];
+    const configCount = ((_a = inlineConfig.files) === null || _a === void 0 ? void 0 : _a.length) || 0;
+    React.useEffect(() => {
+        if (configCount === 0) {
+            setFieldValue(`configTemplates.${index}.files`, [
+                {
+                    path: '',
+                    content: '',
+                },
+            ]);
+        }
+        // eslint-disable-next-line
+    }, []);
+    if (isReadOnly && configCount === 0) {
+        return null;
+    }
+    return (React.createElement(formik_1.FieldArray, { name: `configTemplates.${index}.files` }, ({ push, remove }) => {
+        var _a;
+        return (React.createElement(React.Fragment, null, (_a = inlineConfig.files) === null || _a === void 0 ? void 0 :
+            _a.map((_, fileIndex) => {
+                const fieldName = `configTemplates[${index}].files[${fileIndex}]`;
+                return (React.createElement(react_core_1.Split, { key: fileIndex, hasGutter: true },
+                    React.createElement(react_core_1.SplitItem, { isFilled: true },
+                        React.createElement(FileForm, { index: fileIndex, fieldName: fieldName, isReadOnly: isReadOnly })),
+                    !isReadOnly && configCount > 1 && (React.createElement(react_core_1.SplitItem, null,
+                        React.createElement(react_core_1.Button, { "aria-label": t('Delete file'), variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(fileIndex) })))));
+            }),
+            !isReadOnly && (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({
+                            path: '',
+                            content: '',
+                        });
+                    } }, t('Add file'))))));
+    }));
+};
+exports.default = ConfigInlineTemplateForm;
+//# sourceMappingURL=ConfigInlineTemplateForm.js.map

package/dist/ui-components/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":"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"}

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigK8sSecretTemplateForm.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigK8sSecretTemplateForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,gCAAgC,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,2BAA2B,cAAe,gCAAgC,sBAiC/E,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/ui-components/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;AAOhD,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,EAC3C,UAAU,SACV,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,EACxB,UAAU,SACV,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,EAChC,UAAU,SACV,CACQ,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ConfigWithRepositoryTemplateForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigWithRepositoryTemplateForm.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigWithRepositoryTemplateForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAA6B,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAOvF,KAAK,qCAAqC,GAAG;IAC3C,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,WAAW,EAAE,YAAY,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAkGF,QAAA,MAAM,gCAAgC,+EAOnC,qCAAqC,sBA+BvC,CAAC;AAEF,eAAe,gCAAgC,CAAC"}

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

@@ -0,0 +1,50 @@
+"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 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 RepositorySelect_1 = tslib_1.__importDefault(require("../../../form/RepositorySelect"));
+const WithHelperText_1 = require("../../../common/WithHelperText");
+const GitConfigForm = ({ template, index, isReadOnly, }) => {
+    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, isDisabled: isReadOnly })),
+        React.createElement(WithHelperText_1.FormGroupWithHelperText, { label: t('Path'), content: t('Path in the repository where the configuration files are located.'), isRequired: true },
+            React.createElement(TextField_1.default, { "aria-label": t('Path'), name: `configTemplates[${index}].path`, value: template.path, placeholder: t('/absolute/path'), isDisabled: isReadOnly }))));
+};
+const HttpConfigForm = ({ template, baseURL, index, isReadOnly, }) => {
+    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(WithHelperText_1.FormGroupWithHelperText, { label: 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, isDisabled: isReadOnly })),
+        React.createElement(WithHelperText_1.FormGroupWithHelperText, { label: 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'), isDisabled: isReadOnly }))));
+};
+const ConfigWithRepositoryTemplateForm = ({ repoType, index, repositories, repoRefetch, isReadOnly, canCreateRepo, }) => {
+    const { values } = (0, formik_1.useFormikContext)();
+    const ct = values.configTemplates[index];
+    const selectedRepo = repositories.find((repo) => repo.metadata.name === ct.repository);
+    const repoSpec = selectedRepo === null || selectedRepo === void 0 ? void 0 : selectedRepo.spec;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(RepositorySelect_1.default, { name: `configTemplates[${index}].repository`, repositories: repositories, repoType: repoType, canCreateRepo: canCreateRepo, isReadOnly: isReadOnly, repoRefetch: repoRefetch, isRequired: true }),
+        repoType === types_1.RepoSpecType.RepoSpecTypeGit && (React.createElement(GitConfigForm, { template: ct, index: index, isReadOnly: isReadOnly })),
+        repoType === types_1.RepoSpecType.RepoSpecTypeHttp && (React.createElement(HttpConfigForm, { template: ct, index: index, baseURL: (repoSpec === null || repoSpec === void 0 ? void 0 : repoSpec.url) || '', isReadOnly: isReadOnly }))));
+};
+exports.default = ConfigWithRepositoryTemplateForm;
+//# sourceMappingURL=ConfigWithRepositoryTemplateForm.js.map

package/dist/ui-components/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/ui-components/src/components/Device/EditDeviceWizard/steps/ConfigurationTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationTemplates.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Device/EditDeviceWizard/steps/ConfigurationTemplates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8P/B,QAAA,MAAM,qCAAqC;;uBAc1C,CAAC;AAEF,eAAe,qCAAqC,CAAC"}

package/dist/ui-components/src/components/Device/EditDeviceWizard/steps/ConfigurationTemplates.js

@@ -0,0 +1,121 @@
+"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 types_1 = require("@flightctl/types");
+const deviceSpec_1 = require("../../../../types/deviceSpec");
+const useTranslation_1 = require("../../../../hooks/useTranslation");
+const useFetchPeriodically_1 = require("../../../../hooks/useFetchPeriodically");
+const error_1 = require("../../../../utils/error");
+const WithHelperText_1 = require("../../../common/WithHelperText");
+const PermissionsContext_1 = require("../../../common/PermissionsContext");
+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"));
+const ExpandableFormSection_1 = tslib_1.__importDefault(require("../../../form/ExpandableFormSection"));
+const rbac_1 = require("../../../../types/rbac");
+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 = ({ index, repositories, repoRefetch, isReadOnly, canCreateRepo, canListRepo, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const fieldName = `configTemplates[${index}]`;
+    const [{ value: { name, type }, },] = (0, formik_1.useField)(fieldName);
+    useValidateOnMount();
+    const items = React.useMemo(() => {
+        const allOptions = {
+            [deviceSpec_1.ConfigType.INLINE]: { label: t('Inline configuration') },
+            [deviceSpec_1.ConfigType.GIT]: { label: t('Git configuration') },
+            [deviceSpec_1.ConfigType.HTTP]: { label: t('Http configuration') },
+            [deviceSpec_1.ConfigType.K8S_SECRET]: { label: t('Kubernetes secret') },
+        };
+        if (isReadOnly) {
+            return {
+                [type]: allOptions[type],
+            };
+        }
+        const options = {
+            [deviceSpec_1.ConfigType.INLINE]: allOptions[deviceSpec_1.ConfigType.INLINE],
+        };
+        if (canListRepo && (canCreateRepo || repositories.length > 0)) {
+            options[deviceSpec_1.ConfigType.GIT] = allOptions[deviceSpec_1.ConfigType.GIT];
+            options[deviceSpec_1.ConfigType.HTTP] = allOptions[deviceSpec_1.ConfigType.HTTP];
+        }
+        if (type === deviceSpec_1.ConfigType.K8S_SECRET) {
+            options[deviceSpec_1.ConfigType.K8S_SECRET] = allOptions[deviceSpec_1.ConfigType.K8S_SECRET];
+        }
+        return options;
+        // The k8s secret option must remain active for this config even when the users switch the configType to a different one
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [t, canListRepo, isReadOnly]);
+    return (React.createElement(ExpandableFormSection_1.default, { title: name || t('Configuration {{ configNum }}', { configNum: index + 1 }), fieldName: fieldName },
+        React.createElement(react_core_1.Grid, { hasGutter: true },
+            React.createElement(RichValidationTextField_1.default, { isDisabled: isReadOnly, 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: items, name: `${fieldName}.type`, placeholderText: t('Select a source type'), isDisabled: isReadOnly })),
+            type === deviceSpec_1.ConfigType.K8S_SECRET && React.createElement(ConfigK8sSecretTemplateForm_1.default, { index: index }),
+            type === deviceSpec_1.ConfigType.INLINE && React.createElement(ConfigInlineTemplateForm_1.default, { index: index, isReadOnly: isReadOnly }),
+            (type === deviceSpec_1.ConfigType.GIT || type === deviceSpec_1.ConfigType.HTTP) && (React.createElement(ConfigWithRepositoryTemplateForm_1.default, { repoType: type === deviceSpec_1.ConfigType.HTTP ? types_1.RepoSpecType.RepoSpecTypeHttp : types_1.RepoSpecType.RepoSpecTypeGit, index: index, isReadOnly: isReadOnly, canCreateRepo: canCreateRepo, repositories: repositories, repoRefetch: repoRefetch })))));
+};
+const ConfigurationTemplatesForm = ({ repositories, repoRefetch, isReadOnly, canCreateRepo, canListRepo, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { values, errors } = (0, formik_1.useFormikContext)();
+    if (isReadOnly && values.configTemplates.length === 0) {
+        return null;
+    }
+    const generalError = typeof errors.configTemplates === 'string' ? errors.configTemplates : undefined;
+    return (React.createElement(WithHelperText_1.FormGroupWithHelperText, { label: t('Host configurations (files)'), content: t("Define configuration files that shall be present on the device's file system. For example: systemd service config, network config, firewall config, etc.") },
+        React.createElement(formik_1.FieldArray, { name: "configTemplates" }, ({ push, remove }) => (React.createElement(React.Fragment, null,
+            values.configTemplates.map((_, 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, { index: index, isReadOnly: isReadOnly, canCreateRepo: canCreateRepo, repositories: repositories, repoRefetch: repoRefetch, canListRepo: canListRepo })),
+                    !isReadOnly && (React.createElement(react_core_1.SplitItem, null,
+                        React.createElement(react_core_1.Button, { "aria-label": t('Delete configuration'), variant: "link", icon: React.createElement(minus_circle_icon_1.MinusCircleIcon, null), iconPosition: "start", onClick: () => remove(index) }))))))),
+            !isReadOnly && (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 configuration'))))),
+            React.createElement(FieldHelperText_1.default, { error: generalError }))))));
+};
+const ConfigurationTemplates = ({ isReadOnly }) => {
+    const { checkPermissions } = (0, PermissionsContext_1.usePermissionsContext)();
+    const [canCreateRepo] = checkPermissions([{ kind: rbac_1.RESOURCE.REPOSITORY, verb: rbac_1.VERB.CREATE }]);
+    const [repositoryList, isLoading, error, refetch] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: 'repositories',
+    });
+    const repositories = (repositoryList === null || repositoryList === void 0 ? void 0 : repositoryList.items) || [];
+    const { t } = (0, useTranslation_1.useTranslation)();
+    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(ConfigurationTemplatesForm, { isReadOnly: isReadOnly, canListRepo: true, canCreateRepo: canCreateRepo, repositories: repositories, repoRefetch: refetch }));
+};
+const ConfigurationTemplatesWithPermissions = ({ isReadOnly }) => {
+    const { checkPermissions } = (0, PermissionsContext_1.usePermissionsContext)();
+    const [canListRepo] = checkPermissions([{ kind: rbac_1.RESOURCE.REPOSITORY, verb: rbac_1.VERB.LIST }]);
+    return canListRepo && !isReadOnly ? (React.createElement(ConfigurationTemplates, null)) : (React.createElement(ConfigurationTemplatesForm, { isReadOnly: true, canListRepo: false, canCreateRepo: false, repositories: [], repoRefetch: () => { } }));
+};
+exports.default = ConfigurationTemplatesWithPermissions;
+//# sourceMappingURL=ConfigurationTemplates.js.map