@openshift-assisted/ui-lib 2.7.11-cim → 2.8.2-cim

package/build/common/components/hosts/AITable.js

@@ -0,0 +1,183 @@
+import React from 'react';
+import { Checkbox, Pagination, PaginationVariant } from '@patternfly/react-core';
+import { Table, TableHeader, TableBody, SortByDirection, RowWrapper, InnerScrollContainer, } from '@patternfly/react-table';
+import xor from 'lodash-es/xor.js';
+import classnames from 'classnames';
+import { getColSpanRow, rowSorter } from '../ui';
+import './HostsTable.css';
+const rowKey = ({ rowData }) => rowData === null || rowData === void 0 ? void 0 : rowData.key;
+const TableMemo = React.memo(({ rows, cells, onCollapse, className, sortBy, onSort, rowWrapper, testId, variant, actionResolver, }) => {
+    const tableActionResolver = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    (rowData) => actionResolver === null || actionResolver === void 0 ? void 0 : actionResolver(rowData.obj), [actionResolver]);
+    // new prop for @patternfly/react-table 4.67.7 which is used in ACM, but not in OCM
+    const newProps = {
+        canCollapseAll: false,
+    };
+    return (React.createElement(InnerScrollContainer, null,
+        React.createElement(Table, Object.assign({ rows: rows, cells: cells, onCollapse: onCollapse, "aria-label": "Hosts table", className: classnames(className, 'hosts-table'), sortBy: sortBy, onSort: onSort, rowWrapper: rowWrapper, "data-testid": testId, actionResolver: actionResolver ? tableActionResolver : undefined, variant: variant, actionsMenuAppendTo: () => document.body }, newProps),
+            React.createElement(TableHeader, null),
+            React.createElement(TableBody, { rowKey: rowKey }))));
+});
+TableMemo.displayName = 'tableMemo';
+const getMainIndex = (hasOnSelect, hasExpandComponent) => {
+    if (hasOnSelect && hasExpandComponent) {
+        return 2;
+    }
+    if (hasOnSelect || hasExpandComponent) {
+        return 1;
+    }
+    return 0;
+};
+const HostsTableRowWrapper = (props) => {
+    var _a;
+    return (React.createElement(RowWrapper, Object.assign({}, props, { "data-testid": `host-row-${Number((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.rowIndex)}` })));
+};
+const SelectionProvider = React.createContext({
+    selectedIDs: [],
+    allIDs: [],
+});
+const SelectCheckbox = ({ onSelect, id }) => {
+    const { selectedIDs } = React.useContext(SelectionProvider);
+    const isChecked = selectedIDs === null || selectedIDs === void 0 ? void 0 : selectedIDs.includes(id);
+    return (React.createElement(Checkbox, { id: `select-${id}`, onChange: () => onSelect(!isChecked), isChecked: isChecked }));
+};
+const SelectAllCheckbox = ({ onSelect }) => {
+    const { allIDs, selectedIDs } = React.useContext(SelectionProvider);
+    const isChecked = xor(allIDs, selectedIDs).length === 0;
+    return allIDs.length ? (React.createElement(Checkbox, { id: "select-all", onChange: () => onSelect(!isChecked), isChecked: isChecked })) : (React.createElement("div", null));
+};
+// eslint-disable-next-line
+const AITable = ({ data, testId = 'hosts-table', className, content, ExpandComponent, getDataId, actionResolver, onSelect, children, selectedIDs, setSelectedIDs, perPage, page, onSetPage, onPerPageSelect, showPagination, perPageOptions, canSelectAll, variant, }) => {
+    const itemIDs = React.useMemo(() => data.map(getDataId), [data, getDataId]);
+    React.useEffect(() => {
+        if (selectedIDs && setSelectedIDs) {
+            const idsToRemove = [];
+            selectedIDs.forEach((id) => {
+                const matchedData = data.find((d) => getDataId(d) === id);
+                if (!matchedData) {
+                    idsToRemove.push(id);
+                }
+            });
+            if (idsToRemove.length) {
+                setSelectedIDs(selectedIDs.filter((id) => !idsToRemove.includes(id)));
+            }
+        }
+    }, [data, setSelectedIDs, selectedIDs, getDataId]);
+    const [openRows, setOpenRows] = React.useState({});
+    const [sortBy, setSortBy] = React.useState({
+        index: getMainIndex(!!onSelect, !!ExpandComponent),
+        direction: SortByDirection.asc,
+    });
+    const dataRef = React.useRef(data);
+    if (dataRef.current !== data) {
+        dataRef.current = data;
+    }
+    const onSelectAll = React.useCallback((isChecked) => {
+        setSelectedIDs === null || setSelectedIDs === void 0 ? void 0 : setSelectedIDs(isChecked ? dataRef.current.map(getDataId) : []);
+    }, [setSelectedIDs, getDataId]);
+    const [contentWithAdditions, columns] = React.useMemo(() => {
+        let newContent = content;
+        if (onSelect) {
+            newContent = [
+                {
+                    header: {
+                        title: canSelectAll ? React.createElement(SelectAllCheckbox, { onSelect: onSelectAll }) : '',
+                        cellFormatters: [],
+                    },
+                    cell: (obj) => {
+                        const id = getDataId(obj);
+                        const selectId = `select-${id}`;
+                        return {
+                            title: React.createElement(SelectCheckbox, { id: id, onSelect: (isChecked) => onSelect(obj, isChecked) }),
+                            props: { 'data-testid': selectId },
+                        };
+                    },
+                },
+                ...content,
+            ];
+        }
+        const columns = newContent.map((c) => c.header);
+        return [newContent, columns];
+    }, [content, onSelect, getDataId, onSelectAll, canSelectAll]);
+    const hostRows = React.useMemo(() => {
+        let rows = (data || [])
+            .map((obj) => {
+            const id = getDataId(obj);
+            const cells = contentWithAdditions.filter((c) => !!c.cell).map((c) => { var _a; return (_a = c.cell) === null || _a === void 0 ? void 0 : _a.call(c, obj); });
+            const isOpen = !!openRows[id];
+            return {
+                // visible row
+                isOpen,
+                cells,
+                key: `${id}-master`,
+                obj,
+                id,
+            };
+        })
+            .sort(rowSorter(sortBy, (row, index = 1) => { var _a, _b; 
+        // eslint-disable-next-line
+        return ExpandComponent ? (_a = row.cells) === null || _a === void 0 ? void 0 : _a[index - 1] : (_b = row.cells) === null || _b === void 0 ? void 0 : _b[index]; }))
+            .slice((page - 1) * perPage, page * perPage);
+        if (ExpandComponent) {
+            rows = rows.reduce((allRows, row, index) => {
+                allRows.push(row);
+                if (ExpandComponent) {
+                    allRows.push({
+                        // expandable detail
+                        // parent will be set after sorting
+                        cells: [
+                            {
+                                // do not render unnecessarily to improve performance
+                                title: row.isOpen ? React.createElement(ExpandComponent, { obj: row.obj }) : undefined,
+                                props: { colSpan: columns.length },
+                            },
+                        ],
+                        key: `${row.id || ''}-detail`,
+                        parent: index * 2,
+                    });
+                }
+                return allRows;
+            }, []);
+        }
+        return rows;
+    }, [
+        contentWithAdditions,
+        ExpandComponent,
+        getDataId,
+        data,
+        openRows,
+        sortBy,
+        page,
+        perPage,
+        columns.length,
+    ]);
+    const rows = React.useMemo(() => {
+        if (hostRows.length) {
+            return hostRows;
+        }
+        return getColSpanRow(children, columns.length);
+    }, [hostRows, columns, children]);
+    const onCollapse = React.useCallback((_event, rowKey) => {
+        const id = hostRows[rowKey].id;
+        if (id) {
+            setOpenRows(Object.assign({}, openRows, { [id]: !openRows[id] }));
+        }
+    }, [hostRows, openRows]);
+    const onSort = React.useCallback((_event, index, direction) => {
+        setOpenRows({}); // collapse all
+        setSortBy({
+            index,
+            direction,
+        });
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SelectionProvider.Provider, { value: {
+                selectedIDs,
+                allIDs: itemIDs,
+            } },
+            React.createElement(TableMemo, { rows: rows, cells: columns, onCollapse: ExpandComponent ? onCollapse : undefined, className: className, sortBy: sortBy, onSort: onSort, rowWrapper: HostsTableRowWrapper, "data-testid": testId, actionResolver: actionResolver, variant: variant })),
+        showPagination && (React.createElement(Pagination, { variant: PaginationVariant.bottom, itemCount: itemIDs.length, perPage: perPage, onPerPageSelect: onPerPageSelect, page: page, onSetPage: onSetPage, perPageOptions: perPageOptions }))));
+};
+export default AITable;
+//# sourceMappingURL=AITable.js.map

