@xylabs/sdk-react 2.12.8 → 2.12.9

package/dist/esm/common/ExperimentsHelper.d.ts

@@ -0,0 +1,18 @@
+import { Log } from '@xylabs/sdk-js';
+import { ReactElement } from 'react';
+import { ExperimentProps, ExperimentsData, OutcomesData, VariantData } from '../components';
+declare const ExperimentsHelper: {
+    buildLocalStorageKey: (localStorageProp: boolean | string) => string;
+    calcTotalWeight: (variants: VariantData[]) => number;
+    calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[]) => VariantData | undefined;
+    getExperiment: (name: string) => import("../components").ExperimentData;
+    getSelectedVariant: (name: string) => VariantData | undefined;
+    loadOutcomes: () => OutcomesData;
+    makeChildrenArray: (children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>) => ReactElement<ExperimentProps, string | import("react").JSXElementConstructor<any>>[];
+    mergeData: (data: {
+        [index: string]: string;
+    }, log?: Log | undefined) => string;
+    saveExperimentRanges: (name: string, totalWeight: number, variants: VariantData[]) => ExperimentsData;
+    saveOutcomes: () => void;
+};
+export { ExperimentsHelper };

package/dist/esm/common/ExperimentsHelper.js

@@ -0,0 +1,97 @@
+import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey } from '../components';
+import { getLocalStorageObject, setLocalStorageObject } from '../lib';
+const defaultLocalStorageKey = 'testData';
+const experimentsTestData = {};
+let outcomes = {}; //prevent multi-outcome
+// TODO - some expire logic around experiments
+const ExperimentsHelper = {
+    buildLocalStorageKey: (localStorageProp) => {
+        return localStorageProp === true ? defaultLocalStorageKey : typeof localStorageProp === 'string' ? localStorageProp ?? defaultLocalStorageKey : '';
+    },
+    calcTotalWeight: (variants) => {
+        return variants.reduce((sum, variant) => {
+            return sum + variant.weight;
+        }, 0);
+    },
+    calculateExperiment: (name, localStorageProp, variants) => {
+        //TODO - user events, it needs to be in the hook, all other compatibility should
+        ExperimentsHelper.loadOutcomes();
+        const localStorageKey = ExperimentsHelper.buildLocalStorageKey(localStorageProp);
+        const totalWeight = ExperimentsHelper.calcTotalWeight(variants);
+        ExperimentsHelper.saveExperimentRanges(name, totalWeight, variants);
+        const firstTime = name in outcomes;
+        let targetWeight = outcomes[name] ?? Math.random() * totalWeight;
+        outcomes[name] = targetWeight;
+        ExperimentsHelper.saveOutcomes();
+        for (const variant of variants) {
+            targetWeight -= variant.weight;
+            if (targetWeight > 0)
+                continue;
+            if (!variant.name) {
+                throw new Error('Experiment Elements must have Keys');
+            }
+            experimentsTestData[name] = variant.name;
+            if (firstTime) {
+                localStorage.setItem(localStorageKey, ExperimentsHelper.mergeData(experimentsTestData));
+            }
+            // if (userEvents) {
+            //   forget(userEvents.testStarted({ name, variation: variant.name }))
+            // }
+            return variant;
+        }
+    },
+    getExperiment: (name) => {
+        ExperimentsHelper.loadOutcomes();
+        const experiments = getLocalStorageObject(ExperimentsLocalStorageKey) || {};
+        return experiments[name];
+    },
+    getSelectedVariant: (name) => {
+        const outcomes = ExperimentsHelper.loadOutcomes();
+        const experiment = ExperimentsHelper.getExperiment(name);
+        let total = 0;
+        if (experiment && outcomes) {
+            const targetWeight = outcomes[name];
+            for (let i = 0; i < experiment.variants.length; i++) {
+                const variant = experiment.variants[i];
+                total += variant.weight;
+                if (total >= targetWeight) {
+                    return variant;
+                }
+            }
+        }
+    },
+    loadOutcomes: () => {
+        outcomes = getLocalStorageObject(OutcomesLocalStorageKey);
+        return outcomes;
+    },
+    makeChildrenArray: (children) => {
+        if (Array.isArray(children)) {
+            return children;
+        }
+        else {
+            return [children];
+        }
+    },
+    mergeData: (data, log) => {
+        const dataArray = [];
+        for (const key in data) {
+            dataArray.push(`${key}-${data[key]}`);
+        }
+        log?.info('MergeData', dataArray.join('|'));
+        return dataArray.join('|');
+    },
+    saveExperimentRanges: (name, totalWeight, variants) => {
+        const experiments = getLocalStorageObject(ExperimentsLocalStorageKey) || {};
+        experiments[name] = {
+            totalWeight,
+            variants,
+        };
+        setLocalStorageObject(ExperimentsLocalStorageKey, experiments);
+        return experiments;
+    },
+    saveOutcomes: () => {
+        setLocalStorageObject(OutcomesLocalStorageKey, outcomes);
+    },
+};
+export { ExperimentsHelper };
+//# sourceMappingURL=ExperimentsHelper.js.map

