@rh-support/manage 0.2.12 → 0.2.16

package/lib/esm/ManageTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAoBvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eA2GvC"}
+{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAqBvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAiIvC"}

package/lib/esm/ManageTabs.js

@@ -6,6 +6,7 @@ import map from 'lodash/map';
 import React, { useContext } from 'react';
 import { ManageGroupUsers } from './components/Groups/ManageGroupUsers';
 import { ManageBookmarkedAccountsTab, ManageGroupedBookmarkedAccountsTab, } from './components/ManageBookmarkedAccountsTab';
+import { ManagePreferences } from './components/ManagePreferences';
 import { NotificationEmails } from './components/NotificationEmails/index';
 import { TopContentManagement } from './components/TopContentManagement';
 import { PageTitle } from './constants/pageTitle';
@@ -20,9 +21,10 @@ requireCustomElement([
 export function ManageTabs(props) {
     var _a, _b;
     const history = props.routeProps.history;
-    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute } = Routes.getPaths();
+    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute } = Routes.getPaths();
     const { globalMetadataState: { pcmConfig }, } = useContext(GlobalMetadataStateContext);
     const isGroupBookmarkEnabled = getConfigField(pcmConfig.data, 'isGroupBookmarkEnabled', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
+    const isPreferencesPageEnabled = getConfigField(pcmConfig.data, 'allowPreferencesPage', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
     // Changes route and saves the current path to the url query params
     const isOnlyBasePath = history.location.pathname === Routes.basePath;
     useDocumentTitle(PageTitle.MANAGE);
@@ -36,17 +38,6 @@ export function ManageTabs(props) {
     const canManageBookmarkAccounts = ability.can(resourceActions.CREATE, resources.BOOKMARK_ACCOUNTS) && canViewManageTab;
     const canViewEmailNotificationTab = ability.can(resourceActions.READ, resources.NOTIFICATION_EMAIL);
     const tabsToRender = [];
-    canViewCaseGroups &&
-        tabsToRender.push({
-            title: 'Groups',
-            key: 'groups-tab',
-            routePath: groupsRoute,
-            'data-tracking-id': 'manage-groups-tab',
-            onClick: () => {
-                changeRouteThunk(groupsRoute);
-            },
-            component: React.createElement(ManageGroupUsers, null),
-        });
     canManageBookmarkAccounts &&
         tabsToRender.push({
             title: 'Bookmarks',
@@ -58,16 +49,16 @@ export function ManageTabs(props) {
             },
             component: isGroupBookmarkEnabled ? (React.createElement(ManageGroupedBookmarkedAccountsTab, { canManageBookmarkAccounts: canManageBookmarkAccounts })) : (React.createElement(ManageBookmarkedAccountsTab, { canManageBookmarkAccounts: canManageBookmarkAccounts })),
         });
-    canViewManageTopContent &&
+    canViewCaseGroups &&
         tabsToRender.push({
-            title: 'Top content',
-            key: 'top-content-tab',
-            'data-tracking-id': 'manage-top-content-tab',
-            routePath: topContentRoute,
+            title: 'Groups',
+            key: 'groups-tab',
+            routePath: groupsRoute,
+            'data-tracking-id': 'manage-groups-tab',
             onClick: () => {
-                changeRouteThunk(topContentRoute);
+                changeRouteThunk(groupsRoute);
             },
-            component: React.createElement(TopContentManagement, null),
+            component: React.createElement(ManageGroupUsers, null),
         });
     canViewEmailNotificationTab &&
         tabsToRender.push({
@@ -80,6 +71,28 @@ export function ManageTabs(props) {
             },
             component: React.createElement(NotificationEmails, null),
         });
+    isPreferencesPageEnabled &&
+        tabsToRender.push({
+            title: 'Preferences',
+            key: 'preferences-tab',
+            'data-tracking-id': 'preferences-tab',
+            routePath: preferencesRoute,
+            onClick: () => {
+                changeRouteThunk(preferencesRoute);
+            },
+            component: React.createElement(ManagePreferences, null),
+        });
+    canViewManageTopContent &&
+        tabsToRender.push({
+            title: 'Top content',
+            key: 'top-content-tab',
+            'data-tracking-id': 'manage-top-content-tab',
+            routePath: topContentRoute,
+            onClick: () => {
+                changeRouteThunk(topContentRoute);
+            },
+            component: React.createElement(TopContentManagement, null),
+        });
     /**
      * Render without tabs if there is only one element
      */

package/lib/esm/Routes.d.ts

@@ -13,6 +13,7 @@ interface ManageRoutes {
     groups: Route;
     savedSearches: Route;
     topContent: Route;
+    preferences: Route;
     notificationEmails: Route;
 }
 export declare const Routes: ManageRoutes;

package/lib/esm/Routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,kBAAkB,EAAE,KAAK,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,YAwDpB,CAAC"}
+{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,YA8DpB,CAAC"}

package/lib/esm/Routes.js

@@ -30,6 +30,12 @@ export const Routes = {
             return getPath(this);
         },
     },
+    preferences: {
+        path: '/preferences',
+        getPath() {
+            return getPath(this);
+        },
+    },
     notificationEmails: {
         path: '/notification-emails',
         getPath() {

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

@@ -0,0 +1,5 @@
+interface IProps {
+}
+export declare function ManagePreferences(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=ManagePreferences.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManagePreferences.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/ManagePreferences.tsx"],"names":[],"mappings":"AAIA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,eAE9C"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Preferences } from './Preferences';
+export function ManagePreferences(props) {
+    return React.createElement(Preferences, null);
+}

package/lib/esm/components/ManagePreferences/Preferences.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+}
+export declare function Preferences(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=Preferences.d.ts.map

package/lib/esm/components/ManagePreferences/Preferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preferences.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/Preferences.tsx"],"names":[],"mappings":"AAIA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAOxC"}

package/lib/esm/components/ManagePreferences/Preferences.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PreferencesHeader } from '../ManagePreferences/PreferencesHeader';
+import { PreferencesBody } from './PreferencesBody';
+export function Preferences(props) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PreferencesHeader, null),
+        React.createElement(PreferencesBody, null)));
+}

package/lib/esm/components/ManagePreferences/PreferencesBody.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+}
+export declare function PreferencesBody(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=PreferencesBody.d.ts.map

package/lib/esm/components/ManagePreferences/PreferencesBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesBody.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/PreferencesBody.tsx"],"names":[],"mappings":"AAMA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAQ5C"}

package/lib/esm/components/ManagePreferences/PreferencesBody.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PreferencesCaseCreate } from './sections/PreferencesCaseCreate';
+import { PreferencesCaseSearch } from './sections/PreferencesCaseSearch';
+import { PreferencesCaseView } from './sections/PreferencesCaseView';
+export function PreferencesBody(props) {
+    return (React.createElement("section", { className: "pfe-l-grid pfe-m-gutters pfe-m-all-4-col", id: "preferences-body" },
+        React.createElement(PreferencesCaseSearch, null),
+        React.createElement(PreferencesCaseView, null),
+        React.createElement(PreferencesCaseCreate, null)));
+}

package/lib/esm/components/ManagePreferences/PreferencesHeader.d.ts

@@ -0,0 +1,2 @@
+export declare function PreferencesHeader(): JSX.Element;
+//# sourceMappingURL=PreferencesHeader.d.ts.map

package/lib/esm/components/ManagePreferences/PreferencesHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/PreferencesHeader.tsx"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,gBAahC"}

package/lib/esm/components/ManagePreferences/PreferencesHeader.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Trans } from 'react-i18next';
+export function PreferencesHeader() {
+    return (React.createElement("header", null,
+        React.createElement("h2", null,
+            React.createElement(Trans, null, "Preferences")),
+        React.createElement("p", { className: "pf-u-mt-md pf-u-mb-sm" },
+            React.createElement(Trans, null, "Setting preferences will personalize your support case experience to best suit your needs."))));
+}

