@rh-support/manage 2.0.7 → 2.0.8-beta-2

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

@@ -1 +1 @@
-{"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"}
+{"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,eAiKvC"}

package/lib/esm/ManageTabs.js

@@ -1,11 +1,13 @@
 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, requireCustomElement } from '@rh-support/utils';
+import { CustomElements, getConfigField, PCM_CONFIG_FIELD_TYPE, requireCustomElement } from '@rh-support/utils';
 import map from 'lodash/map';
-import React from 'react';
+import React, { useContext } from 'react';
 import { ConfigsTable } from './components/Configs/ConfigsTable';
 import { ManageGroupUsers } from './components/Groups/ManageGroupUsers';
 import { ManageGroupedBookmarkedAccountsTab } from './components/ManageBookmarkedAccountsTab';
+import { ManagePartnerships } from './components/ManagePartnerships/index';
 import { ManagePreferences } from './components/ManagePreferences';
 import { NotificationEmails } from './components/NotificationEmails/index';
 import { TopContentManagement } from './components/TopContentManagement';
@@ -21,7 +23,9 @@ requireCustomElement([
 export function ManageTabs(props) {
     var _a, _b;
     const history = props.routeProps.history;
-    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, } = Routes.getPaths();
+    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, partnershipsRoute, } = Routes.getPaths();
+    const { globalMetadataState: { pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const isPartnershipsEnabled = getConfigField(pcmConfig.data, 'isPartnershipEnabled', 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);
@@ -34,6 +38,7 @@ export function ManageTabs(props) {
     const canViewCaseGroups = ability.can(resourceActions.READ, resources.CASE_GROUPS) && canViewManageTab;
     const canManageBookmarkAccounts = ability.can(resourceActions.CREATE, resources.BOOKMARK_ACCOUNTS) && canViewManageTab;
     const canViewEmailNotificationTab = ability.can(resourceActions.READ, resources.NOTIFICATION_EMAIL);
+    const canViewPartnershipsTab = ability.can(resourceActions.READ, resources.PARTNERSHIPS);
     const canAddCustomNotification = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const canViewConfigsTab = ability.can(resourceActions.READ, resources.APP_INTERNAL_CONFIGS);
     const tabsToRender = [];
@@ -71,6 +76,18 @@ export function ManageTabs(props) {
             },
             component: React.createElement(NotificationEmails, null),
         });
+    canViewPartnershipsTab &&
+        isPartnershipsEnabled &&
+        tabsToRender.push({
+            title: 'Partnerships',
+            key: 'partnerships-tab',
+            'data-tracking-id': 'partnerships-tab',
+            routePath: partnershipsRoute,
+            onClick: () => {
+                changeRouteThunk(partnershipsRoute);
+            },
+            component: React.createElement(ManagePartnerships, null),
+        });
     tabsToRender.push({
         title: 'Preferences',
         key: 'preferences-tab',
@@ -112,7 +129,7 @@ export function ManageTabs(props) {
     const getSelectedIndex = () => {
         if (isOnlyBasePath)
             return 0;
-        const tabIndex = tabsToRender.findIndex((tab) => tab.routePath === history.location.pathname);
+        const tabIndex = tabsToRender.findIndex((tab) => tab.routePath === history.location.pathname.substring(0, tab.routePath.length));
         return tabIndex > -1 ? tabIndex : 0;
     };
     /**

package/lib/esm/Routes.d.ts

@@ -16,6 +16,7 @@ interface ManageRoutes {
     preferences: Route;
     notificationEmails: Route;
     configs: Route;
+    partnerships: Route;
 }
 export declare const Routes: ManageRoutes;
 export {};

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,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,EAAE,YAmEpB,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;IAC1B,OAAO,EAAE,KAAK,CAAC;IACf,YAAY,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,YAyEpB,CAAC"}

package/lib/esm/Routes.js

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

package/lib/esm/components/Configs/ConfigInLineEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigInLineEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigInLineEdit.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAqD7C"}
+{"version":3,"file":"ConfigInLineEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigInLineEdit.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAoD7C"}

package/lib/esm/components/Configs/ConfigInLineEdit.js

@@ -25,8 +25,7 @@ export function ConfigInLineEdit(props) {
         setHasLargeInput(inputValue.length > CONFIG_FIELD_VALUE_LIMIT);
         setInput(inputValue);
     };
-    // when user filter search result if the textarea is open, need to update the internal state
-    // otherwise it shows wrong content
+    // When user filter search result if the textarea is open, need to update the internal state otherwise it shows wrong content
     useEffect(() => {
         setInput(props.fieldValue);
     }, [props.fieldValue]);

package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultGroupSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAMvF,UAAU,MAAM;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,gBA2C/C,CAAC"}
+{"version":3,"file":"DefaultGroupSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAMvF,UAAU,MAAM;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,gBA4C/C,CAAC"}

package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.js

@@ -20,6 +20,7 @@ export const DefaultGroupSwitch = (props) => {
     const toggleDefaultGroupFetch = useFetch(publicApi.caseGroups.toggleDefaultGroup, {
         propgateErrors: true,
     });
+    // Handle Toggle
     const toggleDefault = (isChecked) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             onToggle(user, isChecked);

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":"AA6CA,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,kCAAkC,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,eA4YvF"}
+{"version":3,"file":"ManageGroupedBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AA8CA,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,kCAAkC,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,eA4YvF"}

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

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { ActionList, ActionListItem, AlertVariant, Button, ButtonVariant, Label, LabelGroup, Popover, PopoverPosition, SearchInput, } from '@patternfly/react-core';
 import PencilAltIcon from '@patternfly/react-icons/dist/esm/icons/pencil-alt-icon';
 import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 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';
@@ -256,7 +257,7 @@ export function ManageGroupedBookmarkedAccountsTab({ canManageBookmarkAccounts }
                             React.createElement("a", { href: "https://source.redhat.com/communitiesatredhat/applications/integration-community-of-practice/misplaced/lostnfound/bookmarking", target: "_blank", rel: "noopener noreferrer" },
                                 ' ',
                                 "bookmarks in the customer support tool"))), closeBtnAriaLabel: "Close" },
-                    React.createElement("i", { "aria-label": "Cluster Id Info", className: "m-l-1 fa fa-info-circle" }))))),
+                    React.createElement(InfoCircleIcon, { className: "pf-u-ml-xs", "aria-label": "Cluster Id Info", size: "sm" }))))),
         React.createElement("div", { className: "toolbar" },
             React.createElement("form", { className: "toolbar-left" },
                 React.createElement("label", { htmlFor: "bookmark-account-selector" },

package/lib/esm/components/ManagePartnerships/NonOrgCustomerInfoModal.d.ts

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

package/lib/esm/components/ManagePartnerships/NonOrgCustomerInfoModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonOrgCustomerInfoModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/NonOrgCustomerInfoModal.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,mBA2BnC,CAAC"}

package/lib/esm/components/ManagePartnerships/NonOrgCustomerInfoModal.js

@@ -0,0 +1,15 @@
+import { Button, ButtonVariant, Modal, ModalVariant } from '@patternfly/react-core';
+import React from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+export const NonOrgCustomerInfoModal = () => {
+    const [isModalOpen, setIsModalOpen] = React.useState(true);
+    const { t } = useTranslation();
+    const handleModalToggle = () => {
+        setIsModalOpen(!isModalOpen);
+    };
+    return (React.createElement(Modal, { variant: ModalVariant.small, title: t('Confirm partnership collaboration'), isOpen: isModalOpen, onClose: handleModalToggle, actions: [
+            React.createElement(Button, { key: "cancel", variant: ButtonVariant.primary, onClick: handleModalToggle, "data-tracking-id": "confirm-partnership-collaboration-no-org-admin" },
+                React.createElement(Trans, null, "Cancel")),
+        ] },
+        React.createElement(Trans, null, "Only org admin customers can confirm partnership collaboration.")));
+};

package/lib/esm/components/ManagePartnerships/PartnershipsList.d.ts

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

package/lib/esm/components/ManagePartnerships/PartnershipsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartnershipsList.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/PartnershipsList.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,gBAAgB,gBAqO/B"}

package/lib/esm/components/ManagePartnerships/PartnershipsList.js

@@ -0,0 +1,185 @@
+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 { pcm } from '@cee-eng/hydrajs';
+import { AlertVariant, Button, ButtonVariant, Label, SearchInput } from '@patternfly/react-core';
+import TrashIcon from '@patternfly/react-icons/dist/js/icons/trash-icon';
+import { defaultTableSortMethod, LoadingIndicator, ToastNotification, useConfirmation, } from '@rh-support/components';
+import { fetchAccountManagers, fetchManagedAccounts, GlobalMetadataDispatchContext, useGlobalStateContext, } from '@rh-support/react-context';
+import React, { useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useLocation } from 'react-router-dom';
+import { useManagePartnershipsContext, useManagePartnershipsDispatchContext, } from '../../context/ManagePartnershipsProvider';
+import { setIsUpdatingAccounts } from '../../reducers/ManagePartnershipsReducer';
+import { ManageTable } from '../ManageTable';
+import { RequestCollaborationModal } from './RequestCollaborationModal';
+export function PartnershipsList() {
+    const { t } = useTranslation();
+    const confirmRemove = useConfirmation();
+    const [searchString, setSearchString] = useState('');
+    const [isRequestCollabModalOpen, setIsRequestCollabModalOpen] = useState(false);
+    const [accountList, setAccountList] = useState([]);
+    const [isFetching, setIsFetching] = useState(false);
+    const [hasError, setHasError] = useState(false);
+    const [isDeleting, setIsdeleting] = useState(false);
+    const [isDeletingAccountNum, setIsdeletingAccountNum] = useState('');
+    const { isUpdatingPartnerAccountList } = useManagePartnershipsContext();
+    const dispatch = useManagePartnershipsDispatchContext();
+    const location = useLocation();
+    const { globalMetadataState: { loggedInUserRights, managedAccounts, accountManagers, loggedInUserJwtToken }, } = useGlobalStateContext();
+    const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
+    const isPartner = () => loggedInUserRights.data.isPartner();
+    const isCustomerOrgAdmin = () => loggedInUserRights.data.isCustomerOrgAdmin();
+    const removePartnership = (data) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield confirmRemove({
+                catchOnCancel: true,
+                title: t('Are you sure?'),
+                description: React.createElement(Trans, null, "You will not be able to undo this action after verifying."),
+                confirmText: t('Delete'),
+                confirmButtonVariant: ButtonVariant.danger,
+            });
+            try {
+                setIsdeleting(true);
+                setIsdeletingAccountNum(data.accountNum);
+                if (data.isCustomerAccount) {
+                    yield pcm.partnerships.deleteCustomerAccountByPartner(data.accountNum);
+                }
+                else {
+                    yield pcm.partnerships.deletePartnerAccountByCustomer(data.accountNum);
+                }
+                setAccountList(accountList.filter((a) => a.accountNum !== data.accountNum));
+                ToastNotification.addSuccessMessage(t('Partnership removed successfully'));
+                setIsdeleting(false);
+                setIsdeletingAccountNum('');
+            }
+            catch (e) {
+                ToastNotification.addDangerMessage(t('Partnership failed to be removed'));
+                setIsdeleting(false);
+                setIsdeletingAccountNum('');
+            }
+        }
+        catch (e) {
+            // on confirm modal, cancel button is clicked
+        }
+    });
+    const columns = [
+        {
+            accessor: (data) => isPartner() && data.isPartnerAccount ? (React.createElement(React.Fragment, null,
+                data.name,
+                ' ',
+                React.createElement(Label, null,
+                    React.createElement(Trans, null, "Fellow partner")))) : (data.name),
+            sortable: true,
+            id: 'customer-account-name',
+            title: t('Account name'),
+            cellWidth: 40,
+            sortMethod: (a, b) => {
+                var _a, _b;
+                if (typeof a !== 'string') {
+                    a = ((_a = a === null || a === void 0 ? void 0 : a.props) === null || _a === void 0 ? void 0 : _a.children[3]) || '';
+                }
+                if (typeof b !== 'string') {
+                    b = ((_b = b === null || b === void 0 ? void 0 : b.props) === null || _b === void 0 ? void 0 : _b.children[3]) || '';
+                }
+                return defaultTableSortMethod(a.toLowerCase(), b.toLowerCase());
+            },
+        },
+        {
+            id: 'customer-account-number',
+            title: t('Account number'),
+            sortable: false,
+            cellWidth: 20,
+            cell: (data) => data.accountNum,
+        },
+        {
+            id: 'customer-partnership-access-level',
+            title: t('Access level'),
+            sortable: false,
+            cellWidth: 30,
+            cell: (data) => data.partnerCaseAccess,
+        },
+    ];
+    if (loggedInUserRights.data.isOrgAdmin()) {
+        columns.push({
+            id: 'partnership-delete',
+            title: ' ',
+            sortable: false,
+            cellWidth: 10,
+            cell: (data) => (React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": t('Remove partnership'), onClick: () => removePartnership(data) },
+                React.createElement(TrashIcon, null),
+                React.createElement(LoadingIndicator, { isInline: true, show: isDeleting && data.accountNum === isDeletingAccountNum, size: "xs" }))),
+        });
+    }
+    const requestCollaborationButton = () => (React.createElement("div", { className: "toolbar-right pf-u-mt-xs" },
+        React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => setIsRequestCollabModalOpen(true), "data-tracking-id": "request-collaboration-button", isDisabled: false },
+            React.createElement(Trans, null, "Request Collaboration"))));
+    // Get Customer Accounts For A Partner
+    useEffect(() => {
+        if (location.pathname !== '/manage/partnerships' || !isPartner())
+            return;
+        const getManagedAccounts = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                setIsFetching(true);
+                setHasError(false);
+                yield fetchManagedAccounts(dispatchToGlobalMetadataReducer, loggedInUserJwtToken);
+            }
+            catch (e) {
+                setHasError(true);
+            }
+            setIsFetching(false);
+        });
+        // when partner lands on partnership tab, we need to fetch customer accounts data
+        getManagedAccounts();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [location.pathname]);
+    //Get Partner Accounts For A Customer
+    useEffect(() => {
+        const getAccountManagers = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                setIsFetching(true);
+                setHasError(false);
+                yield fetchAccountManagers(dispatchToGlobalMetadataReducer, loggedInUserJwtToken);
+                setIsUpdatingAccounts(dispatch, false);
+            }
+            catch (e) {
+                setHasError(true);
+            }
+            setIsFetching(false);
+        });
+        // when customer accepts a link, need to fetch account data
+        if (isCustomerOrgAdmin() && isUpdatingPartnerAccountList)
+            getAccountManagers();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isUpdatingPartnerAccountList]);
+    useEffect(() => {
+        if (isPartner()) {
+            // partner may be customer of another partner
+            // we need to dispaly both partner and customer data
+            setAccountList([
+                ...managedAccounts.data.map((i) => (Object.assign(Object.assign({}, i), { isCustomerAccount: true }))),
+                ...accountManagers.data.map((i) => (Object.assign(Object.assign({}, i), { isPartnerAccount: true }))),
+            ]);
+        }
+        else {
+            setAccountList(accountManagers.data.map((i) => (Object.assign(Object.assign({}, i), { isPartnerAccount: true }))));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [managedAccounts, accountManagers]);
+    return (React.createElement("section", { id: "manage-partnerships-list" },
+        React.createElement("div", { className: "toolbar" },
+            React.createElement("div", { className: "toolbar-left" },
+                React.createElement("label", { htmlFor: "search-partnerships" }, "Filter by"),
+                React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100 pf-u-mr-lg", id: "search-partnerships", placeholder: t('Search for an existing partnership'), value: searchString, onChange: setSearchString, onClear: () => setSearchString(''), "aria-label": t('Search for an existing partnership') })),
+            isPartner() && requestCollaborationButton()),
+        React.createElement(ManageTable, { ariaLabel: t('Partnerships list'), columns: columns, data: accountList.filter((account) => account.name.toLowerCase().includes(searchString.toLowerCase())), sortInfo: { column: 'customer-account-name', direction: 'asc' }, errorVariant: AlertVariant.warning, isFetching: isFetching, isError: hasError, errorTitle: t('Partnerships error'), errorComponent: React.createElement(Trans, null, "Could not get partnerships list"), noResultText: t('There are no results to display.') }),
+        React.createElement(RequestCollaborationModal, { isOpen: isRequestCollabModalOpen, onClose: () => {
+                setIsRequestCollabModalOpen(false);
+            } })));
+}

package/lib/esm/components/ManagePartnerships/PartnershipsTermsModal.d.ts

@@ -0,0 +1,3 @@
+export declare function getTnCUrl(): string;
+export declare const PartnershipsTermsModal: () => JSX.Element;
+//# sourceMappingURL=PartnershipsTermsModal.d.ts.map

package/lib/esm/components/ManagePartnerships/PartnershipsTermsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartnershipsTermsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/PartnershipsTermsModal.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,SAAS,WAMxB;AAID,eAAO,MAAM,sBAAsB,mBAkJlC,CAAC"}

package/lib/esm/components/ManagePartnerships/PartnershipsTermsModal.js

@@ -0,0 +1,107 @@
+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 { pcm } from '@cee-eng/hydrajs';
+import { Button, ButtonVariant, Modal, ModalVariant, Text, TextContent, TextVariants } from '@patternfly/react-core';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { LoadingDots, LoadingIndicator, ToastNotification } from '@rh-support/components';
+import { baseTnCUrl, TncConstants } from '@rh-support/utils';
+import get from 'lodash/get';
+import React, { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useHistory, useLocation, useParams } from 'react-router-dom';
+import { useManagePartnershipsDispatchContext } from '../../context/ManagePartnershipsProvider';
+import { setIsUpdatingAccounts } from '../../reducers/ManagePartnershipsReducer';
+export function getTnCUrl() {
+    const redirectUrl = encodeURIComponent(window.location.href);
+    const cancelRedirectUrl = encodeURIComponent(window.location.href + `?rejectedTnC=true`);
+    return `${baseTnCUrl()}?site=${TncConstants.PARTNER_SHARE_LINK_ACCOUNT_SITE_CODE}&event=${TncConstants.PARTNER_SHARE_EVENT_CODE}&redirect=${redirectUrl}&cancelRedirect=${cancelRedirectUrl}`;
+}
+export const PartnershipsTermsModal = () => {
+    const [isTermVisited, setIsTermsVisited] = useState(false);
+    const [isUpdating, setIsUpdating] = useState(false);
+    const [ackChoice, setAckChoice] = useState(undefined);
+    const [isTermsModalOpen, setIsTermsModalOpen] = useState(true);
+    const [isVerifyingLink, setIsVerifyingLink] = useState(false);
+    const [linkAccountName, setLinkAccountName] = useState('');
+    const [verificationFailMessage, setVerificationFailMessage] = useState('');
+    const dispatch = useManagePartnershipsDispatchContext();
+    const { t } = useTranslation();
+    const { linkHash } = useParams();
+    const location = useLocation();
+    const history = useHistory();
+    const onClose = () => {
+        if (isUpdating)
+            return;
+        setIsTermsModalOpen(false);
+        setIsTermsVisited(false);
+        setAckChoice(undefined);
+        setIsVerifyingLink(false);
+        setVerificationFailMessage('');
+    };
+    useEffect(() => {
+        const verifyLink = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                setIsVerifyingLink(true);
+                setVerificationFailMessage('');
+                const response = yield pcm.partnerships.verifyPartnerLink(linkHash);
+                setLinkAccountName(response.accountName);
+                setIsVerifyingLink(false);
+            }
+            catch (error) {
+                const errorCode = parseInt((error === null || error === void 0 ? void 0 : error.code) || (error === null || error === void 0 ? void 0 : error.status)) || '';
+                const errorMessage = errorCode === 400 ? (React.createElement(Trans, null, "You are not authorized to accept or reject partner link.")) : errorCode === 404 ? (React.createElement(Trans, null, "Partner link is invalid. The link has been used or expired.")) : (React.createElement(Trans, null, "There was a problem and partner link cannot be verified at this moment. Please try again later."));
+                setVerificationFailMessage(errorMessage);
+            }
+        });
+        const termAck = (ackResponse) => __awaiter(void 0, void 0, void 0, function* () {
+            setIsUpdating(true);
+            setAckChoice(ackResponse);
+            try {
+                yield pcm.partnerships.partnerLinkAckResponse(linkHash, ackResponse);
+                setIsUpdating(false);
+                setIsUpdatingAccounts(dispatch, true);
+            }
+            catch (e) {
+                ToastNotification.addDangerMessage(ackResponse === 'accept' ? t('Failed to add partnership.') : t('Failed to decline partnership.'), React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => setIsTermsModalOpen(true) },
+                    React.createElement(Trans, null, "Try again")));
+                setIsUpdating(false);
+            }
+            history.push({
+                search: '',
+            });
+        });
+        verifyLink();
+        const decisionAccepted = /decision-\d+=accepted/gi.exec(location.search);
+        const decisionDeclined = /rejectedTnC=true/gi.exec(location.search);
+        const ackID = get(/ackID=(\d+)/gi.exec(location.search), [1]);
+        if ((!!decisionAccepted && ackID) || !!decisionDeclined) {
+            const choice = !!decisionAccepted ? 'accept' : !!decisionDeclined ? 'decline' : undefined;
+            console.log('choice= ' + choice);
+            setAckChoice(choice);
+            termAck(choice);
+            setIsTermsVisited(true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [linkHash]);
+    return (React.createElement(Modal, { id: "partnership-terms-and-conditions-modal", className: "pf-modal-overflow-visible", title: 'Confirm partnership collaboration', isOpen: isTermsModalOpen, onClose: onClose, showClose: true, onEscapePress: onClose, variant: ModalVariant.large, actions: [
+            React.createElement(Button, { href: getTnCUrl(), component: "a", variant: ButtonVariant.primary },
+                React.createElement(ExternalLinkAltIcon, null),
+                '  ',
+                " ",
+                React.createElement(Trans, null, "Go to Agreement")),
+            React.createElement(Button, { key: "back-to-prev", variant: ButtonVariant.secondary, onClick: () => onClose(), isDisabled: isUpdating },
+                React.createElement(Trans, null, "Close")),
+        ] },
+        React.createElement(React.Fragment, null, isVerifyingLink ? (React.createElement(React.Fragment, null, verificationFailMessage ? (React.createElement("p", { className: "pf-u-mt-xs pf-u-danger-color-100" }, verificationFailMessage)) : (React.createElement("p", { className: "pf-u-mt-xs" },
+            React.createElement(LoadingDots, { show: true, message: t('Verifying partner link') }))))) : !isVerifyingLink && !isTermVisited ? (React.createElement(React.Fragment, null,
+            React.createElement("p", null, "A partner would like to collaborate with you for support when cases are shared. Please confirm the name below and continue to accept terms and conditions."),
+            React.createElement(TextContent, { className: "pf-u-mt-lg" },
+                React.createElement(Text, { component: TextVariants.h3 }, linkAccountName)))) : isTermVisited && isUpdating ? (React.createElement(LoadingIndicator, { show: true, size: "lg" })) : isTermVisited && ackChoice === 'accept' ? (React.createElement("div", null, "Your partnership link is created successfully")) : (React.createElement("div", null, "You have not accepted terms and conditions")))));
+};

package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.d.ts

@@ -0,0 +1,8 @@
+interface IProps {
+    isOpen: boolean;
+    onClose: () => void;
+    sendReqAgainFriendlyName?: string;
+}
+export declare const RequestCollaborationModal: (props: IProps) => JSX.Element;
+export {};
+//# sourceMappingURL=RequestCollaborationModal.d.ts.map

package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAuBA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACrC;AAID,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBAyNtD,CAAC"}

package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.js

@@ -0,0 +1,153 @@
+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 { pcm } from '@cee-eng/hydrajs';
+import { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, Modal, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { ToastNotification, useCopyToClipboard } from '@rh-support/components';
+import { isEmpty } from 'lodash';
+import React, { useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useManagePartnershipsDispatchContext } from '../../context/ManagePartnershipsProvider';
+import { setIsUpdatingRequests } from '../../reducers/ManagePartnershipsReducer';
+export const RequestCollaborationModal = (props) => {
+    var _a;
+    const { t } = useTranslation();
+    const clipboardRef = useRef(null);
+    const { clipboardText, copyToClipboard } = useCopyToClipboard(clipboardRef);
+    const [validated, setValidated] = useState('default');
+    const [isDuplicateLinkName, setIsDuplicateLinkName] = useState(false);
+    const [friendlyName, setFriendlyName] = useState('');
+    const [generatedUrl, setGeneratedUrl] = useState('');
+    const [nextButtonIsClicked, setNextButtonIsClicked] = useState(false);
+    const [showDone, setShowDone] = useState(false);
+    const [isFetching, setIsFetching] = useState(false);
+    const [isDoneClicked, setIsDoneClicked] = useState(false);
+    const [isCopyClicked, setIsCopyClicked] = useState(false);
+    const dispatch = useManagePartnershipsDispatchContext();
+    const isRequestingAgain = !isEmpty((_a = props.sendReqAgainFriendlyName) === null || _a === void 0 ? void 0 : _a.trim());
+    const [localLinkName, setLocalLinkName] = useState('');
+    const handleLinkNameChange = (link, _event) => {
+        setLocalLinkName(link);
+        setFriendlyName(link);
+        setIsDuplicateLinkName(false);
+        if (isEmpty(link.trim()) && nextButtonIsClicked) {
+            setValidated('error');
+        }
+        else {
+            setValidated('success');
+        }
+    };
+    const handleKeyDown = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        if (validated !== 'error' && e.keyCode === 13) {
+            onNext && onNext();
+        }
+    });
+    const reset = () => {
+        setValidated('default');
+        setIsDuplicateLinkName(false);
+        setFriendlyName('');
+        setGeneratedUrl('');
+        setNextButtonIsClicked(false);
+        setShowDone(false);
+        setIsDoneClicked(false);
+        setIsCopyClicked(false);
+    };
+    const onClose = () => {
+        reset();
+        props.onClose();
+    };
+    const onDone = () => {
+        setIsDoneClicked(true);
+        if (isCopyClicked) {
+            reset();
+            props.onClose();
+        }
+    };
+    const onNext = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
+        setNextButtonIsClicked(true);
+        if (!isRequestingAgain && isEmpty(friendlyName.trim())) {
+            setValidated('error');
+            return;
+        }
+        setIsFetching(true);
+        try {
+            let url;
+            if ((_b = props.sendReqAgainFriendlyName) === null || _b === void 0 ? void 0 : _b.trim()) {
+                url = yield pcm.partnerships.requestAgainLink(props.sendReqAgainFriendlyName.trim());
+            }
+            else if (!isEmpty(friendlyName.trim())) {
+                url = yield pcm.partnerships.generatePartnerLink(friendlyName.trim());
+            }
+            const hash = url.message.replace(/(.*\/)*/, '');
+            setGeneratedUrl('https://' +
+                window.location.host +
+                window.location.pathname +
+                '#/manage/partnerships/partnerlink/' +
+                hash);
+            setIsUpdatingRequests(dispatch, true);
+            setShowDone(true);
+            setIsFetching(false);
+        }
+        catch (error) {
+            console.log(error);
+            setIsFetching(false);
+            const errorCode = parseInt((error === null || error === void 0 ? void 0 : error.code) || (error === null || error === void 0 ? void 0 : error.status)) || '';
+            if (errorCode === 400) {
+                setValidated('error');
+                setIsDuplicateLinkName(true);
+            }
+            else {
+                onClose();
+                ToastNotification.addDangerMessage(t('Failed to generate partner link'));
+            }
+        }
+    });
+    const onClickOnCopyToClipboardButton = () => {
+        copyToClipboard();
+        setIsCopyClicked(true);
+    };
+    const partnershipLinkId = 'partnership-link-id';
+    return (React.createElement(Modal, { id: "request-collaboration-modal", className: "pf-modal-overflow-visible", title: isRequestingAgain ? 'Request collaboration again' : 'Request collaboration', isOpen: props.isOpen, onClose: onClose, showClose: true, onEscapePress: onClose, variant: ModalVariant.large, actions: [
+            ...(showDone
+                ? [
+                    React.createElement(Button, { key: "done", variant: ButtonVariant.primary, onClick: onDone, isDisabled: validated === 'error' || (!isCopyClicked && isDoneClicked), "data-tracking-id": "request-collaboration-done-button" },
+                        React.createElement(Trans, null, "Done")),
+                ]
+                : [
+                    React.createElement(Button, { key: "next", variant: ButtonVariant.primary, onClick: onNext, isDisabled: validated === 'error' || isFetching, isLoading: isFetching },
+                        React.createElement(Trans, null, "Next")),
+                ]),
+        ] },
+        React.createElement(React.Fragment, null,
+            React.createElement("p", null, "Initiate a new collaboration by generating a unique link for your customer. Check the status under your requests to see if they accept or reject your collaboration."),
+            React.createElement(Form, { className: "pf-u-my-md" },
+                React.createElement(Grid, { sm: 12, md: 6, lg: 6 },
+                    React.createElement(GridItem, null,
+                        React.createElement(FormGroup, { label: t('Name your link'), type: "string", helperText: React.createElement(FormHelperText, { isHidden: validated === 'error' },
+                                React.createElement(Trans, null, "Please enter a name for your request")), helperTextInvalid: isDuplicateLinkName
+                                ? t('Link name already used. Please enter a unique name')
+                                : t('Please enter a name for your request'), helperTextInvalidIcon: React.createElement(ExclamationCircleIcon, null), fieldId: partnershipLinkId, validated: validated, isRequired: true },
+                            React.createElement(TextInput, { isRequired: true, validated: validated, value: localLinkName || props.sendReqAgainFriendlyName, id: partnershipLinkId, "aria-describedby": "age-1-helper", onChange: handleLinkNameChange, onKeyDown: handleKeyDown, placeholder: t('e.g. Customer name'), isDisabled: showDone }))))),
+            showDone && (React.createElement(React.Fragment, null,
+                React.createElement("h4", null,
+                    React.createElement("strong", null, "Copy and send")),
+                React.createElement("div", { className: "clipboard-wrapper" },
+                    React.createElement("div", { className: "clip-content-wrapper code-block" },
+                        React.createElement("code", { ref: clipboardRef }, generatedUrl)),
+                    React.createElement(Tooltip, { position: TooltipPosition.top, content: clipboardText, trigger: "click" },
+                        React.createElement("button", { className: "nimbus-icon-clipboard clip-code-raw-btn xs-icon", "aria-hidden": "true", onClick: onClickOnCopyToClipboardButton, "data-tracking-id": "request-collaboration-link-copy-button" }))),
+                React.createElement("p", { className: !isCopyClicked && isDoneClicked ? 'pf-u-danger-color-100' : '' },
+                    React.createElement(Trans, null,
+                        ' ',
+                        "Please ",
+                        React.createElement("strong", null, "copy and send"),
+                        " this unique link to your customer for approval.")))))));
+};

