@ninetailed/experience.js 2.1.0 → 2.1.1-beta.0

package/index.esm.js

@@ -3054,6 +3054,7 @@ const ninetailedPlugin = ({
       }
 
       isInitialized = true;
+      logger.debug('Ninetailed Core plugin initialized.');
     },
     page: ({
       payload,
@@ -3163,22 +3164,26 @@ class Ninetailed {
     onLog,
     onError
   } = {}) {
-    this.page = (data, options) => {
+    this.isInitialized = false;
+
+    this.page = (data, options) => __awaiter(this, void 0, void 0, function* () {
+      yield this.waitUntilInitialized();
       return this.instance.page(data, this.buildOptions(options));
-    };
+    });
 
-    this.track = (event, payload, options) => {
+    this.track = (event, payload, options) => __awaiter(this, void 0, void 0, function* () {
+      yield this.waitUntilInitialized();
       return this.instance.track(event, payload, this.buildOptions(options));
-    };
+    });
 
-    this.trackHasSeenComponent = payload => {
+    this.trackHasSeenComponent = payload => __awaiter(this, void 0, void 0, function* () {
       return this.track('hasSeenComponent', payload, {
         plugins: {
           all: true,
           ninetailed: false
         }
       });
-    };
+    });
 
     this.trackExperience = payload => {
       return this.track('nt_experience', payload, {
@@ -3189,16 +3194,21 @@ class Ninetailed {
       });
     };
 
-    this.identify = (uid, traits, options) => {
+    this.identify = (uid, traits, options) => __awaiter(this, void 0, void 0, function* () {
+      yield this.waitUntilInitialized();
       return this.instance.identify(uid, traits, this.buildOptions(options));
-    };
+    });
 
     this.reset = () => {
-      return this.instance.plugins[PLUGIN_NAME].reset();
+      this.onIsInitialized(() => {
+        this.instance.plugins[PLUGIN_NAME].reset();
+      });
     };
 
     this.debug = enabled => {
-      return this.instance.plugins[PLUGIN_NAME].debug(enabled);
+      this.onIsInitialized(() => {
+        this.instance.plugins[PLUGIN_NAME].debug(enabled);
+      });
     };
 
     this.onProfileChange = cb => {
@@ -3214,6 +3224,25 @@ class Ninetailed {
       });
     };
 
+    this.onIsInitialized = onIsInitialized => {
+      if (typeof onIsInitialized === 'function') {
+        if (this.isInitialized) {
+          onIsInitialized();
+        } else {
+          const detachOnReadyListener = this.instance.on('ready', () => {
+            onIsInitialized();
+            detachOnReadyListener();
+          });
+        }
+      }
+    };
+
+    this.waitUntilInitialized = () => {
+      return new Promise(resolve => {
+        this.onIsInitialized(resolve);
+      });
+    };
+
     this.plugins = flatten(plugins || []);
 
     if (profile) {
@@ -3252,6 +3281,11 @@ class Ninetailed {
         requestTimeout,
         preview
       })]
+    });
+    const detachOnReadyListener = this.instance.on('ready', () => {
+      this.isInitialized = true;
+      logger.info('Ninetailed Experience.js SDK is completely initialized.');
+      detachOnReadyListener();
     }); // put in private method
 
     this.onProfileChange(profileState => {

package/index.umd.js

@@ -2880,6 +2880,7 @@
 	      }
 
 	      isInitialized = true;
+	      logger.debug('Ninetailed Core plugin initialized.');
 	    },
 	    page: function (_a) {
 	      var payload = _a.payload,
@@ -3107,20 +3108,60 @@
 	        onLog = _c.onLog,
 	        onError = _c.onError;
 
+	    this.isInitialized = false;
+
 	    this.page = function (data, options) {
-	      return _this.instance.page(data, _this.buildOptions(options));
+	      return __awaiter(_this, void 0, void 0, function () {
+	        return __generator(this, function (_a) {
+	          switch (_a.label) {
+	            case 0:
+	              return [4
+	              /*yield*/
+	              , this.waitUntilInitialized()];
+
+	            case 1:
+	              _a.sent();
+
+	              return [2
+	              /*return*/
+	              , this.instance.page(data, this.buildOptions(options))];
+	          }
+	        });
+	      });
 	    };
 
 	    this.track = function (event, payload, options) {
-	      return _this.instance.track(event, payload, _this.buildOptions(options));
+	      return __awaiter(_this, void 0, void 0, function () {
+	        return __generator(this, function (_a) {
+	          switch (_a.label) {
+	            case 0:
+	              return [4
+	              /*yield*/
+	              , this.waitUntilInitialized()];
+
+	            case 1:
+	              _a.sent();
+
+	              return [2
+	              /*return*/
+	              , this.instance.track(event, payload, this.buildOptions(options))];
+	          }
+	        });
+	      });
 	    };
 
 	    this.trackHasSeenComponent = function (payload) {
-	      return _this.track('hasSeenComponent', payload, {
-	        plugins: {
-	          all: true,
-	          ninetailed: false
-	        }
+	      return __awaiter(_this, void 0, void 0, function () {
+	        return __generator(this, function (_a) {
+	          return [2
+	          /*return*/
+	          , this.track('hasSeenComponent', payload, {
+	            plugins: {
+	              all: true,
+	              ninetailed: false
+	            }
+	          })];
+	        });
 	      });
 	    };
 
@@ -3134,15 +3175,35 @@
 	    };
 
 	    this.identify = function (uid, traits, options) {
-	      return _this.instance.identify(uid, traits, _this.buildOptions(options));
+	      return __awaiter(_this, void 0, void 0, function () {
+	        return __generator(this, function (_a) {
+	          switch (_a.label) {
+	            case 0:
+	              return [4
+	              /*yield*/
+	              , this.waitUntilInitialized()];
+
+	            case 1:
+	              _a.sent();
+
+	              return [2
+	              /*return*/
+	              , this.instance.identify(uid, traits, this.buildOptions(options))];
+	          }
+	        });
+	      });
 	    };
 
 	    this.reset = function () {
-	      return _this.instance.plugins[PLUGIN_NAME].reset();
+	      _this.onIsInitialized(function () {
+	        _this.instance.plugins[PLUGIN_NAME].reset();
+	      });
 	    };
 
 	    this.debug = function (enabled) {
-	      return _this.instance.plugins[PLUGIN_NAME].debug(enabled);
+	      _this.onIsInitialized(function () {
+	        _this.instance.plugins[PLUGIN_NAME].debug(enabled);
+	      });
 	    };
 
 	    this.onProfileChange = function (cb) {
@@ -3157,6 +3218,25 @@
 	      });
 	    };
 
