@descope/web-components-ui 3.25.0 → 3.26.0

package/dist/index.esm.js

@@ -12912,6 +12912,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];
@@ -13008,6 +13009,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) {
@@ -13126,17 +13134,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;
       }
 
@@ -13145,7 +13153,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') {
@@ -13174,14 +13186,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;
@@ -13302,6 +13317,7 @@ const customMixin$c = (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',
         ],
@@ -13492,6 +13508,7 @@ const policyPanelAttrs = [
   'data-password-policy-value-passwordstrength',
   'data-password-policy-value-disallowedchars',
   'data-password-policy-value-email',
+  'data-password-policy-value-reuse',
   'manual-visibility-toggle',
 ];
 const commonAttrs$2 = [