package/lib/esm/components/ManagePreferences/components/PreferenceSelect.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface IProps {
+    id: string;
+    label: string;
+    selections: string;
+    onSelect: (event: any, selection: any, isPlaceholder: any) => Promise<any>;
+    children: React.ReactElement[];
+}
+export declare function PreferenceSelect({ id, label, selections, children, onSelect }: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=PreferenceSelect.d.ts.map

package/lib/esm/components/ManagePreferences/components/PreferenceSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,aAAa,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,eA6CrF"}

package/lib/esm/components/ManagePreferences/components/PreferenceSelect.js

@@ -0,0 +1,46 @@
+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 { Select, SelectVariant, Spinner } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import React, { useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+export function PreferenceSelect({ id, label, selections, children, onSelect }) {
+    const { t } = useTranslation();
+    const [isOpen, setIsOpen] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const onSelectToggle = (isOpen) => {
+        setIsOpen(isOpen);
+    };
+    const onSelectLocal = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
+        if (isPlaceholder)
+            defaultClearSelection();
+        else {
+            setIsLoading(true);
+            try {
+                yield onSelect(event, selection, isPlaceholder);
+                ToastNotification.addSuccessMessage(t('Successfully updated preference'));
+            }
+            catch (e) {
+                ToastNotification.addDangerMessage(t('Failed to update preference'));
+            }
+            finally {
+                defaultClearSelection();
+                setIsLoading(false);
+            }
+        }
+    });
+    const defaultClearSelection = () => {
+        setIsOpen(false);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("label", { id: id },
+            React.createElement(Trans, null, label)),
+        React.createElement(Select, { variant: SelectVariant.single, onToggle: onSelectToggle, onSelect: onSelectLocal, selections: selections, isOpen: isOpen, "aria-labelledby": id, toggleIcon: isLoading && React.createElement(Spinner, { size: "sm" }) }, children)));
+}

package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.d.ts

@@ -0,0 +1,10 @@
+interface IProps {
+    className: string;
+    id: string;
+    label: string;
+    onSwitchChange: (checked: boolean) => Promise<any>;
+    isChecked: boolean;
+}
+export declare function PreferenceSwitch({ onSwitchChange, className, id, label, isChecked }: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=PreferenceSwitch.d.ts.map

package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferenceSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSwitch.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,eA6B3F"}

package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.js

@@ -0,0 +1,33 @@
+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 { Switch } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+export function PreferenceSwitch({ onSwitchChange, className, id, label, isChecked }) {
+    const [isSwitchLoading, setIsSwitchLoading] = useState(false);
+    let isCheckedLocal = isChecked;
+    const { t } = useTranslation();
+    const onChangeLocal = (checked) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setIsSwitchLoading(true);
+            yield onSwitchChange(checked);
+            isCheckedLocal = isChecked;
+            ToastNotification.addSuccessMessage(t('Successfully updated preference'));
+            setIsSwitchLoading(false);
+        }
+        catch (_a) {
+            isCheckedLocal = !checked;
+            ToastNotification.addDangerMessage(t('Failed to update preference'));
+            setIsSwitchLoading(false);
+        }
+    });
+    return (React.createElement(Switch, { className: className, id: id, label: t(label), isChecked: isCheckedLocal, onChange: onChangeLocal, isDisabled: isSwitchLoading }));
+}

