@rh-support/components 2.5.57 → 2.5.59

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

@@ -3,6 +3,7 @@ interface IProps {
     buttonLabel: string;
     additionalBtnClass: string;
     isInline: boolean;
+    isCaseSummary?: boolean;
 }
 declare function SupportFeedbackForm(props: IProps): React.JSX.Element;
 declare namespace SupportFeedbackForm {

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

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackForm.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,MAAM;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAQD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAuBzC;kBAvBQ,mBAAmB;;;AA0B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackForm.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,MAAM;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAQD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA2BzC;kBA3BQ,mBAAmB;;;AA8B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackForm.js

@@ -8,6 +8,7 @@ const defaultProps = {
     isInline: false,
 };
 function SupportFeedbackForm(props) {
+    var _a;
     const [isModalOpen, toggleModal] = useState(false);
     // Function for Toggling the Modal when Provide feedback button is clicked
     const handleModalToggle = () => {
@@ -16,7 +17,7 @@ function SupportFeedbackForm(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Button, { key: "confirm", onClick: handleModalToggle, className: `${props.additionalBtnClass}`, "data-tracking-id": "app-feedback-trigger", variant: "link", isInline: props.isInline ? true : null },
             React.createElement(Trans, null, props.isInline ? props.buttonLabel.toLowerCase() : props.buttonLabel)),
-        React.createElement(SupportFeedbackModal, { isModalOpen: isModalOpen, onClose: handleModalToggle })));
+        React.createElement(SupportFeedbackModal, { isModalOpen: isModalOpen, onClose: handleModalToggle, isCaseSummary: (_a = props.isCaseSummary) !== null && _a !== void 0 ? _a : false })));
 }
 SupportFeedbackForm.defaultProps = defaultProps;
 export { SupportFeedbackForm };

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;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,qBA0Q1C;kBA1QQ,oBAAoB;;;AA6Q7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAWA,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,qBAsR1C;kBAtRQ,oBAAoB;;;AAyR7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.js

@@ -18,7 +18,7 @@ import { getUrlParsedParams } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router-dom';
 import { useFetch } from '../hooks/useFetch';
 import { TextAreaAutosize } from '../TextAreaAutosize';
 import { ToastNotification } from '../ToastNotification';
@@ -33,12 +33,19 @@ function SupportFeedbackModal(props) {
     var _a, _b;
     const { t } = useTranslation();
     const seSessionId = (_b = (_a = getUrlParsedParams(useLocation().search)) === null || _a === void 0 ? void 0 : _a.seSessionId) !== null && _b !== void 0 ? _b : '';
+    const { caseNumber } = useParams();
     const formInitState = {
         levelOfSatisfied: null,
         moreInfo: '',
     };
     const [values, setValues] = useState(formInitState);
-    const { request, isFetching } = useFetch(pcm.sendFeedbackForm, { propgateErrors: true });
+    const { request: requestAISummary, isFetching: isFetchingAISummary } = useFetch(pcm.AISummaryFeedback, {
+        propgateErrors: true,
+    });
+    const { request: requestFeedbackForm, isFetching: isFetchingFeedback } = useFetch(pcm.sendFeedbackForm, {
+        propgateErrors: true,
+    });
+    const isFetching = isFetchingAISummary || isFetchingFeedback;
     const [isSubmitDisabled, setIsSubmitDisabled] = useState(false);
     const [isSubmitButtonValid, setSubmitButtonValid] = useState(true);
     useEffect(() => {
@@ -73,20 +80,28 @@ function SupportFeedbackModal(props) {
         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 {
-                const emojiRegex = /(\p{Emoji_Presentation}|\p{Emoji}\uFE0F|\p{Extended_Pictographic})+/gu;
-                updatedValues.moreInfo = (_a = updatedValues.moreInfo) === null || _a === void 0 ? void 0 : _a.replace(emojiRegex, (match) => encodeURIComponent(match));
-                // Call the request with the updated values
-                yield request(updatedValues, window.sessionjs, window.location.href, seSessionId);
+                if (props.isCaseSummary) {
+                    const aiPayload = {
+                        caseNumber: caseNumber || '',
+                        feedback: values.levelOfSatisfied || '',
+                        description: values.moreInfo || '',
+                    };
+                    yield requestAISummary(aiPayload, window.sessionjs);
+                }
+                else {
+                    const extraInfo = [
+                        props.errorMessage && `caseSummaryErrorMessage:'${props.errorMessage}'\n`,
+                        props.caseSummaryId && `caseSummaryId:'${props.caseSummaryId}'\n`,
+                    ];
+                    updatedValues = Object.assign(Object.assign({}, updatedValues), { moreInfo: `${extraInfo.filter(Boolean).join('')}${updatedValues.moreInfo || ''}`.trim() });
+                    delete updatedValues.caseSummaryErrorMessage;
+                    delete updatedValues.caseSummaryId;
+                    const emojiRegex = /(\p{Emoji_Presentation}|\p{Emoji}\uFE0F|\p{Extended_Pictographic})+/gu;
+                    updatedValues.moreInfo = (_a = updatedValues.moreInfo) === null || _a === void 0 ? void 0 : _a.replace(emojiRegex, (match) => encodeURIComponent(match));
+                    // Call the request with the updated values
+                    yield requestFeedbackForm(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();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.57",
+    "version": "2.5.59",
     "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.93",
+        "@cee-eng/hydrajs": "4.18.95",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
@@ -60,7 +60,7 @@
         "use-deep-compare-effect": "^1.6.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.93",
+        "@cee-eng/hydrajs": "4.18.95",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
@@ -68,8 +68,8 @@
         "@patternfly/react-table": "6.2.1",
         "@patternfly/react-tokens": "6.2.1",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.28",
-        "@rh-support/utils": "2.5.25",
+        "@rh-support/user-permissions": "2.5.29",
+        "@rh-support/utils": "2.5.26",
         "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": "d45149a33bafb8c16d60bb4d0d9d4e9acb3d372d"
+    "gitHead": "b81e0a7e6b9eee98294710206413297e15668c42"
 }