@rh-support/manage 2.4.10-beta.6 → 2.5.0

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItemView.js

@@ -0,0 +1,179 @@
+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 { Button, DatePicker, Flex, FlexItem, FormGroup, TextInput, ValidatedOptions } from '@patternfly/react-core';
+import { TagsSelector, ToastNotification } from '@rh-support/components';
+import { getDrupalResIdIfTypeFromUrl, getText, isFutureDate, isValidDate, isValidUrl } from '@rh-support/utils';
+import { isEqual } from 'lodash';
+import differenceBy from 'lodash/differenceBy';
+import isEmpty from 'lodash/isEmpty';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { TagManagementStateContext } from '../../context/TagManagementContextProvider';
+import { getTopContentUrl } from '../../reducers/TopContentHelpers';
+import { getDocsFromUrl } from '../TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem';
+export default function ExpiredContentSingleItemView({ category, content, onCancel, onSave, onDelete, isSaving, isDeleting, }) {
+    var _a, _b;
+    const { t } = useTranslation();
+    const tagManagementEditState = useContext(TagManagementStateContext);
+    const { tags: tagOptions } = tagManagementEditState;
+    const ref = useRef(null);
+    const [isFetchingSolrSearch, setIsFetchingSolrSearch] = useState(false);
+    const [localContentUrl, setLocalContentUrl] = useState(content.contentUrl);
+    const [localContentTitle, setLocalContentTitle] = useState(content.contentTitle);
+    const [localSelectedTags, setLocalSelectedTags] = useState(content.tags || []);
+    const [localExpiryDate, setLocalExpiryDate] = useState((content === null || content === void 0 ? void 0 : content.expiryDate) || '');
+    const [shouldShowExpDateErr, setShouldShowExpDateErr] = useState(false);
+    const [datePickerFocused, setDatePickerFocused] = useState(false);
+    const [contentTitleIsValid, setContentTitleIsValid] = useState(true);
+    const [contentUrlIsValid, setContentUrlIsValid] = useState(true);
+    const oldTagsIds = useMemo(() => { var _a; return ((_a = content === null || content === void 0 ? void 0 : content.tags) === null || _a === void 0 ? void 0 : _a.map((t) => t.id)) || []; }, [content === null || content === void 0 ? void 0 : content.tags]);
+    const localTagsIds = useMemo(() => localSelectedTags === null || localSelectedTags === void 0 ? void 0 : localSelectedTags.map((t) => t.id), [localSelectedTags]);
+    const expiryDateErrMsg = isFutureDate(localExpiryDate) ? '' : t('Invalid expiry date');
+    const onSubmit = (e) => e.preventDefault();
+    const updateContentTitleFromUrl = (contentUrl) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
+        // throws toast warning and clears it after 4 seconds
+        const throwWarningMessage = () => {
+            const message = getText('Unable to automatically fetch title. Please enter manually');
+            ToastNotification.addWarningMessage(message, '', { autoClose: 4000 });
+        };
+        try {
+            const nodeId = getDrupalResIdIfTypeFromUrl(contentUrl);
+            if (!nodeId)
+                return;
+            const docs = yield getDocsFromUrl(contentUrl);
+            const contentTitle = ((_a = docs[0]) === null || _a === void 0 ? void 0 : _a.publishedTitle) || ((_b = docs[0]) === null || _b === void 0 ? void 0 : _b.allTitle);
+            if (docs.length > 0 && docs[0].id === nodeId + '' && contentTitle) {
+                setLocalContentTitle(contentTitle);
+                setContentTitleIsValid(true);
+            }
+            else {
+                throwWarningMessage();
+            }
+        }
+        catch (e) {
+            throwWarningMessage();
+        }
+    });
+    const onLocalContentUrlChange = () => __awaiter(this, void 0, void 0, function* () {
+        if (localContentUrl === content.contentUrl)
+            return;
+        setIsFetchingSolrSearch(true);
+        yield updateContentTitleFromUrl(localContentUrl);
+        setIsFetchingSolrSearch(false);
+    });
+    const checkDuplicateUrls = (url) => {
+        //
+        onLocalContentUrlChange();
+    };
+    const onContentUrlChange = (contentUrl, event) => __awaiter(this, void 0, void 0, function* () {
+        setContentUrlIsValid(isValidUrl(contentUrl));
+        checkDuplicateUrls(contentUrl);
+        setLocalContentUrl(contentUrl);
+    });
+    const onContentTitleChange = (contentTitle, event) => {
+        const contentTitleIsValid = event.target.validity.valid;
+        setContentTitleIsValid(contentTitleIsValid);
+        setLocalContentTitle(contentTitle);
+    };
+    const handleLocalTagChange = (tags) => {
+        setLocalSelectedTags(tags);
+    };
+    const onExpiryDateChange = (event, str, date) => {
+        setLocalExpiryDate(str);
+    };
+    const expiryDateValidator = (date) => {
+        const today = new Date();
+        if (date < today)
+            return t('Invalid expiry date');
+        return '';
+    };
+    const onContentSave = () => {
+        const newTags = differenceBy(localTagsIds, oldTagsIds);
+        const deletedTags = differenceBy(oldTagsIds, localTagsIds);
+        const updatedContent = Object.assign(Object.assign({}, content), { contentTitle: localContentTitle, contentUrl: localContentUrl, tagList: newTags, tags: localSelectedTags.map((t) => ({ id: t.id, tagName: t.tagName })), expiryDate: localExpiryDate });
+        onSave(updatedContent, deletedTags);
+    };
+    const doesInputHasSpaces = isEmpty(localContentTitle.trim());
+    const isSaveButtonDisabled = doesInputHasSpaces ||
+        !(contentTitleIsValid &&
+            contentUrlIsValid &&
+            localContentTitle &&
+            localContentUrl &&
+            ((isValidDate(localExpiryDate) && isEmpty(expiryDateValidator(new Date(localExpiryDate)))) ||
+                (isEmpty(localExpiryDate) && isEmpty((_a = content.expiryDate) !== null && _a !== void 0 ? _a : '')))) ||
+        (localContentUrl === content.contentUrl &&
+            localContentTitle === content.contentTitle &&
+            isEqual(localTagsIds, oldTagsIds) &&
+            isEqual(localExpiryDate.split('T')[0], ((_b = content.expiryDate) === null || _b === void 0 ? void 0 : _b.split('T')[0]) || ''));
+    useEffect(() => {
+        var _a, _b;
+        const datePickerElement = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.querySelector('#content-expiry-date input');
+        const tagsSelectorElement = (_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.querySelector('#expired-content-tag');
+        const handleFocusOnDatePicker = () => {
+            setDatePickerFocused(true);
+        };
+        const handleTagSelectorClick = () => {
+            !shouldShowExpDateErr && setShouldShowExpDateErr(true);
+        };
+        if (datePickerElement) {
+            datePickerElement.addEventListener('focusin', handleFocusOnDatePicker);
+        }
+        if (tagsSelectorElement) {
+            tagsSelectorElement.addEventListener('click', handleTagSelectorClick);
+        }
+        return () => {
+            if (datePickerElement) {
+                datePickerElement.removeEventListener('focusin', handleFocusOnDatePicker);
+            }
+            if (tagsSelectorElement) {
+                tagsSelectorElement.removeEventListener('click', handleTagSelectorClick);
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "card card-light push-bottom", ref: ref },
+        React.createElement("div", { className: "form-group" },
+            React.createElement("label", { htmlFor: localContentTitle },
+                "Heading",
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+            React.createElement(TextInput, { isRequired: true, type: "text", maxLength: 254, required: true, value: localContentTitle, isDisabled: isFetchingSolrSearch, "aria-label": t('Copy and paste the heading for consistency'), placeholder: t('Copy and paste the heading for consistency'), onFocus: () => setShouldShowExpDateErr(true), onChange: (e, v) => {
+                    onContentTitleChange(v, e);
+                    !shouldShowExpDateErr && setShouldShowExpDateErr(true);
+                }, validated: contentTitleIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
+        React.createElement("div", { className: "form-group" },
+            React.createElement("label", { htmlFor: localContentUrl },
+                "Link to content",
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+            React.createElement(TextInput, { type: "url", maxLength: 254, isRequired: true, pattern: "^(http(s)?:\\/\\/)+[\\w\\-\\._~:\\/?#[\\]@!\\$&'\\(\\)\\*\\+,;=.]+$", value: getTopContentUrl(localContentUrl), "aria-label": t('Entering a solution or article link first will automatically generate the heading for you'), placeholder: t('Entering a solution or article link first will automatically generate the heading for you'), onFocus: () => setShouldShowExpDateErr(true), onChange: (evt, val) => {
+                    onContentUrlChange(val, evt);
+                    !shouldShowExpDateErr && setShouldShowExpDateErr(true);
+                }, validated: contentUrlIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
+        React.createElement(Flex, { className: "pf-v5-u-my-lg" },
+            React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                React.createElement(FormGroup, { label: t('Tags') },
+                    React.createElement("div", { className: "pf-v5-c-form-control" },
+                        React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "expired-content-tag" })))),
+            React.createElement(FlexItem, null,
+                React.createElement(FormGroup, { label: t('Expiry date') },
+                    React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format') }),
+                    shouldShowExpDateErr && !datePickerFocused && (React.createElement("p", { className: "form-instructions form-invalid pf-v5-u-font-size-sm pf-v5-u-danger-color-200 pf-v5-u-my-0" }, expiryDateErrMsg))))),
+        React.createElement("span", { className: "top-content-single-item-footer" },
+            React.createElement("span", null,
+                React.createElement(Button, { variant: "primary", onClick: onContentSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },
+                    React.createElement(Trans, null, "Save")),
+                ' ',
+                React.createElement(Button, { variant: "tertiary", onClick: onCancel, "data-tracking-id": "cancel-button-top-content" },
+                    React.createElement(Trans, null, "Cancel"))),
+            React.createElement("span", { className: "content-actions" },
+                React.createElement(Button, { variant: "danger", "aria-label": t('Delete content'), onClick: onDelete, isDisabled: isDeleting }, "Delete")))));
+}

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

@@ -0,0 +1,2 @@
+export { ExpiredContentManagement } from './ExpiredContentManagement';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -0,0 +1 @@
+export { ExpiredContentManagement } from './ExpiredContentManagement';

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

@@ -1,2 +1,3 @@
-export declare const NonOrgCustomerInfoModal: () => JSX.Element;
+import React from 'react';
+export declare const NonOrgCustomerInfoModal: () => React.JSX.Element;
 //# sourceMappingURL=NonOrgCustomerInfoModal.d.ts.map

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

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

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

@@ -1,2 +1,3 @@
-export declare function PartnershipsList(): JSX.Element;
+import React from 'react';
+export declare function PartnershipsList(): React.JSX.Element;
 //# sourceMappingURL=PartnershipsList.d.ts.map

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":"AA4BA,wBAAgB,gBAAgB,gBAmO/B"}
+{"version":3,"file":"PartnershipsList.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/PartnershipsList.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,wBAAgB,gBAAgB,sBAmO/B"}

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

@@ -115,7 +115,7 @@ export function PartnershipsList() {
                 React.createElement(LoadingIndicator, { isInline: true, show: isDeleting && data.accountNum === isDeletingAccountNum, size: "xs" }))),
         },
     ];
-    const requestCollaborationButton = () => (React.createElement("div", { className: "toolbar-right pf-u-mt-xs" },
+    const requestCollaborationButton = () => (React.createElement("div", { className: "toolbar-right pf-v5-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
@@ -174,8 +174,8 @@ export function PartnershipsList() {
         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(SearchInput, { className: "pf-v5-u-flex-grow-1 pf-v5-c-search-input pf-v5-u-background-color-100 pf-v5-u-mr-lg", id: "search-partnerships", placeholder: t('Search for an existing partnership'), value: searchString, onChange: (_event, value) => setSearchString(value), onClear: () => setSearchString(''), "aria-label": t('Search for an existing partnership') })),
+            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

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

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

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

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

@@ -39,6 +39,15 @@ export const PartnershipsTermsModal = () => {
     const onClose = () => {
         if (isUpdating)
             return;
+        if (ackChoice === 'accept' || ackChoice === 'decline') {
+            const navigationObj = {
+                pathname: '/manage/partnerships',
+                search: '',
+            };
+            history.replace(navigationObj);
+        }
+        ackChoice === 'decline' &&
+            ToastNotification.addDangerMessage(t('You have declined a partner collaboration request'));
         setIsTermsModalOpen(false);
         setIsTermsVisited(false);
         setAckChoice(undefined);
@@ -57,40 +66,56 @@ export const PartnershipsTermsModal = () => {
             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."));
-                setIsTermsVisited(true);
+                setIsVerifyingLink(false);
                 setVerificationFailMessage(errorMessage);
             }
         });
         const termAck = (ackResponse) => __awaiter(void 0, void 0, void 0, function* () {
             setIsUpdating(true);
             setAckChoice(ackResponse);
+            setIsTermsModalOpen(false);
             try {
                 yield pcm.partnerships.partnerLinkAckResponse(linkHash, ackResponse);
                 setIsUpdating(false);
                 setIsUpdatingAccounts(dispatch, true);
+                setIsTermsVisited(true);
+                setIsTermsModalOpen(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) },
+                const errorDetail = e.detailMessage || '';
+                const errorBody = errorDetail ? (errorDetail) : (React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => setIsTermsModalOpen(true) },
                     React.createElement(Trans, null, "Try again")));
+                ToastNotification.addDangerMessage(ackResponse === 'accept' ? t('Failed to add partnership.') : t('Failed to decline partnership.'), errorBody);
                 setIsUpdating(false);
+                setIsTermsVisited(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;
-            setAckChoice(choice);
-            termAck(choice);
-            setIsTermsVisited(true);
-        }
+        const showModal = () => __awaiter(void 0, void 0, void 0, function* () {
+            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) {
+                // user visited terms and conditions page and declined/accepted the terms then redirected to pcm
+                const choice = !!decisionAccepted ? 'accept' : !!decisionDeclined ? 'decline' : undefined;
+                setAckChoice(choice);
+                yield termAck(choice);
+            }
+            else {
+                // verify if link before sending user to terms page to check if link is a valid link and not already used
+                verifyLink();
+            }
+        });
+        showModal();
         // 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: !isTermVisited
+    const modalContentWhenTermIsVisited = () => isUpdating ? (React.createElement(LoadingIndicator, { show: true, size: "lg" })) : ackChoice === 'accept' ? (React.createElement(Trans, null, "Your partnership link is created successfully")) : ackChoice === 'decline' ? (React.createElement(Trans, null, "You have not accepted terms and conditions")) : (React.createElement(React.Fragment, null));
+    const modalContentBeforeTermVisited = () => isVerifyingLink ? (React.createElement("p", { className: "pf-v5-u-mt-xs" },
+        React.createElement(LoadingDots, { show: true, message: t('Verifying partner link') }))) : verificationFailMessage ? (React.createElement("p", { className: "pf-v5-u-mt-xs pf-v5-u-danger-color-100" }, verificationFailMessage)) : (React.createElement(React.Fragment, null,
+        React.createElement("p", null,
+            React.createElement(Trans, 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-v5-u-mt-lg" },
+            React.createElement(Text, { component: TextVariants.h3 }, linkAccountName))));
+    return (React.createElement(Modal, { id: "partnership-terms-and-conditions-modal", className: "pf-modal-overflow-visible", title: t('Confirm partnership collaboration'), isOpen: isTermsModalOpen, onClose: onClose, showClose: true, onEscapePress: onClose, variant: ModalVariant.large, actions: !isTermVisited && !verificationFailMessage
             ? [
                 React.createElement(Button, { href: getTnCUrl(), component: "a", variant: ButtonVariant.primary, key: "go-to-agreement", "data-tracking-id": "go-to-agreement" },
                     React.createElement(ExternalLinkAltIcon, null),
@@ -104,9 +129,5 @@ export const PartnershipsTermsModal = () => {
                 React.createElement(Button, { key: "close-after-link-created", "data-tracking-id": "close-after-link-created", variant: ButtonVariant.primary, 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")))));
+        React.createElement(React.Fragment, null, isTermVisited ? modalContentWhenTermIsVisited() : modalContentBeforeTermVisited())));
 };

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

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

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":"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,gBAmOtD,CAAC"}
+{"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,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,sBAqOtD,CAAC"}

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

@@ -8,10 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 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 { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
 import { ToastNotification, useCopyToClipboard } from '@rh-support/components';
-import { isEmpty } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import React, { useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useManagePartnershipsDispatchContext } from '../../context/ManagePartnershipsProvider';
@@ -33,7 +32,7 @@ export const RequestCollaborationModal = (props) => {
     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) => {
+    const handleLinkNameChange = (_event, link) => {
         setLocalLinkName(link);
         setFriendlyName(link);
         setIsDuplicateLinkName(false);
@@ -72,7 +71,7 @@ export const RequestCollaborationModal = (props) => {
         }
     };
     const onNext = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
+        var _a;
         setNextButtonIsClicked(true);
         if (!isRequestingAgain && isEmpty(friendlyName.trim())) {
             setValidated('error');
@@ -81,7 +80,7 @@ export const RequestCollaborationModal = (props) => {
         setIsFetching(true);
         try {
             let url;
-            if ((_b = props.sendReqAgainFriendlyName) === null || _b === void 0 ? void 0 : _b.trim()) {
+            if ((_a = props.sendReqAgainFriendlyName) === null || _a === void 0 ? void 0 : _a.trim()) {
                 url = yield pcm.partnerships.requestAgainLink(props.sendReqAgainFriendlyName.trim());
             }
             else if (!isEmpty(friendlyName.trim())) {
@@ -129,13 +128,16 @@ export const RequestCollaborationModal = (props) => {
         ] },
         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(Form, { className: "pf-v5-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(FormGroup, { label: t('Name your link'), type: "string", fieldId: partnershipLinkId, isRequired: true },
+                            React.createElement(FormHelperText, null,
+                                React.createElement(HelperText, null, validated !== 'error' ? (React.createElement(HelperTextItem, null,
+                                    React.createElement(Trans, null, "Please enter a name for your request"))) : (React.createElement(HelperTextItem, { variant: "error", hasIcon: true },
+                                    React.createElement(Trans, null, isDuplicateLinkName
+                                        ? t('Link name already used. Please enter a unique name')
+                                        : t('Please enter a name for your request')))))),
                             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 || isRequestingAgain }))))),
             showDone && (React.createElement(React.Fragment, null, !isRequestingAgain ? (React.createElement(React.Fragment, null,
                 React.createElement("h4", null,
@@ -144,8 +146,8 @@ 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, "data-tracking-id": "request-collaboration-link-copy-button" }))),
-                React.createElement("p", { className: !isCopyClicked && isDoneClicked ? 'pf-u-danger-color-100' : '' },
+                        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", type: "button" }))),
+                React.createElement("p", { className: !isCopyClicked && isDoneClicked ? 'pf-v5-u-danger-color-100' : '' },
                     React.createElement(Trans, null,
                         ' ',
                         "Please ",

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Requests.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/Requests.tsx"],"names":[],"mappings":"AA8BA,eAAO,MAAM,WAAW,SAAU,MAAM,WAMvC,CAAC;AACF,wBAAgB,QAAQ,gBAiPvB"}
+{"version":3,"file":"Requests.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/Requests.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,eAAO,MAAM,WAAW,SAAU,MAAM,WAMvC,CAAC;AACF,wBAAgB,QAAQ,sBAgRvB"}

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

@@ -15,7 +15,7 @@ import { UserPreferencesKeys, useUserPreferences } from '@rh-support/react-conte
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router';
+import { useLocation } from 'react-router-dom';
 import { useManagePartnershipsContext, useManagePartnershipsDispatchContext, } from '../../context/ManagePartnershipsProvider';
 import { setIsUpdatingRequests } from '../../reducers/ManagePartnershipsReducer';
 import { ManageTable } from '../ManageTable';
@@ -129,7 +129,7 @@ export function Requests() {
                 ]
                 : []),
             {
-                title: (React.createElement("div", { className: "pf-u-danger-color-200" },
+                title: (React.createElement("div", { className: "pf-v5-u-danger-color-200" },
                     React.createElement(Trans, null, "Delete"))),
                 onClick: () => deleteRequest(friendlyName),
                 itemKey: 'delete-request',
@@ -160,6 +160,23 @@ export function Requests() {
                 // silently fails
             }
         };
+        // when a customer rejects a link, as soon as partner visits
+        // the partnership page, a pop-up should show up and inform
+        // partner that customer has rejected the link
+        // to achieve this, we always save the last rejected link
+        // friendly name that is unique in user preferences data
+        const displayLinkIsRejectedPopUp = (currentLatestRejectedFriendlyName) => {
+            const lastSavedAcceptedFriendlyName = JSON.parse(getPreferenceByKey(UserPreferencesKeys.partnershipLastestRejectedLink));
+            if (lastSavedAcceptedFriendlyName === currentLatestRejectedFriendlyName)
+                return;
+            try {
+                updatePreferences(UserPreferencesKeys.partnershipLastestRejectedLink, JSON.stringify(currentLatestRejectedFriendlyName));
+                ToastNotification.addDangerMessage(t('Request rejected'), t('A customer has rejected your collaboration. Find them in the table below.'));
+            }
+            catch (e) {
+                // silently fails
+            }
+        };
         const getStatuses = () => __awaiter(this, void 0, void 0, function* () {
             setIsFetchingStatuses(true);
             try {
@@ -172,6 +189,9 @@ export function Requests() {
                 const lastStatusesAccepted = yield pcm.partnerships.getPartnerLinksStatuses(1, 1, ['accepted']);
                 if (lastStatusesAccepted && lastStatusesAccepted[0])
                     displayLinkIsVerifiedPopUp(lastStatusesAccepted[0].friendlyName);
+                const lastStatusesRejected = yield pcm.partnerships.getPartnerLinksStatuses(1, 1, ['declined']);
+                if (lastStatusesRejected && lastStatusesRejected[0])
+                    displayLinkIsRejectedPopUp(lastStatusesRejected[0].friendlyName);
                 setIsFetchingStatuses(false);
             }
             catch (e) {
@@ -190,14 +210,14 @@ export function Requests() {
                 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("label", { className: "pf-v5-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)))))),
+                                isFetchingStatuses ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm", className: "pf-v5-u-mx-sm" })) : (React.createElement(Badge, { className: "pf-v5-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" },
+                            : null, perPage: 5 })) : (React.createElement("p", { className: "pf-v5-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

@@ -1,2 +1,3 @@
-export declare function ManagePartnerships(): JSX.Element;
+import React from 'react';
+export declare function ManagePartnerships(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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":"AAYA,wBAAgB,kBAAkB,gBAsCjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,wBAAgB,kBAAkB,sBAkCjC"}

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

@@ -12,13 +12,14 @@ 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("header", { className: "pf-v5-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 partnerships and manage your collaboration requests")) : (React.createElement(Trans, null, "Confirm, filter, or remove partnerships and manage collaboration requests.")))),
+            React.createElement("p", null,
+                React.createElement(Trans, null, "Add, edit, or remove partnerships and manage your 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(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/ManagePreferences/ManagePreferences.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function ManagePreferences(props: IProps): JSX.Element;
+export declare function ManagePreferences(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ManagePreferences.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ManagePreferences.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/ManagePreferences.tsx"],"names":[],"mappings":"AAIA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,eAM9C"}
+{"version":3,"file":"ManagePreferences.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/ManagePreferences.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,MAAM;CAAG;AAEnB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBAE9C"}

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Preferences } from './Preferences';
 export function ManagePreferences(props) {
-    return (React.createElement("section", { id: "manage-preferences" },
-        React.createElement(Preferences, null)));
+    return React.createElement(Preferences, null);
 }

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

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function Preferences(props: IProps): JSX.Element;
+export declare function Preferences(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Preferences.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Preferences.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/Preferences.tsx"],"names":[],"mappings":"AAIA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAOxC"}
+{"version":3,"file":"Preferences.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/Preferences.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,MAAM;CAAG;AAEnB,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAOxC"}

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

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function PreferencesBody(props: IProps): JSX.Element;
+export declare function PreferencesBody(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PreferencesBody.d.ts.map