@connectid-tools/idp-selector-react 6.8.0 → 6.9.0

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 (4) hide show
  1. package/IntroText.js +2 -1
  2. package/README.md +5 -1
  3. package/package.json +3 -3
  4. package/types.d.ts +1 -1
package/IntroText.js CHANGED
@@ -5,10 +5,11 @@ import { ThemeContext } from './ThemeContext';
5
5
  const introTextContent = {
6
6
  'verify-trust': 'ConnectID lets you verify your identity through details stored with an organisation you already trust, like your bank.',
7
7
  'verify-account': 'Verify your identity through an organisation you already have an account with, like your bank.',
8
- 'power': 'ConnectID gives you the power to choose how you share your details, using organisations you already trust.',
8
+ power: 'ConnectID gives you the power to choose how you share your details, using organisations you already trust.',
9
9
  'sign-up': 'ConnectID lets you sign up using details stored with an organisation you already trust, like your bank.',
10
10
  'bank-details-plus-personal-info': 'Provide your preferred bank account and personal details in a secure and simple way, without oversharing information.',
11
11
  'bank-details-only': 'Provide your preferred bank account details in a secure and simple way, without oversharing information.',
12
+ 'verify-age': 'Verify your age through an organisation you already have an account with, like your bank.',
12
13
  };
13
14
  export const IntroText = ({ type }) => {
14
15
  const theme = useContext(ThemeContext);
package/README.md CHANGED
@@ -43,7 +43,7 @@ Your page should render a widget similar to this 👇 And when the button is cli
43
43
  | rpDataSharingDescription | The text that goes under the popup title explaining how shared data will be used. | string | no | 'Your details will be shared with the current website.' |
44
44
  | enableManualVerification | Whether an option to verify identity manually is displayed or not. | boolean | no | false |
45
45
  | type | The type of ConnectID button widget. [More details here](#type) | 'tiny' \| 'medium benefits' \| 'medium process' \| 'full benefits' \| 'full process' | no | undefined (shows only ConnectID button). |
46
- | introTextType | The text that goes above the ConnectID button. [More details here](#introTextType) | 'verify-trust' \| 'verify-account' \| 'power' \| 'sign-up' \| 'bank-details-plus-personal-info' \| 'bank-details-only' | yes when `type` is set. | - |
46
+ | introTextType | The text that goes above the ConnectID button. [More details here](#introTextType) | 'verify-trust' \| 'verify-account' \| 'power' \| 'sign-up' \| 'bank-details-plus-personal-info' \| 'bank-details-only' \| 'verify-age' | yes when `type` is set. | - |
47
47
  | fullProcessCollapsible | Whether process items are collapsible or not. Only available when `type` is `full process`. | boolean | no | false |
48
48
  | showAllParticipants | Show all participants regardless of any other option. **_This should only be used for testing_**. | boolean | no | false |
49
49
  | theme | ConnectID button theme. | 'dark' \| 'light' | no | 'dark' |
@@ -188,6 +188,7 @@ All elements have classes that can be styled with CSS to match you brand identit
188
188
  `sign-up`: ConnectID lets you sign up using details stored with an organisation you already trust, like your bank.\
189
189
  `bank-details-plus-personal-info`: Provide your preferred bank account and personal details in a secure and simple way, without oversharing information.\
190
190
  `bank-details-only`: Provide your preferred bank account details in a secure and simple way, without oversharing information.
191
+ `verify-age`: Verify your age through an organisation you already have an account with, like your bank.
191
192
  </details>
192
193
 
193
194
  ### <a name="infoContent"></a>infoContent option
@@ -222,6 +223,9 @@ The SVG image below the ConnectID button has either option dark or light mode. B
222
223
 
223
224
  ## 🚀 Release Notes
224
225
 
226
+ ### 6.9.0 (Jun 5, 2025)
227
+ - Add new `introTextType` option: `verify-age`.
228
+
225
229
  ### 6.8.0 (May 7, 2025)
226
230
  - Show message in the IDP list when any IDP with `ProfileType=Redirect` and `ProfileVariant=FAPI2 Adv. OP w/Private Key, PAR` is not being displayed.
227
231
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@connectid-tools/idp-selector-react",
3
- "version": "6.8.0",
3
+ "version": "6.9.0",
4
4
  "description": "React component for IDP Selector.",
5
5
  "main": "index.js",
6
6
  "type": "module",
@@ -26,8 +26,8 @@
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.15.14",
30
- "@types/react": "^18.3.21",
29
+ "@types/node": "^22.15.29",
30
+ "@types/react": "^18.3.23",
31
31
  "@types/react-dom": "^18.3.7",
32
32
  "cypress": "^13.17.0",
33
33
  "jest-environment-jsdom": "^29.7.0",
package/types.d.ts CHANGED
@@ -28,7 +28,7 @@ export type AnalyticsEvent = 'ConnectID Button Displayed' | 'ConnectID Button Cl
28
28
  export type Analytics = {
29
29
  track: (event: AnalyticsEvent, data?: Record<string, unknown>) => void;
30
30
  };
31
- export type IntroTextType = 'verify-trust' | 'verify-account' | 'power' | 'sign-up' | 'bank-details-plus-personal-info' | 'bank-details-only';
31
+ export type IntroTextType = 'verify-trust' | 'verify-account' | 'power' | 'sign-up' | 'bank-details-plus-personal-info' | 'bank-details-only' | 'verify-age';
32
32
  export type CidButtonType = 'tiny' | 'medium benefits' | 'medium process' | 'full benefits' | 'full process';
33
33
  export type CidButtonTypeConfig = {
34
34
  hasIntro: boolean;