@patternfly/chatbot 2.2.1 → 6.3.0-prerelease.10

package/dist/esm/tracking/posthog_tracking_provider.js

@@ -1,11 +1,14 @@
 import { posthog } from 'posthog-js';
 export class PosthogTrackingProvider {
-    getKey() {
-        return 'posthogKey';
+    constructor() {
+        this.verbose = false;
     }
     initialize(props) {
-        // eslint-disable-next-line no-console
-        console.log('PosthogProvider initialize');
+        this.verbose = props.verbose;
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PosthogProvider initialize');
+        }
         const posthogKey = props.posthogKey;
         posthog.init(posthogKey, {
             // eslint-disable-next-line camelcase
@@ -14,20 +17,26 @@ export class PosthogTrackingProvider {
             person_profiles: 'identified_only' // or 'always' to create profiles for anonymous users as well
         });
     }
-    identify(userID) {
-        // eslint-disable-next-line no-console
-        console.log('PosthogProvider userID: ' + userID);
-        posthog.identify(userID);
+    identify(userID, userProperties = {}) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PosthogProvider userID: ' + userID);
+        }
+        posthog.identify(userID, userProperties);
     }
     trackPageView(url) {
-        // eslint-disable-next-line no-console
-        console.log('PostHogProvider url', url);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PostHogProvider url ', url);
+        }
         // TODO posthog seems to record that automatically.
         //  How to not clash with this here? Just leave as no-op?
     }
     trackSingleItem(item, properties) {
-        // eslint-disable-next-line no-console
-        console.log('PosthogProvider: trackSingleItem' + item, properties);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PosthogProvider: trackSingleItem ' + item, properties);
+        }
         posthog.capture(item, { properties });
     }
 }

package/dist/esm/tracking/segment_tracking_provider.d.ts

@@ -2,9 +2,9 @@ import { TrackingApi, TrackingEventProperties } from './tracking_api';
 import { InitProps, TrackingSpi } from './tracking_spi';
 export declare class SegmentTrackingProvider implements TrackingSpi, TrackingApi {
     private analytics;
-    getKey(): string;
+    private verbose;
     initialize(props: InitProps): void;
-    identify(userID: string): void;
+    identify(userID: string, userProperties?: TrackingEventProperties): void;
     trackPageView(url: string | undefined): void;
     trackSingleItem(item: string, properties?: TrackingEventProperties): void;
 }

package/dist/esm/tracking/segment_tracking_provider.js

@@ -1,11 +1,14 @@
 import { AnalyticsBrowser } from '@segment/analytics-next';
 export class SegmentTrackingProvider {
-    getKey() {
-        return 'segmentKey';
+    constructor() {
+        this.verbose = false;
     }
     initialize(props) {
-        // eslint-disable-next-line no-console
-        console.log('SegmentProvider initialize');
+        this.verbose = props.verbose;
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('SegmentProvider initialize');
+        }
         const segmentKey = props.segmentKey;
         // We need to create an object here, as ts lint is unhappy otherwise
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -17,16 +20,20 @@ export class SegmentTrackingProvider {
             integrations: Object.assign({}, integrations)
         });
     }
