@rh-support/manage 0.3.0 → 0.3.3

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;AAsBvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eA0JvC"}
+{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAsBvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAmJvC"}

package/lib/esm/ManageTabs.js

@@ -25,7 +25,6 @@ export function ManageTabs(props) {
     const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, } = 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);
@@ -75,17 +74,16 @@ 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),
-        });
+    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',

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageGroupUsers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/ManageGroupUsers/ManageGroupUsers.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,gBAAgB,mBAgM5B,CAAC"}
+{"version":3,"file":"ManageGroupUsers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/ManageGroupUsers/ManageGroupUsers.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,gBAAgB,mBAkM5B,CAAC"}

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.js

@@ -8,7 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { AlertMessage, AlertType, ErrorBoundary, Input, ToastNotification, useFetch, usePrevious, } from '@rh-support/components';
+import { SearchInput } from '@patternfly/react-core';
+import { AlertMessage, AlertType, ErrorBoundary, ToastNotification, useFetch, usePrevious, } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useMemo, useState } from 'react';
@@ -104,7 +105,6 @@ export const ManageGroupUsers = () => {
     ];
     // filter out search query.
     const [userSearch, setUserSearch] = useState('');
-    const onGroupUserSearch = (input) => setUserSearch(input);
     const previousUserSearch = usePrevious(userSearch);
     useEffect(() => {
         if (userSearch === previousUserSearch)
@@ -140,7 +140,7 @@ export const ManageGroupUsers = () => {
             React.createElement("span", { className: "toolbar-right" },
                 React.createElement("label", { htmlFor: "account-group-filter" },
                     React.createElement(Trans, null, "Filter by")),
-                React.createElement(Input, { id: "account-group-filter", isDisabled: isFetching || !selectedGroup, onChange: onGroupUserSearch, placeholder: t('Search for people in this group'), ariaLabel: "Group search input" }))),
+                React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", id: "account-group-filter", value: userSearch, isDisabled: isFetching || !selectedGroup, onChange: setUserSearch, placeholder: t('Search for people in this group'), "aria-label": "Group search input", onClear: () => setUserSearch('') }))),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading group users list') } },
             React.createElement(ManageTable, { ariaLabel: t('Table to manage groups'), columns: columns, data: data, sortInfo: { column: 'first-name', direction: 'asc' }, isFetching: isFetching, isError: false }))));
 };

package/lib/esm/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.js

@@ -12,8 +12,9 @@ export const AddEditBookmarkModal = (props) => {
     const [saveButtonIsClicked, setSaveButtonIsClicked] = useState(false);
     // only check if save button has been clicked once
     const checkIsInvalid = (group, selectedAccounts) => {
-        const isInvalid = isEmpty(group) || selectedAccounts.length === 0;
+        const isInvalid = isEmpty(group === null || group === void 0 ? void 0 : group.trim()) || selectedAccounts.length === 0;
         setIsInValid(isInvalid);
+        return isInValid;
     };
     const resetModal = () => {
         setIsInValid(false);
@@ -21,12 +22,11 @@ export const AddEditBookmarkModal = (props) => {
     };
     const save = () => {
         setSaveButtonIsClicked(true);
-        const isInvalid = isEmpty(selectedGroup) || localSelectedBookmarks.length === 0;
-        setIsInValid(isInvalid);
-        if (isInvalid)
+        const isBookmarkInvalid = checkIsInvalid(selectedGroup, localSelectedBookmarks);
+        if (isBookmarkInvalid)
             return;
         resetModal();
-        props.onSave(localSelectedBookmarks, selectedGroup);
+        props.onSave(localSelectedBookmarks, selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.trim());
     };
     const remove = () => {
         props.onRemove(selectedGroup);
@@ -70,5 +70,5 @@ export const AddEditBookmarkModal = (props) => {
                     React.createElement(Trans, null, "Account(s)"),
                     React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
                 React.createElement(BookmarkAccountSelector, { defaultSelected: props.selectedAccounts, labelId: "add-bookmark-account-on-add-modal", bookmarkedGroupAccounts: props.bookmarkedGroupAccounts, onBookMarkAccountSelected: onBookMarkAccountSelected, addMode: props.addMode, isInValid: isInValid && isEmpty(localSelectedBookmarks) })),
-            React.createElement(BookmarkGroupSelector, { selectedGroup: selectedGroup, groups: props.groups, onGroupInputBoxChanged: onGroupInputBoxChanged, isInValid: isInValid && isEmpty(selectedGroup) }))));
+            React.createElement(BookmarkGroupSelector, { selectedGroup: selectedGroup, groups: props.groups, onGroupInputBoxChanged: onGroupInputBoxChanged, isInValid: isInValid && isEmpty(selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.trim()) }))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ManageBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,2BAA2B,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,eAgIhF"}
+{"version":3,"file":"ManageBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,2BAA2B,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,eAkIhF"}

