@jolibox/implement 1.1.4-beta.9 → 1.1.5

package/dist/native/api/keyboard.d.ts

@@ -1,3 +1,9 @@
-export declare const showKeyboard: (...inputs: unknown[]) => Promise<import("@jolibox/types").StandardResponse<void>>;
-export declare const updateKeyboard: (...inputs: unknown[]) => Promise<import("@jolibox/types").StandardResponse<void>>;
-export declare const hideKeyboard: (...inputs: unknown[]) => Promise<import("@jolibox/types").StandardResponse<void>>;
+export declare const showKeyboard: (params: {
+    defaultValue?: string | undefined;
+    maxLength?: unknown;
+    multiple?: boolean | undefined;
+}) => import("@jolibox/types").StandardResponse<void>;
+export declare const updateKeyboard: (params: {
+    value: string;
+}) => import("@jolibox/types").StandardResponse<void>;
+export declare const hideKeyboard: () => import("@jolibox/types").StandardResponse<void>;

package/dist/native/network/index.d.ts

@@ -1,6 +1,3 @@
-/**
- * inner fetch
- */
 export declare const innerFetch: <T>(url: string, innerOptions?: import("./types").FetchOptions & {
     baseUrl?: string;
 }) => Promise<{

package/esbuild.config.js

@@ -45,7 +45,7 @@ function build(format) {
         bundle: true,
         outdir: 'dist',
         format: format,
-        // minify: true,
+        minify: true,
         loader: { 
           '.ts': 'ts',
           '.tsx': 'tsx',

package/implement.build.log

@@ -1,9 +1,9 @@
 Invoking: npm run clean && npm run build:esm && tsc 
 
-> @jolibox/implement@1.1.4-beta.9 clean
+> @jolibox/implement@1.1.5 clean
 > rimraf ./dist
 
 
-> @jolibox/implement@1.1.4-beta.9 build:esm
+> @jolibox/implement@1.1.5 build:esm
 > BUILD_VERSION=$(node -p "require('./package.json').version")  node esbuild.config.js --format=esm
 

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@jolibox/implement",
   "description": "This project is Jolibox JS-SDk implement for Native && H5",
-  "version": "1.1.4-beta.9",
+  "version": "1.1.5",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "license": "MIT",
   "dependencies": {
-    "@jolibox/common": "1.1.4-beta.9",
-    "@jolibox/types": "1.1.4-beta.9",
+    "@jolibox/common": "1.1.5",
+    "@jolibox/types": "1.1.5",
     "localforage": "1.10.0"
   },
   "devDependencies": {

package/src/{h5 → common}/ads/ads-action-detection.ts

@@ -1,21 +1,21 @@
-import { track } from '../report';
+import { Track } from '../report';
 
 export class AdsActionDetection {
   adBreakIsShowing = false;
 
   private reportPageJumpOut = () => {
-    track('AdBreakJumpOut', {
+    this.track('AdBreakJumpOut', {
       context: 'AdsActionDetection'
     });
   };
 
   private reportPageHide = () => {
-    track('AdBreakHide', {
+    this.track('AdBreakHide', {
       context: 'AdsActionDetection'
     });
   };
 
-  constructor() {
+  constructor(readonly track: Track) {
     window.addEventListener('visibilitychange', () => {
       if (document.hidden && this.adBreakIsShowing) {
         this.reportPageHide();

package/src/{h5 → common}/ads/anti-cheating.ts

@@ -1,5 +1,3 @@
-import { tracker } from '../report/event-tracker';
-
 export type AdsDisplayPermission =
   | 'BLOCK_INITIAL'
   | 'BANNED_FOR_SESSION'
@@ -41,10 +39,10 @@ export class AdsAntiCheating {
 
   private initTimestamp = 0;
   // private context: JoliboxSDKPipeExecutor;
-  private report = tracker;
 
   constructor(
     // context: JoliboxSDKPipeExecutor,
+    readonly checkNetwork: () => boolean,
     config?: IAdsAntiCheatingConfig
   ) {
     this.maxAllowedAdsForTime = config?.maxAllowedAdsForTime ?? 8;
@@ -220,7 +218,7 @@ export class AdsAntiCheating {
   };
 
   public checkAdsDisplayPermission: (type: 'reward' | 'interstitial') => AdsDisplayPermission = (type) => {
-    if (!this.report.networkIsOk) {
+    if (!this.checkNetwork()) {
       return 'NETWORK_NOT_OK';
     }
 

package/src/common/ads/channel-policy.ts

@@ -0,0 +1,52 @@
+import { context } from '../context';
+
+export interface IChannelPolicy {
+  /**
+   * The rate at which interstitial ads should be shown.
+   * A value of 1 means always bypass interstitials call, while a value of 0 means always forbid calling interstitials.
+   * A value between 0 and 1 means the interstitial call will be bypassed with a probability of `rate`.
+   */
+  interstitialRate?: number;
+}
+
+interface HttpClient {
+  get<T>(url: string, options?: { query?: Record<string, string> }): Promise<T>;
+}
+
+export class ChannelPolicy {
+  private configs: Record<string, IChannelPolicy> | null = null;
+  private firstRun = true;
+
+  constructor(readonly httpClient: HttpClient) {
+    this.init();
+  }
+
+  private async init() {
+    try {
+      this.configs = await this.httpClient.get<Record<string, IChannelPolicy>>(
+        '/api/fe-configs/js-sdk/ads-channel-config'
+      );
+    } catch (error) {
+      // no-op
+    }
+  }
+
+  /**
+   * Should bypass calling interstitial based on the channel policy.
+   * @returns
+   */
+  shouldBypassCallingInterstitial() {
+    let result;
+    if (!this.configs) {
+      this.init();
+      result = !this.firstRun; // If configs are not loaded yet, should forbid calling interstitial on first run.
+    } else {
+      const channel = context.channel ?? '';
+      const policy: IChannelPolicy | undefined = this.configs[channel];
+      const rate = policy?.interstitialRate ?? 1;
+      result = Math.random() < rate; // Bypass interstitial calling with the given rate.
+    }
+    this.firstRun = false;
+    return result;
+  }
+}

package/src/{h5 → common}/ads/index.ts

@@ -1,10 +1,8 @@
-import { createCommands } from '@jolibox/common';
 import { AdsActionDetection } from './ads-action-detection';
 import { AdsAntiCheating } from './anti-cheating';
-import JoliboxHttpClient from '../http';
-import { track } from '../report';
-
-const commands = createCommands();
+import { Track } from '../report';
+import { context } from '../context';
+import { ChannelPolicy } from './channel-policy';
 
 declare global {
   interface Window {
@@ -255,6 +253,10 @@ interface IJoliboxAdsResponse {
   };
 }
 
+interface HttpClient {
+  get<T>(url: string, options?: { query?: Record<string, string> }): Promise<T>;
+}
+
 /**
  * Jolibox Ads SDK
  */
@@ -264,18 +266,18 @@ export class JoliboxAdsImpl {
   public clientId?: string;
   public channelId?: string;
   public unitId?: string;
-  private httpClient = new JoliboxHttpClient();
-  // private context: JoliboxSDKPipeExecutor;
+
   private antiCheating: AdsAntiCheating;
   private adsActionDetection: AdsActionDetection;
+  private channelPolicy: ChannelPolicy;
 
   /**
    * Internal constructor, should not be called directly
    */
-  constructor(/*context: JoliboxSDKPipeExecutor*/) {
-    // this.context = context;
-    this.antiCheating = new AdsAntiCheating(/*context*/);
-    this.adsActionDetection = new AdsActionDetection(/*context*/);
+  constructor(readonly track: Track, readonly httpClient: HttpClient, readonly checkNetwork: () => boolean) {
+    this.antiCheating = new AdsAntiCheating(checkNetwork);
+    this.adsActionDetection = new AdsActionDetection(this.track);
+    this.channelPolicy = new ChannelPolicy(httpClient);
   }
 
   /**
@@ -284,7 +286,7 @@ export class JoliboxAdsImpl {
    * @returns
    */
   public init(config?: IAdsInitParams) {
-    track('CallAdsInit', null);
+    this.track('CallAdsInit', null);
     if (typeof window === 'undefined') {
       // skip if not in browser
       return;
@@ -296,13 +298,11 @@ export class JoliboxAdsImpl {
   }
 
   private getGameId = () => {
-    const urlParams = new URLSearchParams(window.location.search);
-    return urlParams.get('gameId') ?? this.config.gameId;
+    return context.mpId;
   };
 
   private getTestAdsMode = () => {
-    const urlParams = new URLSearchParams(window.location.search);
-    return urlParams.get('testAdsMode') === 'true';
+    return context.testAdsMode;
   };
 
   private asyncLoad = async () => {
@@ -358,7 +358,7 @@ export class JoliboxAdsImpl {
         script.setAttribute('data-ad-channel', this.channelId);
       }
       document.head.appendChild(script);
-      track('LoadAdsenseCompleted', null);
+      this.track('LoadAdsenseCompleted', null);
     }
   };
 
@@ -376,7 +376,7 @@ export class JoliboxAdsImpl {
    */
   public adConfig = (params: IAdConfigParams) => {
     const { onReady, ...paramsToTrack } = params;
-    track('CallAdConfig', paramsToTrack);
+    this.track('CallAdConfig', paramsToTrack);
     if (!this.configured) {
       this.configured = true;
       this.push(params);
@@ -417,6 +417,20 @@ export class JoliboxAdsImpl {
       console.warn('Game ID is not set, skip calling adBreak');
       return;
     }
+
+    if (params.type !== 'reward') {
+      const shouldBypassCallingInterstitial = this.channelPolicy.shouldBypassCallingInterstitial();
+      if (!shouldBypassCallingInterstitial) {
+        params.adBreakDone?.({
+          breakType: params.type,
+          breakName: 'skipInterstitials',
+          breakFormat: 'interstitial',
+          breakStatus: 'viewed'
+        });
+        return;
+      }
+    }
+
     const adsDisplayPermission = this.antiCheating.checkAdsDisplayPermission(
       params.type === 'reward' ? 'reward' : 'interstitial'
     );
@@ -431,7 +445,7 @@ export class JoliboxAdsImpl {
           breakFormat: params.type === 'reward' ? 'reward' : 'interstitial',
           breakStatus: 'noAdPreloaded'
         });
-        track('PreventAdsCheating', {
+        this.track('PreventAdsCheating', {
           reason: adsDisplayPermission
         });
         return;
@@ -444,7 +458,7 @@ export class JoliboxAdsImpl {
           breakFormat: params.type === 'reward' ? 'reward' : 'interstitial',
           breakStatus: 'viewed' // TODO: need to confirm
         });
-        track('PreventAdsCheating', {
+        this.track('PreventAdsCheating', {
           reason: adsDisplayPermission
         });
         return;
@@ -459,7 +473,7 @@ export class JoliboxAdsImpl {
     const originAdBreakDone = params.adBreakDone;
     const adBreakDone = (placementInfo: IPlacementInfo) => {
       this.adsActionDetection.adBreakIsShowing = false;
-      track('CallAdBreakDone', {
+      this.track('CallAdBreakDone', {
         breakType: placementInfo.breakType,
         breakName: placementInfo.breakName ?? '',
         breakFormat: placementInfo.breakFormat,
@@ -476,7 +490,7 @@ export class JoliboxAdsImpl {
     if (params.type === 'reward') {
       const originBeforeReward = params.beforeReward;
       const wrapShowAdFn = (originShowAdFn: () => void) => () => {
-        track('CallShowAdFn', null);
+        this.track('CallShowAdFn', null);
         originShowAdFn();
       };
       const beforeReward = (originShowAdFn: () => void) => {
@@ -502,7 +516,7 @@ export class JoliboxAdsImpl {
         break;
     }
     this.adsActionDetection.adBreakIsShowing = true;
-    track('CallAdBreak', paramsToTrack);
+    this.track('CallAdBreak', paramsToTrack);
     this.push(params);
 
     // https://rsgce94md216.sg.larksuite.com/wiki/JGrAwRk7BiRJyekzJmKlbOawg7e?from=from_copylink
@@ -524,7 +538,7 @@ export class JoliboxAdsImpl {
    * @returns
    */
   public adUnit = async (params: IAdUnitParams) => {
-    track('CallAdUnit', {
+    this.track('CallAdUnit', {
       adFormat: params.adFormat?.toString() ?? null,
       fullWidthResponsive: params.fullWidthResponsive ?? null
     });
@@ -621,7 +635,7 @@ export class JoliboxAdsImpl {
         mutations.forEach((mutation) => {
           if (mutation.type === 'attributes' && mutation.attributeName === 'data-ad-status') {
             const status = ins.getAttribute('data-ad-status');
-            track('AdSenseUnitStatusChanged', {
+            this.track('AdSenseUnitStatusChanged', {
               status: status ?? 'null'
             });
           }
@@ -636,23 +650,3 @@ export class JoliboxAdsImpl {
     }
   };
 }
-
-export default JoliboxAdsImpl;
-
-const ads = new JoliboxAdsImpl();
-
-commands.registerCommand('AdsSDK.init', (config) => {
-  ads.init(config);
-});
-
-commands.registerCommand('AdsSDK.adConfig', (params) => {
-  ads.adConfig(params);
-});
-
-commands.registerCommand('AdsSDK.adBreak', (params) => {
-  ads.adBreak(params);
-});
-
-commands.registerCommand('AdsSDK.adUnit', (params) => {
-  ads.adUnit(params);
-});

package/src/common/api-factory/index.ts

@@ -4,7 +4,7 @@ import { ResponseType, StandardResponse } from '@jolibox/types';
 import { Track } from '../report';
 import { reportError } from '../report/errors/report';
 import { Type, typeAsserts, Validator } from './validator';
-import { createAPIError, createUserAPIError } from '../report/errors';
+import { createUserValidateAPIError } from '../report/errors';
 
 let traceId = 1;
 
@@ -65,7 +65,7 @@ export const createAPIFactory = (track: Track) => {
             typeAsserts(config.paramsSchema, inputs, 'params');
           } catch (err: unknown) {
             const error = err as { message: string };
-            throw createUserAPIError(`${method}:fail ${error.message}`);
+            throw createUserValidateAPIError(`${method}:fail ${error.message}`);
           }
         }
         const res = config.implement(...inputs);
@@ -142,7 +142,7 @@ export const createAPIFactory = (track: Track) => {
           try {
             typeAsserts(config.paramsSchema, inputs, 'params');
           } catch (error) {
-            throw createUserAPIError((error as Error).message);
+            throw createUserValidateAPIError((error as Error).message);
           }
         }
 

package/src/common/context/index.ts

@@ -2,7 +2,8 @@ import { mergeArray, mergeWith } from '@jolibox/common';
 import { DeviceInfo, HostInfo, HostUserInfo, SdkInfo } from './types';
 import { Env } from '@jolibox/types';
 import { parseUrlQuery } from './url-parse';
-import { getAppVersion, getDeviceId } from '../http/xua';
+import { getAppVersion } from '../http/xua';
+import { getDeviceId } from '@jolibox/common';
 
 declare const globalThis: {
   joliboxJSCore?: {
@@ -24,7 +25,7 @@ const defaultEnv: Env = {
     nativeSDKVersion: '',
     jssdkVersion: getAppVersion()
   },
-  schema: '',
+  schema: window.location.href,
   platform: 'h5'
 };
 
@@ -33,14 +34,16 @@ const nativeEnv = globalThis.joliboxJSCore?.env;
 const env = Object.assign({}, nativeEnv?.() ?? defaultEnv);
 
 const wrapContext = () => {
-  const { payloadJson, headerJson } = parseUrlQuery(env.schema);
+  const { payloadJson, headerJson } = env.schema.length ? parseUrlQuery(env.schema) : {};
   const defaultSessionId = `${env.deviceInfo.did}-${new Date().getTime()}`;
-  const urlParams = new URLSearchParams(window.location.search);
-  const defaultGameID = urlParams.get('appId') ?? urlParams.get('gameId') ?? '';
-  const sessionId = payloadJson.sessionId ?? urlParams.get('sessionId') ?? defaultSessionId;
-  const testAdsMode = !!(payloadJson.testAdsMode ?? urlParams.get('testAdsMode') === 'true');
-  const joliboxEnv = payloadJson.joliboxEnv ?? urlParams.get('joliboxEnv') ?? 'production';
+  const url = new URL(env.schema.length ? env.schema : window.location.href);
+  const urlParams = url.searchParams;
+  const defaultGameID = urlParams.get('mpId') ?? urlParams.get('appId') ?? urlParams.get('gameId') ?? '';
+  const sessionId = payloadJson?.sessionId ?? urlParams.get('sessionId') ?? defaultSessionId;
+  const testAdsMode = !!(payloadJson?.testAdsMode ?? urlParams.get('testAdsMode') === 'true');
+  const joliboxEnv = payloadJson?.joliboxEnv ?? urlParams.get('joliboxEnv') ?? 'production';
   const testMode = joliboxEnv === 'staging';
+  const channel = headerJson?.channel;
 
   return {
     get testMode(): boolean {
@@ -52,14 +55,17 @@ const wrapContext = () => {
     get joliboxEnv() {
       return joliboxEnv;
     },
+    get joliSource(): string | null {
+      return urlParams.get('joliSource') ?? null;
+    },
     get mpId(): string {
-      return defaultGameID ?? payloadJson['id'];
+      return defaultGameID ?? payloadJson?.id ?? '';
     },
     get mpVersion(): string {
-      return headerJson.ver ?? getAppVersion();
+      return headerJson?.ver ?? getAppVersion();
     },
     get platform(): Env['platform'] {
-      return env.platform;
+      return env.platform ?? env.deviceInfo.platform;
     },
     get deviceInfo(): DeviceInfo {
       return env.deviceInfo;
@@ -76,6 +82,9 @@ const wrapContext = () => {
     get sessionId(): string {
       return env.clientSessionId ?? sessionId ?? defaultSessionId;
     },
+    get channel(): string | undefined {
+      return channel;
+    },
     onEnvConfigChanged: (newConfig: Partial<Env>) => {
       mergeWith(env, newConfig, mergeArray);
     }

package/src/common/http/uuid.ts

@@ -1,11 +1,3 @@
-export const uuidv4 = () => {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-    const r = (Math.random() * 16) | 0;
-    const v = c === 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-};
+import { uuidv4, isValidUUIDV4 } from '@jolibox/common';
 
-export const isValidUUIDV4 = (uuid: string) => {
-  return /^[\da-f]{8}-[\da-f]{4}-4[\da-f]{3}-[89ab][\da-f]{3}-[\da-f]{12}$/i.test(uuid);
-};
+export { uuidv4, isValidUUIDV4 };

package/src/common/http/xua.ts

@@ -1,34 +1,4 @@
-import { uuidv4 } from './uuid';
-
-export const platform = {
-  isiOS:
-    navigator.userAgent.includes('iPhone') ||
-    navigator.userAgent.includes('iPod') ||
-    navigator.userAgent.includes('iPad') ||
-    navigator.userAgent.includes('iPhone OS'),
-  iosVersion: () => {
-    const v = navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/) as string[];
-    return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || '0', 10)];
-  },
-  isAndroid: navigator.userAgent.includes('Android'),
-  isMac: navigator.userAgent.includes('Mac'),
-  isFacebook: navigator.userAgent.includes('FB_IAB'),
-  isPC: !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android')
-};
-
-export const getPlatform = () => {
-  if (platform.isiOS) {
-    return 'iOS';
-  } else if (platform.isAndroid) {
-    return 'Android';
-  } else if (platform.isMac) {
-    return 'Mac';
-  } else if (platform.isFacebook) {
-    return 'Facebook';
-  } else {
-    return 'PC';
-  }
-};
+import { xUserAgent as xua } from '@jolibox/common';
 
 const jssdkVersion = '__JOLIBOX_LOCAL_SDK_VERSION__';
 
@@ -36,44 +6,7 @@ export const getAppVersion = () => {
   return jssdkVersion;
 };
 
-export const DEVICE_ID = 'device_id';
-export const ADVERTISING_ID = 'advertising_id';
-
-export const getStorage = (cookieKey: string) => {
-  if (!localStorage.getItem(cookieKey)) {
-    localStorage.setItem(cookieKey, uuidv4());
-  }
-  return localStorage.getItem(cookieKey)!;
-};
-
-export const getDeviceId = () => {
-  return getStorage(DEVICE_ID);
-};
-
-export const getAdvertisingId = () => {
-  return getStorage(ADVERTISING_ID);
-};
-
-const firstCharUpperCase = (chars: string) => chars.charAt(0).toUpperCase() + chars.slice(1);
-
-export const getUtmSource = () => {
-  const urlParams = new URLSearchParams(window.location.search);
-  return firstCharUpperCase(urlParams.get('utm_source') ?? '') || 'JoliboxSDK';
-};
-
 export const xUserAgent = () => {
-  const applicationName = 'JoliboxWebSDK';
-  const thePlatform = getPlatform();
-  const locale = navigator.language;
-  const deviceId = getDeviceId();
-  const adid = getAdvertisingId();
   const appVersion = getAppVersion();
-  //   const parserResult = getUAParser();
-  //   const deviceModel = parserResult.device.model;
-  const deviceModel = 'UnknownModel';
-  //   const systemVersion = parserResult.os.version;
-  const systemVersion = 'UnknownSystemVersion';
-  return `${applicationName} (${getUtmSource()}${thePlatform}; ${deviceModel}; ${systemVersion}; ${locale}) uuid/${deviceId} adid/${adid} version/${
-    appVersion || ''
-  }`;
+  return `${xua(appVersion)}`;
 };

package/src/common/report/base-tracker.ts

@@ -1,51 +1,18 @@
 import { context } from '@/common/context';
 import { logger } from '@jolibox/common';
-import { IDevice, IPage, IEventPackage, IEvent, EProject } from '@/common/report/types';
+import { IDevice, IPage, IEventPackage, IEvent, EProject, serializeEventPackage } from '@jolibox/common';
 
-const keysOfPage: (keyof IPage)[] = ['name', 'params'];
-const keysOfEvent: (keyof IEvent)[] = ['name', 'type', 'location', 'target', 'extra', 'timestamp', 'userId'];
-const keysOfDevice: (keyof IDevice)[] = [
-  'platform',
-  'os',
-  'appVersion',
-  'appId',
-  'model',
-  'brand',
-  'uuid',
-  'jsSdkVersion',
-  'extra'
-];
-function serializeObject<T>(obj: T, order: (keyof T)[]): any[] {
-  return order.map((key) => {
-    if (key === 'params' && obj[key]) {
-      const params = obj[key] as Record<string, any>;
-      return Object.keys(params).reduce((acc, k) => {
-        acc[k] = String(params[k]);
-        return acc;
-      }, {} as Record<string, any>);
-    }
-    return obj[key];
-  });
-}
-
-function serializeEvent(event: IEvent): any[] {
-  const location = event.location ? serializeObject(event.location, keysOfPage) : null;
-  const target = event.target ? serializeObject(event.target, keysOfPage) : null;
-
-  // 定义IEvent的序列化顺序
-  return serializeObject({ ...event, location, target }, keysOfEvent);
-}
-
-function serializeEventPackage(eventPackage: IEventPackage): any[] {
-  // 序列化事件数组
-  const events = eventPackage.events.map((event) => serializeEvent(event));
-
-  // 定义IDevice的序列化顺序
-  const device = serializeObject(eventPackage.device, keysOfDevice);
-
-  return [eventPackage.protocolVersion, events, device, eventPackage.project];
+interface ISamplesConfig {
+  samples: {
+    [sampleRate: number]: string[];
+  };
+  cluster: number;
 }
-
+/**
+ * Base class for event tracker, all the event tracker should inherit from this class
+ * Send event to oss reporter
+ * @abstract
+ */
 export abstract class EventTracker {
   deviceInfo: IDevice | null = null;
 
@@ -54,6 +21,7 @@ export abstract class EventTracker {
   abstract doReport<T extends Record<string, unknown>>(event: unknown[], extra?: T): void;
 
   private pastTrackings: boolean[] = [];
+  private samplesConfig: ISamplesConfig | null = null;
 
   private pushPastTracking = (tracking: boolean) => {
     this.pastTrackings.push(tracking);
@@ -62,6 +30,10 @@ export abstract class EventTracker {
     }
   };
 
+  constructor() {
+    this.fetchSamplesConfig();
+  }
+
   public get networkIsOk() {
     // in the past 10 trackings, at least 60% of them are successful
     return (
@@ -70,6 +42,26 @@ export abstract class EventTracker {
     );
   }
 
+  private async fetchSamplesConfig() {
+    const host = context.testMode ? 'https://stg-api.jolibox.com' : 'https://api.jolibox.com';
+    const path = `${host}/api/fe-configs/js-sdk/samples-config`;
+    const samplesConfig = (await (await fetch(path)).json()) as ISamplesConfig;
+    this.samplesConfig = samplesConfig;
+  }
+
+  private checkIsSampled(event: IEvent) {
+    if (!this.samplesConfig) {
+      return false;
+    }
+    const { samples } = this.samplesConfig;
+    for (const [sampleRate, events] of Object.entries(samples)) {
+      if (events.includes(event.name)) {
+        return Math.floor(Math.random() * 101) < parseFloat(sampleRate);
+      }
+    }
+    return false;
+  }
+
   getDevice(): IDevice {
     const { nativeSDKVersion, jssdkVersion } = context.sdkInfo;
     return {
@@ -98,6 +90,10 @@ export abstract class EventTracker {
   }
 
   async trackEvent(event: IEvent, project: EProject, extraInfo?: Record<string, unknown>) {
+    // check if the event is sampled
+    if (this.checkIsSampled(event)) {
+      return;
+    }
     const location = event.location ? event.location : await this.getLocation();
     const target = event.target || null;
     const extra = event.extra || null;