@rh-support/troubleshoot 2.6.47 → 2.6.49

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

@@ -0,0 +1,13 @@
+import { CardProps, OUIAProps } from '@patternfly/react-core';
+import { type FunctionComponent } from 'react';
+import QuickResponse from './QuickResponse';
+export interface UserFeedbackProps extends Omit<CardProps, 'onSubmit'>, OUIAProps {
+    quickResponses?: QuickResponse[];
+    hasTextArea?: boolean;
+    onSubmit: (selectedResponse?: string, additionalFeedback?: string) => void;
+    onClose: () => void;
+    isSubmitting?: boolean;
+}
+declare const UserFeedback: FunctionComponent<UserFeedbackProps>;
+export default UserFeedback;
+//# sourceMappingURL=UserFeedback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserFeedback.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/UserFeedback.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMH,SAAS,EAET,SAAS,EAEZ,MAAM,wBAAwB,CAAC;AAChC,OAAc,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAGhE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS;IAC7E,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA4EtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,44 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { ActionGroup, Button, Card, CardBody, CardHeader, Form, TextArea, } from '@patternfly/react-core';
+import React, { useState } from 'react';
+import CloseButton from './CloseButton';
+import QuickResponse from './QuickResponse';
+const UserFeedback = (_a) => {
+    var { title = 'Why did you choose this rating?', hasTextArea, quickResponses, onSubmit, onClose, isCompact, isSubmitting = false } = _a, props = __rest(_a, ["title", "hasTextArea", "quickResponses", "onSubmit", "onClose", "isCompact", "isSubmitting"]);
+    const [selectedResponse, setSelectedResponse] = useState();
+    const [value, setValue] = useState('');
+    return (React.createElement(Card, Object.assign({ isCompact: isCompact, className: "pf-chatbot__feedback-card" }, props),
+        React.createElement(CardHeader, { actions: {
+                actions: React.createElement(CloseButton, { onClose: onClose }),
+            } },
+            React.createElement("h1", { className: "pf-chatbot__feedback-card-title" }, title)),
+        React.createElement(CardBody, null,
+            React.createElement(Form, { className: `pf-chatbot__feedback-card-form ${isCompact ? 'pf-m-compact' : ''}` },
+                quickResponses && (React.createElement(QuickResponse, { quickResponses: quickResponses, onSelect: (id) => {
+                        const selectedQuickResponse = quickResponses.find((response) => response.id === id);
+                        setSelectedResponse(selectedQuickResponse === null || selectedQuickResponse === void 0 ? void 0 : selectedQuickResponse.content);
+                    }, isCompact: isCompact })),
+                hasTextArea && (React.createElement(React.Fragment, null,
+                    React.createElement(TextArea, { value: value, onChange: (_event, value) => {
+                            setValue(value);
+                        }, placeholder: "Provide optional additional feedback", "aria-label": "Provide optional additional feedback", resizeOrientation: "vertical" }),
+                    React.createElement("div", { className: "privacy-notice-container" },
+                        React.createElement("p", null,
+                            "Do not share any personal or other sensitive information in your feedback. Feedback may be used to improve Red Hat's products or services. For more information about Red Hat's privacy practices, please refer to the",
+                            ' ',
+                            React.createElement("a", { href: "https://www.redhat.com/en/about/privacy-policy", target: "_blank", rel: "noopener noreferrer" }, "Red Hat Privacy Statement"),
+                            ".")))),
+                React.createElement(ActionGroup, null,
+                    React.createElement(Button, { onClick: () => onSubmit(selectedResponse, value), isDisabled: isSubmitting, isLoading: isSubmitting }, "Send Feedback"))))));
+};
+export default UserFeedback;

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