package/lib/esm/components/ManageBookmarkedAccountsTab/ManageBookmarkedAccountsTab.js

@@ -1,5 +1,5 @@
-import { AlertVariant } from '@patternfly/react-core';
-import { defaultTableSortMethod, ErrorBoundary, Input } from '@rh-support/components';
+import { AlertVariant, SearchInput } from '@patternfly/react-core';
+import { defaultTableSortMethod, ErrorBoundary } from '@rh-support/components';
 import { AccountSelectorInternal, AddRemoveBookmark, useGlobalStateContext } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import isArray from 'lodash/isArray';
@@ -13,8 +13,7 @@ export function ManageBookmarkedAccountsTab({ canManageBookmarkAccounts }) {
     const { globalMetadataState: { bookmarkedAccounts, loggedInUser }, } = useGlobalStateContext();
     const _bookmarkedAccounts = bookmarkedAccounts.data || [];
     const [accountToBookmark, setAccountToBookmark] = useState(null);
-    const [searchString, setSearchString] = useState(null);
-    const onSearchSubmit = (str) => setSearchString(str);
+    const [searchString, setSearchString] = useState('');
     let accounts = _bookmarkedAccounts;
     if (!isEmpty(searchString)) {
         accounts = accounts.filter((account) => account.name.toLowerCase().includes(searchString.toLowerCase()) ||
@@ -73,7 +72,7 @@ export function ManageBookmarkedAccountsTab({ canManageBookmarkAccounts }) {
             React.createElement("div", { className: "toolbar-right" },
                 React.createElement("label", { htmlFor: "search-bookmark-account-selector" },
                     React.createElement(Trans, null, "Filter by")),
-                React.createElement(Input, { id: "search-bookmark-account-selector", placeholder: t('Search for a bookmark'), ariaLabel: t('Bookmarked accounts search input'), onChange: onSearchSubmit }))),
+                React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", value: searchString, id: "search-bookmark-account-selector", placeholder: t('Search for a bookmark'), "aria-label": t('Bookmarked accounts search input'), onChange: setSearchString, onClear: () => setSearchString('') }))),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading bookmarked accounts list') } },
             React.createElement(ManageTable, { ariaLabel: t('Table to manage bookmarks'), columns: columns, data: accounts, sortInfo: { column: 'account-name', direction: 'asc' }, errorVariant: AlertVariant.warning, isFetching: bookmarkedAccounts.isFetching || loggedInUser.isFetching, isError: bookmarkedAccounts.isError, errorTitle: t('Bookmarked accounts error'), errorComponent: React.createElement(Trans, null, "Could not get bookmarked accounts") }))));
 }

package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageGroupedBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AA0CA,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,kCAAkC,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,eA6XvF"}
+{"version":3,"file":"ManageGroupedBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,kCAAkC,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,eA4XvF"}

package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.js

@@ -7,9 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { AlertVariant, Button, ButtonVariant, Label, LabelGroup, Popover, PopoverPosition, } from '@patternfly/react-core';
-import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
-import { defaultTableSortMethod, ErrorBoundary, Input, ToastNotification, useConfirmation, } from '@rh-support/components';
+import { AlertVariant, Button, ButtonVariant, Label, LabelGroup, Popover, PopoverPosition, SearchInput, } from '@patternfly/react-core';
+import { defaultTableSortMethod, ErrorBoundary, ToastNotification, useConfirmation, } from '@rh-support/components';
 import { addEditbookmarks, getBookmarkGroups, removeGroupedBookmarks, removeWholeGroup, useGlobalDispatchContext, useGlobalStateContext, useGroupedBookmarkApiCalls, } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { promiseReflection } from '@rh-support/utils';