package/lib/esm/components/ManagePartnerships/Requests.d.ts

@@ -0,0 +1,3 @@
+export declare const daysFromNow: (date: string) => number;
+export declare function Requests(): JSX.Element;
+//# sourceMappingURL=Requests.d.ts.map

package/lib/esm/components/ManagePartnerships/Requests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Requests.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/Requests.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,WAAW,SAAU,MAAM,WAMvC,CAAC;AACF,wBAAgB,QAAQ,gBA6OvB"}

package/lib/esm/components/ManagePartnerships/Requests.js

@@ -0,0 +1,198 @@
+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 { pcm } from '@cee-eng/hydrajs';
+import { AlertVariant, Badge, ButtonVariant, ExpandableSection, ExpandableSectionToggle, Label, Stack, StackItem, } from '@patternfly/react-core';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { LoadingIndicator, ToastNotification, useConfirmation } from '@rh-support/components';
+import { UserPreferencesKeys, useUserPreferences } from '@rh-support/react-context';
+import isEmpty from 'lodash/isEmpty';
+import React, { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useLocation } from 'react-router';
+import { useManagePartnershipsContext } from '../../context/ManagePartnershipsProvider';
+import { ManageTable } from '../ManageTable';
+import { RequestCollaborationModal } from './RequestCollaborationModal';
+// returns number of days from now
+export const daysFromNow = (date) => {
+    let now = new Date();
+    let toDate = new Date(date);
+    let difference = toDate.getTime() - now.getTime();
+    let TotalDays = Math.ceil(difference / (1000 * 3600 * 24));
+    return TotalDays;
+};
+export function Requests() {
+    const { t } = useTranslation();
+    const confirmRemove = useConfirmation();
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [statusList, setStatusList] = useState([]);
+    const [isFetchingStatuses, setIsFetchingStatuses] = useState(false);
+    const [isRequestAgainModalOpen, setIsRequestAgainModalOpen] = useState(false);
+    const [selectedRowFriendlyName, setSelectedRowFriendlyName] = useState('');
+    const { isUpdatingRequests } = useManagePartnershipsContext();
+    const location = useLocation();
+    const { getPreferenceByKey, updatePreferences } = useUserPreferences();
+    const onToggle = (isExpanded) => {
+        setIsExpanded(isExpanded);
+    };
+    const deleteRequest = (friendlyName) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield confirmRemove({
+                catchOnCancel: true,
+                title: t('Are you sure?'),
+                description: React.createElement(Trans, null, "You will not be able to undo this action after verifying."),
+                confirmText: t('Delete'),
+                confirmButtonVariant: ButtonVariant.danger,
+            });
+            try {
+                yield pcm.partnerships.removePendingPartnerLink(friendlyName);
+                setStatusList(statusList.filter((s) => s.friendlyName !== friendlyName));
+                ToastNotification.addSuccessMessage(t('Partnership removed successfully'));
+            }
+            catch (e) {
+                ToastNotification.addDangerMessage(t('Partnership failed to be removed'));
+            }
+        }
+        catch (e) {
+            // on confirm modal, cancel button is clicked
+        }
+    });
+    const statusLabels = (data, prop) => {
+        if (!data)
+            return '';
+        const statusObj = {
+            PENDING: {
+                label: `Expires in ${daysFromNow(data.expiryDate)} days`,
+                color: daysFromNow(data.expiryDate) < 4 ? 'gold' : 'gray',
+                title: t('Link not used'),
+            },
+            DECLINED: { label: t('Rejected'), color: 'red', title: t('Link used') },
+            EXPIRED: { label: t('Expired'), color: 'red', title: t('Link expired') },
+            ACCEPTED: { label: t('Accepted'), color: 'green', title: t('Link accepted') },
+        };
+        return statusObj[data.status][prop] || '';
+    };
+    const columns = [
+        {
+            accessor: (data) => (data === null || data === void 0 ? void 0 : data.friendlyName) || '',
+            sortable: false,
+            id: 'frienly-name',
+            cellWidth: 25,
+            title: t('Name'),
+        },
+        {
+            sortable: false,
+            id: 'link-status',
+            cellWidth: 25,
+            cell: (data) => (React.createElement(Label, { icon: React.createElement(ExclamationCircleIcon, null), color: statusLabels(data, 'color') }, statusLabels(data, 'label'))),
+            rowProps: (data) => ({
+                status: (data === null || data === void 0 ? void 0 : data.status) || '',
+            }),
+            title: t('Status'),
+        },
+        {
+            accessor: (data) => statusLabels(data, 'title'),
+            sortable: false,
+            id: 'link-description',
+            cellWidth: 50,
+            title: t('Description'),
+        },
+    ];
+    const requestAgain = (friendlyName) => {
+        setSelectedRowFriendlyName(friendlyName);
+        setIsRequestAgainModalOpen(true);
+    };
+    const actionResolver = (rowData) => {
+        var _a, _b, _c, _d;
+        if (!rowData)
+            return;
+        const friendlyName = ((_a = rowData.cells) === null || _a === void 0 ? void 0 : _a[0]) || '';
+        //@ts-ignore
+        const status = ((_d = (_c = (_b = rowData.cells) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.status) || '';
+        return [
+            ...(status === 'EXPIRED'
+                ? [
+                    {
+                        title: t('Request Again'),
+                        onClick: () => requestAgain(friendlyName),
+                        itemKey: 'request-again',
+                    },
+                ]
+                : []),
+            {
+                title: (React.createElement("div", { className: "pf-u-danger-color-200" },
+                    React.createElement(Trans, null, "Delete"))),
+                onClick: () => deleteRequest(friendlyName),
+                itemKey: 'delete-request',
+            },
+        ];
+    };
+    const onRequestAgainModalClose = () => {
+        setIsRequestAgainModalOpen(false);
+    };
+    useEffect(() => {
+        if (location.pathname !== '/manage/partnerships')
+            return;
+        // when a customer accepts a link, as soon as partner visits
+        // the partnership page, a pop-up should show up and inform
+        // partner that customer has accepted the link
+        // to achieve this, we always save the last accepted link
+        // friendly name that is unique in user preferences data
+        const displayLinkIsVerifiedPopUp = (currentLatestAcceptedFriendlyName) => {
+            const lastSavedAcceptedFriendlyName = JSON.parse(getPreferenceByKey(UserPreferencesKeys.partnershipLastestAcceptedLink));
+            if (lastSavedAcceptedFriendlyName === currentLatestAcceptedFriendlyName)
+                return;
+            try {
+                updatePreferences(UserPreferencesKeys.partnershipLastestAcceptedLink, JSON.stringify(currentLatestAcceptedFriendlyName));
+                ToastNotification.addSuccessMessage(t('Verified request'), t('A customer has verified your collaboration. Find them in the table below.'));
+            }
+            catch (e) {
+                // silently fails
+            }
+        };
+        const getStatuses = () => __awaiter(this, void 0, void 0, function* () {
+            setIsFetchingStatuses(true);
+            try {
+                const statuses = yield pcm.partnerships.getPartnerLinksStatuses(1, 1000, [
+                    'declined',
+                    'expired',
+                    'pending',
+                ]);
+                setStatusList(statuses.filter((s) => s.deleted === false));
+                const lastStatusesAccepted = yield pcm.partnerships.getPartnerLinksStatuses(1, 1, ['accepted']);
+                if (lastStatusesAccepted && lastStatusesAccepted[0])
+                    displayLinkIsVerifiedPopUp(lastStatusesAccepted[0].friendlyName);
+                setIsFetchingStatuses(false);
+            }
+            catch (e) {
+                setIsFetchingStatuses(false);
+                ToastNotification.addDangerMessage(t('Failed to get partnership requests'));
+            }
+        });
+        getStatuses();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isUpdatingRequests, location.pathname]);
+    const contentId = 'requests-detached-toggle-content';
+    return (React.createElement(React.Fragment, null,
+        React.createElement("section", { id: "manage-partnerships-pending-requests" },
+            React.createElement(Stack, null,
+                React.createElement(StackItem, { className: "toolbar" },
+                    React.createElement(ExpandableSectionToggle, { isExpanded: isExpanded, onToggle: onToggle, contentId: contentId },
+                        React.createElement("div", null,
+                            React.createElement("label", { className: "pf-u-color-100" },
+                                ' ',
+                                React.createElement(Trans, null, "Requests"),
+                                isFetchingStatuses ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm", className: "pf-u-mx-sm" })) : (React.createElement(Badge, { className: "pf-u-mx-sm" }, statusList.length)))))),
+                React.createElement(StackItem, null,
+                    React.createElement(ExpandableSection, { isIndented: false, isExpanded: isExpanded, isDetached: true, contentId: contentId }, !isEmpty(statusList) ? (React.createElement(ManageTable, { ariaLabel: t('Requests'), columns: columns, data: statusList, errorVariant: AlertVariant.warning, isFetching: isFetchingStatuses, isError: false, errorTitle: t('Request error'), errorComponent: React.createElement(Trans, null, "Could not get requests"), pagination: true, actionResolver: statusList && !isFetchingStatuses && !isEmpty(statusList)
+                            ? actionResolver
+                            : null, perPage: 5 })) : (React.createElement("p", { className: "pf-u-p-md" },
+                        React.createElement(Trans, null, "No request"))))))),
+        isRequestAgainModalOpen && (React.createElement(RequestCollaborationModal, { isOpen: isRequestAgainModalOpen, onClose: onRequestAgainModalClose, sendReqAgainFriendlyName: selectedRowFriendlyName }))));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/index.tsx"],"names":[],"mappings":"AAYA,wBAAgB,kBAAkB,gBAsCjC"}

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

@@ -0,0 +1,25 @@
+import { ErrorBoundary } from '@rh-support/components';
+import { useGlobalStateContext } from '@rh-support/react-context';
+import React from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { Route, Switch } from 'react-router-dom';
+import { ManagePartnershipsProvider } from '../../context/ManagePartnershipsProvider';
+import { NonOrgCustomerInfoModal } from './NonOrgCustomerInfoModal';
+import { PartnershipsList } from './PartnershipsList';
+import { PartnershipsTermsModal } from './PartnershipsTermsModal';
+import { Requests } from './Requests';
+export function ManagePartnerships() {
+    const { t } = useTranslation();
+    const { globalMetadataState: { loggedInUserRights }, } = useGlobalStateContext();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("header", { className: "pf-u-mt-md pf-u-mb-xs" },
+            React.createElement("h2", null,
+                React.createElement(Trans, null, "Partnerships")),
+            React.createElement("p", null, loggedInUserRights.data.isPartner() ? (React.createElement(Trans, null, "Add, edit, or remove customer partnerships and manage your pending requests.")) : (React.createElement(Trans, null, "Confirm, filter, or remove partnerships and manage collaboration requests.")))),
+        React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading partnerships list') } },
+            React.createElement(ManagePartnershipsProvider, null,
+                loggedInUserRights.data.isPartner() && React.createElement(Requests, null),
+                React.createElement(PartnershipsList, null),
+                React.createElement(Switch, null,
+                    React.createElement(Route, { path: `/manage/partnerships/partnerlink/:linkHash?` }, loggedInUserRights.data.isCustomerOrgAdmin() ? (React.createElement(PartnershipsTermsModal, null)) : (React.createElement(NonOrgCustomerInfoModal, null))))))));
+}

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

@@ -18,6 +18,7 @@ interface IProps {
     areActionsDisabled?: IAreActionsDisabled;
     actionResolver?: IActionsResolver;
     noResultText?: string;
+    perPage?: number;
 }
 export declare function ManageTable(props: IProps): JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAAmC,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AA0BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA4CxC"}
+{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAAmC,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA8CxC"}

package/lib/esm/components/ManageTable/ManageTable.js

@@ -32,11 +32,12 @@ const noResultFoundRow = (noResultString = '') => [
 ];
 export function ManageTable(props) {
     const { ariaLabel, errorComponent, errorTitle, errorVariant, isError, isFetching, sortInfo, actions, keepPageNumberOnDataChange, areActionsDisabled, actionResolver } = props, tableProps = __rest(props, ["ariaLabel", "errorComponent", "errorTitle", "errorVariant", "isError", "isFetching", "sortInfo", "actions", "keepPageNumberOnDataChange", "areActionsDisabled", "actionResolver"]);
+    const pagination = () => (props.pagination !== undefined ? props.pagination : true);
     return (React.createElement("div", { className: "table-wrapper" },
         isError && (React.createElement(React.Fragment, null,
             React.createElement(Alert, { variant: errorVariant, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null) }, errorComponent))),
         React.createElement(Table, Object.assign({}, tableProps),
-            React.createElement(PFTable, { sortInfo: sortInfo, "aria-label": ariaLabel, pagination: true, emptyStateRow: noResultFoundRow(props.noResultText), actions: actions, areActionsDisabled: areActionsDisabled, actionResolver: actionResolver, isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange }),
-            tableProps.data.length > 0 && (React.createElement("footer", null,
-                React.createElement(TablePagination, { variant: PaginationVariant.bottom }))))));
+            React.createElement(PFTable, { sortInfo: sortInfo, "aria-label": ariaLabel, pagination: pagination(), emptyStateRow: noResultFoundRow(props.noResultText), actions: actions, areActionsDisabled: areActionsDisabled, actionResolver: actionResolver, isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange }),
+            tableProps.data.length > 0 && pagination() && (React.createElement("footer", null,
+                React.createElement(TablePagination, { variant: PaginationVariant.bottom, perPage: props.perPage || 10 }))))));
 }

