@rh-support/manage 2.6.1 → 2.6.10

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, DatePicker, Flex, FlexItem, FormGroup, TextInput, ValidatedOptions } from '@patternfly/react-core';
+import { Button, Card, CardBody, DatePicker, Flex, FlexItem, FormGroup, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import { TagsSelector, ToastNotification } from '@rh-support/components';
 import { getDrupalResIdIfTypeFromUrl, getText, isValidDate, isValidUrl } from '@rh-support/utils';
 import { isEqual } from 'lodash';
@@ -24,6 +24,7 @@ export default function ExpiredContentSingleItemView({ category, content, onCanc
     const tagManagementEditState = useContext(TagManagementStateContext);
     const { tags: tagOptions } = tagManagementEditState;
     const ref = useRef(null);
+    const datePickerMenuAppendRef = useRef(null);
     const [isFetchingSolrSearch, setIsFetchingSolrSearch] = useState(false);
     const [localContentUrl, setLocalContentUrl] = useState(content.contentUrl);
     const [localContentTitle, setLocalContentTitle] = useState(content.contentTitle);
@@ -110,38 +111,45 @@ export default function ExpiredContentSingleItemView({ category, content, onCanc
             localContentTitle === content.contentTitle &&
             isEqual(localTagsIds, oldTagsIds) &&
             isEqual(localExpiryDate.split('T')[0], ((_b = content.expiryDate) === null || _b === void 0 ? void 0 : _b.split('T')[0]) || ''));
-    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'), onChange: (e, v) => {
-                    onContentTitleChange(v, e);
-                }, 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'), onChange: (evt, val) => {
-                    onContentUrlChange(val, evt);
-                }, 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') })))),
-        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")))));
+    return (React.createElement(Card, { variant: "secondary", className: "pf-v6-u-mb-md" },
+        React.createElement(CardBody, null,
+            React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "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'), onChange: (e, v) => {
+                            onContentTitleChange(v, e);
+                        }, 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'), onChange: (evt, val) => {
+                            onContentUrlChange(val, evt);
+                        }, validated: contentUrlIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
+                React.createElement(Flex, { className: "pf-v6-u-my-lg" },
+                    React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                        React.createElement(FormGroup, { label: t('Tags') },
+                            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, { ref: datePickerMenuAppendRef, 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'), popoverProps: {
+                                    position: 'left',
+                                    hasAutoWidth: true,
+                                    maxWidth: '22rem',
+                                    minWidth: '22rem',
+                                    appendTo: () => document.body,
+                                } })))),
+                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/ManagePartnerships/NonOrgCustomerInfoModal.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"NonOrgCustomerInfoModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/NonOrgCustomerInfoModal.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,uBAAuB,yBA2BnC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { Button, ButtonVariant, Modal, ModalVariant } from '@patternfly/react-core';
+import { Button, ButtonVariant, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 export const NonOrgCustomerInfoModal = () => {
@@ -7,9 +7,12 @@ export const NonOrgCustomerInfoModal = () => {
     const handleModalToggle = () => {
         setIsModalOpen(!isModalOpen);
     };
-    return (React.createElement(Modal, { variant: ModalVariant.small, title: t('Confirm partnership collaboration'), isOpen: isModalOpen, onClose: handleModalToggle, actions: [
+    return (React.createElement(Modal, { variant: ModalVariant.small, isOpen: isModalOpen, onClose: handleModalToggle },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Confirm partnership collaboration'))),
+        React.createElement(ModalBody, null,
+            React.createElement(Trans, null, "Only org admin customers can confirm partnership collaboration.")),
+        React.createElement(ModalFooter, null,
             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.")));
+                React.createElement(Trans, null, "Cancel")))));
 };

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

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

@@ -11,7 +11,7 @@ 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 { fetchAccountManagers, fetchManagedAccounts, GlobalMetadataDispatchContext, updateAccountManagers, updateManagedAccounts, useGlobalStateContext, } from '@rh-support/react-context';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useLocation } from 'react-router-dom';
@@ -43,18 +43,23 @@ export function PartnershipsList() {
                 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) {
+                    setIsdeletingAccountNum(`${data.accountNum}-customer`);
                     yield pcm.partnerships.deleteCustomerAccountByPartner(data.accountNum);
+                    updateManagedAccounts(dispatchToGlobalMetadataReducer, [
+                        ...managedAccounts.data.filter((i) => i.accountNum !== data.accountNum),
+                    ]);
                 }
                 else {
+                    setIsdeletingAccountNum(`${data.accountNum}-partner`);
                     yield pcm.partnerships.deletePartnerAccountByCustomer(data.accountNum);
+                    updateAccountManagers(dispatchToGlobalMetadataReducer, [
+                        ...accountManagers.data.filter((i) => i.accountNum !== data.accountNum),
+                    ]);
                 }
-                setAccountList(accountList.filter((a) => a.accountNum !== data.accountNum));
                 ToastNotification.addSuccessMessage(t('Partnership removed successfully'));
                 setIsdeleting(false);
                 setIsdeletingAccountNum('');
@@ -101,7 +106,7 @@ export function PartnershipsList() {
         {
             id: 'customer-partnership-access-level',
             title: t('Default access level'),
-            sortable: false,
+            sortable: true,
             cellWidth: 30,
             cell: (data) => data.partnerCaseAccess,
         },
@@ -110,12 +115,14 @@ export function PartnershipsList() {
             title: ' ',
             sortable: false,
             cellWidth: 10,
-            cell: (data) => (React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": t('Remove partnership'), "data-tracking-id": "remove-partnership", onClick: () => removePartnership(data) },
-                React.createElement(TrashIcon, null),
-                React.createElement(LoadingIndicator, { isInline: true, show: isDeleting && data.accountNum === isDeletingAccountNum, size: "xs" }))),
+            cell: (data) => (React.createElement(Button, { icon: React.createElement(React.Fragment, null,
+                    React.createElement(TrashIcon, null),
+                    React.createElement(LoadingIndicator, { isInline: true, show: isDeleting &&
+                            `${data.accountNum}-${data.isCustomerAccount ? 'customer' : 'partner'}` ===
+                                isDeletingAccountNum, size: "xs" })), variant: ButtonVariant.plain, "aria-label": t('Remove partnership'), "data-tracking-id": "remove-partnership", onClick: () => removePartnership(data) })),
         },
     ];
-    const requestCollaborationButton = () => (React.createElement("div", { className: "toolbar-right pf-v5-u-mt-xs" },
+    const requestCollaborationButton = () => (React.createElement("div", null,
         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
@@ -171,10 +178,10 @@ export function PartnershipsList() {
         // 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("div", { className: "toolbar secondary-toolbar pf-v6-u-display-flex" },
+            React.createElement("div", { className: "toolbar-left pf-v6-u-mr-md" },
                 React.createElement("label", { htmlFor: "search-partnerships" }, "Filter by"),
-                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') })),
+                React.createElement(SearchInput, { className: "pf-v6-u-flex-grow-1 pf-v6-c-search-input pf-v6-u-background-color-100", 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: () => {

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":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,wBAAgB,SAAS,WAMxB;AAID,eAAO,MAAM,sBAAsB,yBAqMlC,CAAC"}
+{"version":3,"file":"PartnershipsTermsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/PartnershipsTermsModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,wBAAgB,SAAS,WAMxB;AAID,eAAO,MAAM,sBAAsB,yBAsMlC,CAAC"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Modal, ModalVariant, Text, TextContent, TextVariants } from '@patternfly/react-core';
+import { Button, ButtonVariant, Content, ContentVariants, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import { LoadingDots, LoadingIndicator, ToastNotification } from '@rh-support/components';
 import { baseTnCUrl, TncConstants } from '@rh-support/utils';
@@ -109,25 +109,22 @@ export const PartnershipsTermsModal = () => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [linkHash]);
     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,
+    const modalContentBeforeTermVisited = () => isVerifyingLink ? (React.createElement("p", { className: "pf-v6-u-mt-xs" },
+        React.createElement(LoadingDots, { show: true, message: t('Verifying partner link') }))) : verificationFailMessage ? (React.createElement("p", { className: "pf-v6-u-mt-xs pf-v6-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),
-                    '  ',
-                    " ",
-                    React.createElement(Trans, null, "Go to Agreement")),
-                React.createElement(Button, { key: "close-new-partnership-modal", "data-tracking-id": "close-new-partnership-modal", variant: ButtonVariant.secondary, onClick: () => onClose() },
-                    React.createElement(Trans, null, "Close")),
-            ]
-            : [
-                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, isTermVisited ? modalContentWhenTermIsVisited() : modalContentBeforeTermVisited())));
+        React.createElement(Content, { className: "pf-v6-u-mt-lg" },
+            React.createElement(Content, { component: ContentVariants.h3 }, linkAccountName))));
+    return (React.createElement(Modal, { id: "partnership-terms-and-conditions-modal", className: "pf-modal-overflow-visible", isOpen: isTermsModalOpen, onClose: onClose, onEscapePress: onClose, variant: ModalVariant.large },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Confirm partnership collaboration'))),
+        React.createElement(ModalBody, null, isTermVisited ? modalContentWhenTermIsVisited() : modalContentBeforeTermVisited()),
+        React.createElement(ModalFooter, null, !isTermVisited && !verificationFailMessage ? (React.createElement(React.Fragment, null,
+            React.createElement(Button, { icon: React.createElement(ExternalLinkAltIcon, null), href: getTnCUrl(), component: "a", variant: ButtonVariant.primary, key: "go-to-agreement", "data-tracking-id": "go-to-agreement" },
+                '  ',
+                " ",
+                React.createElement(Trans, null, "Go to Agreement")),
+            React.createElement(Button, { key: "close-new-partnership-modal", "data-tracking-id": "close-new-partnership-modal", variant: ButtonVariant.secondary, onClick: () => onClose() },
+                React.createElement(Trans, null, "Close")))) : (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"))))));
 };

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":"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"}
+{"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACrC;AAID,eAAO,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBA8QtD,CAAC"}

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

@@ -8,11 +8,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
+import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
 import { ToastNotification, useCopyToClipboard } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import React, { useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { PARTNERSHIP_LINK_LIMIT, PARTNERSHIP_LINK_LIMIT_EXCEED_ERROR } from '../../constants/PartnershipLink';
 import { useManagePartnershipsDispatchContext } from '../../context/ManagePartnershipsProvider';
 import { setIsUpdatingRequests } from '../../reducers/ManagePartnershipsReducer';
 export const RequestCollaborationModal = (props) => {
@@ -36,13 +38,16 @@ export const RequestCollaborationModal = (props) => {
         setLocalLinkName(link);
         setFriendlyName(link);
         setIsDuplicateLinkName(false);
-        if (isEmpty(link.trim()) && nextButtonIsClicked) {
+        if ((isEmpty(link.trim()) && nextButtonIsClicked) || isInvalidPartnershipLink(link)) {
             setValidated('error');
         }
         else {
             setValidated('success');
         }
     };
+    const isInvalidPartnershipLink = (link) => {
+        return link.length > PARTNERSHIP_LINK_LIMIT;
+    };
     const handleKeyDown = (e) => __awaiter(void 0, void 0, void 0, function* () {
         if (validated !== 'error' && e.keyCode === 13) {
             onNext && onNext();
@@ -115,42 +120,49 @@ export const RequestCollaborationModal = (props) => {
         setIsCopyClicked(true);
     };
     const partnershipLinkId = 'partnership-link-id';
-    return (React.createElement(Modal, { id: "request-collaboration-modal", className: "pf-modal-overflow-visible", title: isRequestingAgain ? 'Request collaboration again' : 'Request collaboration', isOpen: props.isOpen, onClose: onClose, showClose: true, onEscapePress: onClose, variant: ModalVariant.large, actions: [
-            ...(showDone
-                ? [
-                    React.createElement(Button, { key: "done", variant: ButtonVariant.primary, onClick: onDone, isDisabled: validated === 'error' || (!isRequestingAgain && !isCopyClicked && isDoneClicked), "data-tracking-id": "request-collaboration-done-button" },
-                        React.createElement(Trans, null, "Done")),
-                ]
-                : [
-                    React.createElement(Button, { key: "next", variant: ButtonVariant.primary, onClick: onNext, isDisabled: validated === 'error' || isFetching, isLoading: isFetching },
-                        React.createElement(Trans, null, "Next")),
-                ]),
-        ] },
-        React.createElement(React.Fragment, null,
+    return (React.createElement(Modal, { id: "request-collaboration-modal", className: "pf-modal-overflow-visible", isOpen: props.isOpen, onClose: onClose, onEscapePress: onClose, variant: ModalVariant.large },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, isRequestingAgain ? t('Request collaboration again') : t('Request collaboration'))),
+        React.createElement(ModalBody, 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-v5-u-my-md" },
-                React.createElement(Grid, { sm: 12, md: 6, lg: 6 },
+            React.createElement(Form, { className: "pf-v6-u-mt-md" },
+                React.createElement(Grid, { sm: 12, md: 12, lg: 12 },
                     React.createElement(GridItem, null,
-                        React.createElement(FormGroup, { label: t('Name your link'), type: "string", fieldId: partnershipLinkId, isRequired: true },
+                        React.createElement(FormGroup, { label: React.createElement(React.Fragment, null,
+                                t('Name your link'),
+                                React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")), labelInfo: React.createElement("span", { className: isInvalidPartnershipLink(friendlyName)
+                                    ? 'pf-v6-u-text-color-status-danger'
+                                    : '' },
+                                friendlyName.length,
+                                "/",
+                                PARTNERSHIP_LINK_LIMIT), type: "string", fieldId: partnershipLinkId },
+                            React.createElement(TextInput, { isRequired: true, className: showDone || isRequestingAgain ? 'request-collaboration-input' : '', value: localLinkName || props.sendReqAgainFriendlyName, id: partnershipLinkId, "aria-describedby": "age-1-helper", onChange: handleLinkNameChange, onKeyDown: handleKeyDown, placeholder: t('e.g. Customer name'), isDisabled: showDone || isRequestingAgain, validated: isInvalidPartnershipLink(friendlyName) ? 'error' : 'default' }),
                             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, "Please enter a name for your request"))) : (React.createElement(HelperTextItem, { variant: "error" },
                                     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 }))))),
+                                        : isInvalidPartnershipLink(friendlyName)
+                                            ? PARTNERSHIP_LINK_LIMIT_EXCEED_ERROR
+                                            : t('Please enter a name for your request')))))))))),
             showDone && (React.createElement(React.Fragment, null, !isRequestingAgain ? (React.createElement(React.Fragment, null,
-                React.createElement("h4", null,
+                React.createElement("h4", { className: "label-text-size" },
                     React.createElement("strong", null, "Copy and send")),
                 React.createElement("div", { className: "clipboard-wrapper" },
-                    React.createElement("div", { className: "clip-content-wrapper code-block" },
-                        React.createElement("code", { ref: clipboardRef }, generatedUrl)),
+                    React.createElement(TextInput, { isDisabled: true, className: "request-collaboration-input", ref: clipboardRef, value: 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", type: "button" }))),
-                React.createElement("p", { className: !isCopyClicked && isDoneClicked ? 'pf-v5-u-danger-color-100' : '' },
+                        React.createElement(Button, { className: "pf-v6-u-ml-sm copy-button", variant: "control", "aria-label": "Copy", icon: React.createElement(CopyIcon, null), "aria-hidden": "true", onClick: onClickOnCopyToClipboardButton, "data-tracking-id": "request-collaboration-link-copy-button", type: "button" }))),
+                React.createElement("div", { className: !isCopyClicked && isDoneClicked
+                        ? 'pf-v6-u-text-color-status-danger helper-text-size'
+                        : 'helper-text-size' },
                     React.createElement(Trans, null,
-                        ' ',
                         "Please ",
                         React.createElement("strong", null, "copy and send"),
-                        " this unique link to your customer for approval.")))) : (React.createElement(Trans, null, "Partnership request expiration date is extended.")))))));
+                        " this unique link to your customer for approval.")))) : (React.createElement(Trans, null, "Partnership request expiration date is extended."))))),
+        React.createElement(ModalFooter, null,
+            showDone ? (React.createElement(Button, { key: "done", variant: ButtonVariant.primary, onClick: onDone, isDisabled: validated === 'error' || (!isRequestingAgain && !isCopyClicked && isDoneClicked), "data-tracking-id": "request-collaboration-done-button" },
+                React.createElement(Trans, null, "Done"))) : (React.createElement(Button, { key: "next", variant: ButtonVariant.primary, onClick: onNext, isDisabled: validated === 'error' || isFetching, isLoading: isFetching },
+                React.createElement(Trans, null, "Next"))),
+            !showDone && (React.createElement(Button, { key: "cancel", variant: ButtonVariant.link, onClick: onClose, isDisabled: isFetching },
+                React.createElement(Trans, null, "Cancel"))))));
 };

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