@@ -29,7 +28,7 @@ export function ManageGroupedBookmarkedAccountsTab({ canManageBookmarkAccounts }
     const dispatchGlobalContext = useGlobalDispatchContext();
     const confirmation = useConfirmation();
     const apiCalls = useGroupedBookmarkApiCalls(loggedInUser.data.ssoUsername, bookmarkedGroupIds);
-    const [searchString, setSearchString] = useState(null);
+    const [searchString, setSearchString] = useState('');
     const bookmarkedAccounts = bookmarkedGroupAccounts.data || [];
     const allGroups = groupBy(bookmarkedAccounts, 'bookmarkGroupName');
     let groupNames = Object.keys(allGroups);
@@ -43,7 +42,6 @@ export function ManageGroupedBookmarkedAccountsTab({ canManageBookmarkAccounts }
         groupNames = groupNames.filter((group) => group.toLowerCase().includes(searchString.toLowerCase()));
     }
     const groups = getBookmarkGroups(bookmarkedGroupAccounts.data);
-    const onSearchSubmit = (str) => setSearchString(str);
     const canBookmarkAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.BOOKMARK_ACCOUNTS);
     const resetModal = () => {
         setIsInAddMode(true);
@@ -257,7 +255,7 @@ export function ManageGroupedBookmarkedAccountsTab({ canManageBookmarkAccounts }
             React.createElement("div", { className: "toolbar-right" },
                 React.createElement("label", { htmlFor: "search-bookmark-account-selector" },
                     React.createElement(Trans, null, "Filter by")),
-                React.createElement(Input, { icon: React.createElement(SearchIcon, null), hasToggleIcon: true, id: "search-bookmark-account-selector", placeholder: t('Search for a bookmark'), ariaLabel: t('Filter by searching for a bookmark'), onChange: onSearchSubmit }))),
+                React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", value: searchString, id: "search-bookmark-account-selector", placeholder: t('Search for a bookmark'), "aria-label": t('Filter by searching for a bookmark'), onChange: setSearchString, onClear: () => setSearchString('') }))),
         React.createElement(AddEditBookmarkModal, { selectedAccounts: isInAddMode ? localSelectedAccounts : editGroupSelectedAccounts, groups: groups, isOpen: isUpdateBookmarkModalOpen, onSave: onAddEditBookmarksSave, onClose: closeAddEditBookmarkModal, onRemove: removeGroup, bookmarkedGroupAccounts: bookmarkedGroupAccounts.data, addMode: isInAddMode, title: isInAddMode ? t('Create or add to an existing bookmark') : t('Edit bookmark') }),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading bookmarked accounts list') } },
             React.createElement(ManageTable, { ariaLabel: t('Table to manage bookmarks'), columns: columns, data: groupNames, sortInfo: { column: 'bookmark-group-name', direction: 'asc' }, errorVariant: AlertVariant.warning, isFetching: bookmarkedGroupAccounts.isFetching ||

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

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

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

@@ -33,11 +33,23 @@ export function PreferencesCaseCreate(props) {
     };
     const onPreferredLanguageSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
         const selectedLanguageCode = getKeyByValue(languageConst, selection);
-        yield updatePreferredLanguage(selectedLanguageCode);
+        try {
+            yield updatePreferredLanguage(selectedLanguageCode);
+            setOriginalPreferredLanguage(selection);
+        }
+        catch (error) {
+            console.log(error);
+        }
     });
     const onDefaultGroupSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
         const selectionKey = invert(groupDictionary)[selection];
-        yield updateDefaultGroup(selectionKey);
+        try {
+            yield updateDefaultGroup(selectionKey);
+            setOriginalDefaultGroup(selection);
+        }
+        catch (error) {
+            console.log(error);
+        }
     });
     const createCaseGroupStruct = (caseGroups) => {
         const defaultGroupDictionary = {};
@@ -46,31 +58,21 @@ export function PreferencesCaseCreate(props) {
         }
         return defaultGroupDictionary;
     };
-    //use effect to retrieve original pref values.
+    //Set user default group after group obj built
     useEffect(() => {
-        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) {
+            catch (_a) {
                 ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
             }
         });
