@posthog/browser-common 0.9.4 → 0.9.6

package/dist/survey-event-receiver.d.ts

@@ -0,0 +1,36 @@
+import type { Survey } from './types/surveys';
+import type { Client } from './client';
+import type { SurveyCapturedEvent as CaptureResult } from './survey-event-host';
+import { type ActivationOutcome, EventReceiver } from './survey-event-receiver-base';
+import { createLogger } from './utils/logger';
+export interface SurveyTriggerHost {
+    getSurveys(callback: (surveys: Survey[]) => void): void;
+    cancelPendingSurvey(id: string): void;
+}
+export declare class SurveyEventReceiver extends EventReceiver<Survey> {
+    private readonly _client;
+    private readonly _surveys;
+    constructor(_client: Client, _surveys: SurveyTriggerHost, onActivationChanged?: () => void);
+    protected _getActivatedKey(): string;
+    protected _getActivatedSessionKey(): string;
+    protected _getActivationTimestampsKey(): string;
+    protected _writeActivationTimestamps(timestamps: Record<string, number>): void;
+    protected _clearActivationTimestampsStore(): void;
+    /**
+     * A survey with a popup delay must survive navigation so the delay resumes from the recorded
+     * activation time on the next page instead of restarting from zero. Surveys without a delay
+     * keep the in-memory arming, so an exit-intent trigger does not surface them on a later page.
+     */
+    protected _shouldPersistArmedActivation(itemId: string): boolean;
+    protected _getShownEventName(): string;
+    protected _getItems(callback: (items: Survey[]) => void): void;
+    protected _cancelPendingItem(itemId: string): void;
+    protected _getLogger(): ReturnType<typeof createLogger>;
+    protected _setActivatedItems(eligibleItems: string[]): void;
+    protected _setActivatedSession(sessionId: string): void;
+    protected _clearActivatedSession(): void;
+    protected _isItemPermanentlyIneligible(): boolean;
+    protected _activationOutcome(event: string, itemId: string, eventPayload?: CaptureResult): ActivationOutcome;
+    getSurveys(): string[];
+    getEventToSurveys(): Map<string, string[]>;
+}

package/dist/survey-event-receiver.js

