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

package/dist/ui-components/src/components/ImageBuilds/CreateImageBuildWizard/utils.js

@@ -1,24 +1,125 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getImageExportResources = exports.getImageExportResource = exports.getImageBuildResource = exports.getInitialValues = exports.toImageBuildWithExports = exports.getValidationSchema = void 0;
+exports.getImageExportResources = exports.getImageExportResource = exports.getImageBuildResource = exports.getInitialValues = exports.toImageBuildWithExports = exports.getValidationSchema = exports.PUBLIC_KEY_MAX_LENGTH = void 0;
 const tslib_1 = require("tslib");
 const Yup = tslib_1.__importStar(require("yup"));
 const imagebuilder_1 = require("@flightctl/types/imagebuilder");
-const constants_1 = require("../../../constants");
+const validations_1 = require("../../form/validations");
+exports.PUBLIC_KEY_MAX_LENGTH = 8 * 1024; // (8 KB)
+const VALID_SSH_PUBLIC_KEY_TYPES = [
+    'ssh-rsa',
+    'ssh-ed25519',
+    'ecdsa-sha2-nistp256',
+    'ecdsa-sha2-nistp384',
+    'ecdsa-sha2-nistp521',
+    'ssh-dss',
+];
+const SSH_PUBLIC_KEY_BASE64_DATA_REGEX = /^(?=.{50,}$)[A-Za-z0-9+/]+=*$/;
+// Characters that could be used for injection attacks
+const MALICIOUS_PUBLIC_KEY_CHARACTERS = /[;|&`()[\]{}<>"'\\\t$]/;
+const OCI_IMAGE_NAME_MAX_LENGTH = 255;
+const OCI_IMAGE_NAME_REGEX = /^[a-z0-9]+(?:[._-]+[a-z0-9]+)*(?:\/[a-z0-9]+(?:[._-]+[a-z0-9]+)*)*$/;
+const OCI_IMAGE_NAME_VALID_CHARS = /^[a-z0-9._/-]+$/;
+const OCI_IMAGE_TAG_MAX_LENGTH = 128;
+const OCI_IMAGE_TAG_REGEX = /^[\w][\w.-]{0,127}$/;
+const OCI_IMAGE_TAG_VALID_CHARS = /^[\w.-]+$/;
+/** Returns an error message for image name: invalid chars, or invalid format. */
+const getImageNameValidationError = (value, t) => {
+    if (!value)
+        return undefined;
+    if (value.length > OCI_IMAGE_NAME_MAX_LENGTH) {
+        return t('Image name must not exceed {{max}} characters.', { max: OCI_IMAGE_NAME_MAX_LENGTH });
+    }
+    if (!OCI_IMAGE_NAME_VALID_CHARS.test(value)) {
+        return t('Image name may only contain alphanumeric characters, dots, underscores, hyphens, and slashes.');
+    }
+    if (!OCI_IMAGE_NAME_REGEX.test(value)) {
+        return t('Only alphanumeric characters are allowed at the start and end of each path component.');
+    }
+    return undefined;
+};
+const getImageTagValidationError = (value, t) => {
+    if (!value)
+        return undefined;
+    if (value.length > OCI_IMAGE_TAG_MAX_LENGTH) {
+        return t('Image tag must not exceed {{max}} characters.', { max: OCI_IMAGE_TAG_MAX_LENGTH });
+    }
+    if (!OCI_IMAGE_TAG_VALID_CHARS.test(value)) {
+        return t('Image tag may only contain letters, numbers, underscores, dots, and hyphens.');
+    }
+    if (!OCI_IMAGE_TAG_REGEX.test(value)) {
+        return t('Image tag must start with a letter, number, or underscore.');
+    }
+    return undefined;
+};
+const getPublicKeyValidationError = (publicKey, t) => {
+    if (publicKey.length > exports.PUBLIC_KEY_MAX_LENGTH) {
+        return t('SSH public key is too long');
+    }
+    // Allow newlines only at the end
+    const trimmedKey = publicKey.replace(/[\r\n]+$/g, '');
+    if (/[\r\n]/.test(trimmedKey)) {
+        return t('A single public key can be provided only');
+    }
+    if (MALICIOUS_PUBLIC_KEY_CHARACTERS.test(trimmedKey)) {
+        return t('Invalid SSH public key');
+    }
+    const parts = trimmedKey.trim().split(/\s+/);
+    if (parts.length < 2) {
+        return t('Invalid SSH public key format. Expected: "[TYPE] key [comment]"');
+    }
+    const keyType = parts[0];
+    if (!VALID_SSH_PUBLIC_KEY_TYPES.includes(keyType)) {
+        return t('Unsupported SSH public key type. Supported types: {{supportedTypes}}', {
+            supportedTypes: VALID_SSH_PUBLIC_KEY_TYPES.join(', '),
+        });
+    }
+    const base64Data = parts[1];
+    if (!SSH_PUBLIC_KEY_BASE64_DATA_REGEX.test(base64Data)) {
+        return t('Invalid SSH public key data');
+    }
+    return undefined;
+};
+const validImageBuildImageFields = (t) => Yup.object({
+    repository: Yup.string().required(t('Repository is required')),
+    imageName: Yup.string()
+        .required(t('Image name is required'))
+        .test('oci-image-name', function (value) {
+        if (!value)
+            return true;
+        const error = getImageNameValidationError(value, t);
+        return error ? this.createError({ message: error }) : true;
+    }),
+    imageTag: Yup.string()
+        .required(t('Image tag is required'))
+        .test('oci-image-tag', function (value) {
+        if (!value)
+            return true;
+        const error = getImageTagValidationError(value, t);
+        return error ? this.createError({ message: error }) : true;
+    }),
+});
 const getValidationSchema = (t) => {
-    return Yup.object({
-        source: Yup.object({
-            repository: Yup.string().required(t('Source repository is required')),
-            imageName: Yup.string().required(t('Image name is required')),
-            imageTag: Yup.string().required(t('Image tag is required')),
-        }).required(t('Source image is required')),
-        destination: Yup.object({
-            repository: Yup.string().required(t('Target repository is required')),
-            imageName: Yup.string().required(t('Image name is required')),
-            imageTag: Yup.string().required(t('Image tag is required')),
-        }).required(t('Target image is required')),
+    return Yup.lazy((values) => Yup.object({
+        buildName: (0, validations_1.validImageBuildName)(t),
+        source: validImageBuildImageFields(t).required(t('Source image is required')),
+        destination: validImageBuildImageFields(t).required(t('Target image is required')),
         bindingType: Yup.string().required(t('Binding type is required')),
-    });
+        userConfiguration: Yup.object({
+            username: values.remoteAccessEnabled ? Yup.string().required(t('Username is required')) : Yup.string(),
+            publickey: values.remoteAccessEnabled
+                ? Yup.string()
+                    .required(t('SSH public key is required'))
+                    .test('flightctl-ssh-public-key', function (publicKey) {
+                    if (!publicKey) {
+                        return true;
+                    }
+                    const error = getPublicKeyValidationError(publicKey, t);
+                    return error ? this.createError({ message: error }) : true;
+                })
+                : Yup.string(),
+        }),
+    }));
 };
 exports.getValidationSchema = getValidationSchema;
 // Returns an array with one item per format (VMDK, QCOW2, ISO), where each item is either
@@ -64,27 +165,32 @@ const toImageBuildWithExports = (imageBuild) => {
     return Object.assign(Object.assign({}, imageBuildWithoutExports), { imageExports: latestExports, exportsCount: allExports.length });
 };
 exports.toImageBuildWithExports = toImageBuildWithExports;
-const getInitialValues = (imageBuild) => {
+const getExistingImageData = (image, repoIds) => {
+    if (repoIds.has(image.repository)) {
+        return image;
+    }
+    // When copying the image build, drop the reference to the repository if it doesn't exist anymore
+    return Object.assign(Object.assign({}, image), { repository: '' });
+};
+const getInitialValues = (imageBuild, repoIds) => {
     if (imageBuild) {
         const exportFormats = imageBuild.imageExports
             .filter((ie) => ie !== undefined)
             .map((imageExport) => imageExport.spec.format);
         const userConfig = imageBuild.spec.userConfiguration;
-        const userConfiguration = userConfig
-            ? Object.assign(Object.assign({}, userConfig), { enabled: !!(userConfig.username || userConfig.publickey) }) : {
-            username: '',
-            publickey: '',
-            enabled: false,
-        };
         return {
-            source: imageBuild.spec.source,
-            destination: imageBuild.spec.destination,
+            // Since we're always creating new imageBuilds, we don't copy the current name
+            buildName: '',
+            source: getExistingImageData(imageBuild.spec.source, repoIds),
+            destination: getExistingImageData(imageBuild.spec.destination, repoIds),
             bindingType: imageBuild.spec.binding.type,
             exportFormats: exportFormats || [],
-            userConfiguration,
+            remoteAccessEnabled: !!((userConfig === null || userConfig === void 0 ? void 0 : userConfig.username) || (userConfig === null || userConfig === void 0 ? void 0 : userConfig.publickey)),
+            userConfiguration: userConfig || { username: '', publickey: '' },
         };
     }
     return {
+        buildName: '',
         source: {
             repository: '',
             imageName: '',
@@ -97,10 +203,10 @@ const getInitialValues = (imageBuild) => {
         },
         bindingType: imagebuilder_1.BindingType.BindingTypeEarly,
         exportFormats: [],
+        remoteAccessEnabled: false,
         userConfiguration: {
             username: '',
             publickey: '',
-            enabled: false,
         },
     };
 };
@@ -109,13 +215,12 @@ exports.getInitialValues = getInitialValues;
 const getHash = () => Math.floor(Math.random() * 0x1000000)
     .toString(16)
     .padStart(6, '0');
-const generateBuildName = () => `imagebuild-${getHash()}`;
 const generateExportName = (imageBuildName, format) => {
-    return `${imageBuildName}-${format}-${getHash()}`;
+    const formatKey = format === imagebuilder_1.ExportFormatType.ExportFormatTypeQCOW2DiskContainer ? 'qcow2-disk' : format;
+    return `${imageBuildName}-${formatKey}-${getHash()}`;
 };
 const getImageBuildResource = (values) => {
-    var _a, _b, _c;
-    const name = generateBuildName();
+    const name = values.buildName;
     const spec = {
         source: values.source,
         destination: values.destination,
@@ -124,16 +229,16 @@ const getImageBuildResource = (values) => {
         },
     };
     // Allow the user to uncheck the toggle without having cleared the fields
-    const username = ((_a = values.userConfiguration) === null || _a === void 0 ? void 0 : _a.username) || '';
-    const publickey = ((_b = values.userConfiguration) === null || _b === void 0 ? void 0 : _b.publickey) || '';
-    if (((_c = values.userConfiguration) === null || _c === void 0 ? void 0 : _c.enabled) && username && publickey) {
+    const username = values.userConfiguration.username || '';
+    const publickey = values.userConfiguration.publickey || '';
+    if (values.remoteAccessEnabled && username && publickey) {
         spec.userConfiguration = {
             username,
             publickey,
         };
     }
     return {
-        apiVersion: constants_1.API_VERSION,
+        apiVersion: imagebuilder_1.ApiVersion.ApiVersionV1alpha1,
         kind: imagebuilder_1.ResourceKind.IMAGE_BUILD,
         metadata: {
             name,
@@ -145,7 +250,7 @@ exports.getImageBuildResource = getImageBuildResource;
 const getImageExportResource = (imageBuildName, format) => {
     const exportName = generateExportName(imageBuildName, format);
     return {
-        apiVersion: constants_1.API_VERSION,
+        apiVersion: imagebuilder_1.ApiVersion.ApiVersionV1alpha1,
         kind: imagebuilder_1.ResourceKind.IMAGE_EXPORT,
         metadata: {
             name: exportName,

package/dist/ui-components/src/components/ImageBuilds/CreateImageBuildWizard/utils.js.map

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

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageBuildDetailsPage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8G/B,QAAA,MAAM,gCAAgC,yBAQrC,CAAC;AAEF,eAAe,gCAAgC,CAAC"}
+{"version":3,"file":"ImageBuildDetailsPage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+H/B,QAAA,MAAM,gCAAgC,yBAUrC,CAAC;AAEF,eAAe,gCAAgC,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsPage.js

@@ -21,9 +21,13 @@ const ImageBuildYaml_1 = tslib_1.__importDefault(require("./ImageBuildYaml"));
 const ImageBuildDetailsTab_1 = tslib_1.__importDefault(require("./ImageBuildDetailsTab"));
 const ImageBuildExportsGallery_1 = tslib_1.__importDefault(require("./ImageBuildExportsGallery"));
 const ImageBuildLogsTab_1 = tslib_1.__importDefault(require("./ImageBuildLogsTab"));
+const CancelImageBuildModal_1 = tslib_1.__importDefault(require("../CancelImageBuildModal/CancelImageBuildModal"));
 const imageBuildDetailsPermissions = [
     { kind: rbac_1.RESOURCE.IMAGE_BUILD, verb: rbac_1.VERB.CREATE },
+    { kind: rbac_1.RESOURCE.IMAGE_BUILD_CANCEL, verb: rbac_1.VERB.CREATE },
     { kind: rbac_1.RESOURCE.IMAGE_BUILD, verb: rbac_1.VERB.DELETE },
+    // Users that can view logs for imagebuilds also can view logs for imageexports
+    { kind: rbac_1.RESOURCE.IMAGE_BUILD_LOG, verb: rbac_1.VERB.GET },
 ];
 const ImageBuildDetailsPageContent = () => {
     const { t } = (0, useTranslation_1.useTranslation)();
@@ -31,42 +35,49 @@ const ImageBuildDetailsPageContent = () => {
     const { router: { useParams, Routes, Route, Navigate }, } = (0, useAppContext_1.useAppContext)();
     const { imageBuildId } = useParams();
     const [imageBuild, isLoading, error, refetch] = (0, useImageBuilds_1.useImageBuild)(imageBuildId);
-    const [isDeleteModalOpen, setIsDeleteModalOpen] = React.useState();
     const { checkPermissions } = (0, PermissionsContext_1.usePermissionsContext)();
-    const [canCreate, canDelete] = checkPermissions(imageBuildDetailsPermissions);
     const buildReason = imageBuild ? (0, imageBuilds_1.getImageBuildStatusReason)(imageBuild) : undefined;
-    return (React.createElement(DetailsPage_1.default, { loading: isLoading, error: error, id: imageBuildId, resourceLink: useNavigate_1.ROUTE.IMAGE_BUILDS, resourceType: "Image builds", resourceTypeLabel: t('Image builds'), nav: React.createElement(TabsNav_1.default, { "aria-label": "Image build details tabs", tabKeys: ['details', 'exports', 'yaml', 'logs'] },
-            React.createElement(react_core_1.Tab, { eventKey: "details", title: t('Image details') }),
+    const [canCreate, hasCancelPermission, canDelete, canViewLogs] = checkPermissions(imageBuildDetailsPermissions);
+    const canCancel = hasCancelPermission && buildReason && (0, imageBuilds_1.isImageBuildCancelable)(buildReason);
+    const tabKeys = React.useMemo(() => (canViewLogs ? ['details', 'exports', 'yaml', 'logs'] : ['details', 'exports', 'yaml']), [canViewLogs]);
+    const [isDeleteModalOpen, setIsDeleteModalOpen] = React.useState();
+    const [isCancelModalOpen, setIsCancelModalOpen] = React.useState();
+    return (React.createElement(DetailsPage_1.default, { loading: isLoading, error: error, id: imageBuildId, resourceLink: useNavigate_1.ROUTE.IMAGE_BUILDS, resourceType: "Image builds", resourceTypeLabel: t('Image builds'), nav: React.createElement(TabsNav_1.default, { "aria-label": "Image build details tabs", tabKeys: tabKeys },
+            React.createElement(react_core_1.Tab, { eventKey: "details", title: t('Base image') }),
             React.createElement(react_core_1.Tab, { eventKey: "exports", title: t('Export images') }),
             React.createElement(react_core_1.Tab, { eventKey: "yaml", title: t('YAML') }),
-            React.createElement(react_core_1.Tab, { eventKey: "logs", title: t('Logs') })), actions: (canCreate || canDelete) && (React.createElement(DetailsPageActions_1.default, null,
+            canViewLogs && React.createElement(react_core_1.Tab, { eventKey: "logs", title: t('Logs') })), actions: (canCreate || canDelete) && (React.createElement(DetailsPageActions_1.default, null,
             React.createElement(react_core_1.DropdownList, null,
                 canCreate && (React.createElement(react_core_1.DropdownItem, { onClick: () => navigate({ route: useNavigate_1.ROUTE.IMAGE_BUILD_EDIT, postfix: imageBuildId }) }, buildReason === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonFailed
                     ? t('Retry')
                     : t('Duplicate'))),
-                canDelete && (React.createElement(react_core_1.DropdownItem, { onClick: () => setIsDeleteModalOpen(true) }, t('Delete image build')))))) }, imageBuild && (React.createElement(React.Fragment, null,
+                canCancel && (React.createElement(react_core_1.DropdownItem, { onClick: () => setIsCancelModalOpen(true) }, t('Cancel image build'))),
+                canDelete && !canCancel && (React.createElement(react_core_1.DropdownItem, { onClick: () => setIsDeleteModalOpen(true) }, t('Delete image build')))))) }, imageBuild && (React.createElement(React.Fragment, null,
         React.createElement(Routes, null,
             React.createElement(Route, { index: true, element: React.createElement(Navigate, { to: "details", replace: true }) }),
             React.createElement(Route, { path: "details", element: React.createElement(ImageBuildDetailsTab_1.default, { imageBuild: imageBuild }) }),
             React.createElement(Route, { path: "exports", element: React.createElement(ImageBuildExportsGallery_1.default, { imageBuild: imageBuild, refetch: refetch }) }),
             React.createElement(Route, { path: "yaml", element: React.createElement(ImageBuildYaml_1.default, { imageBuild: imageBuild, refetch: refetch }) }),
-            React.createElement(Route, { path: "logs", element: React.createElement(ImageBuildLogsTab_1.default, { imageBuild: imageBuild }) })),
+            canViewLogs && React.createElement(Route, { path: "logs", element: React.createElement(ImageBuildLogsTab_1.default, { imageBuild: imageBuild }) })),
         isDeleteModalOpen && (React.createElement(DeleteImageBuildModal_1.default, { imageBuildId: imageBuildId, onClose: (hasDeleted) => {
                 if (hasDeleted) {
                     navigate(useNavigate_1.ROUTE.IMAGE_BUILDS);
                 }
                 setIsDeleteModalOpen(false);
+            } })),
+        isCancelModalOpen && (React.createElement(CancelImageBuildModal_1.default, { imageBuildId: imageBuildId, onClose: (confirmed) => {
+                setIsCancelModalOpen(false);
+                if (confirmed) {
+                    refetch();
+                }
             } }))))));
 };
-const ImageBuildDetailsPage = () => {
-    return (React.createElement(OciRegistriesContext_1.OciRegistriesContextProvider, null,
-        React.createElement(ImageBuildDetailsPageContent, null)));
-};
 const ImageBuildDetailsWithPermissions = () => {
     const { checkPermissions, loading } = (0, PermissionsContext_1.usePermissionsContext)();
     const [allowed] = checkPermissions([{ kind: rbac_1.RESOURCE.IMAGE_BUILD, verb: rbac_1.VERB.GET }]);
     return (React.createElement(PageWithPermissions_1.default, { allowed: allowed, loading: loading },
-        React.createElement(ImageBuildDetailsPage, null)));
+        React.createElement(OciRegistriesContext_1.OciRegistriesContextProvider, null,
+            React.createElement(ImageBuildDetailsPageContent, null))));
 };
 exports.default = ImageBuildDetailsWithPermissions;
 //# sourceMappingURL=ImageBuildDetailsPage.js.map

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageBuildDetailsPage.js","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageBuildDetailsPage.js","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildDetailsPage.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAyE;AAEzE,gEAA0E;AAC1E,8CAAqD;AACrD,mGAAmE;AACnE,kEAA+D;AAC/D,4DAAgE;AAChE,wEAAwE;AACxE,gEAA6D;AAC7D,4DAA+F;AAC/F,wFAAwD;AACxD,sGAAsE;AACtE,mHAAmF;AACnF,sDAAkD;AAClD,4EAA4C;AAC5C,kEAAuE;AACvE,8EAA8C;AAC9C,0FAA0D;AAC1D,kGAAkE;AAClE,oFAAoD;AACpD,mHAAmF;AAEnF,MAAM,4BAA4B,GAAG;IACnC,EAAE,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,WAAI,CAAC,MAAM,EAAE;IACjD,EAAE,IAAI,EAAE,eAAQ,CAAC,kBAAkB,EAAE,IAAI,EAAE,WAAI,CAAC,MAAM,EAAE;IACxD,EAAE,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,WAAI,CAAC,MAAM,EAAE;IACjD,+EAA+E;IAC/E,EAAE,IAAI,EAAE,eAAQ,CAAC,eAAe,EAAE,IAAI,EAAE,WAAI,CAAC,GAAG,EAAE;CACnD,CAAC;AAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,EACJ,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAC/C,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEpB,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAA8B,CAAC;IACjE,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,GAAG,IAAA,8BAAa,EAAC,YAAY,CAAC,CAAC;IAC5E,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACrD,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,IAAA,uCAAyB,EAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACnF,MAAM,CAAC,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,WAAW,CAAC,GAAG,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;IAChH,MAAM,SAAS,GAAG,mBAAmB,IAAI,WAAW,IAAI,IAAA,oCAAsB,EAAC,WAAW,CAAC,CAAC;IAE5F,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EAC7F,CAAC,WAAW,CAAC,CACd,CAAC;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;IAC5E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;IAE5E,OAAO,CACL,oBAAC,qBAAW,IACV,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,YAAY,EAChB,YAAY,EAAE,mBAAK,CAAC,YAAY,EAChC,YAAY,EAAC,cAAc,EAC3B,iBAAiB,EAAE,CAAC,CAAC,cAAc,CAAC,EACpC,GAAG,EACD,oBAAC,iBAAO,kBAAY,0BAA0B,EAAC,OAAO,EAAE,OAAO;YAC7D,oBAAC,gBAAG,IAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,GAAI;YAClD,oBAAC,gBAAG,IAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,GAAI;YACrD,oBAAC,gBAAG,IAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI;YACxC,WAAW,IAAI,oBAAC,gBAAG,IAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,CACjD,EAEZ,OAAO,EACL,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,CAC1B,oBAAC,4BAAkB;YACjB,oBAAC,yBAAY;gBACV,SAAS,IAAI,CACZ,oBAAC,yBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,mBAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,IAC5F,WAAW,KAAK,wCAAyB,CAAC,+BAA+B;oBACxE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;oBACZ,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CACL,CAChB;gBACA,SAAS,IAAI,CACZ,oBAAC,yBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAG,CAAC,CAAC,oBAAoB,CAAC,CAAgB,CAClG;gBACA,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,oBAAC,yBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAG,CAAC,CAAC,oBAAoB,CAAC,CAAgB,CAClG,CACY,CACI,CACtB,IAGF,UAAU,IAAI,CACb;QACE,oBAAC,MAAM;YACL,oBAAC,KAAK,IAAC,KAAK,QAAC,OAAO,EAAE,oBAAC,QAAQ,IAAC,EAAE,EAAC,SAAS,EAAC,OAAO,SAAG,GAAI;YAC3D,oBAAC,KAAK,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,oBAAC,8BAAoB,IAAC,UAAU,EAAE,UAAU,GAAI,GAAI;YACnF,oBAAC,KAAK,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,oBAAC,kCAAwB,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,GAAI;YACzG,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,oBAAC,wBAAc,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,GAAI;YAC3F,WAAW,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,oBAAC,2BAAiB,IAAC,UAAU,EAAE,UAAU,GAAI,GAAI,CACtF;QACR,iBAAiB,IAAI,CACpB,oBAAC,+BAAqB,IACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,CAAC,UAAoB,EAAE,EAAE;gBAChC,IAAI,UAAU,EAAE,CAAC;oBACf,QAAQ,CAAC,mBAAK,CAAC,YAAY,CAAC,CAAC;gBAC/B,CAAC;gBACD,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,GACD,CACH;QACA,iBAAiB,IAAI,CACpB,oBAAC,+BAAqB,IACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,CAAC,SAAS,EAAE,EAAE;gBACrB,oBAAoB,CAAC,KAAK,CAAC,CAAC;gBAC5B,IAAI,SAAS,EAAE,CAAC;oBACd,OAAO,EAAE,CAAC;gBACZ,CAAC;YACH,CAAC,GACD,CACH,CACA,CACJ,CACW,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,IAAA,0CAAqB,GAAE,CAAC;IAC9D,MAAM,CAAC,OAAO,CAAC,GAAG,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,WAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IACrF,OAAO,CACL,oBAAC,6BAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACrD,oBAAC,mDAA4B;YAC3B,oBAAC,4BAA4B,OAAG,CACH,CACX,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gCAAgC,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageBuildExportsGallery.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,wBAAwB,4BAA6B,6BAA6B,sBA8FvF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"ImageBuildExportsGallery.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAclE,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAyBF,QAAA,MAAM,wBAAwB,4BAA6B,6BAA6B,sBAsKvF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/ui-components/src/components/ImageBuilds/ImageBuildDetails/ImageBuildExportsGallery.js

@@ -4,16 +4,23 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 const file_saver_1 = require("file-saver");
+const imagebuilder_1 = require("@flightctl/types/imagebuilder");
+const imageBuilds_1 = require("../../../utils/imageBuilds");
+const rbac_1 = require("../../../types/rbac");
 const useFetch_1 = require("../../../hooks/useFetch");
+const PermissionsContext_1 = require("../../common/PermissionsContext");
 const error_1 = require("../../../utils/error");
 const utils_1 = require("../CreateImageBuildWizard/utils");
 const ImageExportCards_1 = require("../ImageExportCards");
 const OciRegistriesContext_1 = require("../OciRegistriesContext");
 const time_1 = require("../../../utils/time");
-const imageBuilds_1 = require("../../../utils/imageBuilds");
+const imageBuilds_2 = require("../../../utils/imageBuilds");
+const useNavigate_1 = require("../../../hooks/useNavigate");
+const ImageBuildLogsTab_1 = require("./ImageBuildLogsTab");
 const REFRESH_IMAGE_BUILD_DELAY = 450;
 // Delay to keep loading state while browser processes redirect
 const DOWNLOAD_REDIRECT_DELAY = 1000;
+const createExportAliases = ['retry', 'rebuild', 'createExport'];
 const createDownloadLink = (url) => {
     const link = document.createElement('a');
     link.href = url;
@@ -22,16 +29,53 @@ const createDownloadLink = (url) => {
     link.click();
     document.body.removeChild(link);
 };
+const imageBuildExportsPermissions = [
+    { kind: rbac_1.RESOURCE.IMAGE_EXPORT, verb: rbac_1.VERB.CREATE },
+    { kind: rbac_1.RESOURCE.IMAGE_EXPORT, verb: rbac_1.VERB.DELETE },
+    { kind: rbac_1.RESOURCE.IMAGE_EXPORT_LOG, verb: rbac_1.VERB.GET },
+    { kind: rbac_1.RESOURCE.IMAGE_EXPORT_DOWNLOAD, verb: rbac_1.VERB.GET },
+    { kind: rbac_1.RESOURCE.IMAGE_EXPORT_CANCEL, verb: rbac_1.VERB.CREATE },
+];
 const ImageBuildExportsGallery = ({ imageBuild, refetch }) => {
-    const { post, proxyFetch } = (0, useFetch_1.useFetch)();
+    const { post, proxyFetch, remove } = (0, useFetch_1.useFetch)();
+    const { checkPermissions } = (0, PermissionsContext_1.usePermissionsContext)();
+    const [canCreateExport, canDelete, canViewLogs, canDownload, canCancel] = checkPermissions(imageBuildExportsPermissions);
+    const buildReason = (0, imageBuilds_1.getImageBuildStatusReason)(imageBuild);
+    const actionPermissions = React.useMemo(() => {
+        const actions = [];
+        if (buildReason === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonFailed ||
+            buildReason === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonCanceled ||
+            buildReason === imagebuilder_1.ImageBuildConditionReason.ImageBuildConditionReasonCanceling) {
+            if (canDelete) {
+                actions.push('delete');
+            }
+            return actions;
+        }
+        if (canCreateExport) {
+            actions.push('createExport');
+            actions.push('rebuild');
+            actions.push('retry');
+        }
+        if (canDelete) {
+            actions.push('delete');
+        }
+        if (canViewLogs) {
+            actions.push('viewLogs');
+        }
+        if (canDownload) {
+            actions.push('download');
+        }
+        if (canCancel) {
+            actions.push('cancel');
+        }
+        return actions;
+    }, [buildReason, canCreateExport, canDelete, canViewLogs, canDownload, canCancel]);
+    const navigate = (0, useNavigate_1.useNavigate)();
     const [error, setError] = React.useState();
     const { ociRegistries } = (0, OciRegistriesContext_1.useOciRegistriesContext)();
-    const [exportingFormat, setExportingFormat] = React.useState();
-    const [downloadingFormat, setDownloadingFormat] = React.useState();
+    const [activeFormatAction, setActiveFormatAction] = React.useState();
     const imageBuildId = imageBuild.metadata.name;
-    const handleExportImage = (format) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        setExportingFormat(format);
-        setError(undefined);
+    const handleCreateNewExport = (format) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         try {
             const imageExport = (0, utils_1.getImageExportResource)(imageBuildId, format);
             yield post('imageexports', imageExport);
@@ -42,55 +86,87 @@ const ImageBuildExportsGallery = ({ imageBuild, refetch }) => {
         catch (error) {
             // If process failed, it was likely very fast, so we also add the delay in this case.
             yield (0, time_1.showSpinnerBriefly)(REFRESH_IMAGE_BUILD_DELAY);
-            setError({ format, message: (0, error_1.getErrorMessage)(error), mode: 'export' });
+            throw error;
         }
-        finally {
-            setExportingFormat(undefined);
+    });
+    const handleDownload = (ieName, format) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const response = yield proxyFetch(`imagebuilder/api/v1/imageexports/${ieName}/download`, {
+            method: 'GET',
+            credentials: 'include',
+        });
+        const downloadResult = yield (0, imageBuilds_2.getExportDownloadResult)(response);
+        if (downloadResult === null) {
+            yield (0, time_1.showSpinnerBriefly)(DOWNLOAD_REDIRECT_DELAY);
+            throw new Error(`Download failed: ${response.status} ${response.statusText}`);
+        }
+        if (downloadResult.type === 'redirect') {
+            createDownloadLink(downloadResult.url);
+            yield (0, time_1.showSpinnerBriefly)(DOWNLOAD_REDIRECT_DELAY);
+        }
+        else {
+            const defaultFilename = `image-export-${ieName}.${format}`;
+            (0, file_saver_1.saveAs)(downloadResult.blob, downloadResult.filename || defaultFilename);
         }
     });
-    const handleDownload = (format) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const handleCancel = (ieName) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        yield post(`imageexports/${ieName}/cancel`, {});
+        yield (0, time_1.showSpinnerBriefly)(REFRESH_IMAGE_BUILD_DELAY);
+        refetch();
+    });
+    const handleDelete = (ieName) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        yield remove(`imageexports/${ieName}`);
+        yield (0, time_1.showSpinnerBriefly)(REFRESH_IMAGE_BUILD_DELAY);
+        refetch();
+    });
+    const handleCardAction = ({ format, action }) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         const imageExport = imageBuild.imageExports.find((ie) => (ie === null || ie === void 0 ? void 0 : ie.spec.format) === format);
-        if (!imageExport) {
+        if (!imageExport && !createExportAliases.includes(action)) {
             return;
         }
-        setDownloadingFormat(format);
+        setActiveFormatAction({ format, action });
+        setError(undefined);
         try {
-            const ieName = imageExport.metadata.name;
-            const downloadEndpoint = `imagebuilder/api/v1/imageexports/${ieName}/download`;
-            const response = yield proxyFetch(downloadEndpoint, {
-                method: 'GET',
-                credentials: 'include',
-                redirect: 'manual', // Prevent automatic redirect following to avoid CORS issues
-            });
-            const downloadResult = yield (0, imageBuilds_1.getExportDownloadResult)(response);
-            if (downloadResult === null) {
-                yield (0, time_1.showSpinnerBriefly)(DOWNLOAD_REDIRECT_DELAY);
-                throw new Error(`Download failed: ${response.status} ${response.statusText}`);
-            }
-            else if (downloadResult.type === 'redirect') {
-                createDownloadLink(downloadResult.url);
-                yield (0, time_1.showSpinnerBriefly)(DOWNLOAD_REDIRECT_DELAY);
-            }
-            else {
-                const defaultFilename = `image-export-${ieName}.${format}`;
-                (0, file_saver_1.saveAs)(downloadResult.blob, downloadResult.filename || defaultFilename);
+            const ieName = imageExport === null || imageExport === void 0 ? void 0 : imageExport.metadata.name;
+            switch (action) {
+                case 'createExport':
+                case 'retry':
+                case 'rebuild':
+                    yield handleCreateNewExport(format);
+                    break;
+                case 'download':
+                    yield handleDownload(ieName, format);
+                    break;
+                case 'cancel':
+                    yield handleCancel(ieName);
+                    break;
+                case 'delete':
+                    yield handleDelete(ieName);
+                    break;
+                case 'viewLogs': {
+                    const searchParams = new URLSearchParams({
+                        [ImageBuildLogsTab_1.IMAGE_EXPORT_ID_PARAM]: ieName,
+                    });
+                    navigate({ route: useNavigate_1.ROUTE.IMAGE_BUILD_DETAILS, postfix: `${imageBuildId}/logs?${searchParams.toString()}` });
+                    break;
+                }
             }
         }
-        catch (err) {
-            setError({ format, message: (0, error_1.getErrorMessage)(err), mode: 'download' });
+        catch (error) {
+            setError({ format, message: (0, error_1.getErrorMessage)(error), action });
+            refetch();
         }
         finally {
-            setDownloadingFormat(undefined);
+            setActiveFormatAction(undefined);
         }
     });
-    return (React.createElement(react_core_1.Gallery, { hasGutter: true, minWidths: { default: '350px' } }, (0, imageBuilds_1.getAllExportFormats)().map((format) => {
+    return (React.createElement(react_core_1.Gallery, { hasGutter: true, minWidths: { default: '350px' } }, (0, imageBuilds_2.getAllExportFormats)().map((format) => {
         const imageExport = imageBuild.imageExports.find((imageExport) => (imageExport === null || imageExport === void 0 ? void 0 : imageExport.spec.format) === format);
-        const isDisabled = exportingFormat && exportingFormat !== format;
         // We can only link to the generic destination for the image build.
         // The individual export artifacts are references to this generic output image.
-        const imageReference = (0, imageBuilds_1.getImageReference)(ociRegistries, imageBuild.spec.destination);
+        const imageReference = (0, imageBuilds_2.getImageReference)(ociRegistries, imageBuild.spec.destination);
         const hasError = (error === null || error === void 0 ? void 0 : error.format) === format;
-        return (React.createElement(ImageExportCards_1.ViewImageBuildExportCard, { imageBuildId: imageBuildId, key: format, imageReference: imageReference, format: format, error: hasError ? error : null, imageExport: imageExport, isCreating: exportingFormat === format, isDownloading: downloadingFormat === format, isDisabled: isDisabled, onDismissError: () => setError(undefined), onExportImage: handleExportImage, onDownload: handleDownload }));
+        const activeAction = (activeFormatAction === null || activeFormatAction === void 0 ? void 0 : activeFormatAction.format) === format ? activeFormatAction.action : undefined;
+        return (React.createElement(ImageExportCards_1.ViewImageBuildExportCard, { key: format, imageReference: imageReference, format: format, error: hasError ? error : null, imageExport: imageExport, activeAction: activeAction, onDismissError: () => setError(undefined), onCardAction: handleCardAction, actionPermissions: actionPermissions }));
     })));
 };
 exports.default = ImageBuildExportsGallery;