@rh-support/manage 0.3.2 → 0.3.5

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddEditBookmarkModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAStD,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,oBAAoB,UAAW,MAAM,gBAkIjD,CAAC"}
+{"version":3,"file":"AddEditBookmarkModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAStD,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,oBAAoB,UAAW,MAAM,gBAmIjD,CAAC"}

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

@@ -12,7 +12,7 @@ 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);
     };
     const resetModal = () => {
@@ -21,12 +21,12 @@ export const AddEditBookmarkModal = (props) => {
     };
     const save = () => {
         setSaveButtonIsClicked(true);
-        const isInvalid = isEmpty(selectedGroup) || localSelectedBookmarks.length === 0;
-        setIsInValid(isInvalid);
-        if (isInvalid)
+        if (isEmpty(selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.trim()) || localSelectedBookmarks.length === 0) {
+            setIsInValid(true);
             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/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,eA2KhD"}
+{"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,eAwLhD"}

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

@@ -28,6 +28,7 @@ export function PreferencesCaseView(props) {
     const [originalCommentType, setOriginalCommentType] = useState('');
     const [originalCommentSignature, setOriginalCommentSignature] = useState('');
     const [commentValidated, setCommentValidated] = useState('default');
+    const [isHostnamesLoading, setIsHostnamesLoading] = useState(true);
     const [isCommentSignatureLoading, setIsCommentSignatureLoading] = useState(false);
     const commentTypes = [EditorMode.PLAIN, EditorMode.MARKDOWN];
     const userOriginalCommentType = () => __awaiter(this, void 0, void 0, function* () {
@@ -84,7 +85,7 @@ export function PreferencesCaseView(props) {
     });
     const titleId = 'default-comment-preference-select';
     const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
-    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { request: fetchHostnameDefault } = useFetch(accounts.getIsSharingHostname);
     const accountNumber = loggedInUsersAccount.data.accountNumber;
     const { request: updateShareHostnames } = useFetch(accounts.updateIsSharingHostname);
@@ -99,19 +100,22 @@ export function PreferencesCaseView(props) {
                 catch (error) {
                     console.log(error);
                 }
+                setIsHostnamesLoading(false);
             });
         }
-        !loggedInUserRights.data.isInternal && userOriginalHostnameValue();
+        canUseHostName && userOriginalHostnameValue();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const onShareHostNamesSwitch = () => __awaiter(this, void 0, void 0, function* () {
         try {
+            setIsHostnamesLoading(true);
             yield updateShareHostnames(!isSharingHostNames, accountNumber);
             setIsSharingHostNames(!isSharingHostNames);
         }
         catch (error) {
             console.log(error);
         }
+        setIsHostnamesLoading(false);
     });
     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.';
     return (React.createElement(Card, { className: "preference-card" },
@@ -136,5 +140,6 @@ export function PreferencesCaseView(props) {
                         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" }))))))))));
+                                React.createElement(InfoIcon, { className: "pf-u-ml-sm" })),
+                            isHostnamesLoading && (React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
 }

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

@@ -303,3 +303,7 @@ div label.hostnameSwitch {
 div.prefhostnameTooltip {
     margin-left: 11.25rem !important;
 }
+
+svg.hostnameSpinner {
+    vertical-align: -0.65rem !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.3.2",
+    "version": "0.3.5",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -58,7 +58,6 @@
         "@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",
@@ -95,13 +94,12 @@
         "@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.81",
-        "@rh-support/configs": "0.2.5",
-        "@rh-support/react-context": "0.3.1",
+        "@rh-support/components": "1.1.83",
+        "@rh-support/configs": "0.2.8",
+        "@rh-support/react-context": "0.3.4",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.65",
-        "@rh-support/utils": "0.2.48",
+        "@rh-support/user-permissions": "0.2.67",
+        "@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": "e4bbdcf60f5ca9c6427a3655a7d264680c692b37"
+    "gitHead": "cd70b3e8d05162414bc78e541020c3de692d892b"
 }

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)))));
-}