@structured-id/ui-core 1.0.1 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@structured-id/ui-core",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "type": "module",
   "publishConfig": {
     "access": "public",

package/src/profile/components/SidRegistrationForm.vue

@@ -73,6 +73,7 @@
           :disable="loading"
           :label="identifierLabel"
           :lazy-rules="false"
+          :min-username-length="usernameMinLength"
           @update:principal-type="principalType = $event"
         />
 
@@ -102,6 +103,7 @@
         </q-input>
 
         <q-input
+          v-if="showConfirmPassword"
           ref="confirmRef"
           v-model="confirmPassword"
           :type="showPassword ? 'text' : 'password'"
@@ -128,7 +130,7 @@
           :disable="
             !identifier ||
             !password ||
-            !confirmPassword ||
+            (showConfirmPassword && !confirmPassword) ||
             (inviteRequired && !inviteCode)
           "
         />
@@ -212,6 +214,11 @@ const props = withDefaults(
     ) => Promise<void>;
     /** Min password length (default 12 — NIST SP 800-63B 4th draft baseline). */
     passwordMinLength?: number;
+    /** Show confirm-password field with match validation. Default true. */
+    showConfirmPassword?: boolean;
+    /** Min username length. Registration default 6 (premium feature gating);
+     *  login flow can pass 3 since short usernames are valid post-registration. */
+    usernameMinLength?: number;
   }>(),
   {
     title: "Create account",
@@ -236,6 +243,8 @@ const props = withDefaults(
     loginUrl: undefined,
     inviteRequired: false,
     initialInviteCode: "",
+    showConfirmPassword: true,
+    usernameMinLength: 6,
   },
 );
 
@@ -285,7 +294,7 @@ const showInviteField = computed(
 );
 
 async function onSubmit() {
-  if (password.value !== confirmPassword.value) {
+  if (props.showConfirmPassword && password.value !== confirmPassword.value) {
     error.value = props.passwordsMismatchText;
     return;
   }
@@ -294,7 +303,10 @@ async function onSubmit() {
   error.value = null;
 
   try {
-    const normalized = normalizePrincipal(identifier.value);
+    const normalized = normalizePrincipal(
+      identifier.value,
+      props.usernameMinLength,
+    );
     await props.registerFn(
       normalized.value,
       password.value,