@vue-skuilder/common-ui 0.2.34 → 0.2.36

package/dist/components/auth/RequestPasswordReset.mjs

@@ -0,0 +1,96 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./RequestPasswordReset.vue_vue_type_script_lang.mjs";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, openBlock as c, renderSlot as l, resolveComponent as u, toDisplayString as d, withCtx as f, withModifiers as p } from "vue";
+//#region src/components/auth/RequestPasswordReset.vue
+var m = {
+	key: 1,
+	class: "text-center"
+};
+function _sfc_render(e, t, h, g, _, v) {
+	let y = u("v-card-title"), b = u("v-text-field"), x = u("v-icon"), S = u("v-btn"), C = u("v-form"), w = u("v-card-text"), T = u("v-spacer"), E = u("v-card-actions"), D = u("v-card");
+	return c(), n(D, null, {
+		default: f(() => [
+			s(y, { class: "text-h5 bg-grey-lighten-2" }, {
+				default: f(() => t[2] || (t[2] = [o(" Reset Password ")])),
+				_: 1
+			}),
+			s(w, { class: "pa-6" }, {
+				default: f(() => [e.requestSent ? (c(), i("div", m, [
+					s(x, {
+						color: "success",
+						size: "64",
+						class: "mb-4"
+					}, {
+						default: f(() => t[6] || (t[6] = [o("mdi-email-check")])),
+						_: 1
+					}),
+					t[9] || (t[9] = a("h3", { class: "mb-2" }, "Check Your Email", -1)),
+					a("p", null, [
+						t[7] || (t[7] = o(" If an account exists with ")),
+						a("strong", null, d(e.email), 1),
+						t[8] || (t[8] = o(", you will receive a password reset link shortly. "))
+					]),
+					t[10] || (t[10] = a("p", { class: "text-caption mt-4" }, "Didn't receive an email? Check your spam folder.", -1))
+				])) : (c(), n(C, {
+					key: 0,
+					onSubmit: p(e.handleSubmit, ["prevent"])
+				}, {
+					default: f(() => [
+						t[5] || (t[5] = a("p", { class: "mb-4" }, " Enter your email address and we'll send you a link to reset your password. ", -1)),
+						s(b, {
+							modelValue: e.email,
+							"onUpdate:modelValue": t[0] || (t[0] = (t) => e.email = t),
+							name: "email",
+							label: "Email address",
+							type: "email",
+							"prepend-icon": "mdi-email",
+							error: e.emailError,
+							hint: e.emailHint,
+							disabled: e.isSubmitting,
+							onBlur: e.validateEmail
+						}, null, 8, [
+							"modelValue",
+							"error",
+							"hint",
+							"disabled",
+							"onBlur"
+						]),
+						s(S, {
+							type: "submit",
+							color: "primary",
+							class: "mt-4",
+							loading: e.isSubmitting,
+							disabled: !e.email || e.emailError,
+							block: ""
+						}, {
+							default: f(() => [s(x, { start: "" }, {
+								default: f(() => t[3] || (t[3] = [o("mdi-email-send")])),
+								_: 1
+							}), t[4] || (t[4] = o(" Send Reset Link "))]),
+							_: 1
+						}, 8, ["loading", "disabled"])
+					]),
+					_: 1
+				}, 8, ["onSubmit"]))]),
+				_: 1
+			}),
+			e.requestSent ? r("", !0) : (c(), n(E, { key: 0 }, {
+				default: f(() => [l(e.$slots, "back-action", {}, () => [s(S, {
+					variant: "text",
+					onClick: t[1] || (t[1] = (t) => e.$emit("cancel"))
+				}, {
+					default: f(() => t[11] || (t[11] = [o(" Cancel ")])),
+					_: 1
+				})]), s(T)]),
+				_: 3
+			}))
+		]),
+		_: 3
+	});
+}
+var h = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=RequestPasswordReset.mjs.map