package/build/common/components/hosts/AITable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AITable.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/AITable.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/AdditionalNTPSourcesDialog.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Formik } from 'formik';
+import * as Yup from 'yup';
+import { Form, Modal, ModalVariant, ModalBoxBody, ModalBoxFooter, Button, } from '@patternfly/react-core';
+import { ntpSourceValidationSchema, AdditionalNTPSourcesField, } from '../../../common';
+import { AlertFormikError } from '../../../common/components/ui';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const AdditionalNTPSourcesForm = ({ additionalNtpSource, onClose, onAdditionalNtpSource, }) => {
+    const initialValues = {
+        additionalNtpSource: additionalNtpSource || '',
+    };
+    const getValidationSchema = (t) => Yup.object().shape({
+        additionalNtpSource: ntpSourceValidationSchema.required(t('ai:Required field')),
+    });
+    const { t } = useTranslation();
+    const handleSubmit = (values, formikHelpers) => {
+        formikHelpers.setStatus({ error: null });
+        if (onAdditionalNtpSource && values.additionalNtpSource) {
+            const onError = (message) => formikHelpers.setStatus({
+                error: {
+                    title: 'Failed to add NTP sources',
+                    message,
+                },
+            });
+            void onAdditionalNtpSource(values.additionalNtpSource, onError);
+        }
+        onClose();
+    };
+    return (React.createElement(Formik, { initialValues: initialValues, initialTouched: { additionalNtpSource: true }, initialStatus: { error: null }, validationSchema: getValidationSchema(t), onSubmit: handleSubmit }, ({ submitForm, status, setStatus, isSubmitting, isValid, dirty }) => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(ModalBoxBody, null,
+                React.createElement(Form, null,
+                    React.createElement(AlertFormikError, { status: status, onClose: () => setStatus({ error: null }) }),
+                    React.createElement(AdditionalNTPSourcesField, { name: "additionalNtpSource", label: t('ai:Additional NTP Sources'), helperText: t('ai:A comma separated list of IP or domain names of the NTP pools or servers. Additional NTP sources are added to all hosts to ensure all hosts clocks are synchronized with a valid NTP server. It may take a few minutes for the new NTP sources to sync.'), isRequired: true }))),
+            React.createElement(ModalBoxFooter, null,
+                React.createElement(Button, { key: "submit", 
+                    // eslint-disable-next-line @typescript-eslint/no-misused-promises
+                    onClick: submitForm, isDisabled: isSubmitting || !isValid || !dirty, isLoading: isSubmitting }, isSubmitting ? t('ai:Adding...') : t('ai:Add')),
+                React.createElement(Button, { key: "cancel", variant: "link", onClick: onClose }, t('ai:Cancel')))));
+    }));
+};
+export const AdditionalNTPSourcesDialog = ({ additionalNtpSource, isOpen, onClose, onAdditionalNtpSource, }) => (React.createElement(Modal, { "aria-label": "Add NTP sources", title: "Add NTP sources", isOpen: isOpen, onClose: onClose, variant: ModalVariant.small, hasNoBodyWrapper: true },
+    React.createElement(AdditionalNTPSourcesForm, { additionalNtpSource: additionalNtpSource, onClose: onClose, onAdditionalNtpSource: onAdditionalNtpSource })));
+//# sourceMappingURL=AdditionalNTPSourcesDialog.js.map