@@ -1,4 +1,5 @@
 import React from 'react';
 export declare const daysFromNow: (date: string) => number;
+export declare const truncateText: (text: string, maxLength?: number) => string;
 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":"AAiBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,eAAO,MAAM,WAAW,SAAU,MAAM,WAMvC,CAAC;AACF,wBAAgB,QAAQ,sBAgRvB"}
+{"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,GAAI,MAAM,MAAM,WAMvC,CAAC;AAGF,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,YAAW,MAAW,WAKhE,CAAC;AAEF,wBAAgB,QAAQ,sBAqRvB"}

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

@@ -28,6 +28,13 @@ export const daysFromNow = (date) => {
     let TotalDays = Math.ceil(difference / (1000 * 3600 * 24));
     return TotalDays;
 };
+// truncates text after specified character limit and adds ellipsis
+export const truncateText = (text, maxLength = 50) => {
+    if (!text || text.length <= maxLength) {
+        return text;
+    }
+    return text.substring(0, maxLength) + '...';
+};
 export function Requests() {
     const { t } = useTranslation();
     const confirmRemove = useConfirmation();
@@ -82,7 +89,7 @@ export function Requests() {
     };
     const columns = [
         {
-            accessor: (data) => (data === null || data === void 0 ? void 0 : data.friendlyName) || '',
+            accessor: (data) => truncateText((data === null || data === void 0 ? void 0 : data.friendlyName) || ''),
             sortable: false,
             id: 'frienly-name',
             cellWidth: 25,
@@ -111,12 +118,12 @@ export function Requests() {
         setIsRequestAgainModalOpen(true);
     };
     const actionResolver = (rowData) => {
-        var _a, _b, _c, _d;
+        var _a;
         if (!rowData)
             return;
-        const friendlyName = ((_a = rowData.cells) === null || _a === void 0 ? void 0 : _a[0]) || '';
-        //@ts-ignore
-        const status = ((_d = (_c = (_b = rowData.cells) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.status) || '';
+        const original = (_a = rowData.originalData) !== null && _a !== void 0 ? _a : rowData;
+        const friendlyName = (original === null || original === void 0 ? void 0 : original.friendlyName) || '';
+        const status = (original === null || original === void 0 ? void 0 : original.status) || '';
         return [
             ...(status === 'EXPIRED'
                 ? [
@@ -126,10 +133,15 @@ export function Requests() {
                         itemKey: 'request-again',
                         'data-tracking-id': 'request-again',
                     },
+                    {
+                        isSeparator: true,
+                        itemKey: 'separator',
+                        'data-tracking-id': 'separator',
+                    },
                 ]
                 : []),
             {
-                title: (React.createElement("div", { className: "pf-v5-u-danger-color-200" },
+                title: (React.createElement("div", { className: "pf-v6-u-text-color-status-danger" },
                     React.createElement(Trans, null, "Delete"))),
                 onClick: () => deleteRequest(friendlyName),
                 itemKey: 'delete-request',
@@ -197,6 +209,7 @@ export function Requests() {
             catch (e) {
                 setIsFetchingStatuses(false);
                 ToastNotification.addDangerMessage(t('Failed to get partnership requests'));
+                console.error(e);
             }
             setIsUpdatingRequests(dispatch, false);
         });
@@ -210,14 +223,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-v5-u-color-100" },
+                            React.createElement("label", { className: "pf-v6-u-color-100" },
                                 ' ',
                                 React.createElement(Trans, null, "Requests"),
-                                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)))))),
+                                isFetchingStatuses ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm", className: "pf-v6-u-mx-sm" })) : (React.createElement(Badge, { className: "pf-v6-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-v5-u-p-md" },
+                            : null, perPage: 5 })) : (React.createElement("p", { className: "pf-v6-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.js

@@ -12,7 +12,7 @@ export function ManagePartnerships() {
     const { t } = useTranslation();
     const { globalMetadataState: { loggedInUserRights }, } = useGlobalStateContext();
     return (React.createElement(React.Fragment, null,
-        React.createElement("header", { className: "pf-v5-u-mb-xs" },
+        React.createElement("header", { className: "pf-v6-u-mb-xs" },
             React.createElement("h2", null,
                 React.createElement(Trans, null, "Partnerships")),
             React.createElement("p", null,

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

@@ -1 +1 @@
-{"version":3,"file":"PreferencesBody.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/PreferencesBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,MAAM;CAAG;AAEnB,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAa5C"}
+{"version":3,"file":"PreferencesBody.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/PreferencesBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,MAAM;CAAG;AAEnB,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAQ5C"}

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

@@ -1,14 +1,10 @@
-import { useGlobalStateContext } from '@rh-support/react-context';
 import React from 'react';
-import { PreferencesACL } from './sections/PreferencesACL';
 import { PreferencesCaseCreate } from './sections/PreferencesCaseCreate';
 import { PreferencesCaseSearch } from './sections/PreferencesCaseSearch';
 import { PreferencesCaseView } from './sections/PreferencesCaseView';
 export function PreferencesBody(props) {
-    const { globalMetadataState: { loggedInUserRights }, } = useGlobalStateContext();
     return (React.createElement("div", { className: "pfe-l-grid pfe-m-gutters pfe-m-all-4-col" },
         React.createElement(PreferencesCaseSearch, null),
         React.createElement(PreferencesCaseView, null),
-        React.createElement(PreferencesCaseCreate, null),
-        loggedInUserRights.data.isOrgAdmin() && !loggedInUserRights.data.isInternal() && React.createElement(PreferencesACL, null)));
+        React.createElement(PreferencesCaseCreate, null)));
 }

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

@@ -5,5 +5,5 @@ export function PreferencesHeader() {
     return (React.createElement("header", null,
         React.createElement("h2", null,
             React.createElement(Trans, null, "Preferences")),
-        React.createElement("p", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" }, t('Setting preferences will personalize your support case experience to best suit your needs.'))));
+        React.createElement("p", { className: "pf-v6-u-mt-md pf-v6-u-mb-sm" }, t('Setting preferences will personalize your support case experience to best suit your needs.'))));
 }

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

@@ -3,7 +3,7 @@ interface IProps {
     id: string;
     label: any;
     selections: any;
-    onSelect: (event: any, selection: any, isPlaceholder: any) => Promise<any>;
+    onSelect: (event: any, selection: any) => Promise<any>;
     children: React.ReactElement[];
 }
 export declare function PreferenceSelect({ id, label, selections, children, onSelect }: IProps): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,aAAa,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,qBA8CrF"}
+{"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,qBA+CrF"}