package/lib/esm/context/ManagePartnershipsProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IManagePartnershipsState, ManagePartnershipsReducerDispatchType } from '../reducers/ManagePartnershipsReducer';
+export declare const intialManagePartnershipsContext: IManagePartnershipsState;
+export declare const ManagePartnershipsStateContext: React.Context<IManagePartnershipsState>;
+export declare const ManagePartnershipsDispatchContext: React.Context<ManagePartnershipsReducerDispatchType>;
+export declare function useManagePartnershipsContext(): IManagePartnershipsState;
+export declare function useManagePartnershipsDispatchContext(): ManagePartnershipsReducerDispatchType;
+export declare function ManagePartnershipsProvider({ children }: {
+    children: any;
+}): JSX.Element;
+//# sourceMappingURL=ManagePartnershipsProvider.d.ts.map

package/lib/esm/context/ManagePartnershipsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagePartnershipsProvider.d.ts","sourceRoot":"","sources":["../../../src/context/ManagePartnershipsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EACH,wBAAwB,EAExB,qCAAqC,EACxC,MAAM,uCAAuC,CAAC;AAE/C,eAAO,MAAM,+BAA+B,EAAE,wBAG7C,CAAC;AAGF,eAAO,MAAM,8BAA8B,yCAE1C,CAAC;AACF,eAAO,MAAM,iCAAiC,sDAA6C,CAAC;AAE5F,wBAAgB,4BAA4B,6BAM3C;AAED,wBAAgB,oCAAoC,0CAMnD;AAED,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAStD"}

