@patternfly/chatbot 2.2.1 → 6.3.0-prerelease.10

package/dist/cjs/SourcesCard/SourcesCard.test.js

@@ -18,17 +18,13 @@ const user_event_1 = __importDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 const SourcesCard_1 = __importDefault(require("./SourcesCard"));
 describe('SourcesCard', () => {
-    it('should render card', () => {
-        const { container } = (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [{ link: '' }] }));
-        expect(container).toMatchSnapshot();
-    });
     it('should render card correctly if one source with only a link is passed in', () => {
         (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [{ link: '' }] }));
         expect(react_2.screen.getByText('1 source')).toBeTruthy();
         expect(react_2.screen.getByText('Source 1')).toBeTruthy();
         // no buttons or navigation when there is only 1 source
         expect(react_2.screen.queryByRole('button')).toBeFalsy();
-        expect(react_2.screen.queryByText('1 of 1')).toBeFalsy();
+        expect(react_2.screen.queryByText('1/1')).toBeFalsy();
     });
     it('should render card correctly if one source with a title is passed in', () => {
         (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [{ title: 'How to make an apple pie', link: '' }] }));
@@ -53,7 +49,7 @@ describe('SourcesCard', () => {
             ] }));
         expect(react_2.screen.getByText('2 sources')).toBeTruthy();
         expect(react_2.screen.getByText('How to make an apple pie')).toBeTruthy();
-        expect(react_2.screen.getByText('1 of 2')).toBeTruthy();
+        expect(react_2.screen.getByText('1/2')).toBeTruthy();
         react_2.screen.getByRole('button', { name: /Go to previous page/i });
         react_2.screen.getByRole('button', { name: /Go to next page/i });
     });
@@ -63,12 +59,12 @@ describe('SourcesCard', () => {
                 { title: 'How to make cookies', link: '' }
             ] }));
         expect(react_2.screen.getByText('How to make an apple pie')).toBeTruthy();
-        expect(react_2.screen.getByText('1 of 2')).toBeTruthy();
+        expect(react_2.screen.getByText('1/2')).toBeTruthy();
         expect(react_2.screen.getByRole('button', { name: /Go to previous page/i })).toBeDisabled();
         yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Go to next page/i }));
         expect(react_2.screen.queryByText('How to make an apple pie')).toBeFalsy();
         expect(react_2.screen.getByText('How to make cookies')).toBeTruthy();
-        expect(react_2.screen.getByText('2 of 2')).toBeTruthy();
+        expect(react_2.screen.getByText('2/2')).toBeTruthy();
         expect(react_2.screen.getByRole('button', { name: /Go to previous page/i })).toBeEnabled();
         expect(react_2.screen.getByRole('button', { name: /Go to next page/i })).toBeDisabled();
     }));
@@ -88,13 +84,6 @@ describe('SourcesCard', () => {
         expect(react_2.screen.getByRole('button', { name: /Go to previous page/i })).toBeDisabled();
         expect(react_2.screen.getByRole('button', { name: /Go to next page/i })).toBeDisabled();
     });
-    it('should change ofWord appropriately', () => {
-        (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [
-                { title: 'How to make an apple pie', link: '' },
-                { title: 'How to make cookies', link: '' }
-            ], ofWord: 'de' }));
-        expect(react_2.screen.getByText('1 de 2')).toBeTruthy();
-    });
     it('should render navigation aria label appropriately', () => {
         (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [
                 { title: 'How to make an apple pie', link: '' },
@@ -164,4 +153,25 @@ describe('SourcesCard', () => {
         yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Go to previous page/i }));
         expect(spy).toHaveBeenCalledTimes(2);
     }));
+    it('should handle showMore appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [
+                {
+                    title: 'Getting started with Red Hat OpenShift',
+                    link: '#',
+                    body: 'Red Hat OpenShift on IBM Cloud is a managed offering to create your own cluster of compute hosts where you can deploy and manage containerized apps on IBM Cloud ...',
+                    hasShowMore: true
+                },
+                {
+                    title: 'Azure Red Hat OpenShift documentation',
+                    link: '#',
+                    body: 'Microsoft Azure Red Hat OpenShift allows you to deploy a production ready Red Hat OpenShift cluster in Azure ...'
+                },
+                {
+                    title: 'OKD Documentation: Home',
+                    link: '#',
+                    body: 'OKD is a distribution of Kubernetes optimized for continuous application development and multi-tenant deployment. OKD also serves as the upstream code base upon ...'
+                }
+            ] }));
+        expect(react_2.screen.getByRole('region')).toHaveAttribute('class', 'pf-v6-c-expandable-section__content');
+    }));
 });

package/dist/cjs/TermsOfUse/TermsOfUse.d.ts

