@openshift-assisted/ui-lib 2.9.0-cim → 2.9.5-cim

package/lib/ocm/components/clusterConfiguration/DiscoveryImageForm.tsx

@@ -3,7 +3,7 @@ import { useDispatch } from 'react-redux';
 import Axios, { CancelTokenSource } from 'axios';
 import { FormikHelpers } from 'formik';
 import { getApiErrorMessage, handleApiError, isUnknownServerError } from '../../api';
-import { Cluster, CpuArchitecture, ErrorState, LoadingState } from '../../../common';
+import { CpuArchitecture, ErrorState, LoadingState } from '../../../common';
 import { forceReload, setServerUpdateError, updateCluster } from '../../reducers/clusters';
 import useInfraEnv from '../../hooks/useInfraEnv';
 import { DiscoveryImageFormService } from '../../services';
@@ -13,6 +13,7 @@ import {
 } from './OcmDiscoveryImageConfigForm';
 import { mapClusterCpuArchToInfraEnvCpuArch } from '../../services/CpuArchitectureService';
 import { usePullSecret } from '../../hooks';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 type DiscoveryImageFormProps = {
   cluster: Cluster;
@@ -109,6 +110,7 @@ const DiscoveryImageForm = ({
           ? mapClusterCpuArchToInfraEnvCpuArch(infraEnv.cpuArchitecture)
           : mapClusterCpuArchToInfraEnvCpuArch(cpuArchitecture)
       }
+      isOracleCloudInfrastructure={cluster.platform?.type === 'oci'}
     />
   );
 };

package/lib/ocm/components/clusterConfiguration/DiscoveryImageModal.css

@@ -0,0 +1,3 @@
+#generate-discovery-iso-modal {
+  height: 791px;
+}

package/lib/ocm/components/clusterConfiguration/DiscoveryImageModal.tsx

@@ -1,19 +1,14 @@
 import React from 'react';
 import { Button, ButtonVariant, Modal, ModalVariant } from '@patternfly/react-core';
 import { pluralize } from 'humanize-plus';
-import {
-  Cluster,
-  CpuArchitecture,
-  DownloadIso,
-  ErrorState,
-  isSNO,
-  ToolbarButton,
-} from '../../../common';
+import { CpuArchitecture, DownloadIso, ErrorState, isSNO, ToolbarButton } from '../../../common';
 import DiscoveryImageForm from './DiscoveryImageForm';
 import { useModalDialogsContext } from '../hosts/ModalDialogsContext';
 import useInfraEnvImageUrl from '../../hooks/useInfraEnvImageUrl';
 import useInfraEnvIpxeImageUrl from '../../hooks/useInfraEnvIpxeImageUrl';
 import DownloadIpxeScript from '../../../common/components/clusterConfiguration/DownloadIpxeScript';
