@flightctl/ui-components 0.10.0-rc7 → 1.0.0-rc2

package/src/hooks/useSystemRestoreContext.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DeviceSummaryStatusType, DevicesSummary } from '@flightctl/types';
 import { useDevicesSummary } from '../components/Device/DevicesPage/useDevices';
-import { useAccessReview } from './useAccessReview';
+import { usePermissionsContext } from '../components/common/PermissionsContext';
 import { RESOURCE, VERB } from '../types/rbac';
 
 interface SystemRestoreContextData {
@@ -18,7 +18,8 @@ const SystemRestoreContext = React.createContext<SystemRestoreContextData | unde
  * This provides data needed for showing consistent restore banners across all pages.
  */
 export const SystemRestoreProvider = ({ children }: React.PropsWithChildren) => {
-  const [canListDevices] = useAccessReview(RESOURCE.DEVICE, VERB.LIST);
+  const { checkPermissions } = usePermissionsContext();
+  const [canListDevices] = checkPermissions([{ kind: RESOURCE.DEVICE, verb: VERB.LIST }]);
 
   // We obtain the unfiltered device summary to detect if any devices are in system restore statuses
   const [devicesSummary, isLoading] = useDevicesSummary({});

package/src/hooks/useWebSocket.ts

@@ -33,6 +33,7 @@ export const useWebSocket = <T>(
   } = useAppContext();
   const { t } = useTranslation();
   const wsRef = React.useRef<WebSocket>();
+  const isMountedRef = React.useRef(true);
   const [isConnecting, setIsConnecting] = React.useState(true);
   const [isClosed, setIsClosed] = React.useState(false);
   const [error, setError] = React.useState<unknown>();
@@ -42,6 +43,13 @@ export const useWebSocket = <T>(
     wsRef.current?.send(msgToBytes(data, resize));
   }, []);
 
+  React.useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+
   React.useEffect(() => {
     try {
       setIsConnecting(true);
@@ -58,25 +66,49 @@ export const useWebSocket = <T>(
       }
 
       const ws = new WebSocket(`${wsEndpoint}?${params.toString()}`, 'v5.channel.k8s.io');
-      ws.addEventListener('open', () => setIsConnecting(false));
-      ws.addEventListener('close', () => {
-        setIsClosed(true);
+
+      const handleOpen = () => {
+        if (isMountedRef.current) {
+          setIsConnecting(false);
+        }
+      };
+
+      const handleClose = () => {
+        if (isMountedRef.current) {
+          setIsClosed(true);
+        }
         wsRef.current = undefined;
-      });
-      ws.addEventListener('error', (evt) => {
+      };
+
+      const handleError = (evt: Event) => {
         // eslint-disable-next-line no-console
         console.error('Error creating websocket:', evt);
-        setError(t('Websocket error occured'));
-      });
+        if (isMountedRef.current) {
+          setError(t('Websocket error occured'));
+        }
+      };
+
+      ws.addEventListener('open', handleOpen);
+      ws.addEventListener('close', handleClose);
+      ws.addEventListener('error', handleError);
       wsRef.current = ws;
+
+      return () => {
+        ws.removeEventListener('open', handleOpen);
+        ws.removeEventListener('close', handleClose);
+        ws.removeEventListener('error', handleError);
+        ws.close();
+        wsRef.current = undefined;
+      };
     } catch (err) {
-      setIsConnecting(false);
-      setError(err);
+      if (isMountedRef.current) {
+        setIsConnecting(false);
+        setError(err);
+      }
+      return () => {
+        // No cleanup needed if WebSocket creation failed
+      };
     }
-    return () => {
-      wsRef.current?.close();
-      wsRef.current = undefined;
-    };
   }, [deviceId, organizationId, t, getWsEndpoint, reset, wsMetadata]);
 
   const reconnect = React.useCallback(() => {
@@ -86,10 +118,15 @@ export const useWebSocket = <T>(
   }, []);
 
   React.useEffect(() => {
-    const listener = (evt: MessageEvent<T>) => onMsgReceived(evt.data);
-    wsRef.current?.addEventListener('message', listener);
+    const listener = (evt: MessageEvent<T>) => {
+      if (isMountedRef.current) {
+        onMsgReceived(evt.data);
+      }
+    };
+    const ws = wsRef.current;
+    ws?.addEventListener('message', listener);
     return () => {
-      wsRef.current?.removeEventListener('message', listener);
+      ws?.removeEventListener('message', listener);
     };
   }, [onMsgReceived, reset]);
 

package/src/types/deviceSpec.ts

@@ -1,17 +1,17 @@
 import {
+  AppType,
+  ApplicationResourceLimits,
   ConfigProviderSpec,
   DisruptionBudget,
   GitConfigProviderSpec,
   HttpConfigProviderSpec,
   ImageApplicationProviderSpec,
   ImagePullPolicy,
-  InlineApplicationProviderSpec,
   InlineConfigProviderSpec,
   KubernetesSecretProviderSpec,
 } from '@flightctl/types';
-import { FlightCtlLabel } from './extraTypes';
+import { ApplicationProviderSpecFixed, FlightCtlLabel } from './extraTypes';
 import { UpdateScheduleMode } from '../utils/time';
-import { ApplicationProviderSpecFixed } from './extraTypes';
 
 export enum ConfigType {
   GIT = 'git',
@@ -44,26 +44,53 @@ type InlineContent = {
 };
 
 type AppBase = {
+  appType: AppType;
   specType: AppSpecType;
-  // appType: AppType - commented out for now, since it only accepts one value ("compose")
   name?: string;
   variables: { name: string; value: string }[];
-  volumes?: {
-    name: string;
-    reference: string;
-    pullPolicy?: ImagePullPolicy;
-  }[];
+  volumes?: ApplicationVolumeForm[];
 };
 
-export type InlineAppForm = AppBase & {
-  name: string; // name can only be optional for image applications
+export type PortMapping = {
+  hostPort: string;
+  containerPort: string;
+};
+
+export type SingleContainerAppForm = AppBase & {
+  appType: AppType.AppTypeContainer;
+  specType: AppSpecType.OCI_IMAGE;
+  name: string;
+  image: string;
+  ports?: PortMapping[];
+  limits?: ApplicationResourceLimits;
+};
+
+export type QuadletImageAppForm = AppBase & {
+  appType: AppType.AppTypeQuadlet;
+  specType: AppSpecType.OCI_IMAGE;
+  image: string;
+};
+
+export type QuadletInlineAppForm = AppBase & {
+  appType: AppType.AppTypeQuadlet;
+  specType: AppSpecType.INLINE;
+  name: string; // transforms the field in required
   files: InlineContent[];
 };
 
-export type ImageAppForm = AppBase & {
+export type ComposeImageAppForm = AppBase & {
+  appType: AppType.AppTypeCompose;
+  specType: AppSpecType.OCI_IMAGE;
   image: string;
 };
 
+export type ComposeInlineAppForm = AppBase & {
+  appType: AppType.AppTypeCompose;
+  specType: AppSpecType.INLINE;
+  name: string;
+  files: InlineContent[];
+};
+
 export const isGitConfigTemplate = (configTemplate: ConfigTemplate): configTemplate is GitConfigTemplate =>
   configTemplate.type === ConfigType.GIT;
 
@@ -81,20 +108,43 @@ export type RepoConfig = GitConfigProviderSpec | HttpConfigProviderSpec;
 export const isRepoConfig = (config: ConfigSourceProvider): config is RepoConfig =>
   isGitProviderSpec(config) || isHttpProviderSpec(config);
 
-export type AppForm = ImageAppForm | InlineAppForm;
-
-export const isInlineAppProvider = (app: ApplicationProviderSpecFixed): app is InlineApplicationProviderSpec =>
-  'inline' in app;
-export const isImageAppProvider = (app: ApplicationProviderSpecFixed): app is ImageApplicationProviderSpec =>
-  'image' in app;
-
-export const isImageAppForm = (app: AppBase): app is ImageAppForm => app.specType === AppSpecType.OCI_IMAGE;
-export const isInlineAppForm = (app: AppBase): app is InlineAppForm => app.specType === AppSpecType.INLINE;
+export type AppForm =
+  | QuadletImageAppForm
+  | QuadletInlineAppForm
+  | ComposeImageAppForm
+  | ComposeInlineAppForm
+  | SingleContainerAppForm;
+
+export const isImageAppProvider = (
+  app: ApplicationProviderSpecFixed,
+): app is ApplicationProviderSpecFixed & ImageApplicationProviderSpec => 'image' in app;
+
+// Type guards for the 5 explicit types
+export const isQuadletImageAppForm = (app: AppBase): app is QuadletImageAppForm =>
+  app.appType === AppType.AppTypeQuadlet && app.specType === AppSpecType.OCI_IMAGE;
+export const isQuadletInlineAppForm = (app: AppBase): app is QuadletInlineAppForm =>
+  app.appType === AppType.AppTypeQuadlet && app.specType === AppSpecType.INLINE;
+export const isComposeImageAppForm = (app: AppBase): app is ComposeImageAppForm =>
+  app.appType === AppType.AppTypeCompose && app.specType === AppSpecType.OCI_IMAGE;
+export const isComposeInlineAppForm = (app: AppBase): app is ComposeInlineAppForm =>
+  app.appType === AppType.AppTypeCompose && app.specType === AppSpecType.INLINE;
+export const isSingleContainerAppForm = (app: AppBase): app is SingleContainerAppForm =>
+  app.appType === AppType.AppTypeContainer;
+
+export type ApplicationVolumeForm = {
+  name: string;
+  imageRef?: string;
+  imagePullPolicy?: ImagePullPolicy;
+  mountPath?: string;
+};
 
 const hasTemplateVariables = (str: string) => /{{.+?}}/.test(str);
 
 export const getAppIdentifier = (app: AppForm) => {
-  if (isImageAppForm(app)) {
+  if (isSingleContainerAppForm(app)) {
+    return app.name || app.image;
+  }
+  if (isQuadletImageAppForm(app) || isComposeImageAppForm(app)) {
     return app.name || app.image;
   }
   // Name is mandatory for inline applications

package/src/types/extraTypes.ts

@@ -2,12 +2,15 @@ import {
   AppType,
   ApplicationEnvVars,
   ApplicationVolumeProviderSpec,
+  AuthProvider,
   ConditionType,
   Device,
   EnrollmentRequest,
   FileContent,
   Fleet,
   ImageApplicationProviderSpec,
+  OAuth2ProviderSpec,
+  OIDCProviderSpec,
   RelativePath,
   ResourceSync,
 } from '@flightctl/types';
@@ -44,7 +47,7 @@ export type InlineApplicationFileFixed = FileContent & RelativePath;
 export type ApplicationProviderSpecFixed = ApplicationEnvVars &
   ApplicationVolumeProviderSpec & {
     name?: string;
-    appType?: AppType;
+    appType: AppType;
   } & (ImageApplicationProviderSpec | { inline: InlineApplicationFileFixed[] });
 
 type CliArtifact = {
@@ -75,3 +78,18 @@ export type AlertManagerAlert = {
   };
   receivers: Array<{ name: string }>;
 };
+
+// AuthProviders that can be added dynamically to the system can only be OAuth2 or OIDC.
+export type DynamicAuthProviderSpec = OIDCProviderSpec | OAuth2ProviderSpec;
+export type DynamicAuthProvider = AuthProvider & { spec: DynamicAuthProviderSpec };
+
+export const isDynamicAuthProvider = (provider: AuthProvider): provider is DynamicAuthProvider =>
+  provider.spec.providerType === ProviderType.OIDC || provider.spec.providerType === ProviderType.OAuth2;
+
+export enum ProviderType {
+  OIDC = 'oidc',
+  OAuth2 = 'oauth2',
+  K8s = 'k8s',
+  AAP = 'aap',
+  OpenShift = 'openshift',
+}

package/src/types/rbac.ts

@@ -19,4 +19,5 @@ export enum RESOURCE {
   ENROLLMENT_REQUEST = 'enrollmentrequests',
   ENROLLMENT_REQUEST_APPROVAL = 'enrollmentrequests/approval',
   ALERTS = 'alerts',
+  AUTH_PROVIDER = 'authproviders',
 }

package/src/utils/authProvider.ts

@@ -0,0 +1,20 @@
+import { TFunction } from 'react-i18next';
+import { AuthProvider } from '@flightctl/types';
+import { ProviderType } from '../types/extraTypes';
+
+export const getProviderDisplayName = (provider: AuthProvider, t: TFunction): string => {
+  const spec = provider.spec;
+  if ('displayName' in spec && spec.displayName) {
+    return spec.displayName;
+  }
+  if (provider.spec.providerType === ProviderType.OpenShift) {
+    return t('OpenShift');
+  }
+  if (provider.spec.providerType === ProviderType.K8s) {
+    return t('Kubernetes');
+  }
+  if (provider.spec.providerType === ProviderType.AAP) {
+    return t('Ansible Automation Platform');
+  }
+  return provider.metadata.name as string;
+};

package/src/utils/error.ts

@@ -22,3 +22,8 @@ export const getConditionMessage = (condition: Condition, reason?: string): stri
   [uppercaseSentence(reason || condition.reason), uppercaseSentence(condition.message)]
     .filter((msg) => !!msg)
     .join('. ');
+
+export const isResourceVersionTestFailure = (error: unknown): boolean => {
+  const errorMessage = getErrorMessage(error);
+  return errorMessage.includes('Error 400') && errorMessage.includes('/metadata/resourceVersion');
+};

package/src/utils/k8sProvider.ts

@@ -0,0 +1,11 @@
+// Simple JWT format validation - checks if token has 3 parts separated by dots
+export const isValidJwtTokenFormat = (token: string): boolean => {
+  if (!token) return false;
+  const parts = token.split('.');
+  if (parts.length !== 3) return false;
+  // Check that each part contains only valid base64url characters
+  const base64urlPattern = /^[A-Za-z0-9_-]+$/;
+  return parts.every((part) => part.length > 0 && base64urlPattern.test(part));
+};
+
+export const nowInSeconds = () => Math.round(Date.now() / 1000);

package/src/utils/patch.ts

@@ -36,7 +36,9 @@ export const appendJSONPatch = <V = unknown>({
   if (newValue === originalValue) {
     return;
   }
-  if (!newValue && originalValue) {
+  // For boolean values, we should never remove them, only set them to true or false
+  // For other values, if newValue is falsy and originalValue exists, remove the field
+  if (!newValue && originalValue && typeof newValue !== 'boolean') {
     patches.push({
       op: 'remove',
       path,

package/src/utils/status/applications.ts

@@ -5,6 +5,7 @@ import {
   ApplicationsSummaryStatusType as AppSummaryStatus,
 } from '@flightctl/types';
 import { StatusItem } from './common';
+import { ResourcesEmptyIcon } from '@patternfly/react-icons/dist/js/icons/resources-empty-icon';
 
 export const getApplicationSummaryStatusItems = (t: TFunction): StatusItem<AppSummaryStatus>[] => [
   {
@@ -23,6 +24,12 @@ export const getApplicationSummaryStatusItems = (t: TFunction): StatusItem<AppSu
     label: t('Unknown'),
     level: 'unknown',
   },
+  {
+    id: AppSummaryStatus.ApplicationsSummaryStatusNoApplications,
+    label: t('No applications'),
+    level: 'info',
+    customIcon: ResourcesEmptyIcon,
+  },
   {
     id: AppSummaryStatus.ApplicationsSummaryStatusHealthy,
     label: t('Healthy'),

package/dist/src/components/DetailsPage/Tables/ApplicationsTable.css

@@ -1,7 +0,0 @@
-.fctl-applications-table__row .pf-v5-c-button {
-  visibility: hidden;
-}
-
-.fctl-applications-table__row:hover .pf-v5-c-button {
-  visibility: visible;
-}

package/dist/src/components/common/ButtonWithPermissions.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ButtonProps } from '@patternfly/react-core';
-import { AccessReviewResult } from '../../hooks/useAccessReview';
-declare const ButtonWithPermissions: ({ permissions, children, ...rest }: ButtonProps & {
-    permissions: AccessReviewResult;
-}) => false | React.JSX.Element;
-export default ButtonWithPermissions;
-//# sourceMappingURL=ButtonWithPermissions.d.ts.map

package/dist/src/components/common/ButtonWithPermissions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonWithPermissions.d.ts","sourceRoot":"","sources":["../../../../src/components/common/ButtonWithPermissions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,QAAA,MAAM,qBAAqB;;+BAO1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/src/components/common/ButtonWithPermissions.js

@@ -1,12 +0,0 @@
-"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 ButtonWithPermissions = (_a) => {
-    var { permissions, children } = _a, rest = tslib_1.__rest(_a, ["permissions", "children"]);
-    const [allowed] = permissions;
-    return allowed && React.createElement(react_core_1.Button, Object.assign({}, rest), children);
-};
-exports.default = ButtonWithPermissions;
-//# sourceMappingURL=ButtonWithPermissions.js.map

package/dist/src/components/common/ButtonWithPermissions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonWithPermissions.js","sourceRoot":"","sources":["../../../../src/components/common/ButtonWithPermissions.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA6D;AAG7D,MAAM,qBAAqB,GAAG,CAAC,EAIqB,EAAE,EAAE;QAJzB,EAC7B,WAAW,EACX,QAAQ,OAE0C,EAD/C,IAAI,sBAHsB,2BAI9B,CADQ;IAEP,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC;IAC9B,OAAO,OAAO,IAAI,oBAAC,mBAAM,oBAAK,IAAI,GAAG,QAAQ,CAAU,CAAC;AAC1D,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/dist/src/components/common/TechPreviewBadge.d.ts

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

package/dist/src/components/common/TechPreviewBadge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TechPreviewBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/common/TechPreviewBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,QAAA,MAAM,gBAAgB,yBAerB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/common/TechPreviewBadge.js

@@ -1,24 +0,0 @@
-"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 icons_1 = require("@patternfly/react-icons/dist/js/icons");
-const useTranslation_1 = require("../../hooks/useTranslation");
-const LearnMoreLink_1 = tslib_1.__importDefault(require("./LearnMoreLink"));
-// Links to general Red Hat docs
-const TECH_PREVIEW_LEVEL_LINK = 'https://access.redhat.com/support/offerings/techpreview';
-const TechPreviewPopoverContent = () => {
-    const { t } = (0, useTranslation_1.useTranslation)();
-    return (React.createElement(react_core_1.Stack, null,
-        React.createElement(react_core_1.StackItem, null, t('Technology preview features provide early access to upcoming product innovations, enabling you to test functionality and provide feedback during the development process.')),
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(LearnMoreLink_1.default, { link: TECH_PREVIEW_LEVEL_LINK }))));
-};
-const TechPreviewBadge = () => {
-    const { t } = (0, useTranslation_1.useTranslation)();
-    return (React.createElement(react_core_1.Popover, { "aria-label": t('Technology preview description'), bodyContent: React.createElement(TechPreviewPopoverContent, null), withFocusTrap: true, triggerAction: "click" },
-        React.createElement(react_core_1.Label, { color: "orange", icon: React.createElement(icons_1.InfoCircleIcon, null) }, t('Technology preview'))));
-};
-exports.default = TechPreviewBadge;
-//# sourceMappingURL=TechPreviewBadge.js.map

package/dist/src/components/common/TechPreviewBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TechPreviewBadge.js","sourceRoot":"","sources":["../../../../src/components/common/TechPreviewBadge.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA0E;AAC1E,iEAAuE;AAEvE,+DAA4D;AAC5D,4EAA4C;AAE5C,gCAAgC;AAChC,MAAM,uBAAuB,GAAG,yDAAyD,CAAC;AAE1F,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,kBAAK;QACJ,oBAAC,sBAAS,QACP,CAAC,CACA,2KAA2K,CAC5K,CACS;QACZ,oBAAC,sBAAS;YACR,oBAAC,uBAAa,IAAC,IAAI,EAAE,uBAAuB,GAAI,CACtC,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,oBAAO,kBACM,CAAC,CAAC,gCAAgC,CAAC,EAC/C,WAAW,EAAE,oBAAC,yBAAyB,OAAG,EAC1C,aAAa,QACb,aAAa,EAAC,OAAO;QAErB,oBAAC,kBAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,oBAAC,sBAAc,OAAG,IAC3C,CAAC,CAAC,oBAAoB,CAAC,CAClB,CACA,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/src/hooks/useAccessReview.d.ts

@@ -1,4 +0,0 @@
-import { RESOURCE, VERB } from '../types/rbac';
-export type AccessReviewResult = [boolean, boolean, string | undefined];
-export declare const useAccessReview: (kind: RESOURCE, verb: VERB) => AccessReviewResult;
-//# sourceMappingURL=useAccessReview.d.ts.map

package/dist/src/hooks/useAccessReview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccessReview.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAccessReview.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAExE,eAAO,MAAM,eAAe,SAAU,QAAQ,QAAQ,IAAI,uBAyCzD,CAAC"}

package/dist/src/hooks/useAccessReview.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAccessReview = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const useAppContext_1 = require("./useAppContext");
-const error_1 = require("../utils/error");
-const useAccessReview = (kind, verb) => {
-    const [isLoading, setIsLoading] = React.useState(true);
-    const [error, setError] = React.useState();
-    const [isAllowed, setIsAllowed] = React.useState(false);
-    const { fetch: { checkPermissions }, } = (0, useAppContext_1.useAppContext)();
-    React.useEffect(() => {
-        let isMounted = true;
-        const doItAsync = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            if (!isMounted)
-                return;
-            setIsLoading(true);
-            try {
-                const allowed = yield checkPermissions(kind, verb);
-                if (isMounted) {
-                    setIsAllowed(allowed);
-                }
-            }
-            catch (err) {
-                if (isMounted) {
-                    setError((0, error_1.getErrorMessage)(err));
-                    setIsAllowed(false);
-                }
-            }
-            finally {
-                if (isMounted) {
-                    setIsLoading(false);
-                }
-            }
-        });
-        doItAsync();
-        // Cleanup function to prevent state updates after unmount
-        return () => {
-            isMounted = false;
-        };
-    }, [kind, verb, checkPermissions]);
-    return [isAllowed, isLoading, error];
-};
-exports.useAccessReview = useAccessReview;
-//# sourceMappingURL=useAccessReview.js.map

package/dist/src/hooks/useAccessReview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccessReview.js","sourceRoot":"","sources":["../../../src/hooks/useAccessReview.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mDAAgD;AAChD,0CAAiD;AAK1C,MAAM,eAAe,GAAG,CAAC,IAAc,EAAE,IAAU,EAAsB,EAAE;IAChF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,EACJ,KAAK,EAAE,EAAE,gBAAgB,EAAE,GAC5B,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,GAAG,IAAI,CAAC;QAErB,MAAM,SAAS,GAAG,GAAS,EAAE;YAC3B,IAAI,CAAC,SAAS;gBAAE,OAAO;YAEvB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,MAAM,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBACnD,IAAI,SAAS,EAAE,CAAC;oBACd,YAAY,CAAC,OAAO,CAAC,CAAC;gBACxB,CAAC;YACH,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,IAAI,SAAS,EAAE,CAAC;oBACd,QAAQ,CAAC,IAAA,uBAAe,EAAC,GAAG,CAAC,CAAC,CAAC;oBAC/B,YAAY,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC;YACH,CAAC;oBAAS,CAAC;gBACT,IAAI,SAAS,EAAE,CAAC;oBACd,YAAY,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC;YACH,CAAC;QACH,CAAC,CAAA,CAAC;QAEF,SAAS,EAAE,CAAC;QAEZ,0DAA0D;QAC1D,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEnC,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;AACvC,CAAC,CAAC;AAzCW,QAAA,eAAe,mBAyC1B"}

package/dist/src/hooks/useFleetImportAccessReview.d.ts

@@ -1,3 +0,0 @@
-import { AccessReviewResult } from './useAccessReview';
-export declare const useFleetImportAccessReview: () => AccessReviewResult;
-//# sourceMappingURL=useFleetImportAccessReview.d.ts.map

package/dist/src/hooks/useFleetImportAccessReview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFleetImportAccessReview.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFleetImportAccessReview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAmB,MAAM,mBAAmB,CAAC;AAGxE,eAAO,MAAM,0BAA0B,0BAItC,CAAC"}

package/dist/src/hooks/useFleetImportAccessReview.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFleetImportAccessReview = void 0;
-const useAccessReview_1 = require("./useAccessReview");
-const rbac_1 = require("../types/rbac");
-const useFleetImportAccessReview = () => {
-    const canCreateRs = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.RESOURCE_SYNC, rbac_1.VERB.CREATE);
-    const canReadRepo = (0, useAccessReview_1.useAccessReview)(rbac_1.RESOURCE.REPOSITORY, rbac_1.VERB.LIST);
-    return [canCreateRs[0] && canReadRepo[0], canCreateRs[1] || canReadRepo[1], canCreateRs[2] || canReadRepo[2]];
-};
-exports.useFleetImportAccessReview = useFleetImportAccessReview;
-//# sourceMappingURL=useFleetImportAccessReview.js.map

package/dist/src/hooks/useFleetImportAccessReview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFleetImportAccessReview.js","sourceRoot":"","sources":["../../../src/hooks/useFleetImportAccessReview.ts"],"names":[],"mappings":";;;AAAA,uDAAwE;AACxE,wCAA+C;AAExC,MAAM,0BAA0B,GAAG,GAAuB,EAAE;IACjE,MAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,eAAQ,CAAC,aAAa,EAAE,WAAI,CAAC,MAAM,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,eAAQ,CAAC,UAAU,EAAE,WAAI,CAAC,IAAI,CAAC,CAAC;IACpE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAChH,CAAC,CAAC;AAJW,QAAA,0BAA0B,8BAIrC"}

package/src/components/DetailsPage/Tables/ApplicationsTable.css

@@ -1,7 +0,0 @@
-.fctl-applications-table__row .pf-v5-c-button {
-  visibility: hidden;
-}
-
-.fctl-applications-table__row:hover .pf-v5-c-button {
-  visibility: visible;
-}

package/src/components/common/ButtonWithPermissions.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { Button, ButtonProps } from '@patternfly/react-core';
-import { AccessReviewResult } from '../../hooks/useAccessReview';
-
-const ButtonWithPermissions = ({
-  permissions,
-  children,
-  ...rest
-}: ButtonProps & { permissions: AccessReviewResult }) => {
-  const [allowed] = permissions;
-  return allowed && <Button {...rest}>{children}</Button>;
-};
-
-export default ButtonWithPermissions;

package/src/components/common/TechPreviewBadge.tsx

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { Label, Popover, Stack, StackItem } from '@patternfly/react-core';
-import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons';
-
-import { useTranslation } from '../../hooks/useTranslation';
-import LearnMoreLink from './LearnMoreLink';
-
-// Links to general Red Hat docs
-const TECH_PREVIEW_LEVEL_LINK = 'https://access.redhat.com/support/offerings/techpreview';
-
-const TechPreviewPopoverContent = () => {
-  const { t } = useTranslation();
-
-  return (
-    <Stack>
-      <StackItem>
-        {t(
-          'Technology preview features provide early access to upcoming product innovations, enabling you to test functionality and provide feedback during the development process.',
-        )}
-      </StackItem>
-      <StackItem>
-        <LearnMoreLink link={TECH_PREVIEW_LEVEL_LINK} />
-      </StackItem>
-    </Stack>
-  );
-};
-
-const TechPreviewBadge = () => {
-  const { t } = useTranslation();
-
-  return (
-    <Popover
-      aria-label={t('Technology preview description')}
-      bodyContent={<TechPreviewPopoverContent />}
-      withFocusTrap
-      triggerAction="click"
-    >
-      <Label color="orange" icon={<InfoCircleIcon />}>
-        {t('Technology preview')}
-      </Label>
-    </Popover>
-  );
-};
-
-export default TechPreviewBadge;