package/lib/esm/context/ManagePartnershipsProvider.js

@@ -0,0 +1,26 @@
+import React, { useContext, useReducer } from 'react';
+import { ManagePartnershipsReducer, } from '../reducers/ManagePartnershipsReducer';
+export const intialManagePartnershipsContext = {
+    isUpdatingPartnerAccountList: false,
+    isUpdatingRequests: false,
+};
+const initalDispatchContext = null;
+export const ManagePartnershipsStateContext = React.createContext(intialManagePartnershipsContext);
+export const ManagePartnershipsDispatchContext = React.createContext(initalDispatchContext);
+export function useManagePartnershipsContext() {
+    if (ManagePartnershipsStateContext === undefined) {
+        throw new Error(`useManagePartnershipsContext must be used within a ManagePartnershipsContextProvider`);
+    }
+    return useContext(ManagePartnershipsStateContext);
+}
+export function useManagePartnershipsDispatchContext() {
+    if (ManagePartnershipsDispatchContext === undefined) {
+        throw new Error(`useManagePartnershipsContext must be used within a ManagePartnershipsContextProvider`);
+    }
+    return useContext(ManagePartnershipsDispatchContext);
+}
+export function ManagePartnershipsProvider({ children }) {
+    const [managePartnershipsState, dispatch] = useReducer(ManagePartnershipsReducer, intialManagePartnershipsContext);
+    return (React.createElement(ManagePartnershipsStateContext.Provider, { value: Object.assign({}, managePartnershipsState) },
+        React.createElement(ManagePartnershipsDispatchContext.Provider, { value: dispatch }, children)));
+}

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

