@funnelsgrove/runtime 0.1.33 → 0.1.35

package/dist/config/funnel.experiments.types.d.ts

@@ -1,23 +1,48 @@
 import type { FunnelManifestExperiment } from './funnel.manifest.types.js';
-export type FunnelExperimentDefinition = {
+export type FunnelExperimentStatus = 'draft' | 'running' | 'paused' | 'stopped';
+export type FunnelRouteExperimentType = 'paywall' | 'step';
+type FunnelExperimentBase = {
     id: string;
     name: string;
-    type: 'paywall' | 'step';
-    status?: 'running' | 'paused' | 'stopped';
+    status?: FunnelExperimentStatus;
     launchDate: string;
+};
+export type FunnelRouteExperimentDefinition = FunnelExperimentBase & {
+    type: FunnelRouteExperimentType;
+    stepId?: string;
     control: {
+        variantKey?: string;
         stepId: string;
         label?: string;
         trafficPercent: number;
     };
     variant: {
+        variantKey?: string;
         stepId: string;
         label?: string;
         trafficPercent: number;
     };
 };
-export type PaywallExperimentDefinition = FunnelExperimentDefinition & {
+export type FunnelPricingExperimentDefinition = FunnelExperimentBase & {
+    type: 'pricing';
+    paywallStepId: string;
+    control: {
+        variantKey?: string;
+        offerSetKey: string;
+        label?: string;
+        trafficPercent: number;
+    };
+    variant: {
+        variantKey?: string;
+        offerSetKey: string;
+        label?: string;
+        trafficPercent: number;
+    };
+};
+export type FunnelExperimentDefinition = FunnelRouteExperimentDefinition | FunnelPricingExperimentDefinition;
+export type PaywallExperimentDefinition = FunnelRouteExperimentDefinition & {
     type: 'paywall';
 };
 export declare const defineFunnelExperiments: <const T extends readonly FunnelExperimentDefinition[]>(experiments: T) => T;
 export declare const toManifestExperiments: (experiments: readonly FunnelExperimentDefinition[]) => FunnelManifestExperiment[];
+export {};

package/dist/config/funnel.experiments.types.js

@@ -11,9 +11,15 @@ export const toManifestExperiments = (experiments) => experiments
     .filter((experiment) => { var _a; return ((_a = experiment.status) !== null && _a !== void 0 ? _a : 'running') === 'running'; })
     .map((experiment) => ({
     experimentId: experiment.id,
-    stepId: experiment.control.stepId,
+    stepId: experiment.type === 'pricing'
+        ? experiment.paywallStepId
+        : experiment.stepId || experiment.control.stepId,
     variants: [
-        Object.assign(Object.assign({ variantKey: 'control' }, (experiment.control.label ? { label: experiment.control.label } : {})), { trafficPercent: experiment.control.trafficPercent, routeToStepId: experiment.control.stepId }),
-        Object.assign(Object.assign({ variantKey: 'variant_b' }, (experiment.variant.label ? { label: experiment.variant.label } : {})), { trafficPercent: experiment.variant.trafficPercent, routeToStepId: experiment.variant.stepId }),
+        Object.assign(Object.assign({ variantKey: experiment.control.variantKey || 'control' }, (experiment.control.label ? { label: experiment.control.label } : {})), { trafficPercent: experiment.control.trafficPercent, routeToStepId: experiment.type === 'pricing'
+                ? experiment.paywallStepId
+                : experiment.control.stepId }),
+        Object.assign(Object.assign({ variantKey: experiment.variant.variantKey || 'variant_b' }, (experiment.variant.label ? { label: experiment.variant.label } : {})), { trafficPercent: experiment.variant.trafficPercent, routeToStepId: experiment.type === 'pricing'
+                ? experiment.paywallStepId
+                : experiment.variant.stepId }),
     ],
 }));

package/dist/runtime/posthog-flags.js

@@ -2,6 +2,7 @@ import posthog from 'posthog-js';
 let initialized = false;
 let readyPromise = null;
 export const POSTHOG_FEATURE_FLAG_READY_TIMEOUT_MS = 2500;
+const STORED_PERSON_PROPERTIES_KEY = '$stored_person_properties';
 const buildFlagScopeProperties = (config) => {
     var _a, _b;
     const properties = {};
@@ -15,6 +16,42 @@ const buildFlagScopeProperties = (config) => {
     }
     return properties;
 };
+const parseStorageObject = (value) => {
+    if (!value) {
+        return {};
+    }
+    try {
+        const parsed = JSON.parse(value);
+        return parsed && typeof parsed === 'object' && !Array.isArray(parsed)
+            ? parsed
+            : {};
+    }
+    catch (_a) {
+        return {};
+    }
+};
+const toPostHogPersistenceKey = (apiKey) => {
+    const token = apiKey.replace(/\+/g, 'PL').replace(/\//g, 'SL').replace(/=/g, 'EQ');
+    return `ph_${token}_posthog`;
+};
+const primePostHogFlagScopePersistence = (apiKey, scopeProperties) => {
+    var _a;
+    if (Object.keys(scopeProperties).length === 0 || typeof window === 'undefined') {
+        return;
+    }
+    try {
+        const storage = window.localStorage;
+        const persistenceKey = toPostHogPersistenceKey(apiKey);
+        const stored = parseStorageObject(storage.getItem(persistenceKey));
+        const currentPersonProperties = parseStorageObject(typeof stored[STORED_PERSON_PROPERTIES_KEY] === 'string'
+            ? stored[STORED_PERSON_PROPERTIES_KEY]
+            : JSON.stringify((_a = stored[STORED_PERSON_PROPERTIES_KEY]) !== null && _a !== void 0 ? _a : {}));
+        storage.setItem(persistenceKey, JSON.stringify(Object.assign(Object.assign({}, stored), { [STORED_PERSON_PROPERTIES_KEY]: Object.assign(Object.assign({}, currentPersonProperties), scopeProperties) })));
+    }
+    catch (_b) {
+        // PostHog can still initialize without persistence priming when storage is unavailable.
+    }
+};
 export const bootstrapPostHog = (config) => {
     if (readyPromise) {
         return readyPromise;
@@ -36,6 +73,8 @@ export const bootstrapPostHog = (config) => {
             resolve();
         };
         readyTimeoutId = setTimeout(markReady, POSTHOG_FEATURE_FLAG_READY_TIMEOUT_MS);
+        const scopeProperties = buildFlagScopeProperties(config);
+        primePostHogFlagScopePersistence(config.apiKey, scopeProperties);
         posthog.init(config.apiKey, {
             api_host: config.apiHost,
             persistence: 'localStorage+cookie',
@@ -43,15 +82,15 @@ export const bootstrapPostHog = (config) => {
             advanced_disable_feature_flags_on_first_load: true,
             bootstrap: { distinctID: config.distinctId },
             loaded: () => {
-                const scopeProperties = buildFlagScopeProperties(config);
-                if (Object.keys(scopeProperties).length > 0) {
-                    posthog.setPersonPropertiesForFlags(scopeProperties, false);
-                }
                 let unsubscribe = null;
                 unsubscribe = posthog.onFeatureFlags(() => {
                     unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
                     markReady();
                 });
+                if (Object.keys(scopeProperties).length > 0) {
+                    posthog.setPersonPropertiesForFlags(scopeProperties, true);
+                    return;
+                }
                 posthog.reloadFeatureFlags();
             },
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/runtime",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "type": "module",
   "private": false,
   "main": "./dist/index.js",