@rh-support/cases 2.6.4 → 2.6.5

package/lib/esm/components/case-list/case-list-table/CaseListTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseListTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAuB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EAEH,eAAe,EACf,SAAS,EAIZ,MAAM,0BAA0B,CAAC;AA6BlC,UAAU,MAAM;IACZ,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAmkB1C"}
+{"version":3,"file":"CaseListTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAuB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EAEH,eAAe,EACf,SAAS,EAIZ,MAAM,0BAA0B,CAAC;AA4BlC,UAAU,MAAM;IACZ,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA+jB1C"}

package/lib/esm/components/case-list/case-list-table/CaseListTable.js

@@ -16,10 +16,9 @@ import { Link } from 'react-router-dom';
 import { CaseListColumnIds } from '../../../enums/case';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
 import { clearFilters, resetFilterToDefaultState, updatePagination, updateSort, } from '../CaseListFilterReducer';
-import CloseCaseBtn from './CloseCaseBtn';
-import { ExportCaseListCSV } from './ExportCaseListCSV';
 import SeverityLabel from './SeverityLabel';
 import { TableColumnSelector } from './table-column-selector/TableColumnSelector';
+import { TableActionsDropdown } from './TableActionsDropdown';
 // initially selected columns
 const initialSelectedColumns = [
     CaseListColumnIds.caseId,
@@ -346,10 +345,9 @@ export function CaseListTable(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(TableComponent, { columns: columns, data: caseListData, selectedColumns: selectedColumns },
             React.createElement("div", { className: "case-list-table-toolbar pf-v5-l-flex", ref: tableToolbarRef },
-                React.createElement("div", { className: "toolbar-actions pf-v5-l-flex pf-m-space-items-sm" },
-                    React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: selectedColumns }),
-                    React.createElement(ExportCaseListCSV, { currentFilteredCaseList: props.caseList, isExportCsvDisabled: props.isSolrDown, selectedCases: selectedCases }),
-                    React.createElement(CloseCaseBtn, { selectedCases: selectedCases, caseList: caseListData, onCasesCloseSuccess: onCasesCloseSuccess })),
+                React.createElement("div", { className: "toolbar-actions pf-v5-l-flex" },
+                    React.createElement(TableActionsDropdown, { caseList: caseListData, selectedCases: selectedCases, onCasesCloseSuccess: onCasesCloseSuccess, currentFilteredCaseList: props.caseList }),
+                    React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: selectedColumns })),
                 React.createElement("span", { className: "toolbar-pagination" },
                     React.createElement(TablePagination, { perPage: (_c = props.paginationInfo) === null || _c === void 0 ? void 0 : _c.pageSize, currentPage: (_d = props.paginationInfo) === null || _d === void 0 ? void 0 : _d.currentPage, onPerPageSelect: onPerPageSelect, onSetPage: onSetPage, variant: PaginationVariant.top, itemCount: getItemCount() }))),
             React.createElement("div", { className: "pf-v5-c-scroll-inner-wrapper" },

package/lib/esm/components/case-list/case-list-table/TableActionsDropdown.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IUseCloseCaseProps } from '../../../hooks/useCloseCase';
+import { IUseExportCaseListCSV } from '../../../hooks/useExportCaseListCSV';
+interface IProps extends IUseCloseCaseProps, IUseExportCaseListCSV {
+}
+export declare function TableActionsDropdown(props: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=TableActionsDropdown.d.ts.map

package/lib/esm/components/case-list/case-list-table/TableActionsDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionsDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/TableActionsDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAgB,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAwB,MAAM,qCAAqC,CAAC;AASlG,UAAU,MAAO,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAErE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAwHjD"}

package/lib/esm/components/case-list/case-list-table/TableActionsDropdown.js

@@ -0,0 +1,77 @@
+import { Badge, Icon, Tooltip } from '@patternfly/react-core';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
+import { SingleSelectDropdown } from '@rh-support/components';
+import { CloseCaseModal, GlobalMetadataStateContext } from '@rh-support/react-context';
+import React, { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useCloseCase } from '../../../hooks/useCloseCase';
+import { useExportCaseListCSV } from '../../../hooks/useExportCaseListCSV';
+import { CaseListFilterStateContext } from '../CaseListFilterContext';
+import DownloadCSVFileModal from './DownloadCSVFileModal';
+var ToolbarLabels;
+(function (ToolbarLabels) {
+    ToolbarLabels["ExportCSV"] = "Export CSV";
+    ToolbarLabels["CloseCase"] = "Close Case";
+})(ToolbarLabels || (ToolbarLabels = {}));
+export function TableActionsDropdown(props) {
+    var _a;
+    const { selectedCases, currentFilteredCaseList } = props;
+    const { t } = useTranslation();
+    const currentFilteredCaseCount = (_a = currentFilteredCaseList === null || currentFilteredCaseList === void 0 ? void 0 : currentFilteredCaseList.numFound) !== null && _a !== void 0 ? _a : 0;
+    const filterState = useContext(CaseListFilterStateContext);
+    const { isExportButtonDisabled, openUpdateSeverityModal, showError: showExportCSVError, getTooltipContent: getExportCSVTooltipContent, toggleDownloadCSVModal, } = useExportCaseListCSV(props);
+    const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const { isModalOpen, isPostingComment, showError, showWarning, getTooltipContent, onCancel, onConfirm, onBtnClick, } = useCloseCase(props);
+    let closeCaseIconStatus = 'danger';
+    if (showWarning) {
+        closeCaseIconStatus = 'warning';
+    }
+    let exportCSVIconStatus = 'info';
+    if (showExportCSVError) {
+        exportCSVIconStatus = 'danger';
+    }
+    const toolbarDropdownItems = [
+        {
+            value: 'export-csv',
+            label: ToolbarLabels.ExportCSV,
+            disabled: showExportCSVError,
+            title: t('Export CSV'),
+            element: (React.createElement("div", { className: "pf-v5-u-display-flex pf-v5-u-justify-content-space-between" },
+                t('Export CSV'),
+                React.createElement(Tooltip, { content: getExportCSVTooltipContent() },
+                    React.createElement(Icon, { "data-testid": "export-csv-warning-icon", className: "pf-v5-u-align-self-center", status: exportCSVIconStatus, isInline: true },
+                        showExportCSVError && React.createElement(ExclamationCircleIcon, null),
+                        !showExportCSVError && React.createElement(InfoCircleIcon, null))))),
+        },
+        {
+            value: 'close-case-btn',
+            label: ToolbarLabels.CloseCase,
+            disabled: showError,
+            title: t('Close selected cases'),
+            element: (React.createElement("div", { className: "pf-v5-u-display-flex pf-v5-u-justify-content-space-between" },
+                t('Close case'),
+                (showError || showWarning) && selectedCases.length > 0 && (React.createElement(Tooltip, { content: getTooltipContent() },
+                    React.createElement(Icon, { "data-testid": "close-case-warning-icon", className: "pf-v5-u-align-self-center", status: closeCaseIconStatus, isInline: true },
+                        showWarning && React.createElement(WarningTriangleIcon, null),
+                        showError && React.createElement(ExclamationCircleIcon, null)))))),
+        },
+    ];
+    const onSelect = (option) => {
+        switch (option.label) {
+            case ToolbarLabels.CloseCase:
+                onBtnClick();
+                break;
+            case ToolbarLabels.ExportCSV:
+                toggleDownloadCSVModal();
+                break;
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        isModalOpen && React.createElement(CloseCaseModal, { onClose: onCancel, onConfirm: onConfirm, isUpdating: !!isPostingComment }),
+        React.createElement(DownloadCSVFileModal, { filterState: filterState, loggedInUserRights: loggedInUserRights, loggedInUsersAccount: loggedInUsersAccount, isDisabled: isExportButtonDisabled, onModalshow: openUpdateSeverityModal, onClose: toggleDownloadCSVModal, selectedCases: selectedCases, filteredCaseCount: currentFilteredCaseCount }),
+        React.createElement(SingleSelectDropdown, { selected: { value: null, label: '' }, placeholder: React.createElement(React.Fragment, null,
+                "Actions ",
+                React.createElement(Badge, { key: 1 }, selectedCases.length)), onSelect: onSelect, options: toolbarDropdownItems, id: "table-actions-dropdown" })));
+}

package/lib/esm/css/caseList.css

@@ -467,6 +467,22 @@
     --pf-v5-c-select__toggle-text--Color: var(--pf-v5-c-select__toggle--m-placeholder__toggle-text--Color) !important;
 }
 
