@descope/web-components-ui 3.25.0 → 3.26.0

package/dist/cjs/index.cjs.js

@@ -24750,6 +24750,7 @@ const overrideAttrs = [
   'data-password-policy-actual-passwordstrength',
   'data-password-policy-value-disallowedchars',
   'data-password-policy-value-email',
+  'data-password-policy-value-reuse',
 ];
 const dataAttrs = ['data', 'active-policies', 'overrides', ...overrideAttrs];
 const policyAttrs = ['label', 'value', ...dataAttrs];
@@ -24846,6 +24847,13 @@ class RawPolicyValidation extends createBaseClass({ componentName: componentName
           }
         }
 
+        if (attrName === 'data-password-policy-value-reuse') {
+          const ln = Number(newValue);
+          if (!Number.isNaN(ln) && ln > 0) {
+            this.#overrides = { ...this.#overrides, reuse: { value: `${ln}` } };
+          }
+        }
+
         if (attrName === 'data-password-policy-value-passwordstrength') {
           const passwordStrength = parseInt(newValue);
           if (!Number.isNaN(passwordStrength) && passwordStrength >= 0) {
@@ -24964,17 +24972,17 @@ class RawPolicyValidation extends createBaseClass({ componentName: componentName
       });
     }
 
-    return this.#activePolicies.reduce((results, id) => {
+    const items = this.#activePolicies.reduce((results, id) => {
       const policy = policies.find((p) => p.id === id);
 
       if (!policy) {
         return results;
       }
 
-      const { pattern, message, data, compare } = policy;
+      const { pattern, message, data, compare, info } = policy;
       const normalizedCompare = typeof compare === 'string' ? compare.toUpperCase() : compare;
 
-      if ((!pattern && !compare) || !message) {
+      if ((!pattern && !compare && !info) || !message) {
         return results;
       }
 
@@ -24983,7 +24991,11 @@ class RawPolicyValidation extends createBaseClass({ componentName: componentName
         id,
       };
 
-      if (pattern) {
+      if (info) {
+        // informational rule the client can't check (e.g. password reuse):
+        // `valid` stays undefined, so it renders neutral and never blocks `isValid`
+        validationResult.info = true;
+      } else if (pattern) {
         const exp = new RegExp(interpolateString(pattern, data));
         validationResult.valid = exp.test(this.value);
       } else if (normalizedCompare === 'STR_NEQ_CI') {
@@ -25012,14 +25024,17 @@ class RawPolicyValidation extends createBaseClass({ componentName: componentName
 
       return results;
     }, []);
+
+    // informational rules always render last
+    return items.sort((a, b) => Number(!!a.info) - Number(!!b.info));
   }
 
   get isValid() {
     return !this.validate().some(({ valid }) => valid === false);
   }
 
-  buildValidationItem({ valid, message }) {
-    const status = !this.value ? 'none' : valid;
+  buildValidationItem({ valid, message, info }) {
+    const status = !this.value || info ? 'none' : valid;
     const li = document.createElement('li');
     li.className = 'item';
     li.dataset.valid = status;
@@ -25140,6 +25155,7 @@ const customMixin$4 = (superclass) =>
           'data-password-policy-value-passwordstrength',
           'data-password-policy-value-disallowedchars',
           'data-password-policy-value-email',
+          'data-password-policy-value-reuse',
           'label-type',
           'manual-visibility-toggle',
         ],