@rh-support/react-context 1.0.12 → 1.0.13-beta.1

package/lib/esm/GlobalContextWrapper.d.ts

@@ -9,6 +9,8 @@ declare global {
         portal: any;
         Raven: any;
         chrometwo_ready: any;
+        embedded_svc: any;
+        $Lightning: 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":"AAmBA,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,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;KACxB;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AA6FD,eAAO,MAAM,oBAAoB,UAAW,MAAM,gBAKjD,CAAC"}
+{"version":3,"file":"GlobalContextWrapper.d.ts","sourceRoot":"","sources":["../../src/GlobalContextWrapper.tsx"],"names":[],"mappings":"AAmBA,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,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;QACrB,YAAY,EAAE,GAAG,CAAC;QAClB,UAAU,EAAE,GAAG,CAAC;KACnB;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AA6FD,eAAO,MAAM,oBAAoB,UAAW,MAAM,gBAKjD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSVGIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/EmbeddedServiceChat/ChatSVGIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,mBAwBvB,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export const ChatSVGIcon = () => {
+    return (React.createElement("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        React.createElement("rect", { width: "36", height: "36", fill: "url(#pattern0)" }),
+        React.createElement("defs", null,
+            React.createElement("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1" },
+                React.createElement("use", { xlinkHref: "#image0_726_235", transform: "scale(0.00277778)" })),
+            React.createElement("image", { id: "image0_726_235", width: "360", height: "360", xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAYAAAB65WHVAAAACXBIWXMAAG66AABuugHW3rEXAAAKZ0lEQVR4nO3d4XHUSAKG4e6r/Y8VAc4Ah0AISwSwERwXwXkjgAzAEawzWEIgBByBvBH0lfa0V7t7gGfs0eiT+nmq+OOyB01LvMgaqbu21goAef5hnwBkEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUL9sPUdM9b6MmAzYBFDa5+MbL9qa22Tb36s9cdSyvtSyvOAzYGl3JVS3g6t3Rrh/mwy0GOtH0sprwM2Bc7lZmjtjdHuy+YCPZ85/xKwKXBur5xJ92WLgf7isgaduhtau7Tz+7GpuzjmDwTFmV49H2u9svf7sbXb7C4CtgHW5N9AR9wHDRBqa4G+D9gGgLNwBg0QSqABQgk0QCiBBgi1+cmSDvCvUsrn+K2kR9M9ze/seb6lh0B/NiMYicZa7Re+yyUOgFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFC/WDHAGOtL/c4CENrnwI249EEGjo21vq2lHJdSnm2x1EYa70rpbwdWrsN2JyjucQBnRpr/VhKebfXOM+el1J+md/r5gg0dGis9U0p5XVH7/z1WOuPAdtxFIGGPl13+K7fB2zDUQQaOjPWejn/6t+b52OtV1t6zwIN/bnseJ9fBGzDwQQaIJRAQ3++2OfbINDQmaG1KdB39ns+gYY+9XgXx+YINHRoaG16cOPGvs8m0NCpobXpYZWfSym/OQYymYsDOja0Nl3quN7oZElX86PquyXQwCZnfRtrDdiKZbnEARBKoAFCCTRAKIEGCCXQAKF6uIvj6oFPey/m23WO9bmUcj/NazA/OhtlnlZxUzN3dWhTU19yfj0EevH7JMdapxv9pzXPPq59u9K8UsZ1p/P9wq64xHEaz+blg36dF+Fcxbzu2gdxhn0Q6NN7t8baZ3Oce1pjDnZPoJdx1pnCxBn2SaCX8WKs9Swf0Ikz7JdAL2fxT+jFGfZNoJez6MKc4gz7J9DLWSzQ4gx92FSg53uMu55cXJy7drfFaUF5vC2eQXe7lpo4d2+1e+xZx+YCPbT2vse11MS5ezdDa7e9D0JvNnkNure11MS5a3ellFfzMU9nNjsXx7SW2ljrdDb98gy3tF2uFcgTxnn6rePjCV6H87kfWvtsvPu16cmShtbu50mKFv3Vb15Q8+yBPmWcnYHB9rjNLpQ4AwIdSJyBItB5xBn4g0AHEWfgzwQ6hDgDfyfQyzn4kVxxBr5GoFcmzsC3CPSKxBn4HoFeiTgDDxHoFYgzcAiBPjNxBg4l0GckzsAxBPpMxBk4lkCfgTgDjyHQCxNn4LE2PR90ui3Eeaz18k8rkH8ZWvuyxN8DHE+glzOt9vLiBK++SJzHWt/MC/A+/9vXpyWWrofWrL4CK3OJYznJcZ7i++HvcZ5NX/swfw+wIoHOtVScrw+87PJ6rNUy/7Aigc605AeCx0T3OnWAoAcCnWfJDwSnxW+fHfEjz+afAVYg0FmWvpXuYouDAr0S6Bzucwb+QqAznCvO91sYDOC/BHp9zpyBrxLodYkz8E0CvR5xBr5LoNchzsCDBPr8xBk4iECflzgDBxPo8xFn4CgCfR7iDBxNoJcnzsCjCPRhHvsEnjgDjybQBxha+1xKuTvyx8QZeBKBPtwx8yiLM/BkAn2gobXbKbwHfLc4Aych0EeYw/vqG5c7pq/9JM7AqVjV+0jzmfTtWOvVnybAv5+vUwOcjEA/kiADS3OJAyCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQP9gxPOBqrNUYhRta+5S2hWOtl6WU6c/FdBw94iUeek+Pec1NEWge8s4I5RtrvSulXA+tfVxzY8daX5ZS3pRSfiylPHviy/37RJu1WS5xwD48L6V8GGtdLdBjre9LKb+WUl6fIM7dKwINu/N6jUiPtU5nzP90OJ2WQMP+rBHpa8fR6Qk07NPZIj1/GPjCcXR6Ag37da5IXzqGliHQsG/niPSWbnfb1H8mAg37t3SkLzY0gl8CtuFgAt2R+WGGu97HoVOr3N0R5rfEB3q+R6D787b3AehY75He3J0mAt2ZobXbUspN7+PQsV4jfTO09j5gO44i0B0aWpsexX3lcke3eor0b6WUn+djfnPMxdGp+Uz6dp47gW15Mz9O/RRTpMuK4bo5wwd2n6cJl4bW7hf+exYj0J3b2ocm/O7TPMPgliP90bH3MJc4YIPmqJ7is4TePziMJtCwUSK9fwINGybS+ybQsHEivV8CDTuwcqQ39fj0lgg07MSKkRbohQg07IjLHfsi0LAzIr0fAg07JNL7INCwUyK9fQINOybS2ybQsHMivV0CDR0Q6W0SaOiESG+PQENHRHpbBBo6I9LbYcJ+6NAU6VNN+l9KuXIMLcMZNHTqhGfSLxxDyxBo6NgJI80CBBo6J9K5BBoQ6VACDfxOpPMINPA/Ip1FoIG/EOkcAg38H5HOINDAV4n0+gQa+CaRXpdAA98l0usRaOBBIr0OgQYOItLnJ9DAwUT6vAQaOIpIn49AA0cT6fMQaOBRnhjpe6P+sNpaS99GINi87NUxK7PcDa1d2qcPcwYNPMkjzqTfGvHDCDTwZEdE+mZo7daIH0aggZOYI/1quoTxldebvvZq/h4O5Bo0cHJjrdNK3xd/vO7Q2iejfDyBBgjlEgdAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiBRKeU/zxSMin2RnsUAAAAASUVORK5CYII=" }))));
+};

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

@@ -0,0 +1,4 @@
+import './embeddedServiceChat.css';
+import { FC } from 'react';
+export declare const EmbeddedServiceChat: FC;
+//# sourceMappingURL=EmbeddedServiceChat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedServiceChat.d.ts","sourceRoot":"","sources":["../../../../src/components/EmbeddedServiceChat/EmbeddedServiceChat.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAInC,OAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAMvD,eAAO,MAAM,mBAAmB,EAAE,EAwDjC,CAAC"}

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

@@ -0,0 +1,32 @@
+import './embeddedServiceChat.css';
+import { Button, ButtonVariant, Popover, PopoverPosition, Spinner } from '@patternfly/react-core';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import React, { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useChatInit } from '../..';
+import { ChatSVGIcon } from './ChatSVGIcon';
+export const EmbeddedServiceChat = () => {
+    const { loadingChat, isChatStarted, initEmbedChat, onStartChat, hasBlocked } = useChatInit();
+    const [isBlockedErrorBoxVisible, setIsBlockedErrorBoxVisible] = useState(true);
+    const { t } = useTranslation();
+    const shouldClose = () => {
+        setIsBlockedErrorBoxVisible(false);
+    };
+    const shouldOpen = () => {
+        setIsBlockedErrorBoxVisible(true);
+    };
+    useEffect(() => {
+        initEmbedChat();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return loadingChat ? (React.createElement("div", { className: "chatButton" },
+        React.createElement(Spinner, { isSVG: true, diameter: "28px", className: "pf-u-m-xs" }))) : hasBlocked ? (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.left, hasAutoWidth: true, headerIcon: React.createElement(ExclamationCircleIcon, { className: "pf-u-danger-color-100" }), headerComponent: "h1", headerContent: React.createElement(Trans, null, "Cannot connect to chat support"), bodyContent: React.createElement("p", { className: "pf-u-mb-3xl pf-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://redhat.com", 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-u-m-0 pf-u-p-0" },
+                React.createElement(ChatSVGIcon, null))))) : !isChatStarted ? (React.createElement("div", { className: "chatButton", onClick: onStartChat, "data-tracking-id": "embedded-service-chat" },
+        React.createElement(ChatSVGIcon, null))) : (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

@@ -0,0 +1,58 @@
+.chatButton {
+    position: fixed;
+    right: 4rem;
+    bottom: 1rem;
+    background: #ffffff;
+    box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
+    border-radius: 3px;
+    cursor: pointer;
+    padding: 4px;
+    width: 44px;
+    height: 44px;
+}
+
+.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;
+}

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

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

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

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

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

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

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

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

@@ -25,32 +25,36 @@ export const HostnameAwarenessModal = () => {
     const [doNotShowModal, setDoNotShowModal] = useState(null);
     const [isModalOpen, setIsModalOpen] = useState(true);
     const [isHostnamesChecked, setisHostnamesChecked] = useState(false);
+    const [isLoadingHostnamesVisibilityObj, setIsLoadingHostnamesVisibilityObj] = useState(false);
     //preserving initial state to disable modal load
     const [alreadyCheckedCloseModal, setAlreadyCheckedCloseModal] = useState(false);
     const [isHostnamesLoading, setIsHostnamesLoading] = useState(true);
-    const userOriginalHostnamesCount = () => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            const originalHostnameVisibilityObj = yield getHostnamesVisibilityObj();
-            const parsedVisibilityObj = JSON.parse(originalHostnameVisibilityObj);
-            setViewedCountValue(parsedVisibilityObj.shownCount);
-            setDoNotShowModal(parsedVisibilityObj.doNotShow);
-        }
-        catch (error) {
-            console.log(error);
-        }
-    });
     const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const accountNumber = loggedInUsersAccount.data.accountNumber;
-    const { request: fetchHostnameDefault } = useFetch(accounts.getIsSharingHostname);
-    const { request: updateHostnameDefault } = useFetch(accounts.updateIsSharingHostname);
-    const userOriginalHostnameValue = () => __awaiter(void 0, void 0, void 0, function* () {
-        const fetchedHostnameStatus = yield fetchHostnameDefault(accountNumber);
-        setisHostnamesChecked(fetchedHostnameStatus.shareHostnameWithRHT);
-        // This is needed so we preserve initial state we do not close modal upon updating names.
-        setAlreadyCheckedCloseModal(fetchedHostnameStatus.shareHostnameWithRHT);
-        setIsHostnamesLoading(false);
-    });
+    const { request: fetchHostnameDefault, isFetching: isFetchingHostnameDefault } = useFetch(accounts.getIsSharingHostname);
+    const { request: updateHostnameDefault, isFetching: isFetchingUpdateHostnameDefault } = useFetch(accounts.updateIsSharingHostname);
     useEffect(() => {
+        const userOriginalHostnamesCount = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                setIsLoadingHostnamesVisibilityObj(true);
+                const originalHostnameVisibilityObj = yield getHostnamesVisibilityObj();
+                const parsedVisibilityObj = JSON.parse(originalHostnameVisibilityObj);
+                setIsLoadingHostnamesVisibilityObj(false);
+                setViewedCountValue(parsedVisibilityObj.shownCount);
+                setDoNotShowModal(parsedVisibilityObj.doNotShow);
+            }
+            catch (error) {
+                setIsLoadingHostnamesVisibilityObj(false);
+                console.log(error);
+            }
+        });
+        const userOriginalHostnameValue = () => __awaiter(void 0, void 0, void 0, function* () {
+            const fetchedHostnameStatus = yield fetchHostnameDefault(accountNumber);
+            setisHostnamesChecked(fetchedHostnameStatus.shareHostnameWithRHT);
+            // This is needed so we preserve initial state we do not close modal upon updating names.
+            setAlreadyCheckedCloseModal(fetchedHostnameStatus.shareHostnameWithRHT);
+            setIsHostnamesLoading(false);
+        });
         userOriginalHostnamesCount();
         userOriginalHostnameValue();
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -100,18 +104,21 @@ export const HostnameAwarenessModal = () => {
     };
     //Do not show modal if user cannot share hostnames.
     const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
-    if (!canUseHostName) {
-        return React.createElement(React.Fragment, null);
-    }
     //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 (alreadyCheckedCloseModal || originalViewedCountValue > 2 || doNotShowModal) {
+    if (isFetchingHostnameDefault ||
+        isFetchingUpdateHostnameDefault ||
+        isLoadingHostnamesVisibilityObj ||
+        !canUseHostName ||
+        alreadyCheckedCloseModal ||
+        originalViewedCountValue > 2 ||
+        doNotShowModal === 1) {
         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 }, "Close"),
                 React.createElement("div", { className: "dontAskCheckbox" },
-                    React.createElement(Checkbox, { label: "Don't ask me again", id: "dont-ask-again", "data-tracking-id": "dont-ask-again-hostname-modal", onClick: onDoNotAskAgain })),
+                    React.createElement(Checkbox, { isChecked: !!doNotShowModal, label: "Don't ask me again", id: "dont-ask-again", "data-tracking-id": "dont-ask-again-hostname-modal", onClick: 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.")),

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

@@ -4,4 +4,5 @@ export * from './AccountSelector';
 export * from './NewFeatureAnnouncement';
 export * from './SharedModals';
 export * from './HostnameAwarenessModal';
+export * from './EmbeddedServiceChat';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}

package/lib/esm/components/index.js

@@ -4,3 +4,4 @@ export * from './AccountSelector';
 export * from './NewFeatureAnnouncement';
 export * from './SharedModals';
 export * from './HostnameAwarenessModal';
+export * from './EmbeddedServiceChat';

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

@@ -5,4 +5,7 @@ export * from './useSubscriptionAbused';
 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"}
+{"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

@@ -5,3 +5,6 @@ export * from './useSubscriptionAbused';
 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

@@ -0,0 +1,20 @@
+/**
+ *
+ * This hook is used for selected chat configuration based on environment
+ */
+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

@@ -0,0 +1 @@
+{"version":3,"file":"useChatConfig.d.ts","sourceRoot":"","sources":["../../../src/hooks/useChatConfig.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAoDzB,CAAC"}

package/lib/esm/hooks/useChatConfig.js

@@ -0,0 +1,58 @@
+import { Env } from '@cee-eng/hydrajs';
+/**
+ *
+ * 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: '00D7j0000008oSo',
+                appName: 'RedHatChatBot',
+                extra: {
+                    baseLiveAgentContentURL: 'https://c.la3-c1cs-ia5.salesforceliveagent.com/content',
+                    deploymentId: '5727j0000004CqR',
+                    buttonId: '5737j0000004CKB',
+                    baseLiveAgentURL: 'https://d.la3-c1cs-ia5.salesforceliveagent.com/chat',
+                    eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I7j000000CadEEAS_180b2280b37',
+                    isOfflineSupportEnabled: false,
+                },
+            };
+        case Env.EnvNames.STAGE:
+            return {
+                host: 'https://gss--Stage2.my.salesforce.com',
+                sandBox: 'https://stage2-gssdex.cs16.force.com/botchat',
+                gslbBaseURL: 'https://service.force.com',
+                key: '00Df0000003f0P8',
+                appName: 'RedHatChatBot',
+                extra: {
+                    baseLiveAgentContentURL: 'https://c.la1-c1cs-ord.salesforceliveagent.com/content',
+                    deploymentId: '572f00000008QON',
+                    buttonId: '573f00000008QWv',
+                    baseLiveAgentURL: 'https://d.la1-c1cs-ord.salesforceliveagent.com/chat',
+                    eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04If00000004CPqEAM_180cd4fc482',
+                    isOfflineSupportEnabled: false,
+                },
+            };
+        default:
+            return {
+                host: 'https://gss--qa.my.salesforce.com',
+                sandBox: 'https://qa-gssdex.cs203.force.com/botchat',
+                gslbBaseURL: 'https://service.force.com',
+                key: '00D7j0000008oSo',
+                appName: 'RedHatChatBot',
+                extra: {
+                    baseLiveAgentContentURL: 'https://c.la3-c1cs-ia4.salesforceliveagent.com/content',
+                    deploymentId: '5727j0000004CqR',
+                    buttonId: '5737j0000004CKB',
+                    baseLiveAgentURL: 'https://d.la3-c1cs-ia4.salesforceliveagent.com/chat',
+                    eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I7j000000CadEEAS_180b2280b37',
+                    isOfflineSupportEnabled: false,
+                },
+            };
+    }
+};

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

@@ -0,0 +1,16 @@
+interface IChatOptions {
+    loadingChat: boolean;
+    isChatStarted: boolean;
+    hasBlocked: boolean;
+    initEmbedChat: () => void;
+    onStartChat: () => void;
+}
+/**
+ * This hook is used for setting chat up and listing custom event of chat.
+ * for more details https://developer.salesforce.com/docs/atlas.en-us.snapins_web_dev.meta/snapins_web_dev/snapins_web_chat_events.htm
+ * @param initialState
+ * @returns
+ */
+export declare const useChatInit: (initialState?: boolean) => IChatOptions;
+export {};
+//# sourceMappingURL=useChatInit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChatInit.d.ts","sourceRoot":"","sources":["../../../src/hooks/useChatInit.ts"],"names":[],"mappings":"AAMA,UAAU,YAAY;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,kBAAkB,OAAO,KAAW,YAiE3D,CAAC"}

package/lib/esm/hooks/useChatInit.js

@@ -0,0 +1,74 @@
+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 { useState } from 'react';
+import { extraPreChatInfo } from '../components/EmbeddedServiceChat/ExtraPreChatInfo';
+import { useChatConfig } from './useChatConfig';
+import { usePreChatFormDetails } from './usePreChatFormDetails';
+/**
+ * This hook is used for setting chat up and listing custom event of chat.
+ * for more details https://developer.salesforce.com/docs/atlas.en-us.snapins_web_dev.meta/snapins_web_dev/snapins_web_chat_events.htm
+ * @param initialState
+ * @returns
+ */
+export const useChatInit = (initialState = false) => {
+    const [isChatStarted, setChatStart] = useState(initialState);
+    // Need to set loading status true as it will prevent starting chat before loading necessary dependencies
+    const [loadingChat, setLoadingChat] = useState(true);
+    const [hasBlocked, setHasBlocked] = useState(false);
+    const getChatFormDetails = usePreChatFormDetails();
+    const { host, sandBox, gslbBaseURL, key, appName, extra } = useChatConfig();
+    const onStartChat = () => __awaiter(void 0, void 0, void 0, function* () {
+        setLoadingChat(true);
+        // if chat didn't start after a long wait
+        // then we assume browser has blocked the script
+        const blockedTimeOut = setTimeout(() => {
+            if (!window.$Lightning) {
+                setHasBlocked(true);
+                setLoadingChat(false);
+            }
+        }, 10000);
+        yield window.embedded_svc.liveAgentAPI.startChat({
+            extraPrechatInfo: extraPreChatInfo,
+            extraPrechatFormDetails: getChatFormDetails(),
+        });
+        clearTimeout(blockedTimeOut);
+        setHasBlocked(false);
+        setChatStart(true);
+        setLoadingChat(false);
+    });
+    const initEmbedChat = () => {
+        const extraPreChatFormDetails = getChatFormDetails();
+        initESW(extraPreChatFormDetails);
+    };
+    const initESW = (extraPreChatFormDetails) => {
+        window.embedded_svc.settings.displayHelpButton = false; //Or false
+        window.embedded_svc.settings.language = 'en'; //For example, enter 'en' or 'en-US'
+        window.embedded_svc.settings.enabledFeatures = ['LiveAgent'];
+        window.embedded_svc.settings.entryFeature = 'LiveAgent';
+        window.embedded_svc.settings.extraPrechatFormDetails = extraPreChatFormDetails;
+        window.embedded_svc.settings.extraPrechatInfo = extraPreChatInfo;
+        window.embedded_svc.init(host, sandBox, gslbBaseURL, key, appName, extra);
+        // Fired when Embedded Service Chat has ended and the application is closed.
+        window.embedded_svc.addEventHandler('afterDestroy', function (data) {
+            setChatStart(false);
+        });
+        // After loading and setting step is complete we are good to call `bootstrapEmbeddedService`
+        window.embedded_svc.addEventHandler('onSettingsCallCompleted', function (data) {
+            setLoadingChat(false);
+        });
+    };
+    return {
+        loadingChat,
+        isChatStarted,
+        hasBlocked,
+        initEmbedChat,
+        onStartChat,
+    };
+};

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

@@ -0,0 +1,12 @@
+export interface IPreChatFormDetails {
+    label: string;
+    value: string;
+    transcriptFields?: Array<string>;
+    displayToAgent: boolean;
+}
+/**
+ *
+ * The use of this hook is to generate form details based on user current screen
+ */
+export declare const usePreChatFormDetails: () => (() => IPreChatFormDetails[]);
+//# sourceMappingURL=usePreChatFormDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePreChatFormDetails.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePreChatFormDetails.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AAEH,eAAO,MAAM,qBAAqB,QAAO,CAAC,MAAM,mBAAmB,EAAE,CA6DpE,CAAC"}

package/lib/esm/hooks/usePreChatFormDetails.js

@@ -0,0 +1,78 @@
+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 { publicApi } from '@cee-eng/hydrajs';
+import { isValidCaseNumber } from '@rh-support/utils';
+import { useContext, useEffect, useState } from 'react';
+import { useRouteMatch } from 'react-router-dom';
+import { GlobalMetadataStateContext } from '../context/GlobalMetadataContext';
+/**
+ *
+ * The use of this hook is to generate form details based on user current screen
+ */
+export const usePreChatFormDetails = () => {
+    var _a;
+    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const [sessionId, setSessionId] = useState('');
+    const loggedInUserRightsData = loggedInUserRights === null || loggedInUserRights === void 0 ? void 0 : loggedInUserRights.data;
+    const ssoName = loggedInUserRightsData.getSSOUsername();
+    const name = loggedInUserRightsData.getUserFullName();
+    const accountNumber = loggedInUserRightsData.getAccountNumber();
+    const match = useRouteMatch('/case/:caseNumber');
+    const caseNumber = (_a = match === null || match === void 0 ? void 0 : match.params) === null || _a === void 0 ? void 0 : _a.caseNumber;
+    const isCaseDetailsPage = isValidCaseNumber(caseNumber);
+    const currentCaseNumber = isCaseDetailsPage ? caseNumber : undefined;
+    useEffect(() => {
+        try {
+            const fetchChatSessionId = () => __awaiter(void 0, void 0, void 0, function* () {
+                const { message } = yield publicApi.chat.getChatSession();
+                setSessionId(message);
+            });
+            fetchChatSessionId();
+        }
+        catch (error) {
+            console.log('Error', error);
+        }
+    }, []);
+    const getChatFormDetails = () => [
+        {
+            label: 'SSO Name',
+            value: ssoName,
+            transcriptFields: ['SSO_Username__c'],
+            displayToAgent: true,
+        },
+        {
+            label: 'SessionId',
+            value: sessionId,
+            transcriptFields: ['SessionId__c'],
+            displayToAgent: true,
+        },
+        {
+            label: 'name',
+            value: name,
+            displayToAgent: true,
+        },
+        {
+            label: 'account',
+            value: accountNumber,
+            displayToAgent: true,
+        },
+        ...(currentCaseNumber
+            ? [
+                {
+                    label: 'currentCaseNumber',
+                    transcriptFields: ['CaseNumber__c'],
+                    value: currentCaseNumber,
+                    displayToAgent: true,
+                },
+            ]
+            : []),
+    ];
+    return getChatFormDetails;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "1.0.12",
+    "version": "1.0.13-beta.1",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.13.0",
+        "@cee-eng/hydrajs": "4.14.53",
         "@patternfly/react-core": "4.264.0",
         "@patternfly/react-icons": "4.92.10",
         "@rh-support/components": "^0.1.3",
@@ -41,19 +41,20 @@
         "react-test-renderer": "17.0.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.13.0",
+        "@cee-eng/hydrajs": "4.14.53",
         "@patternfly/react-core": "4.264.0",
         "@patternfly/react-icons": "4.92.10",
-        "@rh-support/components": "1.2.11",
+        "@rh-support/components": "1.2.11-beta.0",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "1.0.9",
-        "@rh-support/utils": "1.0.7",
+        "@rh-support/user-permissions": "1.0.9-beta.0",
+        "@rh-support/utils": "1.0.7-beta.0",
         "i18next": "^19.0.1",
         "localforage": "^1.7.3",
         "lodash": "^4.17.21",
         "react": "17.0.2",
         "react-dom": "17.0.2",
         "react-i18next": "^11.2.5",
+        "react-router-dom": "^5.1.2",
         "react-test-renderer": "^16.9.0"
     },
     "devDependencies": {
@@ -64,7 +65,9 @@
         "@types/i18next": "^12.1.0",
         "@types/lodash": "^4.14.136",
         "@types/react": "^17.0.14",
-        "@types/react-i18next": "^8.1.0"
+        "@types/react-i18next": "^8.1.0",
+        "@types/react-router-dom": "^5.1.2",
+        "history": "4.10.1"
     },
     "scripts": {
         "build:watch": "../../node_modules/.bin/tsc -w -p config/tsconfig.json & npm run watch:css",
@@ -87,5 +90,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "361b4d05273169e7c9b7f5c5236ccd7ce1463499"
+    "gitHead": "b93a1b02b7f249c7183d7f9a559df374a83e0d2b"
 }