@rh-support/manage 1.0.301-beta.2 → 1.1.0

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.js

@@ -7,37 +7,62 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { publicApi } from '@cee-eng/hydrajs';
 import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
-import { ToastNotification } from '@rh-support/components';
-import { fetchCaseGroupsForSSO, fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
+import { ToastNotification, useFetch } from '@rh-support/components';
+import { fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { haventLoadedMetadata, PreferredLanguages } from '@rh-support/utils';
-import invert from 'lodash/invert';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useLocation } from 'react-router-dom';
 import { useUserPreferences } from '../../../hooks/useUserPreferences';
 import { PreferenceSelect } from '../components/PreferenceSelect';
 export function PreferencesCaseCreate(props) {
     const { t } = useTranslation();
-    const { globalMetadataState: { caseGroups, caseLanguages, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
+    const location = useLocation();
+    const { globalMetadataState: { caseGroups, caseLanguages, loggedInUserJwtToken, loggedInUserRights, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const languageConst = caseLanguages.data;
-    useEffect(() => {
-        if (haventLoadedMetadata(caseLanguages)) {
-            fetchLanguageMetadata(dispatchToGlobalMetadataReducer);
+    const getDefaultGroupFetch = useFetch(publicApi.caseGroups.getCaseGroupsForSSO, {
+        propgateErrors: true,
+    });
+    const toggleDefaultGroupFetch = useFetch(publicApi.caseGroups.toggleDefaultGroup, {
+        propgateErrors: true,
+    });
+    const grabDefaultGroupList = (ssoUser) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            let list = yield getDefaultGroupFetch.request(ssoUser);
+            setUserDefaultGroupList(list);
+            let filteredDefaultGroup = (list ? list : []).filter((group) => group.isDefault === true);
+            if (!isEmpty(filteredDefaultGroup)) {
+                setOriginalDefaultGroup(filteredDefaultGroup[0].name);
+            }
+            else {
+                setOriginalDefaultGroup('Ungrouped Case');
+            }
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [caseLanguages]);
+        catch (error) {
+            console.log(error);
+        }
+    });
+    const updateDefaultGroupPref = (groupNum) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield toggleDefaultGroupFetch.request(groupNum, loggedInUserRights.data.getSSOUsername(), true, loggedInUsersAccount.data.secureSupport);
+        }
+        catch (error) {
+            console.log(error);
+        }
+    });
     const languagesList = map(languageConst, (cl) => ({
         label: PreferredLanguages.languagesMap[cl] || cl,
         value: cl,
     }));
     const [originalPreferredLanguage, setOriginalPreferredLanguage] = useState('');
     const [originalDefaultGroup, setOriginalDefaultGroup] = useState('');
-    const [groupDictionary, setGroupDictionary] = useState({});
-    const [userDefaultGroupList, setUserDefaultGroupList] = useState([]);
-    const { getPreferredLanguage, updatePreferredLanguage, updateDefaultGroup, getDefaultGroup } = useUserPreferences();
+    const [userDefaultGroupList, setUserDefaultGroupList] = useState();
+    const { getPreferredLanguage, updatePreferredLanguage } = useUserPreferences();
     const preferredLangTitleId = 'preferred-language-select';
     const defaultGroupTitleId = 'default-group-select';
     const getLanguageKey = (selection) => {
@@ -60,53 +85,21 @@ export function PreferencesCaseCreate(props) {
         }
     });
     const onDefaultGroupSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
-        const selectionKey = invert(groupDictionary)[selection];
         try {
-            yield updateDefaultGroup(selectionKey);
-            setOriginalDefaultGroup(selection);
+            if (selection === 'Ungrouped Case') {
+                updateDefaultGroupPref('-1');
+            }
+            if (!isEmpty(userDefaultGroupList)) {
+                let filteredGroupSelect = userDefaultGroupList.filter((group) => group.name === selection);
+                yield updateDefaultGroupPref(filteredGroupSelect[0].groupNum);
+                setOriginalDefaultGroup(filteredGroupSelect[0].name);
+            }
         }
         catch (error) {
             console.log(error);
         }
     });
