@qualified-salesforce/web 0.0.1-oidc-bootstrap

package/widget/visitor.js

@@ -0,0 +1,356 @@
+import { default as WidgetObject } from "./widget_object.js";
+import { default as DebugModeState } from "./debug_mode_state.js";
+import { default as cookie_visitor_state } from "./visitor/cookie_visitor_state.js";
+import { VisitorState } from "./visitor/visitor_state.js";
+import { esm_browser_v4, _extends, isMobile } from "../js/4101.js";
+import { default as in_memory_visitor_state } from "./visitor/in_memory_visitor_state.js";
+import { DEPRECATED_ATTRIBUTE_KEYS } from "./visitor/base_visitor_state.js";
+
+
+
+
+
+
+
+
+
+
+// Any visitor state attrs that are listed here will be passed to the Messenger
+// during initialization and persisted back to cookie whenever they change in
+// the Messenger
+const messengerStateAttrs = [
+    "messengerExpanded",
+    "promptDismissed",
+    "conversationId",
+    "forceHideConversationId"
+];
+const STATE_COOKIE_PREFIX = "__q_state_", OLD_STATE_COOKIE = "__q_state", FORM_EXPERIENCE_TTL = 60000;
+class Visitor extends WidgetObject {
+    static getUuid(token, useVisitorStateV2) {
+        if (useVisitorStateV2 === void 0) useVisitorStateV2 = false;
+        if (useVisitorStateV2) {
+            const oldState = new VisitorState(null, OLD_STATE_COOKIE, true);
+            try {
+                const oldUuid = oldState.get("uuid");
+                if (oldUuid) return oldUuid;
+                const currentState = new VisitorState(null, STATE_COOKIE_PREFIX + token, true);
+                try {
+                    return currentState.get("uuid");
+                } finally{
+                    currentState.dispose();
+                }
+            } finally{
+                oldState.dispose();
+            }
+        }
+        return new cookie_visitor_state(null, OLD_STATE_COOKIE).get("uuid") || new cookie_visitor_state(null, STATE_COOKIE_PREFIX + token).get("uuid");
+    }
+    async reportCookieError(message) {
+        const extra = {
+            domain: document.domain,
+            href: document.location.href
+        };
+        fetch(this.widget.resourceUrl("visitor_events"), {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json; charset=utf-8"
+            },
+            body: JSON.stringify({
+                type: "both",
+                event: message,
+                extra
+            })
+        });
+    }
+    get uuid() {
+        const uuid = this.state.get("uuid");
+        if (uuid) {
+            return uuid;
+        } else {
+            this.reportCookieError("Invalid visitor state, unable to read uuid.");
+            throw new Error("Qualified: invalid visitor state");
+        }
+    }
+    get botApiName() {
+        return this.state.get("botApiName");
+    }
+    get formData() {
+        return this.state.get("formData");
+    }
+    get hasFormData() {
+        return this.formData !== undefined;
+    }
+    get smartFormData() {
+        return this.state.get("smartFormData");
+    }
+    get messengerState() {
+        return messengerStateAttrs.reduce((state, attr)=>{
+            if (!this.isAttributeEnabled(attr)) {
+                return state;
+            }
+            return _extends({}, state, {
+                [attr]: this.state.get(attr)
+            });
+        }, {});
+    }
+    set messengerExpanded(expanded) {
+        this.state.update({
+            messengerExpanded: expanded
+        });
+    }
+    set promptDismissed(dismissed) {
+        this.state.update({
+            promptDismissed: dismissed != null ? dismissed : true
+        });
+    }
+    set conversationId(conversationId) {
+        this.state.update({
+            conversationId
+        });
+    }
+    set forceHideConversationId(forceHideConversationId) {
+        this.state.update({
+            forceHideConversationId
+        });
+    }
+    set isDocked(isDocked) {
+        this.state.update({
+            d: isDocked ? 1 : 0
+        });
+    }
+    get hasPendingMultimodalRedirectDismissal() {
+        const expiry = this.state.get("mrd");
+        if (typeof expiry !== "number") return false;
+        if (expiry < this.widget.dateProvider.new().getTime()) {
+            this.clearMultimodalRedirectDismissal();
+            return false;
+        }
+        return true;
+    }
+    setMultimodalRedirectDismissalWithExpiry(ttl) {
+        if (ttl === void 0) ttl = 30000;
+        this.state.update({
+            mrd: this.widget.dateProvider.new().getTime() + ttl
+        });
+    }
+    clearMultimodalRedirectDismissal() {
+        this.state.update({
+            mrd: undefined
+        });
+    }
+    setFormData(fieldValues) {
+        if (DebugModeState.isInDebugMode()) {
+            if (!fieldValues.email) {
+                DebugModeState.setApiMessage("saveFormData", "Error", "“saveFormData” was called but no email value was provided.");
+            } else {
+                DebugModeState.setApiMessage("saveFormData", "Success", "“saveFormData” was called successfully.");
+            }
+        }
+        this.state.update({
+            formData: {
+                fieldValues
+            }
+        });
+    }
+    setSmartFormData(fieldValues, botApiName) {
+        var _this_widget_multimodal_rootStore, _this_widget_multimodal;
+        if (DebugModeState.isInDebugMode()) {
+            if (!fieldValues.email) {
+                DebugModeState.setApiMessage("saveSmartFormData", "Error", "“saveSmartFormData” was called but no email value was provided.");
+            } else {
+                DebugModeState.setApiMessage("saveSmartFormData", "Success", "“saveSmartFormData” was called successfully for " + botApiName + " with the following field values: " + JSON.stringify(fieldValues) + ".");
+            }
+        }
+        (_this_widget_multimodal = this.widget.multimodal) == null ? void 0 : (_this_widget_multimodal_rootStore = _this_widget_multimodal.rootStore) == null ? void 0 : _this_widget_multimodal_rootStore.uiStore.primeRedirectDismissedUIState();
+        this.state.update({
+            smartFormData: {
+                fieldValues,
+                botApiName
+            }
+        });
+    }
+    clearFormData() {
+        this.state.update({
+            formData: undefined
+        });
+    }
+    clearSmartFormData() {
+        this.state.update({
+            smartFormData: undefined
+        });
+    }
+    get lastValidRebroadcastTime() {
+        return this.state.get("lastValidRebroadcastTime");
+    }
+    setLastValidRebroadcastTime(lastValidRebroadcastTime) {
+        this.state.update({
+            lastValidRebroadcastTime
+        });
+    }
+    get qualifiedRedirected() {
+        return this.state.get("qualifiedRedirected");
+    }
+    setQualifiedRedirect(qualifiedRedirected) {
+        this.state.update({
+            qualifiedRedirected
+        });
+        const shouldCloseOnMobileRedirect = this.config.hasWebsiteCloseChatOnMobileRedirect;
+        if (!qualifiedRedirected || !shouldCloseOnMobileRedirect) return;
+        // We use forceHideConversationId to force prompts into a hidden state and the messenger into a collapsed state.
+        // This only runs on mobile in order to prevent the messenger from taking up the whole screen after redirecting.
+        // We set forceHideConversationId to the conversationId so that this doesn't impact future conversations.
+        const conversationId = this.state.get("conversationId");
+        if (conversationId && isMobile().any) {
+            this.state.update({
+                forceHideConversationId: conversationId
+            });
+        }
+    }
+    get formExperienceData() {
+        const data = this.state.get("formExperienceData");
+        if (!data) return null;
+        if (data.expiry && this.widget.dateProvider.new().getTime() > data.expiry) {
+            this.clearFormExperienceData();
+            return null;
+        }
+        return data;
+    }
+    setFormExperienceData(formExperienceData) {
+        this.state.update({
+            formExperienceData
+        });
+    }
+    setFormExperienceDataWithExpiry(formExperienceData, ttl) {
+        if (ttl === void 0) ttl = FORM_EXPERIENCE_TTL;
+        var _this_widget_multimodal_rootStore, _this_widget_multimodal;
+        (_this_widget_multimodal = this.widget.multimodal) == null ? void 0 : (_this_widget_multimodal_rootStore = _this_widget_multimodal.rootStore) == null ? void 0 : _this_widget_multimodal_rootStore.uiStore.primeRedirectDismissedUIState();
+        this.setFormExperienceData(_extends({}, formExperienceData, {
+            expiry: this.widget.dateProvider.new().getTime() + ttl
+        }));
+        this.widget.debugState.logEvent("visitor:setFormExperienceDataWithExpiry", "success", {});
+    }
+    clearFormExperienceData() {
+        this.state.update({
+            formExperienceData: undefined
+        });
+    }
+    updatePersistence(isPersisted) {
+        if (this.state instanceof VisitorState) {
+            this.state.isPersisted = isPersisted;
+            return;
+        }
+        if (this.state.isPersisted === isPersisted) {
+            return;
+        }
+        const oldState = this.state;
+        if (!oldState.isPersisted && isPersisted) {
+            // InMemoryVisitorState -> CookieVisitorState
+            this.state = new cookie_visitor_state(this.widget, STATE_COOKIE_PREFIX + this.config.token);
+        } else {
+            // CookieVisitorState -> InMemoryVisitorState
+            this.state = new in_memory_visitor_state();
+        }
+        this.state.update(oldState.attributes);
+        oldState.destroy();
+    }
+    reset() {
+        this.state.destroy();
+    }
+    refreshPersistedState() {
+        var _this_config_featureFlags;
+        if (!this.state.isPersisted) return;
+        const persistedState = ((_this_config_featureFlags = this.config.featureFlags) == null ? void 0 : _this_config_featureFlags.websiteVisitorStateV2) ? this.createState() : this.createOldState();
+        this.state.update(persistedState.attributes);
+        if (persistedState instanceof VisitorState) {
+            persistedState.dispose();
+        }
+    }
+    resourceUrl(name, params) {
+        return this.widget.resourceUrl(name, _extends({
+            uuid: this.uuid
+        }, params));
+    }
+    clearDeprecatedAttrs() {
+        // Extremely defensive error handling, because this is a critical visitor path
+        try {
+            DEPRECATED_ATTRIBUTE_KEYS.forEach((attr)=>{
+                if (this.state.isPersisted && this.state.has(attr)) {
+                    this.state.delete(attr);
+                }
+            });
+        } catch (clearError) {
+            try {
+                this.widget.serverLog({
+                    message: "Failed to clear deprecated attrs: " + clearError,
+                    type: "sentry"
+                });
+            } catch (logError) {
+                console.warn("Failed to call serverLog in clearDeprecatedAttrs:", logError); // eslint-disable-line no-console
+            }
+        }
+    }
+    createOldState() {
+        let state;
+        if (this.widget.isMeetingLink || // TODO: remove once meeting link has its own pack
+        this.config.requiresCookieConsent && !this.config.hasCookieConsent) {
+            state = new in_memory_visitor_state();
+        } else {
+            state = new cookie_visitor_state(this.widget, STATE_COOKIE_PREFIX + this.config.token);
+            // Convert old, non-token-suffixed cookie and remove it
+            if (!state.isInitialized) {
+                const oldState = new cookie_visitor_state(this.widget, OLD_STATE_COOKIE);
+                if (oldState.isInitialized) {
+                    state.update(oldState.attributes);
+                    oldState.destroy();
+                }
+            }
+        }
+        if (!state.isInitialized) {
+            state.update({
+                uuid: esm_browser_v4()
+            });
+        }
+        return state;
+    }
+    createState() {
+        const cookieName = STATE_COOKIE_PREFIX + this.config.token;
+        const shouldPersist = !this.widget.isMeetingLink && !(this.config.requiresCookieConsent && !this.config.hasCookieConsent);
+        // Create state with appropriate persistence setting
+        const state = new VisitorState(this.widget, cookieName, shouldPersist);
+        // If the new state isn't initialized, try migrating from old cookie format
+        if (!state.isInitialized && shouldPersist) {
+            const oldState = new VisitorState(this.widget, OLD_STATE_COOKIE, true);
+            if (oldState.isInitialized) {
+                state.copyFrom(oldState);
+                oldState.destroy();
+            }
+        }
+        // Ensure state has UUID if not initialized
+        if (!state.isInitialized) {
+            state.update({
+                uuid: esm_browser_v4()
+            });
+        }
+        return state;
+    }
+    isAttributeEnabled(attr) {
+        switch(attr){
+            case "forceHideConversationId":
+                if (!isMobile().any) return false;
+                return !!this.config.hasWebsiteCloseChatOnMobileRedirect || this.state.has("forceHideConversationId");
+            default:
+                return true;
+        }
+    }
+    constructor(injectionProps){
+        var _this_config_featureFlags;
+        super(injectionProps);
+        this.state = ((_this_config_featureFlags = this.config.featureFlags) == null ? void 0 : _this_config_featureFlags.websiteVisitorStateV2) ? this.createState() : this.createOldState();
+        this.clearDeprecatedAttrs();
+    }
+}
+/* export default */ const visitor = (Visitor);
+
+var visitor_messengerStateAttrs = /* unused export */ undefined;
+export { visitor_messengerStateAttrs as messengerStateAttrs };
+export default visitor;

