@posthog/browser-common 0.10.3 → 0.10.5

package/dist/config.js

@@ -27,7 +27,7 @@ var __webpack_require__ = {};
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
-const packageVersion = "0.10.3";
+const packageVersion = "0.10.5";
 const Config = {
     DEBUG: false,
     LIB_VERSION: packageVersion,

package/dist/config.mjs

@@ -1,4 +1,4 @@
-const packageVersion = "0.10.3";
+const packageVersion = "0.10.5";
 const Config = {
     DEBUG: false,
     LIB_VERSION: packageVersion,

package/dist/feature-flags.d.ts

@@ -76,6 +76,8 @@ export declare class PostHogFeatureFlags implements Extension {
     private _additionalReloadRequested;
     private _reloadDebouncer;
     private _firingFeatureFlagsCallbacks;
+    private _flagCallsPendingCapture;
+    private _sendingFlagCallsPendingCapture;
     private _flagsLoadedFromRemote;
     private _staleCacheRefreshTriggered;
     private _consecutiveStatusZeroFailures;
@@ -153,6 +155,8 @@ export declare class PostHogFeatureFlags implements Extension {
     setAnonymousDistinctId(anon_distinct_id: string | undefined): void;
     setReloadingPaused(isPaused: boolean): void;
     resetFlagCallReported(): void;
+    /** Sends `$feature_flag_called` for the flags read while capture was off, once the client can capture. */
+    sendFlagCallsPendingCapture(): void;
     _callFlagsEndpoint(options?: {
         disableFlags?: boolean;
     }): void;

package/dist/feature-flags.js

@@ -207,6 +207,8 @@ class PostHogFeatureFlags {
         this._reloadingDisabled = false;
         this._additionalReloadRequested = false;
         this._firingFeatureFlagsCallbacks = false;
+        this._flagCallsPendingCapture = new Map();
+        this._sendingFlagCallsPendingCapture = false;
         this._flagsLoadedFromRemote = false;
         this._staleCacheRefreshTriggered = false;
         this._consecutiveStatusZeroFailures = 0;
@@ -650,6 +652,19 @@ class PostHogFeatureFlags {
     }
     resetFlagCallReported() {
         this._remove(external_constants_js_namespaceObject.FLAG_CALL_REPORTED);
+        this._flagCallsPendingCapture = new Map();
+    }
+    sendFlagCallsPendingCapture() {
+        if (0 === this._flagCallsPendingCapture.size || this._sendingFlagCallsPendingCapture || !this._client?.canCapture) return;
+        this._sendingFlagCallsPendingCapture = true;
+        try {
+            this._flagCallsPendingCapture.forEach((readBy, key)=>{
+                if (readBy === this._client?.distinctId) this.getFeatureFlagResult(key);
+                else this._flagCallsPendingCapture.delete(key);
+            });
+        } finally{
+            this._sendingFlagCallsPendingCapture = false;
+        }
     }
     _callFlagsEndpoint(options) {
         this._clearDebouncer();
@@ -813,11 +828,15 @@ class PostHogFeatureFlags {
             });
         } else {
             const canCapture = this._client?.canCapture;
-            if (!canCapture && Object.keys(flagCallReported).length > 0) {
-                flagCallReported = {};
-                this._set({
-                    [external_constants_js_namespaceObject.FLAG_CALL_REPORTED]: flagCallReported
-                });
+            if (canCapture) this._flagCallsPendingCapture.delete(key);
+            else {
+                if (Object.keys(flagCallReported).length > 0) {
+                    flagCallReported = {};
+                    this._set({
+                        [external_constants_js_namespaceObject.FLAG_CALL_REPORTED]: flagCallReported
+                    });
+                }
+                this._flagCallsPendingCapture.set(key, this._client?.distinctId);
             }
             if (canCapture && !flagCallReported[key]?.includes(flagReportValue)) {
                 if ((0, core_namespaceObject.isArray)(flagCallReported[key])) flagCallReported[key].push(flagReportValue);
@@ -1215,6 +1234,7 @@ class PostHogFeatureFlags {
         this._clearDebouncer();
         this._override_warning = false;
         this._consecutiveStatusZeroFailures = 0;
+        this._flagCallsPendingCapture = new Map();
     }
 }
 exports.FeatureFlagError = __webpack_exports__.FeatureFlagError;

package/dist/feature-flags.mjs

@@ -171,6 +171,8 @@ class PostHogFeatureFlags {
         this._reloadingDisabled = false;
         this._additionalReloadRequested = false;
         this._firingFeatureFlagsCallbacks = false;
+        this._flagCallsPendingCapture = new Map();
+        this._sendingFlagCallsPendingCapture = false;
         this._flagsLoadedFromRemote = false;
         this._staleCacheRefreshTriggered = false;
         this._consecutiveStatusZeroFailures = 0;
@@ -614,6 +616,19 @@ class PostHogFeatureFlags {
     }
     resetFlagCallReported() {
         this._remove(FLAG_CALL_REPORTED);
+        this._flagCallsPendingCapture = new Map();
+    }
+    sendFlagCallsPendingCapture() {
+        if (0 === this._flagCallsPendingCapture.size || this._sendingFlagCallsPendingCapture || !this._client?.canCapture) return;
+        this._sendingFlagCallsPendingCapture = true;
+        try {
+            this._flagCallsPendingCapture.forEach((readBy, key)=>{
+                if (readBy === this._client?.distinctId) this.getFeatureFlagResult(key);
+                else this._flagCallsPendingCapture.delete(key);
+            });
+        } finally{
+            this._sendingFlagCallsPendingCapture = false;
+        }
     }
     _callFlagsEndpoint(options) {
         this._clearDebouncer();
@@ -777,11 +792,15 @@ class PostHogFeatureFlags {
             });
         } else {
             const canCapture = this._client?.canCapture;
-            if (!canCapture && Object.keys(flagCallReported).length > 0) {
-                flagCallReported = {};
-                this._set({
-                    [FLAG_CALL_REPORTED]: flagCallReported
-                });
+            if (canCapture) this._flagCallsPendingCapture.delete(key);
+            else {
+                if (Object.keys(flagCallReported).length > 0) {
+                    flagCallReported = {};
+                    this._set({
+                        [FLAG_CALL_REPORTED]: flagCallReported
+                    });
+                }
+                this._flagCallsPendingCapture.set(key, this._client?.distinctId);
             }
             if (canCapture && !flagCallReported[key]?.includes(flagReportValue)) {
                 if (isArray(flagCallReported[key])) flagCallReported[key].push(flagReportValue);
@@ -1179,6 +1198,7 @@ class PostHogFeatureFlags {
         this._clearDebouncer();
         this._override_warning = false;
         this._consecutiveStatusZeroFailures = 0;
+        this._flagCallsPendingCapture = new Map();
     }
 }
 export { FeatureFlagError, PostHogFeatureFlags, QuotaLimitedResource, filterActiveFeatureFlags, parseFlagsResponse };

package/dist/surveys/surveys-extension-utils.d.ts

@@ -131,3 +131,11 @@ export declare function getSurveyContainerClass(survey: Pick<Survey, 'id'>, asSe
  * Used by both surveys and product tours for consistent positioning
  */
 export declare function getPopoverPosition(type?: SurveyType, position?: SurveyPosition, surveyWidgetType?: SurveyWidgetType): Record<string, string>;
+/**
+ * Style overrides for a tab widget's popup. The popup is centred next to the
+ * tab only while the survey uses the default right position or explicitly
+ * asks to sit next to its trigger. Any other selected position is a
+ * deliberate placement, so no override applies and getPopoverPosition alone
+ * decides where the popup goes.
+ */
+export declare function getTabWidgetPopupOverrides(position?: SurveyPosition): Record<string, string>;

package/dist/surveys/surveys-extension-utils.js

@@ -49,6 +49,7 @@ __webpack_require__.d(__webpack_exports__, {
     getSurveyResponseKey: ()=>surveys_namespaceObject.getSurveyResponseKey,
     getSurveySeen: ()=>getSurveySeen,
     getSurveyStylesheet: ()=>getSurveyStylesheet,
+    getTabWidgetPopupOverrides: ()=>getTabWidgetPopupOverrides,
     hasWaitPeriodPassed: ()=>hasWaitPeriodPassed,
     hex2rgb: ()=>hex2rgb,
     hexToRgba: ()=>hexToRgba,
@@ -669,6 +670,13 @@ function getPopoverPosition(type, position = external_survey_constants_js_namesp
             };
     }
 }
+function getTabWidgetPopupOverrides(position) {
+    if (!position || position === external_survey_constants_js_namespaceObject.SurveyPosition.Right || position === external_survey_constants_js_namespaceObject.SurveyPosition.NextToTrigger) return {
+        top: '50%',
+        bottom: 'auto'
+    };
+    return {};
+}
 exports.SurveyContext = __webpack_exports__.SurveyContext;
 exports.addSurveyCSSVariablesToElement = __webpack_exports__.addSurveyCSSVariablesToElement;
 exports.canActivateRepeatedly = __webpack_exports__.canActivateRepeatedly;
@@ -690,6 +698,7 @@ exports.getSurveyContainerClass = __webpack_exports__.getSurveyContainerClass;
 exports.getSurveyResponseKey = __webpack_exports__.getSurveyResponseKey;
 exports.getSurveySeen = __webpack_exports__.getSurveySeen;
 exports.getSurveyStylesheet = __webpack_exports__.getSurveyStylesheet;
+exports.getTabWidgetPopupOverrides = __webpack_exports__.getTabWidgetPopupOverrides;
 exports.hasWaitPeriodPassed = __webpack_exports__.hasWaitPeriodPassed;
 exports.hex2rgb = __webpack_exports__.hex2rgb;
 exports.hexToRgba = __webpack_exports__.hexToRgba;
@@ -723,6 +732,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "getSurveyResponseKey",
     "getSurveySeen",
     "getSurveyStylesheet",
+    "getTabWidgetPopupOverrides",
     "hasWaitPeriodPassed",
     "hex2rgb",
     "hexToRgba",

package/dist/surveys/surveys-extension-utils.mjs

@@ -606,4 +606,11 @@ function getPopoverPosition(type, position = SurveyPosition.Right, surveyWidgetT
             };
     }
 }
-export { SurveyContext, addSurveyCSSVariablesToElement, canActivateRepeatedly, clearAllInMemoryInProgressSurveyState, clearInProgressSurveyState, defaultSurveyAppearance, dismissedSurveyEvent, doesSurveyDeviceTypesMatch, doesSurveyMatchSelector, doesSurveyUrlMatch, getContrastingTextColor, getDisplayOrderChoices, getDisplayOrderQuestions, getFontFamily, getInProgressSurveyState, getPopoverPosition, getQuestionOrder, getSurveyContainerClass, getSurveyResponseKey, getSurveySeen, getSurveyStylesheet, hasWaitPeriodPassed, hex2rgb, hexToRgba, isSurveyInProgress, renderChildrenAsTextOrHtml, retrieveSurveyShadow, sendSurveyAbandonedEvent, sendSurveyEvent, setInProgressSurveyState, shuffle, useSurveyContext };
+function getTabWidgetPopupOverrides(position) {
+    if (!position || position === SurveyPosition.Right || position === SurveyPosition.NextToTrigger) return {
+        top: '50%',
+        bottom: 'auto'
+    };
+    return {};
+}
+export { SurveyContext, addSurveyCSSVariablesToElement, canActivateRepeatedly, clearAllInMemoryInProgressSurveyState, clearInProgressSurveyState, defaultSurveyAppearance, dismissedSurveyEvent, doesSurveyDeviceTypesMatch, doesSurveyMatchSelector, doesSurveyUrlMatch, getContrastingTextColor, getDisplayOrderChoices, getDisplayOrderQuestions, getFontFamily, getInProgressSurveyState, getPopoverPosition, getQuestionOrder, getSurveyContainerClass, getSurveyResponseKey, getSurveySeen, getSurveyStylesheet, getTabWidgetPopupOverrides, hasWaitPeriodPassed, hex2rgb, hexToRgba, isSurveyInProgress, renderChildrenAsTextOrHtml, retrieveSurveyShadow, sendSurveyAbandonedEvent, sendSurveyEvent, setInProgressSurveyState, shuffle, useSurveyContext };

package/dist/surveys-renderer.js

@@ -1164,10 +1164,7 @@ function FeedbackWidget({ survey, forceDisableHtml, posthog, readOnly, surveyLan
     (0, hooks_namespaceObject.useEffect)(()=>{
         if (!posthog) return void survey_utils_js_namespaceObject.SURVEY_LOGGER.error('FeedbackWidget called without a PostHog instance.');
         if (readOnly) return;
-        if (survey.appearance?.widgetType === 'tab') setStyleOverrides({
-            top: '50%',
-            bottom: 'auto'
-        });
+        if (survey.appearance?.widgetType === 'tab') setStyleOverrides((0, surveys_extension_utils_js_namespaceObject.getTabWidgetPopupOverrides)(survey.appearance?.position));
         const handleShowSurvey = (event)=>{
             const customEvent = event;
             if (customEvent.detail?.surveyId === survey.id) {
@@ -1189,6 +1186,7 @@ function FeedbackWidget({ survey, forceDisableHtml, posthog, readOnly, surveyLan
         readOnly,
         survey.id,
         survey.appearance?.widgetType,
+        survey.appearance?.position,
         survey.appearance?.widgetSelector,
         survey.appearance?.borderColor
     ]);

package/dist/surveys-renderer.mjs

@@ -14,7 +14,7 @@ import { ConfirmationMessage } from "./surveys/components/ConfirmationMessage.mj
 import { IntroScreen } from "./surveys/components/IntroScreen.mjs";
 import { Cancel } from "./surveys/components/QuestionHeader.mjs";
 import { LinkQuestion, MultipleChoiceQuestion, OpenTextQuestion, RatingQuestion } from "./surveys/components/QuestionTypes.mjs";
-import { SurveyContext, addSurveyCSSVariablesToElement, canActivateRepeatedly, clearAllInMemoryInProgressSurveyState, clearInProgressSurveyState, defaultSurveyAppearance, dismissedSurveyEvent, doesSurveyDeviceTypesMatch, doesSurveyMatchSelector, doesSurveyUrlMatch, getDisplayOrderQuestions, getInProgressSurveyState, getPopoverPosition, getQuestionOrder, getSurveyContainerClass, getSurveyResponseKey, getSurveySeen, getSurveyStylesheet, hasWaitPeriodPassed, isSurveyInProgress, retrieveSurveyShadow, sendSurveyAbandonedEvent, sendSurveyEvent, setInProgressSurveyState } from "./surveys/surveys-extension-utils.mjs";
+import { SurveyContext, addSurveyCSSVariablesToElement, canActivateRepeatedly, clearAllInMemoryInProgressSurveyState, clearInProgressSurveyState, defaultSurveyAppearance, dismissedSurveyEvent, doesSurveyDeviceTypesMatch, doesSurveyMatchSelector, doesSurveyUrlMatch, getDisplayOrderQuestions, getInProgressSurveyState, getPopoverPosition, getQuestionOrder, getSurveyContainerClass, getSurveyResponseKey, getSurveySeen, getSurveyStylesheet, getTabWidgetPopupOverrides, hasWaitPeriodPassed, isSurveyInProgress, retrieveSurveyShadow, sendSurveyAbandonedEvent, sendSurveyEvent, setInProgressSurveyState } from "./surveys/surveys-extension-utils.mjs";
 import { calculatePrefillStartIndex, convertPrefillToResponses, extractPrefillParamsFromUrl } from "./surveys/survey-url-prefill.mjs";
 import { getNextSurveyStep } from "./surveys/survey-branching.mjs";
 import { applySurveyTranslationForUser } from "./surveys/survey-translations.mjs";
@@ -1121,10 +1121,7 @@ function FeedbackWidget({ survey, forceDisableHtml, posthog, readOnly, surveyLan
     useEffect(()=>{
         if (!posthog) return void SURVEY_LOGGER.error('FeedbackWidget called without a PostHog instance.');
         if (readOnly) return;
-        if (survey.appearance?.widgetType === 'tab') setStyleOverrides({
-            top: '50%',
-            bottom: 'auto'
-        });
+        if (survey.appearance?.widgetType === 'tab') setStyleOverrides(getTabWidgetPopupOverrides(survey.appearance?.position));
         const handleShowSurvey = (event)=>{
             const customEvent = event;
             if (customEvent.detail?.surveyId === survey.id) {
@@ -1146,6 +1143,7 @@ function FeedbackWidget({ survey, forceDisableHtml, posthog, readOnly, surveyLan
         readOnly,
         survey.id,
         survey.appearance?.widgetType,
+        survey.appearance?.position,
         survey.appearance?.widgetSelector,
         survey.appearance?.borderColor
     ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posthog/browser-common",
-  "version": "0.10.3",
+  "version": "0.10.5",
   "description": "Internal shared browser utilities and extension primitives for PostHog Browser SDKs",
   "license": "MIT",
   "repository": {
@@ -241,7 +241,7 @@
   "dependencies": {
     "dompurify": "^3.4.13",
     "preact": "^10.29.3",
-    "@posthog/core": "^1.62.0",
+    "@posthog/core": "^1.63.1",
     "@posthog/types": "^1.419.0"
   },
   "devDependencies": {