@connectid-tools/idp-selector-react 6.11.0-alpha.3 → 6.11.0-alpha.4
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 +3 -2
- package/README.md +3 -0
- package/package.json +3 -3
package/Popup.js
CHANGED
|
@@ -119,14 +119,15 @@ export const Popup = ({ onProceed, onCancel, onError, claims, requiredClaims, sh
|
|
|
119
119
|
}
|
|
120
120
|
});
|
|
121
121
|
const renderClaimList = () => {
|
|
122
|
+
if (!claims || claims.length === 0) {
|
|
123
|
+
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: _jsxs("li", { className: "cid-idp-selector-popup-claim", "data-testid": "claim-authentication", 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" })] }), "Authentication"] }) }));
|
|
124
|
+
}
|
|
122
125
|
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))) }));
|
|
123
126
|
};
|
|
124
127
|
const renderClaimsTitle = () => {
|
|
125
128
|
return (_jsxs(_Fragment, { children: [_jsx("h3", { className: "cid-idp-selector-popup-subtitle", children: "Details requested" }), _jsx("svg", { className: `cid-idp-selector-popup-claims-toggle ${showClaims ? "cid-idp-selector-popup-claims-toggle--open" : ""}`, xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", children: _jsx("path", { d: "M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" }) })] }));
|
|
126
129
|
};
|
|
127
130
|
const renderClaims = () => {
|
|
128
|
-
if (!claims)
|
|
129
|
-
return null;
|
|
130
131
|
if (isMobile) {
|
|
131
132
|
return (_jsxs("div", { className: "cid-idp-selector-popup-claims-button-wrapper", children: [_jsx("button", { className: "cid-idp-selector-popup-claims-button", onClick: () => setShowClaims(!showClaims), "aria-expanded": showClaims, "aria-controls": "cid-idp-selector-popup-claims", "data-testid": "claims-button", children: renderClaimsTitle() }), renderClaimList()] }));
|
|
132
133
|
}
|
package/README.md
CHANGED
|
@@ -259,6 +259,9 @@ The SVG image below the ConnectID button has either option dark or light mode. B
|
|
|
259
259
|
|
|
260
260
|
## 🚀 Release Notes
|
|
261
261
|
|
|
262
|
+
### 6.11.0-alpha.4 (Aug 1, 2025)
|
|
263
|
+
- Handle no claims (authentication).
|
|
264
|
+
|
|
262
265
|
### 6.11.0-alpha.3 (Jul 29, 2025)
|
|
263
266
|
- Replace participant `role="img"` with `role="button"`.
|
|
264
267
|
- Fix popup tabbing.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@connectid-tools/idp-selector-react",
|
|
3
|
-
"version": "6.11.0-alpha.
|
|
3
|
+
"version": "6.11.0-alpha.4",
|
|
4
4
|
"description": "React component for IDP Selector.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"homepage": "https://github.com/connectid-tools/idp-selector-react",
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@babel/preset-typescript": "^7.27.1",
|
|
29
|
-
"@types/node": "^22.
|
|
29
|
+
"@types/node": "^22.17.0",
|
|
30
30
|
"@types/react": "^18.3.23",
|
|
31
31
|
"@types/react-dom": "^18.3.7",
|
|
32
32
|
"cypress": "^14.5.3",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"replace-in-file": "^8.3.0",
|
|
38
38
|
"ts-add-js-extension": "^1.6.6",
|
|
39
39
|
"tsx": "^4.20.3",
|
|
40
|
-
"typescript": "^5.
|
|
40
|
+
"typescript": "^5.9.2"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"detectincognitojs": "^1.6.0",
|