@rh-support/react-context 2.1.44 → 2.1.46

package/lib/esm/components/AccountSelector/AccountSelectorInternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSelectorInternal.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountSelector/AccountSelectorInternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAgBhF,OAAO,EAAE,kBAAkB,EAA8B,MAAM,wBAAwB,CAAC;AAKxF,OAAO,KAA+C,MAAM,OAAO,CAAC;AAGpE,UAAU,MAAO,SAAQ,kBAAkB,CAAC,QAAQ,CAAC;IACjD,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC;IACzC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,CAAC,EAAE,OAAO,CAAC;CAC3C;AAkCD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAmS7C;kBAnSQ,uBAAuB;;;AAsShC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"AccountSelectorInternal.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountSelector/AccountSelectorInternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAgBhF,OAAO,EAAE,kBAAkB,EAA8B,MAAM,wBAAwB,CAAC;AAKxF,OAAO,KAA+C,MAAM,OAAO,CAAC;AAGpE,UAAU,MAAO,SAAQ,kBAAkB,CAAC,QAAQ,CAAC;IACjD,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC;IACzC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,CAAC,EAAE,OAAO,CAAC;CAC3C;AAkCD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAqS7C;kBArSQ,uBAAuB;;;AAwShC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/lib/esm/components/AccountSelector/AccountSelectorInternal.js

