@rh-support/react-context 2.5.81 → 2.5.82

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

@@ -3,17 +3,14 @@ import { Button, ButtonVariant, Popover, PopoverPosition, Spinner } from '@patte
 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, usePreChatFormDetails } from '../..';
+import { FeatureAnnouncementKeys, NewFeaturePopoverAnnouncement, useChatInit } from '../..';
 import { ChatSVGIcon } from './ChatSVGIcon';
 export const EmbeddedServiceChat = () => {
-    var _a;
     const componentRef = useRef(null);
-    const { loadingChat, isChatStarted, onStartChat, hasChatDomainsBlocked, hasBlockedByBrowser, chatServiceNotAvailable, hasBlockedByCookie, } = useChatInit();
+    const { loadingChat, isChatStarted, onStartChat, hasChatDomainsBlocked, hasBlockedByBrowser, chatServiceNotAvailable, hasBlockedByCookie, sessionId, } = useChatInit();
     const [isBlockedErrorBoxVisible, setIsBlockedErrorBoxVisible] = useState(true);
     const [chatClicked, setChatClicked] = useState(false);
     const { t } = useTranslation();
-    const getChatFormDetails = usePreChatFormDetails();
-    const sessionId = (_a = getChatFormDetails().find((item) => item.label === 'SessionId')) === null || _a === void 0 ? void 0 : _a.value;
     const shouldClose = () => {
         setIsBlockedErrorBoxVisible(false);
     };
@@ -45,8 +42,10 @@ export const EmbeddedServiceChat = () => {
         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: () => {
-            onStartChat();
             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,

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

@@ -7,6 +7,7 @@ interface IChatOptions {
     onStartChat: () => void;
     chatServiceNotAvailable: boolean;
     hasBlockedByCookie: boolean;
+    sessionId: string;
 }
 /**
  * This hook is used for setting chat up and listing custom event of chat.

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

@@ -1 +1 @@
-{"version":3,"file":"useChatInit.d.ts","sourceRoot":"","sources":["../../../src/hooks/useChatInit.ts"],"names":[],"mappings":"AAOA,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;IACxB,uBAAuB,EAAE,OAAO,CAAC;IACjC,kBAAkB,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,kBAAkB,OAAO,KAAW,YA0H3D,CAAC"}
+{"version":3,"file":"useChatInit.d.ts","sourceRoot":"","sources":["../../../src/hooks/useChatInit.ts"],"names":[],"mappings":"AAOA,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;IACxB,uBAAuB,EAAE,OAAO,CAAC;IACjC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,kBAAkB,OAAO,KAAW,YA8H3D,CAAC"}

package/lib/esm/hooks/useChatInit.js

@@ -19,6 +19,7 @@ import { usePreChatFormDetails } from './usePreChatFormDetails';
  * @returns
  */
 export const useChatInit = (initialState = false) => {
+    var _a;
     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);
@@ -120,6 +121,7 @@ export const useChatInit = (initialState = false) => {
             clearTimeout(blockedByNetworkTimeOut);
         });
     };
+    const sessionId = ((_a = getChatFormDetails().find((item) => item.label === 'SessionId')) === null || _a === void 0 ? void 0 : _a.value) || '';
     return {
         loadingChat,
         isChatStarted,
@@ -129,5 +131,6 @@ export const useChatInit = (initialState = false) => {
         onStartChat,
         chatServiceNotAvailable,
         hasBlockedByCookie,
+        sessionId,
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "2.5.81",
+    "version": "2.5.82",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -93,5 +93,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "5bd0b48bd344b4362efb801ad01b96f0bba0df1a"
+    "gitHead": "d8cde6c6c2d28af9c0762c55fe1bc52e6104208b"
 }