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

package/lib/esm/GlobalContextWrapper.d.ts

@@ -11,6 +11,7 @@ declare global {
         chrometwo_ready: 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":"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"}
+{"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;QAChB,mBAAmB,EAAE,GAAG,CAAC;KAC5B;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AA6FD,eAAO,MAAM,oBAAoB,UAAW,MAAM,gBAKjD,CAAC"}

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;AAInC,OAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAMvD,eAAO,MAAM,mBAAmB,EAAE,EAwDjC,CAAC"}
+{"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,EAwEjC,CAAC"}

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

@@ -6,7 +6,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useChatInit } from '../..';
 import { ChatSVGIcon } from './ChatSVGIcon';
 export const EmbeddedServiceChat = () => {
-    const { loadingChat, isChatStarted, initEmbedChat, onStartChat, hasBlocked } = useChatInit();
+    const { loadingChat, isChatStarted, initEmbedChat, onStartChat, hasChatDomainsBlocked, hasBlockedByBrowser } = useChatInit();
     const [isBlockedErrorBoxVisible, setIsBlockedErrorBoxVisible] = useState(true);
     const { t } = useTranslation();
     const shouldClose = () => {
@@ -15,18 +15,23 @@ export const EmbeddedServiceChat = () => {
     const shouldOpen = () => {
         setIsBlockedErrorBoxVisible(true);
     };
+    const chatErrorMessagePopover = () => (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, 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-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-u-m-0 pf-u-p-0" },
+                React.createElement(ChatSVGIcon, null)))));
     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(Spinner, { isSVG: true, diameter: "28px", className: "pf-u-m-xs" }))) : hasBlockedByBrowser || hasChatDomainsBlocked ? (chatErrorMessagePopover()) : !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/hooks/useChatConfig.js

@@ -24,16 +24,16 @@ export const useChatConfig = () => {
             };
         case Env.EnvNames.STAGE:
             return {
-                host: 'https://gss--Stage2.my.salesforce.com',
-                sandBox: 'https://stage2-gssdex.cs16.force.com/botchat',
+                host: 'https://gss--stage2.sandbox.my.salesforce.com',
+                sandBox: 'https://gss--stage2.sandbox.my.site.com/botchat',
                 gslbBaseURL: 'https://service.force.com',
                 key: '00Df0000003f0P8',
                 appName: 'RedHatChatBot',
                 extra: {
-                    baseLiveAgentContentURL: 'https://c.la1-c1cs-ord.salesforceliveagent.com/content',
+                    baseLiveAgentContentURL: 'https://c.la1-c1cs-ia7.salesforceliveagent.com/content',
                     deploymentId: '572f00000008QON',
                     buttonId: '573f00000008QWv',
-                    baseLiveAgentURL: 'https://d.la1-c1cs-ord.salesforceliveagent.com/chat',
+                    baseLiveAgentURL: 'https://d.la1-c1cs-ia7.salesforceliveagent.com/chat',
                     eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04If00000004CPqEAM_180cd4fc482',
                     isOfflineSupportEnabled: false,
                 },

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

@@ -1,7 +1,8 @@
 interface IChatOptions {
     loadingChat: boolean;
     isChatStarted: boolean;
-    hasBlocked: boolean;
+    hasBlockedByBrowser: boolean;
+    hasChatDomainsBlocked: boolean;
     initEmbedChat: () => void;
     onStartChat: () => void;
 }

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

@@ -1 +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"}
+{"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,mBAAmB,EAAE,OAAO,CAAC;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,kBAAkB,OAAO,KAAW,YA6E3D,CAAC"}

package/lib/esm/hooks/useChatInit.js

@@ -21,7 +21,8 @@ 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 [hasBlockedByBrowser, setHasBlockedByBrowser] = useState(false);
+    const [hasChatDomainsBlocked, setHasChatDomainsBlocked] = useState(false);
     const getChatFormDetails = usePreChatFormDetails();
     const { host, sandBox, gslbBaseURL, key, appName, extra } = useChatConfig();
     const onStartChat = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -30,7 +31,7 @@ export const useChatInit = (initialState = false) => {
         // then we assume browser has blocked the script
         const blockedTimeOut = setTimeout(() => {
             if (!window.$Lightning) {
-                setHasBlocked(true);
+                setHasBlockedByBrowser(true);
                 setLoadingChat(false);
             }
         }, 10000);
@@ -39,7 +40,7 @@ export const useChatInit = (initialState = false) => {
             extraPrechatFormDetails: getChatFormDetails(),
         });
         clearTimeout(blockedTimeOut);
-        setHasBlocked(false);
+        setHasBlockedByBrowser(false);
         setChatStart(true);
         setLoadingChat(false);
     });
@@ -59,15 +60,25 @@ export const useChatInit = (initialState = false) => {
         window.embedded_svc.addEventHandler('afterDestroy', function (data) {
             setChatStart(false);
         });
+        // if chat didn't initialized after a long wait then we assume
+        // chat domains blocked by client network or browser
+        const blockedByNetworkTimeOut = setTimeout(() => {
+            if (!window.liveAgentDeployment) {
+                setHasChatDomainsBlocked(true);
+                setLoadingChat(false);
+            }
+        }, 10000);
         // After loading and setting step is complete we are good to call `bootstrapEmbeddedService`
         window.embedded_svc.addEventHandler('onSettingsCallCompleted', function (data) {
             setLoadingChat(false);
+            clearTimeout(blockedByNetworkTimeOut);
         });
     };
     return {
         loadingChat,
         isChatStarted,
-        hasBlocked,
+        hasChatDomainsBlocked,
+        hasBlockedByBrowser,
         initEmbedChat,
         onStartChat,
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "1.0.13-beta.1",
+    "version": "1.0.13-beta.2",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -90,5 +90,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "b93a1b02b7f249c7183d7f9a559df374a83e0d2b"
+    "gitHead": "30ad8b43003ef94256e1e9ab7eb5f802f345e233"
 }