rozmova-analytics 1.0.16 → 1.0.18

package/README.md

@@ -13,10 +13,10 @@ Install the package using npm:
 npm install rozmova-analytics
 ```
 
-Alternatively, you can include the library via jsDelivr:
+Alternatively, you can include the library via jsDelivr to use in browser:
 
 ```bash
-<script src="https://cdn.jsdelivr.net/npm/rozmova-analytics/dist/index.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/rozmova-analytics/dist/index.umd.js"></script>
 ```
 
 ## Usage
@@ -45,6 +45,20 @@ setUser('user-id-123', { email: 'user@example.com', name: 'John Doe' });
 trackEvent('button_click', { button_name: 'Sign Up' });
 ```
 
+Or use in browser:
+
+```javascript
+
+// Initialize the library
+window.Analytics.init('en', 'web');
+
+// Set user
+window.Analytics.setUser('user-id-123', { email: 'user@example.com', name: 'John Doe' });
+
+// Track an event
+window.Analytics.trackEvent('button_click', { button_name: 'Sign Up' });
+```
+
 ## API
 
 ### `init(locale?: string, platform?: string)`

package/dist/analytics.d.ts

@@ -1,17 +1,8 @@
-import { AnalyticsCommonParams, EventParams } from "./types.js";
 export declare function insertCustomerIOScript(): void;
-export declare const setUserId: (userId: string) => void;
 export declare const generateUserId: () => string;
 export declare const getUserId: () => string;
-export declare const setLocale: (newLocale: string) => void;
-export declare const getLocale: () => string;
-export declare const setPlatform: (newPlatform: string) => void;
-export declare const getPlatform: () => string;
-export declare const getCommonParams: () => AnalyticsCommonParams;
-export declare const init: (locale?: string, platform?: string) => void;
-export declare const trackEvent: (eventName: string, properties?: EventParams) => void;
-export declare const setUser: (userId: string, userParams: {
-    email: string;
-    name: string;
-}) => void;
-export declare const resetUser: () => void;
+export declare const getCurrentParams: () => {
+    referrer: any;
+    search_query: any;
+    landing_page_url: any;
+};

package/dist/constants.d.ts

@@ -5,3 +5,5 @@ export declare const GOOGLE_ANALYTICS_ID = "G-9PCTLFE0F6";
 export declare const GA_SERVER_CONTAINER_URL = "https://tagging.clearly.help";
 export declare const MIXPANEL_TOKEN = "9d4cb3d213e5aee689ea01dd68ad65ad";
 export declare const CUSTOMER_IO_WRITE_KEY = "e6d009719c77519432c3";
+export declare const IS_CLEARLY: boolean;
+export declare const SUPPORTED_LANGUAGES: string[];

package/dist/helpers.d.ts

@@ -10,3 +10,4 @@ export declare const getReferrer: () => string | null;
 export declare function getSearchQueryFromReferrer(): string | null;
 export declare const getGAClientId: () => string;
 export declare function getGASessionId(): string | null;
+export declare const getLocaleFromURL: () => string;

package/dist/index.d.ts

@@ -1,14 +1,18 @@
-declare const Analytics: {
-    getUserId: () => string;
-    generateUserId: () => string;
-    init: (locale?: string, platform?: string) => void;
-    getCommonParams: () => import("./types").AnalyticsCommonParams;
-    trackEvent: (eventName: string, properties?: import("./types").EventParams) => void;
-    setUser: (userId: string, userParams: {
+import { AnalyticsCommonParams, EventParams } from "./types";
+declare class Analytics {
+    private initialized;
+    private locale;
+    private platform;
+    init(locale?: string, platform?: string): void;
+    trackEvent(eventName: string, properties?: EventParams): void;
+    setUser(userId: string, userParams: {
         email: string;
         name: string;
-    }) => void;
-    resetUser: () => void;
-    setLocale: (newLocale: string) => void;
-};
-export default Analytics;
+    }): void;
+    getCommonParams(): AnalyticsCommonParams;
+    setLocale(newLocale: string): void;
+    resetUser(): void;
+    getUserId: () => string;
+}
+declare const _default: Analytics;
+export default _default;

package/dist/index.esm.js