@@ -0,0 +1,133 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    SurveyEventReceiver: ()=>SurveyEventReceiver
+});
+const surveys_namespaceObject = require("@posthog/core/surveys");
+const core_namespaceObject = require("@posthog/core");
+const external_surveys_config_js_namespaceObject = require("./surveys-config.js");
+const external_survey_constants_js_namespaceObject = require("./survey-constants.js");
+const survey_utils_js_namespaceObject = require("./utils/survey-utils.js");
+const external_survey_event_receiver_base_js_namespaceObject = require("./survey-event-receiver-base.js");
+class SurveyEventReceiver extends external_survey_event_receiver_base_js_namespaceObject.EventReceiver {
+    constructor(_client, _surveys, onActivationChanged){
+        super({
+            subscribeCapture: (listener)=>{
+                const subscription = _client.onEvent((event)=>listener(event.event, event));
+                return ()=>subscription.dispose();
+            },
+            subscribeSession: (listener)=>{
+                const subscription = _client.onSession(listener);
+                return ()=>subscription.dispose();
+            },
+            getSessionId: ()=>_client.session?.sessionId,
+            getProperty: (key)=>_client.kv.get(key),
+            setElementSelectors: (selectors, owner)=>_client.getExtension('autocapture')?.setElementSelectors(selectors, owner)
+        }, onActivationChanged), this._client = _client, this._surveys = _surveys;
+        this._subscribeSession();
+    }
+    _getActivatedKey() {
+        return external_surveys_config_js_namespaceObject.SURVEYS_ACTIVATED;
+    }
+    _getActivatedSessionKey() {
+        return external_surveys_config_js_namespaceObject.SURVEYS_ACTIVATED_SESSION;
+    }
+    _getActivationTimestampsKey() {
+        return external_surveys_config_js_namespaceObject.SURVEYS_ACTIVATED_TIMESTAMPS;
+    }
+    _writeActivationTimestamps(timestamps) {
+        this._client.kv.set({
+            [external_surveys_config_js_namespaceObject.SURVEYS_ACTIVATED_TIMESTAMPS]: timestamps
+        });
+    }
+    _clearActivationTimestampsStore() {
+        this._client.kv.remove(external_surveys_config_js_namespaceObject.SURVEYS_ACTIVATED_TIMESTAMPS);
+    }
+    _shouldPersistArmedActivation(itemId) {
+        let survey;
+        this._getItems((surveys)=>{
+            survey = surveys.find((s)=>s.id === itemId);
+        });
+        const delaySeconds = survey?.appearance?.surveyPopupDelaySeconds;
+        return (0, core_namespaceObject.isNumber)(delaySeconds) && delaySeconds > 0;
+    }
+    _getShownEventName() {
+        return external_survey_constants_js_namespaceObject.SurveyEventName.SHOWN;
+    }
+    _getItems(callback) {
+        this._surveys.getSurveys(callback);
+    }
+    _cancelPendingItem(itemId) {
+        this._surveys.cancelPendingSurvey(itemId);
+    }
+    _getLogger() {
+        return survey_utils_js_namespaceObject.SURVEY_LOGGER;
+    }
+    _setActivatedItems(eligibleItems) {
+        this._client.kv.set({
+            [external_surveys_config_js_namespaceObject.SURVEYS_ACTIVATED]: eligibleItems
+        });
+    }
+    _setActivatedSession(sessionId) {
+        this._client.kv.set({
+            [external_surveys_config_js_namespaceObject.SURVEYS_ACTIVATED_SESSION]: sessionId
+        });
+    }
+    _clearActivatedSession() {
+        this._client.kv.remove(external_surveys_config_js_namespaceObject.SURVEYS_ACTIVATED_SESSION);
+    }
+    _isItemPermanentlyIneligible() {
+        return false;
+    }
+    _activationOutcome(event, itemId, eventPayload) {
+        if (event === external_survey_constants_js_namespaceObject.SurveyEventName.SENT && eventPayload?.properties?.$survey_completed === false) return 'ignore';
+        let survey;
+        this._getItems((surveys)=>{
+            survey = surveys.find((s)=>s.id === itemId);
+        });
+        const consumedOnShown = !survey || (0, surveys_namespaceObject.canSurveyActivateRepeatedly)(survey);
+        if (consumedOnShown) return event === external_survey_constants_js_namespaceObject.SurveyEventName.SHOWN ? 'consume' : 'ignore';
+        if (event === external_survey_constants_js_namespaceObject.SurveyEventName.SHOWN) return 'persist';
+        return event === external_survey_constants_js_namespaceObject.SurveyEventName.DISMISSED || event === external_survey_constants_js_namespaceObject.SurveyEventName.SENT ? 'consume' : 'ignore';
+    }
+    getSurveys() {
+        return this.getActivatedIds();
+    }
+    getEventToSurveys() {
+        return this.getEventToItemsMap();
+    }
+}
+exports.SurveyEventReceiver = __webpack_exports__.SurveyEventReceiver;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "SurveyEventReceiver"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/survey-event-receiver.mjs

