@rh-support/manage 0.2.17 → 0.2.21

package/lib/esm/ManageTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAqBvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAiIvC"}
+{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAqBvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAwIvC"}

package/lib/esm/ManageTabs.js

@@ -1,6 +1,6 @@
 import { ErrorBoundary, useDocumentTitle } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { ability, resourceActions, resources } from '@rh-support/user-permissions';
+import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { CustomElements, getConfigField, PCM_CONFIG_FIELD_TYPE, requireCustomElement } from '@rh-support/utils';
 import map from 'lodash/map';
 import React, { useContext } from 'react';
@@ -37,6 +37,7 @@ export function ManageTabs(props) {
     const canViewCaseGroups = ability.can(resourceActions.READ, resources.CASE_GROUPS) && canViewManageTab;
     const canManageBookmarkAccounts = ability.can(resourceActions.CREATE, resources.BOOKMARK_ACCOUNTS) && canViewManageTab;
     const canViewEmailNotificationTab = ability.can(resourceActions.READ, resources.NOTIFICATION_EMAIL);
+    const canAddCustomNotification = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const tabsToRender = [];
     canManageBookmarkAccounts &&
         tabsToRender.push({
@@ -61,6 +62,7 @@ export function ManageTabs(props) {
             component: React.createElement(ManageGroupUsers, null),
         });
     canViewEmailNotificationTab &&
+        canAddCustomNotification &&
         tabsToRender.push({
             title: 'Notification Emails',
             key: 'notification-emails-tab',

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);
@@ -39,7 +40,7 @@ export const NotificationEmailsModal = (props) => {
     const save = () => __awaiter(void 0, void 0, void 0, function* () {
         setSaveButtonIsClicked(true);
         const isAValidEmail = checkEmailIsValid(email);
-        const isAValidFirstName = !isEmpty(firstName);
+        const isAValidFirstName = !isEmpty(firstName.trim());
         const isDuplicateEmail = props.isAddingNotificationEmail ? props.emailsList.includes(email) : false;
         setIsValidEmail(isAValidEmail);
         setIsValidFirstName(isAValidFirstName);
@@ -65,6 +66,8 @@ export const NotificationEmailsModal = (props) => {
         }
     });
     const close = () => {
+        if (isLoading)
+            return;
         resetModal();
         props.onClose();
     };
@@ -75,7 +78,7 @@ export const NotificationEmailsModal = (props) => {
     }, [props.selectedEmailNotification]);
     const isFormDirty = () => props.selectedEmailNotification.email !== email ||
         props.selectedEmailNotification.firstName !== firstName ||
-        isEmpty(firstName) ||
+        isEmpty(firstName.trim()) ||
         props.selectedEmailNotification.lastName !== lastName;
     const onEmailChange = (localemail) => {
         saveButtonIsClicked && setIsValidEmail(checkEmailIsValid(localemail));
@@ -83,7 +86,7 @@ export const NotificationEmailsModal = (props) => {
         setEmail(localemail);
     };
     const onFirstNameChange = (firstName) => {
-        saveButtonIsClicked && setIsValidFirstName(!isEmpty(firstName));
+        saveButtonIsClicked && setIsValidFirstName(!isEmpty(firstName.trim()));
         setFirstName(firstName);
     };
     const onLastNameChange = (lastName) => {
@@ -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.17",
+    "version": "0.2.21",
     "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.6.0",
         "@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.6.0",
         "@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/api": "0.3.7",
+        "@rh-support/components": "1.1.13",
         "@rh-support/configs": "0.2.1",
-        "@rh-support/react-context": "0.2.14",
+        "@rh-support/react-context": "0.2.15",
         "@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.9",
+        "@rh-support/utils": "0.2.9",
         "@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": "44a18cd6570b31a47c4b806a49c220c189cbd901"
+    "gitHead": "27d99ec0d559c7d397aced2ef8e7de0ac93b1b7f"
 }