package/dist/esm/common/ExperimentsHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentsHelper.js","sourceRoot":"","sources":["../../../src/common/ExperimentsHelper.ts"],"names":[],"mappings":"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"}

package/dist/esm/common/index.d.ts

@@ -0,0 +1 @@
+export * from './ExperimentsHelper';

package/dist/esm/common/index.js

@@ -0,0 +1,2 @@
+export * from './ExperimentsHelper';
+//# sourceMappingURL=index.js.map

package/dist/esm/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/esm/components/Experiments/index.d.ts

@@ -2,3 +2,4 @@ export * from './Experiment';
 export * from './Experiments';
 export * from './ExperimentsDebugger';
 export * from './ExperimentsProps';
+export * from './models';

package/dist/esm/components/Experiments/index.js

@@ -2,4 +2,5 @@ export * from './Experiment';
 export * from './Experiments';
 export * from './ExperimentsDebugger';
 export * from './ExperimentsProps';
+export * from './models';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Experiments/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Experiments/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Experiments/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA"}

package/dist/esm/hooks/useExperiment.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { VariantData } from '../components';
+declare const selectVariantForExperiment: (name: string, variants: Record<string, ReactNode>, defaultNode: ReactNode) => ReactNode;
+declare const useExperiments: (name: string, experiments: VariantData[]) => {
+    experimentName: string;
+    selectVariant: (variants: Record<string, ReactNode>, defaultNode: ReactNode) => ReactNode;
+};
+export { selectVariantForExperiment, useExperiments };

package/dist/esm/hooks/useExperiment.js

@@ -0,0 +1,24 @@
+import { useState } from 'react';
+import { ExperimentsHelper } from '../common';
+const selectVariant = (current) => (variants, defaultNode) => {
+    if (current && current in variants) {
+        return variants[current];
+    }
+    return defaultNode;
+};
+const selectVariantForExperiment = (name, variants, defaultNode) => {
+    const variant = ExperimentsHelper.getSelectedVariant(name);
+    if (variants[variant?.name ?? '']) {
+        return variants[variant?.name ?? ''];
+    }
+    return defaultNode;
+};
+const useExperiments = (name, experiments) => {
+    const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments));
+    return {
+        experimentName: name,
+        selectVariant: selectVariant(activeExperiment?.name),
+    };
+};
+export { selectVariantForExperiment, useExperiments };
+//# sourceMappingURL=useExperiment.js.map

package/dist/esm/hooks/useExperiment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExperiment.js","sourceRoot":"","sources":["../../../src/hooks/useExperiment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAG7C,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,CAAC,QAAmC,EAAE,WAAsB,EAAE,EAAE;IAC1G,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,EAAE;QAClC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAA;KACzB;IACD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAE,QAAmC,EAAE,WAAsB,EAAE,EAAE;IAC/G,MAAM,OAAO,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAC1D,IAAI,QAAQ,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,EAAE;QACjC,OAAO,QAAQ,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,CAAA;KACrC;IACD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,WAA0B,EAAE,EAAE;IAClE,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAEnG,OAAO;QACL,cAAc,EAAE,IAAI;QACpB,aAAa,EAAE,aAAa,CAAC,gBAAgB,EAAE,IAAI,CAAC;KACrD,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/lib/Tracking/Drip/BaseEvent.js