@@ -0,0 +1,95 @@
+import { canSurveyActivateRepeatedly } from "@posthog/core/surveys";
+import { isNumber } from "@posthog/core";
+import { SURVEYS_ACTIVATED, SURVEYS_ACTIVATED_SESSION, SURVEYS_ACTIVATED_TIMESTAMPS } from "./surveys-config.mjs";
+import { SurveyEventName } from "./survey-constants.mjs";
+import { SURVEY_LOGGER } from "./utils/survey-utils.mjs";
+import { EventReceiver } from "./survey-event-receiver-base.mjs";
+class SurveyEventReceiver extends EventReceiver {
+    constructor(_client, _surveys, onActivationChanged){
+        super({
+            subscribeCapture: (listener)=>{
+                const subscription = _client.onEvent((event)=>listener(event.event, event));
+                return ()=>subscription.dispose();
+            },
+            subscribeSession: (listener)=>{
+                const subscription = _client.onSession(listener);
+                return ()=>subscription.dispose();
+            },
+            getSessionId: ()=>_client.session?.sessionId,
+            getProperty: (key)=>_client.kv.get(key),
+            setElementSelectors: (selectors, owner)=>_client.getExtension('autocapture')?.setElementSelectors(selectors, owner)
+        }, onActivationChanged), this._client = _client, this._surveys = _surveys;
+        this._subscribeSession();
+    }
+    _getActivatedKey() {
+        return SURVEYS_ACTIVATED;
+    }
+    _getActivatedSessionKey() {
+        return SURVEYS_ACTIVATED_SESSION;
+    }
+    _getActivationTimestampsKey() {
+        return SURVEYS_ACTIVATED_TIMESTAMPS;
+    }
+    _writeActivationTimestamps(timestamps) {
+        this._client.kv.set({
+            [SURVEYS_ACTIVATED_TIMESTAMPS]: timestamps
+        });
+    }
+    _clearActivationTimestampsStore() {
+        this._client.kv.remove(SURVEYS_ACTIVATED_TIMESTAMPS);
+    }
+    _shouldPersistArmedActivation(itemId) {
+        let survey;
+        this._getItems((surveys)=>{
+            survey = surveys.find((s)=>s.id === itemId);
+        });
+        const delaySeconds = survey?.appearance?.surveyPopupDelaySeconds;
+        return isNumber(delaySeconds) && delaySeconds > 0;
+    }
+    _getShownEventName() {
+        return SurveyEventName.SHOWN;
+    }
+    _getItems(callback) {
+        this._surveys.getSurveys(callback);
+    }
+    _cancelPendingItem(itemId) {
+        this._surveys.cancelPendingSurvey(itemId);
+    }
+    _getLogger() {
+        return SURVEY_LOGGER;
+    }
+    _setActivatedItems(eligibleItems) {
+        this._client.kv.set({
+            [SURVEYS_ACTIVATED]: eligibleItems
+        });
+    }
+    _setActivatedSession(sessionId) {
+        this._client.kv.set({
+            [SURVEYS_ACTIVATED_SESSION]: sessionId
+        });
+    }
+    _clearActivatedSession() {
+        this._client.kv.remove(SURVEYS_ACTIVATED_SESSION);
+    }
+    _isItemPermanentlyIneligible() {
+        return false;
+    }
+    _activationOutcome(event, itemId, eventPayload) {
+        if (event === SurveyEventName.SENT && eventPayload?.properties?.$survey_completed === false) return 'ignore';
+        let survey;
+        this._getItems((surveys)=>{
+            survey = surveys.find((s)=>s.id === itemId);
+        });
+        const consumedOnShown = !survey || canSurveyActivateRepeatedly(survey);
+        if (consumedOnShown) return event === SurveyEventName.SHOWN ? 'consume' : 'ignore';
+        if (event === SurveyEventName.SHOWN) return 'persist';
+        return event === SurveyEventName.DISMISSED || event === SurveyEventName.SENT ? 'consume' : 'ignore';
+    }
+    getSurveys() {
+        return this.getActivatedIds();
+    }
+    getEventToSurveys() {
+        return this.getEventToItemsMap();
+    }
+}
+export { SurveyEventReceiver };

package/dist/survey-render-context.d.ts

@@ -0,0 +1,13 @@
+import type { Client } from './client';
+import type { SurveysConfig, SurveysEventReceiver } from './surveys-config';
+import type { SurveyCallback } from './types/surveys';
+/** Shared renderer dependencies. The surveys extension remains the lifecycle owner. */
+export interface SurveyRenderContext {
+    readonly client?: Client | undefined;
+    readonly config: Readonly<SurveysConfig>;
+    readonly surveys?: {
+        readonly _surveyEventReceiver: SurveysEventReceiver | null | undefined;
+        getSurveys(callback: SurveyCallback, forceReload?: boolean): void;
+    } | undefined;
+}
+export declare function getSurveyReplayUrl({ client, config }: SurveyRenderContext): string | undefined;

package/dist/survey-render-context.js

@@ -0,0 +1,45 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+function getSurveyReplayUrl({ client, config }) {
+    if (!client || !config.uiHost) return;
+    const sessionId = client.session?.sessionId;
+    if (!sessionId) return;
+    return `${config.uiHost}/project/${client.projectToken}/replay/${sessionId}`;
+}
+__webpack_require__.d(__webpack_exports__, {
+    getSurveyReplayUrl: ()=>getSurveyReplayUrl
+});
+exports.getSurveyReplayUrl = __webpack_exports__.getSurveyReplayUrl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getSurveyReplayUrl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/survey-render-context.mjs

@@ -0,0 +1,7 @@
+function getSurveyReplayUrl({ client, config }) {
+    if (!client || !config.uiHost) return;
+    const sessionId = client.session?.sessionId;
+    if (!sessionId) return;
+    return `${config.uiHost}/project/${client.projectToken}/replay/${sessionId}`;
+}
+export { getSurveyReplayUrl };

package/dist/surveys/components/BottomSection.d.ts

@@ -0,0 +1,12 @@
+import type { SurveyAppearance } from '../../types/surveys';
+export declare function BottomSection({ text, submitDisabled, appearance, onSubmit, link, onPreviewSubmit, skipSubmitButton, canGoBack, onBack, }: {
+    text: string;
+    submitDisabled: boolean;
+    appearance: SurveyAppearance;
+    onSubmit: () => void;
+    link?: (string | null) | undefined;
+    onPreviewSubmit?: (() => void) | undefined;
+    skipSubmitButton?: boolean | undefined;
+    canGoBack?: boolean | undefined;
+    onBack?: (() => void) | undefined;
+}): import("preact").JSX.Element;

