@rh-support/manage 2.5.0 → 2.5.2

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageGroupUsers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/ManageGroupUsers/ManageGroupUsers.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,eAAO,MAAM,gBAAgB,yBAgN5B,CAAC"}
+{"version":3,"file":"ManageGroupUsers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/ManageGroupUsers/ManageGroupUsers.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,eAAO,MAAM,gBAAgB,yBA4N5B,CAAC"}

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

@@ -14,7 +14,7 @@ import { useGlobalStateContext } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import { ManageTable } from '../../ManageTable/ManageTable';
 import { DefaultGroupSwitch } from '../DefualtGroupSwitch';
 import { GroupSelect } from '../GroupSelect';
@@ -128,20 +128,22 @@ export const ManageGroupUsers = () => {
         }
         setAllData(response || []);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [location.pathname]);
+    }, [location.pathname, loggedInUsersAccount.data]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(AlertMessage, { variant: AlertType.INFO, show: loggedInUserRights.data.isOrgAdmin() && !loggedInUsersAccount.data.hasGroupACLs, isInline: true, className: "pf-v5-u-mb-md", title: t("Case Group Access Control Lists (ACLs) haven't been activated on your account.") },
+        React.createElement(AlertMessage, { variant: AlertType.INFO, show: loggedInUserRights.data.isOrgAdmin() && !loggedInUsersAccount.data.hasGroupACLs, isInline: true, className: "pf-v5-u-mb-md", title: t('Case Group ACL is not activated') },
             React.createElement("p", null,
                 React.createElement(Trans, { i18nKey: "i18nRequestControl" },
-                    "You can set permissions on groups but settings won't take effect until",
+                    "To use case groups to limit user access, enable the",
                     ' ',
-                    React.createElement("a", { href: "https://access.redhat.com/solutions/175763", rel: "noopener noreferrer", target: "_blank" }, "Case Group ACLs"),
+                    React.createElement("a", { href: "https://access.redhat.com/articles/170453", target: "_blank", rel: "noopener noreferrer" }, "Case Group Access Control Lists (ACL)"),
                     ' ',
-                    "is activated on your account. Please contact your Technical Account Manager or",
+                    "under",
                     ' ',
-                    React.createElement("a", { href: "/support/contact/technicalSupport/", rel: "noopener noreferrer", target: "_blank" }, "Red Hat Technical Support"),
-                    ' ',
-                    "to request Case Group ACLs activation."))),
+                    React.createElement(Link, { key: "case-contact-phone-number-review", replace: true, to: {
+                            pathname: '/manage/preferences',
+                        }, "data-tracking-id": "case-contact-phone-number-review" }, "Preferences")),
+                React.createElement("br", null),
+                React.createElement(Trans, null, "You can organize and group related cases and filter on the case list page, but you cannot change permissions for case groups unless the Case Group ACL is enabled."))),
         React.createElement("header", null,
             React.createElement("h2", null, t('Groups')),
             React.createElement("p", null, t('Add or edit groups to easily filter while searching through cases.'))),

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

@@ -27,5 +27,5 @@ export default function ExpiredContentCategory({ category, isCategoryExpanded =
         React.createElement(AccordionToggle, { id: category.categoryName, onClick: toggleExpanded, isExpanded: isExpanded },
             React.createElement("h3", null, category.categoryName)),
         React.createElement(AccordionContent, { isHidden: !isExpanded },
-            React.createElement("ul", { className: "list-flat list-flushleft" }, expiredContents.map((content, i) => (React.createElement(ExpiredContentSingleItem, { key: content.topContentId, content: content, category: category }))))))) : (React.createElement(React.Fragment, null));
+            React.createElement("ul", { className: "list-flat list-flushleft" }, sortedExpiredContents.map((content, i) => (React.createElement(ExpiredContentSingleItem, { key: content.topContentId, content: content, category: category }))))))) : (React.createElement(React.Fragment, 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,MAAM;CAAG;AAEnB,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAQ5C"}
+{"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"}

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

@@ -1,10 +1,14 @@
+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)));
+        React.createElement(PreferencesCaseCreate, null),
+        loggedInUserRights.data.isOrgAdmin() && React.createElement(PreferencesACL, null)));
 }

