@qualified-salesforce/web 0.0.1-oidc-bootstrap

package/widget/multimodal_v2/stores/post_call_survey_store.js

@@ -0,0 +1,160 @@
+import { __webpack_require__ } from "../../../js/runtime.js";
+import { signals_core_module_r, signals_core_module_d, signals_core_module_w } from "../../../js/multimodal_v2.js";
+import "../../utils/native_globals.js";
+
+/* provided dependency */ var post_call_survey_store_setTimeout = __webpack_require__(68034).pS;
+/* provided dependency */ var post_call_survey_store_clearTimeout = __webpack_require__(68034).Kj;
+
+const RATING_SELECTION_FEEDBACK_MS = 300;
+const FEEDBACK_ACTION_FEEDBACK_MS = 300;
+class PostCallSurveyStore {
+    async submit(rating, feedback, aiSdrCallId) {
+        if (aiSdrCallId === void 0) aiSdrCallId = this.aiSdrCallId.value;
+        if (!aiSdrCallId) return;
+        try {
+            await this.rootStore.channel.perform("submit_post_call_survey", {
+                rating,
+                feedback,
+                ai_sdr_call_id: aiSdrCallId
+            });
+        } catch (unused) {
+        // Submission failure is non-critical — dismiss gracefully
+        }
+    }
+    canSelectRating() {
+        return this.state.value === "rating" && !this.selectedRating.value;
+    }
+    canSelectFeedbackAction() {
+        return this.state.value === "feedback" && !this.selectedFeedbackAction.value;
+    }
+    waitForRatingFeedback() {
+        this.clearRatingFeedbackTimeout();
+        return new Promise((resolve)=>{
+            this.ratingFeedbackTimeoutResolve = resolve;
+            this.ratingFeedbackTimeoutId = post_call_survey_store_setTimeout(()=>{
+                this.ratingFeedbackTimeoutId = null;
+                this.ratingFeedbackTimeoutResolve = null;
+                resolve();
+            }, RATING_SELECTION_FEEDBACK_MS);
+        });
+    }
+    clearRatingFeedbackTimeout() {
+        if (this.ratingFeedbackTimeoutId) {
+            post_call_survey_store_clearTimeout(this.ratingFeedbackTimeoutId);
+            this.ratingFeedbackTimeoutId = null;
+        }
+        this.ratingFeedbackTimeoutResolve == null ? void 0 : this.ratingFeedbackTimeoutResolve.call(this);
+        this.ratingFeedbackTimeoutResolve = null;
+    }
+    waitForFeedbackAction() {
+        this.clearFeedbackActionTimeout();
+        return new Promise((resolve)=>{
+            this.feedbackActionTimeoutResolve = resolve;
+            this.feedbackActionTimeoutId = post_call_survey_store_setTimeout(()=>{
+                this.feedbackActionTimeoutId = null;
+                this.feedbackActionTimeoutResolve = null;
+                resolve();
+            }, FEEDBACK_ACTION_FEEDBACK_MS);
+        });
+    }
+    clearFeedbackActionTimeout() {
+        if (this.feedbackActionTimeoutId) {
+            post_call_survey_store_clearTimeout(this.feedbackActionTimeoutId);
+            this.feedbackActionTimeoutId = null;
+        }
+        this.feedbackActionTimeoutResolve == null ? void 0 : this.feedbackActionTimeoutResolve.call(this);
+        this.feedbackActionTimeoutResolve = null;
+    }
+    // eslint-disable-next-line no-useless-constructor
+    constructor(rootStore){
+        this.rootStore = rootStore;
+        this.state = signals_core_module_d("hidden");
+        this.isActive = signals_core_module_w(()=>this.state.value !== "hidden");
+        this.aiSdrCallId = signals_core_module_d(null);
+        this.selectedRating = signals_core_module_d(null);
+        this.selectedFeedbackAction = signals_core_module_d(null);
+        this.ratingFeedbackTimeoutId = null;
+        this.ratingFeedbackTimeoutResolve = null;
+        this.feedbackActionTimeoutId = null;
+        this.feedbackActionTimeoutResolve = null;
+        this.show = (aiSdrCallId)=>{
+            if (!this.rootStore.featureFlags.piperXPostCallSurvey) return;
+            this.clearRatingFeedbackTimeout();
+            this.clearFeedbackActionTimeout();
+            signals_core_module_r(()=>{
+                this.aiSdrCallId.value = aiSdrCallId;
+                this.selectedRating.value = null;
+                this.selectedFeedbackAction.value = null;
+                this.state.value = "rating";
+            });
+        };
+        this.ratePositive = async ()=>{
+            if (!this.canSelectRating()) return;
+            const ratedCallId = this.aiSdrCallId.value;
+            this.selectedRating.value = "positive";
+            const submitPromise = this.submit("positive", undefined, ratedCallId);
+            await this.waitForRatingFeedback();
+            await submitPromise;
+            if (this.state.value !== "rating" || this.selectedRating.value !== "positive" || this.aiSdrCallId.value !== ratedCallId) {
+                return;
+            }
+            if (this.aiSdrCallId.value === ratedCallId) {
+                this.dismiss();
+            }
+        };
+        this.rateNegative = ()=>{
+            if (!this.canSelectRating()) return;
+            const ratedCallId = this.aiSdrCallId.value;
+            this.selectedRating.value = "negative";
+            void this.waitForRatingFeedback().then(()=>{
+                if (this.state.value !== "rating" || this.selectedRating.value !== "negative" || this.aiSdrCallId.value !== ratedCallId) {
+                    return;
+                }
+                signals_core_module_r(()=>{
+                    this.selectedRating.value = null;
+                    this.selectedFeedbackAction.value = null;
+                    this.state.value = "feedback";
+                });
+            });
+        };
+        this.submitFeedback = async (feedback)=>{
+            if (!this.canSelectFeedbackAction()) return;
+            const ratedCallId = this.aiSdrCallId.value;
+            this.selectedFeedbackAction.value = "submit";
+            const submitPromise = this.submit("negative", feedback, ratedCallId);
+            await this.waitForFeedbackAction();
+            await submitPromise;
+            if (this.state.value !== "feedback" || this.selectedFeedbackAction.value !== "submit" || this.aiSdrCallId.value !== ratedCallId) {
+                return;
+            }
+            if (this.aiSdrCallId.value === ratedCallId) {
+                this.dismiss();
+            }
+        };
+        this.dismissFeedback = ()=>{
+            if (!this.canSelectFeedbackAction()) return;
+            const ratedCallId = this.aiSdrCallId.value;
+            this.selectedFeedbackAction.value = "dismiss";
+            void this.waitForFeedbackAction().then(()=>{
+                if (this.state.value !== "feedback" || this.selectedFeedbackAction.value !== "dismiss" || this.aiSdrCallId.value !== ratedCallId) {
+                    return;
+                }
+                this.dismiss();
+            });
+        };
+        /** Dismiss the survey without submitting (or after submission). */ this.dismiss = ()=>{
+            this.clearRatingFeedbackTimeout();
+            this.clearFeedbackActionTimeout();
+            signals_core_module_r(()=>{
+                this.state.value = "hidden";
+                this.aiSdrCallId.value = null;
+                this.selectedRating.value = null;
+                this.selectedFeedbackAction.value = null;
+            });
+        };
+    }
+}
+/* export default */ const post_call_survey_store = (PostCallSurveyStore);
+
+export { PostCallSurveyStore };
+export default post_call_survey_store;