package/build/common/components/hosts/AdditionalNTPSourcesDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalNTPSourcesDialog.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/AdditionalNTPSourcesDialog.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/DiskLimitations.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Alert, AlertVariant, Button, ButtonVariant, List, ListItem, Popover, } from '@patternfly/react-core';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const DiskLimitations = ({ disk }) => {
+    var _a, _b, _c;
+    if (!((_a = disk.installationEligibility) === null || _a === void 0 ? void 0 : _a.eligible)) {
+        const limitationsCount = ((_c = (_b = disk.installationEligibility) === null || _b === void 0 ? void 0 : _b.notEligibleReasons) === null || _c === void 0 ? void 0 : _c.length) || 0;
+        return (React.createElement(Popover, { headerContent: React.createElement("div", null, "Disk limitations"), bodyContent: React.createElement(DiskLimitationsPopoverContent, Object.assign({}, disk.installationEligibility)), minWidth: "30rem", maxWidth: "50rem" },
+            React.createElement(Button, { variant: ButtonVariant.link, isInline: true }, limitationsCount)));
+    }
+    return null;
+};
+export default DiskLimitations;
+const DiskLimitationsPopoverContent = ({ eligible, notEligibleReasons, }) => {
+    const alerts = [];
+    const { t } = useTranslation();
+    if (!eligible) {
+        alerts.push(React.createElement(Alert, { key: "install-eligibility", variant: AlertVariant.warning, title: t('ai:Disk is not eligible for installation'), isInline: true }, notEligibleReasons && (React.createElement(List, null, notEligibleReasons.map((reason) => (React.createElement(ListItem, { key: reason }, reason)))))));
+    }
+    return React.createElement(React.Fragment, null, alerts);
+};
+//# sourceMappingURL=DiskLimitations.js.map