@@ -243,7 +243,7 @@ function AccountSelectorInternal(props) {
     };
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { innerRef: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, isDisabled: props.disabled },
         React.createElement(TextInputGroup, { isPlain: true, innerRef: inputGroupRef },
-            React.createElement(TextInputGroupMain, { value: query, onClick: onToggleClick, onKeyDown: onInputKeyDown, onChange: onFilter, placeholder: t(props.placeholder || ''), isExpanded: isOpen, innerRef: textInputRef, "aria-controls": `select${props.multiple ? '-multi' : ''}-typeahead-listbox` }),
+            React.createElement(TextInputGroupMain, { value: query, role: "combobox", onClick: onToggleClick, onKeyDown: onInputKeyDown, onChange: onFilter, placeholder: t(props.placeholder || ''), isExpanded: isOpen, innerRef: textInputRef, "aria-label": `select${props.multiple ? ' multi' : ''} typeahead listbox`, "aria-controls": "account-selector-dropdown" }),
             React.createElement(TextInputGroupUtilities, null, !isEmpty(query) && (React.createElement(Button, { variant: "plain", onClick: onClearSelection, isDisabled: isFetching, "aria-label": t('Clear') }, isFetching ? React.createElement(LoadingIndicator, { show: true, size: "sm" }) : React.createElement(TimesCircleIcon, { "aria-hidden": true })))))));
     return (React.createElement(Select, { "data-tracking-id": "account-selector-dropdown", isOpen: isOpen, onOpenChange: () => setIsOpen(false), id: props.id, toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, onSelect: (_e, v) => onSelect(v), selected: selectedItems, isScrollable: true },
         React.createElement(SelectList, null, dropdownOptions)));

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;AAOtC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,eAAO,MAAM,sBAAsB,yBA2KlC,CAAC"}
+{"version":3,"file":"HostnameAwarenessModal.d.ts","sourceRoot":"","sources":["../../../../src/components/HostnameAwarenessModal/HostnameAwarenessModal.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAOtC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,eAAO,MAAM,sBAAsB,yBAsKlC,CAAC"}

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

@@ -24,43 +24,50 @@ export const HostnameAwarenessModal = () => {
     // Setting State for original data value which are used to open/finalize close modal
     const [originalViewedCountValue, setViewedCountValue] = useState(999);
     const [doNotShowModal, setDoNotShowModal] = useState(0);
-    const [doNotShowNotClicked, setDoNotShowNotClicked] = useState(true);
-    const [isModalOpen, setIsModalOpen] = useState(true);
+    const [isModalOpen, setIsModalOpen] = useState(false);
     const [isHostnamesChecked, setisHostnamesChecked] = useState(false);
-    const [isLoadingHostnamesVisibilityObj, setIsLoadingHostnamesVisibilityObj] = useState(true);
-    //preserving initial state to disable modal load
-    const [alreadyCheckedCloseModal, setAlreadyCheckedCloseModal] = useState(false);
     const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const accountNumber = loggedInUsersAccount.data.accountNumber;
     const { request: updateHostnameDefault, isFetching: isFetchingUpdateHostnameDefault } = useFetch(accounts.updateIsSharingHostname);
+    //Do not show modal if user cannot share hostnames.
+    const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
     useEffect(() => {
+        if (loggedInUsersAccount.isFetching)
+            return;
+        let localOriginalViewedCountValue;
+        let localDoNotShowModal;
         const userOriginalHostnamesCount = () => __awaiter(void 0, void 0, void 0, function* () {
             try {
-                setIsLoadingHostnamesVisibilityObj(true);
                 const originalHostnameVisibilityObj = yield getHostnamesVisibilityObj();
                 if (!originalHostnameVisibilityObj)
                     return;
                 const parsedVisibilityObj = JSON.parse(originalHostnameVisibilityObj);
-                setIsLoadingHostnamesVisibilityObj(false);
+                // updating space takes time, here we define a lcal variable to immidiatly use the value
+                localOriginalViewedCountValue = parsedVisibilityObj.shownCount;
+                localDoNotShowModal = parsedVisibilityObj.doNotShow;
                 setViewedCountValue(parsedVisibilityObj.shownCount);
                 setDoNotShowModal(parsedVisibilityObj.doNotShow);
             }
             catch (error) {
-                setIsLoadingHostnamesVisibilityObj(false);
                 console.log(error);
             }
         });
         const userOriginalHostnameValue = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b;
+            var _a;
             setisHostnamesChecked((_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.shareHostnameWithRHT);
-            // This is needed so we preserve initial state we do not close modal upon updating names.
-            setAlreadyCheckedCloseModal((_b = loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.shareHostnameWithRHT);
         });
-        userOriginalHostnamesCount();
-        userOriginalHostnameValue();
+        const init = () => __awaiter(void 0, void 0, void 0, function* () {
+            yield userOriginalHostnamesCount();
+            userOriginalHostnameValue();
+            //Do not show modal if user is already sharing hostnames, has seen the modal more than twice, or opted to not show it again
+            if (canUseHostName && localDoNotShowModal !== 1 && localOriginalViewedCountValue < 2) {
+                setIsModalOpen(true);
+            }
+        });
+        init();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [loggedInUsersAccount.isFetching]);
     // To handle modal close
     const onCloseModal = () => __awaiter(void 0, void 0, void 0, function* () {
         if (isFetchingUpdateHostnameDefault)
@@ -68,7 +75,7 @@ export const HostnameAwarenessModal = () => {
         try {
             const updatedCountValue = (originalViewedCountValue || 0) + 1;
             updateShowHostnamesCount({ shownCount: updatedCountValue, doNotShow: doNotShowModal });
-            setIsModalOpen(!isModalOpen);
+            setIsModalOpen(false);
         }
         catch (error) {
             console.log(error);
@@ -89,7 +96,6 @@ export const HostnameAwarenessModal = () => {
     //for the checkbox
     const onDoNotAskAgain = () => {
         try {
-            setDoNotShowNotClicked(false);
             setDoNotShowModal(1);
             const updateObjValue = { shownCount: originalViewedCountValue, doNotShow: 1 };
             updateShowHostnamesCount(updateObjValue);
@@ -109,24 +115,12 @@ export const HostnameAwarenessModal = () => {
                 React.createElement(InfoIcon, { className: "pf-v5-u-ml-sm hostnameInfoIcon" })),
             isFetchingUpdateHostnameDefault && (React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))));
     };
-    //Do not show modal if user cannot share hostnames.
-    const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
-    //Do not show modal if user is already sharing hostnames, has seen the modal more than twice, or opted to not show it again
-    if (loggedInUsersAccount.isFetching ||
-        isLoadingHostnamesVisibilityObj ||
-        !canUseHostName ||
-        alreadyCheckedCloseModal ||
-        originalViewedCountValue > 2 ||
-        (doNotShowModal === 1 && doNotShowNotClicked)) {
-        return React.createElement(React.Fragment, null);
-    }
-    return (React.createElement(React.Fragment, null,
-        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, isDisabled: isFetchingUpdateHostnameDefault }, "Close"),
-                React.createElement("div", { className: "dontAskCheckbox" },
-                    React.createElement(Checkbox, { isChecked: !!doNotShowModal, label: "Don't ask me again", id: "dont-ask-again", "data-tracking-id": "dont-ask-again-hostname-modal", onChange: onDoNotAskAgain })),
-            ] },
-            React.createElement("div", null,
-                React.createElement(Trans, null, "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, or you can ignore this.")),
-            modalBody())));
+    return (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, isDisabled: isFetchingUpdateHostnameDefault }, "Close"),
+            React.createElement("div", { className: "dontAskCheckbox" },
+                React.createElement(Checkbox, { isChecked: !!doNotShowModal, label: "Don't ask me again", id: "dont-ask-again", "data-tracking-id": "dont-ask-again-hostname-modal", onChange: onDoNotAskAgain })),
+        ] },
+        React.createElement("div", null,
+            React.createElement(Trans, null, "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, or you can ignore this.")),
+        modalBody()));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "2.1.44",
+    "version": "2.1.46",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -40,7 +40,7 @@
         "@cee-eng/hydrajs": "4.17.3",
         "@patternfly/react-core": "5.1.1",
         "@patternfly/react-icons": "5.1.1",
-        "@rh-support/components": "2.1.41",
+        "@rh-support/components": "2.1.42",
         "@rh-support/types": "2.0.3",
         "@rh-support/user-permissions": "2.1.30",
         "@rh-support/utils": "2.1.22",
@@ -93,5 +93,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "1507b066b04853fb74cbd1fcac022dbcc94c0ec3"
+    "gitHead": "0c9672e10ec1e2d97e7679a47cc9191f4b41d977"
 }