@@ -0,0 +1,16 @@
+import { IAction } from '@rh-support/types/shared';
+export interface IManagePartnershipsState {
+    isUpdatingPartnerAccountList: boolean;
+    isUpdatingRequests: boolean;
+}
+export declare enum ManagePartnershipsReducerConstants {
+    setIsUpdatingAccounts = "setIsUpdatingAccounts",
+    setIsUpdatingRequests = "setIsUpdatingRequests"
+}
+declare type IActionType = IAction<ManagePartnershipsReducerConstants, IManagePartnershipsState>;
+export declare type ManagePartnershipsReducerDispatchType = (value: IActionType) => void;
+export declare const ManagePartnershipsReducer: (state: IManagePartnershipsState, action: IActionType) => IManagePartnershipsState;
+export declare const setIsUpdatingAccounts: (dispatch: ManagePartnershipsReducerDispatchType, isUpdatingPartnerAccountList: boolean) => void;
+export declare const setIsUpdatingRequests: (dispatch: ManagePartnershipsReducerDispatchType, isUpdatingRequests: boolean) => void;
+export {};
+//# sourceMappingURL=ManagePartnershipsReducer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManagePartnershipsReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/ManagePartnershipsReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,WAAW,wBAAwB;IACrC,4BAA4B,EAAE,OAAO,CAAC;IACtC,kBAAkB,EAAE,OAAO,CAAC;CAC/B;AAED,oBAAY,kCAAkC;IAC1C,qBAAqB,0BAA0B;IAC/C,qBAAqB,0BAA0B;CAClD;AAED,aAAK,WAAW,GAAG,OAAO,CAAC,kCAAkC,EAAE,wBAAwB,CAAC,CAAC;AACzF,oBAAY,qCAAqC,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEjF,eAAO,MAAM,yBAAyB,UAC3B,wBAAwB,0BAEhC,wBAYF,CAAC;AAEF,eAAO,MAAM,qBAAqB,aACpB,qCAAqC,gCACjB,OAAO,SAMxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,qCAAqC,sBAAsB,OAAO,SAKjH,CAAC"}