-    const createCaseGroupStruct = (caseGroups) => {
-        const defaultGroupDictionary = {};
-        for (let i = 0; i < caseGroups.data.length; i++) {
-            defaultGroupDictionary[caseGroups.data[i].groupNum] = caseGroups.data[i].name;
-        }
-        return defaultGroupDictionary;
-    };
-    //Set user default group after group obj built
-    useEffect(() => {
-        const userOriginalDefaultGroup = () => __awaiter(this, void 0, void 0, function* () {
-            try {
-                const retrievedGroupId = yield getDefaultGroup();
-                setOriginalDefaultGroup(groupDictionary[retrievedGroupId]);
-            }
-            catch (e) {
-                ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
-            }
-        });
-        userOriginalDefaultGroup();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [groupDictionary]);
-    // used to build the groups object and fetch pref language
     useEffect(() => {
-        const refreshParsedGroups = () => __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (haventLoadedMetadata(caseGroups, (data) => data === undefined)) {
-                yield fetchCaseGroupsForSSO(dispatchToGlobalMetadataReducer, loggedInUserJwtToken.username);
-            }
-            if (!isEmpty(caseGroups) && ((_a = caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                let updatedDictionary = createCaseGroupStruct(caseGroups);
-                setGroupDictionary(updatedDictionary);
-                const parsedDefaultGroupNames = [];
-                for (let groupId in updatedDictionary) {
-                    parsedDefaultGroupNames.push(updatedDictionary[groupId]);
-                }
-                setUserDefaultGroupList(parsedDefaultGroupNames);
-            }
-        });
         const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
             try {
                 const retrievedLanguage = yield getPreferredLanguage();
@@ -117,10 +110,26 @@ export function PreferencesCaseCreate(props) {
                 ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
             }
         });
-        refreshParsedGroups();
         userOriginalPreferredLanguage();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseLanguages, caseGroups, dispatchToGlobalMetadataReducer, loggedInUserJwtToken]);
+    useEffect(() => {
+        grabDefaultGroupList(loggedInUserRights.data.getSSOUsername());
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [loggedInUserRights, caseGroups]);
+    useEffect(() => {
+        if (location.pathname !== '/manage/preferences') {
+            return;
+        }
+        grabDefaultGroupList(loggedInUserRights.data.getSSOUsername());
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [location.pathname]);
+    useEffect(() => {
+        if (haventLoadedMetadata(caseLanguages)) {
+            fetchLanguageMetadata(dispatchToGlobalMetadataReducer);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [caseLanguages]);
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -132,5 +141,5 @@ export function PreferencesCaseCreate(props) {
                     React.createElement("p", { className: "form-instructions" },
                         React.createElement(Trans, null, "Preferred language will impact future cases, not existing ones."))),
                 React.createElement("div", { className: "form-group" },
-                    React.createElement(PreferenceSelect, { label: "Default group", id: defaultGroupTitleId, onSelect: onDefaultGroupSelect, selections: originalDefaultGroup }, userDefaultGroupList.map((option, index) => (React.createElement(SelectOption, { key: index, value: option })))))))));
+                    React.createElement(PreferenceSelect, { label: "Default group", id: defaultGroupTitleId, onSelect: onDefaultGroupSelect, selections: originalDefaultGroup }, (userDefaultGroupList ? userDefaultGroupList : []).map((option, index) => (React.createElement(SelectOption, { key: index, value: option.name })))))))));
 }

package/lib/esm/components/ManageTable/ManageTable.d.ts

