@rh-support/react-context 2.5.275 → 2.5.276

package/lib/esm/GlobalContextWrapper.d.ts

@@ -8,7 +8,9 @@ declare global {
         MSInputMethodContext: any;
         portal: any;
         Raven: any;
-        embeddedservice_bootstrap: any;
+        embedded_svc: any;
+        $Lightning: any;
+        liveAgentDeployment: any;
     }
     interface Document {
         documentMode: any;

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalContextWrapper.d.ts","sourceRoot":"","sources":["../../src/GlobalContextWrapper.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAenD,UAAU,MAAM;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACzC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,yBAAyB,EAAE,GAAG,CAAC;KAClC;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AA2GD,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,sBAKjD,CAAC"}
+{"version":3,"file":"GlobalContextWrapper.d.ts","sourceRoot":"","sources":["../../src/GlobalContextWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,UAAU,MAAM;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACzC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,YAAY,EAAE,GAAG,CAAC;QAClB,UAAU,EAAE,GAAG,CAAC;QAChB,mBAAmB,EAAE,GAAG,CAAC;KAC5B;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAmGD,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,sBAKjD,CAAC"}

package/lib/esm/GlobalContextWrapper.js

@@ -7,19 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { accounts, Config } from '@cee-eng/hydrajs';
 import { LoginModal } from '@rh-support/components';
-import { fetchAndSetSalesforceToken, getApiResourceObject, setSecuredSupport, setStrataHeaders, } from '@rh-support/utils';
+import { getApiResourceObject, setSecuredSupport, setStrataHeaders } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
 import { GlobalMetadataContextProvider, GlobalMetadataDispatchContext } from './context/GlobalMetadataContext';
-import { fetchAccountManagers, fetchCaseRecordTypes, fetchLoggedInUser, fetchLoggedInUsersAccount, fetchManagedAccounts, fetchUserPreferences, GlobalMetadataReducerConstants, loadPCMConfig, setLoggedInUserJwtToken, } from './reducers/GlobalMetadataReducer';
+import { fetchAccountManagers, fetchLoggedInUser, fetchLoggedInUsersAccount, fetchManagedAccounts, fetchUserPreferences, GlobalMetadataReducerConstants, loadPCMConfig, setLoggedInUserJwtToken, } from './reducers/GlobalMetadataReducer';
 function GlobalContextMetadataWrapper() {
     const [showReLoginModal, setShowReLoginModal] = useState(false);
     const [showSessionExpiredModal, setShowSessionExpiredModal] = useState(false);
     const dispatchToGlobalMetadataReducer = React.useContext(GlobalMetadataDispatchContext);
-    const apolloClient = useApolloClient();
     // Configuring callbacks to show modals in case of auth logout or session expiry
     useEffect(() => {
         const init = () => __awaiter(this, void 0, void 0, function* () {
@@ -31,15 +29,11 @@ function GlobalContextMetadataWrapper() {
                     setShowSessionExpiredModal(true);
                 }
             }));
-            session.on('AuthRefreshSuccess', () => {
-                fetchAndSetSalesforceToken(window.sessionjs.getEncodedToken());
-            });
         });
         init();
     }, []);
     const loadGlobalMetadata = (loggedInUserJwtToken) => {
         setLoggedInUserJwtToken(dispatchToGlobalMetadataReducer, loggedInUserJwtToken);
-        fetchCaseRecordTypes(dispatchToGlobalMetadataReducer, apolloClient);
         /**
          * Even GS4 users can use strata's normal user and  account endpoints and thus fetching them before hand. This improves the load time by 4 seconds
          */
@@ -49,7 +43,7 @@ function GlobalContextMetadataWrapper() {
         fetchUserPreferences(dispatchToGlobalMetadataReducer, loggedInUserJwtToken);
         fetchManagedAccounts(dispatchToGlobalMetadataReducer, loggedInUserJwtToken);
         fetchAccountManagers(dispatchToGlobalMetadataReducer, loggedInUserJwtToken);
-        fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, false, apolloClient).then((loggedInUserAccount) => {
+        fetchLoggedInUsersAccount(dispatchToGlobalMetadataReducer, loggedInUserJwtToken).then((loggedInUserAccount) => {
             setSecuredSupport(loggedInUserAccount === null || loggedInUserAccount === void 0 ? void 0 : loggedInUserAccount.secureSupport);
             if (loggedInUserAccount === null || loggedInUserAccount === void 0 ? void 0 : loggedInUserAccount.secureSupport) {
                 Config.setUserConfig({ isLoggedInAccountGS4: true });

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

@@ -1,4 +1,5 @@
 import { IAccount } from '@cee-eng/hydrajs/@types/models/account';
+import { IAccountListParams } from '@cee-eng/hydrajs/@types/models/csp/account';
 import React from 'react';
 interface IProps {
     selectedAccounts?: IAccount[];
@@ -7,6 +8,7 @@ interface IProps {
     canBookmarkAccount?: boolean;
     suggestBookmarkAccounts?: boolean;
     onSelect?: (accounts: IAccount[]) => any;
+    accountListParams?: IAccountListParams;
     multiple?: boolean;
     isInValid?: boolean;
     restrictedOnSubscriptionAbuse?: boolean;

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;AA2BlE,OAAO,KAA4D,MAAM,OAAO,CAAC;AAKjF,UAAU,MAAM;IACZ,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAkCD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAyW7C;kBAzWQ,uBAAuB;;;AA4WhC,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;AAqBhF,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,UAAU,MAAM;IACZ,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;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAkCD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA+S7C;kBA/SQ,uBAAuB;;;AAkThC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -7,19 +7,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
+import { accounts } from '@cee-eng/hydrajs';
 import { Button, Flex, FlexItem, MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
-import { LoadingIndicator } from '@rh-support/components';
-import { buildSearchAccountsWhere, handleGraphQLSearchAccountsResponse, SEARCH_ACCOUNTS, } from '@rh-support/utils';
-import debounce from 'lodash/debounce';
+import { LoadingIndicator, useFetch } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import isNull from 'lodash/isNull';
 import isUndefined from 'lodash/isUndefined';
 import uniqBy from 'lodash/uniqBy';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { sortAccountsByQuery } from '../../utils';
+import { parseAccountSearchQuery, sortAccountsByQuery } from '../../utils';
 const defaultProps = {
     id: '',
     className: '',
@@ -51,28 +50,24 @@ const getDisplayName = (account) => {
         : '';
 };
 function AccountSelectorInternal(props) {
-    const apolloClient = useApolloClient();
+    const { request, isFetching } = useFetch(accounts.getAccounts, { isAbortable: true });
     const [items, setItems] = useState([]);
     const [selectedItems, setSelectedItems] = useState([]);
     const [isOpen, setIsOpen] = useState(false);
     const [isQueryChanged, setIsQueryChanged] = useState(false);
-    const [isFetching, setIsFetching] = useState(false);
     const [query, setQuery] = useState('');
     const [focusedItemIndex, setFocusedItemIndex] = useState(null);
-    const [hasNextPage, setHasNextPage] = useState(false);
-    const [endCursor, setEndCursor] = useState('');
-    const [currentSearchQuery, setCurrentSearchQuery] = useState('');
     const textInputRef = useRef();
     const inputGroupRef = useRef();
-    const abortControllerRef = useRef();
     const { t } = useTranslation();
     const bookmarkedAccountsDeduped = uniqBy(props.bookmarkedAccounts, (b) => b.accountNumber);
     const pageSize = 20;
+    const [resultSize, setResultSize] = useState(pageSize);
     const setQueryLabel = (selectedItems) => {
         const item = !isEmpty(selectedItems) && !props.multiple ? selectedItems[0] : {};
         setQuery(getDisplayName(item));
     };
-    const itemsToRender = useMemo(() => (isEmpty(items) ? bookmarkedAccountsDeduped : items), [items, bookmarkedAccountsDeduped]);
+    const itemsToRender = useMemo(() => (isEmpty(items) ? bookmarkedAccountsDeduped : items.slice(0, props.paginate ? resultSize : items.length)), [items, bookmarkedAccountsDeduped, props.paginate, resultSize]);
     useEffect(() => {
         if (!props.multiple) {
             const selectedItem = (props.selectedAccounts || [])[0];
@@ -86,13 +81,11 @@ function AccountSelectorInternal(props) {
         setQueryLabel(selectedItems);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedItems, props.multiple]);
-    const onDisplayMoreClick = (e) => __awaiter(this, void 0, void 0, function* () {
+    const onDisplayMoreClick = (e) => {
         e.stopPropagation();
+        setResultSize((pre) => Math.min(pre + pageSize, items.length));
         setIsOpen(true);
-        if (!hasNextPage || !endCursor || !currentSearchQuery)
-            return;
-        yield fetchAccounts(currentSearchQuery, endCursor);
-    });
+    };
     const dropdownOptions = useMemo(() => {
         if (isFetching) {
             return (React.createElement("div", { key: "searching", className: "pf-v6-u-px-md pf-v6-u-py-sm" },
@@ -103,9 +96,13 @@ function AccountSelectorInternal(props) {
                 React.createElement(Trans, null, "No results found")));
         }
         return [
-            ...itemsToRender.map((item, index) => (React.createElement(SelectOption, { isFocused: focusedItemIndex === index, key: index, value: item, hasCheckbox: props.multiple, isSelected: selectedItems.some((account) => item.accountNumber === account.accountNumber) },
-                React.createElement("span", null, getDisplayName(item))))),
-            ...(hasNextPage
+            ...itemsToRender.map((item, index) => (React.createElement(SelectOption, { isFocused: focusedItemIndex === index, key: index, value: item, hasCheckbox: props.multiple, isSelected: selectedItems.some((account) => item.accountNumber === account.accountNumber) }, props.restrictedOnSubscriptionAbuse && item.subscriptionAbuse ? (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
+                React.createElement(FlexItem, { className: "form-instructions form-invalid" }, getDisplayName(item)),
+                React.createElement(FlexItem, { className: "form-instructions form-invalid pf-v6-u-text-nowrap pf-v6-u-pr-sm" },
+                    React.createElement(InfoCircleIcon, null),
+                    " ",
+                    React.createElement(Trans, null, "Subscription abuse")))) : (React.createElement("span", null, getDisplayName(item)))))),
+            ...(resultSize < items.length
                 ? [
                     React.createElement("div", { className: "pf-v6-c-divider", role: "separator", key: "separator" }),
                     React.createElement(SelectOption, { key: 'diplay-more-option', onClick: onDisplayMoreClick, value: 'display-more' },
@@ -118,62 +115,18 @@ function AccountSelectorInternal(props) {
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [items, bookmarkedAccountsDeduped, isFetching, itemsToRender, isQueryChanged]);
-    const fetchAccounts = useCallback((searchQuery, afterCursor) => __awaiter(this, void 0, void 0, function* () {
-        if (isEmpty(searchQuery)) {
+    const fetchAccounts = (rawQuery) => __awaiter(this, void 0, void 0, function* () {
+        if (isEmpty(rawQuery === null || rawQuery === void 0 ? void 0 : rawQuery.trim())) {
             return;
         }
-        if (abortControllerRef.current) {
-            abortControllerRef.current.abort();
-        }
-        abortControllerRef.current = new AbortController();
-        const isAppending = !!afterCursor;
-        if (!isAppending) {
-            setIsFetching(true);
-        }
-        try {
-            const where = buildSearchAccountsWhere(searchQuery);
-            const queryKey = isNaN(searchQuery) ? 'name' : 'accountNumber';
-            const { data } = yield apolloClient.query({
-                query: SEARCH_ACCOUNTS,
-                variables: Object.assign(Object.assign({ where, first: pageSize }, (afterCursor ? { after: afterCursor } : {})), { orderBy: { Name: { order: 'ASC' } } }),
-                context: { fetchOptions: { signal: abortControllerRef.current.signal } },
-            });
-            const result = handleGraphQLSearchAccountsResponse(data);
-            const newItems = result.items.map((item) => ({
-                accountNumber: item.accountNumber,
-                name: item.name,
-            }));
-            const sortedItems = sortAccountsByQuery(newItems, searchQuery, queryKey);
-            if (isAppending) {
-                setItems((prev) => [...prev, ...sortedItems]);
-            }
-            else {
-                setItems(sortedItems);
-            }
-            setHasNextPage(result.hasNextPage);
-            setEndCursor(result.endCursor);
-            setCurrentSearchQuery(searchQuery);
-        }
-        catch (err) {
-            if ((err === null || err === void 0 ? void 0 : err.name) !== 'AbortError') {
-                console.error('Failed to search accounts via GraphQL', err);
-                setItems([]);
-                setHasNextPage(false);
-                setEndCursor('');
-            }
-        }
-        finally {
-            setIsFetching(false);
-        }
-    }), [apolloClient]);
-    const fetchAccountsRef = useRef(fetchAccounts);
-    fetchAccountsRef.current = fetchAccounts;
-    const debouncedFetchAccounts = useMemo(() => { var _a; return debounce((value) => fetchAccountsRef.current(value), (_a = props.delay) !== null && _a !== void 0 ? _a : 300); }, [props.delay]);
-    useEffect(() => {
-        return () => {
-            debouncedFetchAccounts.cancel();
-        };
-    }, [debouncedFetchAccounts]);
+        const { query: searchQuery, queryKey } = parseAccountSearchQuery(rawQuery);
+        const fields = ['accountNumber', 'accountId', 'name', 'subscriptionAbuse'].join(',');
+        const params = Object.assign({ fields, limit: 60, accountNumberNotNull: true }, (queryKey === 'accountNumber' ? { accountNumberLike: searchQuery } : { nameLike: searchQuery }));
+        const response = request && (yield request(params));
+        const options = response && response.items && response.items.length ? response.items : [];
+        const sortedOptions = sortAccountsByQuery(options, searchQuery, queryKey);
+        setItems(sortedOptions);
+    });
     const onOuterClick = () => {
         setQueryLabel(props.selectedAccounts || []);
         setSelectedItems(props.selectedAccounts || []);
@@ -209,19 +162,15 @@ function AccountSelectorInternal(props) {
         (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     };
     const onFilter = (_event, value) => {
+        const trimmed = value.trim();
         setQuery(value);
-        setIsQueryChanged(!isEmpty(value));
-        setFocusedItemIndex(null);
-        if (isEmpty(value)) {
-            debouncedFetchAccounts.cancel();
-            setItems([]);
-            setIsFetching(false);
-            setHasNextPage(false);
-            setEndCursor('');
-            return;
+        setIsQueryChanged(!isEmpty(trimmed));
+        if (!isEmpty(trimmed)) {
+            setIsOpen(true);
         }
-        setIsFetching(true);
-        debouncedFetchAccounts(value);
+        fetchAccounts(value);
+        setResultSize(pageSize);
+        setFocusedItemIndex(null);
     };
     const onToggleClick = () => {
         setIsOpen((pre) => !pre);
@@ -237,9 +186,6 @@ function AccountSelectorInternal(props) {
         setSelectedItems([]);
         setItems([]);
         setIsQueryChanged(false);
-        setHasNextPage(false);
-        setEndCursor('');
-        setCurrentSearchQuery('');
         (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     const onSelect = (selection) => {

package/lib/esm/components/EmbeddedServiceChat/EmbeddedServiceChat.d.ts

@@ -1,10 +1,4 @@
 import './embeddedServiceChat.css';
 import { FC } from 'react';
-/**
- * Bootstraps Salesforce Enhanced Messaging.
- * The messaging widget (button + chat window) is rendered by the Salesforce
- * bootstrap script; this component only triggers initialisation and shows a
- * spinner while the script loads.
- */
 export declare const EmbeddedServiceChat: FC;
 //# sourceMappingURL=EmbeddedServiceChat.d.ts.map

package/lib/esm/components/EmbeddedServiceChat/EmbeddedServiceChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedServiceChat.d.ts","sourceRoot":"","sources":["../../../../src/components/EmbeddedServiceChat/EmbeddedServiceChat.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAajC,CAAC"}
+{"version":3,"file":"EmbeddedServiceChat.d.ts","sourceRoot":"","sources":["../../../../src/components/EmbeddedServiceChat/EmbeddedServiceChat.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAInC,OAAc,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAMpD,eAAO,MAAM,mBAAmB,EAAE,EA6HjC,CAAC"}

package/lib/esm/components/EmbeddedServiceChat/EmbeddedServiceChat.js

@@ -1,20 +1,55 @@
 import './embeddedServiceChat.css';
-import { Spinner } from '@patternfly/react-core';
-import React from 'react';
-import { useChatInit } from '../../hooks/useChatInit';
-/**
- * Bootstraps Salesforce Enhanced Messaging.
- * The messaging widget (button + chat window) is rendered by the Salesforce
- * bootstrap script; this component only triggers initialisation and shows a
- * spinner while the script loads.
- */
+import { Button, ButtonVariant, Popover, PopoverPosition, Spinner } from '@patternfly/react-core';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import React, { useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { FeatureAnnouncementKeys, NewFeaturePopoverAnnouncement, useChatInit } from '../..';
+import { ChatSVGIcon } from './ChatSVGIcon';
 export const EmbeddedServiceChat = () => {
-    const { loadingChat, chatServiceNotAvailable, hasBlockedByCookie } = useChatInit();
-    if (chatServiceNotAvailable || hasBlockedByCookie)
+    var _a;
+    const componentRef = useRef(null);
+    const { loadingChat, isChatStarted, onStartChat, hasChatDomainsBlocked, hasBlockedByBrowser, chatServiceNotAvailable, hasBlockedByCookie, getChatFormDetails, } = useChatInit();
+    const [isBlockedErrorBoxVisible, setIsBlockedErrorBoxVisible] = useState(true);
+    const [chatClicked, setChatClicked] = useState(false);
+    const { t } = useTranslation();
+    const sessionId = (_a = getChatFormDetails().find((item) => item.label === 'SessionId')) === null || _a === void 0 ? void 0 : _a.value;
+    const shouldClose = () => {
+        setIsBlockedErrorBoxVisible(false);
+    };
+    const shouldOpen = () => {
+        setIsBlockedErrorBoxVisible(true);
+    };
+    const chatErrorMessagePopover = (param) => (React.createElement("div", { className: "chatButton chatError", id: "chat-blocked-popover-selector" },
+        React.createElement(Popover, { "aria-label": t('Cannot connect to chat support'), alertSeverityVariant: 'danger', position: PopoverPosition.top, hasAutoWidth: true, maxWidth: '420px', headerIcon: React.createElement(ExclamationCircleIcon, { className: "pf-v6-u-danger-color-100" }), headerComponent: "h1", headerContent: React.createElement(Trans, null, "Cannot connect to chat support"), bodyContent: param === 'cookie' ? (React.createElement("p", { className: "pf-v6-u-px-md" },
+                React.createElement(Trans, null,
+                    "Accept functional cookies in your",
+                    ' ',
+                    React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: (e) => {
+                            e.preventDefault();
+                            document.querySelector('#teconsent a[role="link"]').click();
+                        } }, "cookie preferences"),
+                    ' ',
+                    "to enable the Red Hat Chat Support, then refresh page."))) : (React.createElement("p", { className: "pf-v6-u-px-md" },
+                React.createElement(Trans, null, "There are multiple problems that can cause this error."),
+                React.createElement("br", null),
+                React.createElement("a", { href: `https://access.redhat.com/articles/313583#${hasBlockedByBrowser
+                        ? 'troubleshoot_browser'
+                        : hasChatDomainsBlocked
+                            ? 'troubleshoot_network'
+                            : ''}`, target: "_blank", rel: "noreferrer noopener" },
+                    React.createElement(Trans, null, "See a list of possible causes.")))), isVisible: isBlockedErrorBoxVisible, shouldClose: shouldClose, shouldOpen: shouldOpen },
+            React.createElement(Button, { variant: ButtonVariant.link, className: "pf-v6-u-m-0 pf-v6-u-p-0" },
+                React.createElement(ChatSVGIcon, null)))));
+    if (chatServiceNotAvailable)
         return React.createElement(React.Fragment, null);
-    if (loadingChat) {
-        return (React.createElement("div", { className: "chatButton" },
-            React.createElement(Spinner, { diameter: "28px", className: "pf-v6-u-m-xs" })));
-    }
-    return React.createElement(React.Fragment, null);
+    return loadingChat ? (React.createElement("div", { className: "chatButton" },
+        React.createElement(Spinner, { diameter: "28px", className: "pf-v6-u-m-xs" }))) : hasBlockedByCookie && chatClicked && document.querySelector('#teconsent a[role="link"]') !== null ? (chatErrorMessagePopover('cookie')) : (hasBlockedByBrowser || hasChatDomainsBlocked || !sessionId) && chatClicked ? (chatErrorMessagePopover()) : !isChatStarted ? (React.createElement("div", { className: "chatButton", onClick: () => {
+            setChatClicked(true);
+            if (sessionId) {
+                onStartChat();
+            }
+        }, "data-tracking-id": "embedded-service-chat", ref: componentRef, id: "chat-bot-wrapper" },
+        React.createElement(ChatSVGIcon, null),
+        React.createElement(NewFeaturePopoverAnnouncement, { "aria-label": t('Support now has a chatbot (beta). Try it if you need help with a case.'), featureName: FeatureAnnouncementKeys.CHAT_BOT, sectionRef: componentRef, bodyContent: React.createElement("div", null,
+                React.createElement(Trans, null, "Support now has a chatbot (beta). Try it if you need help with a case.")), triggerRef: () => document.getElementById('chat-bot-wrapper') }))) : (React.createElement(React.Fragment, null));
 };

package/lib/esm/components/EmbeddedServiceChat/ExtraPreChatInfo.d.ts

@@ -0,0 +1,12 @@
+export declare const extraPreChatInfo: {
+    entityFieldMaps: {
+        doCreate: boolean;
+        doFind: boolean;
+        fieldName: string;
+        isExactMatch: boolean;
+        label: string;
+    }[];
+    entityName: string;
+    saveToTranscript: string;
+}[];
+//# sourceMappingURL=ExtraPreChatInfo.d.ts.map

package/lib/esm/components/EmbeddedServiceChat/ExtraPreChatInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtraPreChatInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/EmbeddedServiceChat/ExtraPreChatInfo.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;GA6B5B,CAAC"}

package/lib/esm/components/EmbeddedServiceChat/ExtraPreChatInfo.js

@@ -0,0 +1,29 @@
+export const extraPreChatInfo = [
+    {
+        entityFieldMaps: [
+            {
+                doCreate: false,
+                doFind: true,
+                fieldName: 'SSO_Username__c',
+                isExactMatch: true,
+                label: 'SSO Name',
+            },
+            {
+                doCreate: false,
+                doFind: true,
+                fieldName: 'ContactSessionId__c',
+                isExactMatch: false,
+                label: 'SessionId',
+            },
+            {
+                doCreate: false,
+                doFind: true,
+                fieldName: 'Account',
+                isExactMatch: true,
+                label: 'account',
+            },
+        ],
+        entityName: '',
+        saveToTranscript: 'SSO_Username__c',
+    },
+];

package/lib/esm/components/EmbeddedServiceChat/embeddedServiceChat.css

@@ -18,3 +18,54 @@
 body:has(.pf-chatbot) .chatButton {
     display: none !important;
 }
+
+.chatError {
+    opacity: 0.7;
+}
+
+/* Requested by CCM team */
+.agent .chat-content[CLWCP-lwcchatpack_lwcchatpack] {
+    text-align: left;
+}
+
+/* Adding fowling CSS as requested by CCM team (Sudhir Panda)  */
+.embeddedServiceLiveAgentStateChat .chatSessionStartTime {
+    font-family: 'Red Hat Text', 'RedHatText', 'Overpass', Overpass, Arial, sans-serif;
+}
+.embeddedServiceLiveAgentStateChatItem.chatMessage {
+    font-family: 'Red Hat Text', 'RedHatText', 'Overpass', Overpass, Arial, sans-serif;
+}
+.embeddedServiceLiveAgentStateChatItem.chatMessage button {
+    font-family: 'Red Hat Text', 'RedHatText', 'Overpass', Overpass, Arial, sans-serif;
+}
+.embeddedServiceHelpButton .helpButton .uiButton {
+    background-color: #005290;
+    font-family: 'Arial', sans-serif;
+}
+.embeddedServiceHelpButton .helpButton .uiButton:focus {
+    outline: 1px solid #005290;
+}
+.agent .chat-content[CLWCP-lwcchatpack_lwcchatpack] {
+    text-align: left;
+    font-family: 'Red Hat Text', 'RedHatText', 'Overpass', Overpass, Arial, sans-serif;
+}
+/* red hat chat icon */
+.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor0 {
+    background-image: url('https://access.redhat.com/chrome_themes/nimbus/img/red-hat-customer-portal.svg');
+    background-repeat: no-repeat;
+    background-size: 420% !important;
+    font-size: 0 !important;
+    background-color: #fff !important;
+}
+
+/* user chat bubble */
+.chasitor.chat-content[CLWCP-lwcchatpack_lwcchatpack] {
+    background: #fff !important;
+    color: #0066cc !important;
+    border: #0066cc 1px solid !important;
+}
+
+/* timeout text background color */
+.embeddedServiceSidebar .headerAnnouncement p {
+    background-color: #151515;
+}

package/lib/esm/hooks/index.d.ts

@@ -6,5 +6,6 @@ export * from './useCanEditCase';
 export * from './useCanCreateCase';
 export * from './useUserPreferences';
 export * from './useChatInit';
+export * from './usePreChatFormDetails';
 export * from './useChatConfig';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}

package/lib/esm/hooks/index.js

@@ -6,4 +6,5 @@ export * from './useCanEditCase';
 export * from './useCanCreateCase';
 export * from './useUserPreferences';
 export * from './useChatInit';
+export * from './usePreChatFormDetails';
 export * from './useChatConfig';

package/lib/esm/hooks/useChatConfig.d.ts

@@ -1,12 +1,20 @@
-export interface IEnhancedChatConfig {
-    orgId: string;
-    deploymentDevName: string;
-    siteURL: string;
-    scrt2URL: string;
-    bootstrapScriptURL: string;
-}
 /**
- * Returns Salesforce Enhanced Messaging configuration for the current environment.
+ *
+ * This hook is used for selected chat configuration based on environment
  */
-export declare const useChatConfig: () => IEnhancedChatConfig;
+export declare const useChatConfig: () => {
+    host: string;
+    sandBox: string;
+    gslbBaseURL: string;
+    key: string;
+    appName: string;
+    extra: {
+        baseLiveAgentContentURL: string;
+        deploymentId: string;
+        buttonId: string;
+        baseLiveAgentURL: string;
+        eswLiveAgentDevName: string;
+        isOfflineSupportEnabled: boolean;
+    };
+};
 //# sourceMappingURL=useChatConfig.d.ts.map

package/lib/esm/hooks/useChatConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatConfig.d.ts","sourceRoot":"","sources":["../../../src/hooks/useChatConfig.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,QAAO,mBAwBhC,CAAC"}
+{"version":3,"file":"useChatConfig.d.ts","sourceRoot":"","sources":["../../../src/hooks/useChatConfig.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAqDzB,CAAC"}

package/lib/esm/hooks/useChatConfig.js

@@ -1,26 +1,58 @@
 import { Env } from '@cee-eng/hydrajs';
 /**
- * Returns Salesforce Enhanced Messaging configuration for the current environment.
+ *
+ * This hook is used for selected chat configuration based on environment
  */
 export const useChatConfig = () => {
     const env = Env.getEnvName();
     switch (env) {
         case Env.EnvNames.QA:
+            return {
+                host: 'https://gss--qa.sandbox.my.salesforce.com',
+                sandBox: 'https://gss--qa.sandbox.my.site.com/botchat',
+                gslbBaseURL: 'https://service.force.com',
+                key: '00D8I0000016hOv',
+                appName: 'RedHatChatBot',
+                extra: {
+                    baseLiveAgentContentURL: 'https://c.la4-c1cs-ia4.salesforceliveagent.com/content',
+                    deploymentId: '5726R000000sXtR',
+                    buttonId: '5736R000000wk2n',
+                    baseLiveAgentURL: 'https://d.la4-c1cs-ia4.salesforceliveagent.com/chat',
+                    eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I6R000000wk2oUAA_180f4e169cb',
+                    isOfflineSupportEnabled: false,
+                },
+            };
         case Env.EnvNames.STAGE:
             return {
-                orgId: '00DEk00000R3Rgr',
-                deploymentDevName: 'Red_Hat_Enhanced_Chat',
-                siteURL: 'https://redhatsupport--stage.sandbox.my.site.com/ESWRedHatEnhancedChat1772111580668',
-                scrt2URL: 'https://redhatsupport--stage.sandbox.my.salesforce-scrt.com',
-                bootstrapScriptURL: 'https://redhatsupport--stage.sandbox.my.site.com/ESWRedHatEnhancedChat1772111580668/assets/js/bootstrap.min.js',
+                host: 'https://gss--stage2.sandbox.my.salesforce.com',
+                sandBox: 'https://gss--stage2.sandbox.my.site.com/botchat',
+                gslbBaseURL: 'https://service.force.com',
+                key: '00DD7000000jd7T',
+                appName: 'RedHatChatBot',
+                extra: {
+                    baseLiveAgentContentURL: 'https://c.la3-c1cs-ia7.salesforceliveagent.com/content',
+                    deploymentId: '5726R000000sXtR',
+                    buttonId: '5736R000000wk2n',
+                    baseLiveAgentURL: 'https://d.la3-c1cs-ia7.salesforceliveagent.com/chat',
+                    eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I6R000000wk2oUAA_180f4e169cb',
+                    isOfflineSupportEnabled: false,
+                },
             };
         default:
             return {
-                orgId: '00DEk00000R3Rgr',
-                deploymentDevName: 'Red_Hat_Enhanced_Chat',
-                siteURL: 'https://redhatsupport--stage.sandbox.my.site.com/ESWRedHatEnhancedChat1772111580668',
-                scrt2URL: 'https://redhatsupport--stage.sandbox.my.salesforce-scrt.com',
-                bootstrapScriptURL: 'https://redhatsupport--stage.sandbox.my.site.com/ESWRedHatEnhancedChat1772111580668/assets/js/bootstrap.min.js',
+                host: 'https://gss.my.salesforce.com',
+                sandBox: 'https://gss.my.site.com/botchat',
+                gslbBaseURL: 'https://service.force.com',
+                key: '00DA0000000HxWH',
+                appName: 'RedHatChatBot',
+                extra: {
+                    baseLiveAgentContentURL: 'https://c.la3-c1-ia6.salesforceliveagent.com/content',
+                    deploymentId: '5726R000000sXtR',
+                    buttonId: '5736R000000wk2n',
+                    baseLiveAgentURL: 'https://d.la3-c1-ia6.salesforceliveagent.com/chat',
+                    eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I6R000000wk2oUAA_180f4e169cb',
+                    isOfflineSupportEnabled: false,
+                },
             };
     }
 };