@xylabs/sdk-react 2.12.8 → 2.12.11

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

@@ -0,0 +1,20 @@
+import { UserEventHandler } from '@xylabs/pixel';
+import { Log } from '@xylabs/sdk-js';
+import { ReactElement } from 'react';
+import { ExperimentProps, ExperimentsData, OutcomesData, VariantData } from '../components';
+import { UserEventsProps } from '../contexts';
+declare const ExperimentsHelper: {
+    buildLocalStorageKey: (localStorageProp: boolean | string) => string;
+    calcTotalWeight: (variants: VariantData[]) => number;
+    calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[], userEvents: UserEventHandler<UserEventsProps>) => 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,98 @@
+import { forget } from '@xylabs/sdk-js';
+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, userEvents) => {
+        //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,25 @@
+import { useState } from 'react';
+import { ExperimentsHelper } from '../common';
+import { useUserEvents } from './useUserEvents';
+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, useUserEvents()));
+    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;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,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,EAAE,aAAa,EAAE,CAAC,CAAC,CAAA;IAEpH,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/Facebook/CustomEvent.d.ts

@@ -1,5 +1,5 @@
 import { FacebookBaseEvent } from './BaseEvent';
 declare class FacebookCustomEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
-    send(data: T): Promise<void>;
+    send(data: T, eventId?: string): Promise<void>;
 }
 export { FacebookCustomEvent };

package/dist/esm/lib/Tracking/Facebook/CustomEvent.js

@@ -1,8 +1,8 @@
 import { delay } from '@xylabs/sdk-js';
 import { FacebookBaseEvent } from './BaseEvent';
 class FacebookCustomEvent extends FacebookBaseEvent {
-    async send(data) {
-        this.fbq.trackCustom(this.name, data);
+    async send(data, eventId) {
+        this.fbq.trackCustom(this.name, data, eventId);
         await delay(0); //force async to increase reporting odds
     }
 }

package/dist/esm/lib/Tracking/Facebook/CustomEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomEvent.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Facebook/CustomEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,mBAAuD,SAAQ,iBAAoB;IACvF,KAAK,CAAC,IAAI,CAAC,IAAO;QAChB,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;QACrC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAA,CAAC,wCAAwC;IACzD,CAAC;CACF;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"CustomEvent.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Facebook/CustomEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,mBAAuD,SAAQ,iBAAoB;IACvF,KAAK,CAAC,IAAI,CAAC,IAAO,EAAE,OAAgB;QAClC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;QAC9C,MAAM,KAAK,CAAC,CAAC,CAAC,CAAA,CAAC,wCAAwC;IACzD,CAAC;CACF;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/esm/lib/Tracking/Facebook/Fbq.d.ts

@@ -4,7 +4,7 @@ declare class Fbq {
     private constructor();
     static instance: Fbq;
     static init(pixelId: string): Fbq;
-    track(event: string, data: Record<string, unknown>): void;
-    trackCustom(event: string, data: Record<string, unknown>): void;
+    track(event: string, data: Record<string, unknown>, eventId?: string): void;
+    trackCustom(event: string, data: Record<string, unknown>, eventId?: string): void;
 }
 export { Fbq };

package/dist/esm/lib/Tracking/Facebook/Fbq.js

@@ -23,15 +23,15 @@ class Fbq {
         }
         return this.instance;
     }
-    track(event, data) {
+    track(event, data, eventId) {
         this.fbq('track', event, {
             ...data,
-        });
+        }, { eventId });
     }
-    trackCustom(event, data) {
+    trackCustom(event, data, eventId) {
         this.fbq('trackCustom', event, {
             ...data,
-        });
+        }, { eventId });
     }
 }
 export { Fbq };