package/lib/esm/components/ManagePreferences/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ManagePreferences';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/ManagePreferences/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/lib/esm/components/ManagePreferences/index.js

@@ -0,0 +1 @@
+export * from './ManagePreferences';

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+}
+export declare function PreferencesCaseCreate(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=PreferencesCaseCreate.d.ts.map

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAwHlD"}

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

@@ -0,0 +1,97 @@
+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 { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
+import { languageConst, ToastNotification } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { invert } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
+import React, { useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useUserPreferences } from '../../../hooks/useUserPreferences';
+import { PreferenceSelect } from '../components/PreferenceSelect';
+export function PreferencesCaseCreate(props) {
+    const { t } = useTranslation();
+    const { globalMetadataState: { caseGroups }, } = useContext(GlobalMetadataStateContext);
+    const [originalPreferredLanguage, setOriginalPreferredLanguage] = useState('');
+    const [originalDefaultGroup, setOriginalDefaultGroup] = useState('');
+    const [groupDictionary, setGroupDictionary] = useState({});
+    const [userDefaultGroupList, setUserDefaultGroupList] = useState([]);
+    const { getPreferredLanguage, updatePreferredLanguage, updateDefaultGroup, getDefaultGroup } = useUserPreferences();
+    const preferredLangTitleId = 'preferred-language-select';
+    const defaultGroupTitleId = 'default-group-select';
+    const getKeyByValue = (object, value) => {
+        return Object.keys(object).find((key) => object[key] === value);
+    };
+    const onPreferredLanguageSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
+        const selectedLanguageCode = getKeyByValue(languageConst, selection);
+        yield updatePreferredLanguage(selectedLanguageCode);
+    });
+    const onDefaultGroupSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
+        console.log(selection);
+        console.log('groupDictionary: ', groupDictionary);
+        console.log(groupDictionary[`${selection}`]);
+        const selectionKey = invert(groupDictionary)[selection];
+        console.log('selectionKey', selectionKey);
+        yield updateDefaultGroup(selectionKey);
+    });
+    const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const retrievedLanguage = yield getPreferredLanguage();
+            setOriginalPreferredLanguage(languageConst[retrievedLanguage]);
+        }
+        catch (_a) {
+            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+        }
+    });
+    const userOriginalDefaultGroup = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const retrievedGroupId = yield getDefaultGroup();
+            setOriginalDefaultGroup(groupDictionary[retrievedGroupId]);
+        }
+        catch (_b) {
+            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+        }
+    });
+    const createCaseGroupStruct = (caseGroups) => {
+        const defaultGroupDictionary = {};
+        for (let i = 0; i < caseGroups.data.length; i++) {
+            defaultGroupDictionary[caseGroups.data[i].groupNum] = caseGroups.data[i].name;
+        }
+        console.log(defaultGroupDictionary);
+        return defaultGroupDictionary;
+    };
+    useEffect(() => {
+        userOriginalPreferredLanguage();
+        userOriginalDefaultGroup();
+    });
+    useEffect(() => {
+        var _a;
+        if (!isEmpty(caseGroups) && ((_a = caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data) === null || _a === void 0 ? void 0 : _a.length) > 0 && Object.keys(groupDictionary).length === 0) {
+            let updatedDictionary = createCaseGroupStruct(caseGroups);
+            setGroupDictionary(updatedDictionary);
+            const parsedDefaultGroupNames = [];
+            for (let groupId in updatedDictionary) {
+                parsedDefaultGroupNames.push(updatedDictionary[groupId]);
+            }
+            console.log('parsedDefaultGroupNames, ', parsedDefaultGroupNames);
+            setUserDefaultGroupList(parsedDefaultGroupNames);
+        }
+    }, [caseGroups, groupDictionary]);
+    return (React.createElement(Card, { className: "preference-card" },
+        React.createElement(CardHeader, null,
+            React.createElement("h3", null,
+                React.createElement(Trans, null, "Case create"))),
+        React.createElement(CardBody, null,
+            React.createElement("form", null,
+                React.createElement("div", { className: "form-group" },
+                    React.createElement(PreferenceSelect, { label: "Preferred case language", id: preferredLangTitleId, onSelect: onPreferredLanguageSelect, selections: originalPreferredLanguage }, Object.keys(languageConst).map((option, index) => (React.createElement(SelectOption, { key: index, value: languageConst[option] }))))),
+                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 })))))))));
+}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+}
+export declare function PreferencesCaseSearch(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=PreferencesCaseSearch.d.ts.map

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesCaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseSearch.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAwHlD"}

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

@@ -0,0 +1,92 @@
+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 { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import { UserPreferencesKeys } from '@rh-support/react-context';
+import find from 'lodash/find';
+import React, { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useUserPreferences } from '../../../hooks/useUserPreferences';
+import { PreferenceSelect } from '../components/PreferenceSelect';
+import { PreferenceSwitch } from '../components/PreferenceSwitch';
+export function PreferencesCaseSearch(props) {
+    const { t } = useTranslation();
+    const { getAutoRestoreSavedSearchPreference, updateAutoRestoreSavedSearchPreference, getAutoRestoreLastSearchPreference, updateAutoRestoreLastSearchPreference, getAutoSaveSelectedColumnsPreference, updateAutoSaveSelectedColumnsPreference, hydraUserPreferences, } = useUserPreferences();
+    const [isAutoRestoreChecked, setIsAutoRestoreChecked] = useState(false);
+    const [isAutoSaveChecked, setIsAutoSaveChecked] = useState(false);
+    const [bookmarkedSearches, setBookmarkedSearches] = useState([]);
+    const [originalSavedSearch, setOriginalSavedSearch] = useState('');
+    const parseToBoolean = (value) => {
+        return value === 'true';
+    };
+    useEffect(() => {
+        const savedFiltrerKey = UserPreferencesKeys.caseSavedSearchFilters;
+        const savedSearches = find(hydraUserPreferences.data, (pref) => pref.key === savedFiltrerKey);
+        if (savedSearches) {
+            const _bookmarkedSearches = JSON.parse(savedSearches.value);
+            setBookmarkedSearches(Object.keys(_bookmarkedSearches));
+        }
+    }, [hydraUserPreferences.data]);
+    const userOriginalSavedSearch = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const originalSearch = yield getAutoRestoreSavedSearchPreference();
+            setOriginalSavedSearch(originalSearch);
+        }
+        catch (_a) {
+            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+        }
+    });
+    const userOriginalAutoRestoreLastSearch = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const originalLastSearchPref = yield getAutoRestoreLastSearchPreference();
+            const parsedLastSearchPref = parseToBoolean(originalLastSearchPref);
+            setIsAutoRestoreChecked(parsedLastSearchPref);
+        }
+        catch (_b) {
+            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+        }
+    });
+    const userOriginalAutoSaveColumns = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const originalColumnsPref = yield getAutoSaveSelectedColumnsPreference();
+            const parsedColumnPref = parseToBoolean(originalColumnsPref);
+            setIsAutoSaveChecked(parsedColumnPref);
+        }
+        catch (_c) {
+            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+        }
+    });
+    useEffect(() => {
+        userOriginalSavedSearch();
+        userOriginalAutoRestoreLastSearch();
+        userOriginalAutoSaveColumns();
+    });
+    const onSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
+        yield updateAutoRestoreSavedSearchPreference(selection);
+    });
+    const onAutoRestoreSwitchChange = (checked) => __awaiter(this, void 0, void 0, function* () {
+        yield updateAutoRestoreLastSearchPreference(checked);
+    });
+    const onAutoSaveSwitchChange = (checked) => __awaiter(this, void 0, void 0, function* () {
+        yield updateAutoSaveSelectedColumnsPreference(checked);
+    });
+    const titleId = 'auto-restore-preference-dropdown';
+    return (React.createElement(Card, { className: "preference-card" },
+        React.createElement(CardHeader, null,
+            React.createElement("h3", null,
+                React.createElement(Trans, null, "Case search"))),
+        React.createElement(CardBody, null,
+            React.createElement("form", null,
+                React.createElement("div", { className: "form-group" },
+                    React.createElement(PreferenceSelect, { label: "Auto-restore my saved search", id: titleId, onSelect: onSelect, selections: originalSavedSearch }, bookmarkedSearches.map((option, index) => (React.createElement(SelectOption, { key: index, value: option }))))),
+                React.createElement("div", { className: "form-group" },
+                    React.createElement(PreferenceSwitch, { className: "preference-page-switches", id: "auto-restore-last-search-switch", label: "Auto-restore last search", onSwitchChange: onAutoRestoreSwitchChange, isChecked: isAutoRestoreChecked }),
+                    React.createElement(PreferenceSwitch, { className: "preference-page-switches", id: "auto-save-columns-switch", label: "Auto-save selected table columns", onSwitchChange: onAutoSaveSwitchChange, isChecked: isAutoSaveChecked }))))));
+}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+}
+export declare function PreferencesCaseView(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=PreferencesCaseView.d.ts.map

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesCaseView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseView.tsx"],"names":[],"mappings":"AAUA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAiJhD"}

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

@@ -0,0 +1,114 @@
+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 { Card, CardBody, CardHeader, SelectOption, Spinner, TextArea } from '@patternfly/react-core';
+import { EditorMode, ToastNotification } from '@rh-support/components';
+import debounce from 'lodash/debounce';
+import React, { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useUserPreferences } from '../../../hooks/useUserPreferences';
+import { PreferenceSelect } from '../components/PreferenceSelect';
+import { PreferenceSwitch } from '../components/PreferenceSwitch';
+export function PreferencesCaseView(props) {
+    const { t } = useTranslation();
+    const { updateCommentType, getCommentTypeFromPreference, getCommentSignature, updateCommentSignature, getShareHostNames, updateShareHostNames, } = useUserPreferences();
+    const [isSharingHostNames, setIsSharingHostNames] = useState(false);
+    const [localCommentSignature, setLocalCommentSignature] = useState('');
+    const [originalCommentType, setOriginalCommentType] = useState('');
+    const [originalCommentSignature, setOriginalCommentSignature] = useState('');
+    const [commentValidated, setCommentValidated] = useState('default');
+    const [isCommentSignatureLoading, setIsCommentSignatureLoading] = useState(false);
+    const commentTypes = [EditorMode.PLAIN, EditorMode.MARKDOWN];
+    const parseToBoolean = (value) => {
+        return value === 'true';
+    };
+    const userOriginalShareHostNames = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const retrievedShareHostNames = yield getShareHostNames();
+            const parsedShareHostNames = parseToBoolean(retrievedShareHostNames);
+            setIsSharingHostNames(parsedShareHostNames);
+        }
+        catch (_a) {
+            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+        }
+    });
+    const userOriginalCommentType = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const retrievedComment = yield getCommentTypeFromPreference();
+            setOriginalCommentType(retrievedComment);
+        }
+        catch (_b) {
+            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+        }
+    });
+    const userOriginalCommentSignature = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const retrievedSignature = yield getCommentSignature();
+            setOriginalCommentSignature(retrievedSignature);
+        }
+        catch (_c) {
+            ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+        }
+    });
+    useEffect(() => {
+        userOriginalCommentSignature();
+        userOriginalCommentType();
+        userOriginalShareHostNames();
+    });
+    useEffect(() => {
+        if (localCommentSignature === '' && commentValidated !== 'error') {
+            setCommentValidated('default');
+        }
+    }, [localCommentSignature, commentValidated]);
+    const debounceUpdateCommentSignature = debounce((value) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield updateCommentSignature(value);
+        }
+        catch (error) {
+            setLocalCommentSignature('');
+            setOriginalCommentSignature(originalCommentSignature);
+            ToastNotification.addDangerMessage(t('Failed to update preference'));
+            setCommentValidated('error');
+            setIsCommentSignatureLoading(false);
+        }
+    }), 1000);
+    const handleCommentSignatureChange = (value) => __awaiter(this, void 0, void 0, function* () {
+        setIsCommentSignatureLoading(true);
+        yield debounceUpdateCommentSignature(value);
+        setTimeout(() => setCommentValidated('success'), 2000);
+        setLocalCommentSignature(value);
+        setIsCommentSignatureLoading(false);
+    });
+    const onShareHostNamesSwitch = (checked) => __awaiter(this, void 0, void 0, function* () {
+        yield updateShareHostNames(checked);
+    });
+    const onSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
+        yield updateCommentType(selection);
+    });
+    const titleId = 'default-comment-preference-select';
+    return (React.createElement(Card, { className: "preference-card" },
+        React.createElement(CardHeader, null,
+            React.createElement("h3", null,
+                React.createElement(Trans, null, "Case view"))),
+        React.createElement(CardBody, null,
+            React.createElement("form", null,
+                React.createElement("div", { className: "form-group" },
+                    React.createElement(PreferenceSelect, { onSelect: onSelect, selections: originalCommentType, id: titleId, label: "Default comment type" }, commentTypes.map((option, index) => (React.createElement(SelectOption, { key: index, value: option }))))),
+                React.createElement("div", { className: "form-group" },
+                    React.createElement("label", { htmlFor: "comment-signature-textarea" },
+                        React.createElement(Trans, null, "Comment signature")),
+                    React.createElement(TextArea, { value: localCommentSignature, onChange: handleCommentSignatureChange, "aria-label": "comment-signature-textarea", placeholder: originalCommentSignature, id: "comment-signature-textarea", 
+                        // @ts-ignore
+                        validated: commentValidated }),
+                    isCommentSignatureLoading && React.createElement(Spinner, { size: "md" })),
+                React.createElement("div", { className: "form-group" },
+                    React.createElement("label", { htmlFor: "share-hostnames-switch" },
+                        React.createElement(Trans, null, "Case information")),
+                    React.createElement(PreferenceSwitch, { className: "switches", id: "share-hostnames-switch", label: "Share hostnames with Red Hat", isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch }))))));
+}

