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

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-alpha.9",
+  "version": "6.11.0-alpha.1",
   "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",
@@ -26,15 +26,16 @@
   "homepage": "https://github.com/connectid-tools/idp-selector-react",
   "devDependencies": {
     "@babel/preset-typescript": "^7.27.1",
-    "@types/node": "^22.16.3",
+    "@types/node": "^22.16.5",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
-    "cypress": "^14.5.1",
+    "cypress": "^14.5.2",
     "jest-environment-jsdom": "^29.7.0",
     "prettier": "^3.6.2",
     "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"
   },

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));
     });
 });