@connectid-tools/idp-selector-react 6.12.1 → 6.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Popup.js +1 -1
- package/README.md +26 -4
- package/package.json +11 -11
package/Popup.js
CHANGED
|
@@ -158,7 +158,7 @@ export const Popup = ({ onProceed, onCancel, onError, claims, requiredClaims, sh
|
|
|
158
158
|
});
|
|
159
159
|
const missingAuthorisationServerWithProfileRedirectFapi2 = authorisationServerWithProfileRedirectFapi2.length !== filteredAuthorisationServers.length;
|
|
160
160
|
const hasManualIdp = enableManualVerification && !!manualAuthorisationServer;
|
|
161
|
-
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: filteredAuthorisationServers.map(({ AuthorisationServerId, CustomerFriendlyName, CustomerFriendlyLogoUri, AuthorisationServerCertifications, }) => (_jsxs("li", { role: "button", "data-testid": "participant", className: "cid-idp-selector-popup-participant", tabIndex: 0, onClick: () => onProceed(AuthorisationServerId, CustomerFriendlyName, AuthorisationServerCertifications), children: [_jsx("img", { className: "cid-idp-selector-popup-participant-icon", src: CustomerFriendlyLogoUri, alt: "" }), _jsx("div", { className: "cid-idp-selector-popup-participant-name", title: CustomerFriendlyName, "data-testid": "participant-name", children: CustomerFriendlyName })] }, AuthorisationServerId))) }), missingAuthorisationServerWithProfileRedirectFapi2 && (_jsxs("div", { className: "cid-idp-selector-popup-missing", "data-testid": "missing-auth-server", children: [_jsx("h4", { className: "cid-idp-selector-popup-missing-title", children: "Can't find your provider?" }), _jsx("p", { className: "cid-idp-selector-popup-missing-text", children: "Not all of our identity providers are available for this verification." })] }))] })) : (_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: "
|
|
161
|
+
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: filteredAuthorisationServers.map(({ AuthorisationServerId, CustomerFriendlyName, CustomerFriendlyLogoUri, AuthorisationServerCertifications, }) => (_jsxs("li", { role: "button", "data-testid": "participant", className: "cid-idp-selector-popup-participant", tabIndex: 0, onClick: () => onProceed(AuthorisationServerId, CustomerFriendlyName, AuthorisationServerCertifications), children: [_jsx("img", { className: "cid-idp-selector-popup-participant-icon", src: CustomerFriendlyLogoUri, alt: "" }), _jsx("div", { className: "cid-idp-selector-popup-participant-name", title: CustomerFriendlyName, "data-testid": "participant-name", children: CustomerFriendlyName })] }, AuthorisationServerId))) }), missingAuthorisationServerWithProfileRedirectFapi2 && (_jsxs("div", { className: "cid-idp-selector-popup-missing", "data-testid": "missing-auth-server", children: [_jsx("h4", { className: "cid-idp-selector-popup-missing-title", children: "Can't find your provider?" }), _jsx("p", { className: "cid-idp-selector-popup-missing-text", children: "Not all of our identity providers are available for this verification." })] }))] })) : (_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, manualAuthorisationServer.AuthorisationServerCertifications), "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." })] }) }))] }));
|
|
162
162
|
};
|
|
163
163
|
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("h2", { 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"));
|
|
164
164
|
};
|
package/README.md
CHANGED
|
@@ -260,21 +260,35 @@ The SVG image below the ConnectID button has either option dark or light mode. B
|
|
|
260
260
|
|
|
261
261
|
## 🚀 Release Notes
|
|
262
262
|
|
|
263
|
+
### 6.12.3 (Nov 21, 2025)
|
|
264
|
+
- `vite` as `devDependency`.
|
|
265
|
+
|
|
266
|
+
### 6.12.2 (Nov 11, 2025)
|
|
267
|
+
- Update verify manually copy.
|
|
268
|
+
|
|
263
269
|
### 6.12.1 (Sep 1, 2025)
|
|
264
270
|
- `full process` with `detail/summary`.
|
|
265
271
|
- `full process` type as list(`ul/li`).
|
|
266
272
|
|
|
267
|
-
|
|
273
|
+
<details>
|
|
274
|
+
<summary>6.12.1-alpha</summary>
|
|
275
|
+
|
|
276
|
+
### 6.12.1-alpha.2 (Aug 25, 2025)
|
|
268
277
|
- `full process` with `detail/summary`.
|
|
269
278
|
|
|
270
279
|
### 6.12.1-alpha.1 (Aug 25, 2025)
|
|
271
280
|
- `full process` type as list(`ul/li`).
|
|
281
|
+
</details>
|
|
272
282
|
|
|
273
283
|
### 6.12.0 (Aug 14, 2025)
|
|
274
284
|
- Update `cba_loyalty` claim label.
|
|
275
285
|
|
|
276
|
-
|
|
286
|
+
<details>
|
|
287
|
+
<summary>6.12.0-alpha</summary>
|
|
288
|
+
|
|
289
|
+
### 6.12.0-alpha.1 (Aug 7, 2025)
|
|
277
290
|
- `cba_loyalty` claim.
|
|
291
|
+
</details>
|
|
278
292
|
|
|
279
293
|
### 6.11.0 (Aug 5, 2025)
|
|
280
294
|
- Handle Windows high contrast (HCM).
|
|
@@ -284,7 +298,10 @@ The SVG image below the ConnectID button has either option dark or light mode. B
|
|
|
284
298
|
- Use `detectincognitojs` npm package.
|
|
285
299
|
- Add file extension to output js files.
|
|
286
300
|
|
|
287
|
-
|
|
301
|
+
<details>
|
|
302
|
+
<summary>6.11.0-alpha</summary>
|
|
303
|
+
|
|
304
|
+
### 6.11.0-alpha.5 (Aug 5, 2025)
|
|
288
305
|
- Handle Windows high contrast (HCM).
|
|
289
306
|
|
|
290
307
|
### 6.11.0-alpha.4 (Aug 1, 2025)
|
|
@@ -299,6 +316,7 @@ The SVG image below the ConnectID button has either option dark or light mode. B
|
|
|
299
316
|
|
|
300
317
|
### 6.11.0-alpha.1 (Jul 22, 2025)
|
|
301
318
|
- Add file extension to output js files.
|
|
319
|
+
</details>
|
|
302
320
|
|
|
303
321
|
### 6.10.0 (Jul 22, 2025)
|
|
304
322
|
- Remove `Available on` from IDP logo list image.
|
|
@@ -316,7 +334,10 @@ The SVG image below the ConnectID button has either option dark or light mode. B
|
|
|
316
334
|
- Rename `compabilityWarnings` to `compatibilityWarnings`.
|
|
317
335
|
- Add `compabilityWarnings` to `onProceed` callback.
|
|
318
336
|
|
|
319
|
-
|
|
337
|
+
<details>
|
|
338
|
+
<summary>6.10.0-alpha</summary>
|
|
339
|
+
|
|
340
|
+
### 6.10.0-alpha.14 (Jul 18, 2025)
|
|
320
341
|
- Compatibility warning popup adjustments.
|
|
321
342
|
|
|
322
343
|
### 6.10.0-alpha.13 (Jul 18, 2025)
|
|
@@ -360,6 +381,7 @@ The SVG image below the ConnectID button has either option dark or light mode. B
|
|
|
360
381
|
|
|
361
382
|
### 6.10.0-alpha.0 (Jun 10, 2025)
|
|
362
383
|
- Add `compabilityWarnings` to `onProceed` callback.
|
|
384
|
+
</details>
|
|
363
385
|
|
|
364
386
|
### 6.9.0 (Jun 5, 2025)
|
|
365
387
|
- Add new `introTextType` option: `verify-age`.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@connectid-tools/idp-selector-react",
|
|
3
|
-
"version": "6.12.
|
|
3
|
+
"version": "6.12.3",
|
|
4
4
|
"description": "React component for IDP Selector.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -25,24 +25,24 @@
|
|
|
25
25
|
},
|
|
26
26
|
"homepage": "https://github.com/connectid-tools/idp-selector-react",
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@babel/preset-typescript": "^7.
|
|
29
|
-
"@types/node": "^22.
|
|
30
|
-
"@types/react": "^18.3.
|
|
28
|
+
"@babel/preset-typescript": "^7.28.5",
|
|
29
|
+
"@types/node": "^22.19.1",
|
|
30
|
+
"@types/react": "^18.3.27",
|
|
31
31
|
"@types/react-dom": "^18.3.7",
|
|
32
|
-
"cypress": "^15.
|
|
33
|
-
"jest-environment-jsdom": "^30.
|
|
32
|
+
"cypress": "^15.7.0",
|
|
33
|
+
"jest-environment-jsdom": "^30.2.0",
|
|
34
34
|
"prettier": "^3.6.2",
|
|
35
35
|
"react": "^18.3.1",
|
|
36
36
|
"react-dom": "^18.3.1",
|
|
37
37
|
"replace-in-file": "^8.3.0",
|
|
38
38
|
"ts-add-js-extension": "^1.6.6",
|
|
39
|
-
"tsx": "^4.20.
|
|
40
|
-
"typescript": "^5.9.
|
|
39
|
+
"tsx": "^4.20.6",
|
|
40
|
+
"typescript": "^5.9.3",
|
|
41
|
+
"vite": "^7.2.4"
|
|
41
42
|
},
|
|
42
43
|
"dependencies": {
|
|
43
|
-
"detectincognitojs": "^1.6.
|
|
44
|
+
"detectincognitojs": "^1.6.2",
|
|
44
45
|
"react-responsive": "^10.0.1",
|
|
45
|
-
"swr": "^2.3.6"
|
|
46
|
-
"vite": "^7.1.3"
|
|
46
|
+
"swr": "^2.3.6"
|
|
47
47
|
}
|
|
48
48
|
}
|