package/dist/components/auth/RequestPasswordReset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestPasswordReset.mjs","names":[],"sources":["../../../src/components/auth/RequestPasswordReset.vue"],"sourcesContent":["<template>\n  <v-card>\n    <v-card-title class=\"text-h5 bg-grey-lighten-2\">\n      Reset Password\n    </v-card-title>\n\n    <v-card-text class=\"pa-6\">\n      <v-form v-if=\"!requestSent\" @submit.prevent=\"handleSubmit\">\n        <p class=\"mb-4\">\n          Enter your email address and we'll send you a link to reset your password.\n        </p>\n\n        <v-text-field\n          v-model=\"email\"\n          name=\"email\"\n          label=\"Email address\"\n          type=\"email\"\n          prepend-icon=\"mdi-email\"\n          :error=\"emailError\"\n          :hint=\"emailHint\"\n          :disabled=\"isSubmitting\"\n          @blur=\"validateEmail\"\n        ></v-text-field>\n\n        <v-btn\n          type=\"submit\"\n          color=\"primary\"\n          class=\"mt-4\"\n          :loading=\"isSubmitting\"\n          :disabled=\"!email || emailError\"\n          block\n        >\n          <v-icon start>mdi-email-send</v-icon>\n          Send Reset Link\n        </v-btn>\n      </v-form>\n\n      <!-- Success message -->\n      <div v-else class=\"text-center\">\n        <v-icon color=\"success\" size=\"64\" class=\"mb-4\">mdi-email-check</v-icon>\n        <h3 class=\"mb-2\">Check Your Email</h3>\n        <p>\n          If an account exists with <strong>{{ email }}</strong>, you will receive a password\n          reset link shortly.\n        </p>\n        <p class=\"text-caption mt-4\">Didn't receive an email? Check your spam folder.</p>\n      </div>\n    </v-card-text>\n\n    <v-card-actions v-if=\"!requestSent\">\n      <slot name=\"back-action\">\n        <!-- External apps can provide their own back button -->\n        <v-btn variant=\"text\" @click=\"$emit('cancel')\">\n          Cancel\n        </v-btn>\n      </slot>\n      <v-spacer></v-spacer>\n    </v-card-actions>\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { requestPasswordReset } from '../../services/authAPI';\nimport { alertUser } from '../SnackbarService';\nimport { Status } from '@vue-skuilder/common';\n\nexport default defineComponent({\n  name: 'RequestPasswordReset',\n\n  emits: ['cancel', 'success'],\n\n  data() {\n    return {\n      email: '',\n      emailError: false,\n      emailHint: '',\n      isSubmitting: false,\n      requestSent: false,\n    };\n  },\n\n  methods: {\n    validateEmail() {\n      this.emailError = false;\n      this.emailHint = '';\n\n      if (!this.email) return;\n\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n      if (!emailRegex.test(this.email)) {\n        this.emailError = true;\n        this.emailHint = 'Please enter a valid email address';\n      }\n    },\n\n    async handleSubmit() {\n      this.validateEmail();\n\n      if (this.emailError || !this.email) {\n        return;\n      }\n\n      this.isSubmitting = true;\n\n      try {\n        // Pass current origin for correct reset link in email\n        const origin = typeof window !== 'undefined' ? window.location.origin : undefined;\n        const result = await requestPasswordReset(this.email, origin);\n\n        if (result.ok) {\n          this.requestSent = true;\n          this.$emit('success', this.email);\n        } else {\n          alertUser({\n            text: result.error || 'Failed to send reset email',\n            status: Status.error,\n          });\n        }\n      } catch (error) {\n        alertUser({\n          text: 'An unexpected error occurred',\n          status: Status.error,\n        });\n      } finally {\n        this.isSubmitting = false;\n      }\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;;CAAA,KAAA;CAsCkB,OAAM;;;;aArCtB,EAyDS,GAAA,MAAA;EA1DX,SAAA,QAImB;GAFf,EAEe,GAAA,EAFD,OAAM,6BAA2B,EAAA;IAFnD,SAAA,QAII,EAAA,OAAA,EAAA,KAAA,CAJJ,EAEoD,mBAEhD,CAAA,EAAA;IAJJ,GAAA;;GAMI,EAyCc,GAAA,EAzCD,OAAM,QAAM,EAAA;IAN7B,SAAA,QAmCe,CA5BM,EAAA,oBA+Bf,EAQM,OARN,GAQM;KAPJ,EAAuE,GAAA;MAA/D,OAAM;MAAU,MAAK;MAAK,OAAM;;MAvChD,SAAA,QAuCsE,EAAA,OAAA,EAAA,KAAA,CAvCtE,EAuCuD,kBAAe,CAAA,EAAA;MAvCtE,GAAA;;qBAwCQ,EAAsC,MAAA,EAAlC,OAAM,QAAM,EAAC,oBAAgB,GAAA;KACjC,EAGI,KAAA,MAAA;sBA5CZ,EAyCW,8BACyB;MAAA,EAA4B,UAAA,MAAA,EAAjB,EAAA,MAAK,EAAA,EAAA;sBA1CpD,EA0CgE,qDAExD;;uBACA,EAAiF,KAAA,EAA9E,OAAM,qBAAmB,EAAC,oDAAgD,GAAA;WAtChE,GAAA,EAAf,EA4BS,GAAA;KAnCf,KAAA;KAOmC,UAPnC,EAOmD,EAAA,cAAY,CAAA,UAAA,CAAA;;KAP/D,SAAA,QAUY;sBAFJ,EAEI,KAAA,EAFD,OAAM,QAAM,EAAC,gFAEhB,GAAA;MAEA,EAUgB,GAAA;OAtBxB,YAamB,EAAA;OAbnB,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EAamB,QAAK;OACd,MAAK;OACL,OAAM;OACN,MAAK;OACL,gBAAa;OACZ,OAAO,EAAA;OACP,MAAM,EAAA;OACN,UAAU,EAAA;OACV,QAAM,EAAA;;;;;;;;MAGT,EAUQ,GAAA;OATN,MAAK;OACL,OAAM;OACN,OAAM;OACL,SAAS,EAAA;OACT,UAAQ,CAAG,EAAA,SAAS,EAAA;OACrB,OAAA;;OA9BV,SAAA,QAgC+C,CAArC,EAAqC,GAAA,EAA7B,OAAA,IAAK,EAAA;QAhCvB,SAAA,QAgCsC,EAAA,OAAA,EAAA,KAAA,CAhCtC,EAgCwB,iBAAc,CAAA,EAAA;QAhCtC,GAAA;2BAAA,EAgC+C,oBAEvC,EAAA,CAAA;OAlCR,GAAA;;;KAAA,GAAA;;IAAA,GAAA;;GAiD2B,EAAA,cAjD3B,EAAA,IAAA,GAAA,IAiD2B,GAAA,EAAvB,EAQiB,GAAA,EAzDrB,KAAA,GAAA,EAAA;IAAA,SAAA,QAuDa,CALP,EAKO,EAAA,QAAA,eAAA,EAAA,QAAA,CAHL,EAEQ,GAAA;KAFD,SAAQ;KAAQ,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,SAAA;;KApD3C,SAAA,QAsDQ,EAAA,QAAA,EAAA,MAAA,CAtDR,EAoDuD,WAE/C,CAAA,EAAA;KAtDR,GAAA;UAwDM,EAAqB,EAAA,CAAA,CAAA;IAxD3B,GAAA;;;EAAA,GAAA"}

package/dist/components/auth/RequestPasswordReset.vue_vue_type_script_lang.mjs