@@ -30,7 +30,7 @@ var defaultConverter = {
 
 /* eslint-disable no-var */
 
-function init$1 (converter, defaultAttributes) {
+function init (converter, defaultAttributes) {
   function set (name, value, attributes) {
     if (typeof document === 'undefined') {
       return
@@ -115,10 +115,10 @@ function init$1 (converter, defaultAttributes) {
         );
       },
       withAttributes: function (attributes) {
-        return init$1(this.converter, assign({}, this.attributes, attributes))
+        return init(this.converter, assign({}, this.attributes, attributes))
       },
       withConverter: function (converter) {
-        return init$1(assign({}, this.converter, converter), this.attributes)
+        return init(assign({}, this.converter, converter), this.attributes)
       }
     },
     {
@@ -128,7 +128,7 @@ function init$1 (converter, defaultAttributes) {
   )
 }
 
-var api = init$1(defaultConverter, { path: '/' });
+var api = init(defaultConverter, { path: '/' });
 
 var NodeType;
 (function (NodeType) {
@@ -11945,6 +11945,8 @@ const GOOGLE_ANALYTICS_ID = "G-9PCTLFE0F6";
 const GA_SERVER_CONTAINER_URL = "https://tagging.clearly.help";
 const MIXPANEL_TOKEN = "9d4cb3d213e5aee689ea01dd68ad65ad";
 const CUSTOMER_IO_WRITE_KEY = "e6d009719c77519432c3";
+const IS_CLEARLY = window.location.hostname.includes("clearly");
+const SUPPORTED_LANGUAGES = ["en", "uk", "pl", "es", "ru"];
 
 const setQueryParam = (name, value) => {
     const url = new URL(window.location.href);
@@ -12076,6 +12078,14 @@ function getGASessionId() {
         return parts[0];
     return null;
 }
+const getLocaleFromURL = () => {
+    const pathname = window.location.pathname;
+    const lng = pathname.split("/")[1];
+    if (SUPPORTED_LANGUAGES.includes(lng))
+        return lng;
+    else
+        return IS_CLEARLY ? "en" : "uk";
+};
 
 function insertCustomerIOScript() {
     const scriptContent = `
@@ -12159,108 +12169,115 @@ const getCurrentParams = () => {
     });
     return currentParams;
 };
-const setLocale = (newLocale) => {
-    window.analyticsLocale = newLocale;
-};
-const getLocale = () => window.analyticsLocale;
-const setPlatform = (newPlatform) => {
-    window.analyticsPlatform = newPlatform;
-};
-const getPlatform = () => window.analyticsPlatform || "web";
-const getCommonParams = () => {
-    const persistedParams = getCurrentParams();
-    return {
-        ...persistedParams,
-        fbc: api.get("_fbc"),
-        fbp: api.get("_fbp"),
-        session_id: getGASessionId(),
-        user_pseudo_id: getGAClientId(),
-        rid: getUserId(),
-        funnel_name: api.get("funnel_name"),
-        funnel_type: api.get("funnel_type"),
-        language: getBrowserLanguage(),
-        platform: getPlatform(),
-        url: window.location.href,
-        device: detectDeviceType(),
-        browser: detectBrowser(),
-        system: detectOS(),
-        locale: getLocale(),
-    };
-};
-const init = (locale, platform) => {
-    insertCustomerIOScript();
-    const userId = getUserId();
-    if (isMetaBrowser()) {
-        setQueryParam(USER_ID_KEY, userId);
-    }
-    mixpanel.init(MIXPANEL_TOKEN, {
-        debug: false,
-        track_pageview: "url-with-path",
-        persistence: "cookie",
-    });
-    if (locale)
-        setLocale(locale);
-    if (platform)
-        setPlatform(platform);
-    const userProperties = getCommonParams();
-    mixpanel.register(userProperties);
-    gtag("config", GOOGLE_ANALYTICS_ID, {
-        user_properties: userProperties,
-        server_container_url: GA_SERVER_CONTAINER_URL,
-    });
-};
-const trackEvent = (eventName, properties = {}) => {
-    const commonParams = getCommonParams();
-    const params = { ...commonParams, ...properties };
-    // Mixpanel
-    try {
-        mixpanel.track(eventName, params);
-    }
-    catch (e) {
-        console.log(e);
+
+class Analytics {
+    initialized = false;
+    locale = getLocaleFromURL();
+    platform = "web";
+    init(locale, platform) {
+        if (this.initialized)
+            return;
+        insertCustomerIOScript();
+        const userId = getUserId();
+        if (isMetaBrowser()) {
+            setQueryParam(USER_ID_KEY, userId);
+        }
+        mixpanel.init(MIXPANEL_TOKEN, {
+            debug: false,
+            track_pageview: "url-with-path",
+            persistence: "cookie",
+        });
+        if (locale)
+            this.locale = locale;
+        if (platform)
+            this.platform = platform;
+        const userProperties = this.getCommonParams();
+        mixpanel.register(userProperties);
+        gtag("config", GOOGLE_ANALYTICS_ID, {
+            user_properties: userProperties,
+            server_container_url: GA_SERVER_CONTAINER_URL,
+        });
+        this.initialized = true;
     }
-    // GA
-    try {
-        gtag("event", eventName, params);
+    trackEvent(eventName, properties) {
+        if (!this.initialized) {
+            console.warn("Analytics is not initialized.");
+            return;
+        }
+        const commonParams = this.getCommonParams();
+        const params = { ...commonParams, ...properties };
+        // Mixpanel
+        try {
+            mixpanel.track(eventName, params);
+        }
+        catch (e) {
+            console.log(e);
+        }
+        // GA
+        try {
+            gtag("event", eventName, params);
+        }
+        catch (e) {
+            console.log(e);
+        }
+        // Customer.io
+        try {
+            window.analytics.track(eventName, params);
+        }
+        catch (e) {
+            console.log(e);
+        }
     }
-    catch (e) {
-        console.log(e);
+    setUser(userId, userParams) {
+        if (!this.initialized) {
+            console.warn("Analytics is not initialized.");
+            return;
+        }
+        const { email, name } = userParams;
+        mixpanel.identify(userId);
+        mixpanel.people.set({ $email: email, name });
+        gtag("config", GOOGLE_ANALYTICS_ID, {
+            user_properties: this.getCommonParams(),
+            user_id: userId,
+            server_container_url: GA_SERVER_CONTAINER_URL,
+        });
+        window.analytics.identify(userId, userParams);
+    }
+    getCommonParams() {
+        const persistedParams = getCurrentParams();
+        return {
+            ...persistedParams,
+            fbc: api.get("_fbc"),
+            fbp: api.get("_fbp"),
+            session_id: getGASessionId(),
+            user_pseudo_id: getGAClientId(),
+            rid: getUserId(),
+            funnel_name: api.get("funnel_name"),
+            funnel_type: api.get("funnel_type"),
+            language: getBrowserLanguage(),
+            platform: this.platform,
+            url: window.location.href,
+            device: detectDeviceType(),
+            browser: detectBrowser(),
+            system: detectOS(),
+            locale: this.locale,
+        };
     }
-    // Customer.io
-    try {
-        window.analytics.track(eventName, params);
+    setLocale(newLocale) {
+        this.locale = newLocale;
     }
-    catch (e) {
-        console.log(e);
+    resetUser() {
+        if (!this.initialized) {
+            console.warn("Analytics is not initialized.");
+            return;
+        }
+        mixpanel.reset();
+        window.analytics.reset();
+        generateUserId();
+        this.init();
     }
-};
-const setUser = (userId, userParams) => {
-    const { email, name } = userParams;
-    mixpanel.identify(userId);
-    mixpanel.people.set({ $email: email, name });
-    gtag("config", GOOGLE_ANALYTICS_ID, {
-        user_properties: getCommonParams(),
-        user_id: userId,
-        server_container_url: GA_SERVER_CONTAINER_URL,
-    });
-    window.analytics.identify(userId, userParams);
-};
-const resetUser = () => {
-    mixpanel.reset();
-    window.analytics.reset();
-    generateUserId();
-    init();
-};
-
-const Analytics = {
-    getUserId,
-    generateUserId,
-    init,
-    getCommonParams,
-    trackEvent,
-    setUser,
-    resetUser,
-    setLocale,
-};
+    getUserId = getUserId;
+}
+var index = new Analytics();
 
-export { Analytics as default };
+export { index as default };

package/dist/index.js

@@ -32,7 +32,7 @@ var defaultConverter = {
 
 /* eslint-disable no-var */
 
-function init$1 (converter, defaultAttributes) {
+function init (converter, defaultAttributes) {
   function set (name, value, attributes) {
     if (typeof document === 'undefined') {
       return
@@ -117,10 +117,10 @@ function init$1 (converter, defaultAttributes) {
         );
       },
       withAttributes: function (attributes) {
-        return init$1(this.converter, assign({}, this.attributes, attributes))
+        return init(this.converter, assign({}, this.attributes, attributes))
       },
       withConverter: function (converter) {
-        return init$1(assign({}, this.converter, converter), this.attributes)
+        return init(assign({}, this.converter, converter), this.attributes)
       }
     },
     {
@@ -130,7 +130,7 @@ function init$1 (converter, defaultAttributes) {
   )
 }
 
-var api = init$1(defaultConverter, { path: '/' });
+var api = init(defaultConverter, { path: '/' });
 
 var NodeType;
 (function (NodeType) {
@@ -11947,6 +11947,8 @@ const GOOGLE_ANALYTICS_ID = "G-9PCTLFE0F6";
 const GA_SERVER_CONTAINER_URL = "https://tagging.clearly.help";
 const MIXPANEL_TOKEN = "9d4cb3d213e5aee689ea01dd68ad65ad";
 const CUSTOMER_IO_WRITE_KEY = "e6d009719c77519432c3";
+const IS_CLEARLY = window.location.hostname.includes("clearly");
+const SUPPORTED_LANGUAGES = ["en", "uk", "pl", "es", "ru"];
 
 const setQueryParam = (name, value) => {
     const url = new URL(window.location.href);
@@ -12078,6 +12080,14 @@ function getGASessionId() {
         return parts[0];
     return null;
 }
+const getLocaleFromURL = () => {
+    const pathname = window.location.pathname;
+    const lng = pathname.split("/")[1];
+    if (SUPPORTED_LANGUAGES.includes(lng))
+        return lng;
+    else
+        return IS_CLEARLY ? "en" : "uk";
+};
 
 function insertCustomerIOScript() {
     const scriptContent = `
@@ -12161,108 +12171,115 @@ const getCurrentParams = () => {
     });
     return currentParams;
 };
-const setLocale = (newLocale) => {
-    window.analyticsLocale = newLocale;
-};
-const getLocale = () => window.analyticsLocale;
-const setPlatform = (newPlatform) => {
-    window.analyticsPlatform = newPlatform;
-};
-const getPlatform = () => window.analyticsPlatform || "web";
-const getCommonParams = () => {
-    const persistedParams = getCurrentParams();
-    return {
-        ...persistedParams,
-        fbc: api.get("_fbc"),
-        fbp: api.get("_fbp"),
-        session_id: getGASessionId(),
-        user_pseudo_id: getGAClientId(),
-        rid: getUserId(),
-        funnel_name: api.get("funnel_name"),
-        funnel_type: api.get("funnel_type"),
-        language: getBrowserLanguage(),
-        platform: getPlatform(),
-        url: window.location.href,
-        device: detectDeviceType(),
-        browser: detectBrowser(),
-        system: detectOS(),
-        locale: getLocale(),
-    };
-};
-const init = (locale, platform) => {
-    insertCustomerIOScript();
-    const userId = getUserId();
-    if (isMetaBrowser()) {
-        setQueryParam(USER_ID_KEY, userId);
-    }
-    mixpanel.init(MIXPANEL_TOKEN, {
-        debug: false,
-        track_pageview: "url-with-path",
-        persistence: "cookie",
-    });
-    if (locale)
-        setLocale(locale);
-    if (platform)
-        setPlatform(platform);
-    const userProperties = getCommonParams();
-    mixpanel.register(userProperties);
-    gtag("config", GOOGLE_ANALYTICS_ID, {
-        user_properties: userProperties,
-        server_container_url: GA_SERVER_CONTAINER_URL,
-    });
-};
-const trackEvent = (eventName, properties = {}) => {
-    const commonParams = getCommonParams();
-    const params = { ...commonParams, ...properties };
-    // Mixpanel
-    try {
-        mixpanel.track(eventName, params);
-    }
-    catch (e) {
-        console.log(e);
+
+class Analytics {
+    initialized = false;
+    locale = getLocaleFromURL();
+    platform = "web";
+    init(locale, platform) {
+        if (this.initialized)
+            return;
+        insertCustomerIOScript();
+        const userId = getUserId();
+        if (isMetaBrowser()) {
+            setQueryParam(USER_ID_KEY, userId);
+        }
+        mixpanel.init(MIXPANEL_TOKEN, {
+            debug: false,
+            track_pageview: "url-with-path",
+            persistence: "cookie",
+        });
+        if (locale)
+            this.locale = locale;
+        if (platform)
+            this.platform = platform;
+        const userProperties = this.getCommonParams();
+        mixpanel.register(userProperties);
+        gtag("config", GOOGLE_ANALYTICS_ID, {
+            user_properties: userProperties,
+            server_container_url: GA_SERVER_CONTAINER_URL,
+        });
+        this.initialized = true;
     }
-    // GA
-    try {
-        gtag("event", eventName, params);
+    trackEvent(eventName, properties) {
+        if (!this.initialized) {
+            console.warn("Analytics is not initialized.");
+            return;
+        }
+        const commonParams = this.getCommonParams();
+        const params = { ...commonParams, ...properties };
+        // Mixpanel
+        try {
+            mixpanel.track(eventName, params);
+        }
+        catch (e) {
+            console.log(e);
+        }
+        // GA
+        try {
+            gtag("event", eventName, params);
+        }
+        catch (e) {
+            console.log(e);
+        }
+        // Customer.io
+        try {
+            window.analytics.track(eventName, params);
+        }
+        catch (e) {
+            console.log(e);
+        }
     }
-    catch (e) {
-        console.log(e);
+    setUser(userId, userParams) {
+        if (!this.initialized) {
+            console.warn("Analytics is not initialized.");
+            return;
+        }
+        const { email, name } = userParams;
+        mixpanel.identify(userId);
+        mixpanel.people.set({ $email: email, name });
+        gtag("config", GOOGLE_ANALYTICS_ID, {
+            user_properties: this.getCommonParams(),
+            user_id: userId,
+            server_container_url: GA_SERVER_CONTAINER_URL,
+        });
+        window.analytics.identify(userId, userParams);
+    }
+    getCommonParams() {
+        const persistedParams = getCurrentParams();
+        return {
+            ...persistedParams,
+            fbc: api.get("_fbc"),
+            fbp: api.get("_fbp"),
+            session_id: getGASessionId(),
+            user_pseudo_id: getGAClientId(),
+            rid: getUserId(),
+            funnel_name: api.get("funnel_name"),
+            funnel_type: api.get("funnel_type"),
+            language: getBrowserLanguage(),
+            platform: this.platform,
+            url: window.location.href,
+            device: detectDeviceType(),
+            browser: detectBrowser(),
+            system: detectOS(),
+            locale: this.locale,
+        };
     }
-    // Customer.io
-    try {
-        window.analytics.track(eventName, params);
+    setLocale(newLocale) {
+        this.locale = newLocale;
     }
-    catch (e) {
-        console.log(e);
+    resetUser() {
+        if (!this.initialized) {
+            console.warn("Analytics is not initialized.");
+            return;
+        }
+        mixpanel.reset();
+        window.analytics.reset();
+        generateUserId();
+        this.init();
     }
-};
-const setUser = (userId, userParams) => {
-    const { email, name } = userParams;
-    mixpanel.identify(userId);
-    mixpanel.people.set({ $email: email, name });
-    gtag("config", GOOGLE_ANALYTICS_ID, {
-        user_properties: getCommonParams(),
-        user_id: userId,
-        server_container_url: GA_SERVER_CONTAINER_URL,
-    });
-    window.analytics.identify(userId, userParams);
-};
-const resetUser = () => {
-    mixpanel.reset();
-    window.analytics.reset();
-    generateUserId();
-    init();
-};
-
-const Analytics = {
-    getUserId,
-    generateUserId,
-    init,
-    getCommonParams,
-    trackEvent,
-    setUser,
-    resetUser,
-    setLocale,
-};
+    getUserId = getUserId;
+}
+var index = new Analytics();
 
-module.exports = Analytics;
+module.exports = index;