@descope/flow-components 2.0.418 → 2.0.420

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/dist/index.cjs.js +29 -12
  2. package/dist/index.esm.js +29 -12
  3. package/package.json +2 -2
package/dist/index.cjs.js CHANGED
@@ -180,20 +180,37 @@ const Loader = React__default.default.forwardRef(({ variant, color, ...restProps
180
180
 
181
181
  const Logo = React__default.default.forwardRef(({ width, height, ...props }, ref) => (React__default.default.createElement("descope-logo", { "st-width": width, "st-height": height, ref: ref, ...props })));
182
182
 
183
- const NewPassword = React__default.default.forwardRef(({ 'has-validation': hasValidation = false, 'policy-label': policyLabel = 'Passwords must have:',
184
- // in the future, 'active-policies' can be injected in runtime
185
- 'active-policies': activePolicies = [], 'data-password-policy-pattern-minlength': patternMinLength = '^.{{{value}},}$', 'data-password-policy-pattern-lowercase': patternLowercase = '[a-z]', 'data-password-policy-pattern-uppercase': patternUppercase = '[A-Z]', 'data-password-policy-pattern-number': patternNumber = '\\d', 'data-password-policy-pattern-nonalphanumeric': patternNonAlphanumeric = '[^a-zA-Z0-9]',
186
- // props to override with data from policy
187
- 'data-password-policy-value-minlength': valueMinLength = '8',
188
- // translatable props
189
- 'data-password-policy-message-minlength': errorMessageMinLength = 'At least {{value}} characters', 'data-password-policy-message-lowercase': errorMessageLowercase = '1 lowercase letter', 'data-password-policy-message-uppercase': errorMessageUppercase = '1 uppercase letter', 'data-password-policy-message-number': errorMessageNumber = '1 number', 'data-password-policy-message-nonalphanumeric': errorMessageNonAlphanumeric = '1 symbol', 'st-policy-preview-background-color': stPreviewBgColor = 'transparent', 'st-policy-preview-padding': stPreviewPadding = '0', ...props }, ref) => {
190
- const availablePolicies = props?.['active-policies']?.map((id) => ({
183
+ const defaultProps = {
184
+ 'has-validation': false,
185
+ 'policy-label': 'Passwords must have:',
186
+ // in the future, 'active-policies' can be injected in runtime
187
+ 'active-policies': [],
188
+ // non-user-editable patterns
189
+ 'data-password-policy-pattern-minlength': '^.{{{value}},}$',
190
+ 'data-password-policy-pattern-lowercase': '[a-z]',
191
+ 'data-password-policy-pattern-uppercase': '[A-Z]',
192
+ 'data-password-policy-pattern-number': '\\d',
193
+ 'data-password-policy-pattern-nonalphanumeric': '[^a-zA-Z0-9]',
194
+ // props to override with data from policy
195
+ 'data-password-policy-value-minlength': '8',
196
+ // translatable props
197
+ 'data-password-policy-message-minlength': 'At least {{value}} characters',
198
+ 'data-password-policy-message-lowercase': '1 lowercase letter',
199
+ 'data-password-policy-message-uppercase': '1 uppercase letter',
200
+ 'data-password-policy-message-number': '1 number',
201
+ 'data-password-policy-message-nonalphanumeric': '1 symbol',
202
+ 'st-policy-preview-background-color': 'transparent',
203
+ 'st-policy-preview-padding': '0'
204
+ };
205
+ const NewPassword = React__default.default.forwardRef((props, ref) => {
206
+ const mergedProps = { ...defaultProps, ...props };
207
+ const availablePolicies = mergedProps?.['active-policies']?.map((id) => ({
191
208
  id,
192
- message: props[`data-password-policy-message-${id}`],
193
- pattern: props[`data-password-policy-pattern-${id}`],
194
- data: props[`data-password-policy-data-${id}`]
209
+ message: mergedProps[`data-password-policy-message-${id}`],
210
+ pattern: mergedProps[`data-password-policy-pattern-${id}`],
211
+ data: mergedProps[`data-password-policy-data-${id}`]
195
212
  }));
196
- return (React__default.default.createElement("descope-new-password", { "has-validation": hasValidation, "policy-label": policyLabel, "active-policies": activePolicies, "data-password-policy-pattern-minlength": patternMinLength, "data-password-policy-pattern-lowercase": patternLowercase, "data-password-policy-pattern-uppercase": patternUppercase, "data-password-policy-pattern-number": patternNumber, "data-password-policy-pattern-nonalphanumeric": patternNonAlphanumeric, "data-password-policy-value-minlength": valueMinLength, "data-password-policy-message-minlength": errorMessageMinLength, "data-password-policy-message-lowercase": errorMessageLowercase, "data-password-policy-message-uppercase": errorMessageUppercase, "data-password-policy-message-number": errorMessageNumber, "data-password-policy-message-nonalphanumeric": errorMessageNonAlphanumeric, "st-policy-preview-background-color": stPreviewBgColor, "st-policy-preview-padding": stPreviewPadding, ...props, ref: ref, "available-policies": JSON.stringify(availablePolicies || []) }));
213
+ return (React__default.default.createElement("descope-new-password", { ...mergedProps, ref: ref, "available-policies": JSON.stringify(availablePolicies || []) }));
197
214
  });
198
215
 
199
216
  const PhoneCountrySelection = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-phone-field", { ...props, ref: ref }));
package/dist/index.esm.js CHANGED
@@ -175,20 +175,37 @@ const Loader = React.forwardRef(({ variant, color, ...restProps }, ref) => {
175
175
 
176
176
  const Logo = React.forwardRef(({ width, height, ...props }, ref) => (React.createElement("descope-logo", { "st-width": width, "st-height": height, ref: ref, ...props })));
177
177
 
178
- const NewPassword = React.forwardRef(({ 'has-validation': hasValidation = false, 'policy-label': policyLabel = 'Passwords must have:',
179
- // in the future, 'active-policies' can be injected in runtime
180
- 'active-policies': activePolicies = [], 'data-password-policy-pattern-minlength': patternMinLength = '^.{{{value}},}$', 'data-password-policy-pattern-lowercase': patternLowercase = '[a-z]', 'data-password-policy-pattern-uppercase': patternUppercase = '[A-Z]', 'data-password-policy-pattern-number': patternNumber = '\\d', 'data-password-policy-pattern-nonalphanumeric': patternNonAlphanumeric = '[^a-zA-Z0-9]',
181
- // props to override with data from policy
182
- 'data-password-policy-value-minlength': valueMinLength = '8',
183
- // translatable props
184
- 'data-password-policy-message-minlength': errorMessageMinLength = 'At least {{value}} characters', 'data-password-policy-message-lowercase': errorMessageLowercase = '1 lowercase letter', 'data-password-policy-message-uppercase': errorMessageUppercase = '1 uppercase letter', 'data-password-policy-message-number': errorMessageNumber = '1 number', 'data-password-policy-message-nonalphanumeric': errorMessageNonAlphanumeric = '1 symbol', 'st-policy-preview-background-color': stPreviewBgColor = 'transparent', 'st-policy-preview-padding': stPreviewPadding = '0', ...props }, ref) => {
185
- const availablePolicies = props?.['active-policies']?.map((id) => ({
178
+ const defaultProps = {
179
+ 'has-validation': false,
180
+ 'policy-label': 'Passwords must have:',
181
+ // in the future, 'active-policies' can be injected in runtime
182
+ 'active-policies': [],
183
+ // non-user-editable patterns
184
+ 'data-password-policy-pattern-minlength': '^.{{{value}},}$',
185
+ 'data-password-policy-pattern-lowercase': '[a-z]',
186
+ 'data-password-policy-pattern-uppercase': '[A-Z]',
187
+ 'data-password-policy-pattern-number': '\\d',
188
+ 'data-password-policy-pattern-nonalphanumeric': '[^a-zA-Z0-9]',
189
+ // props to override with data from policy
190
+ 'data-password-policy-value-minlength': '8',
191
+ // translatable props
192
+ 'data-password-policy-message-minlength': 'At least {{value}} characters',
193
+ 'data-password-policy-message-lowercase': '1 lowercase letter',
194
+ 'data-password-policy-message-uppercase': '1 uppercase letter',
195
+ 'data-password-policy-message-number': '1 number',
196
+ 'data-password-policy-message-nonalphanumeric': '1 symbol',
197
+ 'st-policy-preview-background-color': 'transparent',
198
+ 'st-policy-preview-padding': '0'
199
+ };
200
+ const NewPassword = React.forwardRef((props, ref) => {
201
+ const mergedProps = { ...defaultProps, ...props };
202
+ const availablePolicies = mergedProps?.['active-policies']?.map((id) => ({
186
203
  id,
187
- message: props[`data-password-policy-message-${id}`],
188
- pattern: props[`data-password-policy-pattern-${id}`],
189
- data: props[`data-password-policy-data-${id}`]
204
+ message: mergedProps[`data-password-policy-message-${id}`],
205
+ pattern: mergedProps[`data-password-policy-pattern-${id}`],
206
+ data: mergedProps[`data-password-policy-data-${id}`]
190
207
  }));
191
- return (React.createElement("descope-new-password", { "has-validation": hasValidation, "policy-label": policyLabel, "active-policies": activePolicies, "data-password-policy-pattern-minlength": patternMinLength, "data-password-policy-pattern-lowercase": patternLowercase, "data-password-policy-pattern-uppercase": patternUppercase, "data-password-policy-pattern-number": patternNumber, "data-password-policy-pattern-nonalphanumeric": patternNonAlphanumeric, "data-password-policy-value-minlength": valueMinLength, "data-password-policy-message-minlength": errorMessageMinLength, "data-password-policy-message-lowercase": errorMessageLowercase, "data-password-policy-message-uppercase": errorMessageUppercase, "data-password-policy-message-number": errorMessageNumber, "data-password-policy-message-nonalphanumeric": errorMessageNonAlphanumeric, "st-policy-preview-background-color": stPreviewBgColor, "st-policy-preview-padding": stPreviewPadding, ...props, ref: ref, "available-policies": JSON.stringify(availablePolicies || []) }));
208
+ return (React.createElement("descope-new-password", { ...mergedProps, ref: ref, "available-policies": JSON.stringify(availablePolicies || []) }));
192
209
  });
193
210
 
194
211
  const PhoneCountrySelection = React.forwardRef((props, ref) => React.createElement("descope-phone-field", { ...props, ref: ref }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@descope/flow-components",
3
- "version": "2.0.418",
3
+ "version": "2.0.420",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -103,7 +103,7 @@
103
103
  "typescript": "^5.7.2"
104
104
  },
105
105
  "dependencies": {
106
- "@descope/web-components-ui": "1.0.433"
106
+ "@descope/web-components-ui": "1.0.436"
107
107
  },
108
108
  "peerDependencies": {
109
109
  "react": ">= 18"