package/widget/multimodal_v2/stores/pounce_tracking_store.js

@@ -0,0 +1,163 @@
+import { signals_core_module_E, signals_core_module_w } from "../../../js/multimodal_v2.js";
+import { addEventListener } from "../../../src/dom.js";
+import { every } from "../../../src/timing.js";
+
+
+
+
+class PounceTrackingStore {
+    // Actions
+    startTracking() {
+        this.setupEffects();
+    }
+    dispose() {
+        this.stopBehaviorTracking();
+    }
+    // Effects
+    setupEffects() {
+        signals_core_module_E(()=>{
+            if (this.visitorResponded.value || this.userResponded.value) {
+                this.stopBehaviorTracking();
+                return;
+            }
+            if (this.trackingStarted || this.visitorHasTyped) return;
+            const shouldStartTracking = this.apMessagesCount.value === 1 || this.autoRespondPounceCount.value === 1;
+            if (shouldStartTracking) {
+                this.trackingStarted = true;
+                this.startBehaviorTracking();
+            }
+        });
+    }
+    // Helper methods
+    isFromRep(msg) {
+        return !!("userId" in msg && msg.userId && "isAp" in msg && !msg.isAp && msg.type === "text");
+    }
+    isFromVisitor(msg) {
+        return !!("visitorId" in msg && msg.visitorId && msg.type === "text");
+    }
+    isApMessage(msg) {
+        return !!(msg.type === "text" && "isAp" in msg && msg.isAp);
+    }
+    isAutoPounceMessage(msg) {
+        return msg.type === "text" && "apForArComposer" in msg && (msg.apForArComposer === "first_auto_pounce" || msg.apForArComposer === "second_auto_pounce" || msg.apForArComposer === "email_campaign_first_auto_pounce" || msg.apForArComposer === "email_campaign_second_auto_pounce");
+    }
+    isSecondAutoPounceMessage(msg, currentCount) {
+        return "apForArComposer" in msg && (msg.apForArComposer === "second_auto_pounce" || msg.apForArComposer === "email_campaign_second_auto_pounce") && currentCount === 0;
+    }
+    getMessageAutoRespondPounceCount(msg, currentCount) {
+        if (!this.isAutoPounceMessage(msg)) {
+            return 0;
+        } else if (this.isSecondAutoPounceMessage(msg, currentCount)) {
+            // Increase count from 0 to 2 to avoid sending another pounce after the nudge
+            return 2;
+        } else {
+            return 1;
+        }
+    }
+    // eslint-disable-next-line no-useless-constructor
+    constructor(rootStore){
+        this.rootStore = rootStore;
+        // Derived state
+        this.userResponded = signals_core_module_w(()=>{
+            return this.rootStore.messages.value.some((msg)=>this.isFromRep(msg));
+        });
+        this.visitorResponded = signals_core_module_w(()=>{
+            return this.rootStore.messages.value.some((msg)=>this.isFromVisitor(msg));
+        });
+        this.apMessagesCount = signals_core_module_w(()=>{
+            return this.rootStore.messages.value.filter((msg)=>this.isApMessage(msg)).length;
+        });
+        this.autoRespondPounceCount = signals_core_module_w(()=>{
+            return this.rootStore.messages.value.reduce((count, msg)=>{
+                return count + this.getMessageAutoRespondPounceCount(msg, count);
+            }, 0);
+        });
+        // Private state
+        this.timeToStartTracking = null;
+        this.timerDisposer = ()=>{};
+        this.windowFocusDisposer = ()=>{};
+        this.windowBlurDisposer = ()=>{};
+        this.pageVisibilityDisposer = ()=>{};
+        this.activeThresholdSeconds = 7;
+        this.trackingStarted = false;
+        this.visitorHasTyped = false;
+        this.startBehaviorTracking = ()=>{
+            this.timeToStartTracking = Date.now();
+            this.startWindowFocusTracking();
+            this.startWindowBlurTracking();
+            this.startPageVisibilityTracking();
+            this.timerDisposer = every(500, ()=>{
+                if (this.timeToStartTracking === null) {
+                    return;
+                }
+                const currentTime = Date.now();
+                const timeElapsed = currentTime - this.timeToStartTracking;
+                if (timeElapsed >= this.activeThresholdSeconds * 1000) {
+                    const { title, description } = this.getTitleAndDescription();
+                    const source = this.apMessagesCount.value > 0 ? "auto_pounce" : "auto_respond";
+                    this.rootStore.channel.perform("trigger_nudge_pounce", {
+                        title,
+                        description,
+                        source
+                    });
+                    this.stopBehaviorTracking();
+                }
+            });
+        };
+        this.getTitleAndDescription = ()=>{
+            const meta_description = document.querySelector('meta[name="description"]');
+            let description = null;
+            if (meta_description instanceof HTMLMetaElement) {
+                description = meta_description.content;
+            }
+            const title = this.resolveTitle();
+            return {
+                title,
+                description
+            };
+        };
+        this.resolveTitle = ()=>{
+            const documentTitle = document.title;
+            // Hack to prevent "Message from" title flashes from being fed to the backend
+            // Needed only temporarily until we start using chunks in auto pounce instead of the HTML title
+            if (documentTitle.startsWith("Message from")) {
+                return null;
+            }
+            return documentTitle;
+        };
+        this.startWindowFocusTracking = ()=>{
+            this.windowFocusDisposer = addEventListener(window, "focus", ()=>{
+                this.timeToStartTracking = Date.now();
+            });
+        };
+        this.startWindowBlurTracking = ()=>{
+            this.windowBlurDisposer = addEventListener(window, "blur", ()=>{
+                this.timeToStartTracking = null;
+            });
+        };
+        this.startPageVisibilityTracking = ()=>{
+            this.pageVisibilityDisposer = addEventListener(document, "visibilitychange", ()=>{
+                if (document.visibilityState === "visible") {
+                    this.timeToStartTracking = Date.now();
+                } else {
+                    this.timeToStartTracking = null;
+                }
+            });
+        };
+        this.notifyVisitorTyped = ()=>{
+            this.visitorHasTyped = true;
+            if (this.trackingStarted) this.stopBehaviorTracking();
+        };
+        this.notifyCallRequested = ()=>{};
+        this.stopBehaviorTracking = ()=>{
+            this.windowFocusDisposer();
+            this.windowBlurDisposer();
+            this.pageVisibilityDisposer();
+            this.timerDisposer();
+        };
+    }
+}
+/* export default */ const pounce_tracking_store = (PounceTrackingStore);
+
+export { PounceTrackingStore };
+export default pounce_tracking_store;