@rh-support/manage 1.0.4 → 1.0.6

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

package/lib/esm/ManageTabs.js

@@ -1,12 +1,11 @@
 import { ErrorBoundary, useDocumentTitle } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { CustomElements, getConfigField, PCM_CONFIG_FIELD_TYPE, requireCustomElement } from '@rh-support/utils';
+import { CustomElements, requireCustomElement } from '@rh-support/utils';
 import map from 'lodash/map';
-import React, { useContext } from 'react';
+import React from 'react';
 import { ConfigsTable } from './components/Configs/ConfigsTable';
 import { ManageGroupUsers } from './components/Groups/ManageGroupUsers';
-import { ManageBookmarkedAccountsTab, ManageGroupedBookmarkedAccountsTab, } from './components/ManageBookmarkedAccountsTab';
+import { ManageGroupedBookmarkedAccountsTab } from './components/ManageBookmarkedAccountsTab';
 import { ManagePreferences } from './components/ManagePreferences';
 import { NotificationEmails } from './components/NotificationEmails/index';
 import { TopContentManagement } from './components/TopContentManagement';
@@ -23,8 +22,6 @@ export function ManageTabs(props) {
     var _a, _b;
     const history = props.routeProps.history;
     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);
     // Changes route and saves the current path to the url query params
     const isOnlyBasePath = history.location.pathname === Routes.basePath;
     useDocumentTitle(PageTitle.MANAGE);
@@ -49,7 +46,7 @@ export function ManageTabs(props) {
             onClick: () => {
                 changeRouteThunk(bookmarkedAccountsRoute);
             },
-            component: isGroupBookmarkEnabled ? (React.createElement(ManageGroupedBookmarkedAccountsTab, { canManageBookmarkAccounts: canManageBookmarkAccounts })) : (React.createElement(ManageBookmarkedAccountsTab, { canManageBookmarkAccounts: canManageBookmarkAccounts })),
+            component: React.createElement(ManageGroupedBookmarkedAccountsTab, { canManageBookmarkAccounts: canManageBookmarkAccounts }),
         });
     canViewCaseGroups &&
         tabsToRender.push({

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

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

@@ -1,2 +1 @@
-export * from './ManageBookmarkedAccountsTab';
 export * from './ManageGroupedBookmarkedAccountsTab';

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

@@ -2,7 +2,7 @@ import React from 'react';
 interface IProps {
     id: string;
     label: string;
-    selections: string;
+    selections: any;
     onSelect: (event: any, selection: any, isPlaceholder: any) => Promise<any>;
     children: React.ReactElement[];
 }

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

@@ -1 +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"}
+{"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,GAAG,CAAC;IAChB,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/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,eAwLhD"}
+{"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,eA2PhD"}

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

@@ -22,7 +22,7 @@ import { PreferenceSelect } from '../components/PreferenceSelect';
 import { PreferenceSwitch } from '../components/PreferenceSwitch';
 export function PreferencesCaseView(props) {
     const { t } = useTranslation();
-    const { updateCommentType, getCommentTypeFromPreference, getCommentSignature, updateCommentSignature } = useUserPreferences();
+    const { updateCommentType, getCommentTypeFromPreference, getCommentSignature, updateCommentSignature, getOriginalCaseView, updateOriginalCaseView, } = useUserPreferences();
     const [isSharingHostNames, setIsSharingHostNames] = useState(false);
     const [localCommentSignature, setLocalCommentSignature] = useState('');
     const [originalCommentType, setOriginalCommentType] = useState('');
@@ -31,12 +31,39 @@ export function PreferencesCaseView(props) {
     const [isHostnamesLoading, setIsHostnamesLoading] = useState(true);
     const [isCommentSignatureLoading, setIsCommentSignatureLoading] = useState(false);
     const commentTypes = [EditorMode.PLAIN, EditorMode.MARKDOWN];
+    const defaultCommentTitleID = 'default-comment-preference-select';
+    const defaultCaseViewID = 'default-case-view-select';
+    const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
+    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const { request: fetchHostnameDefault } = useFetch(accounts.getIsSharingHostname);
+    const accountNumber = loggedInUsersAccount.data.accountNumber;
+    const { request: updateShareHostnames } = useFetch(accounts.updateIsSharingHostname);
+    const originalAccountPermission = loggedInUserRights.data.isInternal();
+    const [originalCaseView, setOriginalCaseView] = useState(+originalAccountPermission);
+    const caseViewTypes = [
+        { value: t('Customer view'), description: t('Hide internal information that is unavailable to customers.') },
+        {
+            value: t('Internal view'),
+            description: t('View internal information available to Red Hat associates only.'),
+        }, // [1] ; true
+    ];
+    const userOriginalCaseView = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const retrievedCaseView = yield getOriginalCaseView();
+            if (!isEmpty(retrievedCaseView)) {
+                setOriginalCaseView(retrievedCaseView);
+            }
+        }
+        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 (_a) {
+        catch (_b) {
             ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
         }
     });
@@ -45,14 +72,16 @@ export function PreferencesCaseView(props) {
             const retrievedSignature = yield getCommentSignature();
             setOriginalCommentSignature(retrievedSignature);
         }
-        catch (_b) {
+        catch (_c) {
             ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
         }
     });
     useEffect(() => {
         userOriginalCommentSignature();
         userOriginalCommentType();
-    });
+        userOriginalCaseView();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     useEffect(() => {
         if (localCommentSignature === '' && commentValidated !== 'error') {
             setCommentValidated('default');
@@ -80,15 +109,24 @@ export function PreferencesCaseView(props) {
         setLocalCommentSignature(value);
         setIsCommentSignatureLoading(false);
     });
-    const onSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
-        yield updateCommentType(selection);
+    const onPrefCaseViewSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            let selectedView = event.currentTarget.getAttribute('data-index');
+            updateOriginalCaseView(selectedView);
+            setOriginalCaseView(selectedView);
+        }
+        catch (error) {
+            console.log(error);
+        }
+    });
+    const onCommentSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield updateCommentType(selection);
+        }
+        catch (error) {
+            console.log(error);
+        }
     });