+.toolbar-actions > :first-child {
+    margin-right: 1rem;
+}
+
+#table-actions-dropdown button {
+    pointer-events: fill !important;
+}
+
+#table-actions-dropdown .pf-v5-c-icon {
+    cursor: pointer;
+}
+
+#table-actions-dropdown .pf-v5-c-icon {
+    margin-left: 1rem;
+}
+
 @media (min-width: 770px) {
     /*  Checkbox  */
     .case-list-table thead > tr > :nth-child(1),

package/lib/esm/hooks/useCloseCase.d.ts

@@ -0,0 +1,22 @@
+import { ICaseListResponse } from '../models/caseList';
+export declare const MAX_ALLOWED_CASES = 5;
+export interface IUseCloseCaseProps {
+    caseList: ICaseListResponse[];
+    selectedCases: string[];
+    onCasesCloseSuccess?: () => void;
+}
+export declare function useCloseCase(props: IUseCloseCaseProps): {
+    areAllSelectedCasesClosed: boolean;
+    hasAtLeastOneCaseClosed: boolean;
+    isBtnDisabled: boolean;
+    isPostingComment: boolean;
+    isModalOpen: boolean;
+    maxCasesSelected: boolean;
+    showWarning: boolean;
+    showError: boolean;
+    getTooltipContent: () => any;
+    onCancel: () => void;
+    onConfirm: (commentBody: any) => Promise<void>;
+    onBtnClick: () => void;
+};
+//# sourceMappingURL=useCloseCase.d.ts.map

package/lib/esm/hooks/useCloseCase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseCase.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCloseCase.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAQD,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB;;;;;;;;;;;;;EAiGrD"}

package/lib/esm/hooks/useCloseCase.js

@@ -0,0 +1,111 @@
+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 { publicApi } from '@cee-eng/hydrajs';
+import { ToastNotification, useFetch } from '@rh-support/components';
+import { useCanCreateCase } from '@rh-support/react-context';
+import { dtmTrackEventCaseStepEncountered } from '@rh-support/utils';
+import filter from 'lodash/filter';
+import find from 'lodash/find';
+import includes from 'lodash/includes';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+export const MAX_ALLOWED_CASES = 5;
+const reflect = (p) => p.then((v) => ({ v, status: 'fulfilled' }), (e) => ({ e, status: 'rejected' }));
+export function useCloseCase(props) {
+    const { caseList, selectedCases, onCasesCloseSuccess } = props;
+    const { t } = useTranslation();
+    const maxCasesSelected = (selectedCases || []).length > MAX_ALLOWED_CASES;
+    const { request, isFetching } = useFetch(publicApi.kase.updateCase);
+    const closedCaseIds = filter(selectedCases, (selected) => {
+        const caseDetails = find(caseList, (caseObj) => caseObj['case_number'] === selected);
+        return caseDetails && caseDetails['case_status'] !== 'Closed' ? false : true;
+    });
+    const hasAtLeastOneCaseClosed = closedCaseIds.length > 0;
+    const areAllSelectedCasesClosed = closedCaseIds.length === selectedCases.length;
+    const showWarning = hasAtLeastOneCaseClosed && !areAllSelectedCasesClosed && !maxCasesSelected;
+    const showError = areAllSelectedCasesClosed || maxCasesSelected;
+    const isBtnDisabled = (selectedCases || []).length < 1 ||
+        caseList.length < 1 ||
+        maxCasesSelected ||
+        areAllSelectedCasesClosed ||
+        isFetching;
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const canCreateCase = useCanCreateCase();
+    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
+        propgateErrors: true,
+    });
+    // To handle button click
+    const onBtnClick = () => {
+        if (canCreateCase.alert()) {
+            return;
+        }
+        else {
+            setIsModalOpen(true);
+        }
+    };
+    const onConfirm = (commentBody) => __awaiter(this, void 0, void 0, function* () {
+        const promiseArr = [];
+        setIsModalOpen(false);
+        const toastId = ToastNotification.addSuccessMessage(t(`Closing selected cases`));
+        filter(selectedCases, (selected) => !includes(closedCaseIds, selected)).forEach((caseNumber, i) => {
+            const product = caseList[i].case_product[0];
+            const version = caseList[i].case_version;
+            const p = request(caseNumber, { status: 'Closed' });
+            promiseArr.push(p);
+            p.then((res) => __awaiter(this, void 0, void 0, function* () {
+                yield postCommentRequest({
+                    caseNumber,
+                    commentBody,
+                    contentType: `markdown`,
+                    doNotChangeStatus: true,
+                });
+                ToastNotification.clearToast(toastId);
+                ToastNotification.addSuccessMessage(t('Case {{caseNumber}} successfully closed', { caseNumber }));
+                // Only call dtm track event only when the case has been closed successfully.
+                dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
+            }), (err) => {
+                ToastNotification.clearToast(toastId);
+                ToastNotification.addDangerMessage(t('Could not close case {{caseNumber}}', { caseNumber }));
+            });
+        });
+        yield Promise.all(promiseArr.map(reflect));
+        onCasesCloseSuccess && onCasesCloseSuccess();
+    });
+    const onCancel = () => {
+        setIsModalOpen(false);
+    };
+    const getTooltipContent = () => {
+        let tooltipText = t('Close selected cases');
+        if (maxCasesSelected) {
+            tooltipText = t('You can only close {{maxCase}} cases at once.', { maxCase: MAX_ALLOWED_CASES });
+        }
+        else if (areAllSelectedCasesClosed) {
+            tooltipText = t(`The case(s) that you have selected are already closed.`);
+        }
+        else if (hasAtLeastOneCaseClosed) {
+            tooltipText = t('Some of the selected cases are already closed. The remaining open cases will be closed.');
+        }
+        return tooltipText;
+    };
+    return {
+        areAllSelectedCasesClosed,
+        hasAtLeastOneCaseClosed,
+        isBtnDisabled,
+        isPostingComment,
+        isModalOpen,
+        maxCasesSelected,
+        showWarning,
+        showError,
+        getTooltipContent,
+        onCancel,
+        onConfirm,
+        onBtnClick,
+    };
+}

