@stokr/components-library 2.3.65 → 2.3.66

package/dist/analytics/index.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.alias = alias;
+exports.hasOptedIn = hasOptedIn;
+exports.identify = identify;
+exports.initAnalytics = initAnalytics;
+exports.optIn = optIn;
+exports.optOut = optOut;
+exports.reset = reset;
+exports.timeEvent = timeEvent;
+exports.track = track;
+var _mixpanelBrowser = _interopRequireDefault(require("mixpanel-browser"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BLOCKED_FIELDS = new Set([
+// PII
+'email', 'first_name', 'last_name', 'full_name', 'name', 'phone', 'date_of_birth', 'address', 'nationality', 'passport_number',
+// Blockchain
+'wallet_address', 'tx_hash', 'transaction_hash', 'block_hash', 'contract_address', 'signing_address',
+// Financial precision — server sends bucketed values only
+'amount', 'exact_amount', 'investment_amount', 'token_quantity', 'token_price', 'token_value', 'price', 'value', 'balance', 'nav', 'net_asset_value',
+// Banking
+'iban', 'bic', 'swift', 'bank_account', 'routing_number',
+// KYC
+'kyc_data', 'kyb_data', 'document_id', 'tax_id', 'ssn']);
+const BLOCKED_PATTERNS = [/address$/i,
+// wallet_address, contract_address, billing_address
+/hash$/i,
+// tx_hash, block_hash
+/^raw_/i, /password/i, /secret/i, /private.*key/i, /\bprice\b/i, /exact/i];
+function sanitize(props) {
+  if (!props || typeof props !== 'object' || Array.isArray(props)) {
+    return props !== null && props !== void 0 ? props : {};
+  }
+  const cleaned = {};
+  for (const [key, val] of Object.entries(props)) {
+    const isBlocked = BLOCKED_FIELDS.has(key.toLowerCase()) || BLOCKED_PATTERNS.some(re => re.test(key));
+    if (isBlocked) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.warn("[analytics] Blocked field stripped before sending: \"".concat(key, "\""));
+      }
+      continue;
+    }
+    cleaned[key] = val && typeof val === 'object' && !Array.isArray(val) ? sanitize(val) : val;
+  }
+  return cleaned;
+}
+let initialized = false;
+
+/**
+ * Call once at app root.
+ *
+ * No token → all calls are silent no-ops.
+ * Add `.mp-sensitive` CSS class to elements that should be masked in session recordings.
+ *
+ * @param {{ token: string, app?: string, requireConsent?: boolean }} config
+ *   requireConsent — true only for apps with a cookie banner (e.g. homepage).
+ *                    Nothing is tracked until optIn() is called.
+ *                    Default false — authenticated apps track immediately.
+ */
+function initAnalytics() {
+  let {
+    token,
+    app,
+    requireConsent = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (initialized) return;
+  if (!token) return;
+  _mixpanelBrowser.default.init(token, {
+    api_host: 'https://api-eu.mixpanel.com',
+    autocapture: {
+      pageview: 'full-url',
+      click: true,
+      dead_click: true,
+      input: true,
+      rage_click: true,
+      scroll: true,
+      submit: true,
+      capture_text_content: false // never capture visible text
+    },
+    record_sessions_percent: 100,
+    record_heatmap_data: true,
+    opt_out_tracking_by_default: requireConsent,
+    persistence: 'localStorage',
+    debug: process.env.NODE_ENV !== 'production'
+  });
+  if (app) {
+    _mixpanelBrowser.default.register({
+      app
+    });
+  }
+  initialized = true;
+}
+
+/** Call when user accepts the cookie/consent banner. */
+function optIn() {
+  if (!initialized) return;
+  _mixpanelBrowser.default.opt_in_tracking();
+}
+
+/** Call when user declines the cookie/consent banner. */
+function optOut() {
+  if (!initialized) return;
+  _mixpanelBrowser.default.opt_out_tracking();
+}
+
+/** Use to set the initial state of the cookie banner UI. */
+function hasOptedIn() {
+  if (!initialized) return false;
+  return _mixpanelBrowser.default.has_opted_in_tracking();
+}
+
+/** Track a custom event. Props are sanitized before sending. */
+function track(eventName) {
+  let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!initialized) return;
+  _mixpanelBrowser.default.track(eventName, sanitize(props));
+}
+
+/**
+ * Start a duration timer. When track() is called with the same event name,
+ * Mixpanel automatically appends a Duration property.
+ *
+ *   timeEvent('kyc.completed')
+ *   // ... user goes through flow ...
+ *   track('kyc.completed') // → { Duration: 142.3 }
+ */
+function timeEvent(eventName) {
+  if (!initialized) return;
+  _mixpanelBrowser.default.time_event(eventName);
+}
+
+/**
+ * Called automatically by AuthContext on login — no need to call from consuming apps.
+ * @param {string} userId — internal UUID (_id), never email
+ */
+function identify(userId) {
+  let traits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!initialized) return;
+  _mixpanelBrowser.default.identify(userId);
+  const sanitizedTraits = sanitize(traits);
+  if (Object.keys(sanitizedTraits).length > 0) {
+    _mixpanelBrowser.default.people.set(sanitizedTraits);
+  }
+}
+
+/**
+ * Only needed for legacy Mixpanel projects (Original ID Merge).
+ * New projects (post-2023) handle merging automatically via identify().
+ */
+function alias(userId) {
+  if (!initialized) return;
+  _mixpanelBrowser.default.alias(userId);
+}
+
+/** Called automatically by AuthContext on logout — no need to call from consuming apps. */
+function reset() {
+  if (!initialized) return;
+  _mixpanelBrowser.default.reset();
+}

package/dist/context/AuthContext.js

@@ -13,6 +13,7 @@ var _avatarPlaceholder = _interopRequireDefault(require("../static/images/avatar
 var _auth = require("firebase/auth");
 var _firebaseConfig = require("../firebase-config");
 var _fetchData = _interopRequireDefault(require("../api/fetchData"));
+var _analytics = require("../analytics");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -185,6 +186,7 @@ class AuthProviderClass extends _react.Component {
       (0, _auth.signOut)(_firebaseConfig.auth).then(() => {});
       _Auth.default.logout();
       delete _axios.default.defaults.headers.common.Authorization;
+      (0, _analytics.reset)();
       _this.setUser(null);
       _this.setState({
         firebaseUser: null,
@@ -250,6 +252,9 @@ class AuthProviderClass extends _react.Component {
         _this.setState({
           isFetchingUser: false
         });
+        (0, _analytics.identify)(user._id, {
+          role: user.user_type
+        });
 
         //redirect to home if user is on login or signup route (affects homepage only)
         _this.replaceLocationPathName();

package/dist/index.js

@@ -1180,6 +1180,17 @@ Object.keys(_analytics).forEach(function (key) {
     }
   });
 });
+var _analytics2 = require("./analytics");
+Object.keys(_analytics2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _analytics2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _analytics2[key];
+    }
+  });
+});
 var _formatCurrencyValue = require("./utils/formatCurrencyValue");
 Object.keys(_formatCurrencyValue).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.65",
+  "version": "2.3.66",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -44,6 +44,7 @@
     "html-react-parser": "^5.0.6",
     "http-server": "^14.1.1",
     "js-cookie": "^3.0.5",
+    "mixpanel-browser": "^2.74.0",
     "mobile-detect": "^1.4.5",
     "moment": "^2.30.1",
     "moment-timezone": "^0.6.0",