@@ -0,0 +1,10 @@
+import { CardProps, OUIAProps } from '@patternfly/react-core';
+import React, { type FunctionComponent } from 'react';
+export interface UserFeedbackCompleteProps extends Omit<CardProps, 'ref'>, OUIAProps {
+    title?: string;
+    body?: string | React.ReactNode;
+    onClose?: () => void;
+}
+declare const UserFeedbackComplete: FunctionComponent<UserFeedbackCompleteProps>;
+export default UserFeedbackComplete;
+//# sourceMappingURL=UserFeedbackComplete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserFeedbackComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/UserFeedbackComplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,SAAS,EAAa,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACrG,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,yBAAyB,CAyEtE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Card, CardBody, CardHeader, CardTitle } from '@patternfly/react-core';
+import React from 'react';
+import CloseButton from './CloseButton';
+const UserFeedbackComplete = (_a) => {
+    var { title = 'Feedback submitted', body = "We've received your response. Thank you for sharing your feedback!", onClose, isCompact } = _a, props = __rest(_a, ["title", "body", "onClose", "isCompact"]);
+    return (React.createElement(Card, Object.assign({ isCompact: isCompact, className: "pf-chatbot__feedback-card pf-chatbot__feedback-card-complete" }, props),
+        React.createElement(CardHeader, { className: onClose
+                ? 'pf-chatbot__feedback-card-complete-header'
+                : 'pf-chatbot__feedback-card-complete-empty-header', actions: onClose
+                ? {
+                    actions: React.createElement(CloseButton, { onClose: onClose }),
+                }
+                : undefined }),
+        React.createElement("div", { className: "pf-chatbot__feedback-complete-body" },
+            React.createElement("div", { className: "pf-chatbot__feedback-complete-image" },
+                React.createElement("svg", { width: "60", height: "64", viewBox: "0 0 60 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M53.0555 21.5975H6.94323C3.57013 21.5975 0.835693 24.3319 0.835693 27.705V57.8925C0.835693 61.2656 3.57013 64 6.94323 64H53.0555C56.4286 64 59.1631 61.2656 59.1631 57.8925V27.705C59.1631 24.3319 56.4286 21.5975 53.0555 21.5975Z", fill: "#F8AE54" }),
+                    React.createElement("path", { d: "M55.8973 19.8247C52.5894 15.7926 29.9992 0 29.9992 0C29.9992 0 7.40996 15.7926 4.10102 19.8247C0.79312 23.8568 0.835476 25.7184 0.835476 27.8899H59.1629C59.1629 25.7184 59.2052 23.8578 55.8973 19.8257V19.8247Z", fill: "#FFCC17" }),
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M53.0567 8.48981H6.94336V61.8388H53.0567V8.48981Z", fill: "#F2F2F2" })),
+                    React.createElement("path", { d: "M51.6589 7.49908H8.34204V60.8481H51.6589V7.49908Z", fill: "white" }),
+                    React.createElement("path", { d: "M0.835693 29.1296V57.8925C0.835693 59.2375 1.27165 60.4803 2.00823 61.4896L23.0303 43.5462L0.835693 29.1296Z", fill: "#FFCC17" }),
+                    React.createElement("path", { d: "M36.9695 43.5472L57.9905 61.4907C58.7271 60.4813 59.1631 59.2386 59.1631 57.8935V29.1306L36.9685 43.5472H36.9695Z", fill: "#FFF4CC" }),
+                    React.createElement("path", { d: "M0.835693 57.8925V57.8067L22.4146 42.7992L29.9994 37.5244L37.5842 42.7992L59.1641 57.8067V57.8925C59.1641 61.2665 56.4296 64 53.0566 64H6.94323C3.57024 64 0.835693 61.2665 0.835693 57.8925Z", fill: "#FFE072" }),
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M22.1563 42.978L0.835693 57.8067V56.6993L22.1563 42.978Z", fill: "#FEF07C" })),
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M37.8425 42.978L59.1631 57.8067V56.6993L37.8425 42.978Z", fill: "#FEF07C" })),
+                    React.createElement("path", { d: "M37.8037 32.2373C42.1136 27.9273 42.1136 20.9395 37.8037 16.6295C33.4937 12.3196 26.5059 12.3196 22.196 16.6295C17.886 20.9395 17.886 27.9273 22.196 32.2373C26.5059 36.5472 33.4937 36.5472 37.8037 32.2373Z", fill: "#0066CC" }),
+                    React.createElement("path", { d: "M27.7803 30.1276C27.6098 30.1276 27.4497 30.0614 27.3298 29.9406L22.9465 25.5562C22.8267 25.4364 22.7595 25.2762 22.7595 25.1068C22.7595 24.9374 22.8256 24.7762 22.9465 24.6554L24.2379 23.364C24.3577 23.2442 24.5178 23.177 24.6883 23.177C24.8587 23.177 25.0168 23.2431 25.1377 23.363L27.7803 26.0056L34.861 18.9259C34.9808 18.8061 35.1409 18.7389 35.3103 18.7389C35.4798 18.7389 35.6389 18.8051 35.7597 18.9239L37.0531 20.2173C37.173 20.3361 37.2401 20.4962 37.2401 20.6677C37.2401 20.8392 37.174 20.9983 37.0531 21.1181L28.2317 29.9406C28.1119 30.0604 27.9518 30.1265 27.7823 30.1265L27.7803 30.1276Z", fill: "white" }))),
+            React.createElement("div", { className: "pf-chatbot__feedback-complete-text" },
+                React.createElement(CardTitle, { className: "pf-chatbot__feedback-complete-title" }, title),
+                React.createElement(CardBody, { className: `pf-chatbot__feedback-complete-card-body` }, body)))));
+};
+export default UserFeedbackComplete;

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,17 @@
+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/components/wizardLayout/WizardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAoNzC"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA+NzC"}

