@rh-support/manage 1.0.34 → 1.0.36

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":"AACA,OAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAOvD,UAAU,MAAM;CAAG;AAEnB,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,MAAM,CAiC3C,CAAC"}

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

@@ -0,0 +1,23 @@
+import { ExpandableSection, Panel, PanelMain, PanelMainBody, Title } from '@patternfly/react-core';
+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 } = useTopContentContext();
+    const topContentDispatch = useTopContentDispatchContext();
+    useEffect(() => {
+        if ((selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct.name) && selectedVersion) {
+            fetchTopContentSuggestions(topContentDispatch, selectedProduct.name, selectedVersion);
+        }
+    }, [topContentDispatch, selectedProduct, selectedVersion]);
+    return (React.createElement(Panel, { variant: "raised", className: "pf-u-mx-md pf-u-p-md" },
+        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" }, (_a = suggestion.linkedResources) === null || _a === void 0 ? void 0 : _a.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,CAiD/C,CAAC"}

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

@@ -0,0 +1,47 @@
+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, Truncate } from '@patternfly/react-core';
+import { ToastNotification } 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 { suggestion } = useTopContentContext();
+    const topContentDispatch = useTopContentDispatchContext();
+    const onIgnore = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsRemoving(true);
+            yield deleteTopContentSuggestion(topContentDispatch, suggestion, resources.id);
+            ToastNotification.addSuccessMessage(t('Suggestion successfully removed'));
+        }
+        catch (_a) {
+            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;AAgBrH,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAahE,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,CA8KrD,CAAC"}

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

@@ -0,0 +1,117 @@
+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 { ActionGroup, Button, Card, CardBody, Form, FormGroup, Select, SelectOption, SelectVariant, TextInput, } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import { getVersion, isRegularVersion } from '@rh-support/utils';
+import { isEmpty, isUndefined } from 'lodash';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
+import { ContentMode, deleteTopContentSuggestion, fetchCategories, saveAddedNewSectionContents, saveAddToTopContent, } from '../../../../reducers/TopContentReducer';
+export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
+    const { t } = useTranslation();
+    const { categories, topContentResponse, topContentEditState, selectedProduct, selectedVersion, isCatOnlyForMajorVersion, isAddingCategory, suggestion, } = useTopContentContext();
+    const topContentDispatch = useTopContentDispatchContext();
+    const [isSelectOpen, setSelectOpen] = useState(false);
+    const [selected, setSelected] = useState();
+    const [isSaving, setIsSaving] = useState(false);
+    const [resourceTitle, setResourceTitle] = useState('');
+    const categoryToSave = useMemo(() => topContentEditState.find((category) => category.categoryId === (selected === null || selected === void 0 ? void 0 : selected.id)), [topContentEditState, selected]);
+    const isMajorVersionOnly = isUndefined(getVersion(selectedVersion).minor);
+    const minorSelectedNoMinorContentButAvailableMajorContent = !topContentResponse.isFetching &&
+        !isEmpty(topContentResponse.data) &&
+        getVersion(selectedVersion).minor &&
+        isRegularVersion(selectedVersion) &&
+        isCatOnlyForMajorVersion &&
+        !isAddingCategory;
+    const onToggle = () => {
+        setSelectOpen((previousToggleState) => !previousToggleState);
+    };
+    const onSelect = (event, selection, isPlaceholder) => {
+        setSelected(selection);
+        onToggle();
+    };
+    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: resources.resourceViewUri,
+                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: resources.resourceViewUri,
+                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);
+    }, [resources.resourceTitle]);
+    useEffect(() => {
+        try {
+            fetchCategories(topContentDispatch);
+        }
+        catch (_a) {
+            ToastNotification.addDangerMessage(t('There was an error loading top content categories'));
+        }
+    }, [topContentDispatch, t]);
+    return (React.createElement(Card, null,
+        React.createElement(CardBody, { className: "card-hint" },
+            React.createElement("span", { className: "hint-title" }, resources.resourceTitle),
+            React.createElement(Form, null,
+                React.createElement(FormGroup, { label: t('Category'), isRequired: true, fieldId: "simple-form-email-01" },
+                    React.createElement(Select, { 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.isFetching || categories.isError }, categories.data.map((category, id) => (React.createElement(SelectOption, { key: id, value: category },
+                        React.createElement("div", null, category.categoryName)))))),
+                React.createElement(FormGroup, { label: t('Headline'), isRequired: true, fieldId: "simple-form-email-01" },
+                    React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-hind-category", name: "top-content-hind-category", "data-tracking-id": "top-content-hind-category", value: resourceTitle, onChange: setResourceTitle })),
+                React.createElement(ActionGroup, null,
+                    React.createElement(Button, { variant: "primary", onClick: onSaveContent, isDisabled: isSaving || isUndefined(selected), 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/context/TopContentProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TopContentProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAqB,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnH,eAAO,MAAM,uBAAuB,EAAE,gBAarC,CAAC;AAGF,eAAO,MAAM,sBAAsB,iCAAiE,CAAC;AACrG,eAAO,MAAM,yBAAyB,8CAA6C,CAAC;AAEpF,wBAAgB,oBAAoB,qBAMnC;AAED,wBAAgB,4BAA4B,kCAM3C;AAED,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAOrD"}
+{"version":3,"file":"TopContentProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TopContentProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAqB,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnH,eAAO,MAAM,uBAAuB,EAAE,gBAcrC,CAAC;AAGF,eAAO,MAAM,sBAAsB,iCAAiE,CAAC;AACrG,eAAO,MAAM,yBAAyB,8CAA6C,CAAC;AAEpF,wBAAgB,oBAAoB,qBAMnC;AAED,wBAAgB,4BAA4B,kCAM3C;AAED,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAOrD"}

package/lib/esm/context/TopContentProvider.js

@@ -14,6 +14,7 @@ export const intialTopContentContext = {
     contentUrls: {},
     isSearchModeEnabled: false,
     categoryUsage: {},
+    suggestion: {},
 };
 const initalDispatchContext = null;
 export const TopContentStateContext = React.createContext(intialTopContentContext);

package/lib/esm/reducers/TopContentReducer.d.ts

@@ -24,6 +24,20 @@ interface categoryDups {
 export interface IContentUrlsDups {
     [url: string]: categoryDups;
 }
+interface ITopContentSuggestionLinkedResources {
+    id: number;
+    numberOfCaseLinked: number;
+    productName: string;
+    version: string;
+    resourceDisplayId: string;
+    resourceType: string;
+    resourceTitle: string;
+    resourceViewUri: string;
+}
+export interface ITopContentSuggestion {
+    linkedResourcesCount?: number;
+    linkedResources?: Array<ITopContentSuggestionLinkedResources>;
+}
 export interface ITopContentState {
     isFetchingSolrSearch: boolean;
     selectedProduct: Partial<IHydraProduct>;
@@ -37,6 +51,7 @@ export interface ITopContentState {
     contentUrls: IContentUrlsDups;
     isSearchModeEnabled: boolean;
     categoryUsage: ITopContentResourceUsagesResponse;
+    suggestion: ITopContentSuggestion;
 }
 export declare enum ContentMode {
     INITIAL = "initial",
@@ -60,7 +75,8 @@ export declare enum TopContentReducerConstants {
     changeTopContentStateOnCatsArrangementSave = "changeTopContentStateOnCatsArrangementSave",
     setIsSearchModeEnabled = "setIsSearchModeEnabled",
     resetDuplicatUrls = "resetDuplicatUrls",
-    getTopContentResourceUsage = "getTopContentResourceUsage"
+    getTopContentResourceUsage = "getTopContentResourceUsage",
+    setTopContentSuggestions = "setTopContentSuggestions"
 }
 declare type IActionType = IAction<TopContentReducerConstants, ITopContentState>;
 export declare type TopContentReducerDispatchType = (value: IActionType) => void;
@@ -77,7 +93,7 @@ export declare const fetchTopContentRecourseUsage: (dispatch: TopContentReducerD
 export declare const addTopContent: (dispatch: TopContentReducerDispatchType, topContentEditState: ITopContentEditState[], categoryId: number) => void;
 export declare const deleteTopContent: (dispatch: TopContentReducerDispatchType, topContentEditState: ITopContentEditState[], categoryId: number, topContentId: number) => Promise<never>;
 export declare const removeTopContent: (dispatch: TopContentReducerDispatchType, topContentEditState: ITopContentEditState[], categoryId: number, i: number) => void;
-export declare const saveAddedNewSectionContents: (dispatch: TopContentReducerDispatchType, topContentEditState: ITopContentEditState[], selectedCategory: ITopContentCategory, selectedProduct: Partial<IProduct>, selectedVersion: string, isCatOnlyForMajorVersion: boolean, newContent: any) => Promise<never>;
+export declare const saveAddedNewSectionContents: (dispatch: TopContentReducerDispatchType, topContentEditState: ITopContentEditState[], selectedCategory: ITopContentCategory, selectedProduct: Partial<IProduct>, selectedVersion: string, isCatOnlyForMajorVersion: boolean, newContent: any, isCreatingNewSet?: boolean) => Promise<never>;
 export declare const saveAddToTopContent: (dispatch: TopContentReducerDispatchType, topContentEditState: ITopContentEditState[], id: number, categoryId: number, content: ITopContentItemState, index: number) => Promise<never>;
 export declare const saveChangeInCategoryContent: (dispatch: TopContentReducerDispatchType, topContentEditState: ITopContentEditState[], categoryId: number, content: ITopContentItemState, index: number) => Promise<never>;
 export declare const reArrangeContent: (dispatch: TopContentReducerDispatchType, topContentEditState: ITopContentEditState[], categoryId: number) => Promise<never>;
@@ -85,5 +101,19 @@ export declare const reArrangeCategory: (topContentEditState: ITopContentEditSta
 export declare const fetchCategories: (dispatch: TopContentReducerDispatchType) => Promise<never>;
 export declare const setIsSearchModeEnabled: (dispatch: TopContentReducerDispatchType, isSearchModeEnabled: boolean) => void;
 export declare const resetDuplicatUrls: (dispatch: TopContentReducerDispatchType) => void;
+/**
+ * This function is used for to get top content suggestions from server
+ * @param dispatch TopContentReducerDispatchType
+ * @param productName string
+ * @param version string
+ */
+export declare const fetchTopContentSuggestions: (dispatch: TopContentReducerDispatchType, productName: string, version: string) => Promise<void>;
+/**
+ * This function is used to remove selected top suggestion from server
+ * @param dispatch TopContentReducerDispatchType
+ * @param suggestion ITopContentSuggestion
+ * @param suggestionId number
+ */
+export declare const deleteTopContentSuggestion: (dispatch: TopContentReducerDispatchType, suggestion: ITopContentSuggestion, suggestionId: number) => Promise<never>;
 export {};
 //# sourceMappingURL=TopContentReducer.d.ts.map

package/lib/esm/reducers/TopContentReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/TopContentReducer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TopContentReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/TopContentReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EACH,WAAW,EAEX,mBAAmB,EACnB,eAAe,EAGf,iCAAiC,EAEpC,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAOxE,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;;;EAOE;AACF,UAAU,YAAY;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAAC;CAC/B;AAED,UAAU,oCAAoC;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CAC3B;AACD,MAAM,WAAW,qBAAqB;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,oCAAoC,CAAC,CAAC;CACjE;AAED,MAAM,WAAW,gBAAgB;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAChE,mBAAmB,EAAE,oBAAoB,EAAE,CAAC;IAC5C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,wBAAwB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,mBAAmB,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACvD,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,iCAAiC,CAAC;IACjD,UAAU,EAAE,qBAAqB,CAAC;CACrC;AAED,oBAAY,WAAW;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,mBAAmB,sBAAsB;CAC5C;AAED,oBAAY,YAAY;IACpB,WAAW,eAAe;IAC1B,gBAAgB,oBAAoB;CACvC;AAED,oBAAY,0BAA0B;IAClC,aAAa,kBAAkB;IAC/B,+BAA+B,oCAAoC;IACnE,qBAAqB,0BAA0B;IAC/C,2BAA2B,gCAAgC;IAC3D,wBAAwB,6BAA6B;IACrD,mBAAmB,wBAAwB;IAC3C,eAAe,oBAAoB;IACnC,0BAA0B,+BAA+B;IACzD,0CAA0C,+CAA+C;IACzF,sBAAsB,2BAA2B;IACjD,iBAAiB,sBAAsB;IACvC,0BAA0B,+BAA+B;IACzD,wBAAwB,6BAA6B;CACxD;AAED,aAAK,WAAW,GAAG,OAAO,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AACzE,oBAAY,6BAA6B,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEzE,eAAO,MAAM,iBAAiB,WAAY,gBAAgB,0BAAwB,gBAmEjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,sBACvB,OAAO,oBACT,OAAO,SA6B5B,CAAC;AAEF,eAAO,MAAM,6BAA6B,aAC5B,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,YACR,MAAM,aACL,MAAM,SAsBpB,CAAC;AAEF,eAAO,MAAM,8BAA8B,aAC7B,6BAA6B,uBAClB,oBAAoB,EAAE,YACjC,MAAM,aACL,MAAM,SAYpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,6BAA6B,oBAAoB,OAAO,SAKrG,CAAC;AAGF,eAAO,MAAM,4BAA4B,aAC3B,6BAA6B,uBAClB,oBAAoB,EAAE,sBACvB,oBAAoB,oBAAoB,EAAE,CAAC,cACnD,MAAM,SAarB,CAAC;AAGF,eAAO,MAAM,qBAAqB,aACpB,6BAA6B,sBACnB,oBAAoB,oBAAoB,EAAE,CAAC,SAMlE,CAAC;AAEF,eAAO,MAAM,+BAA+B,aAC9B,6BAA6B,mBACtB,QAAQ,aAAa,CAAC,SAM1C,CAAC;AAEF,eAAO,MAAM,eAAe,aACd,6BAA6B,mBACtB,QAAQ,QAAQ,CAAC,mBACjB,MAAM,mBA4D1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,aAC3B,6BAA6B,eAC1B,MAAM,WACV,MAAM,kBAuBlB,CAAC;AAEF,eAAO,MAAM,aAAa,aACZ,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,SAsBrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,gBACJ,MAAM,mBA0BvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,KACf,MAAM,SAoBZ,CAAC;AAEF,eAAO,MAAM,2BAA2B,aAC1B,6BAA6B,uBAClB,oBAAoB,EAAE,oBACzB,mBAAmB,mBACpB,QAAQ,QAAQ,CAAC,mBACjB,MAAM,4BACG,OAAO,cACrB,GAAG,qBACG,OAAO,mBAmE5B,CAAC;AAGF,eAAO,MAAM,mBAAmB,aAClB,6BAA6B,uBAClB,oBAAoB,EAAE,MACvC,MAAM,cACE,MAAM,WACT,oBAAoB,SACtB,MAAM,mBAwDhB,CAAC;AAGF,eAAO,MAAM,2BAA2B,aAC1B,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,WACT,oBAAoB,SACtB,MAAM,mBAyChB,CAAC;AAGF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,mBA+BrB,CAAC;AAGF,eAAO,MAAM,iBAAiB,wBAA+B,oBAAoB,EAAE,oGAiBlF,CAAC;AAEF,eAAO,MAAM,eAAe,aAAoB,6BAA6B,mBAwB5E,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,6BAA6B,uBAAuB,OAAO,SAK3G,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,6BAA6B,SAKxE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,aACzB,6BAA6B,eAC1B,MAAM,WACV,MAAM,kBAsBlB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,aACzB,6BAA6B,cAC3B,qBAAqB,gBACnB,MAAM,mBAavB,CAAC"}

package/lib/esm/reducers/TopContentReducer.js

@@ -38,8 +38,10 @@ export var TopContentReducerConstants;
     TopContentReducerConstants["setIsSearchModeEnabled"] = "setIsSearchModeEnabled";
     TopContentReducerConstants["resetDuplicatUrls"] = "resetDuplicatUrls";
     TopContentReducerConstants["getTopContentResourceUsage"] = "getTopContentResourceUsage";
+    TopContentReducerConstants["setTopContentSuggestions"] = "setTopContentSuggestions";
 })(TopContentReducerConstants || (TopContentReducerConstants = {}));
 export const TopContentReducer = (pState, action) => {
+    var _a, _b;
     switch (action.type) {
         case TopContentReducerConstants.resetContentWithSelectedProduct: {
             return Object.assign(Object.assign({}, intialTopContentContext), { selectedProduct: Object.assign({}, action.payload.selectedProduct) });
@@ -54,7 +56,7 @@ export const TopContentReducer = (pState, action) => {
             return Object.assign(Object.assign({}, pState), { isCatOnlyForMajorVersion: action.payload.isCatOnlyForMajorVersion, topContentEditState: action.payload.topContentEditState, isCreatingNewSet: action.payload.isCreatingNewSet });
         }
         case TopContentReducerConstants.changeTopContentStateOnSave: {
-            return Object.assign(Object.assign({}, pState), { topContentEditState: action.payload.topContentEditState, topContentResponse: action.payload.topContentResponse, contentUrls: action.payload.contentUrls });
+            return Object.assign(Object.assign({}, pState), { isCatOnlyForMajorVersion: (_a = action.payload) === null || _a === void 0 ? void 0 : _a.isCatOnlyForMajorVersion, topContentEditState: action.payload.topContentEditState, topContentResponse: action.payload.topContentResponse, contentUrls: action.payload.contentUrls });
         }
         case TopContentReducerConstants.changeTopContentStateOnCatsArrangementSave: {
             return Object.assign(Object.assign({}, pState), { topContentEditState: [...action.payload.topContentEditState], topContentResponse: action.payload.topContentResponse });
@@ -77,6 +79,9 @@ export const TopContentReducer = (pState, action) => {
         case TopContentReducerConstants.getTopContentResourceUsage: {
             return Object.assign(Object.assign({}, pState), { categoryUsage: action.payload.categoryUsage });
         }
+        case TopContentReducerConstants.setTopContentSuggestions: {
+            return Object.assign(Object.assign({}, pState), { suggestion: (_b = action.payload) === null || _b === void 0 ? void 0 : _b.suggestion });
+        }
         default: {
             return pState;
         }
@@ -313,7 +318,7 @@ export const removeTopContent = (dispatch, topContentEditState, categoryId, i) =
         payload: { topContentEditState },
     });
 };
-export const saveAddedNewSectionContents = (dispatch, topContentEditState, selectedCategory, selectedProduct, selectedVersion, isCatOnlyForMajorVersion, newContent) => __awaiter(void 0, void 0, void 0, function* () {
+export const saveAddedNewSectionContents = (dispatch, topContentEditState, selectedCategory, selectedProduct, selectedVersion, isCatOnlyForMajorVersion, newContent, isCreatingNewSet = false) => __awaiter(void 0, void 0, void 0, function* () {
     const versionObj = getVersion(selectedVersion);
     const createMasterIdParam = {
         productId: selectedProduct.id,
@@ -335,18 +340,25 @@ export const saveAddedNewSectionContents = (dispatch, topContentEditState, selec
     try {
         const res = yield pcm.topContent.postTopContent({ topContents: [toAdd] });
         const newSavedContent = res.topContents[0];
-        topContentEditState = [...topContentEditState].map((cat) => {
-            if (cat.catMode === CategoryMode.NEW_SECTION) {
-                cat = Object.assign(Object.assign(Object.assign({}, cat), newSavedContent), { catMode: CategoryMode.EXISTING_SECTION, content: [
-                        Object.assign(Object.assign({}, newContent), { contentRank: 0, topContentId: newSavedContent.id, mode: ContentMode.INITIAL, createdBy: newSavedContent.createdBy, createdOn: newSavedContent.createdOn }),
-                    ] });
-            }
-            return cat;
-        });
+        const oldCat = {
+            id: -1,
+            categoryRank: 0,
+        };
+        const newCat = Object.assign(Object.assign(Object.assign({}, oldCat), newSavedContent), { catMode: CategoryMode.EXISTING_SECTION, content: [
+                Object.assign(Object.assign({}, newContent), { contentRank: 0, topContentId: newSavedContent.id, mode: ContentMode.INITIAL, createdBy: newSavedContent.createdBy, createdOn: newSavedContent.createdOn }),
+            ] });
+        if (isCreatingNewSet) {
+            topContentEditState = [newCat];
+        }
+        else {
+            topContentEditState = topContentEditState.filter((cat) => cat.catMode !== CategoryMode.NEW_SECTION);
+            topContentEditState = [...topContentEditState, newCat];
+        }
         dispatch({
             type: TopContentReducerConstants.changeTopContentStateOnSave,
             payload: {
                 topContentEditState,
+                isCatOnlyForMajorVersion,
                 topContentResponse: getApiResourceObject(topContentEditState),
                 contentUrls: getContentUrls(topContentEditState),
             },
@@ -372,16 +384,24 @@ export const saveAddToTopContent = (dispatch, topContentEditState, id, categoryI
         };
         const res = yield pcm.topContent.postTopContent({ topContents: [toAdd] });
         topContentEditState.forEach((cat) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e, _f;
             if (cat.id === id) {
-                cat.content[index] = Object.assign(Object.assign({}, cat.content[index]), { mode: ContentMode.INITIAL, contentTitle: content.contentTitle, contentUrl: content.contentUrl, topContentId: (_a = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _a === void 0 ? void 0 : _a.id, createdBy: (_b = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _b === void 0 ? void 0 : _b.createdBy, createdOn: (_c = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _c === void 0 ? void 0 : _c.createdOn });
+                if (index === -1) {
+                    //moving suggested content to top content
+                    const newContent = Object.assign(Object.assign({}, content), { mode: ContentMode.INITIAL, topContentId: (_a = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _a === void 0 ? void 0 : _a.id, createdBy: (_b = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _b === void 0 ? void 0 : _b.createdBy, createdOn: (_c = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _c === void 0 ? void 0 : _c.createdOn });
+                    cat.content = [...cat.content, newContent];
+                }
+                else {
+                    // creating a new top content
+                    cat.content[index] = Object.assign(Object.assign({}, cat.content[index]), { mode: ContentMode.INITIAL, contentTitle: content.contentTitle, contentUrl: content.contentUrl, topContentId: (_d = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _d === void 0 ? void 0 : _d.id, createdBy: (_e = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _e === void 0 ? void 0 : _e.createdBy, createdOn: (_f = res === null || res === void 0 ? void 0 : res.topContents[0]) === null || _f === void 0 ? void 0 : _f.createdOn });
+                }
             }
         });
         // update both current state and original get state
         dispatch({
             type: TopContentReducerConstants.changeTopContentStateOnSave,
             payload: {
-                topContentEditState,
+                topContentEditState: [...topContentEditState],
                 topContentResponse: getApiResourceObject(topContentEditState),
                 contentUrls: getContentUrls(topContentEditState),
             },
@@ -511,3 +531,52 @@ export const resetDuplicatUrls = (dispatch) => {
         payload: { contentUrls: {} },
     });
 };
+/**
+ * This function is used for to get top content suggestions from server
+ * @param dispatch TopContentReducerDispatchType
+ * @param productName string
+ * @param version string
+ */
+export const fetchTopContentSuggestions = (dispatch, productName, version) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        dispatch({
+            type: TopContentReducerConstants.setTopContentSuggestions,
+            payload: { suggestion: {} },
+        });
+        const topContentSuggestions = yield pcm.topContent.suggestedTopContent({
+            productName: productName,
+            version,
+        });
+        dispatch({
+            type: TopContentReducerConstants.setTopContentSuggestions,
+            payload: { suggestion: topContentSuggestions },
+        });
+    }
+    catch (e) {
+        dispatch({
+            type: TopContentReducerConstants.setTopContentSuggestions,
+            payload: { suggestion: {} },
+        });
+    }
+});
+/**
+ * This function is used to remove selected top suggestion from server
+ * @param dispatch TopContentReducerDispatchType
+ * @param suggestion ITopContentSuggestion
+ * @param suggestionId number
+ */
+export const deleteTopContentSuggestion = (dispatch, suggestion, suggestionId) => __awaiter(void 0, void 0, void 0, function* () {
+    var _b, _c;
+    try {
+        yield pcm.topContent.deleteTopContentSuggestion(suggestionId);
+        suggestion.linkedResources = (_b = suggestion.linkedResources) === null || _b === void 0 ? void 0 : _b.filter((resource) => resource.id !== suggestionId);
+        suggestion.linkedResourcesCount = (_c = suggestion.linkedResources) === null || _c === void 0 ? void 0 : _c.length;
+        dispatch({
+            type: TopContentReducerConstants.setTopContentSuggestions,
+            payload: { suggestion },
+        });
+    }
+    catch (e) {
+        return Promise.reject(e);
+    }
+});

package/lib/esm/scss/_pf4-overrides.scss

@@ -108,3 +108,21 @@ div.performance-metrics-modal {
         }
     }
 }
+
+#top-content-suggestion {
+    .pf-c-expandable-section__content {
+        border: unset;
+    }
+    .card-hint {
+        background-color: var(--pf-global--BackgroundColor--200);
+    }
+    .card-body {
+        padding: var(--pf-global--spacer--md);
+    }
+    .hint-title {
+        color: var(--pf-global--primary-color--100);
+    }
+    .accordion_title {
+        color: var(--pf-global--Color--100);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "1.0.34",
+    "version": "1.0.36",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -94,9 +94,9 @@
         "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "4.264.0",
         "@patternfly/react-table": "4.111.33",
-        "@rh-support/components": "1.2.18",
+        "@rh-support/components": "1.2.20",
         "@rh-support/configs": "1.0.1",
-        "@rh-support/react-context": "1.0.25",
+        "@rh-support/react-context": "1.0.27",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "1.0.11",
         "@rh-support/utils": "1.0.9",
@@ -109,5 +109,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "67c86ae65999c9e8d868a567bcd70f8d7401d386"
+    "gitHead": "4400d957d019194adb8d28fca41cc4795b02d3ea"
 }