@@ -0,0 +1,47 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { alertUser as e } from "../SnackbarService.mjs";
+import { requestPasswordReset as t } from "../../services/authAPI.mjs";
+import { defineComponent as n } from "vue";
+import { Status as r } from "@vue-skuilder/common";
+//#region src/components/auth/RequestPasswordReset.vue?vue&type=script&lang.ts
+var i = n({
+	name: "RequestPasswordReset",
+	emits: ["cancel", "success"],
+	data() {
+		return {
+			email: "",
+			emailError: !1,
+			emailHint: "",
+			isSubmitting: !1,
+			requestSent: !1
+		};
+	},
+	methods: {
+		validateEmail() {
+			this.emailError = !1, this.emailHint = "", this.email && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.email) || (this.emailError = !0, this.emailHint = "Please enter a valid email address"));
+		},
+		async handleSubmit() {
+			if (this.validateEmail(), !(this.emailError || !this.email)) {
+				this.isSubmitting = !0;
+				try {
+					let n = typeof window < "u" ? window.location.origin : void 0, i = await t(this.email, n);
+					i.ok ? (this.requestSent = !0, this.$emit("success", this.email)) : e({
+						text: i.error || "Failed to send reset email",
+						status: r.error
+					});
+				} catch {
+					e({
+						text: "An unexpected error occurred",
+						status: r.error
+					});
+				} finally {
+					this.isSubmitting = !1;
+				}
+			}
+		}
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=RequestPasswordReset.vue_vue_type_script_lang.mjs.map

package/dist/components/auth/RequestPasswordReset.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestPasswordReset.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/auth/RequestPasswordReset.vue"],"sourcesContent":["<template>\n  <v-card>\n    <v-card-title class=\"text-h5 bg-grey-lighten-2\">\n      Reset Password\n    </v-card-title>\n\n    <v-card-text class=\"pa-6\">\n      <v-form v-if=\"!requestSent\" @submit.prevent=\"handleSubmit\">\n        <p class=\"mb-4\">\n          Enter your email address and we'll send you a link to reset your password.\n        </p>\n\n        <v-text-field\n          v-model=\"email\"\n          name=\"email\"\n          label=\"Email address\"\n          type=\"email\"\n          prepend-icon=\"mdi-email\"\n          :error=\"emailError\"\n          :hint=\"emailHint\"\n          :disabled=\"isSubmitting\"\n          @blur=\"validateEmail\"\n        ></v-text-field>\n\n        <v-btn\n          type=\"submit\"\n          color=\"primary\"\n          class=\"mt-4\"\n          :loading=\"isSubmitting\"\n          :disabled=\"!email || emailError\"\n          block\n        >\n          <v-icon start>mdi-email-send</v-icon>\n          Send Reset Link\n        </v-btn>\n      </v-form>\n\n      <!-- Success message -->\n      <div v-else class=\"text-center\">\n        <v-icon color=\"success\" size=\"64\" class=\"mb-4\">mdi-email-check</v-icon>\n        <h3 class=\"mb-2\">Check Your Email</h3>\n        <p>\n          If an account exists with <strong>{{ email }}</strong>, you will receive a password\n          reset link shortly.\n        </p>\n        <p class=\"text-caption mt-4\">Didn't receive an email? Check your spam folder.</p>\n      </div>\n    </v-card-text>\n\n    <v-card-actions v-if=\"!requestSent\">\n      <slot name=\"back-action\">\n        <!-- External apps can provide their own back button -->\n        <v-btn variant=\"text\" @click=\"$emit('cancel')\">\n          Cancel\n        </v-btn>\n      </slot>\n      <v-spacer></v-spacer>\n    </v-card-actions>\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { requestPasswordReset } from '../../services/authAPI';\nimport { alertUser } from '../SnackbarService';\nimport { Status } from '@vue-skuilder/common';\n\nexport default defineComponent({\n  name: 'RequestPasswordReset',\n\n  emits: ['cancel', 'success'],\n\n  data() {\n    return {\n      email: '',\n      emailError: false,\n      emailHint: '',\n      isSubmitting: false,\n      requestSent: false,\n    };\n  },\n\n  methods: {\n    validateEmail() {\n      this.emailError = false;\n      this.emailHint = '';\n\n      if (!this.email) return;\n\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n      if (!emailRegex.test(this.email)) {\n        this.emailError = true;\n        this.emailHint = 'Please enter a valid email address';\n      }\n    },\n\n    async handleSubmit() {\n      this.validateEmail();\n\n      if (this.emailError || !this.email) {\n        return;\n      }\n\n      this.isSubmitting = true;\n\n      try {\n        // Pass current origin for correct reset link in email\n        const origin = typeof window !== 'undefined' ? window.location.origin : undefined;\n        const result = await requestPasswordReset(this.email, origin);\n\n        if (result.ok) {\n          this.requestSent = true;\n          this.$emit('success', this.email);\n        } else {\n          alertUser({\n            text: result.error || 'Failed to send reset email',\n            status: Status.error,\n          });\n        }\n      } catch (error) {\n        alertUser({\n          text: 'An unexpected error occurred',\n          status: Status.error,\n        });\n      } finally {\n        this.isSubmitting = false;\n      }\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;;AAmEA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CAEN,OAAO,CAAC,UAAU,UAAU;CAE5B,OAAO;AACL,SAAO;GACL,OAAO;GACP,YAAY;GACZ,WAAW;GACX,cAAc;GACd,aAAa;GACd;;CAGH,SAAS;EACP,gBAAgB;AACd,QAAK,aAAa,IAClB,KAAK,YAAY,IAEZ,KAAK,UAES,6BACH,KAAK,KAAK,MAAM,KAC9B,KAAK,aAAa,IAClB,KAAK,YAAY;;EAIrB,MAAM,eAAe;AACnB,YAAK,eAAe,EAEhB,OAAK,cAAc,CAAC,KAAK,QAI7B;SAAK,eAAe;AAEpB,QAAI;KAEF,IAAM,IAAS,OAAO,SAAW,MAAc,OAAO,SAAS,SAAS,KAAA,GAClE,IAAS,MAAM,EAAqB,KAAK,OAAO,EAAO;AAE7D,KAAI,EAAO,MACT,KAAK,cAAc,IACnB,KAAK,MAAM,WAAW,KAAK,MAAM,IAEjC,EAAU;MACR,MAAM,EAAO,SAAS;MACtB,QAAQ,EAAO;MAChB,CAAC;YAEU;AACd,OAAU;MACR,MAAM;MACN,QAAQ,EAAO;MAChB,CAAC;cACM;AACR,UAAK,eAAe;;;;EAGzB;CACF,CAAC"}

package/dist/components/auth/ResetPassword.mjs

@@ -0,0 +1,129 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./ResetPassword.vue_vue_type_script_lang.mjs";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, openBlock as c, renderSlot as l, resolveComponent as u, withCtx as d, withModifiers as f } from "vue";
+//#region src/components/auth/ResetPassword.vue
+var p = {
+	key: 1,
+	class: "text-center"
+};
+function _sfc_render(e, t, m, h, g, _) {
+	let v = u("v-card-title"), y = u("v-text-field"), b = u("v-icon"), x = u("v-btn"), S = u("v-form"), C = u("v-card-text"), w = u("v-spacer"), T = u("v-card-actions"), E = u("v-card"), D = u("v-col"), O = u("v-row"), k = u("v-container");
+	return c(), n(k, {
+		class: "fill-height",
+		fluid: ""
+	}, {
+		default: d(() => [s(O, {
+			align: "center",
+			justify: "center"
+		}, {
+			default: d(() => [s(D, {
+				cols: "12",
+				sm: "8",
+				md: "6"
+			}, {
+				default: d(() => [s(E, null, {
+					default: d(() => [
+						s(v, { class: "text-h5 bg-grey-lighten-2" }, {
+							default: d(() => t[4] || (t[4] = [o(" Set New Password ")])),
+							_: 1
+						}),
+						s(C, { class: "pa-6" }, {
+							default: d(() => [e.isComplete ? (c(), i("div", p, [
+								s(b, {
+									color: "success",
+									size: "64",
+									class: "mb-4"
+								}, {
+									default: d(() => t[8] || (t[8] = [o("mdi-check-circle")])),
+									_: 1
+								}),
+								t[9] || (t[9] = a("h3", { class: "mb-2" }, "Password Reset Successful!", -1)),
+								t[10] || (t[10] = a("p", null, "Your password has been updated. You can now log in with your new password.", -1))
+							])) : (c(), n(S, {
+								key: 0,
+								onSubmit: f(e.handleSubmit, ["prevent"])
+							}, {
+								default: d(() => [
+									t[7] || (t[7] = a("p", { class: "mb-4" }, "Enter your new password below.", -1)),
+									s(y, {
+										modelValue: e.password,
+										"onUpdate:modelValue": t[0] || (t[0] = (t) => e.password = t),
+										"prepend-icon": "mdi-lock",
+										name: "password",
+										label: "New password",
+										min: "4",
+										"append-icon": e.passwordVisible ? "mdi-eye-off" : "mdi-eye",
+										type: e.passwordVisible ? "text" : "password",
+										disabled: e.isSubmitting,
+										"onClick:append": t[1] || (t[1] = () => e.passwordVisible = !e.passwordVisible)
+									}, null, 8, [
+										"modelValue",
+										"append-icon",
+										"type",
+										"disabled"
+									]),
+									s(y, {
+										modelValue: e.confirmPassword,
+										"onUpdate:modelValue": t[2] || (t[2] = (t) => e.confirmPassword = t),
+										"prepend-icon": "mdi-lock",
+										name: "confirmPassword",
+										label: "Confirm new password",
+										min: "4",
+										type: e.passwordVisible ? "text" : "password",
+										error: e.confirmPasswordError,
+										hint: e.confirmPasswordHint,
+										disabled: e.isSubmitting,
+										onBlur: e.validateConfirmPassword
+									}, null, 8, [
+										"modelValue",
+										"type",
+										"error",
+										"hint",
+										"disabled",
+										"onBlur"
+									]),
+									s(x, {
+										type: "submit",
+										color: "primary",
+										class: "mt-4",
+										loading: e.isSubmitting,
+										disabled: !e.canSubmit,
+										block: ""
+									}, {
+										default: d(() => [s(b, { start: "" }, {
+											default: d(() => t[5] || (t[5] = [o("mdi-lock-reset")])),
+											_: 1
+										}), t[6] || (t[6] = o(" Reset Password "))]),
+										_: 1
+									}, 8, ["loading", "disabled"])
+								]),
+								_: 1
+							}, 8, ["onSubmit"]))]),
+							_: 1
+						}),
+						e.isComplete ? (c(), n(T, { key: 0 }, {
+							default: d(() => [s(w), l(e.$slots, "success-action", {}, () => [s(x, {
+								color: "primary",
+								onClick: t[3] || (t[3] = (t) => e.$emit("complete"))
+							}, {
+								default: d(() => t[11] || (t[11] = [o(" Continue to Login ")])),
+								_: 1
+							})])]),
+							_: 3
+						})) : r("", !0)
+					]),
+					_: 3
+				})]),
+				_: 3
+			})]),
+			_: 3
+		})]),
+		_: 3
+	});
+}
+var m = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=ResetPassword.mjs.map