package/widget/widget/linked_widget_v2.js

@@ -0,0 +1,227 @@
+import { __webpack_require__ } from "../../js/runtime.js";
+import { OfferMainScript } from "../../routes/app/offers/scripts/OfferMainScript.js";
+import { default as analytics } from "../analytics.js";
+import { AssetsPreloader } from "../multimodal_v2/assets_preloader.js";
+import { V2Adapter } from "../v2_adapter.js";
+import { getSentryClient } from "./sentry.js";
+import { default as PageMirrorFactory } from "./page_mirror_factory.js";
+import { default as Widget } from "./widget.js";
+
+
+
+
+
+
+
+
+class LinkedWidgetV2 extends Widget {
+    static createContainer() {
+        const container = super.createContainer();
+        /* eslint-disable no-undef */ __webpack_require__.p = "" + this.environmentConfig.cdnHost + "/packs/";
+        // Register analytics, offer script, and page mirror factory eagerly for non-code-split builds
+        container.register1("analytics", analytics);
+        container.register1("offerScript", OfferMainScript);
+        container.register1("pageMirrorFactory", PageMirrorFactory);
+        // NOTE: IframeManager is deliberately NOT registered.
+        // NOTE: IframeApiHandler is deliberately NOT registered (no iframe context).
+        return container;
+    }
+    // Override to use container.load() (dynamic import path) instead of
+    // container.resolve() (requires pre-registration). Matches ChunkedWidget pattern.
+    async loadMultimodalV2() {
+        return this.container.load("multimodal_v2");
+    }
+    createExperienceAdapter() {
+        const onFirstApMessage = ()=>this.tracker.startBehaviorTracker();
+        return new V2Adapter(onFirstApMessage);
+    }
+    // Override to skip feature flag checks — v2 bundle always loads multimodal_v2.
+    async initializeMultimodalV2() {
+        try {
+            if (this.isDisposed) {
+                this.multimodalReady.resolve(null);
+                return;
+            }
+            AssetsPreloader.preload(this.config);
+            this._multimodal = await this.loadMultimodalV2();
+            this._multimodal.init();
+            this.multimodalReady.resolve(this._multimodal);
+        } catch (error) {
+            var _getSentryClient;
+            (_getSentryClient = getSentryClient({
+                project: "multimodal"
+            })) == null ? void 0 : _getSentryClient.captureException(error);
+            this.multimodalReady.reject(error);
+        }
+    }
+    // v2 has no iframe handshake — widget is ready as soon as init() resolves.
+    // Base Widget.initialized accesses this.iframeManager which throws on v2.
+    get initialized() {
+        return Promise.resolve();
+    }
+    // recordPerformanceEntries uses channel.pingPong to request asset timing from the
+    // IframeManager. V2 has no iframe, so the pingPong never receives a response and
+    // Widget.init() deadlocks. Override to resolve immediately.
+    recordPerformanceEntries(_iframeSpan) {
+        return Promise.resolve();
+    }
+    // no-op: V2 bundle has no iframe; PageMirror DOM capture runs independently via WebSocket
+    startShipper() {}
+    // no-op: V2 bundle has no iframe
+    stopShipper() {}
+    // no-op: V2 bundle has no iframe
+    requestKeyframe() {}
+    async init(teamToken, config) {
+        if (config === void 0) config = {};
+        var _this_multimodal;
+        await super.init(teamToken, config);
+        const rootStore = (_this_multimodal = this.multimodal) == null ? void 0 : _this_multimodal.rootStore;
+        if (rootStore) {
+            this.experienceAdapter.bindRootStore(rootStore);
+            this.flushPendingElementConversationEvents();
+            // Pause/resume offer rendering when meeting booker opens/closes.
+            // V1 does this in iframe_manager.ts:273-275 via postmate setFullScreen event.
+            // V2 has no iframe events; use elementConversationOffer signal instead.
+            // Truthy (non-null CalendarEventOfferMessage) = meeting booker opened → pause.
+            // Falsy (null) = meeting booker closed → resume.
+            let meetingBookerWasActive = !!rootStore.elementConversationOffer.peek();
+            const disposeElementConversationOfferSubscription = rootStore.elementConversationOffer.subscribe((offer)=>{
+                const isActive = offer !== null;
+                if (isActive && !meetingBookerWasActive) {
+                    var _this_offerScript;
+                    meetingBookerWasActive = true;
+                    (_this_offerScript = this.offerScript) == null ? void 0 : _this_offerScript.pause();
+                } else if (!isActive && meetingBookerWasActive) {
+                    var _this_offerScript1;
+                    meetingBookerWasActive = false;
+                    (_this_offerScript1 = this.offerScript) == null ? void 0 : _this_offerScript1.resume();
+                }
+            });
+            this.callOnDispose(disposeElementConversationOfferSubscription);
+            this.bindInlineSpinnerTeardown(rootStore);
+        }
+    }
+    bindInlineSpinnerTeardown(rootStore) {
+        let previousLoadingUuid = rootStore.loadingUuid.peek();
+        const dispose = rootStore.loadingUuid.subscribe((uuid)=>{
+            if (previousLoadingUuid && !uuid) {
+                this.channel.emit("endInlineLoading", previousLoadingUuid);
+            }
+            previousLoadingUuid = uuid;
+        });
+        this.callOnDispose(dispose);
+    }
+    syncInit(config) {
+        super.syncInit(config);
+        this.bindElementConversationListeners();
+    }
+    bindElementConversationListeners() {
+        if (this.elementConversationListenersBound) return;
+        this.elementConversationListenersBound = true;
+        // Register listener unconditionally — rootStore looked up lazily when events arrive.
+        this.channel.on("received", (eventName, payload)=>{
+            this.handleReceivedElementConversationEvent(eventName, payload);
+        });
+        // In V2 there is no qualified_form_api to bridge elementMessage into the full-screen
+        // element conversation UI. Listen directly: when a gather/offer/text message arrives
+        // during the loading phase, wrap it as a minimal conversation and hand off to the store.
+        this.channel.on("elementMessage", (payload)=>{
+            this.handleElementMessageEvent(payload);
+        });
+    }
+    handleReceivedElementConversationEvent(eventName, payload) {
+        var _this_multimodal;
+        const rs = (_this_multimodal = this.multimodal) == null ? void 0 : _this_multimodal.rootStore;
+        if (!rs) {
+            if (eventName === "startElementConversationLoadingState" || eventName === "initElementConversation" || eventName === "initQualifiedFormElementConversation") {
+                this.pendingElementConversationEvents.push({
+                    kind: "received",
+                    eventName,
+                    payload
+                });
+            }
+            return;
+        }
+        if (eventName === "startElementConversationLoadingState") {
+            rs.showElementConversationLoadingState();
+        } else if (eventName === "initElementConversation") {
+            const uuid = rs.loadingUuid.peek();
+            if (uuid) this.channel.emit("endInlineLoading", uuid);
+            rs.handleInitElementConversation(payload);
+        } else if (eventName === "initQualifiedFormElementConversation") {
+            const uuid = rs.loadingUuid.peek();
+            if (uuid) this.channel.emit("endInlineLoading", uuid);
+            rs.handleInitQualifiedFormElementConversation(payload);
+        }
+    }
+    handleElementMessageEvent(payload) {
+        var _this_multimodal;
+        const rs = (_this_multimodal = this.multimodal) == null ? void 0 : _this_multimodal.rootStore;
+        const isQualifiedFormGather = (payload == null ? void 0 : payload.type) === "lightbox_gather" && this.isQualifiedFormElementMessage(payload);
+        if (!rs) {
+            if ((payload == null ? void 0 : payload.type) === "lightbox_gather" && !isQualifiedFormGather || (payload == null ? void 0 : payload.type) === "calendar_event_offer" || (payload == null ? void 0 : payload.type) === "text") {
+                this.pendingElementConversationEvents.push({
+                    kind: "elementMessage",
+                    payload
+                });
+            }
+            return;
+        }
+        if ((payload == null ? void 0 : payload.type) === "lightbox_gather" && !isQualifiedFormGather && rs.elementConversationLoading.value) {
+            var _payload_conversationId;
+            const uuid = rs.loadingUuid.peek();
+            if (uuid) this.channel.emit("endInlineLoading", uuid);
+            rs.handleInitElementConversation({
+                id: (_payload_conversationId = payload.conversationId) != null ? _payload_conversationId : payload.conversation_id,
+                messages: [
+                    payload
+                ]
+            });
+        } else if ((payload == null ? void 0 : payload.type) === "calendar_event_offer" && rs.elementConversationLoading.value) {
+            const uuid = rs.loadingUuid.peek();
+            if (uuid) this.channel.emit("endInlineLoading", uuid);
+            rs.handleInitQualifiedFormElementConversation({
+                messages: [
+                    payload
+                ]
+            });
+        } else if ((payload == null ? void 0 : payload.type) === "text" && rs.elementConversationLoading.value) {
+            const uuid = rs.loadingUuid.peek();
+            if (uuid) this.channel.emit("endInlineLoading", uuid);
+            rs.handleElementConversationTextMessage(payload);
+        }
+    }
+    isQualifiedFormElementMessage(payload) {
+        var _ref;
+        var _payload_conversation_script, _payload_conversation, _payload_conversation_script1, _payload_conversation1;
+        const botType = (_ref = payload == null ? void 0 : (_payload_conversation = payload.conversation) == null ? void 0 : (_payload_conversation_script = _payload_conversation.script) == null ? void 0 : _payload_conversation_script.botType) != null ? _ref : payload == null ? void 0 : (_payload_conversation1 = payload.conversation) == null ? void 0 : (_payload_conversation_script1 = _payload_conversation1.script) == null ? void 0 : _payload_conversation_script1.bot_type;
+        return botType === "form";
+    }
+    flushPendingElementConversationEvents() {
+        if (this.pendingElementConversationEvents.length === 0) return;
+        const pendingEvents = this.pendingElementConversationEvents;
+        this.pendingElementConversationEvents = [];
+        pendingEvents.forEach((event)=>{
+            if (event.kind === "received") {
+                this.handleReceivedElementConversationEvent(event.eventName, event.payload);
+            } else {
+                this.handleElementMessageEvent(event.payload);
+            }
+        });
+    }
+    constructor(...args){
+        super(...args), this.elementConversationListenersBound = false, this.pendingElementConversationEvents = [];
+    }
+}
+// V2-only widget: no IframeManager, no Postmate, no cross-frame code.
+// Used by: qualified-stable.js (customer-hosted) and v2 CDN bundle.
+//
+// Key differences from LinkedWidget:
+// - Does NOT register IframeManager (tree-shaking removes it from bundle)
+// - Does NOT register IframeApiHandler (no iframe context)
+// - createExperienceAdapter() returns V2Adapter instead of V1Adapter
+// - initializeMultimodalV2() always loads v2 (skips feature flag checks)
+// - init() calls bindRootStore() after super.init() resolves
+
+
+export default LinkedWidgetV2;

package/widget/widget/page_mirror_factory.js

@@ -0,0 +1,22 @@
+import { default as PageMirror } from "../page_mirror.js";
+import { default as WidgetObject } from "../widget_object.js";
+
+
+
+class PageMirrorFactory extends WidgetObject {
+    create() {
+        if (!this.widget.config.isComplete || this.widget.config.disableLiveView) {
+            return this.container.resolve("emptyPageMirror");
+        } else {
+            return this.container.resolve("pageMirror", this.widget.config.denylistedVisitorStreamDomains || []);
+        }
+    }
+    constructor(injectionProps){
+        super(injectionProps);
+        injectionProps.container.set("emptyPageMirror", {});
+        injectionProps.container.register1("pageMirror", PageMirror);
+    }
+}
+
+
+export default PageMirrorFactory;