@posthog/browser-common 0.10.3 → 0.10.4

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.4";
 const Config = {
     DEBUG: false,
     LIB_VERSION: packageVersion,

package/dist/config.mjs

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

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.4",
   "description": "Internal shared browser utilities and extension primitives for PostHog Browser SDKs",
   "license": "MIT",
   "repository": {
@@ -241,8 +241,8 @@
   "dependencies": {
     "dompurify": "^3.4.13",
     "preact": "^10.29.3",
-    "@posthog/core": "^1.62.0",
-    "@posthog/types": "^1.419.0"
+    "@posthog/types": "^1.419.0",
+    "@posthog/core": "^1.62.1"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "^2.1.0",