@openshift-assisted/ui-lib 2.50.0 → 2.51.0

package/lib/ocm/components/clusterWizard/disconnected/OptionalConfigurationsStep.tsx

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { Formik, useFormikContext } from 'formik';
+import { Formik } from 'formik';
 import { TFunction } from 'i18next';
 import * as Yup from 'yup';
 import {
   ClusterWizardStep,
   TechnologyPreview,
   sshPublicKeyValidationSchema,
-  pullSecretValidationSchema,
   getFormikErrorFields,
   httpProxyValidationSchema,
   noProxyValidationSchema,
@@ -15,16 +14,17 @@ import {
   CheckboxField,
   AdditionalNTPSourcesField,
   ProxyFieldsType,
+  PullSecret,
+  pullSecretValidationSchema,
 } from '../../../../common';
-import { Split, SplitItem, Grid, GridItem, Form, Content, Checkbox } from '@patternfly/react-core';
+import { Split, SplitItem, Grid, GridItem, Form, Content } from '@patternfly/react-core';
 import { useClusterWizardContext } from '../ClusterWizardContext';
 import ClusterWizardFooter from '../ClusterWizardFooter';
 import ClusterWizardNavigation from '../ClusterWizardNavigation';
 import { WithErrorBoundary } from '../../../../common/components/ErrorHandling/WithErrorBoundary';
 import UploadSSH from '../../../../common/components/clusterConfiguration/UploadSSH';
-import PullSecretField from '../../../../common/components/ui/formik/PullSecretField';
 import { ProxyInputFields } from '../../../../common/components/clusterConfiguration/ProxyFields';
-import { isInOcm, handleApiError, getApiErrorMessage } from '../../../../common/api';
+import { handleApiError, getApiErrorMessage } from '../../../../common/api';
 import { useAlerts } from '../../../../common/components/AlertsContextProvider';
 import { AlertVariant } from '@patternfly/react-core';
 import InfraEnvsService from '../../../services/InfraEnvsService';
@@ -43,22 +43,22 @@ import { HostsNetworkConfigurationType } from '../../../services/types';
 import { useTranslation } from '../../../../common/hooks/use-translation-wrapper';
 import { getDummyInfraEnvField } from '../../clusterConfiguration/staticIp/data/dummyData';
 import { ntpSourceValidationSchema } from '../../../../common/validationSchemas/ntpValidation';
+import { isInOcm } from '../../../../common/api';
 
 const DEFAULT_CPU_ARCHITECTURE = 'x86_64' as const;
 const DISCONNECTED_IMAGE_TYPE = 'disconnected-iso' as const;
 
 type OptionalConfigurationsFormValues = ProxyFieldsType & {
   sshPublicKey?: string;
-  pullSecret: string;
   enableNtpSources: boolean;
   additionalNtpSources?: string;
   hostsNetworkConfigurationType: HostsNetworkConfigurationType;
   rendezvousIp?: string;
+  pullSecret?: string;
 };
 
 const DEFAULT_INITIAL_VALUES: OptionalConfigurationsFormValues = {
   sshPublicKey: '',
-  pullSecret: '',
   enableProxy: false,
   httpProxy: '',
   httpsProxy: '',
@@ -67,18 +67,15 @@ const DEFAULT_INITIAL_VALUES: OptionalConfigurationsFormValues = {
   additionalNtpSources: '',
   hostsNetworkConfigurationType: HostsNetworkConfigurationType.DHCP,
   rendezvousIp: '',
+  pullSecret: '',
 };
 
 /**
- * Rehydrate form values from infraEnv and optional stored pull secret (API does not return pull secret).
+ * Rehydrate form values from infraEnv when navigating back to this step.
  */
-const infraEnvToFormValues = (
-  infraEnv: InfraEnv,
-  storedPullSecret?: string,
-): OptionalConfigurationsFormValues => ({
+const infraEnvToFormValues = (infraEnv: InfraEnv): OptionalConfigurationsFormValues => ({
   ...DEFAULT_INITIAL_VALUES,
   sshPublicKey: infraEnv.sshAuthorizedKey ?? '',
-  pullSecret: storedPullSecret ?? '',
   enableProxy: !!(infraEnv.proxy?.httpProxy || infraEnv.proxy?.httpsProxy),
   httpProxy: infraEnv.proxy?.httpProxy ?? '',
   httpsProxy: infraEnv.proxy?.httpsProxy ?? '',
@@ -86,7 +83,7 @@ const infraEnvToFormValues = (
   enableNtpSources: !!infraEnv.additionalNtpSources,
   additionalNtpSources: infraEnv.additionalNtpSources ?? '',
   hostsNetworkConfigurationType:
-    infraEnv.hostsNetworkConfigurationType === 'static'
+    (infraEnv.staticNetworkConfig?.length ?? 0) > 0
       ? HostsNetworkConfigurationType.STATIC
       : HostsNetworkConfigurationType.DHCP,
   rendezvousIp: infraEnv.rendezvousIp ?? '',
@@ -105,7 +102,6 @@ const buildInfraEnvParams = (values: OptionalConfigurationsFormValues) => {
   const hasProxy = Object.keys(proxy).length > 0;
 
   return {
-    pullSecret: values.pullSecret,
     ...(values.sshPublicKey && { sshAuthorizedKey: values.sshPublicKey }),
     ...(hasProxy && { proxy }),
     ...(values.additionalNtpSources && {
@@ -120,11 +116,10 @@ const buildInfraEnvParams = (values: OptionalConfigurationsFormValues) => {
   };
 };
 
-const getValidationSchema = (t: TFunction) =>
+const getValidationSchema = (t: TFunction, requirePullSecret: boolean) =>
   Yup.lazy((values: OptionalConfigurationsFormValues) =>
     Yup.object().shape({
       sshPublicKey: sshPublicKeyValidationSchema(t),
-      pullSecret: pullSecretValidationSchema(t).required('Required field'),
       enableProxy: Yup.boolean().required(),
       httpProxy: httpProxyValidationSchema({
         values,
@@ -151,40 +146,20 @@ const getValidationSchema = (t: TFunction) =>
           'Not a valid IP address',
           (value) => !value || ipValidationSchema(t).isValidSync(value),
         ),
+      ...(requirePullSecret && {
+        pullSecret: pullSecretValidationSchema(t).required(t('ai:Required field')),
+      }),
     }),
   );
 
-const PullSecretSync = () => {
-  const defaultPullSecret = usePullSecret();
-  const {
-    setFieldValue,
-    values: { pullSecret },
-  } = useFormikContext<OptionalConfigurationsFormValues>();
-
-  React.useEffect(() => {
-    if (defaultPullSecret !== undefined && pullSecret === '') {
-      setFieldValue('pullSecret', defaultPullSecret);
-    }
-  }, [defaultPullSecret, pullSecret, setFieldValue]);
-
-  return null;
-};
-
 const OptionalConfigurationsStep = () => {
   const { clusterId } = useParams<{ clusterId: string }>();
   const [cluster, setCluster] = React.useState<Cluster | null>(null);
   const { t } = useTranslation();
+  const defaultPullSecret = usePullSecret();
 
-  const {
-    moveNext,
-    moveBack,
-    setDisconnectedInfraEnv,
-    disconnectedInfraEnv,
-    disconnectedFormPullSecret,
-    setDisconnectedFormPullSecret,
-    disconnectedFormEditPullSecret,
-    setDisconnectedFormEditPullSecret,
-  } = useClusterWizardContext();
+  const { moveNext, moveBack, setDisconnectedInfraEnv, disconnectedInfraEnv } =
+    useClusterWizardContext();
   const { addAlert, clearAlerts } = useAlerts();
 
   React.useEffect(() => {
@@ -209,14 +184,14 @@ const OptionalConfigurationsStep = () => {
   }, [clusterId, addAlert, t]);
 
   const initialValues: OptionalConfigurationsFormValues = disconnectedInfraEnv
-    ? infraEnvToFormValues(disconnectedInfraEnv, disconnectedFormPullSecret)
+    ? infraEnvToFormValues(disconnectedInfraEnv)
     : DEFAULT_INITIAL_VALUES;
 
   return (
     <Formik
       initialValues={initialValues}
       validateOnMount
-      validationSchema={getValidationSchema(t)}
+      validationSchema={getValidationSchema(t, !isInOcm)}
       onSubmit={async (values) => {
         clearAlerts();
         if (!cluster?.id) {
@@ -229,6 +204,8 @@ const OptionalConfigurationsStep = () => {
         }
 
         const commonParams = buildInfraEnvParams(values);
+        // Default pull secret only exists in OCM; when !isInOcm the user must provide it via the field
+        const pullSecretToUse = isInOcm ? defaultPullSecret : values.pullSecret;
 
         try {
           if (disconnectedInfraEnv?.id) {
@@ -236,15 +213,12 @@ const OptionalConfigurationsStep = () => {
             const updateParams: InfraEnvUpdateParams = {
               ...commonParams,
               imageType: DISCONNECTED_IMAGE_TYPE,
+              pullSecret: pullSecretToUse,
             };
             const { data: updatedInfraEnv } = await InfraEnvsAPI.update(
               disconnectedInfraEnv.id,
               updateParams,
             );
-            setDisconnectedFormPullSecret(values.pullSecret);
-            setDisconnectedFormEditPullSecret(
-              disconnectedFormEditPullSecret ?? !!disconnectedInfraEnv?.pullSecretSet,
-            );
             setDisconnectedInfraEnv({
               ...updatedInfraEnv,
               // infraEnv does not return the whole OCP version
@@ -258,13 +232,10 @@ const OptionalConfigurationsStep = () => {
               openshiftVersion: cluster.openshiftVersion,
               cpuArchitecture: DEFAULT_CPU_ARCHITECTURE,
               imageType: DISCONNECTED_IMAGE_TYPE,
+              pullSecret: pullSecretToUse ?? '',
               ...commonParams,
             };
             const createdInfraEnv = await InfraEnvsService.create(createParams);
-            setDisconnectedFormPullSecret(values.pullSecret);
-            setDisconnectedFormEditPullSecret(
-              disconnectedFormEditPullSecret ?? !!disconnectedInfraEnv?.pullSecretSet,
-            );
             setDisconnectedInfraEnv({
               ...createdInfraEnv,
               // infraEnv does not return the whole OCP version
@@ -306,7 +277,6 @@ const OptionalConfigurationsStep = () => {
             }
           >
             <WithErrorBoundary title="Failed to load Optional Configurations step">
-              <PullSecretSync />
               <Grid hasGutter>
                 <GridItem>
                   <Split>
@@ -320,6 +290,9 @@ const OptionalConfigurationsStep = () => {
                 </GridItem>
                 <GridItem>
                   <Form id="wizard-cluster-optional-configurations__form">
+                    {/* Pull secret (!OCM only) */}
+                    {!isInOcm && <PullSecret defaultPullSecret={defaultPullSecret} isOcm={false} />}
+
                     {/* Rendezvous IP */}
                     <InputField
                       label={t('ai:Rendezvous IP')}
@@ -332,17 +305,6 @@ const OptionalConfigurationsStep = () => {
                     />
 
                     <UploadSSH />
-                    <Checkbox
-                      label={t('ai:Edit pull secret')}
-                      isChecked={
-                        disconnectedFormEditPullSecret ?? !!disconnectedInfraEnv?.pullSecretSet
-                      }
-                      onChange={(_, checked) => setDisconnectedFormEditPullSecret(checked)}
-                      id="edit-pull-secret-checkbox"
-                    />
-                    {(disconnectedFormEditPullSecret ?? !!disconnectedInfraEnv?.pullSecretSet) && (
-                      <PullSecretField isOcm={isInOcm} />
-                    )}
 
                     {/* Proxy Settings */}
                     <CheckboxField

package/lib/ocm/components/clusterWizard/disconnected/ReviewStep.tsx

@@ -116,7 +116,7 @@ const ReviewStep = () => {
               </DescriptionListGroup>
               <DescriptionListGroup>
                 <DescriptionListTerm>ISO size</DescriptionListTerm>
-                <DescriptionListDescription>approx. 43.5GB</DescriptionListDescription>
+                <DescriptionListDescription>approx. 50 GB</DescriptionListDescription>
               </DescriptionListGroup>
             </DescriptionList>
           </Grid>

package/lib/ocm/components/clusterWizard/wizardTransition.ts

@@ -102,6 +102,9 @@ export const getClusterWizardFirstStep = (
     case 'pending-for-input':
     case 'adding-hosts':
     case 'insufficient':
+      if (customManifestsStepNeedsToBeFilled) {
+        return 'custom-manifests';
+      }
       return getStepForFailingHostValidations(hosts);
     default:
       return 'cluster-details';
@@ -241,7 +244,12 @@ const networkingStepValidationsMap: WizardStepValidationMap = {
   // Alternatively we would have to whitelist network validations instead of using group
   // TODO(mlibra): remove that container-images-available from soft validations and let backend drive it via disabling it.
   //   Depends on: https://issues.redhat.com/browse/MGMT-5265
-  softValidationIds: ['ntp-synced', 'container-images-available', 'mtu-valid'],
+  softValidationIds: [
+    'ntp-synced',
+    'container-images-available',
+    'mtu-valid',
+    'custom-manifests-requirements-satisfied',
+  ],
 };
 
 const reviewStepValidationsMap: WizardStepValidationMap = {

package/lib/ocm/components/clusters/ClusterStatus.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
-import { t_global_color_status_success_default as okColor } from '@patternfly/react-tokens/dist/js/t_global_color_status_success_default';
 import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
 import { FileAltIcon } from '@patternfly/react-icons/dist/js/icons/file-alt-icon';
 import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { InProgressIcon } from '@patternfly/react-icons/dist/js/icons/in-progress-icon';
 import { BanIcon } from '@patternfly/react-icons/dist/js/icons/ban-icon';
-import { clusterStatusLabels, UiIcon, WithTestID } from '../../../common';
+import { clusterStatusLabels, WithTestID } from '../../../common';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { TFunction } from 'i18next';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+import { Icon } from '@patternfly/react-core';
 
 type ClusterStatusProps = {
   status: Cluster['status'];
@@ -24,25 +24,47 @@ type ClusterStatusIconProps = {
 export const ClusterStatusIcon: React.FC<ClusterStatusIconProps> = ({ status, ...extraProps }) => {
   switch (status) {
     case 'cancelled':
-      return <UiIcon size="sm" icon={<BanIcon {...extraProps} />} />;
+      return (
+        <Icon size="sm">
+          <BanIcon {...extraProps} />
+        </Icon>
+      );
     case 'insufficient':
     case 'pending-for-input':
     case 'ready':
-      return <UiIcon size="sm" icon={<FileAltIcon {...extraProps} />} />;
+      return (
+        <Icon size="sm">
+          <FileAltIcon {...extraProps} />
+        </Icon>
+      );
     case 'error':
-      return <UiIcon size="sm" status="danger" icon={<ExclamationCircleIcon {...extraProps} />} />;
+      return (
+        <Icon size="sm" status="danger">
+          <ExclamationCircleIcon {...extraProps} />
+        </Icon>
+      );
     case 'installed':
-      return <UiIcon size="sm" icon={<CheckCircleIcon color={okColor.value} {...extraProps} />} />;
+      return (
+        <Icon status="success" size="sm">
+          <CheckCircleIcon {...extraProps} />
+        </Icon>
+      );
     case 'installing-pending-user-action':
       return (
-        <UiIcon size="sm" status="warning" icon={<ExclamationTriangleIcon {...extraProps} />} />
+        <Icon size="sm" status="warning">
+          <ExclamationTriangleIcon {...extraProps} />
+        </Icon>
       );
 
     case 'preparing-for-installation':
     case 'installing':
     case 'finalizing':
     case 'adding-hosts':
-      return <UiIcon size="sm" icon={<InProgressIcon {...extraProps} />} />;
+      return (
+        <Icon size="sm">
+          <InProgressIcon {...extraProps} />
+        </Icon>
+      );
     default:
       return <></>;
   }

package/lib/ocm/components/featureSupportLevels/ReviewClusterFeatureSupportLevels.tsx

@@ -1,9 +1,7 @@
+import React from 'react';
 import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import React from 'react';
-import { t_global_color_status_success_default as okColor } from '@patternfly/react-tokens/dist/js/t_global_color_status_success_default';
-import { t_global_color_status_info_100 as infoColor } from '@patternfly/react-tokens/dist/js/t_global_color_status_info_100';
-import { Content } from '@patternfly/react-core';
+import { Content, Icon } from '@patternfly/react-core';
 import {
   FeatureId,
   FeatureIdToSupportLevel,
@@ -13,7 +11,7 @@ import {
 import { TECH_SUPPORT_LEVEL_LINK } from '../../../common/config/docs_links';
 import ExternalLink from '../../../common/components/ui/ExternalLink';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import { DetailItem, UiIcon } from '../../../common';
+import { DetailItem } from '../../../common';
 import { getLimitedFeatureSupportLevels } from '../../../common/components/newFeatureSupportLevels/utils';
 import { WithErrorBoundary } from '../../../common/components/ErrorHandling/WithErrorBoundary';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
@@ -90,13 +88,17 @@ export const LimitedSupportedCluster = ({
   <>
     {showVersionWarning && (
       <Content component="p">
-        <UiIcon size="sm" icon={<InfoCircleIcon color={infoColor.var} />} />
+        <Icon status="info" size="sm">
+          <InfoCircleIcon />
+        </Icon>
         &nbsp;The installed OpenShift version is not production-ready
       </Content>
     )}
     {Object.keys(clusterFeatureSupportLevels).length > 0 && (
       <>
-        <UiIcon size="sm" icon={<InfoCircleIcon color={infoColor.var} />} />
+        <Icon status="info" size="sm">
+          <InfoCircleIcon />
+        </Icon>
         &nbsp;Your cluster will be subject to support limitations because it includes:
         <Content component="ul">{getPreviewFeatureList(clusterFeatureSupportLevels)}</Content>
       </>
@@ -106,7 +108,9 @@ export const LimitedSupportedCluster = ({
 
 export const FullySupportedCluster = () => (
   <>
-    <CheckCircleIcon color={okColor.value} />
+    <Icon status="success">
+      <CheckCircleIcon />
+    </Icon>
     &nbsp;Your installed cluster will be fully supported
   </>
 );

package/lib/ocm/components/featureSupportLevels/featureStateUtils.ts

@@ -181,6 +181,12 @@ export const getNewFeatureDisabledReason = (
     case 'OSC': {
       return getOscDisabledReason(cluster, activeFeatureConfiguration, isSupported);
     }
+    case 'SDN_NETWORK_TYPE': {
+      if (!isSupported) {
+        return 'SDN is not available for the selected configuration.';
+      }
+      return undefined;
+    }
     case 'NETWORK_TYPE_SELECTION': {
       return getNetworkTypeSelectionDisabledReason(cluster);
     }

package/lib/ocm/components/ui/InfoLinkWithModal.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import {
   Button,
   ButtonVariant,
+  Icon,
   IconComponentProps,
   Modal,
   ModalBody,
@@ -10,7 +11,6 @@ import {
   ModalProps,
 } from '@patternfly/react-core';
 import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { UiIcon } from '../../../common';
 
 export interface InfoLinkWithModalProps {
   linkText: string;
@@ -43,7 +43,9 @@ const InfoLinkWithModal = ({
       <Button id={linkId} variant={ButtonVariant.link} onClick={handleLinkClick} isInline>
         {!isInline && (
           <>
-            <UiIcon size={infoCircleSize} icon={<InfoCircleIcon />} />
+            <Icon size={infoCircleSize}>
+              <InfoCircleIcon />
+            </Icon>
             &nbsp;
           </>
         )}

package/lib/ocm/components/utils.ts

@@ -1,7 +1,11 @@
 import { Cluster } from '@openshift-assisted/types/./assisted-installer-service';
+import { NETWORK_TYPE_OVN, NETWORK_TYPE_SDN } from '../../common/config';
 
 export const isOciPlatformType = (cluster: Cluster): boolean => {
   return (
     cluster.platform?.type === 'external' && cluster.platform?.external?.platformName === 'oci'
   );
 };
+
+export const isThirdPartyCNI = (networkType: Cluster['networkType']): boolean =>
+  !!networkType && networkType !== NETWORK_TYPE_OVN && networkType !== NETWORK_TYPE_SDN;

package/lib/ocm/hooks/useUISettings.ts

@@ -31,7 +31,6 @@ const useUISettings = (clusterId?: Cluster['id']) => {
           const { data: customManifests } = await ClustersAPI.getManifests(clusterId);
 
           const mockUISettings: UISettingsValues = {
-            addCustomManifests: !!customManifests.length,
             customManifestsAdded: !!customManifests.length,
           };
 

package/lib/ocm/services/ClusterDetailsService.ts

@@ -105,7 +105,6 @@ const ClusterDetailsService = {
     cluster,
     infraEnv,
     urlSearchParams,
-    addCustomManifests,
     ...args
   }: {
     cluster?: Cluster;
@@ -114,7 +113,6 @@ const ClusterDetailsService = {
     managedDomains: ManagedDomain[];
     ocpVersions: OpenshiftVersionOptionType[];
     urlSearchParams: string;
-    addCustomManifests?: boolean;
   }): OcmClusterDetailsValues {
     const values = getClusterDetailsInitialValues({
       cluster,
@@ -133,7 +131,6 @@ const ClusterDetailsService = {
       ...values,
       cpuArchitecture,
       hostsNetworkConfigurationType,
-      addCustomManifest: !!addCustomManifests,
       isCMNSupported: true,
       isSNODevPreview: false,
     };

package/lib/ocm/services/types.ts

@@ -21,7 +21,6 @@ export enum HostsNetworkConfigurationType {
 
 export type OcmClusterDetailsValues = ClusterDetailsValues & {
   hostsNetworkConfigurationType: HostsNetworkConfigurationType;
-  addCustomManifest: boolean;
   isCMNSupported: boolean;
   isSNODevPreview: boolean;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.50.0",
-    "@openshift-assisted/types": "2.50.0",
+    "@openshift-assisted/locales": "2.51.0",
+    "@openshift-assisted/types": "2.51.0",
     "@openshift-console/dynamic-plugin-sdk": "1.0.0",
     "@patternfly/patternfly": "6.4.0",
     "@patternfly/react-code-editor": "6.4.0",
@@ -99,7 +99,7 @@
     "react-i18next": ">11.7.3",
     "react-monaco-editor": "^0.55.0",
     "react-redux": "^8.0.5",
-    "react-router-dom-v5-compat": "^6.21.2",
+    "react-router-dom-v5-compat": "^6.30.3",
     "redux": "^4",
     "uuid": "^8.1",
     "yup": "^1.4.0"
@@ -136,5 +136,5 @@
       ]
     }
   },
-  "version": "2.50.0"
+  "version": "2.51.0"
 }

package/build/@types/common/components/ui/UiIcon.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactElement } from 'react';
-import { IconComponentProps } from '@patternfly/react-core';
-export type UiIconProps = {
-    size?: IconComponentProps['size'];
-    status?: IconComponentProps['status'] | undefined;
-    icon?: ReactElement;
-    className?: string;
-};
-declare const UiIcon: React.FC<UiIconProps>;
-export default UiIcon;
-//# sourceMappingURL=UiIcon.d.ts.map

package/build/@types/common/components/ui/UiIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiIcon.d.ts","sourceRoot":"","sources":["../../../../../lib/common/components/ui/UiIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAQ,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAClD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAQjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/@types/ocm/components/clusterConfiguration/CustomManifestCheckbox.d.ts

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

package/build/@types/ocm/components/clusterConfiguration/CustomManifestCheckbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomManifestCheckbox.d.ts","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/CustomManifestCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,KAAK,2BAA2B,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAE9E,QAAA,MAAM,sBAAsB,8BAA+B,2BAA2B,sBA6ErF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/build/cjs/common/components/ui/UiIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const UiIcon = (props) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.Icon, { size: props.size ? props.size : 'md', status: props.status, className: props.className }, props.icon)));
-};
-exports.default = UiIcon;
-//# sourceMappingURL=UiIcon.js.map

package/build/cjs/common/components/ui/UiIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiIcon.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/UiIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA4C;AAC5C,uDAAkE;AASlE,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC9C,OAAO,CACL;QACE,8BAAC,iBAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACzF,KAAK,CAAC,IAAI,CACN,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/build/cjs/ocm/components/clusterConfiguration/CustomManifestCheckbox.js

@@ -1,58 +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 formik_1 = require("formik");
-const common_1 = require("../../../common");
-const OcmFormFields_1 = require("../ui/OcmFormFields");
-const ClusterWizardContext_1 = require("../clusterWizard/ClusterWizardContext");
-const DeleteCustomManifestModal_1 = tslib_1.__importDefault(require("./manifestsConfiguration/DeleteCustomManifestModal"));
-const services_1 = require("../../services");
-const apis_1 = require("../../services/apis");
-const Label = () => {
-    return (React.createElement(React.Fragment, null,
-        "Include custom manifests",
-        ' ',
-        React.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: React.createElement("p", null, "Incorporate third-party manifests that are not supported in Assisted Installer and APIs.") })));
-};
-const CustomManifestCheckbox = ({ clusterId, isDisabled }) => {
-    const [{ name }, { value }, { setValue }] = (0, formik_1.useField)('addCustomManifest');
-    const fieldId = (0, common_1.getFieldId)(name, 'input');
-    const clusterWizardContext = (0, ClusterWizardContext_1.useClusterWizardContext)();
-    const [isDeleteCustomManifestsOpen, setDeleteCustomManifestsOpen] = React.useState(false);
-    const cleanCustomManifests = React.useCallback(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const { data: manifests } = yield apis_1.ClustersAPI.getManifests(clusterId);
-        void services_1.ClustersService.removeClusterManifests(manifests, clusterId);
-        setValue(false);
-        clusterWizardContext.setCustomManifestsStep(false);
-        setDeleteCustomManifestsOpen(false);
-        yield clusterWizardContext.updateUISettings({
-            addCustomManifests: false,
-            customManifestsAdded: false,
-        });
-    }), [clusterWizardContext, setValue, clusterId]);
-    const onChange = React.useCallback((checked) => {
-        var _a;
-        if (!checked && ((_a = clusterWizardContext.uiSettings) === null || _a === void 0 ? void 0 : _a.customManifestsAdded)) {
-            setDeleteCustomManifestsOpen(true);
-        }
-        setValue(checked);
-        clusterWizardContext.setCustomManifestsStep(checked);
-    }, [setValue, clusterWizardContext, setDeleteCustomManifestsOpen]);
-    const onClose = React.useCallback(() => {
-        setValue(true);
-        clusterWizardContext.setCustomManifestsStep(true);
-        setDeleteCustomManifestsOpen(false);
-    }, [clusterWizardContext, setValue]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, isInline: true, fieldId: fieldId },
-            React.createElement(OcmFormFields_1.OcmCheckbox, { id: fieldId, name: name, label: React.createElement(Label, null), "aria-describedby": `${fieldId}-helper`, description: React.createElement(react_core_1.FormGroup, null,
-                    React.createElement(react_core_1.FormHelperText, null,
-                        React.createElement(react_core_1.HelperText, { id: fieldId },
-                            React.createElement(react_core_1.HelperTextItem, { "data-testid": `input-custommanifestcheckbox-${fieldId}-helper-text` }, "Additional manifests will be applied at the install time for advanced configuration of the cluster.")))), onChange: (_event, value) => onChange(value), className: "with-tooltip", isChecked: value, isDisabled: isDisabled }),
-            React.createElement(DeleteCustomManifestModal_1.default, { isOpen: isDeleteCustomManifestsOpen, onClose: onClose, onDelete: () => void cleanCustomManifests() })),
-        value && (React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: 'This is an advanced configuration feature.' }, "Custom manifests will be added to the wizard as a new step."))));
-};
-exports.default = CustomManifestCheckbox;
-//# sourceMappingURL=CustomManifestCheckbox.js.map

package/build/cjs/ocm/components/clusterConfiguration/CustomManifestCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomManifestCheckbox.js","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/CustomManifestCheckbox.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAMgC;AAChC,mCAAkC;AAClC,4CAA0D;AAC1D,uDAAkD;AAClD,gFAAgF;AAChF,2HAA2F;AAC3F,6CAAiD;AACjD,8CAAkD;AAElD,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,OAAO,CACL;;QAC2B,GAAG;QAC5B,oBAAC,oBAAW,IACV,eAAe,QACf,WAAW,EACT,0HAEI,GAEN,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,sBAAsB,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAA+B,EAAE,EAAE;IACxF,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAU,mBAAmB,CAAC,CAAC;IACnF,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC1C,MAAM,oBAAoB,GAAG,IAAA,8CAAuB,GAAE,CAAC;IACvD,MAAM,CAAC,2BAA2B,EAAE,4BAA4B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1F,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAS,EAAE;QACxD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,kBAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACtE,KAAK,0BAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAElE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,oBAAoB,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QACnD,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,oBAAoB,CAAC,gBAAgB,CAAC;YAC1C,kBAAkB,EAAE,KAAK;YACzB,oBAAoB,EAAE,KAAK;SAC5B,CAAC,CAAC;IACL,CAAC,CAAA,EAAE,CAAC,oBAAoB,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,OAAgB,EAAE,EAAE;;QACnB,IAAI,CAAC,OAAO,KAAI,MAAA,oBAAoB,CAAC,UAAU,0CAAE,oBAAoB,CAAA,EAAE,CAAC;YACtE,4BAA4B,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;QAED,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,oBAAoB,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,QAAQ,EAAE,oBAAoB,EAAE,4BAA4B,CAAC,CAC/D,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,oBAAoB,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAClD,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErC,OAAO,CACL;QACE,oBAAC,sBAAS,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAAE,QAAQ,QAAC,OAAO,EAAE,OAAO;YAClE,oBAAC,2BAAW,IACV,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,oBAAC,KAAK,OAAG,sBACE,GAAG,OAAO,SAAS,EACrC,WAAW,EACT,oBAAC,sBAAS;oBACR,oBAAC,2BAAc;wBACb,oBAAC,uBAAU,IAAC,EAAE,EAAE,OAAO;4BACrB,oBAAC,2BAAc,mBACA,gCAAgC,OAAO,cAAc,0GAInD,CACN,CACE,CACP,EAEd,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC5C,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,UAAU,GACtB;YACF,oBAAC,mCAAyB,IACxB,MAAM,EAAE,2BAA2B,EACnC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,oBAAoB,EAAE,GAC3C,CACQ;QACX,KAAK,IAAI,CACR,oBAAC,kBAAK,IAAC,QAAQ,QAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,4CAA4C,kEAE1E,CACT,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}