package/lib/esm/reducers/ManagePartnershipsReducer.js

@@ -0,0 +1,30 @@
+export var ManagePartnershipsReducerConstants;
+(function (ManagePartnershipsReducerConstants) {
+    ManagePartnershipsReducerConstants["setIsUpdatingAccounts"] = "setIsUpdatingAccounts";
+    ManagePartnershipsReducerConstants["setIsUpdatingRequests"] = "setIsUpdatingRequests";
+})(ManagePartnershipsReducerConstants || (ManagePartnershipsReducerConstants = {}));
+export const ManagePartnershipsReducer = (state, action) => {
+    switch (action.type) {
+        case ManagePartnershipsReducerConstants.setIsUpdatingAccounts: {
+            return Object.assign(Object.assign({}, state), { isUpdatingPartnerAccountList: action.payload.isUpdatingPartnerAccountList });
+        }
+        case ManagePartnershipsReducerConstants.setIsUpdatingRequests: {
+            return Object.assign(Object.assign({}, state), { isUpdatingRequests: action.payload.isUpdatingRequests });
+        }
+        default: {
+            return state;
+        }
+    }
+};
+export const setIsUpdatingAccounts = (dispatch, isUpdatingPartnerAccountList) => {
+    dispatch({
+        type: ManagePartnershipsReducerConstants.setIsUpdatingAccounts,
+        payload: { isUpdatingPartnerAccountList },
+    });
+};
+export const setIsUpdatingRequests = (dispatch, isUpdatingRequests) => {
+    dispatch({
+        type: ManagePartnershipsReducerConstants.setIsUpdatingRequests,
+        payload: { isUpdatingRequests },
+    });
+};