package/build/common/components/hosts/DiskLimitations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiskLimitations.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/DiskLimitations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,EACL,YAAY,EACZ,MAAM,EACN,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAKrE,MAAM,eAAe,GAAmC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;;IACnE,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,uBAAuB,0CAAE,QAAQ,CAAA,EAAE;QAC3C,MAAM,gBAAgB,GAAG,CAAA,MAAA,MAAA,IAAI,CAAC,uBAAuB,0CAAE,kBAAkB,0CAAE,MAAM,KAAI,CAAC,CAAC;QACvF,OAAO,CACL,oBAAC,OAAO,IACN,aAAa,EAAE,oDAA2B,EAC1C,WAAW,EAAE,oBAAC,6BAA6B,oBAAK,IAAI,CAAC,uBAAuB,EAAI,EAChF,QAAQ,EAAC,OAAO,EAChB,QAAQ,EAAC,OAAO;YAEhB,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,IAAI,EAAE,QAAQ,UAC1C,gBAAgB,CACV,CACD,CACX,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC;AAO/B,MAAM,6BAA6B,GAAiD,CAAC,EACnF,QAAQ,EACR,kBAAkB,GACnB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,IAAI,CAAC,QAAQ,EAAE;QACb,MAAM,CAAC,IAAI,CACT,oBAAC,KAAK,IACJ,GAAG,EAAC,qBAAqB,EACzB,OAAO,EAAE,YAAY,CAAC,OAAO,EAC7B,KAAK,EAAE,CAAC,CAAC,0CAA0C,CAAC,EACpD,QAAQ,UAEP,kBAAkB,IAAI,CACrB,oBAAC,IAAI,QACF,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,CAC1C,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,IAAG,MAAM,CAAY,CAC3C,CAAC,CACG,CACR,CACK,CACT,CAAC;KACH;IACD,OAAO,0CAAG,MAAM,CAAI,CAAC;AACvB,CAAC,CAAC"}

package/build/common/components/hosts/DiskRole.js

@@ -0,0 +1,49 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Dropdown, DropdownItem, DropdownToggle } from '@patternfly/react-core';
+import { CaretDownIcon } from '@patternfly/react-icons';
+import { diskRoleLabels } from '../../config';
+import { useStateSafely } from '../../hooks';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+export const getCurrentDiskRoleLabel = (disk, installationDiskId, t) => (disk.id === installationDiskId ? diskRoleLabels(t).install : diskRoleLabels(t).none);
+const DiskRole = ({ host, disk, installationDiskId, isEditable, onDiskRole, }) => {
+    const { t } = useTranslation();
+    const currentRoleLabel = getCurrentDiskRoleLabel(disk, installationDiskId, t);
+    if (isEditable && disk.id !== installationDiskId && onDiskRole) {
+        return (React.createElement(DiskRoleDropdown, { host: host, disk: disk, installationDiskId: installationDiskId, onDiskRole: onDiskRole }));
+    }
+    return React.createElement(React.Fragment, null, currentRoleLabel);
+};
+const DiskRoleDropdown = ({ host, disk, installationDiskId, onDiskRole, }) => {
+    var _a, _b;
+    const [isOpen, setOpen] = useStateSafely(false);
+    const [isDisabled, setDisabled] = useStateSafely(false);
+    const { t } = useTranslation();
+    const dropdownItems = [
+        React.createElement(DropdownItem, { key: "install", id: "install", isDisabled: !((_a = disk.installationEligibility) === null || _a === void 0 ? void 0 : _a.eligible), description: !((_b = disk.installationEligibility) === null || _b === void 0 ? void 0 : _b.eligible) && t('ai:Disk is not eligible for installation') }, diskRoleLabels(t).install),
+    ];
+    const onSelect = React.useCallback((event) => {
+        const asyncFunc = () => __awaiter(void 0, void 0, void 0, function* () {
+            if (event === null || event === void 0 ? void 0 : event.currentTarget.id) {
+                setDisabled(true);
+                yield onDiskRole(host.id, disk.id, event.currentTarget.id);
+                setDisabled(false);
+            }
+            setOpen(false);
+        });
+        void asyncFunc();
+    }, [setOpen, setDisabled, onDiskRole, host.id, disk.id]);
+    const currentRoleLabel = getCurrentDiskRoleLabel(disk, installationDiskId, t);
+    const toggle = React.useMemo(() => (React.createElement(DropdownToggle, { onToggle: (val) => setOpen(val), toggleIndicator: CaretDownIcon, isDisabled: isDisabled, className: "pf-c-button pf-m-link pf-m-inline" }, currentRoleLabel)), [setOpen, currentRoleLabel, isDisabled]);
+    return (React.createElement(Dropdown, { onSelect: onSelect, dropdownItems: dropdownItems, toggle: toggle, isOpen: isOpen, isPlain: true }));
+};
+export default DiskRole;
+//# sourceMappingURL=DiskRole.js.map

package/build/common/components/hosts/DiskRole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiskRole.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/DiskRole.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/EditHostForm.js

