@rh-support/troubleshoot 2.5.44 → 2.5.46

package/lib/esm/components/CaseEditView/CaseDetailsTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AA0BlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBA8O5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AA0BlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBA0P5C"}

package/lib/esm/components/CaseEditView/CaseDetailsTabs.js

@@ -1,4 +1,4 @@
-import { Tab, TabContent, Tabs, TabsComponent, TabTitleText, Text, TextContent, TextVariants, } from '@patternfly/react-core';
+import { Label, Tab, TabContent, Tabs, TabsComponent, TabTitleText, Text, TextContent, TextVariants, } from '@patternfly/react-core';
 import { ErrorBoundary, LoadingIndicator } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -107,7 +107,8 @@ export function CaseDetailsTabs(props) {
             routePath: 'escalation',
             component: (React.createElement(RMEEscalationList, { escalations: caseEscalations.data, caseNumber: caseNumber, caseStatus: status, accountNumber: loggedInUserRights.data.getAccountNumber(), isInternal: loggedInUserRights.data.isInternal() })),
         });
-    !loggedInUsersAccount.data.secureSupport &&
+    false &&
+        !loggedInUsersAccount.data.secureSupport &&
         tabsToRender.push({
             'data-tracking-id': 'case-history-tab',
             title: CaseDetailsTabsEnum.HISTORY,
@@ -134,8 +135,12 @@ export function CaseDetailsTabs(props) {
     };
     const isTabVisibleInPdfExport = (tab) => tab.title === CaseDetailsTabsEnum.DISCUSSION && pdfOption === 'Reduced' ? false : true;
     return (React.createElement("div", { className: "case-details-tabs", role: "region", ref: props.tabdRef },
-        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick, "aria-label": t('Case details tabs') }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, null,
-                React.createElement(Trans, null, tab.title)) })))),
+        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick, "aria-label": t('Case details tabs') }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, { className: tab.title === CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY
+                    ? 'tab-title-with-badge'
+                    : undefined },
+                React.createElement(Trans, null, tab.title),
+                tab.title === CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY && (React.createElement("div", { className: "gradient-border-badge" },
+                    React.createElement(Label, { className: "preview-label" }, "Preview")))) })))),
         React.createElement("div", { className: "case-details-tabs-content pf-v5-u-pt-xl" }, tabsToRender.map((tab, index) => {
             return index === getActiveTabKey() && !isExportingPDF ? (React.createElement(TabContent, { eventKey: index, key: tab.key, id: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, ref: tab.ref, "aria-label": tab.title, hidden: isExportingPDF ? !isTabVisibleInPdfExport(tab) : index !== getActiveTabKey() },
                 React.createElement(ErrorBoundary, { errorMsgInfo: {

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAwB3B,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,UAAW,MAAM,sBAsKxC,CAAC"}
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAwB3B,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,UAAW,MAAM,sBA4KxC,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummary.js

@@ -57,8 +57,13 @@ export const CaseSummary = (props) => {
                     setCaseSummaryState(CaseSummaryStates.SUCCESS);
                 }
                 catch (error) {
+                    if (error.message.includes('input comments text is too large')) {
+                        setCaseSummaryState(CaseSummaryStates.INPUT_COMMENTS_TOO_LARGE);
+                    }
+                    else {
+                        setCaseSummaryState(CaseSummaryStates.FAILED);
+                    }
                     setCaseSummaryData(getApiResourceObject(null, false, true, error.message));
-                    setCaseSummaryState(CaseSummaryStates.FAILED);
                 }
             });
             fetchCaseSummary();
@@ -75,18 +80,19 @@ export const CaseSummary = (props) => {
             React.createElement("div", { dangerouslySetInnerHTML: { __html: sanitizedHtml } })));
     };
     return (React.createElement("section", { className: "card card-white" },
-        React.createElement(Alert, { variant: AlertVariant.info, title: "Case recap uses AI. Check for mistakes.", isInline: true, actionLinks: React.createElement(AlertActionLink, { onClick: (e) => triggerAppFeedbackItem(e), href: "#" },
+        React.createElement(Alert, { variant: AlertVariant.info, title: "Case summary uses AI. Check for mistakes.", isInline: true, actionLinks: React.createElement(AlertActionLink, { onClick: (e) => triggerAppFeedbackItem(e), href: "#" },
                 React.createElement(Trans, null, "Send Feedback")) },
             React.createElement("p", null, "By using this feature, your support case information will be used to create an AI-generated summary of your cases. Information may not be up-to-date or without error. Always review AI generated content prior to use. We encourage you to send feedback to improve the case summary feature")),
         caseSummaryState === CaseSummaryStates.NEW_CASE ? (React.createElement(EmptyState, { variant: EmptyStateVariant.lg },
-            React.createElement(EmptyStateHeader, { titleText: React.createElement(Trans, null, "Unable to generate case recap"), icon: React.createElement(EmptyStateIcon, { icon: CubesIcon }), headingLevel: "h2" }),
+            React.createElement(EmptyStateHeader, { titleText: React.createElement(Trans, null, "Unable to generate case summary"), icon: React.createElement(EmptyStateIcon, { icon: CubesIcon }), headingLevel: "h2" }),
             React.createElement(EmptyStateBody, null,
                 React.createElement("p", { className: "push-top-narrow" },
                     React.createElement(Trans, null, errorMessage))))) : caseSummaryState === CaseSummaryStates.FAILED ||
-            caseSummaryState === CaseSummaryStates.CASE_LANGUAGE_NOT_SUPPORTED ? (React.createElement(CaseSummaryErrorMessage, { caseSummaryState: caseSummaryState, caseNumber: props.caseNumber, caseSummaryId: (_a = caseSummaryData.data) === null || _a === void 0 ? void 0 : _a.id, errorMessage: errorMessage, setErrorMessage: setErrorMessage })) : caseSummaryState === CaseSummaryStates.SUCCESS ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "ai-case-recap-container" },
-                React.createElement("h2", { className: "ai-recap-title" }, "AI Case summary"),
-                React.createElement("p", { className: "ai-recap-date" }, formatDate((_b = caseSummaryData.data) === null || _b === void 0 ? void 0 : _b.created_date, 'en-US', {
+            caseSummaryState === CaseSummaryStates.CASE_LANGUAGE_NOT_SUPPORTED ||
+            caseSummaryState === CaseSummaryStates.INPUT_COMMENTS_TOO_LARGE ? (React.createElement(CaseSummaryErrorMessage, { caseSummaryState: caseSummaryState, caseNumber: props.caseNumber, caseSummaryId: (_a = caseSummaryData.data) === null || _a === void 0 ? void 0 : _a.id, errorMessage: errorMessage, setErrorMessage: setErrorMessage })) : caseSummaryState === CaseSummaryStates.SUCCESS ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "ai-case-summary-container" },
+                React.createElement("h2", { className: "ai-summary-title" }, "AI Case summary"),
+                React.createElement("p", { className: "ai-summary-date" }, formatDate((_b = caseSummaryData.data) === null || _b === void 0 ? void 0 : _b.created_date, 'en-US', {
                     month: 'short',
                     day: 'numeric',
                     year: 'numeric',
@@ -100,5 +106,5 @@ export const CaseSummary = (props) => {
             React.createElement(EmptyStateBody, null,
                 React.createElement("p", { className: "push-top-narrow" },
                     React.createElement(Trans, null, "Almost there! case summary will be ready in approximately 30 seconds."))))),
-        React.createElement(SupportFeedbackModal, { isModalOpen: isFeedbackModalOpen, onClose: onCloseFeedbackModal, caseSummaryId: (_d = caseSummaryData.data) === null || _d === void 0 ? void 0 : _d.id, errorMessage: errorMessage, isCaseSummary: true })));
+        React.createElement(SupportFeedbackModal, { isModalOpen: isFeedbackModalOpen, onClose: onCloseFeedbackModal, caseSummaryId: ((_d = caseSummaryData.data) === null || _d === void 0 ? void 0 : _d.id) || null, errorMessage: errorMessage, isCaseSummary: true })));
 };

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummaryErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAgGpD"}
+{"version":3,"file":"CaseSummaryErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAwFpD"}

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.js

@@ -14,27 +14,21 @@ export function CaseSummaryErrorMessage(props) {
         e.preventDefault();
         setIsFeedbackModalOpen(true);
     };
-    const title = props.caseSummaryState === 'failed'
-        ? 'Error while loading case recap'
-        : props.caseSummaryState === 'case_language_not_supported' ||
-            props.caseSummaryState === 'input_comments_too_large'
-            ? 'Error while generating case recap'
-            : undefined;
     useEffect(() => {
         if (!props.setErrorMessage)
             return;
         let message = '';
-        const shared = `Failed to generate case recap for Case ${props.caseNumber}, due to `;
+        const shared = `Failed to generate case summary for Case ${props.caseNumber}, due to `;
         switch (props.caseSummaryState) {
             case 'failed':
                 message =
-                    'The AI is either currently unavailable or is processing case details. <br/> Try reloading the page';
+                    'The AI is either currently unavailable or is processing case details. <br/> or try reloading the page.';
                 break;
             case 'case_language_not_supported':
                 message = `${shared}unsupported case language.`;
                 break;
             case 'input_comments_too_large':
-                message = `${shared}input comments text is too large.`;
+                message = `${shared} overall input comments text is too large.`;
                 break;
             default:
                 break;
@@ -46,7 +40,7 @@ export function CaseSummaryErrorMessage(props) {
     }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement(EmptyState, { variant: EmptyStateVariant.full },
-            React.createElement(EmptyStateHeader, { titleText: title, icon: React.createElement(EmptyStateIcon, { icon: ExclamationCircleIcon, color: globalDangerColor100.value }), headingLevel: "h2" }),
+            React.createElement(EmptyStateHeader, { titleText: 'Error while loading case summary', icon: React.createElement(EmptyStateIcon, { icon: ExclamationCircleIcon, color: globalDangerColor100.value }), headingLevel: "h2" }),
             React.createElement(EmptyStateBody, null,
                 React.createElement(Trans, null, props.errorMessage && React.createElement("div", { dangerouslySetInnerHTML: { __html: props.errorMessage } }))),
             React.createElement(EmptyStateFooter, null,

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/caseSummary.css

@@ -1,15 +1,15 @@
-.ai-case-recap-container {
+.ai-case-summary-container {
     margin-top: 10px;
 }
 
-.ai-recap-title {
+.ai-summary-title {
     font-size: 20px;
     font-family: 'Red Hat Display';
     font-weight: 500;
     margin-bottom: 8px;
 }
 
-.ai-recap-date {
+.ai-summary-date {
     color: black;
     font-size: 12px;
     font-weight: 400;

package/lib/esm/css/case.css

@@ -321,6 +321,29 @@ input[aria-invalid='true'].pf-v5-c-form-control {
     padding-left: 1.5em;
 }
 
+.tab-title-with-badge {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.gradient-border-badge {
+    border-radius: 18px;
+    padding: 1px;
+    background: linear-gradient(to right, #f56e6e, #5e40be);
+    display: inline-block;
+}
+
+.preview-label {
+    border-radius: 18px;
+    background: white;
+    padding: 0px 8px;
+}
+
+.preview-label .pf-v5-c-label__content {
+    color: grey;
+}
+
 /* Improves the sidebar loading */
 @media (min-width: 1450px) and (max-width: 2000px) {
     #rh-support-case .card.card-support {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.5.44",
+    "version": "2.5.46",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -58,8 +58,8 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.18",
-        "@rh-support/react-context": "2.5.20",
+        "@rh-support/components": "2.5.19",
+        "@rh-support/react-context": "2.5.21",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.12",
         "@rh-support/utils": "2.5.11",
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "48b1925b17a320ff0c74ed3a018274a5e4cb0a87"
+    "gitHead": "055bc8a9de6f81109f7fc040923b44d279c447c1"
 }