@imtbl/sdk 0.45.4 → 0.45.6

package/dist/orderbook.js

@@ -3,6 +3,266 @@ import FormData from 'form-data';
 import { providers, BigNumber, constants as constants$1 } from 'ethers';
 import { Seaport as Seaport$1 } from '@opensea/seaport-js';
 
+const isNode = () => typeof window === 'undefined';
+const isBrowser = () => !isNode();
+
+var Detail;
+(function (Detail) {
+    Detail["RUNTIME_ID"] = "rid";
+    Detail["PASSPORT_CLIENT_ID"] = "passportClientId";
+    Detail["ENVIRONMENT"] = "env";
+    Detail["PUBLISHABLE_API_KEY"] = "pak";
+    Detail["IDENTITY"] = "uid";
+    Detail["DOMAIN"] = "domain";
+})(Detail || (Detail = {}));
+var Store;
+(function (Store) {
+    Store["EVENTS"] = "events";
+    Store["RUNTIME"] = "runtime";
+})(Store || (Store = {}));
+const POLLING_FREQUENCY = 5000;
+
+const IMTBL_API = 'https://api.x.immutable.com';
+async function post(path, data) {
+    const client = axios.create({
+        baseURL: IMTBL_API,
+    });
+    const payload = JSON.stringify(data);
+    const body = {
+        payload: btoa(payload),
+    };
+    const response = await client.post(path, body);
+    return response.data;
+}
+
+/**
+ * Abstraction on localstorage
+ */
+const localStoragePrefix = '__IMX-';
+const hasLocalstorage = () => isBrowser() && window.localStorage;
+const parseItem = (payload) => {
+    // Try to parse, if can't be parsed assume string
+    // and return string
+    if (payload === null)
+        return undefined;
+    try {
+        return JSON.parse(payload);
+    }
+    catch (error) {
+        // Assumes it's a string.
+        return payload;
+    }
+};
+const serialiseItem = (payload) => {
+    if (typeof payload === 'string') {
+        return payload;
+    }
+    return JSON.stringify(payload);
+};
+/**
+ * GenKey will take into account the namespace
+ * as well as if being run in the Link, it will tap into the link
+ * @param {string} key
+ * @returns key
+ */
+const genKey = (key) => `${localStoragePrefix}${key}`;
+function getItem(key) {
+    if (hasLocalstorage()) {
+        return parseItem(window.localStorage.getItem(genKey(key)));
+    }
+    return undefined;
+}
+const setItem = (key, payload) => {
+    if (hasLocalstorage()) {
+        window.localStorage.setItem(genKey(key), serialiseItem(payload));
+        return true;
+    }
+    return false;
+};
+
+// In memory storage for events and other data
+let EVENT_STORE;
+let RUNTIME_DETAILS;
+// Initialise store and runtime
+const initialise$1 = () => {
+    EVENT_STORE = getItem(Store.EVENTS) || [];
+    RUNTIME_DETAILS = getItem(Store.RUNTIME) || {};
+};
+initialise$1();
+// Runtime Details
+const storeDetail = (key, value) => {
+    RUNTIME_DETAILS = {
+        ...RUNTIME_DETAILS,
+        [key]: value,
+    };
+    setItem(Store.RUNTIME, RUNTIME_DETAILS);
+};
+const getDetail = (key) => {
+    // Handle the scenario where detail is a falsy value
+    if (RUNTIME_DETAILS[key] === undefined) {
+        return undefined;
+    }
+    return RUNTIME_DETAILS[key];
+};
+const getAllDetails = () => RUNTIME_DETAILS;
+// Events
+const getEvents = () => EVENT_STORE;
+const addEvent = (event) => {
+    EVENT_STORE.push(event);
+    setItem(Store.EVENTS, EVENT_STORE);
+};
+const removeSentEvents = (numberOfEvents) => {
+    EVENT_STORE = EVENT_STORE.slice(numberOfEvents);
+    setItem(Store.EVENTS, EVENT_STORE);
+};
+const flattenProperties = (properties) => {
+    const propertyMap = [];
+    Object.entries(properties).forEach(([key, value]) => {
+        if (typeof key === 'string'
+            || typeof value === 'string'
+            || typeof value === 'number'
+            || typeof value === 'boolean') {
+            propertyMap.push([key, value.toString()]);
+        }
+    });
+    return propertyMap;
+};
+
+let initialised = false;
+const isInitialised = () => initialised;
+const getReferrer = () => {
+    if (isNode()) {
+        return '';
+    }
+    if (window.location.ancestorOrigins
+        && window.location.ancestorOrigins.length > 0) {
+        return new URL(window.location.ancestorOrigins[0]).hostname;
+    }
+    return document.referrer ? new URL(window.document.referrer).hostname : '';
+};
+const runtimeHost = () => {
+    if (isNode()) {
+        return '';
+    }
+    if (window.opener || window.parent !== window) {
+        return getReferrer();
+    }
+    return new URL(window.location.href).hostname;
+};
+const getRuntimeDetails = () => {
+    if (isNode()) {
+        return { browser: 'nodejs' };
+    }
+    const domain = runtimeHost();
+    if (domain) {
+        storeDetail(Detail.DOMAIN, domain);
+    }
+    return {
+        browser: window.navigator.userAgent,
+        domain,
+        tz: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        screen: `${window.screen.width}x${window.screen.height}`,
+    };
+};
+const initialise = async () => {
+    const runtimeDetails = flattenProperties(getRuntimeDetails());
+    // Get any existing runtimeId and send it along with the initialise
+    const existingRuntimeId = getDetail(Detail.RUNTIME_ID);
+    const body = {
+        version: 1,
+        data: {
+            runtimeDetails,
+            runtimeId: existingRuntimeId,
+        },
+    };
+    const response = await post('/v1/sdk/initialise', body);
+    // Get runtimeId and store it
+    const { runtimeId } = response;
+    storeDetail(Detail.RUNTIME_ID, runtimeId);
+    initialised = true;
+};
+
+function errorBoundary(fn) {
+    const wrappedFunction = ((...args) => {
+        try {
+            // Execute the original function
+            const result = fn(...args);
+            if (result instanceof Promise) {
+                // Silent fail for now, in future
+                // we can send errors to a logging service
+                return result.catch(() => undefined);
+            }
+            return result;
+        }
+        catch (error) {
+            // As above, fail silently for now
+            return undefined;
+        }
+    });
+    return wrappedFunction;
+}
+
+function isTestEnvironment() {
+    if (typeof process === 'undefined') {
+        return false;
+    }
+    return process.env.JEST_WORKER_ID !== undefined;
+}
+
+// Store the event in the event store
+const trackFn = (moduleName, eventName, properties) => {
+    const event = {
+        event: `${moduleName}.${eventName}`,
+        time: new Date().toISOString(),
+        ...(properties && { properties: flattenProperties(properties) }),
+    };
+    addEvent(event);
+};
+const track = errorBoundary(trackFn);
+// Sending events to the server
+const flushFn = async () => {
+    // Don't flush if not initialised
+    if (isInitialised() === false) {
+        await initialise();
+        return;
+    }
+    const events = getEvents();
+    if (events.length === 0) {
+        return;
+    }
+    // Track events length here, incase
+    const numEvents = events.length;
+    // Get details and send it with the track request
+    const details = getAllDetails();
+    const metricsPayload = {
+        version: 1,
+        data: {
+            events,
+            details,
+        },
+    };
+    const response = await post('/v1/sdk/metrics', metricsPayload);
+    if (response instanceof Error) {
+        return;
+    }
+    // Clear events if successfully posted
+    removeSentEvents(numEvents);
+};
+const flush = errorBoundary(flushFn);
+// Flush events every 5 seconds
+const flushPoll = async () => {
+    await flush();
+    setTimeout(flushPoll, POLLING_FREQUENCY);
+};
+// This will get initialised when module is imported.
+if (!isTestEnvironment()) {
+    errorBoundary(flushPoll)();
+}
+
+track('metrics', 'sdk_version', {
+    version: '0.45.6',
+});
+
 var Environment;
 (function (Environment) {
     Environment["PRODUCTION"] = "production";

package/dist/passport.d.ts

@@ -9832,9 +9832,9 @@ type ImmutableConfigurationWithRequireableFields<T> = ImmutableConfiguration & (
 } ? Required<{
     publishableKey: string;
 }> : {});
-type ImmutableConfigurationWithOmitableFields<T> = (T extends {
+type ImmutableConfigurationWithOmitableFields<T> = T extends {
     apiKey: 'omit';
-} ? Omit<ImmutableConfigurationWithRequireableFields<T>, 'apiKey'> : ImmutableConfigurationWithRequireableFields<T>);
+} ? Omit<ImmutableConfigurationWithRequireableFields<T>, 'apiKey'> : ImmutableConfigurationWithRequireableFields<T>;
 interface ModuleConfiguration<T> {
     baseConfig: ImmutableConfigurationWithOmitableFields<T>;
     overrides?: T;

package/dist/passport.js

@@ -8724,7 +8724,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-0.45.4' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-0.45.6' };
 const createConfig = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');
@@ -8777,6 +8777,291 @@ const multiRollupConfig = {
     }),
 };
 