@@ -0,0 +1,70 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import * as Yup from 'yup';
+import { Button, ButtonVariant, ButtonType, Form, ModalBoxBody, ModalBoxFooter, AlertVariant, Alert, } from '@patternfly/react-core';
+import { Formik } from 'formik';
+import { richHostnameValidationSchema, RichInputField, StaticTextField, hostnameValidationMessages, getRichTextValidation, AlertFormikError, } from '../ui';
+import { canHostnameBeChanged } from './utils';
+import GridGap from '../ui/GridGap';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const validationSchema = (t, initialValues, usedHostnames = []) => Yup.object().shape({
+    hostname: richHostnameValidationSchema(t, usedHostnames, initialValues.hostname),
+});
+const EditHostForm = ({ host, inventory, usedHostnames, onCancel, onSave, onHostSaveError, getEditErrorMessage, }) => {
+    const hostnameInputRef = React.useRef();
+    const [isSaveInProgress, setIsSaveInProgress] = React.useState(false);
+    React.useEffect(() => {
+        var _a, _b;
+        (_a = hostnameInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        (_b = hostnameInputRef.current) === null || _b === void 0 ? void 0 : _b.select();
+    }, []);
+    const { requestedHostname } = host;
+    const { hostname } = inventory;
+    const initialValues = {
+        hostId: host.id,
+        hostname: requestedHostname || '',
+    };
+    const { t } = useTranslation();
+    return (React.createElement(Formik, { validateOnMount: true, initialValues: initialValues, initialStatus: { error: null }, validate: getRichTextValidation(validationSchema(t, initialValues, usedHostnames)), onSubmit: (values, formikActions) => __awaiter(void 0, void 0, void 0, function* () {
+            if (values.hostname === initialValues.hostname) {
+                // no change to save
+                onCancel();
+                return;
+            }
+            try {
+                setIsSaveInProgress(true); // onSave ends closing the modal, so we can't update the status unless there is an error
+                yield onSave(values);
+            }
+            catch (e) {
+                setIsSaveInProgress(false);
+                const error = e;
+                const message = (getEditErrorMessage && getEditErrorMessage(error)) || t('ai:Host update failed.');
+                formikActions.setStatus({
+                    error: {
+                        title: t('ai:Failed to update host'),
+                        message,
+                    },
+                });
+                onHostSaveError && onHostSaveError(error);
+            }
+        }) }, ({ handleSubmit, status, isSubmitting, isValid, setStatus, dirty }) => (React.createElement(Form, { onSubmit: handleSubmit },
+        React.createElement(ModalBoxBody, null,
+            React.createElement(GridGap, null,
+                React.createElement(AlertFormikError, { status: status, onClose: () => setStatus({ error: null }) }),
+                React.createElement(Alert, { variant: AlertVariant.info, title: t('ai:This name will replace the original discovered hostname.'), isInline: true }),
+                React.createElement(StaticTextField, { name: "discoveredHostname", label: "Discovered hostname" }, hostname || ''),
+                React.createElement(RichInputField, { label: t('ai:New hostname'), name: "hostname", ref: hostnameInputRef, isRequired: true, isDisabled: isSaveInProgress || !canHostnameBeChanged(host.status), richValidationMessages: hostnameValidationMessages(t) }))),
+        React.createElement(ModalBoxFooter, null,
+            React.createElement(Button, { key: "submit", "data-testid": "change-hostname-form__button-change", type: ButtonType.submit, isDisabled: isSubmitting || !isValid || !dirty }, t('ai:Change')),
+            React.createElement(Button, { "data-testid": "change-hostname-form__button-cancel", key: "cancel", variant: ButtonVariant.link, onClick: onCancel }, t('ai:Cancel')))))));
+};
+export default EditHostForm;
+//# sourceMappingURL=EditHostForm.js.map

package/build/common/components/hosts/EditHostForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditHostForm.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/EditHostForm.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/EditHostModal.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Modal, ModalVariant } from '@patternfly/react-core';
+import EditHostForm from './EditHostForm';
+const EditHostModal = ({ isOpen, host, inventory, usedHostnames, onClose, onSave, onHostSaveError, getEditErrorMessage, }) => host && inventory ? (React.createElement(Modal, { "aria-label": "Change hostname dialog", title: "Change hostname", isOpen: isOpen, onClose: onClose, variant: ModalVariant.small, hasNoBodyWrapper: true },
+    React.createElement(EditHostForm, { host: host, inventory: inventory, usedHostnames: usedHostnames, onCancel: onClose, onSave: onSave, getEditErrorMessage: getEditErrorMessage, onHostSaveError: onHostSaveError }))) : null;
+export default EditHostModal;
+//# sourceMappingURL=EditHostModal.js.map

package/build/common/components/hosts/EditHostModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditHostModal.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/EditHostModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,YAAmC,MAAM,gBAAgB,CAAC;AAYjE,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,IAAI,EACJ,SAAS,EACT,aAAa,EACb,OAAO,EACP,MAAM,EACN,eAAe,EACf,mBAAmB,GACA,EAAE,EAAE,CACvB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,KAAK,kBACO,wBAAwB,EACnC,KAAK,EAAC,iBAAiB,EACvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,CAAC,KAAK,EAC3B,gBAAgB;IAEhB,oBAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,GAChC,CACI,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,eAAe,aAAa,CAAC"}