-        userOriginalPreferredLanguage();
         userOriginalDefaultGroup();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // used to build the groups object
+    }, [groupDictionary]);
+    // used to build the groups object and fetch pref language
     useEffect(() => {
         const refreshParsedGroups = () => __awaiter(this, void 0, void 0, function* () {
             var _a;
@@ -87,7 +89,17 @@ export function PreferencesCaseCreate(props) {
                 setUserDefaultGroupList(parsedDefaultGroupNames);
             }
         });
+        const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const retrievedLanguage = yield getPreferredLanguage();
+                setOriginalPreferredLanguage(languageConst[retrievedLanguage]);
+            }
+            catch (_b) {
+                ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
+            }
+        });
         refreshParsedGroups();
+        userOriginalPreferredLanguage();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseGroups, dispatchToGlobalMetadataReducer, loggedInUserJwtToken]);
     return (React.createElement(Card, { className: "preference-card" },

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

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

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

@@ -114,10 +114,6 @@ export function PreferencesCaseView(props) {
         }
     });
     const prefHostnameCopy = 'Red Hat Support cannot currently access hostnames that have been entered on a case. You can share this information at any time to improve your support experience.';
-    const hostnameLabelTooltip = (React.createElement(React.Fragment, null,
-        React.createElement("label", null, "Share hostnames"),
-        React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
-            React.createElement(InfoIcon, { className: "pf-u-ml-sm" }))));
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -136,5 +132,9 @@ export function PreferencesCaseView(props) {
                 canUseHostName && (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: hostnameLabelTooltip, isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch })))))));
+                    React.createElement("div", null,
+                        React.createElement(PreferenceSwitch, { className: "switches hostnameSwitch", id: "share-hostnames-switch", label: 'Share hostnames', isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch }),
+                        React.createElement("div", { className: "prefhostnameTooltip" },
+                            React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
+                                React.createElement(InfoIcon, { className: "pf-u-ml-sm" }))))))))));
 }

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

