@stytch/vanilla-js 4.18.2 → 5.0.0

package/dist/index.headless.esm.js

@@ -1264,7 +1264,6 @@ function _getPrototypeOf(o) {
 var TEST_API_URL = 'https://test.stytch.com';
 var LIVE_API_URL = 'https://api.stytch.com';
 var CLIENTSIDE_SERVICES_IFRAME_URL = 'https://js.stytch.com/clientside-services/index.html';
-var STYTCH_WEB_BACKEND_URL = "https://web.stytch.com";
 var STYTCH_DFP_BACKEND_URL = "https://telemetry.stytch.com";
 var STYTCH_DFP_CDN_URL = "https://elements.stytch.com";
 var GOOGLE_ONE_TAP_HOST = 'https://accounts.google.com/gsi';
@@ -4713,132 +4712,6 @@ var HeadlessOAuthClient = /*#__PURE__*/function (_HeadlessOAuthClient$) {
   }
   return _createClass2(HeadlessOAuthClient);
 }(HeadlessOAuthClient$1);
-var version = "4.18.2";
-var NetworkClient = /*#__PURE__*/function () {
-  function NetworkClient(_publicToken, _subscriptionDataLayer, baseURL, additionalTelemetryDataFn) {
-    _classCallCheck2(this, NetworkClient);
-    this._publicToken = _publicToken;
-    this._subscriptionDataLayer = _subscriptionDataLayer;
-    this.baseURL = baseURL;
-    this.additionalTelemetryDataFn = additionalTelemetryDataFn;
-    this.updateSessionToken = function () {
-      return null;
-    };
-    this.eventLogger = new EventLogger({
-      maxBatchSize: DEFAULT_MAX_BATCH_SIZE,
-      intervalDurationMs: DEFAULT_INTERVAL_DURATION_MS,
-      logEventURL: this.buildSDKUrl('/events')
-    });
-  }
-  _createClass2(NetworkClient, [{
-    key: "logEvent",
-    value: function logEvent(_ref4) {
-      var name = _ref4.name,
-        details = _ref4.details,
-        _ref4$error = _ref4.error,
-        error = _ref4$error === void 0 ? {} : _ref4$error;
-      this.eventLogger.logEvent(this.createTelemetryBlob(), {
-        public_token: this._publicToken,
-        event_name: name,
-        details: details,
-        error_code: error.error_code,
-        error_description: error.error_description,
-        http_status_code: error.http_status_code
-      });
-    }
-  }, {
-    key: "createTelemetryBlob",
-    value: function createTelemetryBlob() {
-      return Object.assign(Object.assign({
-        event_id: createEventId(),
-        app_session_id: createAppSessionId(),
-        persistent_id: createPersistentId(),
-        client_sent_at: new Date().toISOString(),
-        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
-      }, this.additionalTelemetryDataFn()), {
-        app: {
-          identifier: window.location.hostname
-        },
-        sdk: {
-          identifier: 'Stytch.js Javascript SDK',
-          version: version
-        }
-      });
-    }
-  }, {
-    key: "fetchSDK",
-    value: function fetchSDK(_ref5) {
-      var url = _ref5.url,
-        body = _ref5.body,
-        errorMessage = _ref5.errorMessage,
-        method = _ref5.method;
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee12() {
-        var sessionToken, basicAuthHeader, xSDKClientHeader, xSDKParentHostHeader;
-        return _regeneratorRuntime2().wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
-            case 0:
-              sessionToken = this._subscriptionDataLayer.readSessionCookie().session_token;
-              basicAuthHeader = 'Basic ' + window.btoa(this._publicToken + ':' + (sessionToken || this._publicToken));
-              xSDKClientHeader = window.btoa(JSON.stringify(this.createTelemetryBlob()));
-              xSDKParentHostHeader = window.location.origin;
-              return _context12.abrupt("return", baseFetchSDK({
-                basicAuthHeader: basicAuthHeader,
-                body: body,
-                errorMessage: errorMessage,
-                finalURL: this.buildSDKUrl(url),
-                method: method,
-                xSDKClientHeader: xSDKClientHeader,
-                xSDKParentHostHeader: xSDKParentHostHeader
-              }));
-            case 5:
-            case "end":
-              return _context12.stop();
-          }
-        }, _callee12, this);
-      }));
-    }
-  }, {
-    key: "retriableFetchSDK",
-    value: function retriableFetchSDK(_ref6) {
-      var url = _ref6.url,
-        body = _ref6.body,
-        errorMessage = _ref6.errorMessage,
-        method = _ref6.method,
-        retryCallback = _ref6.retryCallback;
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee59() {
-        var sessionToken, basicAuthHeader, xSDKClientHeader, xSDKParentHostHeader;
-        return _regeneratorRuntime2().wrap(function _callee59$(_context59) {
-          while (1) switch (_context59.prev = _context59.next) {
-            case 0:
-              sessionToken = this._subscriptionDataLayer.readSessionCookie().session_token;
-              basicAuthHeader = 'Basic ' + window.btoa(this._publicToken + ':' + (sessionToken || this._publicToken));
-              xSDKClientHeader = window.btoa(JSON.stringify(this.createTelemetryBlob()));
-              xSDKParentHostHeader = window.location.origin;
-              return _context59.abrupt("return", _retriableFetchSDK({
-                basicAuthHeader: basicAuthHeader,
-                body: body,
-                errorMessage: errorMessage,
-                finalURL: this.buildSDKUrl(url),
-                method: method,
-                xSDKClientHeader: xSDKClientHeader,
-                xSDKParentHostHeader: xSDKParentHostHeader,
-                retryCallback: retryCallback
-              }));
-            case 5:
-            case "end":
-              return _context59.stop();
-          }
-        }, _callee59, this);
-      }));
-    }
-  }, {
-    key: "buildSDKUrl",
-    value: function buildSDKUrl(url) {
-      return "".concat(this.baseURL, "/sdk/v1").concat(url);
-    }
-  }]);
-  return NetworkClient;
-}();
 var navigatorSupportsFedCM = typeof window !== 'undefined' && 'IdentityCredential' in window;
 var getConfiguredEmbeddedMode = function getConfiguredEmbeddedMode(position) {
   if (position === OneTapPositions.forceLegacyEmbedded) {
@@ -4866,15 +4739,15 @@ var GoogleOneTapClient = /*#__PURE__*/function () {
     }
   }, {
     key: "render",
-    value: function render(_ref8) {
-      var callback = _ref8.callback,
-        onOneTapCancelled = _ref8.onOneTapCancelled,
-        style = _ref8.style;
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee60() {
+    value: function render(_ref4) {
+      var callback = _ref4.callback,
+        onOneTapCancelled = _ref4.onOneTapCancelled,
+        style = _ref4.style;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee12() {
         var _this13 = this;
         var embeddedMode, shouldRenderEmbeddedOneTap, config;
-        return _regeneratorRuntime2().wrap(function _callee60$(_context60) {
-          while (1) switch (_context60.prev = _context60.next) {
+        return _regeneratorRuntime2().wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               embeddedMode = getConfiguredEmbeddedMode(style.position);
               shouldRenderEmbeddedOneTap = getShouldRenderEmbeddedOneTap(style.position);
@@ -4891,7 +4764,7 @@ var GoogleOneTapClient = /*#__PURE__*/function () {
                 config.cancel_on_tap_outside = false;
               }
               this._googleClient.initialize(config);
-              return _context60.abrupt("return", new Promise(function (resolve) {
+              return _context12.abrupt("return", new Promise(function (resolve) {
                 _this13._googleClient.prompt(function (notification) {
                   var _a, _b, _c, _d, _e;
                   if (notification.isSkippedMoment()) {
@@ -4920,9 +4793,9 @@ var GoogleOneTapClient = /*#__PURE__*/function () {
               }));
             case 6:
             case "end":
-              return _context60.stop();
+              return _context12.stop();
           }
-        }, _callee60, this);
+        }, _callee12, this);
       }));
     }
   }, {
@@ -4951,32 +4824,32 @@ var OneTapProvider = /*#__PURE__*/function () {
     _classCallCheck2(this, OneTapProvider);
     this._publicToken = _publicToken;
     this.clientsideServices = clientsideServices;
-    this.createOnSuccessHandler = function (_ref9) {
-      var loginRedirectUrl = _ref9.loginRedirectUrl,
-        signupRedirectUrl = _ref9.signupRedirectUrl,
-        onSuccess = _ref9.onSuccess;
+    this.createOnSuccessHandler = function (_ref5) {
+      var loginRedirectUrl = _ref5.loginRedirectUrl,
+        signupRedirectUrl = _ref5.signupRedirectUrl,
+        onSuccess = _ref5.onSuccess;
       return function (response) {
-        return __awaiter(_this14, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee61() {
+        return __awaiter(_this14, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee59() {
           var credential, _yield$this$submitGoo, redirect_url;
-          return _regeneratorRuntime2().wrap(function _callee61$(_context61) {
-            while (1) switch (_context61.prev = _context61.next) {
+          return _regeneratorRuntime2().wrap(function _callee59$(_context59) {
+            while (1) switch (_context59.prev = _context59.next) {
               case 0:
                 credential = response.credential;
-                _context61.next = 3;
+                _context59.next = 3;
                 return this.submitGoogleOneTapToken({
                   credential: credential,
                   loginRedirectUrl: loginRedirectUrl,
                   signupRedirectUrl: signupRedirectUrl
                 });
               case 3:
-                _yield$this$submitGoo = _context61.sent;
+                _yield$this$submitGoo = _context59.sent;
                 redirect_url = _yield$this$submitGoo.redirect_url;
                 onSuccess(redirect_url);
               case 6:
               case "end":
-                return _context61.stop();
+                return _context59.stop();
             }
-          }, _callee61, this);
+          }, _callee59, this);
         }));
       };
     };
@@ -4987,53 +4860,53 @@ var OneTapProvider = /*#__PURE__*/function () {
   _createClass2(OneTapProvider, [{
     key: "createOneTapClient",
     value: function createOneTapClient() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee62() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee60() {
         var googleClientId, _yield$this$fetchGoog, err, client;
-        return _regeneratorRuntime2().wrap(function _callee62$(_context62) {
-          while (1) switch (_context62.prev = _context62.next) {
+        return _regeneratorRuntime2().wrap(function _callee60$(_context60) {
+          while (1) switch (_context60.prev = _context60.next) {
             case 0:
-              _context62.prev = 0;
-              _context62.next = 3;
+              _context60.prev = 0;
+              _context60.next = 3;
               return this.fetchGoogleStart();
             case 3:
-              _yield$this$fetchGoog = _context62.sent;
+              _yield$this$fetchGoog = _context60.sent;
               googleClientId = _yield$this$fetchGoog.googleClientId;
-              _context62.next = 11;
+              _context60.next = 11;
               break;
             case 7:
-              _context62.prev = 7;
-              _context62.t0 = _context62["catch"](0);
-              err = _context62.t0;
-              return _context62.abrupt("return", {
+              _context60.prev = 7;
+              _context60.t0 = _context60["catch"](0);
+              err = _context60.t0;
+              return _context60.abrupt("return", {
                 success: false,
                 reason: err.error_type
               });
             case 11:
               if (!(googleClientId === '')) {
-                _context62.next = 13;
+                _context60.next = 13;
                 break;
               }
-              return _context62.abrupt("return", {
+              return _context60.abrupt("return", {
                 success: false,
                 reason: 'oauth_config_not_found'
               });
             case 13:
-              _context62.t1 = GoogleOneTapClient;
-              _context62.next = 16;
+              _context60.t1 = GoogleOneTapClient;
+              _context60.next = 16;
               return loadGoogleOneTapClient();
             case 16:
-              _context62.t2 = _context62.sent;
-              _context62.t3 = googleClientId;
-              client = new _context62.t1(_context62.t2, _context62.t3);
-              return _context62.abrupt("return", {
+              _context60.t2 = _context60.sent;
+              _context60.t3 = googleClientId;
+              client = new _context60.t1(_context60.t2, _context60.t3);
+              return _context60.abrupt("return", {
                 success: true,
                 client: client
               });
             case 20:
             case "end":
-              return _context62.stop();
+              return _context60.stop();
           }
-        }, _callee62, this, [[0, 7]]);
+        }, _callee60, this, [[0, 7]]);
       }));
     }
   }, {
@@ -5049,21 +4922,21 @@ var OneTapProvider = /*#__PURE__*/function () {
     }
   }, {
     key: "submitGoogleOneTapToken",
-    value: function submitGoogleOneTapToken(_ref10) {
-      var credential = _ref10.credential,
-        loginRedirectUrl = _ref10.loginRedirectUrl,
-        signupRedirectUrl = _ref10.signupRedirectUrl;
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee63() {
+    value: function submitGoogleOneTapToken(_ref6) {
+      var credential = _ref6.credential,
+        loginRedirectUrl = _ref6.loginRedirectUrl,
+        signupRedirectUrl = _ref6.signupRedirectUrl;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee61() {
         var _yield$this$fetchGoog2, oauthCallbackId;
-        return _regeneratorRuntime2().wrap(function _callee63$(_context63) {
-          while (1) switch (_context63.prev = _context63.next) {
+        return _regeneratorRuntime2().wrap(function _callee61$(_context61) {
+          while (1) switch (_context61.prev = _context61.next) {
             case 0:
-              _context63.next = 2;
+              _context61.next = 2;
               return this.fetchGoogleStart();
             case 2:
-              _yield$this$fetchGoog2 = _context63.sent;
+              _yield$this$fetchGoog2 = _context61.sent;
               oauthCallbackId = _yield$this$fetchGoog2.oauthCallbackId;
-              return _context63.abrupt("return", this.clientsideServices.oneTapSubmit({
+              return _context61.abrupt("return", this.clientsideServices.oneTapSubmit({
                 publicToken: this._publicToken,
                 idToken: credential,
                 loginRedirectURL: loginRedirectUrl,
@@ -5072,9 +4945,9 @@ var OneTapProvider = /*#__PURE__*/function () {
               }));
             case 5:
             case "end":
-              return _context63.stop();
+              return _context61.stop();
           }
-        }, _callee63, this);
+        }, _callee61, this);
       }));
     }
   }], [{
@@ -5121,22 +4994,22 @@ var PKCEManager = /*#__PURE__*/function () {
   }, {
     key: "startPKCETransaction",
     value: function startPKCETransaction() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee64() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee62() {
         var keyPair;
-        return _regeneratorRuntime2().wrap(function _callee64$(_context64) {
-          while (1) switch (_context64.prev = _context64.next) {
+        return _regeneratorRuntime2().wrap(function _callee62$(_context62) {
+          while (1) switch (_context62.prev = _context62.next) {
             case 0:
-              _context64.next = 2;
+              _context62.next = 2;
               return PKCEManager.createProofkeyPair();
             case 2:
-              keyPair = _context64.sent;
+              keyPair = _context62.sent;
               this._dataLayer.setItem(this.key(), JSON.stringify(keyPair));
-              return _context64.abrupt("return", keyPair);
+              return _context62.abrupt("return", keyPair);
             case 5:
             case "end":
-              return _context64.stop();
+              return _context62.stop();
           }
-        }, _callee64, this);
+        }, _callee62, this);
       }));
     }
   }, {
@@ -5161,36 +5034,36 @@ var PKCEManager = /*#__PURE__*/function () {
   }], [{
     key: "createProofkeyPair",
     value: function createProofkeyPair() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee65() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee63() {
         var bytes, codeVerifier, digest;
-        return _regeneratorRuntime2().wrap(function _callee65$(_context65) {
-          while (1) switch (_context65.prev = _context65.next) {
+        return _regeneratorRuntime2().wrap(function _callee63$(_context63) {
+          while (1) switch (_context63.prev = _context63.next) {
             case 0:
               bytes = new Uint32Array(16);
               window.crypto.getRandomValues(bytes);
               codeVerifier = Array.from(bytes).map(toHex).join('');
-              _context65.next = 5;
+              _context63.next = 5;
               return window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(codeVerifier));
             case 5:
-              digest = _context65.sent;
-              return _context65.abrupt("return", {
+              digest = _context63.sent;
+              return _context63.abrupt("return", {
                 code_challenge: base64URLEncode(digest),
                 code_verifier: codeVerifier
               });
             case 7:
             case "end":
-              return _context65.stop();
+              return _context63.stop();
           }
-        }, _callee65);
+        }, _callee63);
       }));
     }
   }]);
   return PKCEManager;
 }();
 var createDeepEqual = function createDeepEqual() {
-  var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref11$KEYS_TO_EXCLUD = _ref11.KEYS_TO_EXCLUDE,
-    KEYS_TO_EXCLUDE = _ref11$KEYS_TO_EXCLUD === void 0 ? [] : _ref11$KEYS_TO_EXCLUD;
+  var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref8$KEYS_TO_EXCLUDE = _ref8.KEYS_TO_EXCLUDE,
+    KEYS_TO_EXCLUDE = _ref8$KEYS_TO_EXCLUDE === void 0 ? [] : _ref8$KEYS_TO_EXCLUDE;
   var deepEqual = function deepEqual(a, b) {
     if (_typeof2(a) !== _typeof2(b)) return false;
     if (a === null || b === null) return a === b;
@@ -5198,14 +5071,14 @@ var createDeepEqual = function createDeepEqual() {
       if (Object.keys(a).length !== Object.keys(b).length || Object.keys(a).some(function (k) {
         return !(k in b);
       })) return false;
-      return Object.entries(a).filter(function (_ref12) {
-        var _ref13 = _slicedToArray2(_ref12, 1),
-          k = _ref13[0];
+      return Object.entries(a).filter(function (_ref9) {
+        var _ref10 = _slicedToArray2(_ref9, 1),
+          k = _ref10[0];
         return !KEYS_TO_EXCLUDE.includes(k);
-      }).every(function (_ref14) {
-        var _ref15 = _slicedToArray2(_ref14, 2),
-          k = _ref15[0],
-          v = _ref15[1];
+      }).every(function (_ref11) {
+        var _ref12 = _slicedToArray2(_ref11, 2),
+          k = _ref12[0],
+          v = _ref12[1];
         return deepEqual(v, b[k]);
       });
     }
@@ -5217,15 +5090,14 @@ var isLocalhost = function isLocalhost() {
   return Boolean(window.location.hostname === 'localhost' || window.location.hostname === '[::1]' || window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
 };
 var buildFinalConfig = function buildFinalConfig(opts) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f;
   return {
     cookieOptions: opts === null || opts === void 0 ? void 0 : opts.cookieOptions,
     endpoints: {
-      sdkBackendURL: (_b = (_a = opts === null || opts === void 0 ? void 0 : opts.endpoints) === null || _a === void 0 ? void 0 : _a.sdkBackendURL) !== null && _b !== void 0 ? _b : STYTCH_WEB_BACKEND_URL,
-      testAPIURL: (_d = (_c = opts === null || opts === void 0 ? void 0 : opts.endpoints) === null || _c === void 0 ? void 0 : _c.testAPIURL) !== null && _d !== void 0 ? _d : TEST_API_URL,
-      liveAPIURL: (_f = (_e = opts === null || opts === void 0 ? void 0 : opts.endpoints) === null || _e === void 0 ? void 0 : _e.liveAPIURL) !== null && _f !== void 0 ? _f : LIVE_API_URL,
+      testAPIURL: (_b = (_a = opts === null || opts === void 0 ? void 0 : opts.endpoints) === null || _a === void 0 ? void 0 : _a.testAPIURL) !== null && _b !== void 0 ? _b : TEST_API_URL,
+      liveAPIURL: (_d = (_c = opts === null || opts === void 0 ? void 0 : opts.endpoints) === null || _c === void 0 ? void 0 : _c.liveAPIURL) !== null && _d !== void 0 ? _d : LIVE_API_URL,
       dfpBackendURL: getDFPBackendURL(opts),
-      clientsideServicesIframeURL: (_h = (_g = opts === null || opts === void 0 ? void 0 : opts.endpoints) === null || _g === void 0 ? void 0 : _g.clientsideServicesIframeURL) !== null && _h !== void 0 ? _h : CLIENTSIDE_SERVICES_IFRAME_URL
+      clientsideServicesIframeURL: (_f = (_e = opts === null || opts === void 0 ? void 0 : opts.endpoints) === null || _e === void 0 ? void 0 : _e.clientsideServicesIframeURL) !== null && _f !== void 0 ? _f : CLIENTSIDE_SERVICES_IFRAME_URL
     }
   };
 };
@@ -5533,11 +5405,11 @@ var SubscriptionDataLayer = /*#__PURE__*/function () {
     }
   }], [{
     key: "generateCookieOpts",
-    value: function generateCookieOpts(_ref16) {
-      var path = _ref16.path,
-        domain = _ref16.domain,
-        availableToSubdomains = _ref16.availableToSubdomains,
-        expiresAt = _ref16.expiresAt;
+    value: function generateCookieOpts(_ref13) {
+      var path = _ref13.path,
+        domain = _ref13.domain,
+        availableToSubdomains = _ref13.availableToSubdomains,
+        expiresAt = _ref13.expiresAt;
       var cookieOpts = {
         expires: new Date(expiresAt),
         sameSite: 'lax'
@@ -5775,18 +5647,135 @@ var internalSymB2C = Symbol["for"]('stytch__internal_b2c');
 var writeB2CInternals = function writeB2CInternals(obj, internals) {
   Object.assign(obj, _defineProperty({}, internalSymB2C, internals));
 };
-var APINetworkClient = /*#__PURE__*/function (_NetworkClient) {
-  _inherits2(APINetworkClient, _NetworkClient);
-  function APINetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, _additionalTelemetryDataFn) {
-    _classCallCheck2(this, APINetworkClient);
-    var apiBackendURL = _liveAPIURL;
+var version = "5.0.0";
+var NetworkClient = /*#__PURE__*/function () {
+  function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
+    _classCallCheck2(this, NetworkClient);
+    this._publicToken = _publicToken;
+    this._subscriptionDataLayer = _subscriptionDataLayer;
+    this.additionalTelemetryDataFn = additionalTelemetryDataFn;
+    this.updateSessionToken = function () {
+      return null;
+    };
+    this.baseURL = _liveAPIURL;
     if (isTestPublicToken(_publicToken)) {
-      apiBackendURL = _testAPIURL;
+      this.baseURL = _testAPIURL;
     }
-    return _callSuper2(this, APINetworkClient, [_publicToken, _subscriptionDataLayer, apiBackendURL, _additionalTelemetryDataFn]);
+    this.eventLogger = new EventLogger({
+      maxBatchSize: DEFAULT_MAX_BATCH_SIZE,
+      intervalDurationMs: DEFAULT_INTERVAL_DURATION_MS,
+      logEventURL: this.buildSDKUrl('/events')
+    });
   }
-  return _createClass2(APINetworkClient);
-}(NetworkClient);
+  _createClass2(NetworkClient, [{
+    key: "logEvent",
+    value: function logEvent(_ref14) {
+      var name = _ref14.name,
+        details = _ref14.details,
+        _ref14$error = _ref14.error,
+        error = _ref14$error === void 0 ? {} : _ref14$error;
+      this.eventLogger.logEvent(this.createTelemetryBlob(), {
+        public_token: this._publicToken,
+        event_name: name,
+        details: details,
+        error_code: error.error_code,
+        error_description: error.error_description,
+        http_status_code: error.http_status_code
+      });
+    }
+  }, {
+    key: "createTelemetryBlob",
+    value: function createTelemetryBlob() {
+      return Object.assign(Object.assign({
+        event_id: createEventId(),
+        app_session_id: createAppSessionId(),
+        persistent_id: createPersistentId(),
+        client_sent_at: new Date().toISOString(),
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
+      }, this.additionalTelemetryDataFn()), {
+        app: {
+          identifier: window.location.hostname
+        },
+        sdk: {
+          identifier: 'Stytch.js Javascript SDK',
+          version: version
+        }
+      });
+    }
+  }, {
+    key: "fetchSDK",
+    value: function fetchSDK(_ref15) {
+      var url = _ref15.url,
+        body = _ref15.body,
+        errorMessage = _ref15.errorMessage,
+        method = _ref15.method;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee64() {
+        var sessionToken, basicAuthHeader, xSDKClientHeader, xSDKParentHostHeader;
+        return _regeneratorRuntime2().wrap(function _callee64$(_context64) {
+          while (1) switch (_context64.prev = _context64.next) {
+            case 0:
+              sessionToken = this._subscriptionDataLayer.readSessionCookie().session_token;
+              basicAuthHeader = 'Basic ' + window.btoa(this._publicToken + ':' + (sessionToken || this._publicToken));
+              xSDKClientHeader = window.btoa(JSON.stringify(this.createTelemetryBlob()));
+              xSDKParentHostHeader = window.location.origin;
+              return _context64.abrupt("return", baseFetchSDK({
+                basicAuthHeader: basicAuthHeader,
+                body: body,
+                errorMessage: errorMessage,
+                finalURL: this.buildSDKUrl(url),
+                method: method,
+                xSDKClientHeader: xSDKClientHeader,
+                xSDKParentHostHeader: xSDKParentHostHeader
+              }));
+            case 5:
+            case "end":
+              return _context64.stop();
+          }
+        }, _callee64, this);
+      }));
+    }
+  }, {
+    key: "retriableFetchSDK",
+    value: function retriableFetchSDK(_ref16) {
+      var url = _ref16.url,
+        body = _ref16.body,
+        errorMessage = _ref16.errorMessage,
+        method = _ref16.method,
+        retryCallback = _ref16.retryCallback;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime2().mark(function _callee65() {
+        var sessionToken, basicAuthHeader, xSDKClientHeader, xSDKParentHostHeader;
+        return _regeneratorRuntime2().wrap(function _callee65$(_context65) {
+          while (1) switch (_context65.prev = _context65.next) {
+            case 0:
+              sessionToken = this._subscriptionDataLayer.readSessionCookie().session_token;
+              basicAuthHeader = 'Basic ' + window.btoa(this._publicToken + ':' + (sessionToken || this._publicToken));
+              xSDKClientHeader = window.btoa(JSON.stringify(this.createTelemetryBlob()));
+              xSDKParentHostHeader = window.location.origin;
+              return _context65.abrupt("return", _retriableFetchSDK({
+                basicAuthHeader: basicAuthHeader,
+                body: body,
+                errorMessage: errorMessage,
+                finalURL: this.buildSDKUrl(url),
+                method: method,
+                xSDKClientHeader: xSDKClientHeader,
+                xSDKParentHostHeader: xSDKParentHostHeader,
+                retryCallback: retryCallback
+              }));
+            case 5:
+            case "end":
+              return _context65.stop();
+          }
+        }, _callee65, this);
+      }));
+    }
+  }, {
+    key: "buildSDKUrl",
+    value: function buildSDKUrl(url) {
+      return "".concat(this.baseURL, "/sdk/v1").concat(url);
+    }
+  }]);
+  return NetworkClient;
+}();
 var StytchHeadlessClient = /*#__PURE__*/_createClass2(function StytchHeadlessClient(_PUBLIC_TOKEN, options) {
   var _this19 = this;
   _classCallCheck2(this, StytchHeadlessClient);
@@ -5809,8 +5798,7 @@ var StytchHeadlessClient = /*#__PURE__*/_createClass2(function StytchHeadlessCli
     };
   };
   var passwordsPKCEManager = new PKCEManager(this._dataLayer, 'passwords');
-  this._networkClient = new NetworkClient(_PUBLIC_TOKEN, this._dataLayer, config.endpoints.sdkBackendURL, additionalTelemetryDataFn);
-  this._apiNetworkClient = new APINetworkClient(_PUBLIC_TOKEN, this._dataLayer, config.endpoints.liveAPIURL, config.endpoints.testAPIURL, additionalTelemetryDataFn);
+  this._networkClient = new NetworkClient(_PUBLIC_TOKEN, this._dataLayer, config.endpoints.liveAPIURL, config.endpoints.testAPIURL, additionalTelemetryDataFn);
   var bootstrap = new BootstrapDataManager(_PUBLIC_TOKEN, this._networkClient, this._dataLayer);
   var captcha = new CaptchaProvider(bootstrap.getAsync());
   var dfpProtectedAuth = new DFPProtectedAuthProvider(_PUBLIC_TOKEN, config.endpoints.dfpBackendURL, bootstrap.getAsync(), captcha.executeRecaptcha);
@@ -5826,7 +5814,7 @@ var StytchHeadlessClient = /*#__PURE__*/_createClass2(function StytchHeadlessCli
     testAPIURL: config.endpoints.testAPIURL,
     liveAPIURL: config.endpoints.liveAPIURL
   }, oneTap);
-  this.cryptoWallets = new HeadlessCryptoWalletClient(this._networkClient, this._apiNetworkClient, this._subscriptionService, captcha.executeRecaptcha, dfpProtectedAuth, bootstrap.getAsync());
+  this.cryptoWallets = new HeadlessCryptoWalletClient(this._networkClient, this._networkClient, this._subscriptionService, captcha.executeRecaptcha, dfpProtectedAuth, bootstrap.getAsync());
   this.totps = new HeadlessTOTPClient(this._networkClient, this._subscriptionService, dfpProtectedAuth);
   this.webauthn = new HeadlessWebAuthnClient(this._networkClient, this._subscriptionService, dfpProtectedAuth);
   this.passwords = new HeadlessPasswordClient(this._networkClient, this._subscriptionService, passwordsPKCEManager, bootstrap.getAsync(), dfpProtectedAuth);