@@ -12,6 +12,7 @@ export class DripBaseEvent {
             payload.push(this.param);
         }
         payload.push(data);
+        console.log('sdk-react', payload);
         this.dcq.push(payload);
         await delay(0);
     }

package/dist/esm/lib/Tracking/Drip/BaseEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEvent.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Drip/BaseEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAItC,MAAM,OAAO,aAAa;IAKxB,YAAY,IAAY,EAAE,KAAc;QACtC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAA;QACxB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAA;IAC1B,CAAC;IAEM,KAAK,CAAC,IAAI,CAAC,IAAO;QACvB,MAAM,OAAO,GAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3C,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SACzB;QACD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACtB,MAAM,KAAK,CAAC,CAAC,CAAC,CAAA;IAChB,CAAC;IAEO,MAAM;QACZ,8DAA8D;QAC9D,MAAM,MAAM,GAAG,MAAa,CAAA;QAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAChB,MAAM,KAAK,CAAC,eAAe,CAAC,CAAA;SAC7B;QACD,OAAO,MAAM,CAAC,IAAsB,CAAA;IACtC,CAAC;IAEO,MAAM;QACZ,8DAA8D;QAC9D,MAAM,MAAM,GAAG,MAAa,CAAA;QAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAChB,MAAM,KAAK,CAAC,eAAe,CAAC,CAAA;SAC7B;QACD,OAAO,MAAM,CAAC,IAAsB,CAAA;IACtC,CAAC;CACF"}
+{"version":3,"file":"BaseEvent.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Drip/BaseEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAItC,MAAM,OAAO,aAAa;IAKxB,YAAY,IAAY,EAAE,KAAc;QACtC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAA;QACxB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAA;IAC1B,CAAC;IAEM,KAAK,CAAC,IAAI,CAAC,IAAO;QACvB,MAAM,OAAO,GAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3C,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SACzB;QACD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAClB,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACtB,MAAM,KAAK,CAAC,CAAC,CAAC,CAAA;IAChB,CAAC;IAEO,MAAM;QACZ,8DAA8D;QAC9D,MAAM,MAAM,GAAG,MAAa,CAAA;QAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAChB,MAAM,KAAK,CAAC,eAAe,CAAC,CAAA;SAC7B;QACD,OAAO,MAAM,CAAC,IAAsB,CAAA;IACtC,CAAC;IAEO,MAAM;QACZ,8DAA8D;QAC9D,MAAM,MAAM,GAAG,MAAa,CAAA;QAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAChB,MAAM,KAAK,CAAC,eAAe,CAAC,CAAA;SAC7B;QACD,OAAO,MAAM,CAAC,IAAsB,CAAA;IACtC,CAAC;CACF"}

package/dist/esm/lib/Tracking/Tapjoy/StandardEvents.d.ts

@@ -1,5 +1,5 @@
 import { TapjoyStandardEvent } from './StandardEvent';
 declare class TapjoyStandardEvents<T extends Record<string, unknown>> {
-    purchase(): TapjoyStandardEvent<T>;
+    accountCreated(): TapjoyStandardEvent<T>;
 }
 export { TapjoyStandardEvents };

package/dist/esm/lib/Tracking/Tapjoy/StandardEvents.js

@@ -1,7 +1,7 @@
 import { TapjoyStandardEvent } from './StandardEvent';
 class TapjoyStandardEvents {
-    purchase() {
-        return new TapjoyStandardEvent('Purchase');
+    accountCreated() {
+        return new TapjoyStandardEvent('Conversion');
     }
 }
 export { TapjoyStandardEvents };

package/dist/esm/lib/Tracking/Tapjoy/StandardEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardEvents.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Tapjoy/StandardEvents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,oBAAoB;IACjB,QAAQ;QACb,OAAO,IAAI,mBAAmB,CAAI,UAAU,CAAC,CAAA;IAC/C,CAAC;CACF;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"StandardEvents.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Tapjoy/StandardEvents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,oBAAoB;IACjB,cAAc;QACnB,OAAO,IAAI,mBAAmB,CAAI,YAAY,CAAC,CAAA;IACjD,CAAC;CACF;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

package/package.json

@@ -126,6 +126,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.12.8",
+  "version": "2.12.9",
   "packageManager": "yarn@3.1.1"
 }

