@rh-support/manage 1.0.42 → 1.0.100-beta.0

package/README.md

@@ -9,5 +9,3 @@ const manage = require('manage');
 
 // TODO: DEMONSTRATE API
 ```
-
-.

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,eAgKvC"}

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

@@ -14,6 +14,7 @@ interface ManageRoutes {
     savedSearches: Route;
     topContent: Route;
     preferences: Route;
+    partnerships: Route;
     notificationEmails: Route;
     configs: Route;
 }

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,YAAY,EAAE,KAAK,CAAC;IACpB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;CAClB;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.js

@@ -32,7 +32,7 @@ export function ConfigInLineEdit(props) {
     }, [props.fieldValue]);
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'case-details-custom-email' }, allowInlineEdit: true, initialIsEditing: false, onSave: onSave, onCancel: onCancel, saveDisabled: input === props.fieldValue || props.isUpdating || hasLargeInput, loadingIndicator: React.createElement(LoadingIndicator, { show: props.isUpdating, isInline: true }) },
-            React.createElement(TextAreaAutosize, { id: `config-value-${props.id}`, name: `config-value-${props.id}`, "aria-invalid": hasLargeInput, className: `form-control${hasLargeInput ? ' form-invalid' : ''}`, value: input, "data-tracking-id": "open-case-describe-ktQ1-issue", onChange: onChange, disabled: props.isUpdating }),
+            React.createElement(TextAreaAutosize, { id: `config-value-${props.id}`, name: `config-value-${props.id}`, "aria-invalid": hasLargeInput, className: `form-control${hasLargeInput ? ' form-invalid' : ''}`, value: input, "data-tracking-id": "manage-case-describe-ktQ1-issue", onChange: onChange, disabled: props.isUpdating }),
             hasLargeInput && (React.createElement("p", { className: "form-instructions form-invalid" },
                 "Config value cannot be more than ",
                 CONFIG_FIELD_VALUE_LIMIT,

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

@@ -72,6 +72,6 @@ export const GroupUserPermissionsSelect = (props) => {
      * 4. Non-org admins cannot see the manage tab itself and thus that check is not added.
      */
     return (React.createElement(React.Fragment, null,
-        React.createElement(Select, { isDisabled: updateUsersFetch.isFetching || !props.account.hasGroupACLs, className: "permissions-select", "aria-label": t('User permissions'), onToggle: onToggle, onSelect: onSelect, onClear: onClear, selections: option, isOpen: isOpen, "aria-labelledby": t('User permissions'), placeholderText: t('Select a permission') }, Object.keys(options).map((key) => (React.createElement(SelectOption, { key: key, value: options[key], "data-tracking-id": `group-user-permission-${key}` }, t(options[key]))))),
+        React.createElement(Select, { isDisabled: updateUsersFetch.isFetching, className: "permissions-select", "aria-label": t('User permissions'), onToggle: onToggle, onSelect: onSelect, onClear: onClear, selections: option, isOpen: isOpen, "aria-labelledby": t('User permissions'), placeholderText: t('Select a permission') }, Object.keys(options).map((key) => (React.createElement(SelectOption, { key: key, value: options[key], "data-tracking-id": `group-user-permission-${key}` }, t(options[key]))))),
         React.createElement(LoadingIndicator, { show: updateUsersFetch.isFetching, size: "xs" })));
 };

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/PartnerLinkNameForm.d.ts

@@ -0,0 +1,12 @@
+declare type validate = 'success' | 'warning' | 'error' | 'default';
+interface IProps {
+    onLinkNameChange: (linkName: string) => void;
+    isDuplicateLinkName: boolean;
+    validated: validate;
+    currentLinkName?: string;
+    inputLabel?: string;
+    friendlyName?: string;
+}
+export declare function PartnerLinkNameForm(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=PartnerLinkNameForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PartnerLinkNameForm.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/PartnerLinkNameForm.tsx"],"names":[],"mappings":"AAKA,aAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5D,UAAU,MAAM;IACZ,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAgDhD"}

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

@@ -0,0 +1,21 @@
+import { Form, FormGroup, FormHelperText, Grid, GridItem, TextInput } from '@patternfly/react-core';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import React, { useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+export function PartnerLinkNameForm(props) {
+    const [localLinkName, setLocalLinkName] = useState('');
+    const { t } = useTranslation();
+    const handleLinkNameChange = (link, _event) => {
+        setLocalLinkName(link);
+        props.onLinkNameChange(link);
+    };
+    const partnershipLinkId = 'partnership-link-id';
+    return (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: props.inputLabel || t('Name your link'), type: "string", helperText: React.createElement(FormHelperText, { isHidden: props.validated === 'error' },
+                        React.createElement(Trans, null, "Please enter a name for your request")), helperTextInvalid: props.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: props.validated, isRequired: true },
+                    React.createElement(TextInput, { isRequired: true, validated: props.validated, value: localLinkName || props.currentLinkName, id: partnershipLinkId, "aria-describedby": "age-1-helper", onChange: handleLinkNameChange, placeholder: t('e.g. Customer name') }))))));
+}

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,gBAmO/B"}

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

@@ -0,0 +1,183 @@
+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 { haventLoadedMetadata } from '@rh-support/utils';
+import React, { useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+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 { 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,
+        },
+        {
+            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(LoadingIndicator, { isInline: true, show: isDeleting && data.accountNum === isDeletingAccountNum, size: "xs" }),
+                React.createElement(TrashIcon, null))),
+        },
+    ];
+    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 (!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);
+        });
+        if (isPartner() && haventLoadedMetadata(managedAccounts, (data) => data === undefined))
+            getManagedAccounts();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [managedAccounts]);
+    //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() &&
+            (haventLoadedMetadata(accountManagers, (data) => data === undefined) || 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 if (isCustomerOrgAdmin()) {
+            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,2 @@
+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":"AAsBA,eAAO,MAAM,sBAAsB,mBAkLlC,CAAC"}

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

@@ -0,0 +1,97 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { pcm } from '@cee-eng/hydrajs';
+import { Button, ButtonVariant, Checkbox, Modal, ModalVariant, Text, TextContent, TextVariants, } from '@patternfly/react-core';
+import { LoadingDots, ToastNotification } from '@rh-support/components';
+import React, { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom';
+import { useManagePartnershipsDispatchContext } from '../../context/ManagePartnershipsProvider';
+import { setIsUpdatingAccounts } from '../../reducers/ManagePartnershipsReducer';
+export const PartnershipsTermsModal = () => {
+    const [isContinueClicked, setIsContinueClicked] = useState(false);
+    const [isTermsChecked, setIsTermsChecked] = useState(false);
+    const [isUpdating, setIsUpdating] = useState(false);
+    const [ackChoice, setAckChoice] = useState('');
+    const [isTermsModalOpen, setIsTermsModalOpen] = useState(true);
+    const [isVerifyingLink, setIsVerifyingLink] = useState(false);
+    const [linkAccountName, setLinkAccountName] = useState('');
+    const [verificationFailMessage, setVerificationFailMessage] = useState('');
+    const dispatch = useManagePartnershipsDispatchContext();
+    const onContinue = () => setIsContinueClicked(true);
+    const { t } = useTranslation();
+    const { linkHash } = useParams();
+    const onClose = () => {
+        setIsTermsModalOpen(false);
+        setIsContinueClicked(false);
+        setIsTermsChecked(false);
+        setAckChoice('');
+        setIsVerifyingLink(false);
+        setVerificationFailMessage('');
+    };
+    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);
+        }
+        onClose();
+    });
+    const termAgrement = () => (React.createElement(React.Fragment, null,
+        React.createElement("h2", null, "Lorem Ipsum"),
+        React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
+        React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
+        React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
+        React.createElement(Checkbox, { className: "pf-u-mt-md", label: "I have read and agree to the terms", isChecked: isTermsChecked, onChange: () => setIsTermsChecked(!isTermsChecked), id: "terms-and-conditions-checkbox" })));
+    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);
+            }
+        });
+        verifyLink();
+    }, [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: [
+            ...(!isContinueClicked
+                ? [
+                    React.createElement(Button, { key: "continue", variant: ButtonVariant.primary, onClick: onContinue, isDisabled: isVerifyingLink },
+                        React.createElement(Trans, null, "Continue")),
+                ]
+                : [
+                    React.createElement(Button, { key: "back-to-prev", variant: ButtonVariant.primary, onClick: () => setIsContinueClicked(false) },
+                        React.createElement(Trans, null, "Back")),
+                    React.createElement(Button, { key: "acccept-partnership", variant: ButtonVariant.primary, isDisabled: !isTermsChecked || isUpdating, onClick: () => termAck('accept'), isLoading: isUpdating && ackChoice === 'accept' },
+                        React.createElement(Trans, null, "Accept")),
+                    React.createElement(Button, { key: "reject-partnership", variant: ButtonVariant.danger, onClick: () => termAck('decline'), isDisabled: isUpdating, isLoading: isUpdating && ackChoice === 'decline' },
+                        React.createElement(Trans, null, "Decline")),
+                ]),
+        ] },
+        React.createElement(React.Fragment, null, !isContinueClicked && 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') }))))) : !isContinueClicked && !isVerifyingLink ? (React.createElement(React.Fragment, null,
+            React.createElement("p", null, "A partner would like to collaborate on your company's technical support cases in concert with Red Hat support engineers. Please accept the request with the enclosed URL."),
+            React.createElement(TextContent, { className: "pf-u-mt-lg" },
+                React.createElement(Text, { component: TextVariants.h3 }, linkAccountName)))) : (termAgrement()))));
+};

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

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

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

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