package/build/common/components/hosts/FormatDiskCheckbox.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Checkbox, Tooltip } from '@patternfly/react-core';
+import { trimCommaSeparatedList } from '../..';
+export const isInstallationDisk = (diskId, installationDiskId) => diskId === installationDiskId;
+export const isInDiskSkipFormattingList = (host, diskId) => {
+    return (trimCommaSeparatedList(host.skipFormattingDisks ? host.skipFormattingDisks : '')
+        .split(',')
+        .filter((diskSkipFormatting) => diskSkipFormatting === diskId).length > 0);
+};
+export const isInDiskToBeFormattedList = (host, diskId) => {
+    return (trimCommaSeparatedList(host.disksToBeFormatted ? host.disksToBeFormatted : '')
+        .split(',')
+        .filter((diskToBeFormatted) => diskToBeFormatted === diskId).length > 0);
+};
+const isInvalidInstallationDisk = (host, diskId, installationDiskId) => {
+    // If it's an installation disk that somehow is set to skip formatting, enable the checkbox to let the user fix it
+    if (isInstallationDisk(diskId, installationDiskId)) {
+        return isInDiskSkipFormattingList(host, diskId);
+    }
+    return false;
+};
+export const isFormatDiskChecked = (host, diskId, installationDiskId) => {
+    if (isInstallationDisk(diskId, installationDiskId)) {
+        return !isInDiskSkipFormattingList(host, diskId);
+    }
+    return isInDiskToBeFormattedList(host, diskId) && !isInDiskSkipFormattingList(host, diskId);
+};
+export const isFormatDiskDisabled = (host, diskId, installationDiskId) => {
+    if (isInstallationDisk(diskId, installationDiskId)) {
+        // If it's an installation disk that somehow is set to skip formatting, enable the checkbox to let the user fix it
+        return !isInvalidInstallationDisk(host, diskId, installationDiskId);
+    }
+    return !isInDiskToBeFormattedList(host, diskId);
+};
+const onSelectFormattingDisk = (shouldFormatDisk, hostId, diskId, updateDiskSkipFormatting) => {
+    updateDiskSkipFormatting ? updateDiskSkipFormatting(shouldFormatDisk, hostId, diskId) : '';
+};
+const FormatDiskCheckbox = ({ host, diskId, installationDiskId, index, updateDiskSkipFormatting, }) => {
+    return (React.createElement(Tooltip, { hidden: !isFormatDiskDisabled(host, diskId, installationDiskId), content: isFormatDiskChecked(host, diskId, installationDiskId)
+            ? 'Installation disks are always being formatted'
+            : 'Read-only disks cannot be formatted' },
+        React.createElement(Checkbox, { id: `select-formatted-${host.id}-${index}`, isChecked: isFormatDiskChecked(host, diskId, installationDiskId), isDisabled: isFormatDiskDisabled(host, diskId, installationDiskId), onChange: (checked) => onSelectFormattingDisk(checked, host.id, diskId, updateDiskSkipFormatting) })));
+};
+export default FormatDiskCheckbox;
+//# sourceMappingURL=FormatDiskCheckbox.js.map

package/build/common/components/hosts/FormatDiskCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatDiskCheckbox.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/FormatDiskCheckbox.tsx"],"names":[],"mappings":"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"}

package/build/common/components/hosts/HostProgress.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Progress, ProgressVariant, ProgressMeasureLocation, ProgressSize, } from '@patternfly/react-core';
+import { getHostProgress, getHostProgressStages, getHostProgressStageNumber } from './utils';
+const getProgressVariant = (status) => {
+    switch (status) {
+        case 'cancelled':
+        case 'error':
+            return ProgressVariant.danger;
+        case 'installed':
+            return ProgressVariant.success;
+        default:
+            return undefined;
+    }
+};
+const getMeasureLocation = (status) => status === 'installed' ? ProgressMeasureLocation.none : ProgressMeasureLocation.top;
+const HostProgress = ({ host }) => {
+    const { status } = host;
+    const stages = getHostProgressStages(host);
+    const { currentStage, progressInfo } = getHostProgress(host);
+    const currentStageNumber = getHostProgressStageNumber(host);
+    const progressLabel = `${currentStage || ''}${progressInfo ? `: ${progressInfo}` : ' '}`;
+    return (React.createElement(Progress, { title: progressLabel, value: currentStageNumber, min: 1, max: stages.length, label: `Step ${currentStageNumber} of ${stages.length}`, valueText: `Step ${currentStageNumber} of ${stages.length}: ${progressLabel}`, variant: getProgressVariant(status), measureLocation: getMeasureLocation(status), size: ProgressSize.sm }));
+};
+export default HostProgress;
+//# sourceMappingURL=HostProgress.js.map

