@rh-support/react-context 2.5.268 → 2.5.271

package/lib/esm/GlobalContextWrapper.d.ts

@@ -8,9 +8,7 @@ declare global {
         MSInputMethodContext: any;
         portal: any;
         Raven: any;
-        embedded_svc: any;
-        $Lightning: any;
-        liveAgentDeployment: any;
+        embeddedservice_bootstrap: 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,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;AA2GD,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,sBAKjD,CAAC"}
+{"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"}

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

@@ -1,4 +1,10 @@
 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;AAInC,OAAc,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAMpD,eAAO,MAAM,mBAAmB,EAAE,EA6HjC,CAAC"}
+{"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,EAYjC,CAAC"}

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

@@ -1,55 +1,20 @@
 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, { useRef, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { FeatureAnnouncementKeys, NewFeaturePopoverAnnouncement, useChatInit } from '../..';
-import { ChatSVGIcon } from './ChatSVGIcon';
+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.
+ */
 export const EmbeddedServiceChat = () => {
-    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)
+    const { loadingChat, chatServiceNotAvailable, hasBlockedByCookie } = useChatInit();
+    if (chatServiceNotAvailable || hasBlockedByCookie)
         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));
+    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);
 };

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

@@ -18,54 +18,3 @@
 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,6 +6,5 @@ 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,yBAAyB,CAAC;AACxC,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,iBAAiB,CAAC"}

package/lib/esm/hooks/index.js

@@ -6,5 +6,4 @@ 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,20 +1,12 @@
+export interface IEnhancedChatConfig {
+    orgId: string;
+    deploymentDevName: string;
+    siteURL: string;
+    scrt2URL: string;
+    bootstrapScriptURL: string;
+}
 /**
- *
- * This hook is used for selected chat configuration based on environment
+ * Returns Salesforce Enhanced Messaging configuration for the current 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;
-    };
-};
+export declare const useChatConfig: () => IEnhancedChatConfig;
 //# 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":"AACA;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAqDzB,CAAC"}
+{"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"}

package/lib/esm/hooks/useChatConfig.js

@@ -1,58 +1,26 @@
 import { Env } from '@cee-eng/hydrajs';
 /**
- *
- * This hook is used for selected chat configuration based on environment
+ * Returns Salesforce Enhanced Messaging configuration for the current 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 {
-                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,
-                },
+                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',
             };
         default:
             return {
-                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,
-                },
+                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',
             };
     }
 };

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

@@ -1,22 +1,18 @@
-import { IPreChatFormDetails } from './usePreChatFormDetails';
 interface IChatOptions {
     loadingChat: boolean;
-    isChatStarted: boolean;
-    hasBlockedByBrowser: boolean;
-    hasChatDomainsBlocked: boolean;
-    initEmbedChat: () => void;
-    onStartChat: () => void;
     chatServiceNotAvailable: boolean;
     hasBlockedByCookie: boolean;
-    /** Pre-chat form details (SSO, sessionId, etc.). From single usePreChatFormDetails instance to avoid duplicate API calls. */
-    getChatFormDetails: () => IPreChatFormDetails[];
 }
 /**
- * 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
+ * Dynamically loads the Salesforce Enhanced Messaging bootstrap script and
+ * calls `embeddedservice_bootstrap.init()` once the script is ready.
+ *
+ * The script is injected only after TrustArc functional-cookie consent is
+ * confirmed, and the `onload` callback is used instead of polling so we
+ * never race against network latency.
+ *
+ * @see https://developer.salesforce.com/docs/service/messaging-web/guide/set-up-embedded-messaging.html
  */
-export declare const useChatInit: (initialState?: boolean) => IChatOptions;
+export declare const useChatInit: () => IChatOptions;
 export {};
 //# sourceMappingURL=useChatInit.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useChatInit.d.ts","sourceRoot":"","sources":["../../../src/hooks/useChatInit.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAyB,MAAM,yBAAyB,CAAC;AAErF,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,6HAA6H;IAC7H,kBAAkB,EAAE,MAAM,mBAAmB,EAAE,CAAC;CACnD;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,eAAc,OAAe,KAAG,YA4H3D,CAAC"}