package/lib/esm/components/TopContentManagement/NoTopContentFound.d.ts

@@ -2,7 +2,7 @@ interface IProps {
     version: string;
     product: string;
     dataLength: number;
-    onAddCategory: (majorOnly: boolean, newSet: boolean, version: string) => void;
+    onAddCategory: (majorOnly: boolean, newSet: boolean, version: string, hasMajorContentCreatingMinorContent?: boolean) => void;
     onVersionChange?: (version: string) => void;
     isContentOnlyForMajorVersion: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"NoTopContentFound.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/NoTopContentFound.tsx"],"names":[],"mappings":"AAeA,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,4BAA4B,EAAE,OAAO,CAAC;CACzC;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,4BAA4B,GAC/B,EAAE,MAAM,eAyFR"}
+{"version":3,"file":"NoTopContentFound.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/NoTopContentFound.tsx"],"names":[],"mappings":"AAeA,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CACX,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,EACf,mCAAmC,CAAC,EAAE,OAAO,KAC5C,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,4BAA4B,EAAE,OAAO,CAAC;CACzC;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,4BAA4B,GAC/B,EAAE,MAAM,eAyFR"}

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

@@ -39,7 +39,7 @@ export function NoTopContentFound({ version, product, dataLength, onAddCategory,
             ' ',
             "troubleshooting this version"),
         React.createElement("div", { className: "pf-u-mt-lg" },
-            React.createElement(Button, { isInline: true, className: "pf-c-alert__action", variant: ButtonVariant.primary, onClick: () => onAddCategory(false, true, version) },
+            React.createElement(Button, { isInline: true, className: "pf-c-alert__action", variant: ButtonVariant.primary, onClick: () => onAddCategory(false, true, version, true) },
                 React.createElement(Trans, null,
                     "Create new set for ",
                     version)))));

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,OAAO,EAGH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAGhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,CAAC,EAAE,MAAM,CAAC;CACb;AAaD,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,gBAwXzF,CAAC"}
+{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAGhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,CAAC,EAAE,MAAM,CAAC;CACb;AAaD,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,gBAgYzF,CAAC"}

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

@@ -19,7 +19,7 @@ import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
 import { getTopContentUrl } from '../../../../reducers/TopContentHelpers';
-import { ContentMode, deleteTopContent, removeTopContent, saveAddedNewSectionContents, saveAddToTopContent, saveChangeInCategoryContent, setIsAddingCategory, } from '../../../../reducers/TopContentReducer';
+import { ContentMode, deleteTopContent, fetchTopContent, removeTopContent, saveAddedNewSectionContents, saveAddToTopContent, saveChangeInCategoryContent, setIsAddingCategory, } from '../../../../reducers/TopContentReducer';
 import { AddNewCategoryDropDown } from './AddNewCategoryDropDown';
 function formatDuplicateWarning(arr) {
     if (arr.length === 0 || arr.length === 1)
@@ -90,41 +90,42 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
             throwWarningMessage();
         }
     });