package/build/common/components/hosts/HostProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostProgress.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EACR,eAAe,EACf,uBAAuB,EACvB,YAAY,GACb,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE7F,MAAM,kBAAkB,GAAG,CAAC,MAAsB,EAAE,EAAE;IACpD,QAAQ,MAAM,EAAE;QACd,KAAK,WAAW,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,eAAe,CAAC,MAAM,CAAC;QAChC,KAAK,WAAW;YACd,OAAO,eAAe,CAAC,OAAO,CAAC;QACjC;YACE,OAAO,SAAS,CAAC;KACpB;AACH,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,MAAsB,EAAE,EAAE,CACpD,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,CAAC;AAEtF,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAkB,EAAE,EAAE;IAChD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,kBAAkB,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,GAAG,YAAY,IAAI,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,YAAY,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IAEzF,OAAO,CACL,oBAAC,QAAQ,IACP,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,kBAAkB,EACzB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,MAAM,CAAC,MAAM,EAClB,KAAK,EAAE,QAAQ,kBAAkB,OAAO,MAAM,CAAC,MAAM,EAAE,EACvD,SAAS,EAAE,QAAQ,kBAAkB,OAAO,MAAM,CAAC,MAAM,KAAK,aAAa,EAAE,EAC7E,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,EACnC,eAAe,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAC3C,IAAI,EAAE,YAAY,CAAC,EAAE,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/common/components/hosts/HostPropertyValidationPopover.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Button, ButtonVariant, Popover } from '@patternfly/react-core';
+import { CheckCircleIcon, ExclamationCircleIcon, PendingIcon } from '@patternfly/react-icons';
+import { global_danger_color_100 as dangerColor, global_success_color_100 as successColor, } from '@patternfly/react-tokens';
+import { toSentence } from '../ui';
+import { hostValidationFailureHints, hostValidationLabels } from '../../config';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const ValidationPopover = ({ validation, actions, children }) => {
+    const { t } = useTranslation();
+    const failedValidationHint = hostValidationFailureHints(t)[validation.id];
+    return (React.createElement(Popover, { headerContent: React.createElement("div", null, hostValidationLabels(t)[validation.id]), bodyContent: React.createElement("div", null,
+            toSentence(validation.message),
+            validation.status === 'failure' && failedValidationHint && ` ${failedValidationHint}`), footerContent: actions, zIndex: 300 },
+        React.createElement(Button, { variant: ButtonVariant.link, isInline: true }, children)));
+};
+const HostPropertyValidationPopover = ({ validation, failureActions, pendingActions, children, showFailure = true, showPending = false, showSuccess = false, }) => {
+    if (validation) {
+        if (showFailure && validation.status === 'failure') {
+            return (React.createElement(ValidationPopover, { validation: validation, actions: failureActions },
+                React.createElement(ExclamationCircleIcon, { color: dangerColor.value }),
+                " ",
+                children));
+        }
+        if (showPending && validation.status === 'pending') {
+            return (React.createElement(ValidationPopover, { validation: validation, actions: pendingActions },
+                React.createElement(PendingIcon, null),
+                " ",
+                children));
+        }
+        if (showSuccess && validation.status === 'success') {
+            return (React.createElement(React.Fragment, null,
+                React.createElement(CheckCircleIcon, { color: successColor.value }),
+                " ",
+                children));
+        }
+    }
+    return React.createElement(React.Fragment, null, children);
+};
+export default HostPropertyValidationPopover;
+//# sourceMappingURL=HostPropertyValidationPopover.js.map

package/build/common/components/hosts/HostPropertyValidationPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostPropertyValidationPopover.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostPropertyValidationPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EACL,uBAAuB,IAAI,WAAW,EACtC,wBAAwB,IAAI,YAAY,GACzC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAOrE,MAAM,iBAAiB,GAAqC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChG,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,oBAAoB,GAAG,0BAA0B,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,oBAAC,OAAO,IACN,aAAa,EAAE,iCAAM,oBAAoB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAO,EAClE,WAAW,EACT;YACG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC;YAC9B,UAAU,CAAC,MAAM,KAAK,SAAS,IAAI,oBAAoB,IAAI,IAAI,oBAAoB,EAAE,CAClF,EAER,aAAa,EAAE,OAAO,EACtB,MAAM,EAAE,GAAG;QAEX,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,IAAI,EAAE,QAAQ,UAC1C,QAAQ,CACF,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,6BAA6B,GAAiD,CAAC,EACnF,UAAU,EACV,cAAc,EACd,cAAc,EACd,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,KAAK,GACpB,EAAE,EAAE;IACH,IAAI,UAAU,EAAE;QACd,IAAI,WAAW,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE;YAClD,OAAO,CACL,oBAAC,iBAAiB,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc;gBAChE,oBAAC,qBAAqB,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,GAAI;;gBAAE,QAAQ,CAC3C,CACrB,CAAC;SACH;QACD,IAAI,WAAW,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE;YAClD,OAAO,CACL,oBAAC,iBAAiB,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc;gBAChE,oBAAC,WAAW,OAAG;;gBAAE,QAAQ,CACP,CACrB,CAAC;SACH;QACD,IAAI,WAAW,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE;YAClD,OAAO,CACL;gBACE,oBAAC,eAAe,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK,GAAI;;gBAAE,QAAQ,CACvD,CACJ,CAAC;SACH;KACF;IACD,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/build/common/components/hosts/HostRequirements.js

