@stokr/components-library 2.3.66 → 2.3.68

package/dist/analytics/index.js

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.alias = alias;
+exports.getAmountBucket = getAmountBucket;
+exports.getTokenBucket = getTokenBucket;
 exports.hasOptedIn = hasOptedIn;
 exports.identify = identify;
 exports.initAnalytics = initAnalytics;
 exports.optIn = optIn;
 exports.optOut = optOut;
 exports.reset = reset;
+exports.setUserProperties = setUserProperties;
 exports.timeEvent = timeEvent;
 exports.track = track;
 var _mixpanelBrowser = _interopRequireDefault(require("mixpanel-browser"));
@@ -64,7 +67,8 @@ function initAnalytics() {
   let {
     token,
     app,
-    requireConsent = false
+    requireConsent = false,
+    scroll = true
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   if (initialized) return;
   if (!token) return;
@@ -72,13 +76,13 @@ function initAnalytics() {
     api_host: 'https://api-eu.mixpanel.com',
     autocapture: {
       pageview: 'full-url',
-      click: true,
-      dead_click: true,
-      input: true,
+      click: false,
+      dead_click: false,
+      input: false,
       rage_click: true,
-      scroll: true,
+      scroll,
       submit: true,
-      capture_text_content: false // never capture visible text
+      capture_text_content: false
     },
     record_sessions_percent: 100,
     record_heatmap_data: true,
@@ -91,6 +95,9 @@ function initAnalytics() {
       app
     });
   }
+  _mixpanelBrowser.default.register({
+    source: 'frontend'
+  });
   initialized = true;
 }
 
@@ -146,6 +153,23 @@ function identify(userId) {
   }
 }
 
+/**
+ * Update properties on the current user's Mixpanel profile.
+ * Call this whenever user state changes after login — KYC approval,
+ * tier upgrade, onboarding step completion, etc.
+ * Props go through the same sanitizer as track().
+ *
+ * @param {Record<string, unknown>} props — non-PII properties only
+ */
+function setUserProperties() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (!initialized) return;
+  const sanitized = sanitize(props);
+  if (Object.keys(sanitized).length > 0) {
+    _mixpanelBrowser.default.people.set(sanitized);
+  }
+}
+
 /**
  * Only needed for legacy Mixpanel projects (Original ID Merge).
  * New projects (post-2023) handle merging automatically via identify().
@@ -159,4 +183,26 @@ function alias(userId) {
 function reset() {
   if (!initialized) return;
   _mixpanelBrowser.default.reset();
+}
+
+/** Returns a bucket label for an investment amount (EUR/USD). */
+function getAmountBucket(amount) {
+  if (amount < 125000) return '<125k';
+  if (amount < 250000) return '125k-250k';
+  if (amount < 500000) return '250k-500k';
+  if (amount < 1000000) return '500k-1M';
+  if (amount < 5000000) return '1M-5M';
+  return '5M+';
+}
+
+/** Returns a bucket label for a token quantity. */
+function getTokenBucket(qty) {
+  if (qty <= 1) return '0-1';
+  if (qty <= 10) return '2-10';
+  if (qty <= 100) return '11-100';
+  if (qty <= 1000) return '101-1k';
+  if (qty <= 10000) return '1k-10k';
+  if (qty <= 100000) return '10k-100k';
+  if (qty <= 1000000) return '100k-1M';
+  return '1M+';
 }

package/dist/components/Header/Header.js

@@ -25,6 +25,7 @@ var _Grid = require("../Grid/Grid.styles");
 var _FooterLayout = require("../Footer/FooterLayout");
 var _globalVariables = require("../../constants/globalVariables");
 var _rwd = require("../../styles/rwd");
+var _analytics = require("../../analytics");
 const _excluded = ["activeMenu", "activateMenu", "user", "userPhoto", "logoutUser", "onLoginClick", "onSignUpClick", "useRelativePathForMenu", "useRelativePathForUserMenu", "progress", "withSidebar", "isSidebarExpanded", "sidebarHandler", "signupFlow", "noFixedPosition", "withoutLoginSignupButton"]; //import { Wrapper } from '../Input/Input.styles'
 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); }
@@ -32,20 +33,40 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const productMenuItems = [{
   name: 'End-to-End Tokenization',
-  onClick: () => window.location.href = "".concat(_globalVariables.platformURL, "/solutions/asset-tokenization"),
+  onClick: () => {
+    (0, _analytics.track)('header_link_clicked', {
+      link: 'end-to-end tokenization'
+    });
+    window.location.href = "".concat(_globalVariables.platformURL, "/solutions/asset-tokenization");
+  },
   link: '/solutions/asset-tokenization'
 }, {
   name: 'Tokenization-as-a-Service',
-  onClick: () => window.location.href = "".concat(_globalVariables.platformURL, "/solutions/tokenization-as-service"),
+  onClick: () => {
+    (0, _analytics.track)('header_link_clicked', {
+      link: 'tokenization-as-a-service'
+    });
+    window.location.href = "".concat(_globalVariables.platformURL, "/solutions/tokenization-as-service");
+  },
   link: '/solutions/tokenization-as-service'
 }];
 const mediaMenuItems = [{
   name: 'Press Releases',
-  onClick: () => window.location.href = "".concat(_globalVariables.platformURL, "/press-releases"),
+  onClick: () => {
+    (0, _analytics.track)('header_link_clicked', {
+      link: 'press releases'
+    });
+    window.location.href = "".concat(_globalVariables.platformURL, "/press-releases");
+  },
   link: '/press-releases'
 }, {
   name: 'Stoke Post',
-  onClick: () => window.location.href = "".concat(_globalVariables.platformURL, "/stoke-post"),
+  onClick: () => {
+    (0, _analytics.track)('header_link_clicked', {
+      link: 'stoke post'
+    });
+    window.location.href = "".concat(_globalVariables.platformURL, "/stoke-post");
+  },
   link: '/stoke-post'
 }];
 const investorMenuItems = [{
@@ -217,16 +238,32 @@ const Header = _ref3 => {
     "data-cy": "logo-nav-link"
   }, /*#__PURE__*/_react.default.createElement(_SvgIcons.LogoSvg, null))), !progress && /*#__PURE__*/_react.default.createElement(_Header.HeaderMainNav, null, /*#__PURE__*/_react.default.createElement(_MenuNav.default, null, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
     href: newPlatformUrl + '/featured-assets',
-    "data-cy": "invest-nav-link"
+    "data-cy": "invest-nav-link",
+    onClick: () => (0, _analytics.track)('header_link_clicked', {
+      link: 'invest'
+    })
   }, "Invest")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
