@rh-support/manage 1.0.301-beta.1 → 1.0.301-beta.2

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

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

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

@@ -15,7 +15,8 @@ import { fetchAccountManagers, fetchManagedAccounts, GlobalMetadataDispatchConte
 import { haventLoadedMetadata } from '@rh-support/utils';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useManagePartnershipsContext } from '../../context/ManagePartnershipsProvider';
+import { useManagePartnershipsContext, useManagePartnershipsDispatchContext, } from '../../context/ManagePartnershipsProvider';
+import { setIsUpdatingAccounts } from '../../reducers/ManagePartnershipsReducer';
 import { ManageTable } from '../ManageTable';
 import { RequestCollaborationModal } from './RequestCollaborationModal';
 export function PartnershipsList() {
@@ -29,6 +30,7 @@ export function PartnershipsList() {
     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();
@@ -127,6 +129,7 @@ export function PartnershipsList() {
                 setIsFetching(true);
                 setHasError(false);
                 yield fetchAccountManagers(dispatchToGlobalMetadataReducer, loggedInUserJwtToken);
+                setIsUpdatingAccounts(dispatch, false);
             }
             catch (e) {
                 setHasError(true);
@@ -138,7 +141,7 @@ export function PartnershipsList() {
             (haventLoadedMetadata(accountManagers, (data) => data === undefined) || isUpdatingPartnerAccountList))
             getAccountManagers();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [accountManagers, isUpdatingPartnerAccountList]);
+    }, [isUpdatingPartnerAccountList]);
     useEffect(() => {
         if (isPartner()) {
             setAccountList(managedAccounts.data);

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

@@ -1 +1 @@
-{"version":3,"file":"PendingRequests.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/PendingRequests.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,WAAW,SAAU,MAAM,WAMvC,CAAC;AACF,wBAAgB,eAAe,gBAyM9B"}
+{"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,gBAwO9B"}

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

@@ -11,8 +11,11 @@ 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';
@@ -33,6 +36,8 @@ export function PendingRequests() {
     const [isRequestAgainModalOpen, setIsRequestAgainModalOpen] = useState(false);
     const [selectedRowFriendlyName, setSelectedRowFriendlyName] = useState('');
     const { isUpdatingRequests } = useManagePartnershipsContext();
+    const location = useLocation();
+    const { getPreferenceByKey, updatePreferences } = useUserPreferences();
     const onToggle = (isExpanded) => {
         setIsExpanded(isExpanded);
     };
@@ -132,11 +137,30 @@ export function PendingRequests() {
         setIsRequestAgainModalOpen(false);
     };
     useEffect(() => {
+        // 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 latest accepted link in preferences
+        const displayLinkIsVerifiedPopUp = (accepted) => {
+            const latestAcceptedLik = JSON.parse(getPreferenceByKey(UserPreferencesKeys.partnershipLastestAcceptedLink));
+            if (location.pathname !== '/manage/partnerships' ||
+                !isEmpty(accepted) ||
+                (latestAcceptedLik === null || latestAcceptedLik === void 0 ? void 0 : latestAcceptedLik.friendlyName) === (accepted === null || accepted === void 0 ? void 0 : accepted[0].friendlyName))
+                return;
+            try {
+                updatePreferences(UserPreferencesKeys.partnershipLastestAcceptedLink, JSON.stringify(accepted[0]));
+                ToastNotification.addSuccessMessage('Verified request', '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, 100);
                 setStatusList(statuses.filter((s) => s.status !== 'ACCEPTED').reverse());
+                displayLinkIsVerifiedPopUp(statuses.filter((s) => s.status === 'ACCEPTED').reverse());
                 setIsFetchingStatuses(false);
             }
             catch (e) {
@@ -158,7 +182,7 @@ export function PendingRequests() {
                                 React.createElement(Trans, null, "Pending 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, style: { padding: '0' }, contentId: contentId }, statusList.length !== 0 ? (React.createElement(ManageTable, { ariaLabel: t('Pending requests'), columns: columns, data: statusList, errorVariant: AlertVariant.warning, isFetching: isFetchingStatuses, isError: false, errorTitle: t('Pending requests error'), errorComponent: React.createElement(Trans, null, "Could not get pending requests"), pagination: false, headless: true, actionResolver: statusList && !isFetchingStatuses && statusList.length !== 0
+                    React.createElement(ExpandableSection, { isIndented: false, isExpanded: isExpanded, isDetached: true, style: { padding: '0' }, contentId: contentId }, !isEmpty(statusList) ? (React.createElement(ManageTable, { ariaLabel: t('Pending requests'), columns: columns, data: statusList, errorVariant: AlertVariant.warning, isFetching: isFetchingStatuses, isError: false, errorTitle: t('Pending requests error'), errorComponent: React.createElement(Trans, null, "Could not get pending requests"), pagination: false, headless: true, actionResolver: statusList && !isFetchingStatuses && !isEmpty(statusList)
                             ? actionResolver
                             : null })) : (React.createElement("p", { className: "pf-u-p-md" },
                         React.createElement(Trans, null, "No pending request"))))))),

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

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

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

@@ -65,7 +65,8 @@ export const RequestCollaborationModal = (props) => {
                 yield pcm.partnerships.removePendingPartnerLink(props.sendReqAgainFriendlyName);
             }
             const url = yield pcm.partnerships.generatePartnerLink(friendlyName);
-            setGeneratedUrl(url.message);
+            const hash = url.message.replace(/(.*\/)*/, '');
+            setGeneratedUrl('https://' + window.location.host + '/support/cases/#/manage/partnerships/partnerlink/' + hash);
             setIsUpdatingRequests(dispatch, true);
             setShowDone(true);
             setIsFetching(false);
@@ -101,7 +102,7 @@ export const RequestCollaborationModal = (props) => {
     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) },
+                    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")),
                 ]
                 : [
@@ -119,7 +120,7 @@ export const RequestCollaborationModal = (props) => {
                     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 }))),
+                        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,
                         ' ',

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

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

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

@@ -4,6 +4,7 @@ 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 { PendingRequests } from './PendingRequests';
@@ -22,5 +23,5 @@ export function ManagePartnerships() {
                 loggedInUserRights.data.isPartner() && React.createElement(PendingRequests, 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(React.Fragment, null, "Todo: a modal to tell user only or admin customers can use the link"))))))));
+                    React.createElement(Route, { path: `/manage/partnerships/partnerlink/:linkHash?` }, loggedInUserRights.data.isCustomerOrgAdmin() ? (React.createElement(PartnershipsTermsModal, null)) : (React.createElement(NonOrgCustomerInfoModal, null))))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "1.0.301-beta.1",
+    "version": "1.0.301-beta.2",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -96,7 +96,7 @@
         "@patternfly/react-table": "4.111.33",
         "@rh-support/components": "1.2.141-beta.0",
         "@rh-support/configs": "1.0.0",
-        "@rh-support/react-context": "1.0.211-beta.0",
+        "@rh-support/react-context": "1.0.211-beta.2",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "1.0.111-beta.0",
         "@rh-support/utils": "1.0.91-beta.0",
@@ -109,5 +109,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "4a89373122f506bca4d7f913065e6d8d6ae4eb00"
+    "gitHead": "3dee06d1dca62fccc22a0f8488d151a9651366dc"
 }