package/dist/esm/lib/Tracking/Facebook/Fbq.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fbq.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Facebook/Fbq.ts"],"names":[],"mappings":"AAAA,MAAM,GAAG;IAKP,YAAoB,OAAe;QACjC,8DAA8D;QAC9D,MAAM,MAAM,GAAG,MAAa,CAAA;QAC5B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QAEtB,IAAI,CAAC,GAAG,GAAG;YACT,4DAA4D;YAC5D,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACvG,CAAC,CAAA;QAED,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAA;QACxB,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAA;QACtB,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;QACxB,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE,CAAA;QAEnB,0FAA0F;QAC1F,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAA;QACrB,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAA;QAEtB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QACzB,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IAC/B,CAAC;IAGM,MAAM,CAAC,IAAI,CAAC,OAAe;QAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAA;SACjC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAEM,KAAK,CAAC,KAAa,EAAE,IAA6B;QACvD,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE;YACvB,GAAG,IAAI;SACR,CAAC,CAAA;IACJ,CAAC;IAEM,WAAW,CAAC,KAAa,EAAE,IAA6B;QAC7D,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,EAAE;YAC7B,GAAG,IAAI;SACR,CAAC,CAAA;IACJ,CAAC;CACF;AAED,OAAO,EAAE,GAAG,EAAE,CAAA"}
+{"version":3,"file":"Fbq.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Facebook/Fbq.ts"],"names":[],"mappings":"AAAA,MAAM,GAAG;IAKP,YAAoB,OAAe;QACjC,8DAA8D;QAC9D,MAAM,MAAM,GAAG,MAAa,CAAA;QAC5B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QAEtB,IAAI,CAAC,GAAG,GAAG;YACT,4DAA4D;YAC5D,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACvG,CAAC,CAAA;QAED,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAA;QACxB,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAA;QACtB,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;QACxB,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE,CAAA;QAEnB,0FAA0F;QAC1F,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAA;QACrB,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAA;QAEtB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QACzB,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IAC/B,CAAC;IAGM,MAAM,CAAC,IAAI,CAAC,OAAe;QAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAA;SACjC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAEM,KAAK,CAAC,KAAa,EAAE,IAA6B,EAAE,OAAgB;QACzE,IAAI,CAAC,GAAG,CACN,OAAO,EACP,KAAK,EACL;YACE,GAAG,IAAI;SACR,EACD,EAAE,OAAO,EAAE,CACZ,CAAA;IACH,CAAC;IAEM,WAAW,CAAC,KAAa,EAAE,IAA6B,EAAE,OAAgB;QAC/E,IAAI,CAAC,GAAG,CACN,aAAa,EACb,KAAK,EACL;YACE,GAAG,IAAI;SACR,EACD,EAAE,OAAO,EAAE,CACZ,CAAA;IACH,CAAC;CACF;AAED,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/dist/esm/lib/Tracking/Facebook/StandardEvent.d.ts

@@ -1,5 +1,5 @@
 import { FacebookBaseEvent } from './BaseEvent';
 declare class FacebookStandardEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
-    send(data: T): Promise<void>;
+    send(data: T, eventId?: string): Promise<void>;
 }
 export { FacebookStandardEvent };

package/dist/esm/lib/Tracking/Facebook/StandardEvent.js

