@rh-support/react-context 0.2.82 → 0.2.85

package/lib/esm/components/HostnameAwarenessModal/HostnameAwarenessModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HostnameAwarenessModal.d.ts","sourceRoot":"","sources":["../../../../src/components/HostnameAwarenessModal/HostnameAwarenessModal.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAWtC,eAAO,MAAM,sBAAsB,mBAmIlC,CAAC"}
+{"version":3,"file":"HostnameAwarenessModal.d.ts","sourceRoot":"","sources":["../../../../src/components/HostnameAwarenessModal/HostnameAwarenessModal.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAatC,eAAO,MAAM,sBAAsB,mBAkJlC,CAAC"}

package/lib/esm/components/HostnameAwarenessModal/HostnameAwarenessModal.js

@@ -9,10 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './hostnameAwarenessModal.css';
 import { accounts } from '@cee-eng/hydrajs';
-import { Button, Checkbox, Modal, ModalVariant, Switch } from '@patternfly/react-core';
+import { Button, Checkbox, Modal, ModalVariant, Switch, Tooltip } from '@patternfly/react-core';
+import InfoIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { useFetch } from '@rh-support/components';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import React, { useEffect, useState } from 'react';
+import { Trans } from 'react-i18next';
 import { useGlobalStateContext } from '../../context/GlobalMetadataContext';
 import { useUserPreferences } from '../../hooks';
 export const HostnameAwarenessModal = () => {
@@ -81,9 +83,15 @@ export const HostnameAwarenessModal = () => {
             console.log(error);
         }
     };
+    const shareHostnamesClarificationCopy = (React.createElement("div", null,
+        "This is ",
+        React.createElement("b", null, "not required"),
+        ". We will not capture any information unless you choose to opt in."));
     const modalBody = () => {
         return (React.createElement(React.Fragment, null,
-            React.createElement(Switch, { label: "Share hostnames with support", isChecked: isHostnamesChecked, onChange: onHostnameSwitchChange })));
+            React.createElement(Switch, { label: "Share hostnames with support", isChecked: isHostnamesChecked, onChange: onHostnameSwitchChange, className: "push-top-narrow" }),
+            React.createElement(Tooltip, { content: shareHostnamesClarificationCopy, position: "right" },
+                React.createElement(InfoIcon, { className: "pf-u-ml-sm hostnameInfoIcon" }))));
     };
     //Do not show modal if user cannot share hostnames.
     const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
@@ -95,11 +103,12 @@ export const HostnameAwarenessModal = () => {
         return React.createElement(React.Fragment, null);
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(Modal, { variant: ModalVariant.medium, title: "Hostname Visibility", isOpen: isModalOpen, onClose: onCloseModal, actions: [
+        React.createElement(Modal, { variant: ModalVariant.medium, title: "Share hostnames with Red Hat?", isOpen: isModalOpen, onClose: onCloseModal, actions: [
                 React.createElement(Button, { "data-tracking-id": "close-hostname-modal", key: "close", variant: "primary", onClick: onCloseModal }, "Close"),
                 React.createElement("div", { className: "dontAskCheckbox" },
                     React.createElement(Checkbox, { label: "Don't ask me again", id: "dont-ask-again", "data-tracking-id": "dont-ask-again-hostname-modal", onClick: onDoNotAskAgain })),
             ] },
-            "Share hostnames with our support professionals for a smoother experience.",
+            React.createElement("div", null,
+                React.createElement(Trans, null, "Support does not have access to view hostnames that have been entered on a case. You can choose to share hostnames at any time for a smoother support experience.")),
             modalBody())));
 };

package/lib/esm/components/HostnameAwarenessModal/hostnameAwarenessModal.css

@@ -1,3 +1,8 @@
 div.dontAskCheckbox div.pf-c-check label.pf-c-check__label {
     line-height: 1;
 }
+
+svg.hostnameInfoIcon {
+    vertical-align: -0.65rem !important;
+    margin-left: -0.45rem !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "0.2.82",
+    "version": "0.2.85",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -46,7 +46,7 @@
         "@patternfly/react-core": "4.202.16",
         "@patternfly/react-icons": "4.53.16",
         "@rh-support/api": "0.3.24",
-        "@rh-support/components": "1.1.76",
+        "@rh-support/components": "1.1.79",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "0.2.63",
         "@rh-support/utils": "0.2.46",
@@ -89,5 +89,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "1359173d6efb7ece2bd1d0760c001e053bc29893"
+    "gitHead": "acb137236b62e31aba70cda91755b3b94f0cb7da"
 }