@driveflux/web-analytics 1.0.2

package/.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": ["@driveflux/eslint-config/node.js"]
+}

package/.turbo/turbo-build.log

@@ -0,0 +1,11 @@
+ WARN  Issue while reading "/Users/flux/Projects/flux-master/.npmrc". Failed to replace env in config: ${NPM_TOKEN}
+
+> @driveflux/web-analytics@1.0.2 build /Users/flux/Projects/flux-master/shared/web-analytics
+> fab
+
+ WARN  Issue while reading "/Users/flux/Projects/flux-master/.npmrc". Failed to replace env in config: ${NPM_TOKEN}
+ WARN  Issue while reading "/Users/flux/Projects/flux-master/.npmrc". Failed to replace env in config: ${NPM_TOKEN}
+ WARN  Issue while reading "/Users/flux/Projects/flux-master/.npmrc". Failed to replace env in config: ${NPM_TOKEN}
+ WARN  Issue while reading "/Users/flux/Projects/flux-master/.npmrc". Failed to replace env in config: ${NPM_TOKEN}
+Successfully compiled: 1 file with swc (255.81ms)
+Successfully compiled: 1 file with swc (285.37ms)

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @driveflux/web-analytics
+
+## 1.0.2
+
+### Patch Changes
+
+- Minor updates on build
+
+## 1.0.1
+
+### Patch Changes
+
+- Upgraded all packages

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/cjs/track.js

@@ -0,0 +1,471 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getGA4ClientId: function() {
+        return getGA4ClientId;
+    },
+    useAutoTrackEvent: function() {
+        return useAutoTrackEvent;
+    },
+    useTrackEvent: function() {
+        return useTrackEvent;
+    }
+});
+var _google = require("@next/third-parties/google");
+var _isEqual = /*#__PURE__*/ _interop_require_default(require("lodash/isEqual"));
+var _router = require("next/router");
+var _react = require("react");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var eventsQueue = new Set();
+var drainEvents = function() {
+    var events = _to_consumable_array(eventsQueue);
+    eventsQueue.clear();
+    events.forEach(function(event) {
+        (0, _google.sendGTMEvent)(event);
+    });
+};
+function getGA4ClientId() {
+    if (typeof document === 'undefined') {
+        return null;
+    }
+    var cookies = document.cookie.split(';');
+    var gaCookie = cookies.find(function(cookie) {
+        return cookie.trim().startsWith('_ga=');
+    });
+    if (gaCookie) {
+        var matches = gaCookie.split('.');
+        if (matches.length > 2) {
+            return "".concat(matches[2], ".").concat(matches[3]) // Returns the GA4 client ID
+            ;
+        }
+    }
+    return null // If no GA cookie is found or format is unexpected
+    ;
+}
+function hashData(input) {
+    return _hashData.apply(this, arguments);
+}
+function _hashData() {
+    _hashData = _async_to_generator(function(input) {
+        var encoder, data, hashBuffer, hashArray, hashHex;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    encoder = new TextEncoder();
+                    data = encoder.encode(input);
+                    return [
+                        4,
+                        crypto.subtle.digest('SHA-256', data)
+                    ];
+                case 1:
+                    hashBuffer = _state.sent();
+                    hashArray = Array.from(new Uint8Array(hashBuffer)) // Convert buffer to byte array
+                    ;
+                    hashHex = hashArray.map(function(b) {
+                        return b.toString(16).padStart(2, '0');
+                    }).join('') // Convert bytes to hex string
+                    ;
+                    return [
+                        2,
+                        hashHex
+                    ];
+            }
+        });
+    });
+    return _hashData.apply(this, arguments);
+}
+var convertUserData = function() {
+    var _ref = _async_to_generator(function(dataInput) {
+        var _dataInput_addresses, _dataInput_addresses1, userAddress, _tmp, _tmp1, _tmp2, _tmp3, _tmp4, _tmp5;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    userAddress = ((_dataInput_addresses = dataInput.addresses) === null || _dataInput_addresses === void 0 ? void 0 : _dataInput_addresses.home) || ((_dataInput_addresses1 = dataInput.addresses) === null || _dataInput_addresses1 === void 0 ? void 0 : _dataInput_addresses1.billing);
+                    _tmp = {
+                        user_id: dataInput.id
+                    };
+                    return [
+                        4,
+                        hashData(dataInput.email)
+                    ];
+                case 1:
+                    _tmp.email = _state.sent();
+                    if (!dataInput.phoneNumber) return [
+                        3,
+                        3
+                    ];
+                    return [
+                        4,
+                        hashData(dataInput.phoneNumber)
+                    ];
+                case 2:
+                    _tmp1 = _state.sent();
+                    return [
+                        3,
+                        4
+                    ];
+                case 3:
+                    _tmp1 = undefined;
+                    _state.label = 4;
+                case 4:
+                    _tmp.phone_number = _tmp1;
+                    if (!userAddress) return [
+                        3,
+                        11
+                    ];
+                    _tmp3 = {};
+                    if (!dataInput.firstName) return [
+                        3,
+                        6
+                    ];
+                    return [
+                        4,
+                        hashData(dataInput.firstName)
+                    ];
+                case 5:
+                    _tmp4 = _state.sent();
+                    return [
+                        3,
+                        7
+                    ];
+                case 6:
+                    _tmp4 = undefined;
+                    _state.label = 7;
+                case 7:
+                    _tmp3.first_name = _tmp4;
+                    if (!dataInput.lastName) return [
+                        3,
+                        9
+                    ];
+                    return [
+                        4,
+                        hashData(dataInput.lastName)
+                    ];
+                case 8:
+                    _tmp5 = _state.sent();
+                    return [
+                        3,
+                        10
+                    ];
+                case 9:
+                    _tmp5 = undefined;
+                    _state.label = 10;
+                case 10:
+                    _tmp2 = (_tmp3.last_name = _tmp5, _tmp3.street = [
+                        userAddress.street1,
+                        userAddress.street2
+                    ].join(', '), _tmp3.city = userAddress.city, _tmp3.region = userAddress.state, _tmp3.postal_code = userAddress.postalCode, _tmp3.country = userAddress.country, _tmp3);
+                    return [
+                        3,
+                        12
+                    ];
+                case 11:
+                    _tmp2 = undefined;
+                    _state.label = 12;
+                case 12:
+                    return [
+                        2,
+                        (_tmp.address = _tmp2, _tmp)
+                    ];
+            }
+        });
+    });
+    return function convertUserData(dataInput) {
+        return _ref.apply(this, arguments);
+    };
+}();
+var useTrackEvent = function() {
+    var userData = (0, _react.useRef)();
+    var track = (0, _react.useCallback)(function(eventName, eventData) {
+        console.log('🚨🚨🚨 firing event', eventName, eventData);
+        if (!eventName) {
+            console.error('No event name provided');
+            return;
+        }
+        var event = _object_spread({
+            event: eventName
+        }, userData.current ? {
+            user_data: userData.current
+        } : {}, eventData);
+        if (!window.fluxDataLayer) {
+            eventsQueue.add(event);
+            return;
+        }
+        (0, _google.sendGTMEvent)(event);
+    }, []);
+    var setUserData = (0, _react.useCallback)(function() {
+        var _ref = _async_to_generator(function(dataInput) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            convertUserData(dataInput)
+                        ];
+                    case 1:
+                        userData.current = _state.sent();
+                        localStorage.setItem('ud', Buffer.from(JSON.stringify(userData.current), 'utf8').toString('base64'));
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function(dataInput) {
+            return _ref.apply(this, arguments);
+        };
+    }(), []);
+    (0, _react.useEffect)(function() {
+        var interval = setInterval(function() {
+            if (window.fluxDataLayer) {
+                drainEvents();
+                clearInterval(interval);
+            }
+        }, 100);
+        return function() {
+            return clearInterval(interval);
+        };
+    }, []);
+    (0, _react.useEffect)(function() {
+        var ud = localStorage.getItem('ud');
+        if (!ud) {
+            return;
+        }
+        try {
+            var json = Buffer.from(ud, 'base64').toString('utf8');
+            userData.current = JSON.parse(json);
+        } catch (e) {}
+    }, []);
+    return {
+        track: track,
+        setUserData: setUserData
+    };
+};
+var useAutoTrackEvent = function(eventName, eventData) {
+    var router = (0, _router.useRouter)();
+    var canFireEvents = router.isReady;
+    var previousEventData = (0, _react.useRef)();
+    var firedFirstEvent = (0, _react.useRef)(false);
+    (0, _react.useEffect)(function() {
+        var interval = setInterval(function() {
+            if (window.fluxDataLayer) {
+                drainEvents();
+                clearInterval(interval);
+            }
+        }, 100);
+        return function() {
+            return clearInterval(interval);
+        };
+    }, []);
+    (0, _react.useEffect)(function() {
+        if (!canFireEvents) {
+            return;
+        }
+        if ((0, _isEqual.default)(previousEventData.current, eventData) && firedFirstEvent.current) {
+            return;
+        }
+        firedFirstEvent.current = true;
+        console.log('🚨🚨🚨 firing event', eventName, eventData);
+        var event = _object_spread({
+            event: eventName
+        }, eventData);
+        if (!window.fluxDataLayer) {
+            eventsQueue.add(event);
+            return;
+        }
+        (0, _google.sendGTMEvent)(event);
+        previousEventData.current = eventData;
+    }, [
+        canFireEvents,
+        eventData
+    ]);
+};

