@rh-support/react-context 1.0.18 → 1.0.19

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,EAwEjC,CAAC"}
+{"version":3,"file":"EmbeddedServiceChat.d.ts","sourceRoot":"","sources":["../../../../src/components/EmbeddedServiceChat/EmbeddedServiceChat.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAInC,OAAc,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAM/D,eAAO,MAAM,mBAAmB,EAAE,EA0FjC,CAAC"}

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

@@ -1,11 +1,12 @@
 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 React, { useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useChatInit } from '../..';
+import { FeatureAnnouncementKeys, NewFeaturePopoverAnnouncement, useChatInit } from '../..';
 import { ChatSVGIcon } from './ChatSVGIcon';
 export const EmbeddedServiceChat = () => {
+    const componentRef = useRef(null);
     const { loadingChat, isChatStarted, initEmbedChat, onStartChat, hasChatDomainsBlocked, hasBlockedByBrowser } = useChatInit();
     const [isBlockedErrorBoxVisible, setIsBlockedErrorBoxVisible] = useState(true);
     const { t } = useTranslation();
@@ -32,6 +33,8 @@ export const EmbeddedServiceChat = () => {
         // 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" }))) : 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));
+        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", 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.")), reference: () => document.getElementById('chat-bot-wrapper') }))) : (React.createElement(React.Fragment, null));
 };

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

@@ -2,7 +2,8 @@ export declare enum FeatureAnnouncementKeys {
     SEND_NOTIFICATIONS = "sendNotifications",
     MARKDOWN_INLINE_IMAGES = "markdownInlineImages",
     CASE_TYPE_FILTER = "caseTypeFilter",
-    SHARE_HOSTNAMES = "shareHostnamesWithRHT"
+    SHARE_HOSTNAMES = "shareHostnamesWithRHT",
+    CHAT_BOT = "chatBot"
 }
 export interface IFeatureConfig {
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useFeatureAnnouncement.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFeatureAnnouncement.ts"],"names":[],"mappings":"AAYA,oBAAY,uBAAuB;IAC/B,kBAAkB,sBAAsB;IACxC,sBAAsB,yBAAyB;IAC/C,gBAAgB,mBAAmB;IACnC,eAAe,0BAA0B;CAC5C;AAED,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,UAAU,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;CAC3B;AAOD,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,uBAAuB;;;;;;EAgG1E"}
+{"version":3,"file":"useFeatureAnnouncement.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFeatureAnnouncement.ts"],"names":[],"mappings":"AAYA,oBAAY,uBAAuB;IAC/B,kBAAkB,sBAAsB;IACxC,sBAAsB,yBAAyB;IAC/C,gBAAgB,mBAAmB;IACnC,eAAe,0BAA0B;IACzC,QAAQ,YAAY;CACvB;AAED,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,UAAU,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;CAC3B;AAOD,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,uBAAuB;;;;;;EAgG1E"}

package/lib/esm/hooks/useFeatureAnnouncement.js

@@ -9,6 +9,7 @@ export var FeatureAnnouncementKeys;
     FeatureAnnouncementKeys["MARKDOWN_INLINE_IMAGES"] = "markdownInlineImages";
     FeatureAnnouncementKeys["CASE_TYPE_FILTER"] = "caseTypeFilter";
     FeatureAnnouncementKeys["SHARE_HOSTNAMES"] = "shareHostnamesWithRHT";
+    FeatureAnnouncementKeys["CHAT_BOT"] = "chatBot";
 })(FeatureAnnouncementKeys || (FeatureAnnouncementKeys = {}));
 export function useFeatureAnnouncement(featureName) {
     const { globalMetadataState: { loggedInUserRights, hydraUserPreferences, pcmConfig }, } = useContext(GlobalMetadataStateContext);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "1.0.18",
+    "version": "1.0.19",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -90,5 +90,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "0c83240511a0382d9e55ee1c303ddd276b8f1610"
+    "gitHead": "df23c68f566e8b933a0dcfb1535286bd319cdd80"
 }