package/src/common/ExperimentsHelper.ts

@@ -0,0 +1,109 @@
+import { Log } from '@xylabs/sdk-js'
+import { ReactElement } from 'react'
+
+import { ExperimentProps, ExperimentsData, ExperimentsLocalStorageKey, OutcomesData, OutcomesLocalStorageKey, VariantData } from '../components'
+import { getLocalStorageObject, setLocalStorageObject } from '../lib'
+
+const defaultLocalStorageKey = 'testData'
+const experimentsTestData: { [index: string]: string } = {}
+let outcomes: OutcomesData = {} //prevent multi-outcome
+
+// TODO - some expire logic around experiments
+const ExperimentsHelper = {
+  buildLocalStorageKey: (localStorageProp: boolean | string) => {
+    return localStorageProp === true ? defaultLocalStorageKey : typeof localStorageProp === 'string' ? localStorageProp ?? defaultLocalStorageKey : ''
+  },
+
+  calcTotalWeight: (variants: VariantData[]) => {
+    return variants.reduce((sum, variant) => {
+      return sum + variant.weight
+    }, 0)
+  },
+
+  calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[]) => {
+    //TODO - user events, it needs to be in the hook, all other compatibility should
+    ExperimentsHelper.loadOutcomes()
+    const localStorageKey = ExperimentsHelper.buildLocalStorageKey(localStorageProp)
+    const totalWeight = ExperimentsHelper.calcTotalWeight(variants)
+    ExperimentsHelper.saveExperimentRanges(name, totalWeight, variants)
+    const firstTime = name in outcomes
+    let targetWeight = outcomes[name] ?? Math.random() * totalWeight
+    outcomes[name] = targetWeight
+    ExperimentsHelper.saveOutcomes()
+    for (const variant of variants) {
+      targetWeight -= variant.weight
+      if (targetWeight > 0) continue
+      if (!variant.name) {
+        throw new Error('Experiment Elements must have Keys')
+      }
+      experimentsTestData[name] = variant.name
+      if (firstTime) {
+        localStorage.setItem(localStorageKey, ExperimentsHelper.mergeData(experimentsTestData))
+      }
+      // if (userEvents) {
+      //   forget(userEvents.testStarted({ name, variation: variant.name }))
+      // }
+      return variant
+    }
+  },
+
+  getExperiment: (name: string) => {
+    ExperimentsHelper.loadOutcomes()
+    const experiments = getLocalStorageObject<ExperimentsData>(ExperimentsLocalStorageKey) || {}
+    return experiments[name]
+  },
+
+  getSelectedVariant: (name: string) => {
+    const outcomes = ExperimentsHelper.loadOutcomes()
+    const experiment = ExperimentsHelper.getExperiment(name)
+    let total = 0
+    if (experiment && outcomes) {
+      const targetWeight = outcomes[name]
+      for (let i = 0; i < experiment.variants.length; i++) {
+        const variant = experiment.variants[i]
+        total += variant.weight
+        if (total >= targetWeight) {
+          return variant
+        }
+      }
+    }
+  },
+
+  loadOutcomes: () => {
+    outcomes = getLocalStorageObject(OutcomesLocalStorageKey)
+    return outcomes
+  },
+
+  makeChildrenArray: (children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>) => {
+    if (Array.isArray(children)) {
+      return children as ReactElement<ExperimentProps>[]
+    } else {
+      return [children] as ReactElement<ExperimentProps>[]
+    }
+  },
+
+  mergeData: (data: { [index: string]: string }, log?: Log) => {
+    const dataArray: string[] = []
+    for (const key in data) {
+      dataArray.push(`${key}-${data[key]}`)
+    }
+    log?.info('MergeData', dataArray.join('|'))
+    return dataArray.join('|')
+  },
+
+  saveExperimentRanges: (name: string, totalWeight: number, variants: VariantData[]) => {
+    const experiments = getLocalStorageObject<ExperimentsData>(ExperimentsLocalStorageKey) || {}
+    experiments[name] = {
+      totalWeight,
+      variants,
+    }
+    setLocalStorageObject(ExperimentsLocalStorageKey, experiments)
+    return experiments
+  },
+
+  saveOutcomes: () => {
+    setLocalStorageObject(OutcomesLocalStorageKey, outcomes)
+  },
+}
+
+export { ExperimentsHelper }