+{"version":3,"file":"useChatInit.d.ts","sourceRoot":"","sources":["../../../src/hooks/useChatInit.ts"],"names":[],"mappings":"AAMA,UAAU,YAAY;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,uBAAuB,EAAE,OAAO,CAAC;IACjC,kBAAkB,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,QAAO,YAkE9B,CAAC"}

package/lib/esm/hooks/useChatInit.js

@@ -1,134 +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 { enableScripts, getCookieValue, waitForWindowVariable } from '@rh-support/utils';
-import { useEffect, useState } from 'react';
-import { extraPreChatInfo } from '../components/EmbeddedServiceChat/ExtraPreChatInfo';
+import { getCookieValue } from '@rh-support/utils';
+import { useContext, useEffect, useRef, useState } from 'react';
+import { GlobalMetadataStateContext } from '../context/GlobalMetadataContext';
 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
+ * Dynamically loads the Salesforce Enhanced Messaging bootstrap script and
+ * calls `embeddedservice_bootstrap.init()` once the script is ready.
+ *
+ * The script is injected only after TrustArc functional-cookie consent is
+ * confirmed, and the `onload` callback is used instead of polling so we
+ * never race against network latency.
+ *
+ * @see https://developer.salesforce.com/docs/service/messaging-web/guide/set-up-embedded-messaging.html
  */
