@rh-support/react-context 1.0.18 → 1.0.20-beta.0

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);
@@ -50,7 +51,7 @@ export function useFeatureAnnouncement(featureName) {
      * If a feature is removed from the PCM config, then we can erase that data from the user preferences too
      */
     const cleanUpFeatureDataInUserPreference = () => {
-        if (!featureName || isCleanupScheduled.current)
+        if (!featureName || hydraUserPreferences.isFetching || isCleanupScheduled.current)
             return;
         const allFeatures = userFeatureAnnouncementPreferences || {};
         const featureConfig = allFeatures[featureName];
@@ -66,7 +67,7 @@ export function useFeatureAnnouncement(featureName) {
         }
     };
     const onFeatureDismiss = () => {
-        if (!featureName)
+        if (!featureName || hydraUserPreferences.isFetching)
             return;
         const allFeatures = userFeatureAnnouncementPreferences || {};
         const featureConfig = allFeatures[featureName] || {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "1.0.18",
+    "version": "1.0.20-beta.0",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -44,10 +44,10 @@
         "@cee-eng/hydrajs": "4.14.53",
         "@patternfly/react-core": "4.264.0",
         "@patternfly/react-icons": "4.92.10",
-        "@rh-support/components": "1.2.14",
+        "@rh-support/components": "1.2.14-beta.0",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "1.0.11",
-        "@rh-support/utils": "1.0.9",
+        "@rh-support/user-permissions": "1.0.11-beta.0",
+        "@rh-support/utils": "1.0.9-beta.0",
         "i18next": "^19.0.1",
         "localforage": "^1.7.3",
         "lodash": "^4.17.21",
@@ -90,5 +90,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "0c83240511a0382d9e55ee1c303ddd276b8f1610"
+    "gitHead": "2be4bc53c57d1c9977bd9da0e7bdc16acdd86d15"
 }