package/src/common/index.ts

@@ -0,0 +1 @@
+export * from './ExperimentsHelper'

package/src/components/Experiments/index.tsx

@@ -2,3 +2,4 @@ export * from './Experiment'
 export * from './Experiments'
 export * from './ExperimentsDebugger'
 export * from './ExperimentsProps'
+export * from './models'

package/src/hooks/useExperiment.ts

@@ -0,0 +1,30 @@
+import { ReactNode, useState } from 'react'
+
+import { ExperimentsHelper } from '../common'
+import { VariantData } from '../components'
+
+const selectVariant = (current?: string) => (variants: Record<string, ReactNode>, defaultNode: ReactNode) => {
+  if (current && current in variants) {
+    return variants[current]
+  }
+  return defaultNode
+}
+
+const selectVariantForExperiment = (name: string, variants: Record<string, ReactNode>, defaultNode: ReactNode) => {
+  const variant = ExperimentsHelper.getSelectedVariant(name)
+  if (variants[variant?.name ?? '']) {
+    return variants[variant?.name ?? '']
+  }
+  return defaultNode
+}
+
+const useExperiments = (name: string, experiments: VariantData[]) => {
+  const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments))
+
+  return {
+    experimentName: name,
+    selectVariant: selectVariant(activeExperiment?.name),
+  }
+}
+
+export { selectVariantForExperiment, useExperiments }

package/src/hooks/useExperiments.stories.tsx

@@ -0,0 +1,43 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+
+import { selectVariantForExperiment, useExperiments } from './useExperiment'
+
+const View: React.FC = () => {
+  const { experimentName, selectVariant } = useExperiments('Storybook Test', [
+    { name: 'a/legacy', weight: 33 },
+    { name: 'b/testing', weight: 33 },
+    { name: 'c/testing', weight: 33 },
+  ])
+  const texts = { 'a/legacy': <p>a</p>, 'b/testing': <p>b</p>, 'c/testing': <p>c</p> }
+  const test0 = selectVariantForExperiment('Storybook Test Does not exists', texts, <p>DefaultNode</p>)
+  const test1 = selectVariant({ 'a/legacy': <p>a</p>, 'b/testing': <p>b</p>, 'c/testing': <p>c</p> }, <p>default node</p>)
+  const test2 = selectVariantForExperiment(experimentName, texts, <p>DefaultNode</p>)
+  return (
+    <div>
+      <div>{test0}</div>
+      <div>{test1}</div>
+      <div>{test2}</div>
+    </div>
+  )
+}
+
+const StorybookEntry = {
+  argTypes: {},
+  component: View,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'Hooks/useExperiments',
+} as ComponentMeta<typeof View>
+
+const Template: ComponentStory<typeof View> = (args) => <View {...args} />
+
+const Default = Template.bind({})
+Default.args = {}
+
+export { Default }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/lib/Tracking/Drip/BaseEvent.ts

@@ -20,6 +20,7 @@ export class DripBaseEvent<T extends Record<string, unknown>> {
       payload.push(this.param)
     }
     payload.push(data)
+    console.log('sdk-react', payload)
     this.dcq.push(payload)
     await delay(0)
   }

package/src/lib/Tracking/Tapjoy/StandardEvents.ts

@@ -1,8 +1,8 @@
 import { TapjoyStandardEvent } from './StandardEvent'
 
 class TapjoyStandardEvents<T extends Record<string, unknown>> {
-  public purchase() {
-    return new TapjoyStandardEvent<T>('Purchase')
+  public accountCreated() {
+    return new TapjoyStandardEvent<T>('Conversion')
   }
 }