package/dist/track.d.ts

@@ -0,0 +1,33 @@
+declare global {
+    interface Window {
+        fluxDataLayer?: Object[];
+    }
+}
+interface Address {
+    name?: string | null;
+    street1: string;
+    street2?: string | null;
+    city: string;
+    state: string;
+    country: string;
+    postalCode: string;
+}
+interface UserLikeData {
+    id: string;
+    email: string;
+    phoneNumber?: string | null;
+    firstName?: string | null;
+    lastName?: string | null;
+    addresses?: {
+        home?: Address | null;
+        billing?: Address | null;
+    } | null;
+}
+export declare function getGA4ClientId(): string | null;
+export declare const useTrackEvent: () => {
+    track: (eventName: string, eventData?: Record<string, any>) => void;
+    setUserData: (dataInput: UserLikeData) => Promise<void>;
+};
+export declare const useAutoTrackEvent: (eventName: string, eventData?: Record<string, any>) => void;
+export {};
+//# sourceMappingURL=track.d.ts.map

package/dist/track.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"track.d.ts","sourceRoot":"","sources":["../src/track.ts"],"names":[],"mappings":"AAKA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACZ,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;KAC5B;CACF;AAED,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;QACrB,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;KACzB,GAAG,IAAI,CAAA;CACT;AA2BD,wBAAgB,cAAc,kBAc7B;AA+BD,eAAO,MAAM,aAAa;uBAGc,MAAM,cAAc,OAAO,MAAM,EAAE,GAAG,CAAC;6BA2B3B,YAAY;CA+B/D,CAAA;AAED,eAAO,MAAM,iBAAiB,cAAe,MAAM,cAAc,OAAO,MAAM,EAAE,GAAG,CAAC,SA0CnF,CAAA"}