-    const titleId = 'default-comment-preference-select';
-    const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
-    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
-    const { request: fetchHostnameDefault } = useFetch(accounts.getIsSharingHostname);
-    const accountNumber = loggedInUsersAccount.data.accountNumber;
-    const { request: updateShareHostnames } = useFetch(accounts.updateIsSharingHostname);
     useEffect(() => {
         function userOriginalHostnameValue() {
             return __awaiter(this, void 0, void 0, function* () {
@@ -125,7 +163,10 @@ export function PreferencesCaseView(props) {
         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(PreferenceSelect, { onSelect: onPrefCaseViewSelect, selections: (!isEmpty(originalCaseView) && caseViewTypes[originalCaseView].value) ||
+                            caseViewTypes[+originalAccountPermission].value, id: defaultCaseViewID, label: "Default case view" }, caseViewTypes.map((option, index) => (React.createElement(SelectOption, Object.assign({ "data-index": index, key: index, value: option.value }, (option.description && { description: option.description }))))))),
+                React.createElement("div", { className: "form-group" },
+                    React.createElement(PreferenceSelect, { onSelect: onCommentSelect, selections: originalCommentType, id: defaultCommentTitleID, 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")),

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

@@ -16,5 +16,7 @@ export declare function useUserPreferences(): {
     updatePreferredLanguage: (value: string) => Promise<void>;
     getDefaultGroup: () => any;
     updateDefaultGroup: (value: string) => Promise<void>;
+    getOriginalCaseView: () => any;
+    updateOriginalCaseView: (value: any) => Promise<void>;
 };
 //# sourceMappingURL=useUserPreferences.d.ts.map

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

@@ -1 +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"}
+{"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;;;EAqElD"}

package/lib/esm/hooks/useUserPreferences.js

@@ -84,6 +84,20 @@ export function useUserPreferences() {
             return;
         yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.commentType, value }], 'add', true, true);
     });
+    // Will return 1 if caseViewPref is set to internal.  If returning 0, it is assumed the user wants external view.  No value means has not been chosen.
+    const getOriginalCaseView = () => {
+        return getKeyValue(UserPreferencesKeys.caseViewInternal);
+    };
+    const updateOriginalCaseView = (value) => __awaiter(this, void 0, void 0, function* () {
+        if (doesKeyExistWithSameValue(UserPreferencesKeys.caseViewInternal, value))
+            return;
+        try {
+            yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.caseViewInternal, value }], 'add', true, true);
+        }
+        catch (error) {
+            console.log(error);
+        }
+    });
     return {
         updateCommentType,
         getCommentTypeFromPreference,
@@ -102,5 +116,7 @@ export function useUserPreferences() {
         updatePreferredLanguage,
         getDefaultGroup,
         updateDefaultGroup,
+        getOriginalCaseView,
+        updateOriginalCaseView,
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "1.0.4",
+    "version": "1.0.6",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -94,12 +94,12 @@
         "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "4.202.16",
         "@patternfly/react-table": "4.71.16",
-        "@rh-support/components": "1.2.1",
+        "@rh-support/components": "1.2.3",
         "@rh-support/configs": "0.2.8",
-        "@rh-support/react-context": "1.0.2",
+        "@rh-support/react-context": "1.0.4",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "1.0.1",
-        "@rh-support/utils": "1.0.1",
+        "@rh-support/user-permissions": "1.0.3",
+        "@rh-support/utils": "1.0.2",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
@@ -109,5 +109,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "4c44ec177438ff8e09a761a4f38ce3fbd83c7aaa"
+    "gitHead": "8891e192aa5a3aef7b3b456fed64ef5ad68afa47"
 }

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

@@ -1,6 +0,0 @@
-interface IProps {
-    canManageBookmarkAccounts: boolean;
-}
-export declare function ManageBookmarkedAccountsTab({ canManageBookmarkAccounts }: IProps): JSX.Element;
-export {};
-//# sourceMappingURL=ManageBookmarkedAccountsTab.d.ts.map

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

@@ -1 +0,0 @@
-{"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,78 +0,0 @@
-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';
-import isEmpty from 'lodash/isEmpty';
-import React, { useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { ManageTable } from '../ManageTable';
-export function ManageBookmarkedAccountsTab({ canManageBookmarkAccounts }) {
-    const { t } = useTranslation();
-    // bookmarks are fetched when the the loggedInUser is initially fetched.
-    const { globalMetadataState: { bookmarkedAccounts, loggedInUser }, } = useGlobalStateContext();
-    const _bookmarkedAccounts = bookmarkedAccounts.data || [];
-    const [accountToBookmark, setAccountToBookmark] = useState(null);
-    const [searchString, setSearchString] = useState('');
-    let accounts = _bookmarkedAccounts;
-    if (!isEmpty(searchString)) {
-        accounts = accounts.filter((account) => account.name.toLowerCase().includes(searchString.toLowerCase()) ||
-            account.accountNumber.includes(searchString));
-    }
-    const canBookmarkAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.BOOKMARK_ACCOUNTS);
-    const columns = [
-        {
-            id: 'account-number',
-            title: t('Account number'),
-            sortable: true,
-            cellWidth: 40,
-            rowProps: (account) => ({ accountnumber: account.accountNumber }),
-            sortMethod: ({ props: a }, { props: b }) => {
-                const aint = parseInt(a.accountnumber);
-                const bint = parseInt(b.accountnumber);
-                return defaultTableSortMethod(aint, bint);
-            },
-            cell: (account) => {
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(AddRemoveBookmark, { selectedAccount: account, addBookmarkTitle: t('Add bookmark'), removeBookmarkTitle: t('Remove bookmark') }),
-                    account.accountNumber));
-            },
-        },
-        {
-            accessor: (account) => account.name,
-            sortable: true,
-            sortMethod: (a, b) => {
-                const aname = a.toLowerCase();
-                const bname = b.toLowerCase();
-                return defaultTableSortMethod(aname, bname);
-            },
-            id: 'account-name',
-            title: t('Account name'),
-        },
-    ];
-    // the AccountSelectInternal is not multiselect and should only return on account.
-    const onAccountSelect = (accounts) => {
-        if (!isArray(accounts))
-            return;
-        setAccountToBookmark(accounts[0] || null);
-    };
-    if (!canManageBookmarkAccounts) {
-        return null;
-    }
-    return (React.createElement("section", { id: "manage-bookmarked-accounts" },
-        React.createElement("header", null,
-            React.createElement("p", null,
-                React.createElement("h2", null, t('Bookmarks')),
-                React.createElement(Trans, { i18nKey: "i18AddEditRemoveBookmark" }, "Add, edit or remove bookmarks to customize your search experience on the portal."))),
-        React.createElement("div", { className: "toolbar" },
-            React.createElement("form", { className: "toolbar-left" },
-                React.createElement("label", { htmlFor: "bookmark-account-selector" },
-                    React.createElement(Trans, null, "Bookmark")),
-                React.createElement(AccountSelectorInternal, { bookmarkedAccounts: bookmarkedAccounts.data, canBookmarkAccount: canBookmarkAccounts, selectedAccounts: accountToBookmark ? [accountToBookmark] : [], excludeAccounts: _bookmarkedAccounts, name: "bookmark-account-selector", id: "bookmark-account-selector", placeholder: t('Search for an account to add a bookmark'), disabled: !loggedInUser.data.isInternal, onSelect: onAccountSelect, suggestBookmarkAccounts: false })),
-            React.createElement("div", { className: "toolbar-right" },
-                React.createElement("label", { htmlFor: "search-bookmark-account-selector" },
-                    React.createElement(Trans, null, "Filter by")),
-                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") }))));
-}