package/lib/esm/hooks/useExportCaseListCSV.d.ts

@@ -0,0 +1,16 @@
+import { ISolrResponse } from '@rh-support/types/shared';
+import { ICaseListResponse } from '../models/caseList';
+export declare const MAX_LIMIT = 1000;
+export interface IUseExportCaseListCSV {
+    currentFilteredCaseList: ISolrResponse<ICaseListResponse>;
+    isExportCsvDisabled?: boolean;
+    selectedCases: string[];
+}
+export declare function useExportCaseListCSV(props: IUseExportCaseListCSV): {
+    isExportButtonDisabled: boolean;
+    openUpdateSeverityModal: boolean;
+    showError: boolean;
+    getTooltipContent: () => any;
+    toggleDownloadCSVModal: () => void;
+};
+//# sourceMappingURL=useExportCaseListCSV.d.ts.map

package/lib/esm/hooks/useExportCaseListCSV.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExportCaseListCSV.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExportCaseListCSV.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGvD,eAAO,MAAM,SAAS,OAAO,CAAC;AAC9B,MAAM,WAAW,qBAAqB;IAClC,uBAAuB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB;;;;;;EAqChE"}

package/lib/esm/hooks/useExportCaseListCSV.js

@@ -0,0 +1,39 @@
+import { useFetch } from '@rh-support/components';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { getCaseListFromSolr } from '../utils/caseListUtils';
+export const MAX_LIMIT = 1000;
+export function useExportCaseListCSV(props) {
+    const { isExportCsvDisabled, selectedCases } = props;
+    const { t } = useTranslation();
+    // const currentFilteredCaseCount = currentFilteredCaseList?.numFound ?? 0;
+    const { isFetching } = useFetch(getCaseListFromSolr, { propgateErrors: true });
+    const [openUpdateSeverityModal, setOpenUpdateSeverityModal] = useState(false);
+    const isFetchingCSVData = isFetching;
+    let showError = selectedCases.length > MAX_LIMIT;
+    const isBtnDisabled = isFetchingCSVData || showError;
+    // To show tooltip if export csv is disabled when SOLR is down
+    const getTooltipContent = () => {
+        let tooltipText = t('Your download will include the first 1000 cases in your list.');
+        if (showError) {
+            tooltipText = t('Your download can only include up to {{limit}} cases.', { limit: MAX_LIMIT });
+        }
+        else if (selectedCases.length > 0) {
+            tooltipText = t('Your download will include {{numOfCases}} cases.', { numOfCases: selectedCases.length });
+        }
+        return tooltipText;
+    };
+    // To check if export csv button is disabled
+    const isExportButtonDisabled = isBtnDisabled || isExportCsvDisabled;
+    // To toggle download csv modal
+    const toggleDownloadCSVModal = () => {
+        setOpenUpdateSeverityModal((openUpdateSeverityModal) => !openUpdateSeverityModal);
+    };
+    return {
+        isExportButtonDisabled,
+        openUpdateSeverityModal,
+        showError,
+        getTooltipContent,
+        toggleDownloadCSVModal,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.4",
+    "version": "2.6.5",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -43,11 +43,11 @@
         "@patternfly/patternfly": "5.4.2",
         "@patternfly/react-core": "5.4.2",
         "@patternfly/react-table": "5.4.2",
-        "@rh-support/components": "2.5.23",
-        "@rh-support/react-context": "2.5.25",
+        "@rh-support/components": "2.5.24",
+        "@rh-support/react-context": "2.5.26",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.15",
-        "@rh-support/utils": "2.5.14",
+        "@rh-support/user-permissions": "2.5.16",
+        "@rh-support/utils": "2.5.15",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "pegjs": "^0.10.0",
@@ -96,5 +96,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "7828199cf1dfc847c3bafb3a3719405d237ac9d3"
+    "gitHead": "28515f0f6b710a4f1dc2bd46d7609a65feb15035"
 }