@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.
Files changed (42) hide show
  1. package/dist/cjs/common/ExperimentsHelper.d.ts +3 -1
  2. package/dist/cjs/common/ExperimentsHelper.js +5 -4
  3. package/dist/cjs/common/ExperimentsHelper.js.map +1 -1
  4. package/dist/cjs/hooks/useExperiment.js +2 -1
  5. package/dist/cjs/hooks/useExperiment.js.map +1 -1
  6. package/dist/cjs/lib/Tracking/Facebook/CustomEvent.d.ts +1 -1
  7. package/dist/cjs/lib/Tracking/Facebook/CustomEvent.js +2 -2
  8. package/dist/cjs/lib/Tracking/Facebook/CustomEvent.js.map +1 -1
  9. package/dist/cjs/lib/Tracking/Facebook/Fbq.d.ts +2 -2
  10. package/dist/cjs/lib/Tracking/Facebook/Fbq.js +4 -4
  11. package/dist/cjs/lib/Tracking/Facebook/Fbq.js.map +1 -1
  12. package/dist/cjs/lib/Tracking/Facebook/StandardEvent.d.ts +1 -1
  13. package/dist/cjs/lib/Tracking/Facebook/StandardEvent.js +2 -2
  14. package/dist/cjs/lib/Tracking/Facebook/StandardEvent.js.map +1 -1
  15. package/dist/cjs/lib/Tracking/Xy/BaseEvent.d.ts +1 -1
  16. package/dist/cjs/lib/Tracking/Xy/BaseEvent.js +2 -2
  17. package/dist/cjs/lib/Tracking/Xy/BaseEvent.js.map +1 -1
  18. package/dist/docs.json +2119 -2041
  19. package/dist/esm/common/ExperimentsHelper.d.ts +3 -1
  20. package/dist/esm/common/ExperimentsHelper.js +5 -4
  21. package/dist/esm/common/ExperimentsHelper.js.map +1 -1
  22. package/dist/esm/hooks/useExperiment.js +2 -1
  23. package/dist/esm/hooks/useExperiment.js.map +1 -1
  24. package/dist/esm/lib/Tracking/Facebook/CustomEvent.d.ts +1 -1
  25. package/dist/esm/lib/Tracking/Facebook/CustomEvent.js +2 -2
  26. package/dist/esm/lib/Tracking/Facebook/CustomEvent.js.map +1 -1
  27. package/dist/esm/lib/Tracking/Facebook/Fbq.d.ts +2 -2
  28. package/dist/esm/lib/Tracking/Facebook/Fbq.js +4 -4
  29. package/dist/esm/lib/Tracking/Facebook/Fbq.js.map +1 -1
  30. package/dist/esm/lib/Tracking/Facebook/StandardEvent.d.ts +1 -1
  31. package/dist/esm/lib/Tracking/Facebook/StandardEvent.js +2 -2
  32. package/dist/esm/lib/Tracking/Facebook/StandardEvent.js.map +1 -1
  33. package/dist/esm/lib/Tracking/Xy/BaseEvent.d.ts +1 -1
  34. package/dist/esm/lib/Tracking/Xy/BaseEvent.js +2 -2
  35. package/dist/esm/lib/Tracking/Xy/BaseEvent.js.map +1 -1
  36. package/package.json +2 -2
  37. package/src/common/ExperimentsHelper.ts +7 -5
  38. package/src/hooks/useExperiment.ts +2 -1
  39. package/src/lib/Tracking/Facebook/CustomEvent.ts +2 -2
  40. package/src/lib/Tracking/Facebook/Fbq.ts +18 -8
  41. package/src/lib/Tracking/Facebook/StandardEvent.ts +2 -2
  42. 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
- // if (userEvents) {
38
- // forget(userEvents.testStarted({ name, variation: variant.name }))
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":"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"}
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;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"}
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;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"}
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>): void;
8
- trackCustom(event: string, data: Record<string, unknown>): void;
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;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"}
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;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"}
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"}
@@ -1,6 +1,6 @@
1
1
  declare class XyBaseEvent<T extends Record<string, unknown>> {
2
2
  private name;
3
3
  constructor(name: string);
4
- send(fields: T): Promise<void>;
4
+ send(fields: T, eventId?: string): Promise<void>;
5
5
  }
6
6
  export { XyBaseEvent };
@@ -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;QAClB,MAAM,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAChD,CAAC;CACF;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
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.7",
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.9",
129
+ "version": "2.12.12",
130
130
  "packageManager": "yarn@3.1.1"
131
131
  }
@@ -1,7 +1,9 @@
1
- import { Log } from '@xylabs/sdk-js'
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
- // if (userEvents) {
44
- // forget(userEvents.testStarted({ name, variation: variant.name }))
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('track', event, {
39
- ...data,
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('trackCustom', event, {
45
- ...data,
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