@rh-support/troubleshoot 2.5.16 → 2.5.18

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAwU7C"}
+{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAwV7C"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Alert, Button, ButtonVariant, Checkbox, Form, FormGroup, Modal, TextArea, TextInput, } from '@patternfly/react-core';
+import { Alert, Button, ButtonVariant, Checkbox, Modal, TextArea, TextInput } from '@patternfly/react-core';
 import { Select, SelectOption } from '@patternfly/react-core/deprecated';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
@@ -100,7 +100,7 @@ export function NewEssTermsModal(props) {
     };
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t(`Submitted a remote session request with following details:\n\n**Expectations on time of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n**Remote session link**\n[${sessionLink}](${sessionLink})\n\nThis action does not initiate a remote session. Please make a case comment if you would like to submit a request.`);
+        const requestComment = t(`Submitted a remote session request with following details:\n\n**Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n**Remote session link**\n[${sessionLink}](${sessionLink})\n\nThis action does not initiate a remote session. Please make a case comment if you would like to submit a request.`);
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,
@@ -164,22 +164,30 @@ export function NewEssTermsModal(props) {
     // To check and if I agree button is loading
     const isAgreeLoading = agreeLoading || isPostingComment;
     const modalActions = [
-        React.createElement(Button, { key: "submit", "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('Submit')),
+        React.createElement(Button, { key: "submit", "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: (isRemoteSessionForm ? !sessionExpectations.trim() || !impact.trim() : !isTermsChecked) ||
+                isAgreeLoading }, t(isRemoteSessionForm ? 'Submit' : 'I agree')),
         React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel }, "Cancel"),
     ];
-    const renderRemoteSessionForm = (React.createElement("div", { id: "remoteSessionForm" },
+    const renderRemoteSessionForm = (React.createElement("div", { id: "remoteSessionForm", className: "form-group" },
         React.createElement(Alert, { variant: "info", isInline: true, title: React.createElement(React.Fragment, null,
                 "What is a Remote Support Session and how to acknowledge the Remote Access Rider?",
                 ' ',
                 React.createElement("a", { href: "https://access.redhat.com/articles/3566571", target: "_blank", rel: "noopener noreferrer" }, "Read more.")) }),
-        React.createElement(Form, { className: "pf-v5-u-pt-md" },
-            React.createElement(FormGroup, { label: "Expectations of remote session", type: "string", isRequired: true },
-                React.createElement(TextArea, { value: sessionExpectations, onChange: updateSessionExpectation, rows: 3, placeholder: "Please share anything that will help prepare for our meeting?", isRequired: true, "aria-label": "Expectations of remote session" })),
-            React.createElement(FormGroup, { label: "Describe the impact to you or the business", type: "string", isRequired: true },
-                React.createElement(TextArea, { value: impact, onChange: updateImpact, rows: 3, placeholder: "Describe the user or financial impact.", isRequired: true, "aria-label": "Describe the impact to you or the business" })),
-            React.createElement(FormGroup, { label: "Remote session link (optional)" },
-                React.createElement(TextInput, { value: sessionLink, onChange: updateSessionLink, type: "text", "aria-label": "Remote session link" }),
-                React.createElement("p", { className: "form-instructions" }, "If not provided, the Red Hat Support Associate will share a link with you.")))));
+        React.createElement("div", null,
+            React.createElement("label", { className: "pf-v5-u-mt-md" },
+                React.createElement(Trans, null, "Expectations of remote session"),
+                React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
+            React.createElement(TextArea, { value: sessionExpectations, onChange: updateSessionExpectation, rows: 3, placeholder: "Please share anything that will help prepare for our meeting?", isRequired: true, "aria-label": "Expectations of remote session" })),
+        React.createElement("div", null,
+            React.createElement("label", { className: "pf-v5-u-mt-md" },
+                React.createElement(Trans, null, "Describe the impact to you or the business"),
+                React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
+            React.createElement(TextArea, { value: impact, onChange: updateImpact, rows: 3, placeholder: "Describe the user or financial impact.", isRequired: true, "aria-label": "Describe the impact to you or the business" })),
+        React.createElement("div", null,
+            React.createElement("label", { className: "pf-v5-u-mt-md" },
+                React.createElement(Trans, null, "Remote session link (optional)")),
+            React.createElement(TextInput, { value: sessionLink, onChange: updateSessionLink, type: "text", "aria-label": "Remote session link" }),
+            React.createElement("p", { className: "form-instructions" }, "If not provided, the Red Hat Support Associate will share a link with you."))));
     const renderRemoteSessionAgreement = (React.createElement("div", { id: "remoteSessionAgreement" },
         React.createElement("p", { className: "pf-v5-u-mt-xs" },
             React.createElement(Trans, null,
@@ -207,5 +215,5 @@ export function NewEssTermsModal(props) {
     const EssRSAModalBody = () => {
         return isRemoteSessionForm ? renderRemoteSessionForm : renderRemoteSessionAgreement;
     };
-    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Request remote agreement'), title: t('Request remote agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, EssRSAModalBody()));
+    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Remote session agreement'), title: t('Remote session agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, EssRSAModalBody()));
 }

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAmUxD"}
+{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAmVxD"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Alert, Button, ButtonVariant, Checkbox, Form, FormGroup, Modal, TextArea, TextInput, } from '@patternfly/react-core';
+import { Alert, Button, ButtonVariant, Checkbox, Modal, TextArea, TextInput } from '@patternfly/react-core';
 import { Select, SelectOption } from '@patternfly/react-core/deprecated';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
@@ -101,7 +101,7 @@ export function RemoteSessionAgreementModal(props) {
     const toggleRemoteSessionForm = () => setIsRemoteSessionForm(true);
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t(`#### Remote Access Rider agreement has been accepted.\n\n**Expectations on time of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n**Remote session link**\n[${sessionLink}](${sessionLink})\n\nThis action does not initiate a remote session. Please make a case comment if you would like to submit a request.`);
+        const requestComment = t(`#### Remote Access Rider agreement has been accepted.\n\n**Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n**Remote session link**\n[${sessionLink}](${sessionLink})\n\nThis action does not initiate a remote session. Please make a case comment if you would like to submit a request.`);
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,
@@ -158,22 +158,30 @@ export function RemoteSessionAgreementModal(props) {
     const isAgreeLoading = agreeLoading || isPostingComment;
     // RSA Modal Actions
     const modalActions = [
-        React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('Submit')),
+        React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: (isRemoteSessionForm ? !sessionExpectations.trim() || !impact.trim() : !isTermsChecked) ||
+                isAgreeLoading }, t(isRemoteSessionForm ? 'Submit' : 'I agree')),
         React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel }, "Cancel"),
     ];
-    const renderRemoteSessionForm = (React.createElement("div", { id: "remoteSessionForm" },
+    const renderRemoteSessionForm = (React.createElement("div", { id: "remoteSessionForm", className: "form-group" },
         React.createElement(Alert, { variant: "info", isInline: true, title: React.createElement(React.Fragment, null,
                 "What is a Remote Support Session and how to acknowledge the Remote Access Rider?",
                 ' ',
                 React.createElement("a", { href: "https://access.redhat.com/articles/3566571", target: "_blank", rel: "noopener noreferrer" }, "Read more.")) }),
-        React.createElement(Form, { className: "pf-v5-u-pt-md" },
-            React.createElement(FormGroup, { label: "Expectations of remote session", type: "string", isRequired: true },
-                React.createElement(TextArea, { value: sessionExpectations, onChange: updateSessionExpectation, rows: 3, placeholder: "Please share anything that will help prepare for our meeting?", isRequired: true, "aria-label": "Expectations of remote session" })),
-            React.createElement(FormGroup, { label: "Describe the impact to you or the business", type: "string", isRequired: true },
-                React.createElement(TextArea, { value: impact, onChange: updateImpact, rows: 3, placeholder: "Describe the user or financial impact.", isRequired: true, "aria-label": "Describe the impact to you or the business" })),
-            React.createElement(FormGroup, { label: "Remote session link (optional)" },
-                React.createElement(TextInput, { value: sessionLink, onChange: updateSessionLink, type: "text", "aria-label": "Remote session link" }),
-                React.createElement("p", { className: "form-instructions" }, "If not provided, the Red Hat Support Associate will share a link with you.")))));
+        React.createElement("div", null,
+            React.createElement("label", { className: "pf-v5-u-mt-md" },
+                React.createElement(Trans, null, "Expectations of remote session"),
+                React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
+            React.createElement(TextArea, { value: sessionExpectations, onChange: updateSessionExpectation, rows: 3, placeholder: "Please share anything that will help prepare for our meeting?", isRequired: true, "aria-label": "Expectations of remote session" })),
+        React.createElement("div", null,
+            React.createElement("label", { className: "pf-v5-u-mt-md" },
+                React.createElement(Trans, null, "Describe the impact to you or the business"),
+                React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
+            React.createElement(TextArea, { value: impact, onChange: updateImpact, rows: 3, placeholder: "Describe the user or financial impact.", isRequired: true, "aria-label": "Describe the impact to you or the business" })),
+        React.createElement("div", null,
+            React.createElement("label", { className: "pf-v5-u-mt-md" },
+                React.createElement(Trans, null, "Remote session link (optional)")),
+            React.createElement(TextInput, { value: sessionLink, onChange: updateSessionLink, type: "text", "aria-label": "Remote session link" }),
+            React.createElement("p", { className: "form-instructions" }, "If not provided, the Red Hat Support Associate will share a link with you."))));
     const renderRemoteSessionAgreement = (React.createElement("div", { id: "remoteSessionAgreement" },
         React.createElement("p", { className: "pf-v5-u-mt-xs" },
             React.createElement(Trans, null,
@@ -201,5 +209,5 @@ export function RemoteSessionAgreementModal(props) {
     const RemoteSessionAgreementModalBody = () => {
         return isRemoteSessionForm ? renderRemoteSessionForm : renderRemoteSessionAgreement;
     };
-    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Request remote agreement'), title: t('Request remote agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, RemoteSessionAgreementModalBody()));
+    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Remote session agreement'), title: t('Remote session agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, RemoteSessionAgreementModalBody()));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.5.16",
+    "version": "2.5.18",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "546b242324a0f5c12db8e448ed7ce8f374e48105"
+    "gitHead": "5e0ddc860b3afccd14a452087802d321b814f269"
 }