@rh-support/components 2.5.17 → 2.5.19

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 interface IProps {
     isModalOpen: boolean;
     onClose: () => void;
+    caseSummaryId?: number | null;
+    feedbackFooterMessage?: string;
+    errorMessage?: string;
+    isCaseSummary: boolean;
 }
 declare function SupportFeedbackModal(props: IProps): React.JSX.Element;
 declare namespace SupportFeedbackModal {

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA0N1C;kBA1NQ,oBAAoB;;;AA6N7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAqQ1C;kBArQQ,oBAAoB;;;AAwQ7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.js

@@ -50,6 +50,14 @@ function SupportFeedbackModal(props) {
         });
         setSubmitButtonValid(!valid);
     }, [values]);
+    useEffect(() => {
+        if (props.caseSummaryId) {
+            setValues((prev) => (Object.assign(Object.assign({}, prev), { caseSummaryId: props.caseSummaryId })));
+        }
+        if (props.errorMessage) {
+            setValues((prev) => (Object.assign(Object.assign({}, prev), { caseSummaryErrorMessage: props.errorMessage })));
+        }
+    }, [props.caseSummaryId, props.errorMessage]);
     // To Handle the Feedback Satisfaction values
     const handleSentimentChange = (event) => {
         setIsSubmitDisabled(false);
@@ -63,9 +71,20 @@ function SupportFeedbackModal(props) {
     const handleSubmit = (event) => __awaiter(this, void 0, void 0, function* () {
         event.preventDefault();
         if (!isSubmitButtonValid) {
+            let updatedValues = Object.assign({}, values);
+            if (props.isCaseSummary) {
+                const extraInfo = [
+                    props.errorMessage && `caseSummaryErrorMessage:'${props.errorMessage}'\n`,
+                    props.caseSummaryId && `caseSummaryId:'${props.caseSummaryId}'\n`,
+                ];
+                updatedValues = Object.assign(Object.assign({}, updatedValues), { moreInfo: `${extraInfo}${updatedValues.moreInfo || ''}`.trim() });
+                delete updatedValues.caseSummaryErrorMessage;
+                delete updatedValues.caseSummaryId;
+            }
             try {
-                yield request(values, window.sessionjs, window.location.href, seSessionId);
-                setValues(formInitState);
+                // Call the request with the updated values
+                yield request(updatedValues, window.sessionjs, window.location.href, seSessionId);
+                setValues(formInitState); // Reset form state after successful submission
                 ToastNotification.addSuccessMessage(t(`Thank you. We've received your feedback.`), t('Have a great day!'));
                 handleModalToggle();
             }
@@ -118,7 +137,7 @@ function SupportFeedbackModal(props) {
             React.createElement("form", { className: "support-feedback-form", action: "", onSubmit: handleSubmit },
                 React.createElement("fieldset", { className: "form-group radios feedback-satisfaction pf-v5-u-mb-sm", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
                     React.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-v5-u-mb-md" },
-                        React.createElement(Trans, null, "How satisfied are you with customer support\u2019s web experience?"),
+                        props.isCaseSummary ? (React.createElement(Trans, null, "How satisfied are you with generated AI case summary ?")) : (React.createElement(Trans, null, "How satisfied are you with customer support\u2019s web experience?")),
                         React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*"),
                         ' '),
                     React.createElement("div", { className: "satisfaction-values-wrapper" }, sentiments.map((sentiment) => {
@@ -135,8 +154,11 @@ function SupportFeedbackModal(props) {
                     React.createElement("label", { htmlFor: "moreFeedback" },
                         React.createElement(Trans, null, "How can we improve?")),
                     React.createElement(TextAreaAutosize, { name: "moreInfo", id: "moreFeedback", placeholder: t('i18nDescribeSuggestionDetail', 'Describe your suggestion in detail'), disabled: isFetching, value: values.moreInfo, className: "form-control", onChange: handleFeedbackTextChange, rowsMin: 3 })),
-                React.createElement("p", null,
-                    React.createElement(Trans, null, "Feedback is sent to the web team working on this application, not the support associate working on your case.")))));
+                React.createElement("p", null, props.isCaseSummary ? (React.createElement(Trans, { i18nKey: "feedbackPrivacyNotice" },
+                    "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\u2019s privacy practices, please refer to the",
+                    ' ',
+                    React.createElement("a", { href: "https://www.redhat.com/en/about/privacy-policy", target: "_blank", rel: "noopener noreferrer" },
+                        React.createElement("u", null, "Red Hat Privacy Statement.")))) : (React.createElement(Trans, null, "Feedback is sent to the web team working on this application, not the support associate working on your case."))))));
     }
     function returnModalAction() {
         return [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.17",
+    "version": "2.5.19",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -44,7 +44,7 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.18.38",
+        "@cee-eng/hydrajs": "4.18.57",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.2",
         "@patternfly/react-core": "5.4.2",
@@ -60,7 +60,7 @@
         "use-deep-compare-effect": "^1.6.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.38",
+        "@cee-eng/hydrajs": "4.18.57",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.2",
         "@patternfly/react-core": "5.4.2",
@@ -68,8 +68,8 @@
         "@patternfly/react-table": "5.4.2",
         "@patternfly/react-tokens": "^5.4.0",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.11",
-        "@rh-support/utils": "2.5.10",
+        "@rh-support/user-permissions": "2.5.12",
+        "@rh-support/utils": "2.5.11",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
@@ -106,5 +106,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "269e160216d2acd58357f6875a9855b4e11b262b"
+    "gitHead": "055bc8a9de6f81109f7fc040923b44d279c447c1"
 }