@@ -1,8 +1,8 @@
 import { delay } from '@xylabs/sdk-js';
 import { FacebookBaseEvent } from './BaseEvent';
 class FacebookStandardEvent extends FacebookBaseEvent {
-    async send(data) {
-        this.fbq.track(this.name, data);
+    async send(data, eventId) {
+        this.fbq.track(this.name, data, eventId);
         await delay(0); //force async to increase reporting odds
     }
 }

package/dist/esm/lib/Tracking/Facebook/StandardEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardEvent.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Facebook/StandardEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,qBAAyD,SAAQ,iBAAoB;IACzF,KAAK,CAAC,IAAI,CAAC,IAAO;QAChB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;QAC/B,MAAM,KAAK,CAAC,CAAC,CAAC,CAAA,CAAC,wCAAwC;IACzD,CAAC;CACF;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"StandardEvent.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Facebook/StandardEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,qBAAyD,SAAQ,iBAAoB;IACzF,KAAK,CAAC,IAAI,CAAC,IAAO,EAAE,OAAgB;QAClC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;QACxC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAA,CAAC,wCAAwC;IACzD,CAAC;CACF;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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/dist/esm/lib/Tracking/Xy/BaseEvent.d.ts

@@ -1,6 +1,6 @@
 declare class XyBaseEvent<T extends Record<string, unknown>> {
     private name;
     constructor(name: string);
-    send(fields: T): Promise<void>;
+    send(fields: T, eventId?: string): Promise<void>;
 }
 export { XyBaseEvent };

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

@@ -3,8 +3,8 @@ class XyBaseEvent {
     constructor(name) {
         this.name = name;
     }
-    async send(fields) {
-        await XyPixel.instance.send(this.name, fields);
+    async send(fields, eventId) {
+        await XyPixel.instance.send(this.name, fields, eventId);
     }
 }
 export { XyBaseEvent };

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

@@ -1 +1 @@
-{"version":3,"file":"BaseEvent.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Xy/BaseEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,WAAW;IAEf,YAAY,IAAY;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;IAClB,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,MAAS;QAClB,MAAM,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAChD,CAAC;CACF;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"BaseEvent.js","sourceRoot":"","sources":["../../../../../src/lib/Tracking/Xy/BaseEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,WAAW;IAEf,YAAY,IAAY;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;IAClB,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,MAAS,EAAE,OAAgB;QACpC,MAAM,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACzD,CAAC;CACF;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/package.json

@@ -17,7 +17,7 @@
     "@mui/icons-material": "^5.8.0",
     "@mui/material": "^5.8.1",
     "@mui/styles": "^5.8.0",
-    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/pixel": "^1.3.8",
     "@xylabs/sdk-js": "^2.5.5",
     "axios": "^0.27.2",
     "lodash": "^4.17.21",
@@ -126,6 +126,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.12.8",
+  "version": "2.12.11",
   "packageManager": "yarn@3.1.1"
 }

package/src/common/ExperimentsHelper.ts

@@ -0,0 +1,111 @@
+import { UserEventHandler } from '@xylabs/pixel'
+import { forget, Log } from '@xylabs/sdk-js'
+import { ReactElement } from 'react'
+
+import { ExperimentProps, ExperimentsData, ExperimentsLocalStorageKey, OutcomesData, OutcomesLocalStorageKey, VariantData } from '../components'
+import { UserEventsProps } from '../contexts'
+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[], userEvents: UserEventHandler<UserEventsProps>) => {
+    //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,31 @@
+import { ReactNode, useState } from 'react'
+
+import { ExperimentsHelper } from '../common'
+import { VariantData } from '../components'
+import { useUserEvents } from './useUserEvents'
+
+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, useUserEvents()))
+
+  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/Facebook/CustomEvent.ts

@@ -3,8 +3,8 @@ import { delay } from '@xylabs/sdk-js'
 import { FacebookBaseEvent } from './BaseEvent'
 
 class FacebookCustomEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
-  async send(data: T) {
-    this.fbq.trackCustom(this.name, data)
+  async send(data: T, eventId?: string) {
+    this.fbq.trackCustom(this.name, data, eventId)
     await delay(0) //force async to increase reporting odds
   }
 }

package/src/lib/Tracking/Facebook/Fbq.ts

@@ -34,16 +34,26 @@ class Fbq {
     return this.instance
   }
 
-  public track(event: string, data: Record<string, unknown>) {
-    this.fbq('track', event, {
-      ...data,
-    })
+  public track(event: string, data: Record<string, unknown>, eventId?: string) {
+    this.fbq(
+      'track',
+      event,
+      {
+        ...data,
+      },
+      { eventId }
+    )
   }
 
-  public trackCustom(event: string, data: Record<string, unknown>) {
-    this.fbq('trackCustom', event, {
-      ...data,
-    })
+  public trackCustom(event: string, data: Record<string, unknown>, eventId?: string) {
+    this.fbq(
+      'trackCustom',
+      event,
+      {
+        ...data,
+      },
+      { eventId }
+    )
   }
 }