package/lib/esm/components/wizardLayout/WizardLayout.js

@@ -33,20 +33,23 @@ import { GlobalTroubleshootEffects } from './GlobalTroubleshootEffects';
 import WizardAside from './WizardAside';
 import WizardMain from './WizardMain';
 export function WizardLayout(props) {
+    var _a, _b, _c, _d;
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
     const { getMetadata } = useMetadata();
-    const { caseCreationError, contactSSOName, caseType, product, caseState, ABTestVariation } = useCaseSelector((state) => ({
+    const [isAIChatMode, setIsAIChatMode] = useState(false);
+    const { caseCreationError, contactSSOName, caseType, product, caseState, ABTestVariation, hasInvalidEntitlements } = useCaseSelector((state) => ({
         caseState: state,
         caseCreationError: state.caseCreationError,
         contactSSOName: state.caseDetails.contactSSOName,
         caseType: state.caseDetails.caseType,
         product: state.caseDetails.product,
         ABTestVariation: state.ABTestVariation,
+        hasInvalidEntitlements: state.hasInvalidEntitlements,
     }), isEqual);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const caseDispatch = useCaseDispatch();
     const { sessionRestore: { activeSessionId, previousSessions }, } = useContext(SessionRestoreStateContext);
-    const { globalMetadataState: { allProducts, loggedInUser, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allProducts, loggedInUser, loggedInUsersAccount, loggedInUserRights, pcmConfig }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     const { attachmentState } = useContext(AttachmentStateContext);
@@ -152,9 +155,9 @@ export function WizardLayout(props) {
         React.createElement(GlobalTroubleshootEffects, { routeProps: props.routeProps }),
         activeSection !== AppRouteSections.DESCRIBE_IDEA && (React.createElement(PreCaseConfirmationModals, { onModalClose: onModalClose, confirmationModalType: confirmationModalType, onConfirm: () => submitCaseAndNavigate(caseCreationError) })),
         React.createElement(Grid, { style: { height: '100%' } },
-            React.createElement(GridItem, { sm: 12, md: 12, lg: 8, xl2: 8 },
-                React.createElement(WizardMain, { routeProps: props.routeProps, submitCaseAndNavigate: submitCaseAndNavigate, confirmSupportModal: confirmSupportModal })),
-            React.createElement(GridItem, { span: 4, className: "grid-wizard-aside-content" },
-                React.createElement(WizardAside, { isAttachmentUploadModalOpen: confirmationModalType === PreCaseConfirmationModalsEnum.NO_ATTACHMENT_MODAL, routeProps: props.routeProps }))),
+            React.createElement(GridItem, { sm: 12, md: 12, lg: isAIChatMode ? 12 : 8, xl2: isAIChatMode ? 12 : 8 },
+                React.createElement(WizardMain, { routeProps: props.routeProps, submitCaseAndNavigate: submitCaseAndNavigate, confirmSupportModal: confirmSupportModal, isAIChatMode: isAIChatMode, setIsAIChatMode: setIsAIChatMode, isSecureSupport: (_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.secureSupport, hasConfirmedStatesideSupport: (_b = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.hasConfirmedStatesideSupport, isUserExternal: (_d = (_c = loggedInUserRights === null || loggedInUserRights === void 0 ? void 0 : loggedInUserRights.data) === null || _c === void 0 ? void 0 : _c.isExternal()) !== null && _d !== void 0 ? _d : false, hasInvalidEntitlements: hasInvalidEntitlements })),
+            !isAIChatMode && (React.createElement(GridItem, { span: 4, className: "grid-wizard-aside-content" },
+                React.createElement(WizardAside, { isAttachmentUploadModalOpen: confirmationModalType === PreCaseConfirmationModalsEnum.NO_ATTACHMENT_MODAL, routeProps: props.routeProps })))),
         React.createElement(AlertToastWrapper, { submitCaseAndNavigate: submitCaseAndNavigate, routeProps: props.routeProps })));
 }

package/lib/esm/components/wizardLayout/WizardMain.d.ts

@@ -1,10 +1,16 @@
-import React from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
     submitCaseAndNavigate: (isReSubmitting: boolean) => void;
     confirmSupportModal: (hasPreferredSecureSupportAccount: boolean) => void;
+    isAIChatMode: boolean;
+    setIsAIChatMode: Dispatch<SetStateAction<boolean>>;
+    isSecureSupport?: boolean;
+    hasConfirmedStatesideSupport?: boolean;
+    isUserExternal?: boolean;
+    hasInvalidEntitlements?: boolean;
 }
 declare function WizardMain(props: IProps): React.JSX.Element;
 export default WizardMain;

package/lib/esm/components/wizardLayout/WizardMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5E;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAwMhC;AACD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAE3G,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAe9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AA0FpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA2XhC;AACD,eAAe,UAAU,CAAC"}

package/lib/esm/components/wizardLayout/WizardMain.js

@@ -1,3 +1,12 @@
+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());
+    });
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -9,16 +18,22 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Env } from '@cee-eng/hydrajs';
+import { askRHDirectAIResponse, getRHDirectStatusCheck, } from '@ifd-ui/ask-redhat-core';
 import { Wizard, WizardNav, WizardNavItem, WizardStep, } from '@patternfly/react-core';
 import { LoadingIndicator } from '@rh-support/components';