-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
+export const useChatInit = () => {
     const [loadingChat, setLoadingChat] = useState(true);
-    const [hasBlockedByBrowser, setHasBlockedByBrowser] = useState(false);
-    const [hasChatDomainsBlocked, setHasChatDomainsBlocked] = useState(false);
     const [chatServiceNotAvailable, setChatServiceNotAvailable] = useState(false);
     const [hasBlockedByCookie, setHasBlockedByCookie] = useState(false);
-    const getChatFormDetails = usePreChatFormDetails();
-    const { host, sandBox, gslbBaseURL, key, appName, extra } = useChatConfig();
+    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const ssoName = loggedInUserRights === null || loggedInUserRights === void 0 ? void 0 : loggedInUserRights.data.getSSOUsername();
+    const { orgId, deploymentDevName, siteURL, scrt2URL, bootstrapScriptURL } = useChatConfig();
+    const ssoNameRef = useRef(ssoName);
+    ssoNameRef.current = ssoName;
     useEffect(() => {
-        /*
-        retrieve TrustArc cookie value
-        value is like "permit 1,2,3" when all cookie types are accepted
-        1-> Required Cookies
-        2-> Functional Cookies
-        3-> Advertising Cookies
-        we need to make sure 2 that indicates functional cookies is included in value
-        */
-        var preferences = getCookieValue('cmapi_cookie_privacy');
-        if (preferences && preferences.includes('2')) {
-            // based on TrustArc cookie consent, cookie is allowed
-            enableScripts();
-            const initChatService = () => __awaiter(void 0, void 0, void 0, function* () {
-                try {
-                    yield waitForWindowVariable('embedded_svc', 10000);
-                    initEmbedChat();
-                }
-                catch (e) {
-                    console.error('Error: Chat service not available', e.message);
-                    setLoadingChat(false);
-                }
-            });
-            initChatService();
-        }
-        else {
+        var _a;
+        const preferences = getCookieValue('cmapi_cookie_privacy');
+        if (!preferences || !preferences.includes('2')) {
             setHasBlockedByCookie(true);
-        }
-        setLoadingChat(false);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const onStartChat = () => __awaiter(void 0, void 0, void 0, function* () {
-        setLoadingChat(true);
-        try {
-            // if chat didn't start after a long wait
-            // then we assume browser has blocked the script
-            const blockedTimeOut = setTimeout(() => {
-                if (!window.$Lightning) {
-                    setHasBlockedByBrowser(true);
-                    setLoadingChat(false);
-                }
-            }, 10000);
-            yield window.embedded_svc.liveAgentAPI.startChat({
-                extraPrechatInfo: extraPreChatInfo,
-                extraPrechatFormDetails: getChatFormDetails(),
-            });
-            clearTimeout(blockedTimeOut);
-            setHasBlockedByBrowser(false);
-            setChatStart(true);
             setLoadingChat(false);
+            return;
         }
-        catch (e) {
+        const onMessagingReady = () => {
+            window.embeddedservice_bootstrap.prechatAPI.setHiddenPrechatFields({
+                username: ssoNameRef.current,
+            });
             setLoadingChat(false);
-            setHasBlockedByBrowser(true);
-        }
-    });
-    const initEmbedChat = () => {
-        const extraPreChatFormDetails = getChatFormDetails();
-        try {
-            initESW(extraPreChatFormDetails);
+        };
+        const initChat = () => {
+            try {
+                window.embeddedservice_bootstrap.settings.language = 'en_US';
+                window.embeddedservice_bootstrap.init(orgId, deploymentDevName, siteURL, { scrt2URL });
+            }
+            catch (err) {
+                console.error('Error loading Enhanced Messaging: ', err);
+                setChatServiceNotAvailable(true);
+                setLoadingChat(false);
+            }
+        };
+        window.addEventListener('onEmbeddedMessagingReady', onMessagingReady);
+        if ((_a = window.embeddedservice_bootstrap) === null || _a === void 0 ? void 0 : _a.prechatAPI) {
+            onMessagingReady();
         }
-        catch (e) {
-            setChatServiceNotAvailable(true);
-            console.log(e);
+        else if (window.embeddedservice_bootstrap) {
+            initChat();
         }
-    };
-    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);
-        });
-        // 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);
+        else {
+            const script = document.createElement('script');
+            script.src = bootstrapScriptURL;
+            script.type = 'text/javascript';
+            script.onload = initChat;
+            script.onerror = () => {
+                console.error('Failed to load Enhanced Messaging bootstrap script');
+                setChatServiceNotAvailable(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,
-        hasBlockedByBrowser,
-        hasChatDomainsBlocked,
-        initEmbedChat,
-        onStartChat,
-        chatServiceNotAvailable,
-        hasBlockedByCookie,
-        getChatFormDetails,
-    };
+            };
+            document.body.appendChild(script);
+        }
+        return () => {
+            window.removeEventListener('onEmbeddedMessagingReady', onMessagingReady);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return { loadingChat, chatServiceNotAvailable, hasBlockedByCookie };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "2.5.268",
+    "version": "2.5.271",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -36,10 +36,10 @@
         "@cee-eng/hydrajs": "4.18.111",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-icons": "6.2.1",
-        "@rh-support/components": "2.5.176",
+        "@rh-support/components": "2.5.177",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.122",
-        "@rh-support/utils": "2.5.105",
+        "@rh-support/user-permissions": "2.5.123",
+        "@rh-support/utils": "2.5.106",
         "i18next": "^23.15.0",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
@@ -89,5 +89,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "2b2c0e7650d4c5d94856ae246c3e5a6c7ae9e75d"
+    "gitHead": "7b1306d35722c768378d97b4c6f9895c6a66bce8"
 }

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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-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/hooks/usePreChatFormDetails.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"usePreChatFormDetails.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePreChatFormDetails.ts"],"names":[],"mappings":"AAKA,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,CA+CpE,CAAC"}

package/lib/esm/hooks/usePreChatFormDetails.js

@@ -1,61 +0,0 @@
-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 { useContext, useEffect, useState } from 'react';
-import { GlobalMetadataStateContext } from '../context/GlobalMetadataContext';
-/**
- *
- * The use of this hook is to generate form details based on user current screen
- */
-export const usePreChatFormDetails = () => {
-    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();
-    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,
-        },
-    ];
-    return getChatFormDetails;
-};