package/dist/components/auth/ResetPassword.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPassword.mjs","names":[],"sources":["../../../src/components/auth/ResetPassword.vue"],"sourcesContent":["<template>\n  <v-container class=\"fill-height\" fluid>\n    <v-row align=\"center\" justify=\"center\">\n      <v-col cols=\"12\" sm=\"8\" md=\"6\">\n        <v-card>\n          <v-card-title class=\"text-h5 bg-grey-lighten-2\">\n            Set New Password\n          </v-card-title>\n\n          <v-card-text class=\"pa-6\">\n            <v-form v-if=\"!isComplete\" @submit.prevent=\"handleSubmit\">\n              <p class=\"mb-4\">Enter your new password below.</p>\n\n              <v-text-field\n                v-model=\"password\"\n                prepend-icon=\"mdi-lock\"\n                name=\"password\"\n                label=\"New password\"\n                min=\"4\"\n                :append-icon=\"passwordVisible ? 'mdi-eye-off' : 'mdi-eye'\"\n                :type=\"passwordVisible ? 'text' : 'password'\"\n                :disabled=\"isSubmitting\"\n                @click:append=\"() => (passwordVisible = !passwordVisible)\"\n              ></v-text-field>\n\n              <v-text-field\n                v-model=\"confirmPassword\"\n                prepend-icon=\"mdi-lock\"\n                name=\"confirmPassword\"\n                label=\"Confirm new password\"\n                min=\"4\"\n                :type=\"passwordVisible ? 'text' : 'password'\"\n                :error=\"confirmPasswordError\"\n                :hint=\"confirmPasswordHint\"\n                :disabled=\"isSubmitting\"\n                @blur=\"validateConfirmPassword\"\n              ></v-text-field>\n\n              <v-btn\n                type=\"submit\"\n                color=\"primary\"\n                class=\"mt-4\"\n                :loading=\"isSubmitting\"\n                :disabled=\"!canSubmit\"\n                block\n              >\n                <v-icon start>mdi-lock-reset</v-icon>\n                Reset Password\n              </v-btn>\n            </v-form>\n\n            <!-- Success state -->\n            <div v-else class=\"text-center\">\n              <v-icon color=\"success\" size=\"64\" class=\"mb-4\">mdi-check-circle</v-icon>\n              <h3 class=\"mb-2\">Password Reset Successful!</h3>\n              <p>Your password has been updated. You can now log in with your new password.</p>\n            </div>\n          </v-card-text>\n\n          <v-card-actions v-if=\"isComplete\">\n            <v-spacer></v-spacer>\n            <slot name=\"success-action\">\n              <!-- External apps can provide their own navigation -->\n              <v-btn color=\"primary\" @click=\"$emit('complete')\">\n                Continue to Login\n              </v-btn>\n            </slot>\n          </v-card-actions>\n        </v-card>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { resetPassword } from '../../services/authAPI';\nimport { alertUser } from '../SnackbarService';\nimport { Status } from '@vue-skuilder/common';\n\nexport default defineComponent({\n  name: 'ResetPassword',\n\n  emits: ['complete', 'error'],\n\n  props: {\n    /**\n     * Reset token. If not provided, will try to read from URL query params.\n     */\n    token: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data() {\n    return {\n      password: '',\n      confirmPassword: '',\n      passwordVisible: false,\n      confirmPasswordError: false,\n      confirmPasswordHint: '',\n      isSubmitting: false,\n      isComplete: false,\n    };\n  },\n\n  computed: {\n    canSubmit(): boolean {\n      return (\n        this.password.length >= 4 &&\n        this.confirmPassword.length >= 4 &&\n        this.password === this.confirmPassword &&\n        !this.confirmPasswordError\n      );\n    },\n  },\n\n  methods: {\n    validateConfirmPassword() {\n      this.confirmPasswordError = false;\n      this.confirmPasswordHint = '';\n\n      if (!this.confirmPassword) return;\n\n      if (this.password !== this.confirmPassword) {\n        this.confirmPasswordError = true;\n        this.confirmPasswordHint = 'Passwords do not match';\n      }\n    },\n\n    async handleSubmit() {\n      this.validateConfirmPassword();\n\n      if (!this.canSubmit) {\n        return;\n      }\n\n      // Get token from prop or URL query params\n      const token = this.token || this.getTokenFromURL();\n\n      if (!token) {\n        alertUser({\n          text: 'No reset token provided. Please use the link from your email.',\n          status: Status.error,\n        });\n        this.$emit('error', 'No token');\n        return;\n      }\n\n      this.isSubmitting = true;\n\n      try {\n        const result = await resetPassword(token, this.password);\n\n        if (result.ok) {\n          this.isComplete = true;\n          alertUser({\n            text: 'Password reset successfully!',\n            status: Status.ok,\n          });\n        } else {\n          alertUser({\n            text: result.error || 'Failed to reset password',\n            status: Status.error,\n          });\n          this.$emit('error', result.error);\n        }\n      } catch (error) {\n        alertUser({\n          text: 'An unexpected error occurred',\n          status: Status.error,\n        });\n        this.$emit('error', 'Unexpected error');\n      } finally {\n        this.isSubmitting = false;\n      }\n    },\n\n    getTokenFromURL(): string | null {\n      if (typeof window === 'undefined') return null;\n\n      const params = new URLSearchParams(window.location.search);\n      return params.get('token');\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;;CAAA,KAAA;CAoDwB,OAAM;;;;aAnD5B,EAsEc,GAAA;EAtED,OAAM;EAAc,OAAA;;EADnC,SAAA,QAsEY,CApER,EAoEQ,GAAA;GApED,OAAM;GAAS,SAAQ;;GAFlC,SAAA,QAqEc,CAlER,EAkEQ,GAAA;IAlED,MAAK;IAAK,IAAG;IAAI,IAAG;;IAHjC,SAAA,QAoEiB,CAhET,EAgES,GAAA,MAAA;KApEjB,SAAA,QAOyB;MAFf,EAEe,GAAA,EAFD,OAAM,6BAA2B,EAAA;OALzD,SAAA,QAOU,EAAA,OAAA,EAAA,KAAA,CAPV,EAK0D,qBAEhD,CAAA,EAAA;OAPV,GAAA;;MASU,EAgDc,GAAA,EAhDD,OAAM,QAAM,EAAA;OATnC,SAAA,QAiDqB,CAvCM,EAAA,mBA0Cf,EAIM,OAJN,GAIM;QAHJ,EAAwE,GAAA;SAAhE,OAAM;SAAU,MAAK;SAAK,OAAM;;SArDtD,SAAA,QAqD6E,EAAA,OAAA,EAAA,KAAA,CArD7E,EAqD6D,mBAAgB,CAAA,EAAA;SArD7E,GAAA;;wBAsDc,EAAgD,MAAA,EAA5C,OAAM,QAAM,EAAC,8BAA0B,GAAA;0BAC3C,EAAiF,KAAA,MAA9E,8EAA0E,GAAA;cA7ChE,GAAA,EAAf,EAuCS,GAAA;QAjDrB,KAAA;QAUwC,UAVxC,EAUwD,EAAA,cAAY,CAAA,UAAA,CAAA;;QAVpE,SAAA,QAWgE;yBAAlD,EAAkD,KAAA,EAA/C,OAAM,QAAM,EAAC,kCAA8B,GAAA;SAE9C,EAUgB,GAAA;UAvB9B,YAcyB,EAAA;UAdzB,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EAcyB,WAAQ;UACjB,gBAAa;UACb,MAAK;UACL,OAAM;UACN,KAAI;UACH,eAAa,EAAA,kBAAe,gBAAA;UAC5B,MAAM,EAAA,kBAAe,SAAA;UACrB,UAAU,EAAA;UACV,kBAAY,EAAA,OAAA,EAAA,WAAS,EAAA,kBAAe,CAAI,EAAA;;;;;;;SAG3C,EAWgB,GAAA;UApC9B,YA0ByB,EAAA;UA1BzB,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EA0ByB,kBAAe;UACxB,gBAAa;UACb,MAAK;UACL,OAAM;UACN,KAAI;UACH,MAAM,EAAA,kBAAe,SAAA;UACrB,OAAO,EAAA;UACP,MAAM,EAAA;UACN,UAAU,EAAA;UACV,QAAM,EAAA;;;;;;;;;SAGT,EAUQ,GAAA;UATN,MAAK;UACL,OAAM;UACN,OAAM;UACL,SAAS,EAAA;UACT,UAAQ,CAAG,EAAA;UACZ,OAAA;;UA5ChB,SAAA,QA8CqD,CAArC,EAAqC,GAAA,EAA7B,OAAA,IAAK,EAAA;WA9C7B,SAAA,QA8C4C,EAAA,OAAA,EAAA,KAAA,CA9C5C,EA8C8B,iBAAc,CAAA,EAAA;WA9C5C,GAAA;8BAAA,EA8CqD,mBAEvC,EAAA,CAAA;UAhDd,GAAA;;;QAAA,GAAA;;OAAA,GAAA;;MA2DgC,EAAA,cAAA,GAAA,EAAtB,EAQiB,GAAA,EAnE3B,KAAA,GAAA,EAAA;OAAA,SAAA,QA4DiC,CAArB,EAAqB,EAAA,EACrB,EAKO,EAAA,QAAA,kBAAA,EAAA,QAAA,CAHL,EAEQ,GAAA;QAFD,OAAM;QAAW,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,WAAA;;QA/DlD,SAAA,QAiEc,EAAA,QAAA,EAAA,MAAA,CAjEd,EA+DgE,sBAElD,CAAA,EAAA;QAjEd,GAAA;;OAAA,GAAA;YAAA,EAAA,IAAA,GAAA;;KAAA,GAAA;;IAAA,GAAA;;GAAA,GAAA;;EAAA,GAAA"}

