@connectid-tools/idp-selector-react 6.10.0 → 6.11.0-alpha.2

package/compatibility.d.ts

@@ -1,3 +1,3 @@
-import { CompatibilityEnvironment, CompatibilityWarnings } from './types';
+import { CompatibilityEnvironment, CompatibilityWarnings } from "./types.js";
 export declare const getCompatibility: (env: CompatibilityEnvironment) => CompatibilityWarnings;
 export declare const getMightFail: (env: Pick<CompatibilityEnvironment, "supportIncognito" | "idpHasAppCertification" | "isMobile" | "isIncognito" | "isAndroid" | "isIos" | "browser">) => boolean;

package/compatibility.test.js

@@ -1,8 +1,8 @@
-import { describe, it } from 'node:test';
-import assert from 'node:assert';
-import { getCompatibility, getMightFail } from './compatibility';
-describe('getCompatibility', () => {
-    it('should return compatibility warnings', () => {
+import { describe, it } from "node:test";
+import assert from "node:assert";
+import { getCompatibility, getMightFail } from "./compatibility.js";
+describe("getCompatibility", () => {
+    it("should return compatibility warnings", () => {
         const compatibility = getCompatibility({
             supportIncognito: false,
             idpHasAppCertification: true,
@@ -10,19 +10,19 @@ describe('getCompatibility', () => {
             isIncognito: false,
             isAndroid: false,
             isIos: false,
-            browser: 'other',
+            browser: "other",
         });
         assert.deepStrictEqual(compatibility, {
             isMobile: true,
             isIncognito: false,
-            mobileOs: 'other',
-            browser: 'other',
+            mobileOs: "other",
+            browser: "other",
             mightFail: false,
         });
     });
 });
-describe('getMightFail', () => {
-    it('should return false when idpHasAppCertification is false', () => {
+describe("getMightFail", () => {
+    it("should return false when idpHasAppCertification is false", () => {
         const mightFail = getMightFail({
             supportIncognito: false,
             idpHasAppCertification: false,
@@ -30,11 +30,11 @@ describe('getMightFail', () => {
             isIncognito: false,
             isAndroid: false,
             isIos: false,
-            browser: 'other',
+            browser: "other",
         });
         assert.ok(mightFail === false);
     });
-    it('should return false when isMobile is false', () => {
+    it("should return false when isMobile is false", () => {
         const mightFail = getMightFail({
             supportIncognito: false,
             idpHasAppCertification: true,
@@ -42,11 +42,11 @@ describe('getMightFail', () => {
             isIncognito: false,
             isAndroid: false,
             isIos: false,
-            browser: 'other',
+            browser: "other",
         });
         assert.ok(mightFail === false);
     });
-    it('should return true when does not support incognito and settings are incognito/android/chrome', () => {
+    it("should return true when does not support incognito and settings are incognito/android/chrome", () => {
         const mightFail = getMightFail({
             supportIncognito: false,
             idpHasAppCertification: true,
@@ -54,11 +54,11 @@ describe('getMightFail', () => {
             isIncognito: true,
             isAndroid: true,
             isIos: false,
-            browser: 'chrome',
+            browser: "chrome",
         });
         assert.ok(mightFail === true);
     });
-    it('should return false when supports incognito and settings are incognito/android/chrome', () => {
+    it("should return false when supports incognito and settings are incognito/android/chrome", () => {
         const mightFail = getMightFail({
             supportIncognito: true,
             idpHasAppCertification: true,
@@ -66,11 +66,11 @@ describe('getMightFail', () => {
             isIncognito: true,
             isAndroid: true,
             isIos: false,
-            browser: 'chrome',
+            browser: "chrome",
         });
         assert.ok(mightFail === false);
     });
-    it('should return true when android/samsung', () => {
+    it("should return true when android/samsung", () => {
         const mightFail = getMightFail({
             supportIncognito: false,
             idpHasAppCertification: true,
@@ -78,11 +78,11 @@ describe('getMightFail', () => {
             isIncognito: false,
             isAndroid: true,
             isIos: false,
-            browser: 'samsung',
+            browser: "samsung",
         });
         assert.ok(mightFail === true);
     });
-    it('should return true when does not support incognito and settings are incognito/ios', () => {
+    it("should return true when does not support incognito and settings are incognito/ios", () => {
         const mightFail = getMightFail({
             supportIncognito: false,
             idpHasAppCertification: true,
@@ -90,11 +90,11 @@ describe('getMightFail', () => {
             isIncognito: true,
             isAndroid: false,
             isIos: true,
-            browser: 'safari',
+            browser: "safari",
         });
         assert.ok(mightFail === true);
     });
-    it('should return false when supports incognito and settings are incognito/ios', () => {
+    it("should return false when supports incognito and settings are incognito/ios", () => {
         const mightFail = getMightFail({
             supportIncognito: true,
             idpHasAppCertification: true,
@@ -102,11 +102,11 @@ describe('getMightFail', () => {
             isIncognito: true,
             isAndroid: false,
             isIos: true,
-            browser: 'safari',
+            browser: "safari",
         });
         assert.ok(mightFail === false);
     });
-    it('should return false when none of the conditions are met', () => {
+    it("should return false when none of the conditions are met", () => {
         const mightFail = getMightFail({
             supportIncognito: false,
             idpHasAppCertification: true,
@@ -114,7 +114,7 @@ describe('getMightFail', () => {
             isIncognito: false,
             isAndroid: false,
             isIos: false,
-            browser: 'other',
+            browser: "other",
         });
         assert.ok(mightFail === false);
     });

package/index.d.ts

@@ -1 +1 @@
-export { CidButton } from './CidButton';
+export { CidButton } from "./CidButton.js";

package/index.js

@@ -1 +1 @@
-export { CidButton } from './CidButton';
+export { CidButton } from "./CidButton.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectid-tools/idp-selector-react",
-  "version": "6.10.0",
+  "version": "6.11.0-alpha.2",
   "description": "React component for IDP Selector.",
   "main": "index.js",
   "type": "module",
@@ -11,7 +11,7 @@
     "cy:open": "cypress open",
     "clean": "rm -rf dist",
     "build": "npm run clean && tsc && cp package.json README.md license ./src/*.css ./dist",
-    "build:prod": "npm run build && replace-in-file process.env.NODE_ENV \\'production\\' ./dist/analytics.js"
+    "build:prod": "npm run build && replace-in-file process.env.NODE_ENV \\'production\\' ./dist/analytics.js && npx ts-add-js-extension --dir dist"
   },
   "repository": {
     "type": "git",
@@ -35,10 +35,12 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "replace-in-file": "^8.3.0",
+    "ts-add-js-extension": "^1.6.6",
     "tsx": "^4.20.3",
     "typescript": "^5.8.3"
   },
   "dependencies": {
+    "detectincognitojs": "^1.6.0",
     "react-responsive": "^10.0.1",
     "swr": "^2.3.4",
     "vite": "^6.3.5"

package/userAgent.d.ts

@@ -1,4 +1,4 @@
-import { Device } from './types';
+import { Device } from "./types.js";
 export declare const getDeviceType: () => Device;
 export declare const isAndroid: () => boolean;
 export declare const isIos: () => boolean;

package/validator.d.ts

@@ -1,3 +1,3 @@
-import { CidButtonType, Claim, IntroTextType } from './types';
+import { CidButtonType, Claim, IntroTextType } from "./types.js";
 export declare const isRequiredClaimsValid: (claims: Claim[], requiredClaims?: Claim[]) => boolean;
 export declare const isIntroTextTypeValid: (type?: CidButtonType, introTextType?: IntroTextType) => boolean;

package/validator.test.js

@@ -1,36 +1,36 @@
-import { describe, it } from 'node:test';
-import { isIntroTextTypeValid, isRequiredClaimsValid } from './validator';
-import assert from 'node:assert';
-describe('isRequiredClaimsValid', () => {
-    it('should return true if requiredClaims is undefined', () => {
-        const claims = ['given_name', 'over18'];
+import { describe, it } from "node:test";
+import { isIntroTextTypeValid, isRequiredClaimsValid } from "./validator.js";
+import assert from "node:assert";
+describe("isRequiredClaimsValid", () => {
+    it("should return true if requiredClaims is undefined", () => {
+        const claims = ["given_name", "over18"];
         const requiredClaims = undefined;
         assert.strictEqual(isRequiredClaimsValid(claims, requiredClaims), true);
     });
-    it('should return false if requiredClaims is empty', () => {
-        const claims = ['given_name', 'over18'];
+    it("should return false if requiredClaims is empty", () => {
+        const claims = ["given_name", "over18"];
         const requiredClaims = [];
         assert.strictEqual(isRequiredClaimsValid(claims, requiredClaims), false);
     });
-    it('should return true if requiredClaims is a subset of claims', () => {
-        const claims = ['given_name', 'over18'];
-        const requiredClaims = ['given_name'];
+    it("should return true if requiredClaims is a subset of claims", () => {
+        const claims = ["given_name", "over18"];
+        const requiredClaims = ["given_name"];
         assert.strictEqual(isRequiredClaimsValid(claims, requiredClaims), true);
     });
-    it('should return false if requiredClaims is not a subset of claims', () => {
-        const claims = ['given_name', 'over18'];
-        const requiredClaims = ['given_name', 'birthdate'];
+    it("should return false if requiredClaims is not a subset of claims", () => {
+        const claims = ["given_name", "over18"];
+        const requiredClaims = ["given_name", "birthdate"];
         assert.strictEqual(isRequiredClaimsValid(claims, requiredClaims), false);
     });
 });
-describe('isIntroTextTypeValid', () => {
-    it('should return true if type is undefined', () => {
+describe("isIntroTextTypeValid", () => {
+    it("should return true if type is undefined", () => {
         assert.ok(isIntroTextTypeValid(undefined, undefined));
     });
-    it('should return true if introTextType is defined', () => {
-        assert.ok(isIntroTextTypeValid('tiny', 'verify-account'));
+    it("should return true if introTextType is defined", () => {
+        assert.ok(isIntroTextTypeValid("tiny", "verify-account"));
     });
-    it('should return false if introTextType is undefined', () => {
-        assert.ok(!isIntroTextTypeValid('tiny', undefined));
+    it("should return false if introTextType is undefined", () => {
+        assert.ok(!isIntroTextTypeValid("tiny", undefined));
     });
 });

package/incognito.d.ts

@@ -1,41 +0,0 @@
-/*!
- *
- * 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

@@ -1,239 +0,0 @@
-/* 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;