@@ -28,6 +28,8 @@ export interface TermsOfUseProps extends ModalProps {
     innerRef?: React.Ref<HTMLDivElement>;
     /** OuiaID applied to modal */
     ouiaId?: string;
+    /** Sets modal to compact styling. */
+    isCompact?: boolean;
 }
 export declare const TermsOfUseBase: React.FunctionComponent<TermsOfUseProps>;
 declare const TermsOfUse: React.ForwardRefExoticComponent<Omit<TermsOfUseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/TermsOfUse/TermsOfUse.js

@@ -23,7 +23,7 @@ const react_core_1 = require("@patternfly/react-core");
 const Chatbot_1 = require("../Chatbot");
 const ChatbotModal_1 = __importDefault(require("../ChatbotModal/ChatbotModal"));
 const TermsOfUseBase = (_a) => {
-    var { handleModalToggle, isModalOpen, onPrimaryAction, onSecondaryAction, primaryActionBtn = 'Accept', secondaryActionBtn = 'Decline', title = 'Terms of use', image, altText, displayMode = Chatbot_1.ChatbotDisplayMode.default, className, children, innerRef, ouiaId = 'TermsOfUse' } = _a, props = __rest(_a, ["handleModalToggle", "isModalOpen", "onPrimaryAction", "onSecondaryAction", "primaryActionBtn", "secondaryActionBtn", "title", "image", "altText", "displayMode", "className", "children", "innerRef", "ouiaId"]);
+    var { handleModalToggle, isModalOpen, onPrimaryAction, onSecondaryAction, primaryActionBtn = 'Accept', secondaryActionBtn = 'Decline', title = 'Terms of use', image, altText, displayMode = Chatbot_1.ChatbotDisplayMode.default, className, children, innerRef, ouiaId = 'TermsOfUse', isCompact } = _a, props = __rest(_a, ["handleModalToggle", "isModalOpen", "onPrimaryAction", "onSecondaryAction", "primaryActionBtn", "secondaryActionBtn", "title", "image", "altText", "displayMode", "className", "children", "innerRef", "ouiaId", "isCompact"]);
     const handlePrimaryAction = (_event) => {
         handleModalToggle(_event);
         onPrimaryAction && onPrimaryAction(_event);
@@ -31,13 +31,13 @@ const TermsOfUseBase = (_a) => {
     const handleSecondaryAction = (_event) => {
         onSecondaryAction(_event);
     };
-    const modal = (react_1.default.createElement(ChatbotModal_1.default, Object.assign({ isOpen: isModalOpen, ouiaId: ouiaId, "aria-labelledby": "terms-of-use-title", "aria-describedby": "terms-of-use-modal", className: `pf-chatbot__terms-of-use-modal pf-chatbot__terms-of-use-modal--${displayMode} ${className ? className : ''}`, displayMode: displayMode }, props),
+    const modal = (react_1.default.createElement(ChatbotModal_1.default, Object.assign({ isOpen: isModalOpen, ouiaId: ouiaId, "aria-labelledby": "terms-of-use-title", "aria-describedby": "terms-of-use-modal", className: `pf-chatbot__terms-of-use-modal pf-chatbot__terms-of-use-modal--${displayMode} ${isCompact ? 'pf-m-compact' : ''} ${className ? className : ''}`, displayMode: displayMode }, props),
         react_1.default.createElement("section", { className: `pf-chatbot__terms-of-use--section`, "aria-label": title, tabIndex: -1, ref: innerRef },
-            react_1.default.createElement(react_core_1.ModalHeader, null,
+            react_1.default.createElement(react_core_1.ModalHeader, { className: "pf-chatbot__terms-of-use--modal-header" },
                 react_1.default.createElement("div", { className: "pf-chatbot__terms-of-use--header" },
-                    image && altText && react_1.default.createElement("img", { src: image, className: "pf-chatbot__terms-of-use--image", alt: altText }),
+                    !isCompact && image && altText && (react_1.default.createElement("img", { src: image, className: "pf-chatbot__terms-of-use--image", alt: altText })),
                     react_1.default.createElement("h1", { className: "pf-chatbot__terms-of-use--title" }, title))),
-            react_1.default.createElement(react_core_1.ModalBody, null,
+            react_1.default.createElement(react_core_1.ModalBody, { className: "pf-chatbot__terms-of-use--modal-body" },
                 react_1.default.createElement(react_core_1.Content, null, children)),
             react_1.default.createElement(react_core_1.ModalFooter, { className: "pf-chatbot__terms-of-use--footer" },
                 react_1.default.createElement(react_core_1.Button, { isBlock: true, key: "terms-of-use-modal-primary", variant: "primary", onClick: handlePrimaryAction, form: "terms-of-use-form", size: "lg" }, primaryActionBtn),

package/dist/cjs/tracking/console_tracking_provider.d.ts

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

package/dist/cjs/tracking/console_tracking_provider.js

@@ -2,26 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConsoleTrackingProvider = void 0;
 class ConsoleTrackingProvider {
+    constructor() {
+        this.verbose = false;
+    }
     trackPageView(url) {
-        // eslint-disable-next-line no-console
-        console.log('ConsoleProvider pageView', url);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('ConsoleProvider pageView ', url);
+        }
     }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    registerProvider() { }
-    initialize() {
-        // eslint-disable-next-line no-console
-        console.log('ConsoleProvider initialize');
+    initialize(props) {
+        this.verbose = props.verbose;
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('ConsoleProvider initialize');
+        }
     }
-    identify(userID) {
-        // eslint-disable-next-line no-console
-        console.log('ConsoleProvider identify', userID);
+    identify(userID, userProperties = {}) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('ConsoleProvider identify ', userID, userProperties);
+        }
     }
     trackSingleItem(item, properties) {
-        // eslint-disable-next-line no-console
-        console.log('ConsoleProvider: ' + item, properties);
-    }
-    getKey() {
-        return 'console';
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('ConsoleProvider: ' + item, properties);
+        }
     }
 }
 exports.ConsoleTrackingProvider = ConsoleTrackingProvider;

package/dist/cjs/tracking/posthog_tracking_provider.d.ts

@@ -1,9 +1,9 @@
 import { TrackingApi, TrackingEventProperties } from './tracking_api';
 import { InitProps, TrackingSpi } from './tracking_spi';
 export declare class PosthogTrackingProvider implements TrackingSpi, TrackingApi {
-    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/cjs/tracking/posthog_tracking_provider.js

@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PosthogTrackingProvider = void 0;
 const posthog_js_1 = require("posthog-js");
 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_js_1.posthog.init(posthogKey, {
             // eslint-disable-next-line camelcase
@@ -17,20 +20,26 @@ 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_js_1.posthog.identify(userID);
+    identify(userID, userProperties = {}) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PosthogProvider userID: ' + userID);
+        }
+        posthog_js_1.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_js_1.posthog.capture(item, { properties });
     }
 }

package/dist/cjs/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/cjs/tracking/segment_tracking_provider.js

@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SegmentTrackingProvider = void 0;
 const analytics_next_1 = require("@segment/analytics-next");
 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
@@ -20,16 +23,20 @@ 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);
@@ -40,8 +47,10 @@ 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/cjs/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/cjs/tracking/trackingProviderProxy.js

@@ -5,9 +5,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/cjs/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/cjs/tracking/tracking_registry.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTrackingProviders = void 0;
+const tracking_spi_1 = require("./tracking_spi");
 const trackingProviderProxy_1 = __importDefault(require("./trackingProviderProxy"));
 const console_tracking_provider_1 = require("./console_tracking_provider");
 const segment_tracking_provider_1 = require("./segment_tracking_provider");
@@ -11,23 +12,56 @@ const posthog_tracking_provider_1 = require("./posthog_tracking_provider");
 const umami_tracking_provider_1 = require("./umami_tracking_provider");
 const getTrackingProviders = (initProps) => {
     const providers = [];
-    providers.push(new segment_tracking_provider_1.SegmentTrackingProvider());
-    providers.push(new posthog_tracking_provider_1.PosthogTrackingProvider());
-    providers.push(new umami_tracking_provider_1.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 (tracking_spi_1.Providers[provider]) {
+                case tracking_spi_1.Providers.Segment:
+                    providers.push(new segment_tracking_provider_1.SegmentTrackingProvider());
+                    break;
+                case tracking_spi_1.Providers.Umami:
+                    providers.push(new umami_tracking_provider_1.UmamiTrackingProvider());
+                    break;
+                case tracking_spi_1.Providers.Posthog:
+                    providers.push(new posthog_tracking_provider_1.PosthogTrackingProvider());
+                    break;
+                case tracking_spi_1.Providers.Console:
+                    providers.push(new console_tracking_provider_1.ConsoleTrackingProvider());
+                    break;
+                case tracking_spi_1.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 console_tracking_provider_1.ConsoleTrackingProvider();
-    enabledProviders.push(consoleTrackingProvider); // TODO noop- provider?
-    return new trackingProviderProxy_1.default(enabledProviders);
+    return new trackingProviderProxy_1.default(providers);
 };
 exports.getTrackingProviders = getTrackingProviders;
 exports.default = exports.getTrackingProviders;

package/dist/cjs/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/cjs/tracking/tracking_spi.js

@@ -1,2 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = void 0;
+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 || (exports.Providers = Providers = {}));

package/dist/cjs/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/cjs/tracking/umami_tracking_provider.js

@@ -2,43 +2,87 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UmamiTrackingProvider = void 0;
 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);
+        }
     }
 }
 exports.UmamiTrackingProvider = UmamiTrackingProvider;