package/lib/esm/components/ManagePreferences/sections/PreferencesACL.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesACL.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesACL.tsx"],"names":[],"mappings":"AASA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,wBAAgB,cAAc,sBAyF7B"}

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

@@ -0,0 +1,62 @@
+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 { accounts } from '@cee-eng/hydrajs';
+import { Card, CardBody, CardHeader, Spinner, Tooltip } from '@patternfly/react-core';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { useFetch } from '@rh-support/components';
+import { fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
+import React, { useContext, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { PreferenceSwitch } from '../components/PreferenceSwitch';
+export function PreferencesACL() {
+    var _a;
+    const { t } = useTranslation();
+    const { globalMetadataState: { loggedInUsersAccount, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
+    const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
+    const [isAclActivated, setIsAclActivated] = useState((_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.hasGroupACLs);
+    const [isAclLoading, setIsAclLoading] = useState(false);
+    const { request: updateAcl } = useFetch(accounts.updateAcl);
+    const onAclSwitch = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setIsAclLoading(true);
+            yield updateAcl(!isAclActivated, loggedInUsersAccount.data.accountNumber);
+            fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, true);
+            setIsAclActivated(!isAclActivated);
+        }
+        catch (error) {
+            console.log(error);
+        }
+        setIsAclLoading(false);
+    });
+    return (React.createElement(Card, { className: "preference-card" },
+        React.createElement(CardHeader, null,
+            React.createElement("h3", null,
+                React.createElement(Trans, null, "Case Group Access Control List"))),
+        React.createElement(CardBody, null,
+            React.createElement("form", null,
+                React.createElement("div", { className: "form-group" },
+                    React.createElement("label", null,
+                        React.createElement(Trans, null, "Enable Case Group ACL for my account")),
+                    React.createElement("div", { className: "pf-v5-u-mt-sm" },
+                        React.createElement(PreferenceSwitch, { className: "switches hostnameSwitch", id: "ACL-switch", label: 'Case Group ACL', isChecked: isAclActivated, onSwitchChange: onAclSwitch }),
+                        React.createElement("div", { className: "prefhostnameTooltip" },
+                            React.createElement(Tooltip, { content: t('This determines if the account is utilizing case group access controls'), position: "right" },
+                                React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm" })),
+                            isAclLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" })))),
+                    React.createElement("div", { className: "pf-v5-u-mt-lg" },
+                        React.createElement("label", null,
+                            React.createElement(Trans, null, "Related links")),
+                        React.createElement("p", null,
+                            React.createElement("a", { href: "https://access.redhat.com/solutions/777833", target: "_blank", rel: "noopener noreferrer" },
+                                React.createElement(Trans, null, "What are Case Groups and how do I create one?")),
+                            React.createElement("br", null),
+                            React.createElement("a", { href: "https://access.redhat.com/articles/170453", target: "_blank", rel: "noopener noreferrer" },
+                                React.createElement(Trans, null, "How to Use Case Group Access Control Lists (ACLs)")))))))));
+}

package/lib/esm/components/ManageTags/TagsManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBAuYlC"}
+{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBAyYlC"}

package/lib/esm/components/ManageTags/TagsManager.js

@@ -245,9 +245,9 @@ export default function TagsManager() {
                 React.createElement("div", { className: "pf-v5-u-flex-grow-1" },
                     React.createElement(TextInputGroup, null,
                         React.createElement(TextInputGroupMain, { type: "text", id: "tag-search-input", placeholder: t('Search for a tag'), icon: React.createElement(SearchIcon, null), value: tagSearchTerm, onChange: (e, v) => setTagSearchTerm(v) }),
-                        React.createElement(TextInputGroupUtilities, null,
+                        !isEmpty(tagSearchTerm) && (React.createElement(TextInputGroupUtilities, null,
                             React.createElement(Button, { variant: "plain", onClick: onSearchClear, "aria-label": "Clear button and input" },
-                                React.createElement(TimesIcon, null))))),
+                                React.createElement(TimesIcon, null)))))),
                 React.createElement("span", { className: "pf-v5-u-ml-sm" },
                     React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => {
                             setCreateTagModalOpen(true);

package/lib/esm/components/TopContentManagement/NoTopContentFound.js

@@ -45,7 +45,7 @@ export function NoTopContentFound({ version, product, dataLength, onAddCategory,
                     version)))));
     const noContent = dataLength === 0 && !isContentOnlyForMajorVersion;
     const noMinorButHaveMajorContent = dataLength !== 0 && isContentOnlyForMajorVersion;
-    return (React.createElement(EmptyState, { variant: EmptyStateVariant.xs },
+    return (React.createElement(EmptyState, { variant: EmptyStateVariant.xs, id: "no-content" },
         React.createElement(EmptyStateHeader, { titleText: React.createElement(React.Fragment, null, isEmpty(product) || isEmpty(version) ? (React.createElement(Trans, null, "No top content found")) : isRegularVersion(version) && isNumber(version.split('.')[1]) && dataLength === 0 ? (React.createElement(Trans, null,
                 "No content available for ",
                 version,

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.js

@@ -55,7 +55,7 @@ export const TopContentComponent = (props) => {
                 React.createElement(Trans, null, "Cancel"))))));
     return (React.createElement("div", null,
         React.createElement(Droppable, { droppableId: `${props.category.id}`, type: `drop-inner-${props.category.id}`, isDropDisabled: !isArrangingContent, key: `drop-inner-${props.category.id}` }, (provided) => (React.createElement("div", { ref: provided.innerRef },
-            React.createElement("ul", { "aria-label": t('Content list'), className: "list-flat list-flushleft" },
+            React.createElement("ul", { id: "content-list", "aria-label": t('Content list'), className: "list-flat list-flushleft" },
                 props.category.content.map((content, i) => (React.createElement(Draggable, { key: `drag-inner-${i}${props.category.id}`, draggableId: `drag-inner-${i}${props.category.id}`, index: i, isDragDisabled: !isArrangingContent }, (provided, snapshot) => (React.createElement("div", Object.assign({ key: `${i}-c`, "aria-label": t('Content'), ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
                     React.createElement(TopContentSingleItem, { isArrangingContent: isArrangingContent, category: props.category, snapshot: snapshot, i: i, key: content.topContentId })))))),
                 provided.placeholder),

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.js

@@ -391,7 +391,7 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
             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("div", { className: `${isEmpty(tagOptions) ? 'menu-is-disabld' : ''}` },
                             React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "top-content-tag" })))),
                 React.createElement(FlexItem, null,
                     React.createElement(FormGroup, { label: t('Expiry date') },

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiChF,wBAAgB,gBAAgB,sBAoX/B"}
+{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiChF,wBAAgB,gBAAgB,sBAqX/B"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.js

@@ -182,7 +182,7 @@ export function TopContentEditor() {
                     React.createElement("div", { className: "pf-v5-u-p-md" },
                         showSectionFooter && (React.createElement(React.Fragment, null,
                             isCategoryLimitReached && React.createElement(CategoryLimit, null),
-                            React.createElement(Button, { variant: "primary", onClick: () => onAddCategory(isContentOnlyForMajorVersion, false, selectedVersion), isDisabled: isCategoryLimitReached, "data-tracking-id": "add-new-section-topcontent" },
+                            React.createElement(Button, { variant: "primary", onClick: () => onAddCategory(isContentOnlyForMajorVersion, false, selectedVersion), isDisabled: isCategoryLimitReached, id: "add-new-section-topcontent", "data-tracking-id": "add-new-section-topcontent" },
                                 React.createElement(Trans, null, "Add a new section")),
                             ' ',
                             React.createElement(Button, { variant: "secondary", onClick: arrangeSection, isDisabled: flagContentEditState.length < 2 },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.5.0",
+    "version": "2.5.2",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -79,9 +79,9 @@
         "@patternfly/patternfly": "5.4.0",
         "@patternfly/react-core": "5.4.0",
         "@patternfly/react-table": "5.4.0",
-        "@rh-support/components": "2.5.0",
+        "@rh-support/components": "2.5.1",
         "@rh-support/configs": "2.0.21",
-        "@rh-support/react-context": "2.5.0",
+        "@rh-support/react-context": "2.5.1",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.0",
         "@rh-support/utils": "2.5.0",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "d867a78014ee4a08aa8d7bf9e0dc9bd08ce6ac5a"
+    "gitHead": "ec31db4e147f912a3b6c50c8606a828e73affbf1"
 }