@connectid-tools/idp-selector-react 6.5.2 → 6.7.0

package/Benefits.js

@@ -24,5 +24,5 @@ export const Benefits = ({ full, introTextType }) => {
     const adjustedFullBenefits = bankDetailsIntroTextTypes.includes(introTextType) ? fullBenefitsBankDetails : fullBenefits;
     const listItemClasses = `cid-idp-selector-benefit ${theme === 'light' ? 'cid-idp-selector-benefit--light' : ''}`;
     const benefits = full ? adjustedFullBenefits : defaultBenefits;
-    return (_jsx("ul", { className: `cid-idp-selector-benefits ${full ? 'cid-idp-selector-benefits--box' : ''} ${theme === 'light' ? 'cid-idp-selector-benefits--light' : ''}`, "data-testid": "benefits", children: benefits.map((benefit) => (_jsxs("li", { className: listItemClasses, "data-testid": "benefit-item", children: [_jsx("svg", { className: "cid-idp-selector-benefit-icon", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.28025 8.71975L14.25 1.75L15.3105 2.8105L7.28025 10.8407L3 6.5605L4.0605 5.5L7.28025 8.71975Z" }) }), benefit] }))) }));
+    return (_jsx("ul", { className: `cid-idp-selector-benefits ${full ? 'cid-idp-selector-benefits--box' : ''} ${theme === 'light' ? 'cid-idp-selector-benefits--light' : ''}`, "data-testid": "benefits", children: benefits.map((benefit) => (_jsxs("li", { className: listItemClasses, "data-testid": "benefit-item", children: [_jsx("svg", { className: "cid-idp-selector-benefit-icon", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.28025 8.71975L14.25 1.75L15.3105 2.8105L7.28025 10.8407L3 6.5605L4.0605 5.5L7.28025 8.71975Z" }) }), benefit] }, benefit))) }));
 };

package/CidButton.js

@@ -26,6 +26,7 @@ import { useAnalytics } from './analytics';
 import './global.css';
 import { getCurrentUrlOrigin } from './navigator';
 import { isIntroTextTypeValid, isRequiredClaimsValid } from './validator';
+import detectIncognito from './incognito';
 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 = () => { }, }) => {
     const { data: participants, error, isLoading, } = useSWR(participantsUri, () => __awaiter(void 0, void 0, void 0, function* () {
         const response = yield fetch(participantsUri);
@@ -35,6 +36,7 @@ export const CidButton = ({ onProceed, claims, requiredClaims, rpLogoUrl, requir
     }));
     useAnalytics();
     const [showPopup, setShowPopup] = useState(false);
+    const [isIncognito, setIsIncognito] = useState();
     const analyticsData = {
         claims,
         rpLogoUrl,
@@ -95,20 +97,33 @@ export const CidButton = ({ onProceed, claims, requiredClaims, rpLogoUrl, requir
         },
     };
     useEffect(() => {
-        analytics === null || analytics === void 0 ? void 0 : analytics.track('ConnectID Button Displayed', analyticsData);
+        const track = () => __awaiter(void 0, void 0, void 0, function* () {
+            let incognito;
+            try {
+                const { isPrivate } = yield detectIncognito();
+                incognito = isPrivate;
+                setIsIncognito(isPrivate);
+            }
+            catch (error) {
+                setIsIncognito(undefined);
+                incognito = undefined;
+            }
+            analytics === null || analytics === void 0 ? void 0 : analytics.track('ConnectID Button Displayed', Object.assign(Object.assign({}, analyticsData), { incognito }));
+        });
+        track();
     }, []);
     const handleOnProceed = (authorisationServerId, authorisationServerName) => {
-        analytics === null || analytics === void 0 ? void 0 : analytics.track('IDP Selected', Object.assign(Object.assign({}, analyticsData), { authorisationServerId, idp_name: authorisationServerName }));
+        analytics === null || analytics === void 0 ? void 0 : analytics.track('IDP Selected', Object.assign(Object.assign({}, analyticsData), { authorisationServerId, idp_name: authorisationServerName, incognito: isIncognito }));
         setShowPopup(false);
         onProceed(authorisationServerId);
     };
     const handleButtonClick = () => {
         setShowPopup(true);
-        analytics === null || analytics === void 0 ? void 0 : analytics.track('ConnectID Button Clicked', analyticsData);
+        analytics === null || analytics === void 0 ? void 0 : analytics.track('ConnectID Button Clicked', Object.assign(Object.assign({}, analyticsData), { incognito: isIncognito }));
     };
     const handleClosePopup = () => {
         setShowPopup(false);
-        analytics === null || analytics === void 0 ? void 0 : analytics.track('IDP Selector Popup Close Button Clicked', analyticsData);
+        analytics === null || analytics === void 0 ? void 0 : analytics.track('IDP Selector Popup Close Button Clicked', Object.assign(Object.assign({}, analyticsData), { incognito: isIncognito }));
     };
     if (!isRequiredClaimsValid(claims, requiredClaims)) {
         const errorMessage = `requiredClaims needs to be a subset of claims. claims: ${claims.join(', ')}; requiredClaims: ${requiredClaims === null || requiredClaims === void 0 ? void 0 : requiredClaims.join(', ')}.`;

package/Popup.css

@@ -360,6 +360,7 @@
   .cid-idp-selector-popup-participants {
     margin-top: 12px;
     grid-template-columns: 1fr;
+    max-height: 550px;
   }
   .cid-idp-selector-popup-participant-greyed-out {
     margin-bottom: 8px;

package/Popup.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
@@ -12,7 +21,9 @@ import { ParticipantsLoader } from './ParticipantsLoader';
 import './Popup.css';
 import { useOverrideShiftTab, useOverrideTab } from './TabHook';
 import { getDeviceType } from './userAgent';
+import detectIncognito from './incognito';
 export const Popup = ({ onProceed, onCancel, onError, claims, requiredClaims, showAllParticipants, certificationStatus, popupTitle, rpDataSharingDescription, enableManualVerification, requiredCertifications, rpLogoUrl, participants, error, isLoading, }) => {
+    const [isIncognito, setIsIncognito] = useState();
     const [showClaims, setShowClaims] = useState(false); // mobile only
     const popupRef = useRef(null);
     useAnalytics();
@@ -23,6 +34,16 @@ export const Popup = ({ onProceed, onCancel, onError, claims, requiredClaims, sh
     useOverrideShiftTab(closeButtonRef, infoboxLinkRef);
     useEffect(() => {
         var _a;
+        const detectIncognitoMode = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const { isPrivate } = yield detectIncognito();
+                setIsIncognito(isPrivate);
+            }
+            catch (error) {
+                setIsIncognito(undefined);
+            }
+        });
+        detectIncognitoMode();
         (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
     const claimsOrder = {
@@ -80,13 +101,14 @@ export const Popup = ({ onProceed, onCancel, onError, claims, requiredClaims, sh
             activeElement.click();
         }
     };
-    const handleConnectIdLinkClicked = () => {
+    const handleConnectIdLinkClicked = () => __awaiter(void 0, void 0, void 0, function* () {
         analytics === null || analytics === void 0 ? void 0 : analytics.track('Link to External Page Clicked', {
             source: 'what_is_connectid',
             link_url: 'https://www.connectid.com.au',
             rp_sub_brand: getCurrentUrlOrigin(),
+            incognito: isIncognito,
         });
-    };
+    });
     const renderClaimList = () => {
         return (_jsx("ul", { id: "cid-idp-selector-popup-claims", className: `cid-idp-selector-popup-claims ${showClaims ? 'cid-idp-selector-popup-claims--visible' : ''}`, "data-testid": "claims", children: sortClaims(claims).map((claim) => (_jsxs("li", { className: "cid-idp-selector-popup-claim", "data-testid": `claim-${claim}`, children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#BEEDD2" }), _jsx("path", { d: "M4.81445 8.14121L6.95437 10.2811L11.472 5.76465", stroke: "#262626", strokeWidth: "1.7", strokeLinecap: "round" })] }), claimsDescription[claim]] }, claim))) }));
     };
@@ -131,7 +153,7 @@ export const Popup = ({ onProceed, onCancel, onError, claims, requiredClaims, sh
         const hasManualIdp = enableManualVerification && !!manualAuthorisationServer;
         return (_jsxs(_Fragment, { children: [filteredAuthorisationServers.length > 0 ? (_jsxs("div", { className: "cid-idp-selector-popup-provider-wrapper", children: [_jsx("h3", { className: "cid-idp-selector-popup-subtitle", children: "Choose a provider" }), _jsx("ul", { className: "cid-idp-selector-popup-participants", "data-testid": "participants", children: Array.from(filteredAuthServerByDevice.entries()).map(([authServer, device]) => {
                                 return (_jsx("div", { children: participantTile(authServer.AuthorisationServerId, authServer.CustomerFriendlyName, authServer.CustomerFriendlyLogoUri, device) }, authServer.AuthorisationServerId));
-                            }) })] })) : (_jsx("div", { className: "cid-idp-selector-popup-info-box-error-wrapper", "data-testid": "popup-error-info-box", children: _jsx(NoIdpError, { hasManualIdp: hasManualIdp }) })), enableManualVerification && manualAuthorisationServer && (_jsx(_Fragment, { children: _jsxs("p", { className: "cid-idp-selector-popup-manual", children: [_jsx("span", { className: "cid-idp-selector-popup-manual-title", children: "Can't see a provider that works for you?" }), _jsx("span", { className: "cid-idp-selector-popup-manual-action", tabIndex: 0, onClick: () => onProceed(manualAuthorisationServer.AuthorisationServerId, manualAuthorisationServer.CustomerFriendlyName), "data-testid": "manual-verification-action", role: "link", children: "Confirm your identity with a document" }), _jsx("span", { className: "cid-idp-selector-popup-manual-description", children: "ConnectID does not collect, hold or store your personal information at any time." })] }) }))] }));
+                            }) })] })) : (_jsx("div", { className: "cid-idp-selector-popup-info-box-error-wrapper", "data-testid": "popup-error-info-box", children: _jsx(NoIdpError, { hasManualIdp: hasManualIdp }) })), enableManualVerification && manualAuthorisationServer && (_jsx(_Fragment, { children: _jsxs("p", { className: "cid-idp-selector-popup-manual", children: [_jsx("span", { className: "cid-idp-selector-popup-manual-title", "data-testid": "manual-verification-text", children: "Or, use a document to verify your identity" }), _jsx("span", { className: "cid-idp-selector-popup-manual-action", tabIndex: 0, onClick: () => onProceed(manualAuthorisationServer.AuthorisationServerId, manualAuthorisationServer.CustomerFriendlyName), "data-testid": "manual-verification-action", role: "link", children: "Verify with a document" }), _jsx("span", { className: "cid-idp-selector-popup-manual-description", children: "ConnectID does not collect, hold or store your personal information at any time." })] }) }))] }));
     };
     return ReactDOM.createPortal(_jsxs("div", { className: "cid-idp-selector-popup", tabIndex: 0, ref: popupRef, onKeyDown: handleEnterEsc, children: [_jsxs("div", { className: "cid-idp-selector-popup-logo-container", children: [_jsxs("div", { className: "cid-idp-selector-popup-logos", children: [_jsxs("svg", { role: "img", focusable: "false", className: "cid-idp-selector-popup-logo", viewBox: "0 0 132.37 157.84", "data-testid": "cid-logo", children: [_jsx("title", { children: "ConnectID logo" }), _jsx("path", { d: "M102.22,91.65c0,19.9-16.13,36.03-36.03,36.03s-36.03-16.13-36.03-36.03,16.13-36.03,36.03-36.03c9.95,0,18.96,4.03,25.48,10.55l40.71-40.71c-6.52-6.52-10.55-15.52-10.55-25.46h-30.14c0,13.45,4.02,25.95,10.92,36.39-10.45-6.9-22.96-10.93-36.42-10.93C29.63,25.47,0,55.1,0,91.65s29.63,66.19,66.19,66.19,66.19-29.63,66.19-66.19h-30.16Z" })] }), rpLogoUrl && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "cid-idp-selector-popup-logo-dots", children: [_jsx("div", { className: "cid-idp-selector-popup-logo-dot" }), _jsx("div", { className: "cid-idp-selector-popup-logo-dot" }), _jsx("div", { className: "cid-idp-selector-popup-logo-dot" })] }), _jsx("img", { className: "cid-idp-selector-popup-logo-rp", src: rpLogoUrl, alt: "RP logo", "data-testid": "rp-logo" })] }))] }), _jsxs("button", { "aria-label": "Close popup", "data-testid": "popup-close", className: "cid-idp-selector-popup-close", onClick: onCancel, tabIndex: 0, ref: closeButtonRef, children: [_jsx("span", { className: "cid-idp-selector-popup-close-label", children: "Close" }), _jsx("svg", { clipRule: "evenodd", fillRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m12 10.93 5.719-5.72c.146-.146.339-.219.531-.219.404 0 .75.324.75.749 0 .193-.073.385-.219.532l-5.72 5.719 5.719 5.719c.147.147.22.339.22.531 0 .427-.349.75-.75.75-.192 0-.385-.073-.531-.219l-5.719-5.719-5.719 5.719c-.146.146-.339.219-.531.219-.401 0-.75-.323-.75-.75 0-.192.073-.384.22-.531l5.719-5.719-5.72-5.719c-.146-.147-.219-.339-.219-.532 0-.425.346-.749.75-.749.192 0 .385.073.531.219z" }) })] })] }), _jsxs("div", { className: "cid-idp-selector-popup-title-description-container", children: [_jsx("h2", { className: "cid-idp-selector-popup-title", children: popupTitle }), _jsx("p", { className: "cid-idp-selector-popup-description", children: rpDataSharingDescription })] }), renderClaims(), renderAuthorisationServers(), _jsx("div", { className: "cid-idp-selector-popup-info-box-wrapper", children: _jsxs(InfoBox, { children: [_jsx("h4", { className: "cid-idp-selector-popup-info-box-title", children: "What is ConnectID?" }), _jsxs("p", { className: "cid-idp-selector-popup-info-box-text", "data-testid": "whats-cid-text", children: ["ConnectID is an Australian-owned digital identity solution which allows you to securely prove who you are. ConnectID does not see or store your personal data. Visit", ' ', _jsx("a", { className: "cid-idp-selector-popup-info-box-link", href: "https://www.connectid.com.au", onClick: handleConnectIdLinkClicked, target: "_blank", tabIndex: 0, "data-testid": "info-box-link", ref: infoboxLinkRef, children: "connectid.com.au" }), ' ', "to find out more."] })] }) })] }), document.querySelector('body'));
 };

package/README.md

@@ -222,6 +222,14 @@ The SVG image below the ConnectID button has either option dark or light mode. B
 
 ## 🚀 Release Notes
 
+### 6.7.0 (May 5, 2025)
+- Detect incognito.
+
+### 6.6.0 (May 5, 2025)
+- Fix benefits list (missing `key`).
+- Update verify manually copy.
+- Show 8 IDPs on mobile view without needing to scroll.
+
 ### 6.5.2 (Apr 30, 2025)
 - Fix `introTextType` in README.
 

package/analytics.js

@@ -11,8 +11,8 @@ export const useAnalytics = () => {
         return;
     // If the snippet was invoked already show an error.
     if (analytics.invoked) {
-        if (window.console && console.error) {
-            console.error('Segment snippet included twice.');
+        if (window.console) {
+            console.log('Segment snippet included twice.');
         }
         return;
     }

package/incognito.d.ts

@@ -0,0 +1,41 @@
+/*!
+ *
+ * detectIncognito v1.4.1
+ *
+ * https://github.com/Joe12387/detectIncognito
+ *
+ * MIT License
+ *
+ * Copyright (c) 2021 - 2024 Joe Rutkowski <Joe@dreggle.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ * Please keep this comment intact in order to properly abide by the MIT License.
+ *
+ **/
+declare global {
+    interface Window {
+        detectIncognito: typeof detectIncognito;
+    }
+}
+export declare function detectIncognito(): Promise<{
+    isPrivate: boolean;
+    browserName: string;
+}>;
+export default detectIncognito;

package/incognito.js

@@ -0,0 +1,239 @@
+/* eslint-disable */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export function detectIncognito() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield new Promise(function (resolve, reject) {
+            let browserName = 'Unknown';
+            function __callback(isPrivate) {
+                resolve({
+                    isPrivate,
+                    browserName
+                });
+            }
+            function identifyChromium() {
+                const ua = navigator.userAgent;
+                if (ua.match(/Chrome/)) {
+                    if (navigator.brave !== undefined) {
+                        return 'Brave';
+                    }
+                    else if (ua.match(/Edg/)) {
+                        return 'Edge';
+                    }
+                    else if (ua.match(/OPR/)) {
+                        return 'Opera';
+                    }
+                    return 'Chrome';
+                }
+                else {
+                    return 'Chromium';
+                }
+            }
+            function assertEvalToString(value) {
+                return value === eval.toString().length;
+            }
+            function feid() {
+                let toFixedEngineID = 0;
+                let neg = parseInt("-1");
+                try {
+                    neg.toFixed(neg);
+                }
+                catch (e) {
+                    toFixedEngineID = e.message.length;
+                }
+                return toFixedEngineID;
+            }
+            function isSafari() {
+                return feid() === 44;
+            }
+            function isChrome() {
+                return feid() === 51;
+            }
+            function isFirefox() {
+                return feid() === 25;
+            }
+            function isMSIE() {
+                return (navigator.msSaveBlob !== undefined && assertEvalToString(39));
+            }
+            /**
+             * Safari (Safari for iOS & macOS)
+             **/
+            function newSafariTestByStorageFallback() {
+                var _a;
+                if (!((_a = navigator.storage) === null || _a === void 0 ? void 0 : _a.estimate)) {
+                    __callback(false);
+                    return;
+                }
+                navigator.storage
+                    .estimate()
+                    .then(({ usage, quota }) => {
+                    // iOS 18.x/macOS Safari 18.x (normal): ~41GB
+                    // iOS 18.x/macOS Safari 18.x (private): ~1GB
+                    // If reported quota < 2 GB => likely private
+                    if (quota && quota < 2000000000) {
+                        __callback(true);
+                    }
+                    else {
+                        __callback(false);
+                    }
+                })
+                    .catch(() => {
+                    __callback(false);
+                });
+            }
+            function newSafariTest() {
+                const tmp_name = String(Math.random());
+                try {
+                    const db = window.indexedDB.open(tmp_name, 1);
+                    db.onupgradeneeded = function (i) {
+                        var _a, _b;
+                        const res = (_a = i.target) === null || _a === void 0 ? void 0 : _a.result;
+                        try {
+                            res.createObjectStore('test', {
+                                autoIncrement: true
+                            }).put(new Blob());
+                        }
+                        catch (e) {
+                            let message = e;
+                            if (e instanceof Error) {
+                                message = (_b = e.message) !== null && _b !== void 0 ? _b : e;
+                            }
+                            if (typeof message !== 'string') {
+                                __callback(false);
+                                return;
+                            }
+                            const matchesExpectedError = message.includes('BlobURLs are not yet supported');
+                            if (matchesExpectedError) {
+                                __callback(true);
+                            }
+                        }
+                        finally {
+                            res.close();
+                            window.indexedDB.deleteDatabase(tmp_name);
+                            // indexdb works on newer versions of safari so we need to check via storage fallback
+                            newSafariTestByStorageFallback();
+                        }
+                    };
+                }
+                catch (e) {
+                    __callback(false);
+                }
+            }
+            function oldSafariTest() {
+                const openDB = window.openDatabase;
+                const storage = window.localStorage;
+                try {
+                    openDB(null, null, null, null);
+                }
+                catch (e) {
+                    __callback(true);
+                    return;
+                }
+                try {
+                    storage.setItem('test', '1');
+                    storage.removeItem('test');
+                }
+                catch (e) {
+                    __callback(true);
+                    return;
+                }
+                __callback(false);
+            }
+            function safariPrivateTest() {
+                if (navigator.maxTouchPoints !== undefined) {
+                    newSafariTest();
+                }
+                else {
+                    oldSafariTest();
+                }
+            }
+            /**
+             * Chrome
+             **/
+            function getQuotaLimit() {
+                const w = window;
+                if (w.performance !== undefined &&
+                    w.performance.memory !== undefined &&
+                    w.performance.memory.jsHeapSizeLimit !== undefined) {
+                    return performance.memory.jsHeapSizeLimit;
+                }
+                return 1073741824;
+            }
+            // >= 76
+            function storageQuotaChromePrivateTest() {
+                navigator.webkitTemporaryStorage.queryUsageAndQuota(function (_, quota) {
+                    const quotaInMib = Math.round(quota / (1024 * 1024));
+                    const quotaLimitInMib = Math.round(getQuotaLimit() / (1024 * 1024)) * 2;
+                    __callback(quotaInMib < quotaLimitInMib);
+                }, function (e) {
+                    reject(new Error('detectIncognito somehow failed to query storage quota: ' +
+                        e.message));
+                });
+            }
+            // 50 to 75
+            function oldChromePrivateTest() {
+                const fs = window.webkitRequestFileSystem;
+                const success = function () {
+                    __callback(false);
+                };
+                const error = function () {
+                    __callback(true);
+                };
+                fs(0, 1, success, error);
+            }
+            function chromePrivateTest() {
+                if (self.Promise !== undefined && self.Promise.allSettled !== undefined) {
+                    storageQuotaChromePrivateTest();
+                }
+                else {
+                    oldChromePrivateTest();
+                }
+            }
+            /**
+             * Firefox
+             **/
+            function firefoxPrivateTest() {
+                __callback(navigator.serviceWorker === undefined);
+            }
+            /**
+             * MSIE
+             **/
+            function msiePrivateTest() {
+                __callback(window.indexedDB === undefined);
+            }
+            function main() {
+                if (isSafari()) {
+                    browserName = 'Safari';
+                    safariPrivateTest();
+                }
+                else if (isChrome()) {
+                    browserName = identifyChromium();
+                    chromePrivateTest();
+                }
+                else if (isFirefox()) {
+                    browserName = 'Firefox';
+                    firefoxPrivateTest();
+                }
+                else if (isMSIE()) {
+                    browserName = 'Internet Explorer';
+                    msiePrivateTest();
+                }
+                else {
+                    reject(new Error('detectIncognito cannot determine the browser'));
+                }
+            }
+            main();
+        });
+    });
+}
+if (typeof window !== 'undefined') {
+    window.detectIncognito = detectIncognito;
+}
+export default detectIncognito;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectid-tools/idp-selector-react",
-  "version": "6.5.2",
+  "version": "6.7.0",
   "description": "React component for IDP Selector.",
   "main": "index.js",
   "type": "module",
@@ -25,19 +25,19 @@
   },
   "homepage": "https://github.com/connectid-tools/idp-selector-react",
   "devDependencies": {
-    "@babel/preset-typescript": "^7.27.0",
+    "@babel/preset-typescript": "^7.27.1",
     "@types/node": "^22.15.3",
     "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/react-dom": "^18.3.7",
     "cypress": "^13.17.0",
     "jest-environment-jsdom": "^29.7.0",
     "prettier": "^3.5.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "replace-in-file": "^8.3.0",
-    "tsx": "^4.19.3",
+    "tsx": "^4.19.4",
     "typescript": "^5.8.3",
-    "vite": "^5.4.18"
+    "vite": "^5.4.19"
   },
   "dependencies": {
     "react-responsive": "^10.0.1",