@rh-support/troubleshoot 2.6.27 → 2.6.29

package/lib/esm/scss/_main.scss

@@ -81,6 +81,17 @@ div.support-grid-case-details.support-case {
                     }
                 }
             }
+            .grid-aside-content-inner-div {
+                margin: 0px !important;
+            }
+
+            .card-heading {
+                margin-bottom: 0px;
+            }
+
+            #case-details-top-recommendations-pagination-bottom-pagination {
+                justify-content: flex-start;
+            }
         }
     }
 
@@ -258,6 +269,7 @@ div.support-grid-case-details.support-case {
                     justify-content: space-between;
                     -ms-flex-wrap: wrap;
                     flex-wrap: wrap;
+                    border-radius: 8px;
 
                     & > * {
                         margin: 9px;
@@ -303,6 +315,7 @@ div.support-grid-case-details.support-case {
                 }
 
                 .case-overview-secondary {
+                    border-radius: 8px;
                     .form-group {
                         margin-bottom: 0;
                     }
@@ -653,18 +666,20 @@ mark {
     font-weight: 600;
 
     .pinned-resource {
-        color: var(--pf-v5-global--primary-color--100);
+        color: var(--pf-t--global--text--color--link--default);
     }
 
-    button:hover[title='Link'] {
+    button:hover[title='Link'] svg {
         color: #6ca100;
     }
 
     button[title='Unlink'] {
-        color: #6ca100;
+        svg {
+            color: #6ca100;
+        }
 
-        &:hover {
-            color: var(--pf-v5-global--danger-color--100);
+        &:hover svg {
+            color: var(pf-t--global--icon--color--status--danger--default);
         }
     }
 }
@@ -765,10 +780,10 @@ p.pref-case-popover-text {
 }
 
 .support-types-card {
-    border: 1px solid #c7c7c7;
+    border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--default);
 
     &.pf-m-selected {
-        border: 1px solid #06c;
+        border: var(--pf-t--global--border--width--box--clicked) solid var(--pf-t--global--border--color--clicked);
     }
 }
 
@@ -994,6 +1009,19 @@ svg.pf-v6-u-ml-xs.icon-size {
     background: #fff;
 }
 
+.card-body-wrapper {
+    display: flex;
+    padding: 16px;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    border-radius: 0px 0px var(--global-border-radius-medium, 16px) var(--global-border-radius-medium, 16px);
+    border-right: 1px solid var(--global-border-color-default, #c7c7c7);
+    border-bottom: 1px solid var(--global-border-color-default, #c7c7c7);
+    border-left: 1px solid var(--global-border-color-default, #c7c7c7);
+    background: #fff;
+}
+
 .form-group {
     span.form-instructions-bold {
         font-weight: 600;
@@ -1097,6 +1125,7 @@ svg.pf-v6-u-ml-xs.icon-size {
 
 .review-form {
     background-color: #e0e0e0 !important;
+    border-radius: 8px;
 }
 
 .ai-label-text {
@@ -1138,6 +1167,7 @@ svg.pf-v6-u-ml-xs.icon-size {
     padding: 1px;
     border-radius: 20px;
     height: 32px;
+    margin-bottom: 18px;
 }
 
 .single-select-toggle-text {
@@ -1179,7 +1209,6 @@ svg.pf-v6-u-ml-xs.icon-size {
     position: relative;
     display: inline-block;
     z-index: 1;
-    margin: 1px;
     line-height: normal;
     font-size: 14px;
 }
@@ -1254,3 +1283,20 @@ svg.pf-v6-u-ml-xs.icon-size {
 .cursor-pointer {
     cursor: pointer;
 }
+
+#file-uploader-title {
+    margin-bottom: 0;
+}
+
+.file-upload-body {
+    padding-top: 0;
+}
+
+.article-recommendations-card h3 {
+    margin-bottom: 0;
+}
+
+.postcomment-submit:disabled,
+.remote-session-button:disabled {
+    color: var(--pf-v6-c-button--disabled--Color);
+}

package/lib/esm/scss/_pf-overrides.scss

@@ -193,6 +193,7 @@
 
 .pf-v6-c-accordion {
     padding: 0;
+    margin: 0;
     .pf-m-expanded ul {
         list-style-type: none; //Because, FF
     }
@@ -329,6 +330,10 @@
     color: #06c;
 }
 
+.pf-v6-c-button.pf-m-primary {
+    color: var(--pf-v6-c-button--Color);
+}
+
 // Override disable color on darker backgrounds
 .case-overview-secondary,
 #review {
@@ -399,6 +404,10 @@ div#cep-details-modal.pf-v6-c-modal-box__body {
 div#request-mgmt-escalation-modal.request-escalation-modal {
     div.pf-v6-c-modal-box__body {
         form.pf-v6-c-form.request-escalation-form {
+            .pf-m-textarea textarea {
+                resize: none !important;
+            }
+
             div.pf-v6-l-grid.pf-m-all-12-col-on-md.pf-m-gutter {
                 div.pf-v6-l-grid__item.pf-m-6-col {
                     div.pf-v6-c-form__group {
@@ -739,6 +748,7 @@ a.case-resource-recommendation-link {
 }
 
 .description-textarea {
+    resize: none !important;
     &.pf-v6-c-form-control {
         &:disabled,
         &.kt1-disabled {
@@ -795,12 +805,14 @@ div.case-details-tabs pre {
     margin-bottom: 1rem;
 }
 
-#external-ssousername-filter:has(.pf-v6-c-truncate) {
-    @media (min-width: 1300px) {
-        min-width: calc(100% + 269px) !important;
-    }
-}
-
 .case-creation-severity-select {
     max-width: min-content !important;
 }
+
+.pf-v6-c-wizard__main-body {
+    padding: 32px;
+}
+
+.pf-v6-c-alert__description {
+    color: #000000;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.27",
+    "version": "2.6.29",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -51,7 +51,6 @@
     "dependencies": {
         "@cee-eng/hydrajs": "4.18.57",
         "@cee-eng/ui-toolkit": "1.1.8",
-        "@ifd-ui/ask-redhat-core": "^0.0.30",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
@@ -59,11 +58,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.27",
-        "@rh-support/react-context": "2.5.29",
+        "@rh-support/components": "2.5.33",
+        "@rh-support/react-context": "2.5.35",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.18",
-        "@rh-support/utils": "2.5.17",
+        "@rh-support/user-permissions": "2.5.20",
+        "@rh-support/utils": "2.5.19",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -135,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "ccbc3132ec2028f541f8ea4e1f713929f2754105"
+    "gitHead": "c533afec1e04aa8a6da485d8855d80ce1a75fd88"
 }

package/lib/esm/components/TroubleshootSection/AskRedHat.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface IProps {
-    onChatWithAIClick?: () => void;
-}
-export declare const AskRedHat: React.FC<IProps>;
-export {};
-//# sourceMappingURL=AskRedHat.d.ts.map

package/lib/esm/components/TroubleshootSection/AskRedHat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AskRedHat.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/AskRedHat.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,UAAU,MAAM;IACZ,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqJtC,CAAC"}

package/lib/esm/components/TroubleshootSection/AskRedHat.js

@@ -1,73 +0,0 @@
-import { Button, Card, CardBody, CardHeader, Spinner } from '@patternfly/react-core';
-import React, { useRef, useState } from 'react';
-import { useAIResponseState } from '../../context/AIResponseContext';
-import { useParseRuleMarkdown } from '../../hooks/useParseRuleMarkdown';
-import { CollapseIcon } from './icons/CollapseIcon';
-import { StarIcon } from './icons/StarIcon';
-export const AskRedHat = ({ onChatWithAIClick }) => {
-    const [isExpanded, setIsExpanded] = useState(false);
-    const aiResponseState = useAIResponseState();
-    const contentRef = useRef(null);
-    const onToggle = () => {
-        if (isExpanded && contentRef.current) {
-            contentRef.current.scrollTop = 0;
-        }
-        setIsExpanded((prev) => !prev);
-    };
-    const handleChatWithAIClick = () => onChatWithAIClick === null || onChatWithAIClick === void 0 ? void 0 : onChatWithAIClick();
-    const aiResponse = aiResponseState.aiResponse;
-    const answer = (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.answer) || (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.content) || 'No AI response available yet.';
-    const sources = (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.sources) || (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.references) || [];
-    const sourcesCount = sources.length || 0;
-    const isLoading = aiResponseState.isLoading || !aiResponse;
-    const { parseMarkdown } = useParseRuleMarkdown();
-    if (isLoading) {
-        return (React.createElement("div", { className: "ask-redhat" },
-            React.createElement("p", { className: "ask-redhat-title" },
-                React.createElement(StarIcon, { width: 20, height: 20 }),
-                "Resolve your issue now with AI insights"),
-            React.createElement("div", { className: "ask-redhat-content-wrapper" },
-                React.createElement("div", { className: "ask-redhat-content", style: { textAlign: 'center', padding: '2rem' } },
-                    React.createElement(Spinner, { size: "lg" }),
-                    React.createElement("p", { style: { marginTop: '1rem' } }, "Getting AI insights..."))),
-            !aiResponseState.isLoading && (React.createElement("div", { className: "ask-redhat-toggle-button" },
-                React.createElement(Button, { variant: "link", onClick: handleChatWithAIClick, className: "ask-redhat-chat-button" }, "Chat with AI to get started")))));
-    }
-    if (aiResponseState.error) {
-        return (React.createElement("div", { className: "ask-redhat" },
-            React.createElement("p", { className: "ask-redhat-title" },
-                React.createElement(StarIcon, { width: 20, height: 20 }),
-                "Resolve your issue now with AI insights"),
-            React.createElement("div", { className: "ask-redhat-content-wrapper" },
-                React.createElement("div", { className: "ask-redhat-content", style: { textAlign: 'center', padding: '2rem' } },
-                    React.createElement("p", { style: { color: '#d73502', marginBottom: '1rem' } }, "Unable to get AI insights. Please try again later."),
-                    React.createElement(Button, { variant: "link", onClick: handleChatWithAIClick, className: "ask-redhat-chat-button", icon: React.createElement(StarIcon, null) }, "Try again with AI Chat")))));
-    }
-    return (React.createElement("div", { className: "ask-redhat" },
-        React.createElement("p", { className: "ask-redhat-title" },
-            React.createElement(StarIcon, { width: 20, height: 20 }),
-            "Resolve your issue now with AI insights"),
-        React.createElement("div", { className: "ask-redhat-content-wrapper" },
-            React.createElement("div", { ref: contentRef, className: `ask-redhat-content ${isExpanded ? 'ask-redhat-content--expanded' : ''}` },
-                React.createElement("div", { className: `ask-redhat-content-scrollable ${isExpanded ? 'ask-redhat-content--expanded-scrollable' : ''}` },
-                    React.createElement("div", null,
-                        React.createElement("div", { dangerouslySetInnerHTML: { __html: parseMarkdown(answer) } }),
-                        sourcesCount > 0 && (React.createElement(React.Fragment, null,
-                            React.createElement("p", null, "2 sources"),
-                            React.createElement("div", { className: "ask-redhat-cards" }, sources.map((source, index) => (React.createElement(Card, { className: "ask-redhat-card", key: index },
-                                React.createElement(CardHeader, null,
-                                    React.createElement("h3", { className: "ask-redhat-card-title" },
-                                        React.createElement("a", { href: source.link, target: "_blank", rel: "noopener noreferrer" }, source.title))),
-                                React.createElement(CardBody, null,
-                                    React.createElement("p", null, source.snippet)))))))))),
-                React.createElement("div", { className: "ask-redhat-footer-wrapper" },
-                    React.createElement("div", { className: "ask-redhat-footer" },
-                        React.createElement("p", { className: "ask-redhat-footer-text" }, "Want to continue the conversation? Dive deeper with our AI assistant"),
-                        React.createElement(Button, { onClick: handleChatWithAIClick, className: 'ask-redhat-chat-button', icon: React.createElement(StarIcon, null) }, "Chat with AI"))),
-                !isExpanded && React.createElement("div", { className: "ask-redhat-fade-overlay" }))),
-        React.createElement("div", { className: "ask-redhat-toggle-button-wrapper" },
-            React.createElement("div", { className: "ask-redhat-border-line" }),
-            React.createElement(Button, { onClick: onToggle, className: isExpanded ? 'ask-redhat-toggle-button-collapsed' : 'ask-redhat-toggle-button' },
-                isExpanded ? React.createElement(CollapseIcon, null) : React.createElement(StarIcon, { width: 20, height: 20 }),
-                isExpanded ? '' : 'Read more'))));
-};

package/lib/esm/components/TroubleshootSection/icons/CollapseIcon.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface IconProps {
-    width?: number;
-    height?: number;
-    fillColor?: string;
-}
-export declare const CollapseIcon: (props: IconProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=CollapseIcon.d.ts.map

package/lib/esm/components/TroubleshootSection/icons/CollapseIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/TroubleshootSection/icons/CollapseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,UAAW,SAAS,sBAiB5C,CAAC"}

package/lib/esm/components/TroubleshootSection/icons/CollapseIcon.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const CollapseIcon = (props) => {
-    const { width = 18.118, height = 12 } = props;
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 19 11", fill: "none", style: {
-            flexShrink: 0,
-        } },
-        React.createElement("path", { d: "M9.05895 0L16.9042 7.07143H1.21367L9.05895 0Z", fill: "#9F549C" }),
-        React.createElement("path", { d: "M9.05895 1.57129L16.9042 8.64272H1.21367L9.05895 1.57129Z", fill: "white" })));
-};

package/lib/esm/components/TroubleshootSection/icons/StarIcon.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface IconProps {
-    width?: number;
-    height?: number;
-    fillColor?: string;
-}
-export declare const StarIcon: (props: IconProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=StarIcon.d.ts.map

package/lib/esm/components/TroubleshootSection/icons/StarIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StarIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/TroubleshootSection/icons/StarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,UAAW,SAAS,sBAgDxC,CAAC"}

package/lib/esm/components/TroubleshootSection/icons/StarIcon.js

@@ -1,17 +0,0 @@
-import React from 'react';
-export const StarIcon = (props) => {
-    const { width = 16, height = 15.273 } = props;
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 16 15.273", fill: "none", style: {
-            flexShrink: 0,
-            aspectRatio: '16.00/15.27',
-        } },
-        React.createElement("path", { d: "M16.197 9.21581L11.3573 8.18825L10.3297 3.34854C10.2937 3.16868 10.1345 3.04541 9.95463 3.04541C9.77478 3.04541 9.61558 3.17385 9.57958 3.34854L8.55202 8.18825L3.71231 9.21581C3.53245 9.25181 3.40918 9.41101 3.40918 9.59087C3.40918 9.77072 3.53762 9.92992 3.71231 9.96592L8.55202 10.9935L9.57958 15.8332C9.61558 16.013 9.77478 16.1363 9.95463 16.1363C10.1345 16.1363 10.2937 16.0079 10.3297 15.8332L11.3573 10.9935L16.197 9.96592C16.3768 9.92992 16.5001 9.77072 16.5001 9.59087C16.5001 9.41101 16.3717 9.25181 16.197 9.21581Z", fill: "url(#paint0_linear_5146_16767)" }),
-        React.createElement("path", { d: "M3.40909 6.68195C3.58647 6.68195 3.74356 6.55526 3.77905 6.38297L4.16931 4.53308L6.0192 4.14282C6.19658 4.10733 6.31818 3.95024 6.31818 3.77286C6.31818 3.59548 6.19149 3.43839 6.0192 3.4029L4.16931 3.01264L3.77905 1.16275C3.74356 0.98537 3.58647 0.86377 3.40909 0.86377C3.23171 0.86377 3.07462 0.990461 3.03913 1.16275L2.64887 3.01264L0.798982 3.4029C0.6216 3.43839 0.5 3.59548 0.5 3.77286C0.5 3.95024 0.626691 4.10733 0.798982 4.14282L2.64887 4.53308L3.03913 6.38297C3.07462 6.56035 3.23171 6.68195 3.40909 6.68195Z", fill: "url(#paint1_linear_5146_16767)" }),
-        React.createElement("defs", null,
-            React.createElement("linearGradient", { id: "paint0_linear_5146_16767", x1: "9.95463", y1: "3.04541", x2: "9.95463", y2: "16.1363", gradientUnits: "userSpaceOnUse" },
-                React.createElement("stop", { stopColor: "#F56E6E" }),
-                React.createElement("stop", { offset: "1", stopColor: "#5E40BE" })),
-            React.createElement("linearGradient", { id: "paint1_linear_5146_16767", x1: "3.40909", y1: "0.86377", x2: "3.40909", y2: "6.68195", gradientUnits: "userSpaceOnUse" },
-                React.createElement("stop", { stopColor: "#F56E6E" }),
-                React.createElement("stop", { offset: "1", stopColor: "#5E40BE" })))));
-};

package/lib/esm/context/AIResponseContext.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IAIResponseActionType, IAIResponseState } from '../reducers/AIResponseConstNTypes';
-export declare const AIResponseStateContext: React.Context<IAIResponseState>;
-export declare const AIResponseDispatchContext: React.Context<React.Dispatch<IAIResponseActionType>>;
-export declare function AIResponseContextProvider({ children }: {
-    children: React.ReactNode;
-}): React.JSX.Element;
-export declare const useAIResponseState: () => IAIResponseState;
-export declare const useAIResponseDispatch: () => React.Dispatch<IAIResponseActionType>;
-//# sourceMappingURL=AIResponseContext.d.ts.map

package/lib/esm/context/AIResponseContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AIResponseContext.d.ts","sourceRoot":"","sources":["../../../src/context/AIResponseContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAA0B,MAAM,mCAAmC,CAAC;AAKpH,eAAO,MAAM,sBAAsB,iCAAgE,CAAC;AACpG,eAAO,MAAM,yBAAyB,sDACgD,CAAC;AAEvF,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAUpF;AAGD,eAAO,MAAM,kBAAkB,wBAM9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,6CAMjC,CAAC"}

package/lib/esm/context/AIResponseContext.js

@@ -1,26 +0,0 @@
-import React, { useReducer } from 'react';
-import { initialAIResponseState } from '../reducers/AIResponseConstNTypes';
-import { aiResponseReducer } from '../reducers/AIResponseReducer';
-const initialDispatchContext = () => { };
-export const AIResponseStateContext = React.createContext(initialAIResponseState);
-export const AIResponseDispatchContext = React.createContext(initialDispatchContext);
-export function AIResponseContextProvider({ children }) {
-    const [aiResponseState, aiResponseDispatch] = useReducer(aiResponseReducer, initialAIResponseState);
-    return (React.createElement(AIResponseStateContext.Provider, { value: aiResponseState },
-        React.createElement(AIResponseDispatchContext.Provider, { value: aiResponseDispatch }, children)));
-}
-// Custom hooks for easy access
-export const useAIResponseState = () => {
-    const context = React.useContext(AIResponseStateContext);
-    if (context === undefined) {
-        throw new Error('useAIResponseState must be used within a AIResponseContextProvider');
-    }
-    return context;
-};
-export const useAIResponseDispatch = () => {
-    const context = React.useContext(AIResponseDispatchContext);
-    if (context === undefined) {
-        throw new Error('useAIResponseDispatch must be used within a AIResponseContextProvider');
-    }
-    return context;
-};