+import './DiscoveryImageModal.css';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 type DiscoveryImageModalButtonProps = {
   ButtonComponent?: typeof Button | typeof ToolbarButton;
@@ -93,6 +88,7 @@ export const DiscoveryImageModal = () => {
       variant={ModalVariant.small}
       hasNoBodyWrapper
       id="generate-discovery-iso-modal"
+      tabIndex={0}
     >
       {(isoDownloadError || ipxeDownloadError) && <ErrorState />}
       {isoDownloadUrl ? (

package/lib/ocm/components/clusterConfiguration/DiscoveryImageTypeDropdown.tsx

@@ -16,8 +16,8 @@ import {
 } from '../../../common';
 
 export const discoveryImageTypes: Record<DiscoveryImageType, string> = {
-  'minimal-iso': 'Minimal image file - Provision with virtual media',
-  'full-iso': 'Full image file - Provision with physical media',
+  'minimal-iso': 'Minimal image file - Download an ISO that fetches content on boot',
+  'full-iso': 'Full image file - Download a self-contained ISO',
   'discovery-image-ipxe': 'iPXE - Provision from your network server',
 };
 
@@ -26,6 +26,7 @@ type DiscoveryImageTypeDropdownProps = {
   defaultValue: string | undefined;
   onChange: (isIpxeSelected: boolean) => void;
   selectedCpuArchitecture?: SupportedCpuArchitecture;
+  isDisabled?: boolean;
 };
 
 export const DiscoveryImageTypeDropdown = ({
@@ -33,6 +34,7 @@ export const DiscoveryImageTypeDropdown = ({
   defaultValue,
   onChange,
   selectedCpuArchitecture,
+  isDisabled = false,
 }: DiscoveryImageTypeDropdownProps) => {
   const [field, { value }, { setValue }] = useField<DiscoveryImageType>(name);
   const [isOpen, setOpen] = React.useState(false);
@@ -44,7 +46,7 @@ export const DiscoveryImageTypeDropdown = ({
     <DropdownItem
       key="full-iso"
       id="full-iso"
-      description={'The generated discovery ISO will contain everything needed to boot.'}
+      description={'Use when configuring custom networking for easier debugging'}
     >
       {discoveryImageTypes['full-iso']}
     </DropdownItem>,
@@ -52,9 +54,7 @@ export const DiscoveryImageTypeDropdown = ({
     <DropdownItem
       key="minimal-iso"
       id="minimal-iso"
-      description={
-        'Use when your storage capacity is limited or being served over a constrained network.'
-      }
+      description={'Use when provisioning with default networking options'}
       tooltip={
         isMinimalISODisabled ? (
           <p>{'This provisioning type is not supported when using s390x architecture'}</p>
@@ -68,7 +68,7 @@ export const DiscoveryImageTypeDropdown = ({
     <DropdownItem
       key="discovery-image-ipxe"
       id="discovery-image-ipxe"
-      description={'Use when you have an iPXE server that has already been set up.'}
+      description={'Use when your platform does not support booting from ISO'}
     >
       {discoveryImageTypes['discovery-image-ipxe']}
     </DropdownItem>,
@@ -95,11 +95,12 @@ export const DiscoveryImageTypeDropdown = ({
         toggleIndicator={CaretDownIcon}
         isText
         className="pf-u-w-100"
+        isDisabled={isDisabled}
       >
         {current || value}
       </DropdownToggle>
     ),
-    [setOpen, current, value],
+    [setOpen, current, value, isDisabled],
   );
 
   return (

package/lib/ocm/components/clusterConfiguration/HostInventory.tsx

@@ -11,7 +11,6 @@ import {
 } from '@patternfly/react-core';
 import { useFormikContext } from 'formik';
 import {
-  Cluster,
   HostDiscoveryValues,
   PopoverIcon,
   useFeature,
@@ -24,15 +23,12 @@ import { DiscoveryImageModalButton } from './DiscoveryImageModal';
 import InformationAndAlerts from './InformationAndAlerts';
 import { OcmSwitchField } from '../ui/OcmFormFields';
 import { selectCurrentClusterPermissionsState } from '../../selectors';
-import PlatformIntegration from './platformIntegration/PlatformIntegration';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 const schedulableMastersTooltip =
   'Workloads must be run on control plane nodes when less than 5 hosts are discovered';
 
 const HostInventory = ({ cluster }: { cluster: Cluster }) => {
-  const isPlatformIntegrationFeatureEnabled = useFeature(
-    'ASSISTED_INSTALLER_PLATFORM_INTEGRATION_FEATURE',
-  );
   const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
 
   const mastersMustRunWorkloads = selectMastersMustRunWorkloads(cluster);
@@ -61,13 +57,6 @@ const HostInventory = ({ cluster }: { cluster: Cluster }) => {
           </TextContent>
         )}
       </StackItem>
-      {isPlatformIntegrationFeatureEnabled && (
-        <StackItem>
-          <Split>
-            <PlatformIntegration clusterId={cluster.id} />
-          </Split>
-        </StackItem>
-      )}
       <StackItem>
         <Split>
           <SplitItem>

package/lib/ocm/components/clusterConfiguration/HostsNetworkConfigurationControlGroup.tsx

@@ -5,22 +5,27 @@ import { HostsNetworkConfigurationType } from '../../services/types';
 import { useField } from 'formik';
 import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
 import RadioFieldWithTooltip from '../../../common/components/ui/formik/RadioFieldWithTooltip';
-import { clusterExistsReason } from '../featureSupportLevels/featureStateUtils';
+import {
+  clusterExistsReason,
+  hostsNetworkConfigurationDisabledReason,
+} from '../featureSupportLevels/featureStateUtils';
 
 export interface HostsNetworkConfigurationControlGroupProps {
   clusterExists: boolean;
+  isDisabled: boolean;
 }
 
 export const HostsNetworkConfigurationControlGroup = ({
   clusterExists,
+  isDisabled = false,
 }: HostsNetworkConfigurationControlGroupProps) => {
   const GROUP_NAME = 'hostsNetworkConfigurationType';
   const clusterWizardContext = useClusterWizardContext();
   const [{ value }] = useField<HostsNetworkConfigurationType>(GROUP_NAME);
-
+  const fieldId = getFieldId(GROUP_NAME, 'radio');
   const tooltipProps: TooltipProps = {
-    hidden: !clusterExists,
-    content: clusterExistsReason,
+    hidden: !clusterExists && !isDisabled,
+    content: !isDisabled ? clusterExistsReason : hostsNetworkConfigurationDisabledReason,
     position: 'top',
   };
 
@@ -31,22 +36,24 @@ export const HostsNetworkConfigurationControlGroup = ({
     clusterWizardContext.onUpdateHostNetworkConfigType(value);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, clusterExists]);
+
   return (
     <FormGroup
+      id={`form-control__${fieldId}`}
       label="Hosts' network configuration"
-      fieldId={getFieldId(GROUP_NAME, 'radio')}
+      fieldId={fieldId}
       isInline
     >
       <RadioFieldWithTooltip
         name={GROUP_NAME}
-        isDisabled={clusterExists}
+        isDisabled={clusterExists || isDisabled}
         value={HostsNetworkConfigurationType.DHCP}
         label="DHCP only"
         tooltipProps={tooltipProps}
       />
       <RadioFieldWithTooltip
         name={GROUP_NAME}
-        isDisabled={clusterExists}
+        isDisabled={clusterExists || isDisabled}
         value={HostsNetworkConfigurationType.STATIC}
         label="Static IP, bridges, and bonds"
         tooltipProps={tooltipProps}

package/lib/ocm/components/clusterConfiguration/InformationAndAlerts.tsx

@@ -1,12 +1,13 @@
 import React from 'react';
 import { Alert, AlertVariant } from '@patternfly/react-core';
-import { Cluster, isSNO } from '../../../common';
+import { isSNO } from '../../../common';
 import { isAHostVM } from '../hosts/utils';
 import { isAddHostsCluster } from '../clusters/utils';
 import HostRequirementsContent from '../hosts/HostRequirementsContent';
 import HostsDiscoveryTroubleshootingInfoLinkWithModal from '../hosts/HostsDiscoveryTroubleshootingInfoLinkWithModal';
 import VMRebootConfigurationLinkWithModal from '../hosts/VMRebootConfigurationLinkWithModal';
 import InfoLinkWithModal from '../ui/InfoLinkWithModal';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 const InformationAndAlerts = ({ cluster }: { cluster: Cluster }) => {
   const isVM = React.useMemo(() => isAHostVM(cluster.hosts || []), [cluster.hosts]);

package/lib/ocm/components/clusterConfiguration/OcmBaseDomainField.tsx

@@ -0,0 +1,111 @@
+import React from 'react';
+import { Dropdown, DropdownItem, DropdownToggle, FormGroup } from '@patternfly/react-core';
+import { useField, useFormikContext } from 'formik';
+import { ClusterDetailsValues, HelperText, getFieldId } from '../../../common';
+import { CaretDownIcon } from '@patternfly/react-icons';
+import { OcmCheckboxField, OcmInputField } from '../ui/OcmFormFields';
+import { ManagedDomain } from '@openshift-assisted/types/assisted-installer-service';
+
+const INPUT_NAME = 'baseDnsDomain';
+const INPUT_LABEL = 'Base domain';
+const fieldId = getFieldId(INPUT_NAME, 'input');
+
+const getManagedDomainLabel = (domain: ManagedDomain) =>
+  `${domain?.domain || ''} (${domain?.provider || ''})`;
+
+export const BaseDnsHelperText = ({
+  name,
+  baseDnsDomain,
+}: {
+  name?: string;
+  baseDnsDomain?: string;
+}) => (
+  <HelperText fieldId={fieldId}>
+    All DNS records must be subdomains of this base and include the cluster name. This cannot be
+    changed after cluster installation. The full cluster address will be: <br />
+    <strong>
+      {name || '[Cluster Name]'}.{baseDnsDomain || '[example.com]'}
+    </strong>
+  </HelperText>
+);
+
+export const OcmBaseDomainField = ({ managedDomains }: { managedDomains: ManagedDomain[] }) => {
+  const [, { value }, { setValue }] = useField<string>(INPUT_NAME);
+  const { values } = useFormikContext<ClusterDetailsValues>();
+  const { name, baseDnsDomain, useRedHatDnsService } = values;
+  const [isOpen, setOpen] = React.useState(false);
+
+  const dropdownItems = React.useMemo(() => {
+    return managedDomains?.map((d) => (
+      <DropdownItem key={d.domain} id={d.domain}>
+        {getManagedDomainLabel(d)}
+      </DropdownItem>
+    ));
+  }, [managedDomains]);
+
+  const dropdownToggle = React.useMemo(() => {
+    const selectedDomain = managedDomains.find((d) => d.domain === value);
+    return (
+      <DropdownToggle
+        onToggle={(val) => setOpen(val)}
+        toggleIndicator={CaretDownIcon}
+        isText
+        className="pf-u-w-100"
+      >
+        {selectedDomain ? getManagedDomainLabel(selectedDomain) : 'Base domain'}
+      </DropdownToggle>
+    );
+  }, [managedDomains, value]);
+
+  const toggleRedHatDnsService = (checked: boolean) =>
+    setValue((checked && managedDomains.map((d) => d.domain)[0]) || '');
+
+  const onSelect = React.useCallback(
+    (event?: React.SyntheticEvent<HTMLDivElement>) => {
+      const selectedDomain = event?.currentTarget.id || '';
+      setValue(selectedDomain);
+      setOpen(false);
+    },
+    [setValue],
+  );
+
+  return (
+    <>
+      {!!managedDomains.length && toggleRedHatDnsService && (
+        <OcmCheckboxField
+          name="useRedHatDnsService"
+          label="Use a temporary 60-day domain"
+          helperText="A base domain will be provided for temporary, non-production clusters."
+          onChange={toggleRedHatDnsService}
+        />
+      )}
+      <FormGroup
+        id={`form-control__${fieldId}`}
+        fieldId={fieldId}
+        name={INPUT_NAME}
+        label={INPUT_LABEL}
+        isRequired
+        helperText={<BaseDnsHelperText name={name} baseDnsDomain={baseDnsDomain} />}
+      >
+        {useRedHatDnsService ? (
+          <Dropdown
+            toggle={dropdownToggle}
+            dropdownItems={dropdownItems}
+            isOpen={isOpen}
+            onSelect={onSelect}
+            className="pf-u-w-100"
+          />
+        ) : (
+          <OcmInputField
+            name={INPUT_NAME}
+            placeholder="example.com"
+            isDisabled={useRedHatDnsService}
+            isRequired
+          />
+        )}
+      </FormGroup>
+    </>
+  );
+
+  return <></>;
+};

package/lib/ocm/components/clusterConfiguration/OcmClusterDetailsFormFields.tsx

@@ -6,7 +6,6 @@ import { HostsNetworkConfigurationControlGroup } from './HostsNetworkConfigurati
 import {
   ClusterDetailsValues,
   isSNO,
-  ManagedDomain,
   OpenshiftVersionOptionType,
   PullSecret,
   ocmClusterNameValidationMessages,
@@ -14,17 +13,11 @@ import {
   CLUSTER_NAME_MAX_LENGTH,
   StaticTextField,
   useFeature,
-  ClusterCreateParams,
   getSupportedCpuArchitectures,
 } from '../../../common';
 import DiskEncryptionControlGroup from '../../../common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionControlGroup';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import {
-  OcmCheckboxField,
-  OcmInputField,
-  OcmRichInputField,
-  OcmSelectField,
-} from '../ui/OcmFormFields';
+import { OcmRichInputField } from '../ui/OcmFormFields';
 import OcmOpenShiftVersion from './OcmOpenShiftVersion';
 import OcmOpenShiftVersionSelect from './OcmOpenShiftVersionSelect';
 import CustomManifestCheckbox from './CustomManifestCheckbox';
@@ -32,38 +25,32 @@ import CpuArchitectureDropdown, {
   architectureData,
   CpuArchitectureItem,
 } from './CpuArchitectureDropdown';
+import { OcmBaseDomainField } from './OcmBaseDomainField';
 import OcmSNOControlGroup from './OcmSNOControlGroup';
 import useSupportLevelsAPI from '../../hooks/useSupportLevelsAPI';
 import { useOpenshiftVersions } from '../../hooks';
+import { ExternalPlatformDropdown } from './platformIntegration/ExternalPlatformDropdown';
+import { useOracleDropdownItemState } from '../../hooks/useOracleDropdownItemState';
+import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
+import { HostsNetworkConfigurationType } from '../../services/types';
+import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
+import { ExternalPlatformLabels } from './platformIntegration/constants';
+import { ManagedDomain, PlatformType } from '@openshift-assisted/types/assisted-installer-service';
 
 export type OcmClusterDetailsFormFieldsProps = {
   forceOpenshiftVersion?: string;
-  isBaseDnsDomainDisabled?: boolean;
   defaultPullSecret?: string;
   isOcm: boolean;
   managedDomains?: ManagedDomain[];
   versions: OpenshiftVersionOptionType[];
-  toggleRedHatDnsService?: (checked: boolean) => void;
   isPullSecretSet: boolean;
   clusterExists: boolean;
   clusterCpuArchitecture?: string;
   clusterId?: string;
 };
 
-const BaseDnsHelperText = ({ name, baseDnsDomain }: { name?: string; baseDnsDomain?: string }) => (
-  <>
-    All DNS records must be subdomains of this base and include the cluster name. This cannot be
-    changed after cluster installation. The full cluster address will be: <br />
-    <strong>
-      {name || '[Cluster Name]'}.{baseDnsDomain || '[example.com]'}
-    </strong>
-  </>
-);
-
 export const OcmClusterDetailsFormFields = ({
   managedDomains = [],
-  toggleRedHatDnsService,
-  isBaseDnsDomainDisabled,
   versions,
   isPullSecretSet,
   defaultPullSecret,
@@ -73,22 +60,18 @@ export const OcmClusterDetailsFormFields = ({
   clusterCpuArchitecture,
   clusterId,
 }: OcmClusterDetailsFormFieldsProps) => {
-  const { values } = useFormikContext<ClusterDetailsValues>();
-  const { name, baseDnsDomain, highAvailabilityMode, useRedHatDnsService } = values;
+  const { values, setFieldValue } = useFormikContext<ClusterDetailsValues>();
+  const { highAvailabilityMode, useRedHatDnsService } = values;
   const nameInputRef = React.useRef<HTMLInputElement>();
-  React.useEffect(() => {
-    nameInputRef.current?.focus();
-  }, []);
 
-  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
   const { t } = useTranslation();
-  const {
-    values: { openshiftVersion },
-  } = useFormikContext<ClusterCreateParams>();
+  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
   const isMultiArchSupported = useFeature('ASSISTED_INSTALLER_MULTIARCH_SUPPORTED');
+  const isOracleCloudPlatformIntegrationEnabled = useFeature('ASSISTED_INSTALLER_PLATFORM_OCI');
+  const { openshiftVersion, platform } = values;
   const { getCpuArchitectures } = useOpenshiftVersions();
   const cpuArchitecturesByVersionImage = getCpuArchitectures(openshiftVersion);
-
+  const clusterWizardContext = useClusterWizardContext();
   const featureSupportLevelData = useSupportLevelsAPI(
     'features',
     values.openshiftVersion,
@@ -98,10 +81,42 @@ export const OcmClusterDetailsFormFields = ({
     () => getSupportedCpuArchitectures(isMultiArchSupported, cpuArchitecturesByVersionImage),
     [cpuArchitecturesByVersionImage, isMultiArchSupported],
   );
-
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   const cpuArchitecture = (architectureData[values.cpuArchitecture] as CpuArchitectureItem).label;
+  const oracleDropdownItemState = useOracleDropdownItemState(
+    clusterExists,
+    featureSupportLevelData,
+    values.cpuArchitecture,
+  );
+  const featureSupportLevelContext = useNewFeatureSupportLevel();
+
+  React.useEffect(() => {
+    nameInputRef.current?.focus();
+  }, []);
+
+  const handleExternalPartnerIntegrationsChange = React.useCallback(
+    (selectedPlatform: PlatformType) => {
+      const isOracleSelected = selectedPlatform === 'oci';
+      if (isOracleSelected) {
+        setFieldValue('addCustomManifest', isOracleSelected, false);
+        clusterWizardContext.setAddCustomManifests(isOracleSelected);
+        setFieldValue('hostsNetworkConfigurationType', HostsNetworkConfigurationType.DHCP);
+      }
+    },
+    [clusterWizardContext, setFieldValue],
+  );
+
+  React.useEffect(() => {
+    setFieldValue(
+      'isCMNSupported',
+      featureSupportLevelContext.isFeatureSupported(
+        'CLUSTER_MANAGED_NETWORKING',
+        featureSupportLevelData ?? undefined,
+      ),
+      false,
+    );
+  }, [setFieldValue, featureSupportLevelContext, featureSupportLevelData]);
 
   return (
     <Form id="wizard-cluster-details__form">
@@ -118,35 +133,9 @@ export const OcmClusterDetailsFormFields = ({
         }
         maxLength={CLUSTER_NAME_MAX_LENGTH}
       />
-      {!!managedDomains.length && toggleRedHatDnsService && (
-        <OcmCheckboxField
-          name="useRedHatDnsService"
-          label="Use a temporary 60-day domain"
-          helperText="A base domain will be provided for temporary, non-production clusters."
-          onChange={toggleRedHatDnsService}
-        />
-      )}
-      {useRedHatDnsService ? (
-        <OcmSelectField
-          label="Base domain"
-          name="baseDnsDomain"
-          helperText={<BaseDnsHelperText name={name} baseDnsDomain={baseDnsDomain} />}
-          options={managedDomains.map((d) => ({
-            label: `${d.domain || ''} (${d.provider || ''})`,
-            value: d.domain,
-          }))}
-          isRequired
-        />
-      ) : (
-        <OcmInputField
-          label="Base domain"
-          name="baseDnsDomain"
-          helperText={<BaseDnsHelperText name={name} baseDnsDomain={baseDnsDomain} />}
-          placeholder="example.com"
-          isDisabled={isBaseDnsDomainDisabled || useRedHatDnsService}
-          isRequired
-        />
-      )}
+
+      <OcmBaseDomainField managedDomains={managedDomains} />
+
       {/* TODO(mlibra): For single-cluster: We will probably change this to just a static text */}
       {forceOpenshiftVersion ? (
         <OcmOpenShiftVersion
@@ -175,12 +164,33 @@ export const OcmClusterDetailsFormFields = ({
       />
 
       {!isPullSecretSet && <PullSecret isOcm={isOcm} defaultPullSecret={defaultPullSecret} />}
-      <CustomManifestCheckbox clusterId={clusterId || ''} />
+
+      {clusterExists ? (
+        <StaticTextField
+          name="platform"
+          label="Integrate with external partner platforms"
+          isRequired
+        >
+          {ExternalPlatformLabels[values.platform]}
+        </StaticTextField>
+      ) : (
+        <ExternalPlatformDropdown
+          showOciOption={isOracleCloudPlatformIntegrationEnabled}
+          disabledOciTooltipContent={oracleDropdownItemState?.disabledReason}
+          isOciDisabled={oracleDropdownItemState?.isDisabled || false}
+          onChange={handleExternalPartnerIntegrationsChange}
+        />
+      )}
+
+      <CustomManifestCheckbox clusterId={clusterId || ''} isDisabled={platform === 'oci'} />
 
       {
         // Reason: In the single-cluster flow, the Host discovery phase is replaced by a single one-fits-all ISO download
         !isSingleClusterFeatureEnabled && (
-          <HostsNetworkConfigurationControlGroup clusterExists={clusterExists} />
+          <HostsNetworkConfigurationControlGroup
+            clusterExists={clusterExists}
+            isDisabled={platform === 'oci'}
+          />
         )
       }
 

package/lib/ocm/components/clusterConfiguration/OcmClusterProgressItems.tsx

@@ -1,7 +1,6 @@
 import { Grid, GridItem } from '@patternfly/react-core';
 import React from 'react';
 import {
-  Cluster,
   EventListFetchProps,
   getEnabledHosts,
   RenderIf,
@@ -10,6 +9,7 @@ import {
 import { FinalizingProgress } from '../../../common/components/clusterDetail/FinalizingProgress';
 import { ProgressBarTexts } from '../../../common/components/clusterDetail/ProgressBarTexts';
 import OcmOperatorsProgressItem from './OcmOperatorProgressItem';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 type OcmClusterProgressItemsProps = {
   cluster: Cluster;

package/lib/ocm/components/clusterConfiguration/OcmDiscoveryImageConfigForm.tsx

@@ -11,7 +11,12 @@ import {
   StackItem,
 } from '@patternfly/react-core';
 import { Formik, FormikHelpers } from 'formik';
-import { HostStaticNetworkConfig, ImageType, InfraEnv, Proxy } from '../../../common/api';
+import {
+  HostStaticNetworkConfig,
+  ImageType,
+  InfraEnv,
+  Proxy,
+} from '@openshift-assisted/types/assisted-installer-service';
 import {
   AlertFormikError,
   httpProxyValidationSchema,
@@ -68,6 +73,7 @@ type OcmDiscoveryImageConfigFormProps = Proxy & {
   enableCertificate?: boolean;
   trustBundle?: InfraEnv['additionalTrustBundle'];
   selectedCpuArchitecture?: SupportedCpuArchitecture;
+  isOracleCloudInfrastructure?: boolean;
 };
 
 export const OcmDiscoveryImageConfigForm = ({
@@ -82,6 +88,7 @@ export const OcmDiscoveryImageConfigForm = ({
   enableCertificate,
   trustBundle,
   selectedCpuArchitecture,
+  isOracleCloudInfrastructure = false,
 }: OcmDiscoveryImageConfigFormProps) => {
   const imageTypeValue = isIpxeSelected
     ? 'discovery-image-ipxe'
@@ -147,6 +154,7 @@ export const OcmDiscoveryImageConfigForm = ({
                       defaultValue={discoveryImageTypes[imageTypeValue]}
                       onChange={updateDiscoveryButtonAndAlertText}
                       selectedCpuArchitecture={selectedCpuArchitecture}
+                      isDisabled={isOracleCloudInfrastructure}
                     />
                     <UploadSSH
                       labelText={t(

package/lib/ocm/components/clusterConfiguration/OcmOpenShiftVersionSelect.tsx

@@ -12,7 +12,7 @@ import { TFunction } from 'i18next';
 import { OpenShiftVersionDropdown } from '../../../common/components/ui/OpenShiftVersionDropdown';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { OPENSHIFT_LIFE_CYCLE_DATES_LINK, OpenshiftVersionOptionType } from '../../../common';
-import { ocmClient } from '../../api';
+import { isInOcm } from '../../api';
 
 const OpenShiftLifeCycleDatesLink = () => {
   const { t } = useTranslation();
@@ -81,7 +81,7 @@ const OcmOpenShiftVersionSelect = ({ versions }: OcmOpenShiftVersionSelectProps)
       items={selectOptions}
       versions={versions}
       getHelperText={getOpenshiftVersionHelperText}
-      showReleasesLink={ocmClient !== undefined}
+      showReleasesLink={isInOcm}
     />
   );
 };

package/lib/ocm/components/clusterConfiguration/OcmOperatorProgressItem.tsx

@@ -16,15 +16,14 @@ import { TFunction } from 'i18next';
 import './OcmOperatorsProgressItem.css';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import ClusterProgressItem from '../../../common/components/clusterDetail/ClusterProgressItem';
+import { operatorLabels, OperatorName } from '../../../common';
+import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
 import {
   Cluster,
   MonitoredOperator,
   MonitoredOperatorsList,
-  operatorLabels,
-  OperatorName,
   OperatorStatus,
-} from '../../../common';
-import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
+} from '@openshift-assisted/types/assisted-installer-service';
 
 export function getAggregatedStatus(operators: MonitoredOperatorsList) {
   const operatorStates: (OperatorStatus | 'pending')[] = operators.map(