@arcblock/ux 3.1.30 → 3.1.32

package/src/withTracker/action/pay.tsx

@@ -0,0 +1,14 @@
+export interface PayEvent {
+  action: 'paySuccess' | 'payFailed';
+  checkoutSessionMode: string;
+  success: boolean;
+}
+
+export interface PaySuccessEvent extends PayEvent {
+  success: true;
+}
+
+export interface PayFailedEvent extends PayEvent {
+  success: false;
+  errorMessage: string;
+}

package/src/withTracker/action/switch-passport.tsx

@@ -0,0 +1,20 @@
+export interface SwitchPassportEvent {
+  action: 'switchPassportSuccess' | 'switchPassportFailed';
+  success: boolean;
+}
+
+export interface SwitchPassportSuccessEvent extends SwitchPassportEvent {
+  success: true;
+  /**
+   *
+   * @example guest -> admin
+   * @type {string}
+   * @memberof SwitchPassportEvent
+   */
+  change: string;
+}
+
+export interface SwitchPassportFailedEvent extends SwitchPassportEvent {
+  success: false;
+  errorMessage: string;
+}

package/src/withTracker/constant/index.tsx

@@ -0,0 +1,3 @@
+export const GA_LAST_LOGIN_METHOD = 'ga-last-login-method';
+export const GA_LAST_ROLE = 'ga-last-role';
+export const GA_LAST_SOURCE_PROVIDER = 'ga-last-source-provider';

package/src/withTracker/env.tsx

@@ -0,0 +1 @@
+export const googleAnalyticsMeasurementId: string = window.blocklet?.GA_MEASUREMENT_ID || '';

package/src/withTracker/index.tsx

@@ -1,29 +1,26 @@
 import { useLocation } from 'react-router-dom';
 import { useMount, useDeepCompareEffect } from 'ahooks';
 import ReactGA from 'react-ga4';
+import { googleAnalyticsMeasurementId } from './env';
 
+if (googleAnalyticsMeasurementId) {
+  ReactGA.initialize(googleAnalyticsMeasurementId);
+}
+
+export { ReactGA };
 export default <P extends object>(WrappedComponent: React.ComponentType<P>) => {
-  const trackingId = window.blocklet?.GA_MEASUREMENT_ID || '';
   const trackPage = (page: string, title = document.title) => {
-    if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
-      return;
-    }
-
-    if (trackingId) {
+    if (googleAnalyticsMeasurementId) {
       ReactGA.send({ hitType: 'pageview', page, title });
     }
   };
 
   const trackEvent = (category: string, action: string, label: string, value: number) => {
-    if (trackingId) {
+    if (googleAnalyticsMeasurementId) {
       ReactGA.event({ category, action, label, value, transport: 'beacon' });
     }
   };
 
-  if (trackingId) {
-    ReactGA.initialize(trackingId);
-  }
-
   // @ts-ignore
   window.trackPage = trackPage;
   // @ts-ignore