-    onClick: () => toggleMenu('products'),
+    onClick: () => {
+      (0, _analytics.track)('header_link_clicked', {
+        link: 'solutions'
+      });
+      toggleMenu('products');
+    },
     "data-cy": "products-nav-link"
   }, "Solutions")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
-    onClick: () => toggleMenu('media'),
+    onClick: () => {
+      (0, _analytics.track)('header_link_clicked', {
+        link: 'media'
+      });
+      toggleMenu('media');
+    },
     "data-cy": "media-nav-link"
   }, "Media")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
     href: newPlatformUrl + '/team',
-    "data-cy": "team-nav-link"
+    "data-cy": "team-nav-link",
+    onClick: () => (0, _analytics.track)('header_link_clicked', {
+      link: 'team'
+    })
   }, "Team")))))), progress && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, signupFlow ? /*#__PURE__*/_react.default.createElement(_StepsProgress.StepsProgressSignup, {
     user: user
   }) : /*#__PURE__*/_react.default.createElement(_Header.ProgressWrap, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.StepsProgressHeader, {
@@ -260,10 +297,18 @@ const Header = _ref3 => {
   })), (0, _checkTodoStatus.default)(user) > 0 && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
     avatar: true
   }, (0, _checkTodoStatus.default)(user))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, withoutLoginSignupButton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_breakdown.default, null, /*#__PURE__*/_react.default.createElement(_Header.LoginButton, {
-    onClick: onLoginClick,
+    onClick: () => {
+      (0, _analytics.track)('header_link_clicked', {
+        link: 'login'
+      });
+      onLoginClick();
+    },
     "data-cy": "login-nav-button"
   }, "Log in")), /*#__PURE__*/_react.default.createElement(_Header.SignupButton, {
-    onClick: onSignUpClick,
+    onClick: () => {
+      (0, _analytics.track)('signup_cta_clicked');
+      onSignUpClick();
+    },
     "data-cy": "signup-nav-button"
   }, "Sign Up")))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenu, {
     isActive: currentActiveMenu === 'main',
@@ -331,7 +376,12 @@ const Header = _ref3 => {
   }, "log out"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, withoutLoginSignupButton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_breakdown.default, {
     alignCenter: true
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: onLoginClick,
+    onClick: () => {
+      (0, _analytics.track)('header_link_clicked', {
+        link: 'login'
+      });
+      onLoginClick();
+    },
     secondary: true,
     isLoginMobile: true
   }, "Log in")), /*#__PURE__*/_react.default.createElement("div", {
@@ -341,7 +391,10 @@ const Header = _ref3 => {
       paddingBottom: 30
     }
   }, /*#__PURE__*/_react.default.createElement(_Header.SignupButton, {
-    onClick: onSignUpClick,
+    onClick: () => {
+      (0, _analytics.track)('signup_cta_clicked');
+      onSignUpClick();
+    },
     isMobile: true
   }, "Sign Up"))), socialLinks.length > 0 && /*#__PURE__*/_react.default.createElement(_Header.CTAContainer, null, /*#__PURE__*/_react.default.createElement("span", null, "FOLLOW US"), /*#__PURE__*/_react.default.createElement(_Header.SocialLinksContainer, {
     isHeader: true

package/dist/context/AuthContext.js

@@ -230,6 +230,7 @@ class AuthProviderClass extends _react.Component {
         customValidateGetUser
       } = _this.props;
       try {
+        var _user$email$endsWith, _user$email;
         const result = await _Auth.default.getUser();
         let firebaseUser = _this.state.firebaseUser;
         if (!firebaseUser) {
@@ -253,7 +254,8 @@ class AuthProviderClass extends _react.Component {
           isFetchingUser: false
         });
         (0, _analytics.identify)(user._id, {
-          role: user.user_type
+          role: user.user_type,
+          is_internal: (_user$email$endsWith = (_user$email = user.email) === null || _user$email === void 0 ? void 0 : _user$email.endsWith('@stokr.io')) !== null && _user$email$endsWith !== void 0 ? _user$email$endsWith : false
         });
 
         //redirect to home if user is on login or signup route (affects homepage only)

package/dist/index.js

@@ -1169,7 +1169,7 @@ Object.keys(_fixDecimals).forEach(function (key) {
     }
   });
 });
-var _analytics = require("./utils/analytics");
+var _analytics = require("./analytics");
 Object.keys(_analytics).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _analytics[key]) return;
@@ -1180,17 +1180,6 @@ 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.66",
+  "version": "2.3.68",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -58,7 +58,6 @@
     "react-day-picker": "^9.11.1",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.3.1",
-    "react-ga4": "^2.1.0",
     "react-helmet": "^6.1.0",
     "react-otp-input": "^3.1.0",
     "react-portal": "^4.2.2",