@rh-support/manage 0.3.4 → 0.3.5

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesCaseView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseView.tsx"],"names":[],"mappings":"AAeA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA2KhD"}
+{"version":3,"file":"PreferencesCaseView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseView.tsx"],"names":[],"mappings":"AAeA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAwLhD"}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.js

@@ -28,6 +28,7 @@ export function PreferencesCaseView(props) {
     const [originalCommentType, setOriginalCommentType] = useState('');
     const [originalCommentSignature, setOriginalCommentSignature] = useState('');
     const [commentValidated, setCommentValidated] = useState('default');
+    const [isHostnamesLoading, setIsHostnamesLoading] = useState(true);
     const [isCommentSignatureLoading, setIsCommentSignatureLoading] = useState(false);
     const commentTypes = [EditorMode.PLAIN, EditorMode.MARKDOWN];
     const userOriginalCommentType = () => __awaiter(this, void 0, void 0, function* () {
@@ -84,7 +85,7 @@ export function PreferencesCaseView(props) {
     });
     const titleId = 'default-comment-preference-select';
     const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
-    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { request: fetchHostnameDefault } = useFetch(accounts.getIsSharingHostname);
     const accountNumber = loggedInUsersAccount.data.accountNumber;
     const { request: updateShareHostnames } = useFetch(accounts.updateIsSharingHostname);
@@ -99,19 +100,22 @@ export function PreferencesCaseView(props) {
                 catch (error) {
                     console.log(error);
                 }
+                setIsHostnamesLoading(false);
             });
         }
-        !loggedInUserRights.data.isInternal && userOriginalHostnameValue();
+        canUseHostName && userOriginalHostnameValue();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const onShareHostNamesSwitch = () => __awaiter(this, void 0, void 0, function* () {
         try {
+            setIsHostnamesLoading(true);
             yield updateShareHostnames(!isSharingHostNames, accountNumber);
             setIsSharingHostNames(!isSharingHostNames);
         }
         catch (error) {
             console.log(error);
         }
+        setIsHostnamesLoading(false);
     });
     const prefHostnameCopy = 'Red Hat Support cannot currently access hostnames that have been entered on a case. You can share this information at any time to improve your support experience.';
     return (React.createElement(Card, { className: "preference-card" },
@@ -136,5 +140,6 @@ export function PreferencesCaseView(props) {
                         React.createElement(PreferenceSwitch, { className: "switches hostnameSwitch", id: "share-hostnames-switch", label: 'Share hostnames', isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch }),
                         React.createElement("div", { className: "prefhostnameTooltip" },
                             React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
-                                React.createElement(InfoIcon, { className: "pf-u-ml-sm" }))))))))));
+                                React.createElement(InfoIcon, { className: "pf-u-ml-sm" })),
+                            isHostnamesLoading && (React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
 }

package/lib/esm/scss/_main.scss

@@ -303,3 +303,7 @@ div label.hostnameSwitch {
 div.prefhostnameTooltip {
     margin-left: 11.25rem !important;
 }
+
+svg.hostnameSpinner {
+    vertical-align: -0.65rem !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.3.4",
+    "version": "0.3.5",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -96,7 +96,7 @@
         "@patternfly/react-table": "4.71.16",
         "@rh-support/components": "1.1.83",
         "@rh-support/configs": "0.2.8",
-        "@rh-support/react-context": "0.3.3",
+        "@rh-support/react-context": "0.3.4",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "0.2.67",
         "@rh-support/utils": "0.2.49",
@@ -109,5 +109,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "8ad6dda321ad690b179be7346240345a57f1749b"
+    "gitHead": "cd70b3e8d05162414bc78e541020c3de692d892b"
 }