+const isNode = () => typeof window === 'undefined';
+const isBrowser = () => !isNode();
+
+var Detail;
+(function (Detail) {
+    Detail["RUNTIME_ID"] = "rid";
+    Detail["PASSPORT_CLIENT_ID"] = "passportClientId";
+    Detail["ENVIRONMENT"] = "env";
+    Detail["PUBLISHABLE_API_KEY"] = "pak";
+    Detail["IDENTITY"] = "uid";
+    Detail["DOMAIN"] = "domain";
+})(Detail || (Detail = {}));
+var Store;
+(function (Store) {
+    Store["EVENTS"] = "events";
+    Store["RUNTIME"] = "runtime";
+})(Store || (Store = {}));
+const POLLING_FREQUENCY = 5000;
+
+const IMTBL_API = 'https://api.x.immutable.com';
+async function post(path, data) {
+    const client = globalAxios$1.create({
+        baseURL: IMTBL_API,
+    });
+    const payload = JSON.stringify(data);
+    const body = {
+        payload: btoa(payload),
+    };
+    const response = await client.post(path, body);
+    return response.data;
+}
+
+/**
+ * Abstraction on localstorage
+ */
+const localStoragePrefix = '__IMX-';
+const hasLocalstorage = () => isBrowser() && window.localStorage;
+const parseItem = (payload) => {
+    // Try to parse, if can't be parsed assume string
+    // and return string
+    if (payload === null)
+        return undefined;
+    try {
+        return JSON.parse(payload);
+    }
+    catch (error) {
+        // Assumes it's a string.
+        return payload;
+    }
+};
+const serialiseItem = (payload) => {
+    if (typeof payload === 'string') {
+        return payload;
+    }
+    return JSON.stringify(payload);
+};
+/**
+ * GenKey will take into account the namespace
+ * as well as if being run in the Link, it will tap into the link
+ * @param {string} key
+ * @returns key
+ */
+const genKey = (key) => `${localStoragePrefix}${key}`;
+function getItem(key) {
+    if (hasLocalstorage()) {
+        return parseItem(window.localStorage.getItem(genKey(key)));
+    }
+    return undefined;
+}
+const setItem = (key, payload) => {
+    if (hasLocalstorage()) {
+        window.localStorage.setItem(genKey(key), serialiseItem(payload));
+        return true;
+    }
+    return false;
+};
+
+// In memory storage for events and other data
+let EVENT_STORE;
+let RUNTIME_DETAILS;
+// Initialise store and runtime
+const initialise$1 = () => {
+    EVENT_STORE = getItem(Store.EVENTS) || [];
+    RUNTIME_DETAILS = getItem(Store.RUNTIME) || {};
+};
+initialise$1();
+// Runtime Details
+const storeDetail = (key, value) => {
+    RUNTIME_DETAILS = {
+        ...RUNTIME_DETAILS,
+        [key]: value,
+    };
+    setItem(Store.RUNTIME, RUNTIME_DETAILS);
+};
+const getDetail = (key) => {
+    // Handle the scenario where detail is a falsy value
+    if (RUNTIME_DETAILS[key] === undefined) {
+        return undefined;
+    }
+    return RUNTIME_DETAILS[key];
+};
+const getAllDetails = () => RUNTIME_DETAILS;
+// Events
+const getEvents = () => EVENT_STORE;
+const addEvent = (event) => {
+    EVENT_STORE.push(event);
+    setItem(Store.EVENTS, EVENT_STORE);
+};
+const removeSentEvents = (numberOfEvents) => {
+    EVENT_STORE = EVENT_STORE.slice(numberOfEvents);
+    setItem(Store.EVENTS, EVENT_STORE);
+};
+const flattenProperties = (properties) => {
+    const propertyMap = [];
+    Object.entries(properties).forEach(([key, value]) => {
+        if (typeof key === 'string'
+            || typeof value === 'string'
+            || typeof value === 'number'
+            || typeof value === 'boolean') {
+            propertyMap.push([key, value.toString()]);
+        }
+    });
+    return propertyMap;
+};
+
+let initialised = false;
+const isInitialised = () => initialised;
+const getReferrer = () => {
+    if (isNode()) {
+        return '';
+    }
+    if (window.location.ancestorOrigins
+        && window.location.ancestorOrigins.length > 0) {
+        return new URL(window.location.ancestorOrigins[0]).hostname;
+    }
+    return document.referrer ? new URL(window.document.referrer).hostname : '';
+};
+const runtimeHost = () => {
+    if (isNode()) {
+        return '';
+    }
+    if (window.opener || window.parent !== window) {
+        return getReferrer();
+    }
+    return new URL(window.location.href).hostname;
+};
+const getRuntimeDetails = () => {
+    if (isNode()) {
+        return { browser: 'nodejs' };
+    }
+    const domain = runtimeHost();
+    if (domain) {
+        storeDetail(Detail.DOMAIN, domain);
+    }
+    return {
+        browser: window.navigator.userAgent,
+        domain,
+        tz: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        screen: `${window.screen.width}x${window.screen.height}`,
+    };
+};
+const initialise = async () => {
+    const runtimeDetails = flattenProperties(getRuntimeDetails());
+    // Get any existing runtimeId and send it along with the initialise
+    const existingRuntimeId = getDetail(Detail.RUNTIME_ID);
+    const body = {
+        version: 1,
+        data: {
+            runtimeDetails,
+            runtimeId: existingRuntimeId,
+        },
+    };
+    const response = await post('/v1/sdk/initialise', body);
+    // Get runtimeId and store it
+    const { runtimeId } = response;
+    storeDetail(Detail.RUNTIME_ID, runtimeId);
+    initialised = true;
+};
+
+function errorBoundary(fn) {
+    const wrappedFunction = ((...args) => {
+        try {
+            // Execute the original function
+            const result = fn(...args);
+            if (result instanceof Promise) {
+                // Silent fail for now, in future
+                // we can send errors to a logging service
+                return result.catch(() => undefined);
+            }
+            return result;
+        }
+        catch (error) {
+            // As above, fail silently for now
+            return undefined;
+        }
+    });
+    return wrappedFunction;
+}
+
+function isTestEnvironment() {
+    if (typeof process === 'undefined') {
+        return false;
+    }
+    return process.env.JEST_WORKER_ID !== undefined;
+}
+
+// Store the event in the event store
+const trackFn = (moduleName, eventName, properties) => {
+    const event = {
+        event: `${moduleName}.${eventName}`,
+        time: new Date().toISOString(),
+        ...(properties && { properties: flattenProperties(properties) }),
+    };
+    addEvent(event);
+};
+const track = errorBoundary(trackFn);
+// Sending events to the server
+const flushFn = async () => {
+    // Don't flush if not initialised
+    if (isInitialised() === false) {
+        await initialise();
+        return;
+    }
+    const events = getEvents();
+    if (events.length === 0) {
+        return;
+    }
+    // Track events length here, incase
+    const numEvents = events.length;
+    // Get details and send it with the track request
+    const details = getAllDetails();
+    const metricsPayload = {
+        version: 1,
+        data: {
+            events,
+            details,
+        },
+    };
+    const response = await post('/v1/sdk/metrics', metricsPayload);
+    if (response instanceof Error) {
+        return;
+    }
+    // Clear events if successfully posted
+    removeSentEvents(numEvents);
+};
+const flush = errorBoundary(flushFn);
+// Flush events every 5 seconds
+const flushPoll = async () => {
+    await flush();
+    setTimeout(flushPoll, POLLING_FREQUENCY);
+};
+// This will get initialised when module is imported.
+if (!isTestEnvironment()) {
+    errorBoundary(flushPoll)();
+}
+
+const parseIdentity = (params) => {
+    if (params.passportId) {
+        const key = `passport:${params.passportId.toLowerCase()}`;
+        return key;
+    }
+    if (params.ethAddress) {
+        const key = `ethAddress:${params.ethAddress.toLowerCase()}`;
+        return key;
+    }
+    throw new Error('invalid_identity');
+};
+const identifyFn = (params) => {
+    const identity = parseIdentity(params);
+    if (!identity) {
+        return;
+    }
+    storeDetail(Detail.IDENTITY, identity);
+    track('metrics', 'identify', params.traits);
+};
+const identify = errorBoundary(identifyFn);
+const setPassportClientIdFn = (passportClientId) => {
+    storeDetail(Detail.PASSPORT_CLIENT_ID, passportClientId);
+};
+const setPassportClientId = errorBoundary(setPassportClientIdFn);
+
+track('metrics', 'sdk_version', {
+    version: '0.45.6',
+});
+
 var Environment;
 (function (Environment) {
     Environment["PRODUCTION"] = "production";
@@ -8792,7 +9077,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     chainID,
     coreContractAddress,
     registrationContractAddress,
-    sdkVersion: 'ts-immutable-sdk-0.45.4',
+    sdkVersion: 'ts-immutable-sdk-0.45.6',
 });
 /**
  * Sets `sdkVersion` at the time of build
@@ -15524,7 +15809,8 @@ class Passport {
         this.multiRollupApiClients = new MultiRollupApiClients(this.config.multiRollupConfig);
         this.passportEventEmitter = new TypedEventEmitter();
         const imxClientConfig = this.config.baseConfig.environment === Environment.PRODUCTION
-            ? imxApiConfig.getProduction() : imxApiConfig.getSandbox();
+            ? imxApiConfig.getProduction()
+            : imxApiConfig.getSandbox();
         const imxApiClients = passportModuleConfiguration.overrides?.imxApiClients
             || new ImxApiClients(imxClientConfig);
         this.passportImxProviderFactory = new PassportImxProviderFactory({
@@ -15536,6 +15822,8 @@ class Passport {
             passportEventEmitter: this.passportEventEmitter,
             imxApiClients,
         });
+        setPassportClientId(passportModuleConfiguration.clientId);
+        track('passport', 'initialised');
     }
     /**
      * @deprecated The method `login` with an argument of `{ useCachedSession: true }` should be used in conjunction with
@@ -15581,6 +15869,11 @@ class Passport {
         if (!user && !useCachedSession) {
             user = await this.authManager.login();
         }
+        if (user) {
+            identify({
+                passportId: user.profile.sub,
+            });
+        }
         return user ? user.profile : null;
     }
     async loginCallback() {

package/dist/x.d.ts

@@ -9781,9 +9781,9 @@ type ImmutableConfigurationWithRequireableFields<T> = ImmutableConfiguration & (
 } ? Required<{
     publishableKey: string;
 }> : {});
-type ImmutableConfigurationWithOmitableFields<T> = (T extends {
+type ImmutableConfigurationWithOmitableFields<T> = T extends {
     apiKey: 'omit';
-} ? Omit<ImmutableConfigurationWithRequireableFields<T>, 'apiKey'> : ImmutableConfigurationWithRequireableFields<T>);
+} ? Omit<ImmutableConfigurationWithRequireableFields<T>, 'apiKey'> : ImmutableConfigurationWithRequireableFields<T>;
 interface ModuleConfiguration<T> {
     baseConfig: ImmutableConfigurationWithOmitableFields<T>;
     overrides?: T;