@rh-support/manage 0.2.19 → 0.2.23

package/lib/esm/components/Groups/GroupSelect/GroupSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AA0B3E,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,UAAW,MAAM,gBAibxC,CAAC"}
+{"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AA0B3E,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,UAAW,MAAM,gBAmbxC,CAAC"}

package/lib/esm/components/Groups/GroupSelect/GroupSelect.js

@@ -310,7 +310,8 @@ export const GroupSelect = (props) => {
     return (React.createElement("div", { ref: manageActionsRef, className: "toolbar-left" },
         showErrorMessage && (React.createElement(AlertMessage, { variant: AlertType.DANGER, title: t('Could not create group'), show: true })),
         !showErrorMessage && !showInput && (React.createElement(React.Fragment, null,
-            React.createElement("label", null, "Group"),
+            React.createElement("label", null,
+                React.createElement(Trans, null, "Group")),
             React.createElement(Select, { variant: SelectVariant.typeahead, isDisabled: caseGroups.isFetching || caseGroups.isError || props.isDisabled || disableOnFetch, "aria-label": "Select a group to view accounts", onToggle: toggleIsOpen, onSelect: onSelect, onClear: onClear, noResultsFoundText: t('No results found'), selections: selectedGroup, isOpen: isOpen, "aria-labelledby": selectAGroupText, placeholderText: selectAGroupText, "data-tracking-id": "group-list-selector" }, (caseGroups.data || [])
                 .filter((g) => g.groupNum !== unGroupedCaseGroupNumber)
                 .map((data, index) => (React.createElement(SelectOption, { key: index, isSelected: data.name === selectedGroup, value: data.name }, data.name)))))),

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageGroupUsers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/ManageGroupUsers/ManageGroupUsers.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,gBAAgB,mBA0L5B,CAAC"}
+{"version":3,"file":"ManageGroupUsers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/ManageGroupUsers/ManageGroupUsers.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,gBAAgB,mBA+L5B,CAAC"}

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.js

@@ -22,7 +22,7 @@ export const ManageGroupUsers = () => {
     const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights }, } = useGlobalStateContext();
     const disableGroupSelect = !loggedInUsersAccount || !loggedInUsersAccount.data || !loggedInUsersAccount.data.accountNumber;
     const [selectedGroup, setSelectedGroup] = useState();
-    const { clearResponse, isFetching, request, data: response } = useFetch(publicApi.caseGroups.getCaseGroupUsers);
+    const { clearResponse, isFetching, request, data: response, } = useFetch(publicApi.caseGroups.getCaseGroupUsers);
     const groupUsers = useMemo(() => response || [], [response]);
     // errors
     function onPermissionError(error, user) {
@@ -139,7 +139,8 @@ export const ManageGroupUsers = () => {
         React.createElement("div", { className: "toolbar" },
             React.createElement(GroupSelect, { isDisabled: isFetching || disableGroupSelect, onSelect: onGroupSelect }),
             React.createElement("span", { className: "toolbar-right" },
-                React.createElement("label", { htmlFor: "account-group-filter" }, "Filter by"),
+                React.createElement("label", { htmlFor: "account-group-filter" },
+                    React.createElement(Trans, null, "Filter by")),
                 React.createElement(Input, { id: "account-group-filter", isDisabled: isFetching || !selectedGroup, onChange: onGroupUserSearch, placeholder: t('Search for people in this group'), ariaLabel: "Group search input" }))),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading group users list') } },
             React.createElement(ManageTable, { ariaLabel: t('Table to manage groups'), columns: columns, data: data, sortInfo: { column: 'first-name', direction: 'asc' }, isFetching: isFetching, isError: false }))));

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

@@ -1 +1 @@
-{"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAwHlD"}
+{"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA0HlD"}

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

@@ -34,11 +34,7 @@ export function PreferencesCaseCreate(props) {
         yield updatePreferredLanguage(selectedLanguageCode);
     });
     const onDefaultGroupSelect = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
-        console.log(selection);
-        console.log('groupDictionary: ', groupDictionary);
-        console.log(groupDictionary[`${selection}`]);
         const selectionKey = invert(groupDictionary)[selection];
-        console.log('selectionKey', selectionKey);
         yield updateDefaultGroup(selectionKey);
     });
     const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
@@ -64,26 +60,28 @@ export function PreferencesCaseCreate(props) {
         for (let i = 0; i < caseGroups.data.length; i++) {
             defaultGroupDictionary[caseGroups.data[i].groupNum] = caseGroups.data[i].name;
         }
-        console.log(defaultGroupDictionary);
         return defaultGroupDictionary;
     };
