@xylabs/sdk-react 2.12.9 → 2.12.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/common/ExperimentsHelper.d.ts +3 -1
- package/dist/cjs/common/ExperimentsHelper.js +5 -4
- package/dist/cjs/common/ExperimentsHelper.js.map +1 -1
- package/dist/cjs/hooks/useExperiment.js +2 -1
- package/dist/cjs/hooks/useExperiment.js.map +1 -1
- package/dist/cjs/lib/Tracking/Facebook/CustomEvent.d.ts +1 -1
- package/dist/cjs/lib/Tracking/Facebook/CustomEvent.js +2 -2
- package/dist/cjs/lib/Tracking/Facebook/CustomEvent.js.map +1 -1
- package/dist/cjs/lib/Tracking/Facebook/Fbq.d.ts +2 -2
- package/dist/cjs/lib/Tracking/Facebook/Fbq.js +4 -4
- package/dist/cjs/lib/Tracking/Facebook/Fbq.js.map +1 -1
- package/dist/cjs/lib/Tracking/Facebook/StandardEvent.d.ts +1 -1
- package/dist/cjs/lib/Tracking/Facebook/StandardEvent.js +2 -2
- package/dist/cjs/lib/Tracking/Facebook/StandardEvent.js.map +1 -1
- package/dist/cjs/lib/Tracking/Xy/BaseEvent.d.ts +1 -1
- package/dist/cjs/lib/Tracking/Xy/BaseEvent.js +2 -2
- package/dist/cjs/lib/Tracking/Xy/BaseEvent.js.map +1 -1
- package/dist/docs.json +2119 -2041
- package/dist/esm/common/ExperimentsHelper.d.ts +3 -1
- package/dist/esm/common/ExperimentsHelper.js +5 -4
- package/dist/esm/common/ExperimentsHelper.js.map +1 -1
- package/dist/esm/hooks/useExperiment.js +2 -1
- package/dist/esm/hooks/useExperiment.js.map +1 -1
- package/dist/esm/lib/Tracking/Facebook/CustomEvent.d.ts +1 -1
- package/dist/esm/lib/Tracking/Facebook/CustomEvent.js +2 -2
- package/dist/esm/lib/Tracking/Facebook/CustomEvent.js.map +1 -1
- package/dist/esm/lib/Tracking/Facebook/Fbq.d.ts +2 -2
- package/dist/esm/lib/Tracking/Facebook/Fbq.js +4 -4
- package/dist/esm/lib/Tracking/Facebook/Fbq.js.map +1 -1
- package/dist/esm/lib/Tracking/Facebook/StandardEvent.d.ts +1 -1
- package/dist/esm/lib/Tracking/Facebook/StandardEvent.js +2 -2
- package/dist/esm/lib/Tracking/Facebook/StandardEvent.js.map +1 -1
- package/dist/esm/lib/Tracking/Xy/BaseEvent.d.ts +1 -1
- package/dist/esm/lib/Tracking/Xy/BaseEvent.js +2 -2
- package/dist/esm/lib/Tracking/Xy/BaseEvent.js.map +1 -1
- package/package.json +2 -2
- package/src/common/ExperimentsHelper.ts +7 -5
- package/src/hooks/useExperiment.ts +2 -1
- package/src/lib/Tracking/Facebook/CustomEvent.ts +2 -2
- package/src/lib/Tracking/Facebook/Fbq.ts +18 -8
- package/src/lib/Tracking/Facebook/StandardEvent.ts +2 -2
- package/src/lib/Tracking/Xy/BaseEvent.ts +2 -2
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
import { UserEventHandler } from '@xylabs/pixel';
|
|
1
2
|
import { Log } from '@xylabs/sdk-js';
|
|
2
3
|
import { ReactElement } from 'react';
|
|
3
4
|
import { ExperimentProps, ExperimentsData, OutcomesData, VariantData } from '../components';
|
|
5
|
+
import { UserEventsProps } from '../contexts';
|
|
4
6
|
declare const ExperimentsHelper: {
|
|
5
7
|
buildLocalStorageKey: (localStorageProp: boolean | string) => string;
|
|
6
8
|
calcTotalWeight: (variants: VariantData[]) => number;
|
|
7
|
-
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[]) => VariantData | undefined;
|
|
9
|
+
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[], userEvents: UserEventHandler<UserEventsProps>) => VariantData | undefined;
|
|
8
10
|
getExperiment: (name: string) => import("../components").ExperimentData;
|
|
9
11
|
getSelectedVariant: (name: string) => VariantData | undefined;
|
|
10
12
|
loadOutcomes: () => OutcomesData;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { forget } from '@xylabs/sdk-js';
|
|
1
2
|
import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey } from '../components';
|
|
2
3
|
import { getLocalStorageObject, setLocalStorageObject } from '../lib';
|
|
3
4
|
const defaultLocalStorageKey = 'testData';
|
|
@@ -13,7 +14,7 @@ const ExperimentsHelper = {
|
|
|
13
14
|
return sum + variant.weight;
|
|
14
15
|
}, 0);
|
|
15
16
|
},
|
|
16
|
-
calculateExperiment: (name, localStorageProp, variants) => {
|
|
17
|
+
calculateExperiment: (name, localStorageProp, variants, userEvents) => {
|
|
17
18
|
//TODO - user events, it needs to be in the hook, all other compatibility should
|
|
18
19
|
ExperimentsHelper.loadOutcomes();
|
|
19
20
|
const localStorageKey = ExperimentsHelper.buildLocalStorageKey(localStorageProp);
|
|
@@ -34,9 +35,9 @@ const ExperimentsHelper = {
|
|
|
34
35
|
if (firstTime) {
|
|
35
36
|
localStorage.setItem(localStorageKey, ExperimentsHelper.mergeData(experimentsTestData));
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
if (userEvents) {
|
|
39
|
+
forget(userEvents.testStarted({ name, variation: variant.name }));
|
|
40
|
+
}
|
|
40
41
|
return variant;
|
|
41
42
|
}
|
|
42
43
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExperimentsHelper.js","sourceRoot":"","sources":["../../../src/common/ExperimentsHelper.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ExperimentsHelper.js","sourceRoot":"","sources":["../../../src/common/ExperimentsHelper.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { ExperimentsHelper } from '../common';
|
|
3
|
+
import { useUserEvents } from './useUserEvents';
|
|
3
4
|
const selectVariant = (current) => (variants, defaultNode) => {
|
|
4
5
|
if (current && current in variants) {
|
|
5
6
|
return variants[current];
|
|
@@ -14,7 +15,7 @@ const selectVariantForExperiment = (name, variants, defaultNode) => {
|
|
|
14
15
|
return defaultNode;
|
|
15
16
|
};
|
|
16
17
|
const useExperiments = (name, experiments) => {
|
|
17
|
-
const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments));
|
|
18
|
+
const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments, useUserEvents()));
|
|
18
19
|
return {
|
|
19
20
|
experimentName: name,
|
|
20
21
|
selectVariant: selectVariant(activeExperiment?.name),
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FacebookBaseEvent } from './BaseEvent';
|
|
2
2
|
declare class FacebookCustomEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
|
|
3
|
-
send(data: T): Promise<void>;
|
|
3
|
+
send(data: T, eventId?: string): Promise<void>;
|
|
4
4
|
}
|
|
5
5
|
export { FacebookCustomEvent };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { delay } from '@xylabs/sdk-js';
|
|
2
2
|
import { FacebookBaseEvent } from './BaseEvent';
|
|
3
3
|
class FacebookCustomEvent extends FacebookBaseEvent {
|
|
4
|
-
async send(data) {
|
|
5
|
-
this.fbq.trackCustom(this.name, data);
|
|
4
|
+
async send(data, eventId) {
|
|
5
|
+
this.fbq.trackCustom(this.name, data, eventId);
|
|
6
6
|
await delay(0); //force async to increase reporting odds
|
|
7
7
|
}
|
|
8
8
|
}
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -4,7 +4,7 @@ declare class Fbq {
|
|
|
4
4
|
private constructor();
|
|
5
5
|
static instance: Fbq;
|
|
6
6
|
static init(pixelId: string): Fbq;
|
|
7
|
-
track(event: string, data: Record<string, unknown
|
|
8
|
-
trackCustom(event: string, data: Record<string, unknown
|
|
7
|
+
track(event: string, data: Record<string, unknown>, eventId?: string): void;
|
|
8
|
+
trackCustom(event: string, data: Record<string, unknown>, eventId?: string): void;
|
|
9
9
|
}
|
|
10
10
|
export { Fbq };
|
|
@@ -23,15 +23,15 @@ class Fbq {
|
|
|
23
23
|
}
|
|
24
24
|
return this.instance;
|
|
25
25
|
}
|
|
26
|
-
track(event, data) {
|
|
26
|
+
track(event, data, eventId) {
|
|
27
27
|
this.fbq('track', event, {
|
|
28
28
|
...data,
|
|
29
|
-
});
|
|
29
|
+
}, { eventId });
|
|
30
30
|
}
|
|
31
|
-
trackCustom(event, data) {
|
|
31
|
+
trackCustom(event, data, eventId) {
|
|
32
32
|
this.fbq('trackCustom', event, {
|
|
33
33
|
...data,
|
|
34
|
-
});
|
|
34
|
+
}, { eventId });
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
export { Fbq };
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FacebookBaseEvent } from './BaseEvent';
|
|
2
2
|
declare class FacebookStandardEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
|
|
3
|
-
send(data: T): Promise<void>;
|
|
3
|
+
send(data: T, eventId?: string): Promise<void>;
|
|
4
4
|
}
|
|
5
5
|
export { FacebookStandardEvent };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { delay } from '@xylabs/sdk-js';
|
|
2
2
|
import { FacebookBaseEvent } from './BaseEvent';
|
|
3
3
|
class FacebookStandardEvent extends FacebookBaseEvent {
|
|
4
|
-
async send(data) {
|
|
5
|
-
this.fbq.track(this.name, data);
|
|
4
|
+
async send(data, eventId) {
|
|
5
|
+
this.fbq.track(this.name, data, eventId);
|
|
6
6
|
await delay(0); //force async to increase reporting odds
|
|
7
7
|
}
|
|
8
8
|
}
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -3,8 +3,8 @@ class XyBaseEvent {
|
|
|
3
3
|
constructor(name) {
|
|
4
4
|
this.name = name;
|
|
5
5
|
}
|
|
6
|
-
async send(fields) {
|
|
7
|
-
await XyPixel.instance.send(this.name, fields);
|
|
6
|
+
async send(fields, eventId) {
|
|
7
|
+
await XyPixel.instance.send(this.name, fields, eventId);
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
export { XyBaseEvent };
|
|
@@ -1 +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;
|
|
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,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
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"@mui/icons-material": "^5.8.0",
|
|
18
18
|
"@mui/material": "^5.8.1",
|
|
19
19
|
"@mui/styles": "^5.8.0",
|
|
20
|
-
"@xylabs/pixel": "^1.3.
|
|
20
|
+
"@xylabs/pixel": "^1.3.9",
|
|
21
21
|
"@xylabs/sdk-js": "^2.5.5",
|
|
22
22
|
"axios": "^0.27.2",
|
|
23
23
|
"lodash": "^4.17.21",
|
|
@@ -126,6 +126,6 @@
|
|
|
126
126
|
},
|
|
127
127
|
"sideEffects": false,
|
|
128
128
|
"types": "dist/esm/index.d.ts",
|
|
129
|
-
"version": "2.12.
|
|
129
|
+
"version": "2.12.12",
|
|
130
130
|
"packageManager": "yarn@3.1.1"
|
|
131
131
|
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { UserEventHandler } from '@xylabs/pixel'
|
|
2
|
+
import { forget, Log } from '@xylabs/sdk-js'
|
|
2
3
|
import { ReactElement } from 'react'
|
|
3
4
|
|
|
4
5
|
import { ExperimentProps, ExperimentsData, ExperimentsLocalStorageKey, OutcomesData, OutcomesLocalStorageKey, VariantData } from '../components'
|
|
6
|
+
import { UserEventsProps } from '../contexts'
|
|
5
7
|
import { getLocalStorageObject, setLocalStorageObject } from '../lib'
|
|
6
8
|
|
|
7
9
|
const defaultLocalStorageKey = 'testData'
|
|
@@ -20,7 +22,7 @@ const ExperimentsHelper = {
|
|
|
20
22
|
}, 0)
|
|
21
23
|
},
|
|
22
24
|
|
|
23
|
-
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[]) => {
|
|
25
|
+
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[], userEvents: UserEventHandler<UserEventsProps>) => {
|
|
24
26
|
//TODO - user events, it needs to be in the hook, all other compatibility should
|
|
25
27
|
ExperimentsHelper.loadOutcomes()
|
|
26
28
|
const localStorageKey = ExperimentsHelper.buildLocalStorageKey(localStorageProp)
|
|
@@ -40,9 +42,9 @@ const ExperimentsHelper = {
|
|
|
40
42
|
if (firstTime) {
|
|
41
43
|
localStorage.setItem(localStorageKey, ExperimentsHelper.mergeData(experimentsTestData))
|
|
42
44
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
if (userEvents) {
|
|
46
|
+
forget(userEvents.testStarted({ name, variation: variant.name }))
|
|
47
|
+
}
|
|
46
48
|
return variant
|
|
47
49
|
}
|
|
48
50
|
},
|
|
@@ -2,6 +2,7 @@ import { ReactNode, useState } from 'react'
|
|
|
2
2
|
|
|
3
3
|
import { ExperimentsHelper } from '../common'
|
|
4
4
|
import { VariantData } from '../components'
|
|
5
|
+
import { useUserEvents } from './useUserEvents'
|
|
5
6
|
|
|
6
7
|
const selectVariant = (current?: string) => (variants: Record<string, ReactNode>, defaultNode: ReactNode) => {
|
|
7
8
|
if (current && current in variants) {
|
|
@@ -19,7 +20,7 @@ const selectVariantForExperiment = (name: string, variants: Record<string, React
|
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
const useExperiments = (name: string, experiments: VariantData[]) => {
|
|
22
|
-
const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments))
|
|
23
|
+
const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments, useUserEvents()))
|
|
23
24
|
|
|
24
25
|
return {
|
|
25
26
|
experimentName: name,
|
|
@@ -3,8 +3,8 @@ import { delay } from '@xylabs/sdk-js'
|
|
|
3
3
|
import { FacebookBaseEvent } from './BaseEvent'
|
|
4
4
|
|
|
5
5
|
class FacebookCustomEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
|
|
6
|
-
async send(data: T) {
|
|
7
|
-
this.fbq.trackCustom(this.name, data)
|
|
6
|
+
async send(data: T, eventId?: string) {
|
|
7
|
+
this.fbq.trackCustom(this.name, data, eventId)
|
|
8
8
|
await delay(0) //force async to increase reporting odds
|
|
9
9
|
}
|
|
10
10
|
}
|
|
@@ -34,16 +34,26 @@ class Fbq {
|
|
|
34
34
|
return this.instance
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
public track(event: string, data: Record<string, unknown
|
|
38
|
-
this.fbq(
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
public track(event: string, data: Record<string, unknown>, eventId?: string) {
|
|
38
|
+
this.fbq(
|
|
39
|
+
'track',
|
|
40
|
+
event,
|
|
41
|
+
{
|
|
42
|
+
...data,
|
|
43
|
+
},
|
|
44
|
+
{ eventId }
|
|
45
|
+
)
|
|
41
46
|
}
|
|
42
47
|
|
|
43
|
-
public trackCustom(event: string, data: Record<string, unknown
|
|
44
|
-
this.fbq(
|
|
45
|
-
|
|
46
|
-
|
|
48
|
+
public trackCustom(event: string, data: Record<string, unknown>, eventId?: string) {
|
|
49
|
+
this.fbq(
|
|
50
|
+
'trackCustom',
|
|
51
|
+
event,
|
|
52
|
+
{
|
|
53
|
+
...data,
|
|
54
|
+
},
|
|
55
|
+
{ eventId }
|
|
56
|
+
)
|
|
47
57
|
}
|
|
48
58
|
}
|
|
49
59
|
|
|
@@ -3,8 +3,8 @@ import { delay } from '@xylabs/sdk-js'
|
|
|
3
3
|
import { FacebookBaseEvent } from './BaseEvent'
|
|
4
4
|
|
|
5
5
|
class FacebookStandardEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
|
|
6
|
-
async send(data: T) {
|
|
7
|
-
this.fbq.track(this.name, data)
|
|
6
|
+
async send(data: T, eventId?: string) {
|
|
7
|
+
this.fbq.track(this.name, data, eventId)
|
|
8
8
|
await delay(0) //force async to increase reporting odds
|
|
9
9
|
}
|
|
10
10
|
}
|
|
@@ -6,8 +6,8 @@ class XyBaseEvent<T extends Record<string, unknown>> {
|
|
|
6
6
|
this.name = name
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
async send(fields: T) {
|
|
10
|
-
await XyPixel.instance.send(this.name, fields)
|
|
9
|
+
async send(fields: T, eventId?: string) {
|
|
10
|
+
await XyPixel.instance.send(this.name, fields, eventId)
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
|