@connectid-tools/idp-selector-react 6.10.0-alpha.4 → 6.10.0-alpha.5

package/CidButton.js

@@ -22,7 +22,7 @@ import { Overlay } from './Overlay';
 import { Popup } from './Popup';
 import { Process } from './Process';
 import { ThemeContext } from './ThemeContext';
-import { useAnalytics } from './analytics';
+import { initialiseAnalytics } from './analytics';
 import './global.css';
 import { getCurrentUrlOrigin } from './navigator';
 import { isIntroTextTypeValid, isRequiredClaimsValid } from './validator';
@@ -30,6 +30,7 @@ import detectIncognito from './incognito';
 import { getBrowserName, getDeviceType, isAndroid, isIos } from './userAgent';
 import { hasCertification } from './certification';
 import { getCompatibility } from './compatibility';
+initialiseAnalytics();
 export const CidButton = ({ onProceed, claims, requiredClaims, rpLogoUrl, requiredCertifications, label = 'Verify', size = 'regular', type, introTextType, fullProcessCollapsible = false, participantsUri = 'https://data.directory.connectid.com.au/participants', certificationStatus = 'Active', rpDataSharingDescription = 'Your details will be shared with the current website.', enableManualVerification = false, showAllParticipants = false, theme = 'dark', logoLockupStyle = 'light', showInfoContent = false, onError = () => { }, showCompatibilityWarnings = false, supportIncognito = false, forceMobile = false, // only for testing purposes
 forceIos = false, // only for testing purposes
 forceAndroid = false, // only for testing purposes
@@ -42,7 +43,6 @@ forceBrowser = undefined, // only for testing purposes
             throw new Error(response.statusText);
         return response.json();
     }));
-    useAnalytics();
     const [showPopup, setShowPopup] = useState(false);
     const [isIncognito, setIsIncognito] = useState();
     const analyticsData = {

package/CidButtonHowItWorks.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useAnalytics } from './analytics';
 import { getCurrentUrlOrigin } from './navigator';
 import './CidButtonHowItWorks.css';
 import { ThemeContext } from './ThemeContext';
 import { useContext } from 'react';
 export const CidButtonHowItWorks = () => {
-    useAnalytics();
     const theme = useContext(ThemeContext);
     const handleClick = () => {
         if (!analytics)

package/LearnMore.js

@@ -2,10 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import './LearnMore.css';
 import { ThemeContext } from './ThemeContext';
-import { useAnalytics } from './analytics';
 import { getCurrentUrlOrigin } from './navigator';
 export const LearnMore = () => {
-    useAnalytics();
     const theme = useContext(ThemeContext);
     const handleClick = () => {
         if (!analytics)

package/Popup.js

@@ -11,7 +11,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { useMediaQuery } from 'react-responsive';
-import { useAnalytics } from './analytics';
 import { filterAuthorisationServers, getManualAuthorisationServer } from './certification';
 import './global.css';
 import { InfoBox } from './InfoBox';
@@ -25,7 +24,6 @@ export const Popup = ({ onProceed, onCancel, onError, claims, requiredClaims, sh
     const [isIncognito, setIsIncognito] = useState();
     const [showClaims, setShowClaims] = useState(false); // mobile only
     const popupRef = useRef(null);
-    useAnalytics();
     const isMobile = useMediaQuery({ query: '(max-width: 482px)' });
     const infoboxLinkRef = useRef(null);
     const closeButtonRef = useRef(null);

package/README.md

@@ -259,6 +259,9 @@ The SVG image below the ConnectID button has either option dark or light mode. B
 
 ## 🚀 Release Notes
 
+### 6.10.0-alpha.5 (Jun 25, 2025)
+- Fix analytics double loading.
+
 ### 6.10.0-alpha.4 (Jun 20, 2025)
 - Add test support for Samsung and Chrome browsers.
 

package/analytics.d.ts

@@ -1 +1 @@
-export declare const useAnalytics: () => void;
+export declare const initialiseAnalytics: () => void;

package/analytics.js

@@ -1,7 +1,7 @@
 const PROD_WRITE_KEY = 'LrD9CEGUEy1O3s73nGbaGcyTqELujozJ';
 const DEV_WRITE_KEY = 'PWlESErGso9uTimwmGB7SsnxCpKF8pRl';
 const WRITE_KEY = 'production' === 'production' ? PROD_WRITE_KEY : DEV_WRITE_KEY;
-export const useAnalytics = () => {
+export const initialiseAnalytics = () => {
     // copied from https://segment.com/docs/connections/sources/catalog/libraries/website/javascript/quickstart/
     // @ts-ignore
     // Create a queue, but don't obliterate an existing one!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectid-tools/idp-selector-react",
-  "version": "6.10.0-alpha.4",
+  "version": "6.10.0-alpha.5",
   "description": "React component for IDP Selector.",
   "main": "index.js",
   "type": "module",
@@ -26,12 +26,12 @@
   "homepage": "https://github.com/connectid-tools/idp-selector-react",
   "devDependencies": {
     "@babel/preset-typescript": "^7.27.1",
-    "@types/node": "^22.15.32",
+    "@types/node": "^22.15.33",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
     "cypress": "^14.5.0",
     "jest-environment-jsdom": "^29.7.0",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "replace-in-file": "^8.3.0",