package/dist/components/auth/ResetPassword.vue_vue_type_script_lang.mjs

@@ -0,0 +1,69 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { alertUser as e } from "../SnackbarService.mjs";
+import { resetPassword as t } from "../../services/authAPI.mjs";
+import { defineComponent as n } from "vue";
+import { Status as r } from "@vue-skuilder/common";
+//#region src/components/auth/ResetPassword.vue?vue&type=script&lang.ts
+var i = n({
+	name: "ResetPassword",
+	emits: ["complete", "error"],
+	props: { token: {
+		type: String,
+		default: null
+	} },
+	data() {
+		return {
+			password: "",
+			confirmPassword: "",
+			passwordVisible: !1,
+			confirmPasswordError: !1,
+			confirmPasswordHint: "",
+			isSubmitting: !1,
+			isComplete: !1
+		};
+	},
+	computed: { canSubmit() {
+		return this.password.length >= 4 && this.confirmPassword.length >= 4 && this.password === this.confirmPassword && !this.confirmPasswordError;
+	} },
+	methods: {
+		validateConfirmPassword() {
+			this.confirmPasswordError = !1, this.confirmPasswordHint = "", this.confirmPassword && this.password !== this.confirmPassword && (this.confirmPasswordError = !0, this.confirmPasswordHint = "Passwords do not match");
+		},
+		async handleSubmit() {
+			if (this.validateConfirmPassword(), !this.canSubmit) return;
+			let n = this.token || this.getTokenFromURL();
+			if (!n) {
+				e({
+					text: "No reset token provided. Please use the link from your email.",
+					status: r.error
+				}), this.$emit("error", "No token");
+				return;
+			}
+			this.isSubmitting = !0;
+			try {
+				let i = await t(n, this.password);
+				i.ok ? (this.isComplete = !0, e({
+					text: "Password reset successfully!",
+					status: r.ok
+				})) : (e({
+					text: i.error || "Failed to reset password",
+					status: r.error
+				}), this.$emit("error", i.error));
+			} catch {
+				e({
+					text: "An unexpected error occurred",
+					status: r.error
+				}), this.$emit("error", "Unexpected error");
+			} finally {
+				this.isSubmitting = !1;
+			}
+		},
+		getTokenFromURL() {
+			return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("token");
+		}
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=ResetPassword.vue_vue_type_script_lang.mjs.map

package/dist/components/auth/ResetPassword.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPassword.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/auth/ResetPassword.vue"],"sourcesContent":["<template>\n  <v-container class=\"fill-height\" fluid>\n    <v-row align=\"center\" justify=\"center\">\n      <v-col cols=\"12\" sm=\"8\" md=\"6\">\n        <v-card>\n          <v-card-title class=\"text-h5 bg-grey-lighten-2\">\n            Set New Password\n          </v-card-title>\n\n          <v-card-text class=\"pa-6\">\n            <v-form v-if=\"!isComplete\" @submit.prevent=\"handleSubmit\">\n              <p class=\"mb-4\">Enter your new password below.</p>\n\n              <v-text-field\n                v-model=\"password\"\n                prepend-icon=\"mdi-lock\"\n                name=\"password\"\n                label=\"New password\"\n                min=\"4\"\n                :append-icon=\"passwordVisible ? 'mdi-eye-off' : 'mdi-eye'\"\n                :type=\"passwordVisible ? 'text' : 'password'\"\n                :disabled=\"isSubmitting\"\n                @click:append=\"() => (passwordVisible = !passwordVisible)\"\n              ></v-text-field>\n\n              <v-text-field\n                v-model=\"confirmPassword\"\n                prepend-icon=\"mdi-lock\"\n                name=\"confirmPassword\"\n                label=\"Confirm new password\"\n                min=\"4\"\n                :type=\"passwordVisible ? 'text' : 'password'\"\n                :error=\"confirmPasswordError\"\n                :hint=\"confirmPasswordHint\"\n                :disabled=\"isSubmitting\"\n                @blur=\"validateConfirmPassword\"\n              ></v-text-field>\n\n              <v-btn\n                type=\"submit\"\n                color=\"primary\"\n                class=\"mt-4\"\n                :loading=\"isSubmitting\"\n                :disabled=\"!canSubmit\"\n                block\n              >\n                <v-icon start>mdi-lock-reset</v-icon>\n                Reset Password\n              </v-btn>\n            </v-form>\n\n            <!-- Success state -->\n            <div v-else class=\"text-center\">\n              <v-icon color=\"success\" size=\"64\" class=\"mb-4\">mdi-check-circle</v-icon>\n              <h3 class=\"mb-2\">Password Reset Successful!</h3>\n              <p>Your password has been updated. You can now log in with your new password.</p>\n            </div>\n          </v-card-text>\n\n          <v-card-actions v-if=\"isComplete\">\n            <v-spacer></v-spacer>\n            <slot name=\"success-action\">\n              <!-- External apps can provide their own navigation -->\n              <v-btn color=\"primary\" @click=\"$emit('complete')\">\n                Continue to Login\n              </v-btn>\n            </slot>\n          </v-card-actions>\n        </v-card>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { resetPassword } from '../../services/authAPI';\nimport { alertUser } from '../SnackbarService';\nimport { Status } from '@vue-skuilder/common';\n\nexport default defineComponent({\n  name: 'ResetPassword',\n\n  emits: ['complete', 'error'],\n\n  props: {\n    /**\n     * Reset token. If not provided, will try to read from URL query params.\n     */\n    token: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data() {\n    return {\n      password: '',\n      confirmPassword: '',\n      passwordVisible: false,\n      confirmPasswordError: false,\n      confirmPasswordHint: '',\n      isSubmitting: false,\n      isComplete: false,\n    };\n  },\n\n  computed: {\n    canSubmit(): boolean {\n      return (\n        this.password.length >= 4 &&\n        this.confirmPassword.length >= 4 &&\n        this.password === this.confirmPassword &&\n        !this.confirmPasswordError\n      );\n    },\n  },\n\n  methods: {\n    validateConfirmPassword() {\n      this.confirmPasswordError = false;\n      this.confirmPasswordHint = '';\n\n      if (!this.confirmPassword) return;\n\n      if (this.password !== this.confirmPassword) {\n        this.confirmPasswordError = true;\n        this.confirmPasswordHint = 'Passwords do not match';\n      }\n    },\n\n    async handleSubmit() {\n      this.validateConfirmPassword();\n\n      if (!this.canSubmit) {\n        return;\n      }\n\n      // Get token from prop or URL query params\n      const token = this.token || this.getTokenFromURL();\n\n      if (!token) {\n        alertUser({\n          text: 'No reset token provided. Please use the link from your email.',\n          status: Status.error,\n        });\n        this.$emit('error', 'No token');\n        return;\n      }\n\n      this.isSubmitting = true;\n\n      try {\n        const result = await resetPassword(token, this.password);\n\n        if (result.ok) {\n          this.isComplete = true;\n          alertUser({\n            text: 'Password reset successfully!',\n            status: Status.ok,\n          });\n        } else {\n          alertUser({\n            text: result.error || 'Failed to reset password',\n            status: Status.error,\n          });\n          this.$emit('error', result.error);\n        }\n      } catch (error) {\n        alertUser({\n          text: 'An unexpected error occurred',\n          status: Status.error,\n        });\n        this.$emit('error', 'Unexpected error');\n      } finally {\n        this.isSubmitting = false;\n      }\n    },\n\n    getTokenFromURL(): string | null {\n      if (typeof window === 'undefined') return null;\n\n      const params = new URLSearchParams(window.location.search);\n      return params.get('token');\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;;AAgFA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CAEN,OAAO,CAAC,YAAY,QAAQ;CAE5B,OAAO,EAIL,OAAO;EACL,MAAM;EACN,SAAS;EACV,EACF;CAED,OAAO;AACL,SAAO;GACL,UAAU;GACV,iBAAiB;GACjB,iBAAiB;GACjB,sBAAsB;GACtB,qBAAqB;GACrB,cAAc;GACd,YAAY;GACb;;CAGH,UAAU,EACR,YAAqB;AACnB,SACE,KAAK,SAAS,UAAU,KACxB,KAAK,gBAAgB,UAAU,KAC/B,KAAK,aAAa,KAAK,mBACvB,CAAC,KAAK;IAGX;CAED,SAAS;EACP,0BAA0B;AACxB,QAAK,uBAAuB,IAC5B,KAAK,sBAAsB,IAEtB,KAAK,mBAEN,KAAK,aAAa,KAAK,oBACzB,KAAK,uBAAuB,IAC5B,KAAK,sBAAsB;;EAI/B,MAAM,eAAe;AAGnB,OAFA,KAAK,yBAAyB,EAE1B,CAAC,KAAK,UACR;GAIF,IAAM,IAAQ,KAAK,SAAS,KAAK,iBAAiB;AAElD,OAAI,CAAC,GAAO;AAKV,IAJA,EAAU;KACR,MAAM;KACN,QAAQ,EAAO;KAChB,CAAC,EACF,KAAK,MAAM,SAAS,WAAW;AAC/B;;AAGF,QAAK,eAAe;AAEpB,OAAI;IACF,IAAM,IAAS,MAAM,EAAc,GAAO,KAAK,SAAS;AAExD,IAAI,EAAO,MACT,KAAK,aAAa,IAClB,EAAU;KACR,MAAM;KACN,QAAQ,EAAO;KAChB,CAAC,KAEF,EAAU;KACR,MAAM,EAAO,SAAS;KACtB,QAAQ,EAAO;KAChB,CAAC,EACF,KAAK,MAAM,SAAS,EAAO,MAAM;WAErB;AAKd,IAJA,EAAU;KACR,MAAM;KACN,QAAQ,EAAO;KAChB,CAAC,EACF,KAAK,MAAM,SAAS,mBAAmB;aAC/B;AACR,SAAK,eAAe;;;EAIxB,kBAAiC;AAI/B,UAHI,OAAO,SAAW,MAAoB,OAE3B,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAC5C,IAAI,QAAQ;;EAE7B;CACF,CAAC"}

package/dist/components/auth/UserChip.mjs

@@ -0,0 +1,9 @@
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./UserChip.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                          */
+//#region src/components/auth/UserChip.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-9a38a213"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=UserChip.mjs.map

package/dist/components/auth/UserChip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserChip.mjs","names":[],"sources":["../../../src/components/auth/UserChip.vue"],"sourcesContent":["<template>\n  <v-badge :content=\"items.length\" :model-value=\"hasNewItems\" color=\"accent\" location=\"end top\">\n    <v-menu location=\"bottom end\" transition=\"scale-transition\">\n      <template #activator=\"{ props }\">\n        <v-chip v-bind=\"props\" class=\"ma-2\">\n          <v-avatar start class=\"bg-primary\">\n            <v-icon>mdi-school</v-icon>\n          </v-avatar>\n          {{ username }}\n        </v-chip>\n      </template>\n\n      <v-list>\n        <v-list-item v-for=\"item in items\" :key=\"item\" @click=\"dismiss(item)\">\n          <v-list-item-title>{{ item }}</v-list-item-title>\n        </v-list-item>\n\n        <v-divider v-if=\"items.length\" />\n\n        <v-list-item @click=\"gotoStats\">\n          <template #prepend>\n            <v-icon>mdi-trending-up</v-icon>\n          </template>\n          <v-list-item-title>Stats</v-list-item-title>\n        </v-list-item>\n\n        <v-list-item @click=\"gotoSettings\">\n          <template #prepend>\n            <v-icon>mdi-cog</v-icon>\n          </template>\n          <v-list-item-title>Settings</v-list-item-title>\n        </v-list-item>\n\n        <v-list-item v-if=\"authUIConfig.showLogout\" @click=\"logout\">\n          <template #prepend>\n            <v-icon>mdi-logout</v-icon>\n          </template>\n          <v-list-item-title>{{ authUIConfig.logoutLabel }}</v-list-item-title>\n        </v-list-item>\n\n        <v-list-item v-if=\"authUIConfig.showResetData\" @click=\"showResetDialog = true\">\n          <template #prepend>\n            <v-icon>mdi-delete-sweep</v-icon>\n          </template>\n          <v-list-item-title>{{ authUIConfig.resetLabel }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n  </v-badge>\n\n  <!-- Reset Confirmation Dialog -->\n  <v-dialog v-model=\"showResetDialog\" max-width=\"500px\" persistent>\n    <v-card>\n      <v-card-title class=\"text-h5 d-flex align-center\">\n        <v-icon color=\"warning\" class=\"mr-3\">mdi-alert-circle</v-icon>\n        Reset All User Data\n      </v-card-title>\n      \n      <v-card-text>\n        <p class=\"mb-4\">This will permanently delete:</p>\n        <ul class=\"mb-4\">\n          <li>All course progress and history</li>\n          <li>Scheduled card reviews</li>\n          <li>Course registrations</li>\n          <li>User preferences</li>\n        </ul>\n        <p class=\"mb-4 text-error font-weight-bold\">This cannot be undone.</p>\n        \n        <v-text-field\n          v-model=\"confirmationText\"\n          label='Type \"reset\" to confirm'\n          outlined\n          dense\n          @keyup.enter=\"isConfirmationValid && executeReset()\"\n        />\n      </v-card-text>\n      \n      <v-card-actions>\n        <v-spacer />\n        <v-btn text @click=\"resetDialogState\">Cancel</v-btn>\n        <v-btn \n          color=\"error\" \n          :disabled=\"!isConfirmationValid\"\n          @click=\"executeReset\"\n        >\n          Reset All Data\n        </v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { getCurrentUser, useAuthStore } from '../../stores/useAuthStore';\nimport { useConfigStore } from '../../stores/useConfigStore';\nimport { useAuthUI } from '../../composables/useAuthUI';\n\n// Define props (even if not used, prevents warnings)\ndefineProps<{\n  showLoginButton?: boolean;\n  redirectToPath?: string;\n}>();\n\nconst router = useRouter();\nconst authStore = useAuthStore();\nconst configStore = useConfigStore();\nconst authUI = useAuthUI();\n\nconst username = ref('');\nconst items = ref<string[]>([]);\n\n// Reset confirmation dialog state\nconst showResetDialog = ref(false);\nconst confirmationText = ref('');\n\nconst isConfirmationValid = computed(() => confirmationText.value === 'reset');\n\nconst resetDialogState = () => {\n  confirmationText.value = '';\n  showResetDialog.value = false;\n};\n\nconst hasNewItems = computed(() => items.value.length > 0);\n\nconst authUIConfig = computed(() => {\n  const configValue = authUI.config.value;\n  const fallback = {\n    showLoginRegistration: true,\n    showLogout: true,\n    showResetData: false,\n    logoutLabel: 'Log out',\n    resetLabel: '',\n  };\n  \n  return configValue || fallback;\n});\n\nonMounted(async () => {\n  const user = await getCurrentUser();\n  username.value = user.getUsername();\n  \n  // Detect sync strategy for conditional UI\n  await authUI.detectSyncStrategy();\n});\n\nconst gotoSettings = async () => {\n  router.push(`/u/${(await getCurrentUser()).getUsername()}`);\n};\n\nconst gotoStats = async () => {\n  router.push(`/u/${(await getCurrentUser()).getUsername()}/stats`);\n};\n\nconst dismiss = (item: string) => {\n  const index = items.value.indexOf(item);\n  items.value.splice(index, 1);\n};\n\nconst logout = async () => {\n  const res = await authStore._user!.logout();\n  if (res.ok) {\n    authStore.loginAndRegistration = {\n      init: true,\n      loggedIn: false,\n      regDialogOpen: false,\n      loginDialogOpen: false,\n    };\n\n    configStore.resetDefaults();\n    router.push('/home');\n  }\n};\n\nconst executeReset = async () => {\n  try {\n    await authStore.resetUserData();\n    configStore.resetDefaults();\n    \n    // Close dialog and navigate to home\n    resetDialogState();\n    router.push('/home');\n  } catch (error) {\n    console.error('Failed to reset user data:', error);\n    // Could add a snackbar notification here\n  }\n};\n</script>\n\n<style scoped>\n.component-fade-enter-active,\n.component-fade-leave-active {\n  transition: opacity 0.5s ease;\n}\n.component-fade-enter,\n.component-fade-leave-to {\n  opacity: 0;\n}\n</style>"],"mappings":""}