-    const onContentUrlChange = (contentUrl, event) => __awaiter(void 0, void 0, void 0, function* () {
-        setContentUrlIsValid(event.target.validity.valid);
+    const checkDuplicateUrls = (contentUrl) => {
         const dupObjCopy = cloneDeep(contentUrls);
-        const cat = category.categoryName;
+        const selectedCategory = category.categoryName;
         // remove old url that is edited from obj
-        if (dupObjCopy[content.contentUrl] && dupObjCopy[content.contentUrl][cat] > 1) {
-            dupObjCopy[content.contentUrl][cat]--;
+        if (dupObjCopy[content.contentUrl] && dupObjCopy[content.contentUrl][selectedCategory] > 1) {
+            dupObjCopy[content.contentUrl][selectedCategory]--;
         }
         else {
             delete dupObjCopy[content.contentUrl];
         }
         //remove prev url from dup obj
         if (dupObjCopy[localContentUrl]) {
-            if (dupObjCopy[localContentUrl][cat]) {
-                dupObjCopy[localContentUrl][cat]--;
+            if (dupObjCopy[localContentUrl][selectedCategory]) {
+                dupObjCopy[localContentUrl][selectedCategory]--;
             }
         }
         //add new typed url to dup
         if (dupObjCopy[contentUrl]) {
-            if (dupObjCopy[contentUrl][cat]) {
-                dupObjCopy[contentUrl][cat]++;
+            if (dupObjCopy[contentUrl][selectedCategory]) {
+                dupObjCopy[contentUrl][selectedCategory]++;
             }
             else {
-                dupObjCopy[contentUrl][cat] = 1;
+                dupObjCopy[contentUrl][selectedCategory] = 1;
             }
         }
         else {
-            dupObjCopy[contentUrl] = { [cat]: 1 };
+            dupObjCopy[contentUrl] = { [selectedCategory]: 1 };
         }
-        if (dupObjCopy[contentUrl][cat] > 1 || Object.keys(dupObjCopy[contentUrl]).length > 1) {
+        if (dupObjCopy[contentUrl][selectedCategory] > 1 || Object.keys(dupObjCopy[contentUrl]).length > 1) {
             const dupArrays = [];
             for (const cat in dupObjCopy[contentUrl]) {
-                cat === category.categoryName && dupArrays.unshift(React.createElement("strong", { key: `${cat}` }, "this section"));
-                decodeURI(cat) !== category.categoryName &&
-                    dupArrays.push(React.createElement("strong", { key: `${cat}` }, decodeURI(cat)));
+                if (cat !== 'undefined') {
+                    cat === category.categoryName
+                        ? dupArrays.unshift(React.createElement("strong", { key: `${cat}` }, "this section"))
+                        : dupArrays.push(React.createElement("strong", { key: `${cat}` }, decodeURI(cat)));
+                }
             }
             setDuplicatUrlErrorArray(dupArrays);
             setShowDuplicateError(true);
@@ -133,6 +134,10 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
         else {
             setShowDuplicateError(false);
         }
+    };
+    const onContentUrlChange = (contentUrl, event) => __awaiter(void 0, void 0, void 0, function* () {
+        setContentUrlIsValid(event.target.validity.valid);
+        checkDuplicateUrls(contentUrl);
         setLocalContentUrl(contentUrl);
         setIsFetchingSolrSearch(true);
         yield updateContentTitleFromUrl(contentUrl);
@@ -212,7 +217,10 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
         setNewCategory(category);
     };
     const onCancel = () => {
-        if (content.mode === ContentMode.ADD || content.mode === ContentMode.NEW_SECTION_CONTENT) {
+        if (content.mode === ContentMode.NEW_SECTION_CONTENT) {
+            fetchTopContent(topContentDispatch, selectedProduct, selectedVersion);
+        }
+        if (content.mode === ContentMode.ADD) {
             removeTopContent(topContentDispatch, topContentEditState, category.id, i);
         }
         // reset values to initial props values

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":"AAsCA,wBAAgB,gBAAgB,gBA+Q/B"}
+{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AAuCA,wBAAgB,gBAAgB,gBAqR/B"}

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

@@ -15,7 +15,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
 import { Trans, useTranslation } from 'react-i18next';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../context/TopContentProvider';
-import { CategoryMode, fetchTopContent, reArrangeCategory, resetChangeInCategory, resetContentWithSelectedProduct, setAddNewSection, setIsAddingCategory, setIsSearchModeEnabled, setTopContentArrangingCategory, setTopContentArrangingContent, } from '../../../reducers/TopContentReducer';
+import { CategoryMode, fetchTopContent, reArrangeCategory, resetChangeInCategory, resetContentWithSelectedProduct, resetDuplicatUrls, setAddNewSection, setIsAddingCategory, setIsSearchModeEnabled, setTopContentArrangingCategory, setTopContentArrangingContent, } from '../../../reducers/TopContentReducer';
 import { NoTopContentFound } from '../NoTopContentFound';
 import { TopContentHeader } from '../TopContentHeader';
 import { TopContentProductVersionSelector } from '../TopContentProductVersionSelector';
@@ -42,7 +42,8 @@ export function TopContentEditor() {
         !isSearchModeEnabled && setFilteredTC(topContentEditState);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [topContentEditState]);
-    const onAddCategory = (isMajorVersionOnly, isCreatingNewSet = false, version) => {
+    const onAddCategory = (isMajorVersionOnly, isCreatingNewSet = false, version, hasMajorContentCreatingMinorContent) => {
+        hasMajorContentCreatingMinorContent && resetDuplicatUrls(topContentDispatch);
         setCategoryToOpen(null);
         setIsAddingCategory(topContentDispatch, true);
         setAddNewSection(topContentDispatch, topContentEditState, isMajorVersionOnly, isCreatingNewSet);

package/lib/esm/hooks/useUserPreferences.d.ts

@@ -0,0 +1,20 @@
+export declare function useUserPreferences(): {
+    updateCommentType: (value: string) => Promise<void>;
+    getCommentTypeFromPreference: () => any;
+    hydraUserPreferences: import("@rh-support/types/shared").IApiResponseDetails<import("@cee-eng/hydrajs/@types/models/general").IPreference[]>;
+    getAutoRestoreSavedSearchPreference: () => any;
+    updateAutoRestoreSavedSearchPreference: (value: string) => Promise<void>;
+    getAutoRestoreLastSearchPreference: () => any;
+    updateAutoRestoreLastSearchPreference: (value: boolean) => Promise<void>;
+    getAutoSaveSelectedColumnsPreference: () => any;
+    updateAutoSaveSelectedColumnsPreference: (value: boolean) => Promise<void>;
+    getCommentSignature: () => any;
+    updateCommentSignature: (value: string) => Promise<void>;
+    getShareHostNames: () => any;
+    updateShareHostNames: (value: boolean) => Promise<void>;
+    getPreferredLanguage: () => any;
+    updatePreferredLanguage: (value: string) => Promise<void>;
+    getDefaultGroup: () => any;
+    updateDefaultGroup: (value: string) => Promise<void>;
+};
+//# sourceMappingURL=useUserPreferences.d.ts.map

package/lib/esm/hooks/useUserPreferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserPreferences.d.ts","sourceRoot":"","sources":["../../../src/hooks/useUserPreferences.tsx"],"names":[],"mappings":"AAQA,wBAAgB,kBAAkB;+BAoIU,MAAM;;;;oDApHe,MAAM;;mDAoBP,OAAO;;qDAgBL,OAAO;;oCAgBxB,MAAM;;kCAgBR,OAAO;;qCAgBJ,MAAM;;gCAgBX,MAAM;EA+ClD"}

package/lib/esm/hooks/useUserPreferences.js

@@ -0,0 +1,106 @@
+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 { GlobalMetadataDispatchContext, GlobalMetadataStateContext, updateUserPreferences, UserPreferencesKeys, } from '@rh-support/react-context';
+import { useContext } from 'react';
+export function useUserPreferences() {
+    const { globalMetadataState: { loggedInUser, hydraUserPreferences }, } = useContext(GlobalMetadataStateContext);
+    const globalMetadataDispatch = useContext(GlobalMetadataDispatchContext);
+    const doesKeyExistWithSameValue = (key, value) => {
+        const item = getKeyValue(key);
+        return item && item === value;
+    };
+    const getKeyValue = (key) => {
+        const item = hydraUserPreferences.data.find((pref) => pref.key === key);
+        return item ? item.value : null;
+    };
+    const updateAutoRestoreSavedSearchPreference = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.autoRestoreSavedSearch, value))
+            return;
+        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.autoRestoreSavedSearch, value }], 'add', true, true);
+    });
+    const getAutoRestoreSavedSearchPreference = () => {
+        return getKeyValue(UserPreferencesKeys.autoRestoreSavedSearch);
+    };
+    const getAutoRestoreLastSearchPreference = () => {
+        return getKeyValue(UserPreferencesKeys.autoRestoreLastSearch);
+    };
+    const updateAutoRestoreLastSearchPreference = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.autoRestoreLastSearch, value))
+            return;
+        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.autoRestoreLastSearch, value }], 'add', true, true);
+    });
+    const getAutoSaveSelectedColumnsPreference = () => {
+        return getKeyValue(UserPreferencesKeys.autoSaveSelectedColumns);
+    };
+    const updateAutoSaveSelectedColumnsPreference = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.autoSaveSelectedColumns, value))
+            return;
+        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.autoSaveSelectedColumns, value }], 'add', true, true);
+    });
+    const getCommentSignature = () => {
+        return getKeyValue(UserPreferencesKeys.commentSignature);
+    };
+    const updateCommentSignature = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.commentSignature, value))
+            return;
+        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.commentSignature, value }], 'add', true, true);
+    });
+    const getShareHostNames = () => {
+        return getKeyValue(UserPreferencesKeys.shareHostnames);
+    };
+    const updateShareHostNames = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.shareHostnames, value))
+            return;
+        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.shareHostnames, value }], 'add', true, true);
+    });
+    const getPreferredLanguage = () => {
+        return getKeyValue(UserPreferencesKeys.preferredLanguage);
+    };
+    const updatePreferredLanguage = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.preferredLanguage, value))
+            return;
+        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.preferredLanguage, value }], 'add', true, true);
+    });
+    const getDefaultGroup = () => {
+        return getKeyValue(UserPreferencesKeys.defaultGroups);
+    };
+    const updateDefaultGroup = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.defaultGroups, value))
+            return;
+        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.defaultGroups, value }], 'add', true, true);
+    });
+    const getCommentTypeFromPreference = () => {
+        return getKeyValue(UserPreferencesKeys.commentType);
+    };
+    const updateCommentType = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.commentType, value))
+            return;
+        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.commentType, value }], 'add', true, true);
+    });
+    return {
+        updateCommentType,
+        getCommentTypeFromPreference,
+        hydraUserPreferences,
+        getAutoRestoreSavedSearchPreference,
+        updateAutoRestoreSavedSearchPreference,
+        getAutoRestoreLastSearchPreference,
+        updateAutoRestoreLastSearchPreference,
+        getAutoSaveSelectedColumnsPreference,
+        updateAutoSaveSelectedColumnsPreference,
+        getCommentSignature,
+        updateCommentSignature,
+        getShareHostNames,
+        updateShareHostNames,
+        getPreferredLanguage,
+        updatePreferredLanguage,
+        getDefaultGroup,
+        updateDefaultGroup,
+    };
+}

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

