@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.
Files changed (3) hide show
  1. package/Popup.js +1 -1
  2. package/README.md +26 -4
  3. 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: "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." })] }) }))] }));
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
- ### 6.12.1-alpha.2 (Aug 25, 2025)
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
- ### 6.12.0-alpha.1 (Aug 7, 2025)
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
- ### 6.11.0-alpha.5 (Aug 5, 2025)
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
- ### 6.10.0-alpha.14 (Jul 18, 2025)
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.1",
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.27.1",
29
- "@types/node": "^22.18.0",
30
- "@types/react": "^18.3.24",
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.0.0",
33
- "jest-environment-jsdom": "^30.1.2",
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.5",
40
- "typescript": "^5.9.2"
39
+ "tsx": "^4.20.6",
40
+ "typescript": "^5.9.3",
41
+ "vite": "^7.2.4"
41
42
  },
42
43
  "dependencies": {
43
- "detectincognitojs": "^1.6.1",
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
  }