package/dist/surveys/components/BottomSection.js

@@ -0,0 +1,82 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    BottomSection: ()=>BottomSection
+});
+const jsx_runtime_namespaceObject = require("preact/jsx-runtime");
+const hooks_namespaceObject = require("preact/hooks");
+const external_surveys_extension_utils_js_namespaceObject = require("../surveys-extension-utils.js");
+const external_PostHogLogo_js_namespaceObject = require("./PostHogLogo.js");
+function BottomSection({ text, submitDisabled, appearance, onSubmit, link, onPreviewSubmit, skipSubmitButton, canGoBack, onBack }) {
+    const { isPreviewMode } = (0, hooks_namespaceObject.useContext)(external_surveys_extension_utils_js_namespaceObject.SurveyContext);
+    const showBackButton = !!canGoBack && !!onBack;
+    const submitButton = !skipSubmitButton && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        className: "form-submit",
+        disabled: submitDisabled,
+        "aria-label": "Submit survey",
+        type: "button",
+        onClick: ()=>{
+            if (link) window?.open(link);
+            if (isPreviewMode) onPreviewSubmit?.();
+            else onSubmit();
+        },
+        children: text
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "bottom-section",
+        children: [
+            showBackButton ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "form-buttons form-buttons-with-back",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        className: "form-back",
+                        type: "button",
+                        "aria-label": "Go to previous question",
+                        onClick: onBack,
+                        children: appearance.backButtonText || 'Back'
+                    }),
+                    submitButton
+                ]
+            }) : submitButton,
+            !appearance.whiteLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_PostHogLogo_js_namespaceObject.PostHogLogo, {
+                urlParams: {
+                    utm_source: 'survey-footer'
+                }
+            })
+        ]
+    });
+}
+exports.BottomSection = __webpack_exports__.BottomSection;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "BottomSection"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/surveys/components/BottomSection.mjs

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useContext } from "preact/hooks";
+import { SurveyContext } from "../surveys-extension-utils.mjs";
+import { PostHogLogo } from "./PostHogLogo.mjs";
+function BottomSection({ text, submitDisabled, appearance, onSubmit, link, onPreviewSubmit, skipSubmitButton, canGoBack, onBack }) {
+    const { isPreviewMode } = useContext(SurveyContext);
+    const showBackButton = !!canGoBack && !!onBack;
+    const submitButton = !skipSubmitButton && /*#__PURE__*/ jsx("button", {
+        className: "form-submit",
+        disabled: submitDisabled,
+        "aria-label": "Submit survey",
+        type: "button",
+        onClick: ()=>{
+            if (link) window?.open(link);
+            if (isPreviewMode) onPreviewSubmit?.();
+            else onSubmit();
+        },
+        children: text
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        className: "bottom-section",
+        children: [
+            showBackButton ? /*#__PURE__*/ jsxs("div", {
+                className: "form-buttons form-buttons-with-back",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        className: "form-back",
+                        type: "button",
+                        "aria-label": "Go to previous question",
+                        onClick: onBack,
+                        children: appearance.backButtonText || 'Back'
+                    }),
+                    submitButton
+                ]
+            }) : submitButton,
+            !appearance.whiteLabel && /*#__PURE__*/ jsx(PostHogLogo, {
+                urlParams: {
+                    utm_source: 'survey-footer'
+                }
+            })
+        ]
+    });
+}
+export { BottomSection };

package/dist/surveys/components/ConfirmationMessage.d.ts

@@ -0,0 +1,10 @@
+import { h } from 'preact';
+import type { SurveyAppearance, SurveyQuestionDescriptionContentType } from '../../types/surveys';
+export declare function ConfirmationMessage({ header, description, contentType, forceDisableHtml, appearance, onClose, }: {
+    header: string;
+    description: string;
+    forceDisableHtml: boolean;
+    contentType?: SurveyQuestionDescriptionContentType | undefined;
+    appearance: SurveyAppearance;
+    onClose: () => void;
+}): h.JSX.Element;

package/dist/surveys/components/ConfirmationMessage.js

