@vue-skuilder/common-ui 0.1.13-4 → 0.1.13-7

package/dist/common-ui.es.js

@@ -4928,7 +4928,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_v_card, null, {
         default: withCtx(() => [
           createVNode(_component_v_toolbar, {
-            color: "teal",
+            color: "secondary",
             dark: "",
             dense: ""
           }, {
@@ -16498,9 +16498,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 const UserLogin = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-563b0048"]]);
-async function sendVerificationEmail(username, origin) {
+async function sendVerificationEmail(username, email, origin) {
   try {
-    const body = { username };
+    const body = { username, email };
     if (origin) {
       body.origin = origin;
     }
@@ -16511,6 +16511,8 @@ async function sendVerificationEmail(username, origin) {
       body: JSON.stringify(body)
     });
     if (!response.ok) {
+      const errorText = await response.text();
+      console.error("Send verification email error:", errorText);
       return {
         ok: false,
         error: `HTTP ${response.status}: ${response.statusText}`
@@ -16518,6 +16520,7 @@ async function sendVerificationEmail(username, origin) {
     }
     return await response.json();
   } catch (error) {
+    console.error("Send verification email fetch error:", error);
     return {
       ok: false,
       error: error instanceof Error ? error.message : "Network error"
@@ -16594,9 +16597,23 @@ async function resetPassword(token2, newPassword) {
     };
   }
 }
+function validatePassword(password) {
+  if (!password) return "";
+  if (password.length < 6) {
+    return "Password must be at least 6 characters";
+  }
+  const uniqueChars = new Set(password).size;
+  if (uniqueChars < 2) {
+    return "Password must contain at least 2 different characters";
+  }
+  return "";
+}
+function isPasswordValid(password) {
+  return validatePassword(password) === "";
+}
 const _sfc_main$8 = defineComponent({
   name: "UserRegistration",
-  emits: ["toggle"],
+  emits: ["toggle", "signup-success"],
   data() {
     return {
       email: "",
@@ -16630,6 +16647,9 @@ const _sfc_main$8 = defineComponent({
         color: this.badLoginAttempt ? "error" : "success",
         text: this.badLoginAttempt ? "Try again" : "Log In"
       };
+    },
+    passwordError() {
+      return validatePassword(this.password);
     }
   },
   async created() {
@@ -16655,6 +16675,14 @@ const _sfc_main$8 = defineComponent({
     },
     async createUser() {
       this.awaitingResponse = true;
+      if (this.passwordError) {
+        alertUser({
+          text: this.passwordError,
+          status: Status.error
+        });
+        this.awaitingResponse = false;
+        return;
+      }
       log(`
 User creation
 -------------
@@ -16665,7 +16693,10 @@ Teacher: ${this.teacher}
 Author: ${this.author}
 `);
       if (this.password === this.retypedPassword) {
-        if (!this.user) return;
+        if (!this.user) {
+          console.error("ERROR: No user object available");
+          return;
+        }
         this.user.createAccount(this.username, this.password).then(async (resp) => {
           if (resp.status === Status.ok) {
             this.authStore.loginAndRegistration.loggedIn = true;
@@ -16676,7 +16707,7 @@ Author: ${this.author}
                 const currentUser = await getCurrentUser();
                 await currentUser.setConfig({ email: this.email });
                 const origin = typeof window !== "undefined" ? window.location.origin : void 0;
-                const verificationResult = await sendVerificationEmail(this.username, origin);
+                const verificationResult = await sendVerificationEmail(this.username, this.email, origin);
                 if (verificationResult.ok) {
                   alertUser({
                     text: "Account created! Please check your email to verify your account.",
@@ -16686,10 +16717,12 @@ Author: ${this.author}
                   log(`Warning: Failed to send verification email: ${verificationResult.error}`);
                 }
               } catch (emailError) {
+                console.error("Email save/send error:", emailError);
                 log(`Warning: Failed to save email or send verification: ${emailError}`);
               }
             }
-            this.$router.push(`/u/${(await getCurrentUser()).getUsername()}/new`);
+            const username = (await getCurrentUser()).getUsername();
+            this.$emit("signup-success", { username });
           } else {
             if (resp.error === "This username is taken!") {
               this.usernameError = true;
@@ -16707,11 +16740,14 @@ Author: ${this.author}
             }
           }
         }).catch((e) => {
-          if (e)
+          console.error("createAccount error:", e);
+          if (e) {
+            const errorText = e?.message || e?.error || e?.toString() || "Account creation failed";
             alertUser({
-              text: JSON.stringify(e),
+              text: errorText,
               status: Status.error
             });
+          }
         });
         this.awaitingResponse = false;
       } else {
@@ -16781,12 +16817,13 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "password",
                 hover: "Show password",
                 label: "Create a password",
-                hint: "",
+                hint: _ctx.passwordError,
+                error: !!_ctx.passwordError,
                 min: "4",
                 "append-icon": _ctx.passwordVisible ? "mdi-eye-off" : "mdi-eye",
                 type: _ctx.passwordVisible ? "text" : "password",
                 "onClick:append": _cache[3] || (_cache[3] = () => _ctx.passwordVisible = !_ctx.passwordVisible)
-              }, null, 8, ["modelValue", "append-icon", "type"]),
+              }, null, 8, ["modelValue", "hint", "error", "append-icon", "type"]),
               createVNode(_component_v_text_field, {
                 modelValue: _ctx.retypedPassword,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.retypedPassword = $event),
@@ -16823,7 +16860,8 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "mr-2",
                 type: "submit",
                 loading: _ctx.awaitingResponse,
-                color: _ctx.buttonStatus.color
+                color: _ctx.buttonStatus.color,
+                disabled: !!_ctx.passwordError || _ctx.password !== _ctx.retypedPassword
               }, {
                 default: withCtx(() => [
                   createVNode(_component_v_icon, { start: "" }, {
@@ -16835,7 +16873,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
                   _cache[11] || (_cache[11] = createTextVNode(" Create Account "))
                 ]),
                 _: 1
-              }, 8, ["loading", "color"]),
+              }, 8, ["loading", "color", "disabled"]),
               _ctx.registrationRoute ? (openBlock(), createBlock(_component_router_link, {
                 key: 0,
                 to: "login"
@@ -18680,6 +18718,7 @@ export {
   getCurrentUser,
   isComponent,
   isDefineComponent,
+  isPasswordValid,
   isQuestionView,
   piniaPlugin,
   requestPasswordReset,
@@ -18693,6 +18732,7 @@ export {
   useConfigStore,
   useQuestionView,
   useViewable,
+  validatePassword,
   verifyEmail
 };
 //# sourceMappingURL=common-ui.es.js.map