+import i18n from 'i18next';
 import isEqual from 'lodash/isEqual';
 import React, { Suspense, useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Route } from 'react-router-dom';
+import { useAIResponseDispatch, useAIResponseState } from '../../context/AIResponseContext';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationDispatchContext } from '../../context/RecommendationContext';
 import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
 import { useWizard } from '../../hooks/useWizard';
+import { streamingChunkReceived, streamingCompleted, streamingError, streamingStarted, } from '../../reducers/AIResponseReducer';
+import { appSourceId_ARH, excludedCaseTypesforARH } from '../../reducers/CaseConstNTypes';
 import { RecommendationsConstants } from '../../reducers/RecommendationsReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { setActiveSectionChanged, updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
@@ -27,22 +42,84 @@ import SubmitCase from '../SubmitCase/SubmitCase';
 import MainSection from './MainSection';
 import NewFeatureModal from './NewFeatureModal';
 import WizardNavigation from './WizardNavigation';
+// Mapping for case type display text in AI questions
+const CASE_TYPE_AI_TEXT_MAP = {
+    Other: 'Something',
+};
+const getCaseTypeAIText = (caseType) => {
+    return CASE_TYPE_AI_TEXT_MAP[caseType] || caseType;
+};
+const generateCaseTypePrefix = (activeSection, caseType, lang) => {
+    if (activeSection === AppRouteSections.TROUBLESHOOT) {
+        return '';
+    }
+    const helpWith = getCaseTypeAIText(caseType);
+    const helpWithMap = {
+        en: `I want help with ${helpWith}.`,
+        de: `Ich benoetige Hilfe bei ${helpWith}.`,
+        zh: `我需要 ${helpWith} 方面的帮助。`,
+        pt: `Eu quero ajuda com ${helpWith}.`,
+        fr: `Je souhaite obtenir de l'aide pour ${helpWith}.`,
+        ko: `${helpWith}에 대한 도움이 필요합니다.`,
+        it: `Vorrei aiuto con un ${helpWith}.`,
+        ja: `${helpWith}のサポートを希望します。`,
+        ru: `Я хочу помощь с ${helpWith}.`,
+        es: `Quiero ayuda con ${helpWith}.`,
+    };
+    return helpWithMap[lang] || helpWithMap.en;
+};
+// Generate AI question based on case details
+const generateAIQuestion = (activeSection, product, version, summary, issue, caseType, lang) => {
+    const baseMessageMap = {
+        en: `My issue is primarily related to ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. I would title my problem: ${summary !== null && summary !== void 0 ? summary : ''}. More details are as follows: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        de: `Mein Problem hängt hauptsächlich mit ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''} zusammen. Ich würde mein Problem so betiteln: ${summary !== null && summary !== void 0 ? summary : ''}. Weitere Details sind wie folgt: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        zh: `我的问题主要与${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}有关。我会将我的问题命名为：${summary !== null && summary !== void 0 ? summary : ''}。更多细节如下：${issue !== null && issue !== void 0 ? issue : ''}。`,
+        pt: `Meu problema está principalmente relacionado a ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Eu daria ao meu problema o título: ${summary !== null && summary !== void 0 ? summary : ''}. Mais detalhes são os seguintes: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        fr: `Mon problème est principalement lié à ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Je donnerais à mon problème le titre : ${summary !== null && summary !== void 0 ? summary : ''}. Plus de détails sont les suivants : ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        ko: `내 문제는 주로 ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}과(와) 관련이 있습니다. 내 문제의 제목은 ${summary !== null && summary !== void 0 ? summary : ''}입니다. 자세한 내용은 다음과 같습니다: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        it: `Il mio problema è principalmente legato a ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Intitolerei il mio problema: ${summary !== null && summary !== void 0 ? summary : ''}. Ulteriori dettagli sono i seguenti: ${issue !== null && issue !== void 0 ? issue : ''}`,
+        ja: `私の問題は主に${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}に関係しています。問題のタイトルは: ${summary !== null && summary !== void 0 ? summary : ''}です。詳細は次のとおりです: ${issue !== null && issue !== void 0 ? issue : ''}。`,
+        ru: `Моя проблема в основном связана с ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Я бы назвал свою проблему: ${summary !== null && summary !== void 0 ? summary : ''}. Дополнительные подробности следующие: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        es: `Mi problema está principalmente relacionado con ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Titularía mi problema: ${summary !== null && summary !== void 0 ? summary : ''}. Más detalles son los siguientes: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+    };
+    const prefix = generateCaseTypePrefix(activeSection, caseType, lang);
+    return `${prefix} ${baseMessageMap[lang] || baseMessageMap.en}`;
+};
 function WizardMain(props) {
+    var _a, _b, _c;
     const [showRestFlag, setShowRestFlag] = useState(false);
+    const [aiServicesAvailable, setAIServicesAvailable] = useState(false); // default to false until services are confirmed available
     const recommendationDispatch = useContext(RecommendationDispatchContext);
-    const { isCreatingCase } = useCaseSelector((state) => ({
+    const { isCreatingCase, product, version, summary, issue, caseType } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
+        product: state.caseDetails.product,
+        version: state.caseDetails.version,
+        summary: state.caseDetails.summary,
+        issue: state.caseDetails.issue,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
-    const { routeState: { isCaseCreate }, } = useContext(RouteContext);
+    const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
+    const aiResponseDispatch = useAIResponseDispatch();
+    const isTroubleshootSection = activeSection === AppRouteSections.TROUBLESHOOT;
+    const isResourcesSection = activeSection === AppRouteSections.RESOURCES;
+    const isSummarizeSection = activeSection === AppRouteSections.SUMMARIZE;
     const [userSeenRecommendations, setUserSeenRecommendations] = useState(false);
     const [userClickedNextonRecommendations, setUserClickedNextonRecommendations] = useState(false);
     const [userScrolledLabel, setUserScrolledLabel] = useState(false);
     const [userCanNavigateToTroubleshoot, setUserCanNavigateToTroubleshoot] = useState(false);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [isNextButtonClicked, setIsNextButtonClicked] = useState(false);
     const isNextButtonClickedRef = useRef(false);
     const isBackButtonClickedRef = useRef(false);
     const resultsRowRef = useRef(null);
+    const previousARHFieldsRef = useRef({
+        product: product,
+        version: version,
+        summary: summary,
+        issue: issue,
+    });
+    const handleChatWithAIClick = () => {
+        props.setIsAIChatMode(true);
+    };
     const { getStepsSequece } = useWizard(props.routeProps, {
         userSeenRecommendationsfn: setUserSeenRecommendations,
         userSeenRecommendationsValue: userSeenRecommendations,
@@ -50,12 +127,91 @@ function WizardMain(props) {
         userClickedNextonRecommendationsValue: userClickedNextonRecommendations,
         resultsRowRef: resultsRowRef,
         userScrolledLabel: userScrolledLabel,
+        isAIChatMode: props.isAIChatMode,
+        setIsAIChatMode: props.setIsAIChatMode,
+        onChatWithAIClick: handleChatWithAIClick,
+        aiServicesAvailable: aiServicesAvailable,
+        isSecureSupport: props.isSecureSupport,
+        hasConfirmedStatesideSupport: props.hasConfirmedStatesideSupport,
     });
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const { t } = useTranslation();
     useEffect(() => {
         setActiveSectionChanged(dispatchToRouteReducer, isCaseCreate ? AppRouteSections.GET_SUPPORT : AppRouteSections.TROUBLESHOOT, '');
     }, [isCaseCreate, dispatchToRouteReducer]);
+    const shouldEnableARHServices = () => {
+        // Check if the current section is relevant for AI services
+        const isRelevantSection = isTroubleshootSection || isSummarizeSection || isResourcesSection;
+        // Check if the case type is allowed (not in the excluded list)
+        const isCaseTypeAllowed = !excludedCaseTypesforARH.includes(caseType || '');
+        // Check if user is not a secure support or confirmed stateside support user
+        const isNotSecureOrStatesideUser = !props.isSecureSupport && !props.hasConfirmedStatesideSupport;
+        // Check if the ARH fields have changed
+        const isARHFieldsChanged = haveARHFieldsChanged();
+        // Check if user is external and has invalid entitlements
+        const isNotUnentitledExternalUser = !(props.isUserExternal && props.hasInvalidEntitlements);
+        return (isRelevantSection &&
+            isCaseTypeAllowed &&
+            isNotSecureOrStatesideUser &&
+            isARHFieldsChanged &&
+            isNotUnentitledExternalUser);
+    };
+    // Check if any of the ARH-relevant fields have changed
+    const haveARHFieldsChanged = () => {
+        const hasChanged = previousARHFieldsRef.current.product !== product ||
+            previousARHFieldsRef.current.version !== version ||
+            previousARHFieldsRef.current.summary !== summary ||
+            previousARHFieldsRef.current.issue !== issue;
+        if (hasChanged) {
+            previousARHFieldsRef.current = {
+                product,
+                version,
+                summary,
+                issue,
+            };
+        }
+        return hasChanged;
+    };
+    useEffect(() => {
+        if (!activeSection) {
+            return;
+        }
+        //todo - need to revisit this logic
+        // if (!shouldEnableARHServices()) {
+        //     if (aiServicesAvailable) {
+        //         setAIServicesAvailable(false);
+        //     }
+        //     return;
+        // }
+        // check if ARH services are available
+        if (!aiServicesAvailable) {
+            const checkAIServices = () => __awaiter(this, void 0, void 0, function* () {
+                var _a, _b, _c;
+                const config = {
+                    appSourceId: appSourceId_ARH,
+                    authToken: (_b = (_a = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _a === void 0 ? void 0 : _a.getEncodedToken()) !== null && _b !== void 0 ? _b : '',
+                    packageVersion: (_c = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _c === void 0 ? void 0 : _c.packageVersion,
+                    appEnv: Env.getEnvName(),
+                };
+                try {
+                    yield getRHDirectStatusCheck(config);
+                    setAIServicesAvailable(true);
+                }
+                catch (error) {
+                    setAIServicesAvailable(false);
+                }
+            });
+            checkAIServices();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        activeSection,
+        caseType,
+        isCaseCreate,
+        aiServicesAvailable,
+        props.isSecureSupport,
+        props.hasConfirmedStatesideSupport,
+    ]);
     const renderSubmitCasePage = () => (React.createElement(MainSection, { section: AppRouteSections.SUBMIT_CASE, title: t('Case has been submitted'), isLoading: isCreatingCase, description: t("We'll be in contact with you shortly. Look for updates on this case."), className: "case-submit-page" },
         React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
             React.createElement(SubmitCase, { routeProps: props.routeProps }))));
@@ -100,9 +256,46 @@ function WizardMain(props) {
         isBackButtonClickedRef.current = false;
         setIsNextButtonClicked(false);
     };
+    const handleReturnToCaseCreation = () => {
+        props.setIsAIChatMode(false);
+    };
     const customNav = (isExpanded, steps, activeStep, goToStepByIndex) => (React.createElement(WizardNav, { isExpanded: isExpanded }, steps.map((step) => {
         return (React.createElement(WizardNavItem, { key: step.id, id: step.id, content: step.name, isCurrent: activeStep.id === step.id, isDisabled: !step.canJumpTo, stepIndex: step.index, onClick: () => goToStepByIndex(step.index) }));
     })));
+    const aiResponseState = useAIResponseState();
+    const config = {
+        appSourceId: appSourceId_ARH,
+        authToken: (_b = (_a = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _a === void 0 ? void 0 : _a.getEncodedToken()) !== null && _b !== void 0 ? _b : '',
+        packageVersion: (_c = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _c === void 0 ? void 0 : _c.packageVersion,
+        appEnv: Env.getEnvName(),
+    };
+    const fetchARHResponse = () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const detailedQuestion = generateAIQuestion(activeSection || '', product, version, summary, issue, caseType || '', i18n.language || 'en');
+        //streaming callbacks
+        const streamingCallbacks = {
+            onChunk: (chunk, accumulatedResponse) => {
+                aiResponseDispatch(streamingChunkReceived(chunk, accumulatedResponse));
+            },
+            onComplete: (finalResponse) => {
+                aiResponseDispatch(streamingCompleted(finalResponse));
+            },
+            onError: (error) => {
+                aiResponseDispatch(streamingError(error));
+            },
+        };
+        aiResponseDispatch(streamingStarted());
+        try {
+            // Get existing conversation ID from state if available (need to map it with session data)
+            const existingConversationId = (_a = aiResponseState === null || aiResponseState === void 0 ? void 0 : aiResponseState.aiResponse) === null || _a === void 0 ? void 0 : _a.conversationId;
+            yield askRHDirectAIResponse(detailedQuestion, config, true, // response to be streamed or not
+            existingConversationId, streamingCallbacks);
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : 'Failed to get AI response';
+            aiResponseDispatch(streamingError(errorMessage));
+        }
+    });
     const CustomFooter = (activeStep, goToNextStep, goToPrevStep) => {
         useEffect(() => {
             if (steps.length > 2 && (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === 2 && isNextButtonClicked) {
@@ -110,16 +303,22 @@ function WizardMain(props) {
             }
             // eslint-disable-next-line react-hooks/exhaustive-deps
         }, [activeStep, steps.length, isNextButtonClicked, goToNextStep]);
-        return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: (e) => {
-                isNextButtonClickedRef.current = true;
-                setIsNextButtonClicked(true);
-                goToNextStep(e);
-                focusWizardMainPanel();
-            }, onBack: (e) => {
+        const handleContinueClick = () => __awaiter(this, void 0, void 0, function* () {
+            // Navigate to next step first
+            isNextButtonClickedRef.current = true;
+            setIsNextButtonClicked(true);
+            goToNextStep({});
+            focusWizardMainPanel();
+            // Fetch ARH response if conditions are met
+            if (shouldEnableARHServices() && aiServicesAvailable) {
+                yield fetchARHResponse();
+            }
+        });
+        return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: handleContinueClick, onBack: () => {
                 isBackButtonClickedRef.current = true;
-                goToPrevStep(e);
+                goToPrevStep({});
                 focusWizardMainPanel();
-            }, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag), userSeenRecommendations: userSeenRecommendations, setUserSeenRecommendations: setUserSeenRecommendations, userClickedNextonRecommendationsFn: setUserClickedNextonRecommendations, userClickedNextonRecommendationsValue: userClickedNextonRecommendations, setUserCanNavigateToTroubleshoot: setUserCanNavigateToTroubleshoot, resultsRowRef: resultsRowRef, setUserScrolledLabel: setUserScrolledLabel }));
+            }, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag), userSeenRecommendations: userSeenRecommendations, setUserSeenRecommendations: setUserSeenRecommendations, userClickedNextonRecommendationsFn: setUserClickedNextonRecommendations, userClickedNextonRecommendationsValue: userClickedNextonRecommendations, setUserCanNavigateToTroubleshoot: setUserCanNavigateToTroubleshoot, resultsRowRef: resultsRowRef, setUserScrolledLabel: setUserScrolledLabel, isAIChatMode: props.isAIChatMode, onReturnToCaseCreation: handleReturnToCaseCreation }));
     };
     const steps = getStepsSequece(showRestFlag);
     const wizardSteps = steps.map((step) => {

package/lib/esm/components/wizardLayout/WizardNavigation.d.ts

@@ -16,6 +16,8 @@ interface IProps {
     setUserCanNavigateToTroubleshoot: (value: React.SetStateAction<boolean>) => void;
     resultsRowRef?: any;
     setUserScrolledLabel: (value: React.SetStateAction<boolean>) => void;
+    isAIChatMode?: boolean;
+    onReturnToCaseCreation?: () => void;
 }
 declare function WizardNavigation(props: IProps): React.JSX.Element;
 declare namespace WizardNavigation {

package/lib/esm/components/wizardLayout/WizardNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA8UtC;kBA9UQ,gBAAgB;;;AAgVzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAsVtC;kBAtVQ,gBAAgB;;;AAwVzB,eAAe,gBAAgB,CAAC"}

package/lib/esm/components/wizardLayout/WizardNavigation.js

@@ -253,9 +253,10 @@ function WizardNavigation(props) {
     // To handle entitled products
     return (React.createElement(React.Fragment, null,
         React.createElement(WizardFooterWrapper, null,
-            props.activeStep.order !== 0 && (React.createElement("button", { onClick: onBack, className: "btn btn-app btn-open-white main-nav-button", "data-tracking-id": `prev-of-${activeSection}`, type: "button", disabled: isDisabledGoBack() }, t('Go back'))),
-            React.createElement("button", { disabled: nextButtonDisabledLogic(), onClick: onNext, className: "btn btn-app btn-primary main-nav-button", "data-tracking-id": `next-of-${activeSection}`, type: "button" }, t(props.activeStep.nextButtonLabel)),
-            activeSection === AppRouteSections.RESOURCES && isFileRecommendationsTriggered && (React.createElement(Button, { onClick: handleFileRecsSelfSolved, variant: ButtonVariant.secondary, className: "issue-solved-button solved-issue-button", "data-tracking-id": "troubleshoot-self-solved-issue" }, t('I solved my issue'))),
+            props.isAIChatMode && activeSection === AppRouteSections.RESOURCES ? (React.createElement(Button, { onClick: props.onReturnToCaseCreation, variant: "link", className: "return-to-case-btn" }, isCaseCreate ? t('Return to case creation') : t('Return to resources'))) : (React.createElement(React.Fragment, null,
+                props.activeStep.order !== 0 && (React.createElement("button", { onClick: () => onBack({}), className: "btn btn-app btn-open-white main-nav-button", "data-tracking-id": `prev-of-${activeSection}`, type: "button", disabled: isDisabledGoBack() }, t('Go back'))),
+                React.createElement("button", { disabled: nextButtonDisabledLogic(), onClick: onNext, className: "btn btn-app btn-primary main-nav-button", "data-tracking-id": `next-of-${activeSection}`, type: "button" }, t(props.activeStep.nextButtonLabel)),
+                activeSection === AppRouteSections.RESOURCES && isFileRecommendationsTriggered && (React.createElement(Button, { onClick: handleFileRecsSelfSolved, variant: ButtonVariant.secondary, className: "issue-solved-button solved-issue-button", "data-tracking-id": "troubleshoot-self-solved-issue" }, t('I solved my issue'))))),
             React.createElement(RecommendationFeedbackModal, { isModalOpen: isRecsModalVisible, handleModalToggle: onRecsFeedbackModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
             activeSectionError ? (React.createElement("small", { className: "pf-v6-u-align-self-center pf-v6-u-ml-md text-red" }, activeSectionError)) : null)));
 }

package/lib/esm/components/wizardLayout/index.d.ts

@@ -2,6 +2,7 @@ import 'react-bootstrap-typeahead/css/Typeahead.css';
 import '../../css/app.css';
 import '../../css/pagination.css';
 import '../../css/productSelector.css';
+import '../../css/AskRedHat.css';
 import '../../css/results.css';
 import '../shared/fileUpload/css/fileSelector.css';
 import React from 'react';

package/lib/esm/components/wizardLayout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,sBAYzC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,sBAYzC,CAAC"}