@@ -0,0 +1,92 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ConfirmationMessage: ()=>ConfirmationMessage
+});
+const jsx_runtime_namespaceObject = require("preact/jsx-runtime");
+const external_preact_namespaceObject = require("preact");
+const external_surveys_extension_utils_js_namespaceObject = require("../surveys-extension-utils.js");
+const external_BottomSection_js_namespaceObject = require("./BottomSection.js");
+const external_QuestionHeader_js_namespaceObject = require("./QuestionHeader.js");
+const hooks_namespaceObject = require("preact/hooks");
+const general_utils_js_namespaceObject = require("../../utils/general-utils.js");
+function ConfirmationMessage({ header, description, contentType, forceDisableHtml, appearance, onClose }) {
+    const { isPopup } = (0, hooks_namespaceObject.useContext)(external_surveys_extension_utils_js_namespaceObject.SurveyContext);
+    (0, hooks_namespaceObject.useEffect)(()=>{
+        const handleKeyDown = (event)=>{
+            if ('Enter' === event.key || 'Escape' === event.key) {
+                event.preventDefault();
+                onClose();
+            }
+        };
+        (0, general_utils_js_namespaceObject.addEventListener)(window, 'keydown', handleKeyDown);
+        return ()=>{
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [
+        onClose
+    ]);
+    const renderCancelButton = isPopup && true !== appearance.hideCancelButton;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "thank-you-message",
+        role: "status",
+        tabIndex: 0,
+        "aria-atomic": "true",
+        children: [
+            renderCancelButton && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_QuestionHeader_js_namespaceObject.Cancel, {
+                onClick: ()=>onClose()
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                className: "thank-you-message-header",
+                children: header
+            }),
+            description && (0, external_surveys_extension_utils_js_namespaceObject.renderChildrenAsTextOrHtml)({
+                component: (0, external_preact_namespaceObject.h)('p', {
+                    className: 'thank-you-message-body'
+                }),
+                children: description,
+                renderAsHtml: !forceDisableHtml && 'text' !== contentType
+            }),
+            isPopup && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BottomSection_js_namespaceObject.BottomSection, {
+                text: appearance.thankYouMessageCloseButtonText || 'Close',
+                submitDisabled: false,
+                appearance: appearance,
+                onSubmit: ()=>onClose()
+            })
+        ]
+    });
+}
+exports.ConfirmationMessage = __webpack_exports__.ConfirmationMessage;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ConfirmationMessage"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/surveys/components/ConfirmationMessage.mjs

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { h } from "preact";
+import { SurveyContext, renderChildrenAsTextOrHtml } from "../surveys-extension-utils.mjs";
+import { BottomSection } from "./BottomSection.mjs";
+import { Cancel } from "./QuestionHeader.mjs";
+import { useContext, useEffect } from "preact/hooks";
+import { addEventListener } from "../../utils/general-utils.mjs";
+function ConfirmationMessage({ header, description, contentType, forceDisableHtml, appearance, onClose }) {
+    const { isPopup } = useContext(SurveyContext);
+    useEffect(()=>{
+        const handleKeyDown = (event)=>{
+            if ('Enter' === event.key || 'Escape' === event.key) {
+                event.preventDefault();
+                onClose();
+            }
+        };
+        addEventListener(window, 'keydown', handleKeyDown);
+        return ()=>{
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [
+        onClose
+    ]);
+    const renderCancelButton = isPopup && true !== appearance.hideCancelButton;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "thank-you-message",
+        role: "status",
+        tabIndex: 0,
+        "aria-atomic": "true",
+        children: [
+            renderCancelButton && /*#__PURE__*/ jsx(Cancel, {
+                onClick: ()=>onClose()
+            }),
+            /*#__PURE__*/ jsx("h3", {
+                className: "thank-you-message-header",
+                children: header
+            }),
+            description && renderChildrenAsTextOrHtml({
+                component: h('p', {
+                    className: 'thank-you-message-body'
+                }),
+                children: description,
+                renderAsHtml: !forceDisableHtml && 'text' !== contentType
+            }),
+            isPopup && /*#__PURE__*/ jsx(BottomSection, {
+                text: appearance.thankYouMessageCloseButtonText || 'Close',
+                submitDisabled: false,
+                appearance: appearance,
+                onSubmit: ()=>onClose()
+            })
+        ]
+    });
+}
+export { ConfirmationMessage };

package/dist/surveys/components/IntroScreen.d.ts

@@ -0,0 +1,10 @@
+import { h } from 'preact';
+import type { SurveyAppearance, SurveyQuestionDescriptionContentType } from '../../types/surveys';
+export declare function IntroScreen({ header, description, contentType, forceDisableHtml, appearance, onStart, }: {
+    header: string;
+    description: string;
+    forceDisableHtml: boolean;
+    contentType?: SurveyQuestionDescriptionContentType | undefined;
+    appearance: SurveyAppearance;
+    onStart: () => void;
+}): h.JSX.Element;