@@ -8,8 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { customEmail } from '@cee-eng/hydrajs';
-import { AlertVariant, Button, ButtonVariant, SearchInput } from '@patternfly/react-core';
-import { Input, ToastNotification, useConfirmation } from '@rh-support/components';
+import { AlertVariant, Button, ButtonVariant, SearchInput, TextInput } from '@patternfly/react-core';
+import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { fetchAccountCustomEmails, setAccountCustomEmails, useGlobalDispatchContext, useGlobalStateContext, } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
@@ -162,7 +162,7 @@ export function NotificationEmails() {
         React.createElement("div", { className: "toolbar" },
             React.createElement("div", { className: "toolbar-left" },
                 React.createElement("label", { htmlFor: "notification-emails-input" }, "Add an Email"),
-                React.createElement(Input, { id: "notification-email-input", placeholder: t('Enter a valid email address'), ariaLabel: t('Enter a valid email address'), onChange: onEmailInputBoxChange }),
+                React.createElement(TextInput, { id: "notification-email-input", placeholder: t('Enter a valid email address'), "aria-label": t('Enter a valid email address'), onChange: onEmailInputBoxChange }),
                 React.createElement("span", { className: "pf-u-ml-sm" },
                     React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: addEmail, "data-tracking-id": "email-address-add-button", isDisabled: isAddButtonDisabled },
                         React.createElement(Trans, null, "Add")))),

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentHelpers.d.ts","sourceRoot":"","sources":["../../../src/reducers/TopContentHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,iCAAiC,EAEpC,MAAM,2DAA2D,CAAC;AAMnE,OAAO,EAAE,oBAAoB,EAAwB,MAAM,qBAAqB,CAAC;AAEjF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,WASlD,CAAC;AAEF,eAAO,MAAM,cAAc,6BAe1B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,eACb,oBAAoB,EAAE,iBACnB,iCAAiC,mBAC/B,MAAM,2BAqC1B,CAAC;AAEF,eAAO,MAAM,cAAc,oBAAqB,MAAM,KAAG,OAExD,CAAC"}
+{"version":3,"file":"TopContentHelpers.d.ts","sourceRoot":"","sources":["../../../src/reducers/TopContentHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,iCAAiC,EAEpC,MAAM,2DAA2D,CAAC;AAKnE,OAAO,EAAE,oBAAoB,EAAwB,MAAM,qBAAqB,CAAC;AAEjF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,WASlD,CAAC;AAEF,eAAO,MAAM,cAAc,6BAe1B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,eACb,oBAAoB,EAAE,iBACnB,iCAAiC,mBAC/B,MAAM,2BAqC1B,CAAC;AAEF,eAAO,MAAM,cAAc,oBAAqB,MAAM,KAAG,OAExD,CAAC"}

package/lib/esm/reducers/TopContentHelpers.js

@@ -9,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { getAccessHostname } from '@rh-support/api';
-import { addDaysToDate, isFutureDate, outlier } from '@rh-support/utils';
+import { addDaysToDate, getAccessHostname, isFutureDate, outlier } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 export const getTopContentUrl = (contentUrl) => {
     // There is some data urls (e.g. /solutions/articles/etc.) that aren't valid urls

package/lib/esm/scss/_main.scss

@@ -295,3 +295,11 @@
 .preference-page-switches {
     padding: 0.5rem;
 }
+
+div label.hostnameSwitch {
+    position: absolute !important;
+}
+
+div.prefhostnameTooltip {
+    margin-left: 11.25rem !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.3.0",
+    "version": "0.3.3",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -52,13 +52,12 @@
     ],
     "peerDependencies": {
         "@cee-eng/hydrajs": "4.12.7",
-        "@patternfly/patternfly": "4.185.1",
+        "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "4.202.16",
         "@patternfly/react-table": "4.71.16",
-        "@rh-support/api": "0.3.9",
         "@rh-support/components": "^0.1.3",
         "@rh-support/react-context": "^0.1.3",
         "@rh-support/types": "^0.1.3",
@@ -89,19 +88,18 @@
     },
     "dependencies": {
         "@cee-eng/hydrajs": "4.12.7",
-        "@patternfly/patternfly": "4.185.1",
+        "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "4.202.16",
         "@patternfly/react-table": "4.71.16",
-        "@rh-support/api": "0.3.25",
-        "@rh-support/components": "1.1.80",
-        "@rh-support/configs": "0.2.5",
-        "@rh-support/react-context": "0.3.0",
+        "@rh-support/components": "1.1.82",
+        "@rh-support/configs": "0.2.8",
+        "@rh-support/react-context": "0.3.2",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.64",
-        "@rh-support/utils": "0.2.47",
+        "@rh-support/user-permissions": "0.2.66",
+        "@rh-support/utils": "0.2.49",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
@@ -111,5 +109,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "df9aba7f875d84c08c533f9ae63c4c7b325fe646"
+    "gitHead": "f69fb5ac2a9d8561d300a9e7f02456268d1e2fc7"
 }

package/lib/esm/components/ManageBookmarkedAccountsTab/ManageBookmarkedAccountsTabWrapper.d.ts

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

package/lib/esm/components/ManageBookmarkedAccountsTab/ManageBookmarkedAccountsTabWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ManageBookmarkedAccountsTabWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageBookmarkedAccountsTabWrapper.tsx"],"names":[],"mappings":"AAOA,wBAAgB,kCAAkC,CAAC,KAAK,KAAA,eAoBvD"}

package/lib/esm/components/ManageBookmarkedAccountsTab/ManageBookmarkedAccountsTabWrapper.js

@@ -1,10 +0,0 @@
-import { useGlobalStateContext } from '@rh-support/react-context';
-import { getConfigField, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
-import React from 'react';
-import { ManageBookmarkedAccountsTab } from './ManageBookmarkedAccountsTab';
-import { ManageGroupedBookmarkedAccountsTab } from './ManageGroupedBookmarkedAccountsTab';
-export function ManageBookmarkedAccountsTabWrapper(props) {
-    const { globalMetadataState: { pcmConfig }, } = useGlobalStateContext();
-    const isGroupBookmarkEnabled = getConfigField(pcmConfig.data, 'isGroupBookmarkEnabled', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
-    return (React.createElement(React.Fragment, null, isGroupBookmarkEnabled ? (React.createElement(ManageGroupedBookmarkedAccountsTab, Object.assign({}, props))) : (React.createElement(ManageBookmarkedAccountsTab, Object.assign({}, props)))));
-}