+	    this.onIsInitialized = function (onIsInitialized) {
+	      if (typeof onIsInitialized === 'function') {
+	        if (_this.isInitialized) {
+	          onIsInitialized();
+	        } else {
+	          var detachOnReadyListener_1 = _this.instance.on('ready', function () {
+	            onIsInitialized();
+	            detachOnReadyListener_1();
+	          });
+	        }
+	      }
+	    };
+
+	    this.waitUntilInitialized = function () {
+	      return new Promise(function (resolve) {
+	        _this.onIsInitialized(resolve);
+	      });
+	    };
+
 	    this.plugins = flatten__default["default"](plugins || []);
 
 	    if (profile) {
@@ -3195,6 +3275,11 @@
 	        requestTimeout: requestTimeout,
 	        preview: preview
 	      })], false)
+	    });
+	    var detachOnReadyListener = this.instance.on('ready', function () {
+	      _this.isInitialized = true;
+	      logger.info('Ninetailed Experience.js SDK is completely initialized.');
+	      detachOnReadyListener();
 	    }); // put in private method
 
 	    this.onProfileChange(function (profileState) {

package/lib/Ninetailed.d.ts

@@ -13,6 +13,8 @@ declare global {
         } & unknown;
     }
 }
+declare type OnIsInitializedCallback = () => void;
+export declare type OnIsInitialized = (cb: OnIsInitializedCallback) => void;
 declare type Options = {
     url?: string;
     locale?: Locale;
@@ -62,10 +64,12 @@ export interface NinetailedInstance {
     onProfileChange: OnProfileChange;
     plugins: AnalyticsPlugin[];
     logger: Logger;
+    onIsInitialized: OnIsInitialized;
 }
 export declare class Ninetailed implements NinetailedInstance {
     private readonly instance;
     private _profileState;
+    private isInitialized;
     readonly plugins: AnalyticsPlugin[];
     readonly logger: Logger;
     constructor({ clientId, environment, preview, }: {
@@ -78,9 +82,11 @@ export declare class Ninetailed implements NinetailedInstance {
     trackHasSeenComponent: TrackHasSeenComponent;
     trackExperience: TrackExperience;
     identify: (uid: string, traits?: Traits, options?: EventFunctionOptions) => Promise<any>;
-    reset: () => any;
-    debug: (enabled: boolean) => any;
+    reset: () => void;
+    debug: (enabled: boolean) => void;
     onProfileChange: (cb: OnProfileChangeCallback) => DetachListeners;
+    onIsInitialized: (onIsInitialized: OnIsInitializedCallback) => void;
+    private waitUntilInitialized;
     get profileState(): ProfileState;
     private buildOptions;
     private registerWindowHandlers;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@ninetailed/experience.js",
-  "version": "2.1.0",
+  "version": "2.1.1-beta.0",
   "main": "./index.umd.js",
   "module": "./index.esm.js",
   "typings": "./index.d.ts",
   "dependencies": {
     "analytics": "^0.8.0",
-    "@ninetailed/experience.js-shared": "2.1.0",
+    "@ninetailed/experience.js-shared": "2.1.1-beta.0",
     "uuid": "^8.3.2",
     "ts-toolbelt": "^9.6.0",
     "locale-enum": "^1.1.1",