-    identify(userID) {
-        // eslint-disable-next-line no-console
-        console.log('SegmentProvider userID: ' + userID);
+    identify(userID, userProperties = {}) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('SegmentProvider userID: ' + userID);
+        }
         if (this.analytics) {
-            this.analytics.identify(userID);
+            this.analytics.identify(userID, userProperties);
         }
     }
     trackPageView(url) {
-        // eslint-disable-next-line no-console
-        console.log('SegmentProvider url', url);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('SegmentProvider url ', url);
+        }
         if (this.analytics) {
             if (url) {
                 this.analytics.page(url);
@@ -37,8 +44,10 @@ export class SegmentTrackingProvider {
         }
     }
     trackSingleItem(item, properties) {
-        // eslint-disable-next-line no-console
-        console.log('SegmentProvider: trackSingleItem' + item, properties);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('SegmentProvider: trackSingleItem ' + item, properties);
+        }
         if (this.analytics) {
             this.analytics.track(item, { properties });
         }

package/dist/esm/tracking/trackingProviderProxy.d.ts

@@ -2,7 +2,7 @@ import { TrackingApi, TrackingEventProperties } from './tracking_api';
 declare class TrackingProviderProxy implements TrackingApi {
     providers: TrackingApi[];
     constructor(providers: TrackingApi[]);
-    identify(userID: string): void;
+    identify(userID: string, userProperties?: TrackingEventProperties): void;
     trackSingleItem(eventName: string, properties?: TrackingEventProperties): void;
     trackPageView(url: string | undefined): void;
 }

package/dist/esm/tracking/trackingProviderProxy.js

@@ -3,9 +3,9 @@ class TrackingProviderProxy {
         this.providers = [];
         this.providers = providers;
     }
-    identify(userID) {
+    identify(userID, userProperties = {}) {
         for (const provider of this.providers) {
-            provider.identify(userID);
+            provider.identify(userID, userProperties);
         }
     }
     trackSingleItem(eventName, properties) {

package/dist/esm/tracking/tracking_api.d.ts

@@ -2,7 +2,7 @@ export interface TrackingEventProperties {
     [key: string]: string | number | boolean | undefined;
 }
 export interface TrackingApi {
-    identify: (userID: string) => void;
+    identify: (userID: string, userProperties: TrackingEventProperties) => void;
     trackPageView: (url: string | undefined) => void;
     trackSingleItem: (eventName: string, properties: TrackingEventProperties | undefined) => void;
 }

package/dist/esm/tracking/tracking_registry.js

@@ -1,3 +1,4 @@
+import { Providers } from './tracking_spi';
 import TrackingProviderProxy from './trackingProviderProxy';
 import { ConsoleTrackingProvider } from './console_tracking_provider';
 import { SegmentTrackingProvider } from './segment_tracking_provider';
@@ -5,22 +6,55 @@ import { PosthogTrackingProvider } from './posthog_tracking_provider';
 import { UmamiTrackingProvider } from './umami_tracking_provider';
 export const getTrackingProviders = (initProps) => {
     const providers = [];
-    providers.push(new SegmentTrackingProvider());
-    providers.push(new PosthogTrackingProvider());
-    providers.push(new UmamiTrackingProvider());
-    // TODO dynamically find and register providers
+    if (initProps.activeProviders) {
+        let tmpProps = initProps.activeProviders;
+        // Theoretically we get an array of provider names, but it could also be a CSV string...
+        if (!Array.isArray(initProps.activeProviders)) {
+            const tmpString = initProps.activeProviders;
+            if (tmpString && tmpString.indexOf(',') !== -1) {
+                tmpProps = tmpString.split(',');
+            }
+            else {
+                tmpProps = [tmpString];
+            }
+        }
+        tmpProps.forEach((provider) => {
+            switch (Providers[provider]) {
+                case Providers.Segment:
+                    providers.push(new SegmentTrackingProvider());
+                    break;
+                case Providers.Umami:
+                    providers.push(new UmamiTrackingProvider());
+                    break;
+                case Providers.Posthog:
+                    providers.push(new PosthogTrackingProvider());
+                    break;
+                case Providers.Console:
+                    providers.push(new ConsoleTrackingProvider());
+                    break;
+                case Providers.None: // Do nothing, just a placeholder
+                    break;
+                default:
+                    if (providers.length > 1) {
+                        if (initProps.verbose) {
+                            // eslint-disable-next-line no-console
+                            console.error("Unknown provider '" + provider);
+                        }
+                    }
+                    break;
+            }
+        });
+    }
     // Initialize them
-    const enabledProviders = [];
     for (const provider of providers) {
-        const key = provider.getKey();
-        if (Object.keys(initProps).indexOf(key) > -1) {
+        try {
             provider.initialize(initProps);
-            enabledProviders.push(provider);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error(e);
         }
     }
-    // Add the console provider
-    const consoleTrackingProvider = new ConsoleTrackingProvider();
-    enabledProviders.push(consoleTrackingProvider); // TODO noop- provider?
-    return new TrackingProviderProxy(enabledProviders);
+    return new TrackingProviderProxy(providers);
 };
 export default getTrackingProviders;

package/dist/esm/tracking/tracking_spi.d.ts

@@ -1,9 +1,19 @@
-import { TrackingApi, TrackingEventProperties } from './tracking_api';
-export interface InitProps {
-    [key: string]: string | number | boolean;
+import { TrackingApi } from './tracking_api';
+export declare enum Providers {
+    None = 0,
+    Segment = 1,
+    Umami = 2,
+    Posthog = 3,
+    Console = 4
+}
+export type ProviderAsString = keyof typeof Providers;
+export interface BaseProps {
+    verbose: boolean;
+    activeProviders: [ProviderAsString];
 }
+export type InitProps = {
+    [key: string]: string | number | boolean;
+} & BaseProps;
 export interface TrackingSpi extends TrackingApi {
-    getKey: () => string;
     initialize: (props: InitProps) => void;
-    trackSingleItem: (item: string, properties?: TrackingEventProperties) => void;
 }

package/dist/esm/tracking/tracking_spi.js

@@ -1 +1,8 @@
-export {};
+export var Providers;
+(function (Providers) {
+    Providers[Providers["None"] = 0] = "None";
+    Providers[Providers["Segment"] = 1] = "Segment";
+    Providers[Providers["Umami"] = 2] = "Umami";
+    Providers[Providers["Posthog"] = 3] = "Posthog";
+    Providers[Providers["Console"] = 4] = "Console";
+})(Providers || (Providers = {}));

package/dist/esm/tracking/umami_tracking_provider.d.ts

@@ -6,9 +6,13 @@ declare global {
     }
 }
 export declare class UmamiTrackingProvider implements TrackingSpi, TrackingApi {
-    getKey(): string;
+    private verbose;
+    private websiteId;
+    private queue;
     initialize(props: InitProps): void;
-    identify(userID: string): void;
+    identify(userID: string, userProperties?: TrackingEventProperties): void;
     trackPageView(url: string | undefined): void;
     trackSingleItem(item: string, properties?: TrackingEventProperties): void;
+    flushQueue(): void;
+    log(msg: string): void;
 }

package/dist/esm/tracking/umami_tracking_provider.js

@@ -1,40 +1,84 @@
 export class UmamiTrackingProvider {
-    getKey() {
-        return 'umamiKey';
+    constructor() {
+        this.verbose = false;
+        this.queue = [];
     }
     initialize(props) {
-        // eslint-disable-next-line no-console
-        console.log('UmamiProvider initialize');
-        const umamiKey = props.umamiKey;
+        this.verbose = props.verbose;
+        this.log('UmamiProvider initialize');
+        this.websiteId = props.umamiKey;
         const hostUrl = props.umamiHostUrl;
         const script = document.createElement('script');
         script.src = hostUrl + '/script.js';
         script.async = true;
         script.defer = true;
         // Configure Umami properties
-        script.setAttribute('data-website-id', umamiKey);
-        script.setAttribute('data-domains', 'localhost'); // TODO ?
+        script.setAttribute('data-website-id', this.websiteId);
+        script.setAttribute('data-host-url', hostUrl);
         script.setAttribute('data-auto-track', 'false');
-        script.setAttribute('data-host-url', hostUrl); // TODO ?
-        script.setAttribute('data-exclude-search', 'false'); // TODO ?
+        script.setAttribute('data-exclude-search', 'false');
+        // Now get from config, which may override some of the above.
+        const UMAMI_PREFIX = 'umami-';
+        for (const prop in props) {
+            if (prop.startsWith(UMAMI_PREFIX)) {
+                const att = 'data-' + prop.substring(UMAMI_PREFIX.length);
+                const val = props[prop];
+                script.setAttribute(att, String(val));
+            }
+        }
+        script.onload = () => {
+            this.log('UmamiProvider script loaded');
+            this.flushQueue();
+        };
         document.body.appendChild(script);
     }
-    identify(userID) {
-        var _a;
-        // eslint-disable-next-line no-console
-        console.log('UmamiProvider userID: ' + userID);
-        (_a = window.umami) === null || _a === void 0 ? void 0 : _a.identify({ userID });
+    identify(userID, userProperties = {}) {
+        this.log('UmamiProvider userID: ' + userID + ' => ' + JSON.stringify(userProperties));
+        if (window.umami) {
+            window.umami.identify({ userID, userProperties });
+        }
+        else {
+            this.queue.push({ what: 'i', name: userID, payload: userProperties });
+        }
     }
     trackPageView(url) {
-        var _a;
-        // eslint-disable-next-line no-console
-        console.log('UmamiProvider url', url);
-        (_a = window.umami) === null || _a === void 0 ? void 0 : _a.track({ url });
+        this.log('UmamiProvider url ' + url);
+        if (window.umami) {
+            window.umami.track({ url, website: this.websiteId });
+        }
+        else {
+            this.queue.push({ what: 'p', name: String(url) });
+        }
     }
     trackSingleItem(item, properties) {
-        var _a;
-        // eslint-disable-next-line no-console
-        console.log('UmamiProvider: trackSingleItem' + item, properties);
-        (_a = window.umami) === null || _a === void 0 ? void 0 : _a.track(item, properties);
+        this.log('UmamiProvider: trackSingleItem ' + item + JSON.stringify(properties));
+        if (window.umami) {
+            window.umami.track(item, properties);
+        }
+        else {
+            this.queue.push({ what: 't', name: item, payload: properties });
+        }
+    }
+    flushQueue() {
+        for (const item of this.queue) {
+            this.log('Queue flush ' + JSON.stringify(item));
+            switch (item.what) {
+                case 'i':
+                    this.identify(item.name, item.payload);
+                    break;
+                case 't':
+                    this.trackSingleItem(item.name, item.payload);
+                    break;
+                case 'p':
+                    this.trackPageView(item.name);
+                    break;
+            }
+        }
+    }
+    log(msg) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.debug('UmamiProvider: ', msg);
+        }
     }
 }

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.test.tsx","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.test.tsx","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.test.tsx","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.test.tsx","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/EmptyState.tsx","../src/ChatbotConversationHistoryNav/LoadingState.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.test.tsx","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFooternote.test.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.test.tsx","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.test.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.test.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.test.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.test.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ErrorMessage/ErrorMessage.tsx","../src/Message/ImageMessage/ImageMessage.tsx","../src/Message/LinkMessage/LinkMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/TableMessage/TableMessage.tsx","../src/Message/TableMessage/TbodyMessage.tsx","../src/Message/TableMessage/TdMessage.tsx","../src/Message/TableMessage/ThMessage.tsx","../src/Message/TableMessage/TheadMessage.tsx","../src/Message/TableMessage/TrMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.test.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/PreviewAttachment/PreviewAttachment.test.tsx","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.test.tsx","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts","../src/__mocks__/rehype-external-links.ts","../src/__mocks__/rehype-sanitize.ts","../src/__mocks__/rehype-unwrap-images.tsx","../src/tracking/console_tracking_provider.ts","../src/tracking/index.ts","../src/tracking/posthog_tracking_provider.ts","../src/tracking/segment_tracking_provider.ts","../src/tracking/trackingProviderProxy.ts","../src/tracking/tracking_api.ts","../src/tracking/tracking_registry.ts","../src/tracking/tracking_spi.ts","../src/tracking/umami_tracking_provider.ts"],"version":"5.6.3"}
+{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.test.tsx","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.test.tsx","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.test.tsx","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.test.tsx","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/EmptyState.tsx","../src/ChatbotConversationHistoryNav/LoadingState.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.test.tsx","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFooternote.test.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.test.tsx","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.test.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.test.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.test.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.test.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.test.tsx","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.test.tsx","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageInput.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ErrorMessage/ErrorMessage.tsx","../src/Message/ImageMessage/ImageMessage.tsx","../src/Message/LinkMessage/LinkMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/TableMessage/TableMessage.tsx","../src/Message/TableMessage/TbodyMessage.tsx","../src/Message/TableMessage/TdMessage.tsx","../src/Message/TableMessage/ThMessage.tsx","../src/Message/TableMessage/TheadMessage.tsx","../src/Message/TableMessage/TrMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.test.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/PreviewAttachment/PreviewAttachment.test.tsx","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.test.tsx","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts","../src/__mocks__/rehype-external-links.ts","../src/__mocks__/rehype-sanitize.ts","../src/__mocks__/rehype-unwrap-images.tsx","../src/tracking/console_tracking_provider.ts","../src/tracking/index.ts","../src/tracking/posthog_tracking_provider.ts","../src/tracking/segment_tracking_provider.ts","../src/tracking/trackingProviderProxy.ts","../src/tracking/tracking_api.ts","../src/tracking/tracking_registry.ts","../src/tracking/tracking_spi.ts","../src/tracking/umami_tracking_provider.ts"],"version":"5.6.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/chatbot",
-  "version": "2.2.1",
+  "version": "6.3.0-prerelease.10",
   "description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/patternfly-docs/content/extensions/chatbot/examples/Analytics/Analytics.md

@@ -36,10 +36,12 @@ Note that user code only interacts with:
 
 ### Setup
 
-1. Before you can use the `trackingAPI`, you must first supply the API keys of the respective providers.
+1. Before you can use the `trackingAPI`, you must first supply the API keys of the respective providers. To enable a provider, it must be added to the `activeProviders` property:
 
 ```nolive
 const initProps: InitProps = {
+  verbose: false,
+  activeProviders: ['Segment', 'Umami', 'Posthog', 'Console' ], 
   segmentKey: 'TODO-key', // TODO add your key here
 //  segmentCdn: 'https://my.org/cdn',  // Set up segment cdn (optional)
 //  segmentIntegrations: { // Provide Segment integrations (optional)
@@ -50,13 +52,15 @@ const initProps: InitProps = {
         },
 
   posthogKey: 'TODO-key',
-  umamiKey: 'TODO-key',
+  umamiKey: 'TODO-umami-key',
   umamiHostUrl: 'http://localhost:3000', // TODO where is your JS provider?
+  'umami-data-domains': 'TODO umami data domain',
   something: 'test',
-  console: 'true' // Console provider
 };
 ```
 
+- **Note:** To enable output debugging via the web-browser console, set the `verbose` key to `true`. By default, this is set to `false`.
+
 1. Once this is done, you can create an instance of the `trackingAPI` and start sending events.
 
    ```nolive
@@ -76,22 +80,20 @@ trackingAPI.trackSingleItem("MyEvent", { response: 'Good response' })
 
 #### Tracking providers
 
-Only providers with a matching key in the `InitProps` will be started and used.
+Only providers with a matching entry in the `InitProps.activeProviders` array will be started and used.
+
+Possible values are:
+* Umami
+* Posthog
+* Segment
+* Console
 
-```nolive
-const initProps: InitProps = {
-  segmentKey: 'TODO-key', // TODO add your key here
-  posthogKey: 'TODO-key',
-  umamiKey: 'TODO-key',
-  umamiHostUrl: 'http://localhost:3000', // TODO where is your JS provider?
-  console: true
-```
 
 ##### Modifying providers
 
 If you know upfront that you only want to use 1 of the supported providers, you can modify `getTrackingProviders()` and remove all other providers in the providers array.
 
-When using the providers you need to add additional dependencies to your package.json file:
+When using the providers, you might need to add additional dependencies to your package.json file:
 
 ```nolive
 "dependencies": {
@@ -99,12 +101,14 @@ When using the providers you need to add additional dependencies to your package
   "posthog-js": "^1.194.4"
 ```
 
+Depending on your local setup, this might not be necessary. For example, if you pull the ChatBot codebase as a dependency into your project, you don't need to add it as an additional dependency in your package.json.
+
 ##### Adding providers
 
 To add another analytics provider, you need to implement 2 interfaces, `TrackingSpi` and `trackingApi`.
 
 1. It is easiest to start by copying the `ConsoleTrackingProvider`
-1. The first thing you should do is to provide a correct value in `getKey()`
+1. Add an entry for your new provider to the `Providers` enum in `tracking_spi.ts`
 1. Once you are happy enough with the implementation, add it to the array of providers in `getTrackingProviders()`
 
 ### Page flow tracking

package/patternfly-docs/content/extensions/chatbot/examples/Messages/AttachmentEdit.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import { Button } from '@patternfly/react-core';
+import { Button, Checkbox } from '@patternfly/react-core';
 import { AttachmentEdit } from '@patternfly/chatbot/dist/dynamic/AttachmentEdit';
 
 export const AttachmentEditModalExample: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const [isCompact, setIsCompact] = React.useState(false);
 
   const handleModalToggle = (_event: React.MouseEvent | MouseEvent | KeyboardEvent) => {
     setIsModalOpen(!isModalOpen);
@@ -11,6 +12,13 @@ export const AttachmentEditModalExample: React.FunctionComponent = () => {
 
   return (
     <>
+      <Checkbox
+        label="Show compact version"
+        isChecked={isCompact}
+        onChange={() => setIsCompact(!isCompact)}
+        id="modal-compact-edit"
+        name="modal-compact-edit"
+      ></Checkbox>
       <Button onClick={handleModalToggle}>Launch modal</Button>
       <AttachmentEdit
         code="I am a code snippet"
@@ -20,6 +28,7 @@ export const AttachmentEditModalExample: React.FunctionComponent = () => {
         onCancel={() => null}
         // eslint-disable-next-line no-console
         onSave={(_event, code) => console.log(`The new code is "${code}"`)}
+        isCompact={isCompact}
       />
     </>
   );