@@ -0,0 +1,37 @@
+import { List, ListItem, TextContent } from '@patternfly/react-core';
+import * as React from 'react';
+import { fileSize } from './utils';
+import ExternalLink from '../ui/ExternalLink';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const parseRAM = (req) => fileSize(((req === null || req === void 0 ? void 0 : req.ramMib) || 16 * 1024) * 1024 * 1024, 2, 'iec');
+export const HostRequirementsList = ({ master, worker, sno, isSNOCluster, }) => {
+    const masterRam = parseRAM(master);
+    const workerRam = parseRAM(worker);
+    const snoRam = parseRAM(sno);
+    const { t } = useTranslation();
+    return (React.createElement(List, null,
+        !isSNOCluster && (React.createElement(React.Fragment, null,
+            React.createElement(ListItem, null, t('ai:Control plane nodes: At least {{master_cpu_cores}} CPU cores, {{master_ram}} RAM, {{master_disksize}} GB disk size for every control plane node.', {
+                master_cpu_cores: (master === null || master === void 0 ? void 0 : master.cpuCores) || 4,
+                master_ram: masterRam,
+                master_disksize: (master === null || master === void 0 ? void 0 : master.diskSizeGb) || 120,
+            })),
+            React.createElement(ListItem, null, t('ai:Workers: At least {{worker_cpu_cores}} CPU cores, {{worker_ram}} RAM, {{worker_disksize}} GB disk size for each worker ', {
+                worker_cpu_cores: (worker === null || worker === void 0 ? void 0 : worker.cpuCores) || 2,
+                worker_ram: workerRam,
+                worker_disksize: (worker === null || worker === void 0 ? void 0 : worker.diskSizeGb) || 12,
+            })))),
+        (isSNOCluster === true || isSNOCluster === undefined) && (React.createElement(React.Fragment, null,
+            React.createElement(ListItem, null, t('ai:SNO: One host is required with at least {{sno_cpu_cores}} CPU cores, {{snoRam}} of RAM, and {{sno_disksize}} GB of disk size storage.', {
+                sno_cpu_cores: (sno === null || sno === void 0 ? void 0 : sno.cpuCores) || 4,
+                snoRam: snoRam,
+                sno_disksize: (sno === null || sno === void 0 ? void 0 : sno.diskSizeGb) || 120,
+            })))),
+        React.createElement(ListItem, null,
+            t("ai:Also note that each host's disk write speed should meet the minimum requirements to run OpenShift. "),
+            React.createElement(ExternalLink, { href: 'https://access.redhat.com/solutions/4885641' }, t('ai:Learn more')))));
+};
+const HostRequirements = (props) => (React.createElement(TextContent, null,
+    React.createElement(HostRequirementsList, Object.assign({}, props))));
+export default HostRequirements;
+//# sourceMappingURL=HostRequirements.js.map

package/build/common/components/hosts/HostRequirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostRequirements.js","sourceRoot":"","sources":["../../../../lib/common/components/hosts/HostRequirements.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAQrE,MAAM,QAAQ,GAAG,CAAC,GAAoB,EAAE,EAAE,CACxC,QAAQ,CAAC,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,KAAI,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;AAS/D,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,MAAM,EACN,MAAM,EACN,GAAG,EACH,YAAY,GACb,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,IAAI;QACF,CAAC,YAAY,IAAI,CAChB;YACE,oBAAC,QAAQ,QACN,CAAC,CACA,qJAAqJ,EACrJ;gBACE,gBAAgB,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,KAAI,CAAC;gBACvC,UAAU,EAAE,SAAS;gBACrB,eAAe,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,GAAG;aAC3C,CACF,CACQ;YACX,oBAAC,QAAQ,QACN,CAAC,CACA,4HAA4H,EAC5H;gBACE,gBAAgB,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,KAAI,CAAC;gBACvC,UAAU,EAAE,SAAS;gBACrB,eAAe,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,EAAE;aAC1C,CACF,CACQ,CACV,CACJ;QAEA,CAAC,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,SAAS,CAAC,IAAI,CACxD;YACE,oBAAC,QAAQ,QACN,CAAC,CACA,0IAA0I,EAC1I;gBACE,aAAa,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,KAAI,CAAC;gBACjC,MAAM,EAAE,MAAM;gBACd,YAAY,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,KAAI,GAAG;aACrC,CACF,CACQ,CACV,CACJ;QACD,oBAAC,QAAQ;YACN,CAAC,CACA,wGAAwG,CACzG;YACD,oBAAC,YAAY,IAAC,IAAI,EAAE,6CAA6C,IAC9D,CAAC,CAAC,eAAe,CAAC,CACN,CACN,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAwC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,oBAAC,WAAW;IACV,oBAAC,oBAAoB,oBAAK,KAAK,EAAI,CACvB,CACf,CAAC;AAEF,eAAe,gBAAgB,CAAC"}