@@ -14,7 +14,6 @@ interface IProps {
     isError: boolean;
     pagination?: boolean;
     keepPageNumberOnDataChange?: boolean;
-    headless?: boolean;
     actions?: IActions;
     areActionsDisabled?: IAreActionsDisabled;
     actionResolver?: IActionsResolver;

package/lib/esm/components/ManageTable/ManageTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAAmC,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AA0BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAgDxC"}
+{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAAmC,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AA0BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA4CxC"}

package/lib/esm/components/ManageTable/ManageTable.js

@@ -31,13 +31,12 @@ const noResultFoundRow = (noResultString = '') => [
     },
 ];
 export function ManageTable(props) {
-    const { ariaLabel, errorComponent, errorTitle, errorVariant, isError, isFetching, sortInfo, actions, keepPageNumberOnDataChange, areActionsDisabled, actionResolver, headless } = props, tableProps = __rest(props, ["ariaLabel", "errorComponent", "errorTitle", "errorVariant", "isError", "isFetching", "sortInfo", "actions", "keepPageNumberOnDataChange", "areActionsDisabled", "actionResolver", "headless"]);
-    const pagination = () => (props.pagination !== undefined ? props.pagination : true);
+    const { ariaLabel, errorComponent, errorTitle, errorVariant, isError, isFetching, sortInfo, actions, keepPageNumberOnDataChange, areActionsDisabled, actionResolver } = props, tableProps = __rest(props, ["ariaLabel", "errorComponent", "errorTitle", "errorVariant", "isError", "isFetching", "sortInfo", "actions", "keepPageNumberOnDataChange", "areActionsDisabled", "actionResolver"]);
     return (React.createElement("div", { className: "table-wrapper" },
         isError && (React.createElement(React.Fragment, null,
             React.createElement(Alert, { variant: errorVariant, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null) }, errorComponent))),
         React.createElement(Table, Object.assign({}, tableProps),
-            React.createElement(PFTable, { sortInfo: sortInfo, "aria-label": ariaLabel, pagination: pagination(), emptyStateRow: noResultFoundRow(props.noResultText), actions: actions, areActionsDisabled: areActionsDisabled, actionResolver: actionResolver, isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange, headless: headless }),
-            tableProps.data.length > 0 && pagination() && (React.createElement("footer", null,
+            React.createElement(PFTable, { sortInfo: sortInfo, "aria-label": ariaLabel, pagination: true, emptyStateRow: noResultFoundRow(props.noResultText), actions: actions, areActionsDisabled: areActionsDisabled, actionResolver: actionResolver, isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange }),
+            tableProps.data.length > 0 && (React.createElement("footer", null,
                 React.createElement(TablePagination, { variant: PaginationVariant.bottom }))))));
 }

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,gBA6LpD,CAAC"}
+{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,gBA8LpD,CAAC"}

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.js

@@ -36,6 +36,7 @@ export const NotificationEmailsModal = (props) => {
         setSaveButtonIsClicked(false);
         setIsEmailDuplicate(false);
     };
+    // To check if email is valid
     const checkEmailIsValid = (email) => !isEmpty(email) && isEmailValid(email);
     const save = () => __awaiter(void 0, void 0, void 0, function* () {
         setSaveButtonIsClicked(true);

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNewCategoryDropDown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AAUhG,UAAU,MAAM;IACZ,gBAAgB,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,eAmDnD"}
+{"version":3,"file":"AddNewCategoryDropDown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AAShG,UAAU,MAAM;IACZ,gBAAgB,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,eA4EnD"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.js

@@ -1,6 +1,6 @@
-import { Dropdown, ToastNotification } from '@rh-support/components';
-import { toOptions } from '@rh-support/utils';
-import React, { useEffect } from 'react';
+import { Select, SelectOption, SelectVariant } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
 import { fetchCategories } from '../../../../reducers/TopContentReducer';
@@ -10,11 +10,29 @@ export function AddNewCategoryDropDown(props) {
     const topContentDispatch = useTopContentDispatchContext();
     const allAddedCategories = topContentEditState.map((cat) => cat.categoryName);
     const availableCategories = categories.data.filter((category) => !(allAddedCategories || []).includes(category.categoryName));
+    const [isOpen, setIsOpen] = useState(false);
+    const [selected, setSelected] = useState();
+    const getCategoryOptions = (options) => {
+        return options.map((category, id) => (React.createElement(SelectOption, { key: id, value: category }, category.categoryName)));
+    };
+    const onFilter = (_, value) => {
+        if (!value)
+            return getCategoryOptions(availableCategories);
+        const input = new RegExp(value, 'i');
+        const newOptions = availableCategories.filter((c) => input.test(c.categoryName));
+        return getCategoryOptions(newOptions);
+    };
+    const onToggle = (isExpanded) => {
+        setIsOpen(isExpanded);
+    };
+    const onSelect = (event, selection, isPlaceholder) => {
+        setSelected(selection);
+        props.onCategoryChange(selection);
+        onToggle(false);
+    };
     const onClearCategory = () => {
         props.onCategoryChange(undefined);
-    };
-    const onCategoryChange = (selectedItem) => {
-        props.onCategoryChange(selectedItem.value);
+        setSelected(undefined);
     };
     useEffect(() => {
         try {
@@ -25,8 +43,9 @@ export function AddNewCategoryDropDown(props) {
         }
     }, [topContentDispatch, t]);
     return (React.createElement("div", { className: "form-group add-new-category" },
-        React.createElement(Dropdown, { id: "new-category", name: "new-category", isLoadingList: categories.isFetching, disabled: categories.isFetching || categories.isFetching, required: true, title: t('Select an option or enter a new category'), placeholder: t('Select an option or enter a new category'), list: toOptions(availableCategories, { labelKey: 'categoryName' }), onChange: onCategoryChange, onClearSelection: onClearCategory, searchable: true, label: React.createElement("label", { htmlFor: "new-category" },
-                React.createElement(Trans, null, "Category"),
-                ' ',
-                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")) })));
+        React.createElement("label", { htmlFor: "new-category" },
+            React.createElement(Trans, null, "Category"),
+            ' ',
+            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+        React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, onToggle: onToggle, isOpen: isOpen, onClear: onClearCategory, onSelect: onSelect, onFilter: onFilter, selections: selected === null || selected === void 0 ? void 0 : selected.categoryName, placeholderText: t('Select an option or enter a new category') }, (categories.isFetching && { loadingVariant: 'spinner' }), { id: "new-category", "data-tracking-id": "new-category" }), getCategoryOptions(availableCategories))));
 }

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,gBAAgB,gBAsT/B"}
+{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,gBAAgB,gBAuT/B"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.js

@@ -25,6 +25,7 @@ import { TopContentHeader } from '../TopContentHeader';
 import { TopContentProductVersionSelector } from '../TopContentProductVersionSelector';
 import { TopContentCategory } from './TopContentCategoryContent/TopContentCategory';
 import { TopContentCategoryNew } from './TopContentCategoryContent/TopContentCategoryNew';
+import { TopContentSuggestion } from './TopContentSuggestion/TopContentSuggestion';
 export function TopContentEditor() {
     const { t } = useTranslation();
     const [categoryToOpen, setCategoryToOpen] = useState(null);
@@ -112,7 +113,8 @@ export function TopContentEditor() {
         !topContentResponse.isFetching && topContentResponse.isError && (React.createElement(Alert, { isInline: true, variant: AlertVariant.danger, title: React.createElement(Trans, null, "Error loading Top Content") })),
         React.createElement(TopContentProductVersionSelector, { selectedProduct: selectedProduct, selectedVersion: selectedVersion, onProductChange: onProductChange, onVersionChange: onVersionChange }),
         !topContentResponse.isFetching && (React.createElement(TopContentSearch, { dataTrackingId: "top-content-filter-manage", topContentData: flagContentEditState, onSearch: onSearch, topContentResultsWrapperRef: topContentResultsRef })),
-        React.createElement("div", { className: "top-content-manage-wrapper" },
+        React.createElement("div", { className: "top-content-manage-wrapper pf-u-pt-md" },
+            !topContentResponse.isFetching && !!filteredTC.length && React.createElement(TopContentSuggestion, null),
             topContentResponse.isFetching ? (React.createElement(Bullseye, null,
                 React.createElement(EmptyState, { variant: EmptyStateVariant.full },
                     React.createElement(Spinner, { size: "lg" })))) : (!topContentResponse.isFetching &&

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestion.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface IProps {
+}
+export declare const TopContentSuggestion: FC<IProps>;
+export {};
+//# sourceMappingURL=TopContentSuggestion.d.ts.map

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopContentSuggestion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestion.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAOvD,UAAU,MAAM;CAAG;AAEnB,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,MAAM,CA6C3C,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestion.js

@@ -0,0 +1,30 @@
+import { ExpandableSection, Panel, PanelMain, PanelMainBody, Title } from '@patternfly/react-core';
+import { isEmpty } from 'lodash';
+import React, { useEffect, useState } from 'react';
+import { Trans } from 'react-i18next';
+import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
+import { fetchTopContentSuggestions } from '../../../../reducers/TopContentReducer';
+import { TopContentSuggestionHint } from './TopContentSuggestionHint';
+export const TopContentSuggestion = () => {
+    var _a;
+    const [isExpanded, setExpanded] = useState(false);
+    const onToggle = () => setExpanded((previousExpandedState) => !previousExpandedState);
+    const { selectedProduct, selectedVersion, suggestion, topContentResponse } = useTopContentContext();
+    const topContentDispatch = useTopContentDispatchContext();
+    const topContent = topContentResponse.data.reduce((ret, category) => {
+        return [...ret, ...category.content];
+    }, []);
+    const filteredSuggestion = (_a = suggestion.linkedResources) === null || _a === void 0 ? void 0 : _a.filter((resource) => !topContent.some((content) => content.contentUrl === resource.resourceViewUri));
+    useEffect(() => {
+        if ((selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct.name) && selectedVersion) {
+            fetchTopContentSuggestions(topContentDispatch, selectedProduct.name, selectedVersion);
+        }
+    }, [topContentDispatch, selectedProduct, selectedVersion]);
+    if (isEmpty(filteredSuggestion))
+        return React.createElement(React.Fragment, null);
+    return (React.createElement(Panel, { variant: "raised", className: "pf-u-mx-md pf-u-p-md top-content-panel" },
+        React.createElement(PanelMain, null,
+            React.createElement(PanelMainBody, null,
+                React.createElement(ExpandableSection, { onToggle: onToggle, isExpanded: isExpanded, toggleContent: React.createElement(Title, { headingLevel: "h6", className: "accordion_title" },
+                        React.createElement(Trans, null, " Suggested top content resources")), id: "top-content-suggestion" }, filteredSuggestion === null || filteredSuggestion === void 0 ? void 0 : filteredSuggestion.map((resources) => (React.createElement(TopContentSuggestionHint, { key: resources.id, resources: resources }))))))));
+};

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHint.d.ts

@@ -0,0 +1,8 @@
+import { ITopContentResource } from '@cee-eng/hydrajs/@types/models/topContent/topContentModel';
+import { FC } from 'react';
+interface IProps {
+    resources: ITopContentResource;
+}
+export declare const TopContentSuggestionHint: FC<IProps>;
+export {};
+//# sourceMappingURL=TopContentSuggestionHint.d.ts.map

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopContentSuggestionHint.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AAGhG,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAM5C,UAAU,MAAM;IACZ,SAAS,EAAE,mBAAmB,CAAC;CAClC;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,MAAM,CAuE/C,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHint.js

@@ -0,0 +1,64 @@
+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 { Button, ButtonVariant, Card, CardBody, Truncate } from '@patternfly/react-core';
+import { ToastNotification, useConfirmation } from '@rh-support/components';
+import React, { useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
+import { deleteTopContentSuggestion } from '../../../../reducers/TopContentReducer';
+import { TopContentSuggestionHintAccept } from './TopContentSuggestionHintAccept';
+export const TopContentSuggestionHint = ({ resources }) => {
+    const { t } = useTranslation();
+    const [isAccepted, setAccepted] = useState(false);
+    const [isRemoving, setIsRemoving] = useState(false);
+    const confirmation = useConfirmation();
+    const { suggestion } = useTopContentContext();
+    const topContentDispatch = useTopContentDispatchContext();
+    const ignoreModalContent = (React.createElement(React.Fragment, null,
+        React.createElement("h2", null,
+            React.createElement(Trans, null, "Are you sure?")),
+        React.createElement("p", null,
+            React.createElement(Trans, null, "Removing this suggestion will permanently delete it."))));
+    const onIgnore = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            try {
+                yield confirmation({
+                    catchOnCancel: true,
+                    confirmText: t('Yes, I am sure'),
+                    confirmButtonVariant: ButtonVariant.danger,
+                    description: ignoreModalContent,
+                });
+                setIsRemoving(true);
+                yield deleteTopContentSuggestion(topContentDispatch, suggestion, resources.id);
+                ToastNotification.addSuccessMessage(t('Suggestion successfully removed'));
+            }
+            catch (_a) {
+                // user didn't confirm the ignore action
+            }
+        }
+        catch (_b) {
+            ToastNotification.addDangerMessage(t('Failed to remove suggestion'));
+        }
+        finally {
+            setIsRemoving(false);
+        }
+    });
+    return !isAccepted ? (React.createElement(Card, { className: "pf-u-m-sm card-hint" },
+        React.createElement(CardBody, { className: "card-body" },
+            React.createElement("span", { className: "hint-title", "data-testid": "suggestion-content-title" },
+                React.createElement(Truncate, { content: resources === null || resources === void 0 ? void 0 : resources.resourceTitle })),
+            React.createElement("span", { className: "pf-u-float-right" },
+                React.createElement(Button, { variant: "link", isInline: true, className: "pf-u-mr-xl", onClick: () => setAccepted(true), title: "Accept" },
+                    React.createElement("b", null,
+                        React.createElement(Trans, null, "Accept"))),
+                React.createElement(Button, { variant: "link", isInline: true, onClick: onIgnore, isDisabled: isRemoving },
+                    React.createElement("b", null,
+                        React.createElement(Trans, null, "Ignore"))))))) : (React.createElement(TopContentSuggestionHintAccept, { onCancel: setAccepted, resources: resources }));
+};

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.d.ts

@@ -0,0 +1,9 @@
+import { ITopContentResource } from '@cee-eng/hydrajs/@types/models/topContent/topContentModel';
+import { FC } from 'react';
+interface IProps {
+    onCancel: (isAccepted: boolean) => void;
+    resources: ITopContentResource;
+}
+export declare const TopContentSuggestionHintAccept: FC<IProps>;
+export {};
+//# sourceMappingURL=TopContentSuggestionHintAccept.d.ts.map

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopContentSuggestionHintAccept.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AAkBrH,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAgBhE,UAAU,MAAM;IACZ,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,SAAS,EAAE,mBAAmB,CAAC;CAClC;AAED,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAAC,MAAM,CAkPrD,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.js

@@ -0,0 +1,142 @@
+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 { Button, Card, CardBody, Form, FormGroup, Select, SelectOption, SelectVariant, TextInput, Tooltip, ValidatedOptions, } from '@patternfly/react-core';
+import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
+import { ToastNotification } from '@rh-support/components';
+import { getVersion, isRegularVersion, isValidUrl } from '@rh-support/utils';
+import { isEmpty, isUndefined, trim } from 'lodash';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { CATEGORY_LIMIT } from '../../../../constants/TopContent';
+import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
+import { flagContentUsage } from '../../../../reducers/TopContentHelpers';
+import { ContentMode, deleteTopContentSuggestion, fetchCategories, saveAddedNewSectionContents, saveAddToTopContent, } from '../../../../reducers/TopContentReducer';
+import CategoryLimit from '../../CategoryLimit/CategoryLimit';
+export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
+    const { t } = useTranslation();
+    const { categories, topContentResponse, topContentEditState, selectedProduct, selectedVersion, isCatOnlyForMajorVersion, isAddingCategory, suggestion, categoryUsage, } = useTopContentContext();
+    const topContentDispatch = useTopContentDispatchContext();
+    const [isSelectOpen, setSelectOpen] = useState(false);
+    const [selected, setSelected] = useState();
+    const [isSaving, setIsSaving] = useState(false);
+    const [resourceTitle, setResourceTitle] = useState('');
+    const [linkToContent, setLinkToContent] = useState('');
+    const [isEditClicked, setIsEditClicked] = useState(false);
+    const categoryToSave = useMemo(() => topContentEditState.find((category) => category.categoryId === (selected === null || selected === void 0 ? void 0 : selected.id)), [topContentEditState, selected]);
+    const flagContentEditState = useMemo(() => flagContentUsage(topContentEditState, categoryUsage, selectedVersion), [topContentEditState, categoryUsage, selectedVersion]);
+    const isMajorVersionOnly = isUndefined(getVersion(selectedVersion).minor);
+    const minorSelectedNoMinorContentButAvailableMajorContent = !topContentResponse.isFetching &&
+        !isEmpty(topContentResponse.data) &&
+        getVersion(selectedVersion).minor &&
+        isRegularVersion(selectedVersion) &&
+        isCatOnlyForMajorVersion &&
+        !isAddingCategory;
+    const isCategoryLimitReached = (minorSelectedNoMinorContentButAvailableMajorContent ? [] : flagContentEditState).length >= CATEGORY_LIMIT.MAX;
+    const isCategoryInList = flagContentEditState.some((c) => c.categoryId === (selected === null || selected === void 0 ? void 0 : selected.id));
+    const onToggle = () => {
+        setSelectOpen((previousToggleState) => !previousToggleState);
+    };
+    const onSelect = (event, selection, isPlaceholder) => {
+        setSelected(selection);
+        onToggle();
+    };
+    const isDisabled = isEmpty(linkToContent) ||
+        isEmpty(trim(resourceTitle)) ||
+        isUndefined(selected) ||
+        !isValidUrl(linkToContent) ||
+        (isCategoryLimitReached && !isCategoryInList);
+    const addContentToCategory = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsSaving(true);
+            const newContent = {
+                contentTitle: resourceTitle,
+                contentRank: categoryToSave === null || categoryToSave === void 0 ? void 0 : categoryToSave.content.length,
+                contentUrl: linkToContent,
+                mode: ContentMode.ADD,
+            };
+            yield saveAddToTopContent(topContentDispatch, topContentEditState, categoryToSave.id, categoryToSave === null || categoryToSave === void 0 ? void 0 : categoryToSave.categoryId, newContent, -1);
+            yield deleteTopContentSuggestion(topContentDispatch, suggestion, resources.id);
+            ToastNotification.addSuccessMessage(t('Content has been successfully added'));
+        }
+        catch (e) {
+            ToastNotification.addDangerMessage(t('Failed to save top content'));
+        }
+        finally {
+            setIsSaving(false);
+        }
+    });
+    const addContentToNewCategory = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsSaving(true);
+            const newContent = {
+                contentTitle: resourceTitle,
+                contentUrl: linkToContent,
+                isAttentionNeeded: false,
+                mode: ContentMode.NEW_SECTION_CONTENT,
+            };
+            yield saveAddedNewSectionContents(topContentDispatch, topContentEditState, selected, selectedProduct, selectedVersion, isMajorVersionOnly, newContent, minorSelectedNoMinorContentButAvailableMajorContent);
+            yield deleteTopContentSuggestion(topContentDispatch, suggestion, resources.id);
+            ToastNotification.addSuccessMessage(t('Content has been successfully added'));
+        }
+        catch (e) {
+            ToastNotification.addDangerMessage(t('Failed to save top content'));
+        }
+        finally {
+            setIsSaving(false);
+        }
+    });
+    const onSaveContent = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (minorSelectedNoMinorContentButAvailableMajorContent || isUndefined(categoryToSave)) {
+            // if top contents are available for major version only or if selected category is not present
+            // for this version then create a new category
+            addContentToNewCategory();
+        }
+        else {
+            //otherwise get and push to existing category
+            addContentToCategory();
+        }
+    });
+    useEffect(() => {
+        setResourceTitle(resources.resourceTitle);
+        setLinkToContent(resources.resourceViewUri);
+    }, [resources.resourceTitle, resources.resourceViewUri]);
+    useEffect(() => {
+        try {
+            fetchCategories(topContentDispatch);
+        }
+        catch (_a) {
+            ToastNotification.addDangerMessage(t('There was an error loading top content categories'));
+        }
+    }, [topContentDispatch, t]);
+    return (React.createElement(Card, { className: "pf-u-m-sm" },
+        React.createElement(CardBody, { className: "card-hint" },
+            React.createElement(Form, null,
+                isEditClicked ? (React.createElement(React.Fragment, null,
+                    React.createElement(FormGroup, { label: t('Link to content'), isRequired: true, fieldId: "top-content-link" },
+                        React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-resource-link", name: "top-content-resource-link", "data-tracking-id": "top-content-resource-link", value: linkToContent, onChange: setLinkToContent, validated: isEmpty(linkToContent) || !isValidUrl(linkToContent)
+                                ? ValidatedOptions.error
+                                : ValidatedOptions.default })),
+                    React.createElement(FormGroup, { label: t('Headline'), isRequired: true, fieldId: "simple-form-email-01" },
+                        React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-headline-category", name: "top-content-headline-category", "data-tracking-id": "top-content-headline-category", value: resourceTitle, onChange: setResourceTitle, validated: isEmpty(trim(resourceTitle)) ? ValidatedOptions.error : ValidatedOptions.default })))) : (React.createElement("span", null,
+                    React.createElement(Button, { variant: "link", isInline: true },
+                        React.createElement("u", null,
+                            React.createElement("a", { className: "hint-title pf-u-font-size-md", target: "_blank", href: linkToContent, rel: "noreferrer" }, resources.resourceTitle))),
+                    React.createElement(Tooltip, { content: t('Edit Link to content and Headline'), position: "top" },
+                        React.createElement(Button, { variant: "link", icon: React.createElement(PencilAltIcon, null), onClick: () => setIsEditClicked((pre) => !pre) })))),
+                React.createElement(FormGroup, { label: t('Category'), isRequired: true, fieldId: "simple-form-email-01" },
+                    React.createElement(Select, Object.assign({ variant: SelectVariant.single, id: "category-selection", name: "category-selection", "data-testid": "category-selection", placeholderText: "Select a category", onToggle: onToggle, isOpen: isSelectOpen, onSelect: onSelect, selections: selected === null || selected === void 0 ? void 0 : selected.categoryName, isDisabled: categories.isError, loadingVariant: 'spinner' }, (categories.isFetching && { loadingVariant: 'spinner' })), categories.data.map((category, id) => (React.createElement(SelectOption, { key: id, value: category },
+                        React.createElement("div", null, category.categoryName)))))),
+                React.createElement("div", { className: "pf-u-mt-sm" },
+                    isCategoryLimitReached && !isCategoryInList && !isUndefined(selected) && React.createElement(CategoryLimit, null),
+                    React.createElement(Button, { variant: "primary", onClick: onSaveContent, isDisabled: isSaving || isDisabled, isLoading: isSaving, "data-tracking-id": "suggested-content-save-button" },
+                        React.createElement(Trans, null, "Save")),
+                    React.createElement(Button, { variant: "link", onClick: () => onCancel(false) },
+                        React.createElement(Trans, null, "Cancel")))))));
+};

package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AASrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAQD,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,2BAG1E;AAqBD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,eA4HtD;kBA5HQ,gCAAgC;;;AA+HzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}
+{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAGnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAS5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAQD,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,2BAG1E;AAqBD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,eAsItD;kBAtIQ,gCAAgC;;;AAyIzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}