@rh-support/manage 0.2.20 → 0.2.24

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,eAwIvC"}
+{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAsBvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAgKvC"}

package/lib/esm/ManageTabs.js

@@ -1,9 +1,10 @@
 import { ErrorBoundary, useDocumentTitle } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { CustomElements, getConfigField, PCM_CONFIG_FIELD_TYPE, requireCustomElement } from '@rh-support/utils';
+import { CustomElements, getConfigField, getFieldInParts, PCM_CONFIG_FIELD_TYPE, requireCustomElement, } from '@rh-support/utils';
 import map from 'lodash/map';
 import React, { useContext } from 'react';
+import { ConfigsTable } from './components/Configs/ConfigsTable';
 import { ManageGroupUsers } from './components/Groups/ManageGroupUsers';
 import { ManageBookmarkedAccountsTab, ManageGroupedBookmarkedAccountsTab, } from './components/ManageBookmarkedAccountsTab';
 import { ManagePreferences } from './components/ManagePreferences';
@@ -21,10 +22,11 @@ requireCustomElement([
 export function ManageTabs(props) {
     var _a, _b;
     const history = props.routeProps.history;
-    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute } = Routes.getPaths();
-    const { globalMetadataState: { pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, } = Routes.getPaths();
+    const { globalMetadataState: { pcmConfig, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const isGroupBookmarkEnabled = getConfigField(pcmConfig.data, 'isGroupBookmarkEnabled', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
     const isPreferencesPageEnabled = getConfigField(pcmConfig.data, 'allowPreferencesPage', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
+    const pcmConfigEditorsSSOList = getFieldInParts(pcmConfig.data, 'pcmConfigEditorsSSO', PCM_CONFIG_FIELD_TYPE.STRING_COMMA_SEPERATED);
     // Changes route and saves the current path to the url query params
     const isOnlyBasePath = history.location.pathname === Routes.basePath;
     useDocumentTitle(PageTitle.MANAGE);
@@ -38,6 +40,7 @@ export function ManageTabs(props) {
     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 canViewConfigs = pcmConfigEditorsSSOList.includes(loggedInUserRights.data.getSSOUsername());
     const tabsToRender = [];
     canManageBookmarkAccounts &&
         tabsToRender.push({
@@ -95,6 +98,17 @@ export function ManageTabs(props) {
             },
             component: React.createElement(TopContentManagement, null),
         });
+    canViewConfigs &&
+        tabsToRender.push({
+            title: 'Internal Configs',
+            key: 'pcm-internal-configs-tab',
+            'data-tracking-id': 'pcm-config-admin-tab',
+            routePath: configsRoute,
+            onClick: () => {
+                changeRouteThunk(configsRoute);
+            },
+            component: React.createElement(ConfigsTable, null),
+        });
     /**
      * Render without tabs if there is only one element
      */

package/lib/esm/Routes.d.ts

@@ -15,6 +15,7 @@ interface ManageRoutes {
     topContent: Route;
     preferences: Route;
     notificationEmails: Route;
+    configs: Route;
 }
 export declare const Routes: ManageRoutes;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,YA8DpB,CAAC"}
+{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,EAAE,YAmEpB,CAAC"}

package/lib/esm/Routes.js

@@ -42,6 +42,12 @@ export const Routes = {
             return getPath(this);
         },
     },
+    configs: {
+        path: '/configs',
+        getPath() {
+            return getPath(this);
+        },
+    },
     getPaths() {
         return Object.keys(this).reduce((accumulator, key) => {
             if (this[key].path) {

package/lib/esm/components/Configs/ConfigInLineEdit.d.ts

@@ -0,0 +1,10 @@
+interface IProps {
+    id: number;
+    onSave: (fieldName: string, fieldValue: string, id: number) => void;
+    isUpdating: boolean;
+    fieldName: string;
+    fieldValue: string;
+}
+export declare function ConfigInLineEdit(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=ConfigInLineEdit.d.ts.map

package/lib/esm/components/Configs/ConfigInLineEdit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigInLineEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigInLineEdit.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAqD7C"}

package/lib/esm/components/Configs/ConfigInLineEdit.js

@@ -0,0 +1,40 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { InlineEdit, LoadingIndicator, TextAreaAutosize } from '@rh-support/components';
+import React, { useEffect, useState } from 'react';
+import { CONFIG_FIELD_VALUE_LIMIT } from '../../constants/Configs';
+export function ConfigInLineEdit(props) {
+    const [input, setInput] = useState(props.fieldValue);
+    const [hasLargeInput, setHasLargeInput] = useState(false);
+    const onSave = () => __awaiter(this, void 0, void 0, function* () {
+        props.onSave(props.fieldName, input, props.id);
+    });
+    const onCancel = () => {
+        setInput(props.fieldValue);
+    };
+    const onChange = (e) => {
+        var _a, _b;
+        const inputValue = (_b = (_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+        setHasLargeInput(inputValue.length > CONFIG_FIELD_VALUE_LIMIT);
+        setInput(inputValue);
+    };
+    // when user filter search result if the textarea is open, need to update the internal state
+    // otherwise it shows wrong content
+    useEffect(() => {
+        setInput(props.fieldValue);
+    }, [props.fieldValue]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(InlineEdit, { labelProps: { htmlFor: 'case-details-custom-email' }, allowInlineEdit: true, initialIsEditing: false, onSave: onSave, onCancel: onCancel, saveDisabled: input === props.fieldValue || props.isUpdating || hasLargeInput, loadingIndicator: React.createElement(LoadingIndicator, { show: props.isUpdating, isInline: true }) },
+            React.createElement(TextAreaAutosize, { id: `config-value-${props.id}`, name: `config-value-${props.id}`, "aria-invalid": hasLargeInput, className: `form-control${hasLargeInput ? ' form-invalid' : ''}`, value: input, "data-tracking-id": "open-case-describe-ktQ1-issue", onChange: onChange, disabled: props.isUpdating }),
+            hasLargeInput && (React.createElement("p", { className: "form-instructions form-invalid" },
+                "Config value cannot be more than ",
+                CONFIG_FIELD_VALUE_LIMIT,
+                " characters")))));
+}

package/lib/esm/components/Configs/ConfigSwitch.d.ts

@@ -0,0 +1,10 @@
+interface IProps {
+    id: number;
+    onChange: (fieldName: string, fieldValue: string, id: number) => void;
+    isChecked: boolean;
+    isUpdating: boolean;
+    fieldName: string;
+}
+export declare function ConfigSwitch(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=ConfigSwitch.d.ts.map

package/lib/esm/components/Configs/ConfigSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigSwitch.tsx"],"names":[],"mappings":"AAIA,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,eAiBzC"}

package/lib/esm/components/Configs/ConfigSwitch.js

@@ -0,0 +1,20 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Switch } from '@patternfly/react-core';
+import { LoadingIndicator } from '@rh-support/components';
+import React from 'react';
+export function ConfigSwitch(props) {
+    const onSwitchChange = (isChecked) => __awaiter(this, void 0, void 0, function* () {
+        props.onChange(props.fieldName, isChecked ? '1' : '0', props.id);
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Switch, { id: `${props.id}`, isChecked: props.isChecked, onChange: onSwitchChange, isDisabled: props.isUpdating, "aria-label": props.fieldName }),
+        props.isUpdating && React.createElement(LoadingIndicator, { isInline: true })));
+}

package/lib/esm/components/Configs/ConfigsTable.d.ts

@@ -0,0 +1,2 @@
+export declare const ConfigsTable: () => JSX.Element;
+//# sourceMappingURL=ConfigsTable.d.ts.map

package/lib/esm/components/Configs/ConfigsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigsTable.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY,mBAyJxB,CAAC"}

package/lib/esm/components/Configs/ConfigsTable.js

@@ -0,0 +1,124 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { configuration, maintenance } from '@cee-eng/hydrajs';
+import { SearchInput } from '@patternfly/react-core';
+import { defaultTableSortMethod, ErrorBoundary, ToastNotification, useFetch } from '@rh-support/components/';
+import { formatDate } from '@rh-support/utils';
+import isEmpty from 'lodash/isEmpty';
+import React, { useEffect, useState } from 'react';
+import { Trans } from 'react-i18next';
+import { ManageTable } from '../ManageTable/ManageTable';
+import { ConfigInLineEdit } from './ConfigInLineEdit';
+import { ConfigSwitch } from './ConfigSwitch';
+export const ConfigsTable = () => {
+    const [configValues, setConfigValues] = useState([]);
+    const [filteredValues, setFilteredValues] = useState([]);
+    const [searchString, setSearchString] = useState('');
+    const [keepPageNumberOnDataChange, setKeepPageNumberOnDataChange] = useState(undefined);
+    const { request: getConfigs, isFetching } = useFetch(configuration.getConfig);
+    const { request: updateConfig, isFetching: isUpdating } = useFetch(maintenance.updateHydraConfiguration, {
+        propgateErrors: true,
+    });
+    const configType = "pcm_configurations" /* pcm_configurations */;
+    const onSearchChange = (str) => {
+        setKeepPageNumberOnDataChange(false);
+        setSearchString(str);
+    };
+    const onUpdate = (fieldName, fieldValue, id) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield updateConfig({
+                id,
+                type: configType,
+                fieldName,
+                fieldValue,
+            });
+            ToastNotification.addSuccessMessage('Successfully updated config');
+            const updatedData = configValues.map((config) => {
+                if (config.id === id) {
+                    return Object.assign(Object.assign({}, config), { fieldValue });
+                }
+                return config;
+            });
+            setKeepPageNumberOnDataChange(true);
+            setConfigValues(updatedData);
+        }
+        catch (e) {
+            ToastNotification.addDangerMessage('Failed to update config');
+        }
+    });
+    const columns = [
+        {
+            accessor: (data) => data.fieldName,
+            id: 'config-name',
+            title: 'Configuration',
+            cellWidth: 20,
+            sortable: true,
+            sortMethod: (a, b) => {
+                const aname = a.toLowerCase();
+                const bname = b.toLowerCase();
+                return defaultTableSortMethod(aname, bname);
+            },
+        },
+        {
+            cell: (data) => () => {
+                const value = data.fieldValue;
+                const name = data.fieldName;
+                if (value === '0' || value === '1') {
+                    return (React.createElement(ConfigSwitch, { id: data.id, isChecked: value === '1' ? true : false, onChange: onUpdate, isUpdating: isUpdating, fieldName: name }));
+                }
+                else {
+                    return (React.createElement(ConfigInLineEdit, { id: data.id, onSave: onUpdate, isUpdating: isUpdating, fieldName: name, fieldValue: value }));
+                }
+            },
+            id: 'config-value',
+            title: 'Value',
+        },
+        {
+            accessor: (data) => formatDate(data.createdDate),
+            id: 'created-date',
+            title: 'Created Date',
+            cellWidth: 15,
+            sortable: true,
+            sortMethod: (a, b) => {
+                const aDate = new Date(a);
+                const bDate = new Date(b);
+                return defaultTableSortMethod(aDate, bDate);
+            },
+        },
+    ];
+    useEffect(() => {
+        const loadConfig = () => __awaiter(void 0, void 0, void 0, function* () {
+            const data = yield getConfigs(configType);
+            setConfigValues(data);
+            setFilteredValues(data);
+        });
+        loadConfig();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [configType]);
+    useEffect(() => {
+        if (!isEmpty(searchString)) {
+            const filteredValues = configValues.filter((c) => c.fieldName.toLowerCase().includes(searchString.toLowerCase()));
+            setFilteredValues(filteredValues);
+        }
+        else {
+            setFilteredValues(configValues);
+        }
+    }, [searchString, configValues]);
+    return (React.createElement("section", { id: "notification-emails" },
+        React.createElement("header", null,
+            React.createElement("h2", null, "Internal app configs"),
+            "Edit app configs that used as flags or other settings here."),
+        React.createElement("div", { className: "toolbar" },
+            React.createElement("div", { className: "toolbar-right" },
+                React.createElement("label", { htmlFor: "search-config-filelds" }, "Filter by"),
+                React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", id: "search-config-filelds", placeholder: "Search for an existing config name", value: searchString, onChange: onSearchChange, onClear: () => onSearchChange(''), "aria-label": "Search for an existing config name" }))),
+        React.createElement(ErrorBoundary, { errorMsgInfo: { message: 'There was an error loading config page' } },
+            React.createElement(ManageTable, { sortInfo: { column: 'created-date', direction: 'desc' }, ariaLabel: 'Table to manage pcm config', columns: columns, data: filteredValues, isFetching: isFetching, isError: false, errorTitle: 'Config table error', errorComponent: React.createElement(Trans, null, "Could not get configs"), keepPageNumberOnDataChange: keepPageNumberOnDataChange }))));
+};

package/lib/esm/components/Configs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ConfigsTable';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Configs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/esm/components/Configs/index.js

@@ -0,0 +1 @@
+export * from './ConfigsTable';

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,eAqHlD"}
+{"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

@@ -62,13 +62,9 @@ export function PreferencesCaseCreate(props) {
         }
         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 = [];
@@ -77,7 +73,15 @@ export function PreferencesCaseCreate(props) {
             }
             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,

package/lib/esm/constants/Configs.d.ts

@@ -0,0 +1,3 @@
+export declare const CONFIG_FIELD_VALUE_LIMIT = 1024;
+export declare const CONFIG_FIELD_NAME_LIMIT = 100;
+//# sourceMappingURL=Configs.d.ts.map

package/lib/esm/constants/Configs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Configs.d.ts","sourceRoot":"","sources":["../../../src/constants/Configs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAC7C,eAAO,MAAM,uBAAuB,MAAM,CAAC"}

package/lib/esm/constants/Configs.js

@@ -0,0 +1,2 @@
+export const CONFIG_FIELD_VALUE_LIMIT = 1024;
+export const CONFIG_FIELD_NAME_LIMIT = 100;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.2.20",
+    "version": "0.2.24",
     "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.6.0",
+        "@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.6.0",
+        "@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.7",
-        "@rh-support/components": "1.1.13",
-        "@rh-support/configs": "0.2.1",
-        "@rh-support/react-context": "0.2.15",
+        "@rh-support/api": "0.3.9",
+        "@rh-support/components": "1.1.16",
+        "@rh-support/configs": "0.2.3",
+        "@rh-support/react-context": "0.2.18",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.9",
-        "@rh-support/utils": "0.2.9",
+        "@rh-support/user-permissions": "0.2.12",
+        "@rh-support/utils": "0.2.12",
         "@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": "4597b49fd7ffa40d79e7a0b8b55f3b916719d4d4"
+    "gitHead": "52e20f580e4e077ecc84a1e40f8474795e013459"
 }