-    useEffect(() => {
-        userOriginalPreferredLanguage();
-        userOriginalDefaultGroup();
-    });
-    useEffect(() => {
+    const refreshParsedGroups = () => {
         var _a;
-        if (!isEmpty(caseGroups) && ((_a = caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data) === null || _a === void 0 ? void 0 : _a.length) > 0 && Object.keys(groupDictionary).length === 0) {
+        if (!isEmpty(caseGroups) && ((_a = caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             let updatedDictionary = createCaseGroupStruct(caseGroups);
             setGroupDictionary(updatedDictionary);
             const parsedDefaultGroupNames = [];
             for (let groupId in updatedDictionary) {
                 parsedDefaultGroupNames.push(updatedDictionary[groupId]);
             }
-            console.log('parsedDefaultGroupNames, ', parsedDefaultGroupNames);
             setUserDefaultGroupList(parsedDefaultGroupNames);
         }
-    }, [caseGroups, groupDictionary]);
+    };
+    useEffect(() => {
+        userOriginalPreferredLanguage();
+        userOriginalDefaultGroup();
+    });
+    useEffect(() => {
+        refreshParsedGroups();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [caseGroups]);
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -91,7 +89,9 @@ export function PreferencesCaseCreate(props) {
         React.createElement(CardBody, null,
             React.createElement("form", null,
                 React.createElement("div", { className: "form-group" },
-                    React.createElement(PreferenceSelect, { label: "Preferred case language", id: preferredLangTitleId, onSelect: onPreferredLanguageSelect, selections: originalPreferredLanguage }, Object.keys(languageConst).map((option, index) => (React.createElement(SelectOption, { key: index, value: languageConst[option] }))))),
+                    React.createElement(PreferenceSelect, { label: "Preferred case language", id: preferredLangTitleId, onSelect: onPreferredLanguageSelect, selections: originalPreferredLanguage }, Object.keys(languageConst).map((option, index) => (React.createElement(SelectOption, { key: index, value: languageConst[option] })))),
+                    React.createElement("p", { className: "form-instructions" },
+                        React.createElement(Trans, null, "Preferred language will impact future cases, not existing ones."))),
                 React.createElement("div", { className: "form-group" },
                     React.createElement(PreferenceSelect, { label: "Default group", id: defaultGroupTitleId, onSelect: onDefaultGroupSelect, selections: originalDefaultGroup }, userDefaultGroupList.map((option, index) => (React.createElement(SelectOption, { key: index, value: option })))))))));
 }

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,gBA2LpD,CAAC"}
+{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,gBA8LpD,CAAC"}

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.js

@@ -29,6 +29,7 @@ export const NotificationEmailsModal = (props) => {
     const { request: addCustomEmailToAccount, isFetching: isAdding } = useFetch(customEmail.addCustomEmailToAccount, {
         propgateErrors: true,
     });
+    const isLoading = isAdding || isUpdating;
     const resetModal = () => {
         setIsValidEmail(true);
         setIsValidFirstName(true);
@@ -65,6 +66,8 @@ export const NotificationEmailsModal = (props) => {
         }
     });
     const close = () => {
+        if (isLoading)
+            return;
         resetModal();
         props.onClose();
     };
@@ -97,7 +100,7 @@ export const NotificationEmailsModal = (props) => {
                     !isValidEmail ||
                     isEmailDuplicate, spinnerAriaValueText: isUpdating || isAdding ? t('Adding') : undefined, isLoading: isUpdating || isAdding },
                 React.createElement(Trans, null, "Save")),
-            React.createElement(Button, { key: "cancel", variant: ButtonVariant.secondary, onClick: close },
+            React.createElement(Button, { key: "cancel", isDisabled: isLoading, variant: ButtonVariant.secondary, onClick: close },
                 React.createElement(Trans, null, "Cancel")),
         ] },
         React.createElement(Form, null,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.2.19",
+    "version": "0.2.23",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -51,7 +51,7 @@
         "not op_mini all"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.5.6",
+        "@cee-eng/hydrajs": "4.7.3",
         "@patternfly/patternfly": "4.102.2",
         "@patternfly/pfe-accordion": "1.1.0",
         "@patternfly/pfe-collapse": "1.1.0",
@@ -89,20 +89,20 @@
         "typescript": "4.3.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.5.6",
+        "@cee-eng/hydrajs": "4.7.3",
         "@patternfly/patternfly": "4.102.2",
         "@patternfly/pfe-accordion": "1.1.0",
         "@patternfly/pfe-collapse": "1.1.0",
         "@patternfly/pfe-tabs": "1.1.0",
         "@patternfly/react-core": "4.128.2",
         "@patternfly/react-table": "4.26.7",
-        "@rh-support/api": "0.3.6",
-        "@rh-support/components": "1.1.12",
-        "@rh-support/configs": "0.2.1",
-        "@rh-support/react-context": "0.2.14",
+        "@rh-support/api": "0.3.8",
+        "@rh-support/components": "1.1.15",
+        "@rh-support/configs": "0.2.2",
+        "@rh-support/react-context": "0.2.17",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.8",
-        "@rh-support/utils": "0.2.8",
+        "@rh-support/user-permissions": "0.2.11",
+        "@rh-support/utils": "0.2.11",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
@@ -113,5 +113,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "63f48f2120e1adca8c3861984a7e0cb0f8bbde9e"
+    "gitHead": "3dc034eff74761ebe67f6503a13ecf5a1d763071"
 }