@@ -55,7 +55,8 @@ export declare enum TopContentReducerConstants {
     setNewSetStatus = "setNewSetStatus",
     updateTopContentCategories = "updateTopContentCategories",
     changeTopContentStateOnCatsArrangementSave = "changeTopContentStateOnCatsArrangementSave",
-    setIsSearchModeEnabled = "setIsSearchModeEnabled"
+    setIsSearchModeEnabled = "setIsSearchModeEnabled",
+    resetDuplicatUrls = "resetDuplicatUrls"
 }
 declare type IActionType = IAction<TopContentReducerConstants, ITopContentState>;
 export declare type TopContentReducerDispatchType = (value: IActionType) => void;
@@ -78,5 +79,6 @@ export declare const reArrangeContent: (dispatch: TopContentReducerDispatchType,
 export declare const reArrangeCategory: (topContentEditState: ITopContentEditState[]) => Promise<import("@cee-eng/hydrajs/@types/models/topContent/topContentModel").ITopContentPutBody>;
 export declare const fetchCategories: (dispatch: TopContentReducerDispatchType) => Promise<never>;
 export declare const setIsSearchModeEnabled: (dispatch: TopContentReducerDispatchType, isSearchModeEnabled: boolean) => void;
+export declare const resetDuplicatUrls: (dispatch: TopContentReducerDispatchType) => void;
 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":"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"}

package/lib/esm/reducers/TopContentReducer.js

@@ -35,6 +35,7 @@ export var TopContentReducerConstants;
     TopContentReducerConstants["updateTopContentCategories"] = "updateTopContentCategories";
     TopContentReducerConstants["changeTopContentStateOnCatsArrangementSave"] = "changeTopContentStateOnCatsArrangementSave";
     TopContentReducerConstants["setIsSearchModeEnabled"] = "setIsSearchModeEnabled";
+    TopContentReducerConstants["resetDuplicatUrls"] = "resetDuplicatUrls";
 })(TopContentReducerConstants || (TopContentReducerConstants = {}));
 export const TopContentReducer = (pState, action) => {
     switch (action.type) {
@@ -68,6 +69,9 @@ export const TopContentReducer = (pState, action) => {
         case TopContentReducerConstants.setIsSearchModeEnabled: {
             return Object.assign(Object.assign({}, pState), { isSearchModeEnabled: action.payload.isSearchModeEnabled });
         }
+        case TopContentReducerConstants.resetDuplicatUrls: {
+            return Object.assign(Object.assign({}, pState), { contentUrls: action.payload.contentUrls });
+        }
         default: {
             return pState;
         }
@@ -466,3 +470,9 @@ export const setIsSearchModeEnabled = (dispatch, isSearchModeEnabled) => {
         payload: { isSearchModeEnabled },
     });
 };
+export const resetDuplicatUrls = (dispatch) => {
+    dispatch({
+        type: TopContentReducerConstants.resetDuplicatUrls,
+        payload: { contentUrls: {} },
+    });
+};

package/lib/esm/scss/_main.scss

@@ -276,3 +276,15 @@
 .pf-c-table__action li:nth-child(3) button:hover {
     color: #a30000;
 }
+
+.preference-card {
+    background-color: #f0f0f0;
+}
+
+.preference-dropdown {
+    background-color: #fff;
+}
+
+.preference-page-switches {
+    padding: 0.5rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.2.12",
+    "version": "0.2.16",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -51,7 +51,7 @@
         "not op_mini all"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.4.7",
+        "@cee-eng/hydrajs": "4.5.4",
         "@patternfly/patternfly": "4.102.2",
         "@patternfly/pfe-accordion": "1.1.0",
         "@patternfly/pfe-collapse": "1.1.0",
@@ -89,20 +89,20 @@
         "typescript": "4.3.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.4.7",
+        "@cee-eng/hydrajs": "4.5.4",
         "@patternfly/patternfly": "4.102.2",
         "@patternfly/pfe-accordion": "1.1.0",
         "@patternfly/pfe-collapse": "1.1.0",
         "@patternfly/pfe-tabs": "1.1.0",
         "@patternfly/react-core": "4.128.2",
         "@patternfly/react-table": "4.26.7",
-        "@rh-support/api": "0.3.3",
-        "@rh-support/components": "1.1.9",
+        "@rh-support/api": "0.3.5",
+        "@rh-support/components": "1.1.11",
         "@rh-support/configs": "0.2.1",
-        "@rh-support/react-context": "0.2.10",
+        "@rh-support/react-context": "0.2.13",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.5",
-        "@rh-support/utils": "0.2.5",
+        "@rh-support/user-permissions": "0.2.7",
+        "@rh-support/utils": "0.2.7",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
@@ -113,5 +113,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "fef7bdba8f82597f1f1d2f3fd0cbca9217de7de5"
+    "gitHead": "7810850223c19ea278acdfd211515cb0f80feb52"
 }