package/dist/components/auth/UserChip.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,213 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { getCurrentUser as e, useAuthStore as t } from "../../stores/useAuthStore.mjs";
+import { useConfigStore as n } from "../../stores/useConfigStore.mjs";
+import { useAuthUI as r } from "../../composables/useAuthUI.mjs";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, onMounted as m, openBlock as h, ref as g, renderList as _, resolveComponent as v, toDisplayString as y, withCtx as b, withKeys as x } from "vue";
+import { useRouter as S } from "vue-router";
+//#region src/components/auth/UserChip.vue?vue&type=script&setup=true&lang.ts
+var C = /* @__PURE__ */ f({
+	__name: "UserChip",
+	props: {
+		showLoginButton: { type: Boolean },
+		redirectToPath: {}
+	},
+	setup(f) {
+		let C = S(), w = t(), T = n(), E = r(), D = g(""), O = g([]), k = g(!1), A = g(""), j = a(() => A.value === "reset"), resetDialogState = () => {
+			A.value = "", k.value = !1;
+		}, M = a(() => O.value.length > 0), N = a(() => E.config.value || {
+			showLoginRegistration: !0,
+			showLogout: !0,
+			showResetData: !1,
+			logoutLabel: "Log out",
+			resetLabel: ""
+		});
+		m(async () => {
+			D.value = (await e()).getUsername(), await E.detectSyncStrategy();
+		});
+		let gotoSettings = async () => {
+			C.push(`/u/${(await e()).getUsername()}`);
+		}, gotoStats = async () => {
+			C.push(`/u/${(await e()).getUsername()}/stats`);
+		}, dismiss = (e) => {
+			let t = O.value.indexOf(e);
+			O.value.splice(t, 1);
+		}, logout = async () => {
+			(await w._user.logout()).ok && (w.loginAndRegistration = {
+				init: !0,
+				loggedIn: !1,
+				regDialogOpen: !1,
+				loginDialogOpen: !1
+			}, T.resetDefaults(), C.push("/home"));
+		}, executeReset = async () => {
+			try {
+				await w.resetUserData(), T.resetDefaults(), resetDialogState(), C.push("/home");
+			} catch (e) {
+				console.error("Failed to reset user data:", e);
+			}
+		};
+		return (e, t) => {
+			let n = v("v-icon"), r = v("v-avatar"), a = v("v-chip"), f = v("v-list-item-title"), m = v("v-list-item"), g = v("v-divider"), S = v("v-list"), C = v("v-menu"), w = v("v-badge"), T = v("v-card-title"), E = v("v-text-field"), P = v("v-card-text"), F = v("v-spacer"), I = v("v-btn"), L = v("v-card-actions"), R = v("v-card"), z = v("v-dialog");
+			return h(), c(i, null, [d(w, {
+				content: O.value.length,
+				"model-value": M.value,
+				color: "accent",
+				location: "end top"
+			}, {
+				default: b(() => [d(C, {
+					location: "bottom end",
+					transition: "scale-transition"
+				}, {
+					activator: b(({ props: e }) => [d(a, p(e, { class: "ma-2" }), {
+						default: b(() => [d(r, {
+							start: "",
+							class: "bg-primary"
+						}, {
+							default: b(() => [d(n, null, {
+								default: b(() => t[4] || (t[4] = [u("mdi-school")])),
+								_: 1
+							})]),
+							_: 1
+						}), u(" " + y(D.value), 1)]),
+						_: 2
+					}, 1040)]),
+					default: b(() => [d(S, null, {
+						default: b(() => [
+							(h(!0), c(i, null, _(O.value, (e) => (h(), o(m, {
+								key: e,
+								onClick: (t) => dismiss(e)
+							}, {
+								default: b(() => [d(f, null, {
+									default: b(() => [u(y(e), 1)]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1032, ["onClick"]))), 128)),
+							O.value.length ? (h(), o(g, { key: 0 })) : s("", !0),
+							d(m, { onClick: gotoStats }, {
+								prepend: b(() => [d(n, null, {
+									default: b(() => t[5] || (t[5] = [u("mdi-trending-up")])),
+									_: 1
+								})]),
+								default: b(() => [d(f, null, {
+									default: b(() => t[6] || (t[6] = [u("Stats")])),
+									_: 1
+								})]),
+								_: 1
+							}),
+							d(m, { onClick: gotoSettings }, {
+								prepend: b(() => [d(n, null, {
+									default: b(() => t[7] || (t[7] = [u("mdi-cog")])),
+									_: 1
+								})]),
+								default: b(() => [d(f, null, {
+									default: b(() => t[8] || (t[8] = [u("Settings")])),
+									_: 1
+								})]),
+								_: 1
+							}),
+							N.value.showLogout ? (h(), o(m, {
+								key: 1,
+								onClick: logout
+							}, {
+								prepend: b(() => [d(n, null, {
+									default: b(() => t[9] || (t[9] = [u("mdi-logout")])),
+									_: 1
+								})]),
+								default: b(() => [d(f, null, {
+									default: b(() => [u(y(N.value.logoutLabel), 1)]),
+									_: 1
+								})]),
+								_: 1
+							})) : s("", !0),
+							N.value.showResetData ? (h(), o(m, {
+								key: 2,
+								onClick: t[0] || (t[0] = (e) => k.value = !0)
+							}, {
+								prepend: b(() => [d(n, null, {
+									default: b(() => t[10] || (t[10] = [u("mdi-delete-sweep")])),
+									_: 1
+								})]),
+								default: b(() => [d(f, null, {
+									default: b(() => [u(y(N.value.resetLabel), 1)]),
+									_: 1
+								})]),
+								_: 1
+							})) : s("", !0)
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["content", "model-value"]), d(z, {
+				modelValue: k.value,
+				"onUpdate:modelValue": t[3] || (t[3] = (e) => k.value = e),
+				"max-width": "500px",
+				persistent: ""
+			}, {
+				default: b(() => [d(R, null, {
+					default: b(() => [
+						d(T, { class: "text-h5 d-flex align-center" }, {
+							default: b(() => [d(n, {
+								color: "warning",
+								class: "mr-3"
+							}, {
+								default: b(() => t[11] || (t[11] = [u("mdi-alert-circle")])),
+								_: 1
+							}), t[12] || (t[12] = u(" Reset All User Data "))]),
+							_: 1
+						}),
+						d(P, null, {
+							default: b(() => [
+								t[13] || (t[13] = l("p", { class: "mb-4" }, "This will permanently delete:", -1)),
+								t[14] || (t[14] = l("ul", { class: "mb-4" }, [
+									l("li", null, "All course progress and history"),
+									l("li", null, "Scheduled card reviews"),
+									l("li", null, "Course registrations"),
+									l("li", null, "User preferences")
+								], -1)),
+								t[15] || (t[15] = l("p", { class: "mb-4 text-error font-weight-bold" }, "This cannot be undone.", -1)),
+								d(E, {
+									modelValue: A.value,
+									"onUpdate:modelValue": t[1] || (t[1] = (e) => A.value = e),
+									label: "Type \"reset\" to confirm",
+									outlined: "",
+									dense: "",
+									onKeyup: t[2] || (t[2] = x((e) => j.value && executeReset(), ["enter"]))
+								}, null, 8, ["modelValue"])
+							]),
+							_: 1
+						}),
+						d(L, null, {
+							default: b(() => [
+								d(F),
+								d(I, {
+									text: "",
+									onClick: resetDialogState
+								}, {
+									default: b(() => t[16] || (t[16] = [u("Cancel")])),
+									_: 1
+								}),
+								d(I, {
+									color: "error",
+									disabled: !j.value,
+									onClick: executeReset
+								}, {
+									default: b(() => t[17] || (t[17] = [u(" Reset All Data ")])),
+									_: 1
+								}, 8, ["disabled"])
+							]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["modelValue"])], 64);
+		};
+	}
+});
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=UserChip.vue_vue_type_script_setup_true_lang.mjs.map