package/lib/esm/scss/_main.scss

@@ -309,9 +309,13 @@ svg.hostnameSpinner {
 }
 
 #version-dropdown-selector {
-    z-index: 299;
+    z-index: 89;
 }
 
 #tc-product-dropdown-selector {
-    z-index: 299;
+    z-index: 89;
+}
+
+#requests-detached-toggle-content thead {
+    display: none;
 }

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

@@ -53,7 +53,7 @@ div#top-content-major-version-performance-metric.pf-c-modal-box {
             position: sticky;
             top: 0;
             background: var(--pf-c-modal-box--BackgroundColor);
-            z-index: 101; // As .pf-c-toggle-group__button is having z-index: var(--pf-c-toggle-group__button--ZIndex) (100) need to set z-index 101;
+            z-index: 89; // As .pf-c-toggle-group__button is having z-index: var(--pf-c-toggle-group__button--ZIndex)
             padding-bottom: var(--pf-global--spacer--sm);
         }
         .content {
@@ -128,5 +128,5 @@ div.performance-metrics-modal {
 }
 
 .top-content-panel {
-    z-index: 100;
+    z-index: 9;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.0.7",
+    "version": "2.0.8-beta-2",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -45,13 +45,8 @@
         "prepublish": "npm run clean && npm run build:esm",
         "prepublishOnly": "npm run build"
     },
-    "browserslist": [
-        ">0.2%",
-        "not ie <= 11",
-        "not op_mini all"
-    ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.15.78",
+        "@cee-eng/hydrajs": "4.16.4",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
@@ -82,19 +77,19 @@
         "typescript": "4.3.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.15.78",
+        "@cee-eng/hydrajs": "4.16.4",
         "@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.264.0",
         "@patternfly/react-table": "4.111.33",
-        "@rh-support/components": "2.0.5",
-        "@rh-support/configs": "2.0.4",
-        "@rh-support/react-context": "2.0.5",
-        "@rh-support/types": "2.0.1",
-        "@rh-support/user-permissions": "2.0.5",
-        "@rh-support/utils": "2.0.5",
+        "@rh-support/components": "2.0.7-beta.1",
+        "@rh-support/configs": "2.0.9",
+        "@rh-support/react-context": "2.0.7-beta-1",
+        "@rh-support/types": "2.0.2",
+        "@rh-support/user-permissions": "2.0.3-beta-1",
+        "@rh-support/utils": "2.0.1-beta-1",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
@@ -104,5 +99,9 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "a2b0cdd179ebcac6eb18d7e3387337a1d6cb6c6c"
+    "browserslist": [
+        "defaults and supports es6-module",
+        "maintained node versions"
+    ],
+    "gitHead": "0227f4cbd5f46c54167a7e6e7a7694df73fae5e3"
 }