@dragonmastery/dragoncore-vue 0.0.19 → 0.0.21

package/dist/LoginForm-9UFnA-fO.js

@@ -0,0 +1,118 @@
+import { l as useUserSessionStore, m as useEnv } from "./useRpcAuth-rmHf7bYx.js";
+import { t as useMutation } from "./useMutation-BTsyHKyn.js";
+import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
+import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { loginSchema } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+
+//#region src/slices/auth/features/login/loginSchema.ts
+const loginSchemaWithMetadata = withMetadata(loginSchema, "loginSchema", {
+	email: {
+		inputType: "email",
+		placeholder: "you@example.com",
+		helpText: "Enter the email address you used to register",
+		autocomplete: "username",
+		className: "login-field",
+		autofocus: true
+	},
+	password: {
+		inputType: "password",
+		placeholder: "••••••••",
+		helpText: "Must be at least 8 characters",
+		autocomplete: "current-password",
+		className: "login-field"
+	}
+});
+
+//#endregion
+//#region src/slices/auth/features/login/LoginForm.vue
+const _hoisted_1 = { class: "max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container" };
+const _hoisted_2 = {
+	key: 0,
+	class: "mt-4 p-4 rounded-lg bg-error/15 text-error"
+};
+const _hoisted_3 = { class: "text-sm" };
+const _hoisted_4 = { class: "mt-2" };
+const _hoisted_5 = {
+	key: 1,
+	class: "text-center mt-2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "LoginForm",
+	setup(__props) {
+		const { allowUserSignup, emailVerificationMode } = useEnv();
+		const route = useRoute();
+		const returnUrl = computed(() => route.query.returnUrl);
+		const forgotPasswordLink = computed(() => withReturnUrl("/auth/forgot-password", returnUrl.value));
+		const signupLink = computed(() => withReturnUrl("/auth/signup", returnUrl.value));
+		const loginBannerMessage = ref(null);
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(loginSchemaWithMetadata, {
+			storeName: "login-form",
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui"
+		});
+		const sessionStore = useUserSessionStore();
+		const router = useRouter();
+		const { mutate: loginMutate } = useMutation((api, input) => api.userSessions.login(input), { credentials: "include" });
+		const handleSubmit = async (data) => {
+			loginBannerMessage.value = null;
+			const loginData = await loginMutate(data);
+			if (!loginData) throw new Error("Login failed");
+			const { access_token, user_details_token } = loginData;
+			if (!access_token || !user_details_token) throw new Error("Invalid login response");
+			return loginData;
+		};
+		const handleSuccess = async (data) => {
+			sessionStore.setSession(data.user_details_token);
+			sessionStore.setAccessToken(data.access_token);
+			form.reset();
+			loginBannerMessage.value = null;
+			const emailVerified = data.frontend_session?.user?.email_verified ?? true;
+			const targetPath = emailVerificationMode === "strict" && !emailVerified ? withReturnUrl("/auth/verify-email", returnUrl.value) : getValidReturnUrl(router.currentRoute.value, "/");
+			await router.push(targetPath);
+		};
+		const handleError = (error) => {
+			loginBannerMessage.value = error instanceof Error ? error.message : "Invalid username or password was entered.";
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[3] || (_cache[3] = createElementVNode("h1", { class: "text-2xl font-bold mb-6 text-center" }, "Login", -1)), createVNode(unref(ZiniaForm), {
+				onHandleSubmit: handleSubmit,
+				onSuccess: handleSuccess,
+				onError: handleError
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(zinia).EmailField),
+					createVNode(unref(zinia).PasswordField),
+					createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Login",
+						submittingText: "Logging in..."
+					}),
+					createCommentVNode(" Error banner underneath login button - backend owns the message "),
+					loginBannerMessage.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("p", _hoisted_3, toDisplayString(loginBannerMessage.value), 1)])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_4, [createVNode(AppLink_default, {
+						to: forgotPasswordLink.value,
+						class: "link-accent link"
+					}, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Forgot your password? ", -1)])]),
+						_: 1
+					}, 8, ["to"])]),
+					unref(allowUserSignup) ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("p", null, [_cache[2] || (_cache[2] = createTextVNode(" Don't have an account? ", -1)), createVNode(AppLink_default, {
+						class: "link-accent link",
+						to: signupLink.value
+					}, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Sign up", -1)])]),
+						_: 1
+					}, 8, ["to"])])])) : createCommentVNode("v-if", true)
+				]),
+				_: 1
+			})]);
+		};
+	}
+});
+var LoginForm_default = _sfc_main;
+
+//#endregion
+export { loginSchemaWithMetadata as n, LoginForm_default as t };
+//# sourceMappingURL=LoginForm-9UFnA-fO.js.map

package/dist/LoginForm-9UFnA-fO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm-9UFnA-fO.js","names":[],"sources":["../src/slices/auth/features/login/loginSchema.ts","../src/slices/auth/features/login/LoginForm.vue"],"sourcesContent":["import { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { loginSchema } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\n\n// Define the login form type\nexport type LoginForm = z.infer<typeof loginSchema>;\n\n// Enhance the schema with metadata\nexport const loginSchemaWithMetadata = withMetadata(loginSchema, 'loginSchema', {\n  email: {\n    inputType: 'email',\n    placeholder: 'you@example.com',\n    helpText: 'Enter the email address you used to register',\n    autocomplete: 'username',\n    className: 'login-field',\n    autofocus: true,\n  },\n\n  password: {\n    inputType: 'password',\n    placeholder: '••••••••',\n    helpText: 'Must be at least 8 characters',\n    autocomplete: 'current-password',\n    className: 'login-field',\n  },\n});\n","<template>\n  <div class=\"max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container\">\n    <h1 class=\"text-2xl font-bold mb-6 text-center\">Login</h1>\n\n    <ZiniaForm @handle-submit=\"handleSubmit\" @success=\"handleSuccess\" @error=\"handleError\">\n      <zinia.EmailField />\n      <zinia.PasswordField />\n\n      <ZiniaSubmitButton submitText=\"Login\" submittingText=\"Logging in...\" />\n\n      <!-- Error banner underneath login button - backend owns the message -->\n      <div\n        v-if=\"loginBannerMessage\"\n        class=\"mt-4 p-4 rounded-lg bg-error/15 text-error\"\n      >\n        <p class=\"text-sm\">{{ loginBannerMessage }}</p>\n      </div>\n\n      <div class=\"mt-2\">\n        <AppLink :to=\"forgotPasswordLink\" class=\"link-accent link\">\n          Forgot your password?\n        </AppLink>\n      </div>\n      <div v-if=\"allowUserSignup\" class=\"text-center mt-2\">\n        <p>\n          Don't have an account?\n          <AppLink class=\"link-accent link\" :to=\"signupLink\">Sign up</AppLink>\n        </p>\n      </div>\n    </ZiniaForm>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useEnv } from '../../../../composables/useEnv';\nimport { useUserSessionStore } from '../../../../composables/useUserSessionStore';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { z } from 'zod';\nimport { loginSchemaWithMetadata } from './loginSchema';\n\nconst { allowUserSignup, emailVerificationMode } = useEnv();\nconst route = useRoute();\nconst returnUrl = computed(() => route.query.returnUrl as string | undefined);\nconst forgotPasswordLink = computed(() => withReturnUrl('/auth/forgot-password', returnUrl.value));\nconst signupLink = computed(() => withReturnUrl('/auth/signup', returnUrl.value));\n\nconst loginBannerMessage = ref<string | null>(null);\n\n// Create a type-safe form using our schema with metadata\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(loginSchemaWithMetadata, {\n  storeName: 'login-form',\n  persistToLocalStorage: false,\n  renderStyle: 'daisy_ui',\n});\n\nconst sessionStore = useUserSessionStore();\nconst router = useRouter();\nconst { mutate: loginMutate } = useMutation(\n  (api, input: z.infer<typeof loginSchemaWithMetadata>) => api.userSessions.login(input),\n  { credentials: 'include' }, // Include credentials to allow cookies\n);\n\n// Handle form submission\nconst handleSubmit = async (data: z.infer<typeof loginSchemaWithMetadata>) => {\n  loginBannerMessage.value = null;\n\n  const loginData = await loginMutate(data);\n  if (!loginData) throw new Error('Login failed');\n  const { access_token, user_details_token } = loginData;\n  if (!access_token || !user_details_token) throw new Error('Invalid login response');\n\n  return loginData;\n};\n\n// Handle success\nconst handleSuccess = async (data: {\n  access_token: string;\n  user_details_token: string;\n  frontend_session?: { user?: { email_verified?: boolean } };\n}) => {\n  sessionStore.setSession(data.user_details_token);\n  sessionStore.setAccessToken(data.access_token);\n\n  form.reset();\n  loginBannerMessage.value = null;\n\n  const emailVerified = data.frontend_session?.user?.email_verified ?? true;\n  const needsVerification =\n    emailVerificationMode === 'strict' && !emailVerified;\n\n  const targetPath = needsVerification\n    ? withReturnUrl('/auth/verify-email', returnUrl.value)\n    : getValidReturnUrl(router.currentRoute.value, '/');\n\n  await router.push(targetPath);\n};\n\n// Handle error - display backend message (backend owns error messaging)\nconst handleError = (error: unknown) => {\n  loginBannerMessage.value =\n    error instanceof Error ? error.message : 'Invalid username or password was entered.';\n};\n</script>\n"],"mappings":"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"}

package/dist/LoginForm-Bg7GoZEA.js

@@ -0,0 +1,7 @@
+import "./useRpcAuth-rmHf7bYx.js";
+import "./useQueryCache-Bjm-S8v5.js";
+import "./useMutation-BTsyHKyn.js";
+import "./AppLink-CHMMrSFI.js";
+import { t as LoginForm_default } from "./LoginForm-9UFnA-fO.js";
+
+export { LoginForm_default as default };

package/dist/Logout-Bs92csWH.js

@@ -0,0 +1,7 @@
+import "./useRpcAuth-rmHf7bYx.js";
+import "./useQueryCache-Bjm-S8v5.js";
+import "./useMutation-BTsyHKyn.js";
+import "./AppLink-CHMMrSFI.js";
+import { t as Logout_default } from "./Logout-YgTgOFUH.js";
+
+export { Logout_default as default };

package/dist/{Logout-Cm9kEzgH.js → Logout-YgTgOFUH.js}

@@ -1,6 +1,7 @@
-import { l as useUserSessionStore } from "./useRpcAuth-8Byr6SSI.js";
-import { t as useMutation } from "./useMutation-DbzXtqf1.js";
-import { r as getValidReturnUrl, s as AppLink_default } from "./useReturnUrl-Da8PpLb9.js";
+import { l as useUserSessionStore } from "./useRpcAuth-rmHf7bYx.js";
+import { t as useMutation } from "./useMutation-BTsyHKyn.js";
+import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
+import { r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onMounted, openBlock, ref, toDisplayString, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { toast } from "vue3-toastify";
@@ -67,4 +68,4 @@ var Logout_default = _sfc_main;
 
 //#endregion
 export { Logout_default as t };
-//# sourceMappingURL=Logout-Cm9kEzgH.js.map
+//# sourceMappingURL=Logout-YgTgOFUH.js.map

package/dist/{Logout-Cm9kEzgH.js.map → Logout-YgTgOFUH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Logout-Cm9kEzgH.js","names":["error: unknown"],"sources":["../src/slices/auth/features/Logout.vue"],"sourcesContent":["<template>\n  <div class=\"min-h-screen flex items-center justify-center bg-base-100\">\n    <div class=\"max-w-md mx-auto bg-base-200 p-8 rounded-xl shadow-md text-center\">\n      <div v-if=\"status === 'loading'\" class=\"space-y-4\">\n        <div class=\"flex justify-center\">\n          <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n        </div>\n        <h2 class=\"text-2xl font-bold mb-2\">Logging out...</h2>\n        <p class=\"text-base-content/70\">Please wait while we securely log you out</p>\n      </div>\n      <div v-else class=\"space-y-4\">\n        <h2 class=\"text-2xl font-bold mb-2\">\n          {{ status === 'success' ? 'Logged out' : 'Logout failed' }}\n        </h2>\n        <p class=\"text-base-content/70\">\n          {{ status === 'success'\n            ? 'Redirecting you...'\n            : 'Redirecting you to login...' }}\n        </p>\n        <p class=\"text-sm text-base-content/60\">\n          If you aren't redirected automatically,\n          <AppLink :to=\"redirectTo\" class=\"link link-primary\">click here</AppLink>.\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../components/AppLink.vue';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../composables/useUserSessionStore';\nimport { getValidReturnUrl } from '../../../utils/useReturnUrl';\nimport { onMounted, computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\n\nconst sessionStore = useUserSessionStore();\nconst route = useRoute();\nconst router = useRouter();\nconst status = ref<'loading' | 'success' | 'error'>('loading');\n\nconst redirectTo = computed(() =>\n  getValidReturnUrl(route, '/auth/login'),\n);\n\nconst { mutate: logoutMutate } = useMutation(\n  (api) => api.userSessions.logout(),\n  { credentials: 'include' }, // Include credentials to allow cookies\n);\n\nonMounted(async () => {\n  try {\n    await logoutMutate(undefined);\n    sessionStore.clearSession();\n    status.value = 'success';\n    setTimeout(() => router.push(redirectTo.value), 1000);\n  } catch (error: unknown) {\n    status.value = 'error';\n    toast.error(error instanceof Error ? error.message : 'Failed to logout', {\n      autoClose: 2000,\n    });\n    setTimeout(() => router.push(redirectTo.value), 2000);\n  }\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAqCA,MAAM,eAAe,qBAAqB;EAC1C,MAAM,QAAQ,UAAU;EACxB,MAAM,SAAS,WAAW;EAC1B,MAAM,SAAS,IAAqC,UAAU;EAE9D,MAAM,aAAa,eACjB,kBAAkB,OAAO,cAAc,CACxC;EAED,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,QAAQ,IAAI,aAAa,QAAQ,EAClC,EAAE,aAAa,WAAW,CAC3B;AAED,YAAU,YAAY;AACpB,OAAI;AACF,UAAM,aAAa,OAAU;AAC7B,iBAAa,cAAc;AAC3B,WAAO,QAAQ;AACf,qBAAiB,OAAO,KAAK,WAAW,MAAM,EAAE,IAAK;YAC9CA,OAAgB;AACvB,WAAO,QAAQ;AACf,UAAM,MAAM,iBAAiB,QAAQ,MAAM,UAAU,oBAAoB,EACvE,WAAW,KACZ,CAAC;AACF,qBAAiB,OAAO,KAAK,WAAW,MAAM,EAAE,IAAK;;IAEvD;;uBA/DA,mBAwBM,OAxBN,YAwBM,CAvBJ,mBAsBM,OAtBN,YAsBM,CArBO,OAAA,UAAM,aAAA,WAAA,EAAjB,mBAMM,OANN,YAMM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;IALJ,mBAEM,OAAA,EAFD,OAAM,uBAAqB,EAAA,CAC9B,mBAAqE,QAAA,EAA/D,OAAM,mDAAiD,CAAA,CAAA;IAE/D,mBAAuD,MAAA,EAAnD,OAAM,2BAAyB,EAAC,kBAAc,GAAA;IAClD,mBAA6E,KAAA,EAA1E,OAAM,wBAAsB,EAAC,6CAAyC,GAAA;yBAE3E,mBAaM,OAbN,YAaM;IAZJ,mBAEK,MAFL,YAEK,gBADA,OAAA,UAAM,YAAA,eAAA,gBAAA,EAAA,EAAA;IAEX,mBAII,KAJJ,YAII,gBAHC,OAAA,UAAM,YAAA,uBAAA,8BAAA;IAIX,mBAGI,KAHJ,YAGI;+CAHoC,6CAEtC,GAAA;KAAA,YAAwE,iBAAA;MAA9D,IAAI,WAAA;MAAY,OAAM;;6BAA8B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAV,cAAU,GAAA,CAAA,EAAA,CAAA;;;+CAAU,MAC1E,GAAA"}
+{"version":3,"file":"Logout-YgTgOFUH.js","names":["error: unknown"],"sources":["../src/slices/auth/features/Logout.vue"],"sourcesContent":["<template>\n  <div class=\"min-h-screen flex items-center justify-center bg-base-100\">\n    <div class=\"max-w-md mx-auto bg-base-200 p-8 rounded-xl shadow-md text-center\">\n      <div v-if=\"status === 'loading'\" class=\"space-y-4\">\n        <div class=\"flex justify-center\">\n          <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n        </div>\n        <h2 class=\"text-2xl font-bold mb-2\">Logging out...</h2>\n        <p class=\"text-base-content/70\">Please wait while we securely log you out</p>\n      </div>\n      <div v-else class=\"space-y-4\">\n        <h2 class=\"text-2xl font-bold mb-2\">\n          {{ status === 'success' ? 'Logged out' : 'Logout failed' }}\n        </h2>\n        <p class=\"text-base-content/70\">\n          {{ status === 'success'\n            ? 'Redirecting you...'\n            : 'Redirecting you to login...' }}\n        </p>\n        <p class=\"text-sm text-base-content/60\">\n          If you aren't redirected automatically,\n          <AppLink :to=\"redirectTo\" class=\"link link-primary\">click here</AppLink>.\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../components/AppLink.vue';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../composables/useUserSessionStore';\nimport { getValidReturnUrl } from '../../../utils/useReturnUrl';\nimport { onMounted, computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\n\nconst sessionStore = useUserSessionStore();\nconst route = useRoute();\nconst router = useRouter();\nconst status = ref<'loading' | 'success' | 'error'>('loading');\n\nconst redirectTo = computed(() =>\n  getValidReturnUrl(route, '/auth/login'),\n);\n\nconst { mutate: logoutMutate } = useMutation(\n  (api) => api.userSessions.logout(),\n  { credentials: 'include' }, // Include credentials to allow cookies\n);\n\nonMounted(async () => {\n  try {\n    await logoutMutate(undefined);\n    sessionStore.clearSession();\n    status.value = 'success';\n    setTimeout(() => router.push(redirectTo.value), 1000);\n  } catch (error: unknown) {\n    status.value = 'error';\n    toast.error(error instanceof Error ? error.message : 'Failed to logout', {\n      autoClose: 2000,\n    });\n    setTimeout(() => router.push(redirectTo.value), 2000);\n  }\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,MAAM,eAAe,qBAAqB;EAC1C,MAAM,QAAQ,UAAU;EACxB,MAAM,SAAS,WAAW;EAC1B,MAAM,SAAS,IAAqC,UAAU;EAE9D,MAAM,aAAa,eACjB,kBAAkB,OAAO,cAAc,CACxC;EAED,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,QAAQ,IAAI,aAAa,QAAQ,EAClC,EAAE,aAAa,WAAW,CAC3B;AAED,YAAU,YAAY;AACpB,OAAI;AACF,UAAM,aAAa,OAAU;AAC7B,iBAAa,cAAc;AAC3B,WAAO,QAAQ;AACf,qBAAiB,OAAO,KAAK,WAAW,MAAM,EAAE,IAAK;YAC9CA,OAAgB;AACvB,WAAO,QAAQ;AACf,UAAM,MAAM,iBAAiB,QAAQ,MAAM,UAAU,oBAAoB,EACvE,WAAW,KACZ,CAAC;AACF,qBAAiB,OAAO,KAAK,WAAW,MAAM,EAAE,IAAK;;IAEvD;;uBA/DA,mBAwBM,OAxBN,YAwBM,CAvBJ,mBAsBM,OAtBN,YAsBM,CArBO,OAAA,UAAM,aAAA,WAAA,EAAjB,mBAMM,OANN,YAMM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;IALJ,mBAEM,OAAA,EAFD,OAAM,uBAAqB,EAAA,CAC9B,mBAAqE,QAAA,EAA/D,OAAM,mDAAiD,CAAA,CAAA;IAE/D,mBAAuD,MAAA,EAAnD,OAAM,2BAAyB,EAAC,kBAAc,GAAA;IAClD,mBAA6E,KAAA,EAA1E,OAAM,wBAAsB,EAAC,6CAAyC,GAAA;yBAE3E,mBAaM,OAbN,YAaM;IAZJ,mBAEK,MAFL,YAEK,gBADA,OAAA,UAAM,YAAA,eAAA,gBAAA,EAAA,EAAA;IAEX,mBAII,KAJJ,YAII,gBAHC,OAAA,UAAM,YAAA,uBAAA,8BAAA;IAIX,mBAGI,KAHJ,YAGI;+CAHoC,6CAEtC,GAAA;KAAA,YAAwE,iBAAA;MAA9D,IAAI,WAAA;MAAY,OAAM;;6BAA8B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAV,cAAU,GAAA,CAAA,EAAA,CAAA;;;+CAAU,MAC1E,GAAA"}

package/dist/MfaSetup-BACX5XP-.js

@@ -0,0 +1,8 @@
+import "./useRpcAuth-rmHf7bYx.js";
+import "./useQueryCache-Bjm-S8v5.js";
+import "./useMutation-BTsyHKyn.js";
+import "./AppLink-CHMMrSFI.js";
+import "./mfaSchema-BnRWf0ma.js";
+import { t as MfaSetup_default } from "./MfaSetup-RtFMY_dj.js";
+
+export { MfaSetup_default as default };

package/dist/{MfaSetup-Ch0w-gTN.js → MfaSetup-RtFMY_dj.js}

@@ -1,6 +1,7 @@
-import { t as useMutation } from "./useMutation-DbzXtqf1.js";
-import { o as withReturnUrl, r as getValidReturnUrl, s as AppLink_default } from "./useReturnUrl-Da8PpLb9.js";
-import { t as mfaSetupConfirmSchemaWithMetadata } from "./mfaSchema-nfNCcEhM.js";
+import { t as useMutation } from "./useMutation-BTsyHKyn.js";
+import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
+import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
+import { t as mfaSetupConfirmSchemaWithMetadata } from "./mfaSchema-BnRWf0ma.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { toast } from "vue3-toastify";
@@ -109,4 +110,4 @@ var MfaSetup_default = _sfc_main;
 
 //#endregion
 export { MfaSetup_default as t };
-//# sourceMappingURL=MfaSetup-Ch0w-gTN.js.map
+//# sourceMappingURL=MfaSetup-RtFMY_dj.js.map

package/dist/{MfaSetup-Ch0w-gTN.js.map → MfaSetup-RtFMY_dj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MfaSetup-Ch0w-gTN.js","names":[],"sources":["../src/slices/auth/features/mfa/MfaSetup.vue"],"sourcesContent":["<template>\n  <div class=\"max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container\">\n    <h1 class=\"text-2xl font-bold mb-6 text-center\">Set Up Two-Factor Authentication</h1>\n\n    <div v-if=\"!setupData\" class=\"space-y-4\">\n      <p class=\"text-base-content/80\">\n        Add an extra layer of security to your account by enabling two-factor authentication (2FA).\n      </p>\n      <button\n        type=\"button\"\n        class=\"btn btn-primary w-full\"\n        :disabled=\"loading\"\n        @click=\"startSetup\"\n      >\n        {{ loading ? 'Starting...' : 'Begin Setup' }}\n      </button>\n    </div>\n\n    <ZiniaForm\n      v-else\n      @handle-submit=\"handleConfirm\"\n      @success=\"handleSuccess\"\n      @error=\"handleError\"\n    >\n      <div class=\"space-y-4 mb-4\">\n        <p class=\"text-sm text-base-content/80\">\n          Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.):\n        </p>\n        <div v-if=\"setupData.qrCodeUrl\" class=\"flex justify-center\">\n          <img\n            :src=\"setupData.qrCodeUrl\"\n            alt=\"MFA QR Code\"\n            class=\"w-48 h-48 border rounded-lg\"\n          />\n        </div>\n        <p class=\"text-sm text-base-content/80\">\n          Or enter this secret manually: <code class=\"bg-base-300 px-2 py-1 rounded text-sm break-all\">{{ setupData.secret }}</code>\n        </p>\n      </div>\n      <zinia.CodeField />\n      <ZiniaSubmitButton submitText=\"Verify & Enable\" submittingText=\"Verifying...\" />\n\n      <div class=\"text-center mt-2\">\n        <AppLink class=\"link-accent link\" :to=\"loginLink\">Back to Login</AppLink>\n      </div>\n    </ZiniaForm>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { z } from 'zod';\nimport type { DragoncoreApi, MfaApi } from '@dragonmastery/dragoncore-shared';\nimport { mfaSetupConfirmSchemaWithMetadata } from './mfaSchema';\n\nconst router = useRouter();\nconst route = useRoute();\nconst returnUrl = computed(() => route.query.returnUrl as string | undefined);\nconst loginLink = computed(() => withReturnUrl('/auth/login', returnUrl.value));\nconst setupData = ref<{ secret: string; qrCodeUrl: string } | null>(null);\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(\n  mfaSetupConfirmSchemaWithMetadata,\n  {\n    storeName: 'mfa-setup-form',\n    persistToLocalStorage: false,\n    renderStyle: 'daisy_ui',\n  },\n);\n\nconst { mutate: startSetupMutate, loading } = useMutation(\n  (api, _input?: unknown) => {\n    const mfa = (api as DragoncoreApi).mfa;\n    if (!mfa) throw new Error('MFA is not configured for this application');\n    return (mfa as MfaApi).startSetup();\n  },\n  { skipAuthCheck: false },\n);\n\nconst { mutate: confirmSetupMutate } = useMutation(\n  (api, code: string) => {\n    const mfa = (api as DragoncoreApi).mfa;\n    if (!mfa) throw new Error('MFA is not configured for this application');\n    return (mfa as MfaApi).confirmSetup(code);\n  },\n  { skipAuthCheck: false },\n);\n\nconst startSetup = async () => {\n  const result = await startSetupMutate(undefined);\n  if (result) setupData.value = result;\n};\n\nconst handleConfirm = async (data: z.infer<typeof mfaSetupConfirmSchemaWithMetadata>) => {\n  const result = await confirmSetupMutate(data.code);\n  if (!result?.ok) throw new Error('MFA setup verification failed');\n  return result;\n};\n\nconst handleSuccess = async (data: { ok: boolean; recoveryCodes?: string[] }) => {\n  form.reset();\n  setupData.value = null;\n  if (data.recoveryCodes?.length) {\n    toast.success(\n      'MFA enabled! Save your recovery codes in a safe place. You will need them if you lose access to your authenticator.',\n    );\n  } else {\n    toast.success('Two-factor authentication has been enabled.');\n  }\n  const targetPath = getValidReturnUrl(route, '/');\n  await router.push(targetPath);\n};\n\nconst handleError = (error: Error) => {\n  toast.error(error.message || 'MFA setup failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DA,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,UAAU;EACxB,MAAM,YAAY,eAAe,MAAM,MAAM,UAAgC;EAC7E,MAAM,YAAY,eAAe,cAAc,eAAe,UAAU,MAAM,CAAC;EAC/E,MAAM,YAAY,IAAkD,KAAK;EAEzE,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QACpD,mCACA;GACE,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CACF;EAED,MAAM,EAAE,QAAQ,kBAAkB,YAAY,aAC3C,KAAK,WAAqB;GACzB,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,YAAY;KAErC,EAAE,eAAe,OAAO,CACzB;EAED,MAAM,EAAE,QAAQ,uBAAuB,aACpC,KAAK,SAAiB;GACrB,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,aAAa,KAAK;KAE3C,EAAE,eAAe,OAAO,CACzB;EAED,MAAM,aAAa,YAAY;GAC7B,MAAM,SAAS,MAAM,iBAAiB,OAAU;AAChD,OAAI,OAAQ,WAAU,QAAQ;;EAGhC,MAAM,gBAAgB,OAAO,SAA4D;GACvF,MAAM,SAAS,MAAM,mBAAmB,KAAK,KAAK;AAClD,OAAI,CAAC,QAAQ,GAAI,OAAM,IAAI,MAAM,gCAAgC;AACjE,UAAO;;EAGT,MAAM,gBAAgB,OAAO,SAAoD;AAC/E,QAAK,OAAO;AACZ,aAAU,QAAQ;AAClB,OAAI,KAAK,eAAe,OACtB,OAAM,QACJ,sHACD;OAED,OAAM,QAAQ,8CAA8C;GAE9D,MAAM,aAAa,kBAAkB,OAAO,IAAI;AAChD,SAAM,OAAO,KAAK,WAAW;;EAG/B,MAAM,eAAe,UAAiB;AACpC,SAAM,MAAM,MAAM,WAAW,mBAAmB;;;uBAvHhD,mBA6CM,OA7CN,YA6CM,CAAA,OAAA,OAAA,OAAA,KA5CJ,mBAAqF,MAAA,EAAjF,OAAM,uCAAqC,EAAC,oCAAgC,GAAA,GAAA,CAEpE,UAAA,SAAA,WAAA,EAAZ,mBAYM,OAZN,YAYM,CAAA,OAAA,OAAA,OAAA,KAXJ,mBAEI,KAAA,EAFD,OAAM,wBAAsB,EAAC,iGAEhC,GAAA,GACA,mBAOS,UAAA;IANP,MAAK;IACL,OAAM;IACL,UAAU,MAAA,QAAO;IACjB,SAAO;sBAEL,MAAA,QAAO,GAAA,gBAAA,cAAA,EAAA,GAAA,WAAA,CAAA,CAAA,KAAA,WAAA,EAId,YA2BY,MAAA,UAAA,EAAA;;IAzBT,gBAAe;IACf,WAAS;IACT,SAAO;;2BAgBF;KAdN,mBAcM,OAdN,YAcM;gCAbJ,mBAEI,KAAA,EAFD,OAAM,gCAA8B,EAAC,wFAExC,GAAA;MACW,UAAA,MAAU,aAAA,WAAA,EAArB,mBAMM,OANN,YAMM,CALJ,mBAIE,OAAA;OAHC,KAAK,UAAA,MAAU;OAChB,KAAI;OACJ,OAAM;;MAGV,mBAEI,KAFJ,YAEI,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFoC,oCACP,GAAA,GAAA,mBAA2F,QAA3F,YAA2F,gBAA1B,UAAA,MAAU,OAAM,EAAA,EAAA,CAAA,CAAA;;KAGpH,YAAmB,MAAA,MAAA,CAAA,UAAA;KACnB,YAAgF,MAAA,kBAAA,EAAA;MAA7D,YAAW;MAAkB,gBAAe;;KAE/D,mBAEM,OAFN,YAEM,CADJ,YAAyE,iBAAA;MAAhE,OAAM;MAAoB,IAAI,UAAA;;6BAAwB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"MfaSetup-RtFMY_dj.js","names":[],"sources":["../src/slices/auth/features/mfa/MfaSetup.vue"],"sourcesContent":["<template>\n  <div class=\"max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container\">\n    <h1 class=\"text-2xl font-bold mb-6 text-center\">Set Up Two-Factor Authentication</h1>\n\n    <div v-if=\"!setupData\" class=\"space-y-4\">\n      <p class=\"text-base-content/80\">\n        Add an extra layer of security to your account by enabling two-factor authentication (2FA).\n      </p>\n      <button\n        type=\"button\"\n        class=\"btn btn-primary w-full\"\n        :disabled=\"loading\"\n        @click=\"startSetup\"\n      >\n        {{ loading ? 'Starting...' : 'Begin Setup' }}\n      </button>\n    </div>\n\n    <ZiniaForm\n      v-else\n      @handle-submit=\"handleConfirm\"\n      @success=\"handleSuccess\"\n      @error=\"handleError\"\n    >\n      <div class=\"space-y-4 mb-4\">\n        <p class=\"text-sm text-base-content/80\">\n          Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.):\n        </p>\n        <div v-if=\"setupData.qrCodeUrl\" class=\"flex justify-center\">\n          <img\n            :src=\"setupData.qrCodeUrl\"\n            alt=\"MFA QR Code\"\n            class=\"w-48 h-48 border rounded-lg\"\n          />\n        </div>\n        <p class=\"text-sm text-base-content/80\">\n          Or enter this secret manually: <code class=\"bg-base-300 px-2 py-1 rounded text-sm break-all\">{{ setupData.secret }}</code>\n        </p>\n      </div>\n      <zinia.CodeField />\n      <ZiniaSubmitButton submitText=\"Verify & Enable\" submittingText=\"Verifying...\" />\n\n      <div class=\"text-center mt-2\">\n        <AppLink class=\"link-accent link\" :to=\"loginLink\">Back to Login</AppLink>\n      </div>\n    </ZiniaForm>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { z } from 'zod';\nimport type { DragoncoreApi, MfaApi } from '@dragonmastery/dragoncore-shared';\nimport { mfaSetupConfirmSchemaWithMetadata } from './mfaSchema';\n\nconst router = useRouter();\nconst route = useRoute();\nconst returnUrl = computed(() => route.query.returnUrl as string | undefined);\nconst loginLink = computed(() => withReturnUrl('/auth/login', returnUrl.value));\nconst setupData = ref<{ secret: string; qrCodeUrl: string } | null>(null);\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(\n  mfaSetupConfirmSchemaWithMetadata,\n  {\n    storeName: 'mfa-setup-form',\n    persistToLocalStorage: false,\n    renderStyle: 'daisy_ui',\n  },\n);\n\nconst { mutate: startSetupMutate, loading } = useMutation(\n  (api, _input?: unknown) => {\n    const mfa = (api as DragoncoreApi).mfa;\n    if (!mfa) throw new Error('MFA is not configured for this application');\n    return (mfa as MfaApi).startSetup();\n  },\n  { skipAuthCheck: false },\n);\n\nconst { mutate: confirmSetupMutate } = useMutation(\n  (api, code: string) => {\n    const mfa = (api as DragoncoreApi).mfa;\n    if (!mfa) throw new Error('MFA is not configured for this application');\n    return (mfa as MfaApi).confirmSetup(code);\n  },\n  { skipAuthCheck: false },\n);\n\nconst startSetup = async () => {\n  const result = await startSetupMutate(undefined);\n  if (result) setupData.value = result;\n};\n\nconst handleConfirm = async (data: z.infer<typeof mfaSetupConfirmSchemaWithMetadata>) => {\n  const result = await confirmSetupMutate(data.code);\n  if (!result?.ok) throw new Error('MFA setup verification failed');\n  return result;\n};\n\nconst handleSuccess = async (data: { ok: boolean; recoveryCodes?: string[] }) => {\n  form.reset();\n  setupData.value = null;\n  if (data.recoveryCodes?.length) {\n    toast.success(\n      'MFA enabled! Save your recovery codes in a safe place. You will need them if you lose access to your authenticator.',\n    );\n  } else {\n    toast.success('Two-factor authentication has been enabled.');\n  }\n  const targetPath = getValidReturnUrl(route, '/');\n  await router.push(targetPath);\n};\n\nconst handleError = (error: Error) => {\n  toast.error(error.message || 'MFA setup failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DA,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,UAAU;EACxB,MAAM,YAAY,eAAe,MAAM,MAAM,UAAgC;EAC7E,MAAM,YAAY,eAAe,cAAc,eAAe,UAAU,MAAM,CAAC;EAC/E,MAAM,YAAY,IAAkD,KAAK;EAEzE,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QACpD,mCACA;GACE,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CACF;EAED,MAAM,EAAE,QAAQ,kBAAkB,YAAY,aAC3C,KAAK,WAAqB;GACzB,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,YAAY;KAErC,EAAE,eAAe,OAAO,CACzB;EAED,MAAM,EAAE,QAAQ,uBAAuB,aACpC,KAAK,SAAiB;GACrB,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,aAAa,KAAK;KAE3C,EAAE,eAAe,OAAO,CACzB;EAED,MAAM,aAAa,YAAY;GAC7B,MAAM,SAAS,MAAM,iBAAiB,OAAU;AAChD,OAAI,OAAQ,WAAU,QAAQ;;EAGhC,MAAM,gBAAgB,OAAO,SAA4D;GACvF,MAAM,SAAS,MAAM,mBAAmB,KAAK,KAAK;AAClD,OAAI,CAAC,QAAQ,GAAI,OAAM,IAAI,MAAM,gCAAgC;AACjE,UAAO;;EAGT,MAAM,gBAAgB,OAAO,SAAoD;AAC/E,QAAK,OAAO;AACZ,aAAU,QAAQ;AAClB,OAAI,KAAK,eAAe,OACtB,OAAM,QACJ,sHACD;OAED,OAAM,QAAQ,8CAA8C;GAE9D,MAAM,aAAa,kBAAkB,OAAO,IAAI;AAChD,SAAM,OAAO,KAAK,WAAW;;EAG/B,MAAM,eAAe,UAAiB;AACpC,SAAM,MAAM,MAAM,WAAW,mBAAmB;;;uBAvHhD,mBA6CM,OA7CN,YA6CM,CAAA,OAAA,OAAA,OAAA,KA5CJ,mBAAqF,MAAA,EAAjF,OAAM,uCAAqC,EAAC,oCAAgC,GAAA,GAAA,CAEpE,UAAA,SAAA,WAAA,EAAZ,mBAYM,OAZN,YAYM,CAAA,OAAA,OAAA,OAAA,KAXJ,mBAEI,KAAA,EAFD,OAAM,wBAAsB,EAAC,iGAEhC,GAAA,GACA,mBAOS,UAAA;IANP,MAAK;IACL,OAAM;IACL,UAAU,MAAA,QAAO;IACjB,SAAO;sBAEL,MAAA,QAAO,GAAA,gBAAA,cAAA,EAAA,GAAA,WAAA,CAAA,CAAA,KAAA,WAAA,EAId,YA2BY,MAAA,UAAA,EAAA;;IAzBT,gBAAe;IACf,WAAS;IACT,SAAO;;2BAgBF;KAdN,mBAcM,OAdN,YAcM;gCAbJ,mBAEI,KAAA,EAFD,OAAM,gCAA8B,EAAC,wFAExC,GAAA;MACW,UAAA,MAAU,aAAA,WAAA,EAArB,mBAMM,OANN,YAMM,CALJ,mBAIE,OAAA;OAHC,KAAK,UAAA,MAAU;OAChB,KAAI;OACJ,OAAM;;MAGV,mBAEI,KAFJ,YAEI,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFoC,oCACP,GAAA,GAAA,mBAA2F,QAA3F,YAA2F,gBAA1B,UAAA,MAAU,OAAM,EAAA,EAAA,CAAA,CAAA;;KAGpH,YAAmB,MAAA,MAAA,CAAA,UAAA;KACnB,YAAgF,MAAA,kBAAA,EAAA;MAA7D,YAAW;MAAkB,gBAAe;;KAE/D,mBAEM,OAFN,YAEM,CADJ,YAAyE,iBAAA;MAAhE,OAAM;MAAoB,IAAI,UAAA;;6BAAwB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA"}

package/dist/{MfaVerify-BwzjVrTj.js → MfaVerify-Cvhe8bEM.js}

@@ -1,7 +1,8 @@
-import { l as useUserSessionStore } from "./useRpcAuth-8Byr6SSI.js";
-import { t as useMutation } from "./useMutation-DbzXtqf1.js";
-import { o as withReturnUrl, r as getValidReturnUrl, s as AppLink_default } from "./useReturnUrl-Da8PpLb9.js";
-import { n as mfaVerifySchemaWithMetadata } from "./mfaSchema-nfNCcEhM.js";
+import { l as useUserSessionStore } from "./useRpcAuth-rmHf7bYx.js";
+import { t as useMutation } from "./useMutation-BTsyHKyn.js";
+import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
+import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
+import { n as mfaVerifySchemaWithMetadata } from "./mfaSchema-BnRWf0ma.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { toast } from "vue3-toastify";
@@ -82,4 +83,4 @@ var MfaVerify_default = _sfc_main;
 
 //#endregion
 export { MfaVerify_default as t };
-//# sourceMappingURL=MfaVerify-BwzjVrTj.js.map
+//# sourceMappingURL=MfaVerify-Cvhe8bEM.js.map

package/dist/{MfaVerify-BwzjVrTj.js.map → MfaVerify-Cvhe8bEM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MfaVerify-BwzjVrTj.js","names":[],"sources":["../src/slices/auth/features/mfa/MfaVerify.vue"],"sourcesContent":["<template>\n  <div class=\"max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container\">\n    <h1 class=\"text-2xl font-bold mb-6 text-center\">Two-Factor Authentication</h1>\n\n    <p class=\"text-base-content/80 mb-4\">\n      Enter the 6-digit code from your authenticator app to complete sign in.\n    </p>\n\n    <ZiniaForm @handle-submit=\"handleSubmit\" @success=\"handleSuccess\" @error=\"handleError\">\n      <zinia.CodeField />\n      <ZiniaSubmitButton submitText=\"Verify\" submittingText=\"Verifying...\" />\n\n      <div class=\"text-center mt-2\">\n        <AppLink class=\"link-accent link\" :to=\"loginLink\">Back to Login</AppLink>\n      </div>\n    </ZiniaForm>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../../composables/useUserSessionStore';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport type { DragoncoreApi } from '@dragonmastery/dragoncore-shared';\nimport type { MfaApi } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\nimport { mfaVerifySchemaWithMetadata } from './mfaSchema';\n\nconst router = useRouter();\nconst route = useRoute();\nconst sessionStore = useUserSessionStore();\n\nconst returnUrl = computed(() => route.query.returnUrl as string | undefined);\nconst loginLink = computed(() => withReturnUrl('/auth/login', returnUrl.value));\nconst mfaSessionId = route.query.mfaSessionId as string;\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(mfaVerifySchemaWithMetadata, {\n  storeName: 'mfa-verify-form',\n  persistToLocalStorage: false,\n  renderStyle: 'daisy_ui',\n});\n\nconst { mutate: verifyMutate } = useMutation(\n  (api, input: { mfaSessionId: string; code: string }) => {\n    const mfa = (api as DragoncoreApi).mfa;\n    if (!mfa) throw new Error('MFA is not configured for this application');\n    return (mfa as MfaApi).verify(input.mfaSessionId, input.code);\n  },\n  { credentials: 'include' },\n);\n\nconst handleSubmit = async (data: z.infer<typeof mfaVerifySchemaWithMetadata>) => {\n  if (!mfaSessionId) throw new Error('Invalid MFA session. Please try logging in again.');\n  const result = await verifyMutate({ mfaSessionId, code: data.code });\n  if (!result?.access_token || !result?.user_details_token) throw new Error('Verification failed');\n  return result;\n};\n\nconst handleSuccess = async (data: { access_token: string; user_details_token: string }) => {\n  sessionStore.setSession(data.user_details_token);\n  sessionStore.setAccessToken(data.access_token);\n  form.reset();\n\n  const targetPath = getValidReturnUrl(route, '/');\n  await router.push(targetPath);\n  toast.success('You are now logged in!');\n};\n\nconst handleError = (error: Error) => {\n  toast.error(error.message || 'Verification failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAiCA,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,UAAU;EACxB,MAAM,eAAe,qBAAqB;EAE1C,MAAM,YAAY,eAAe,MAAM,MAAM,UAAgC;EAC7E,MAAM,YAAY,eAAe,cAAc,eAAe,UAAU,MAAM,CAAC;EAC/E,MAAM,eAAe,MAAM,MAAM;EAEjC,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QAAQ,6BAA6B;GACzF,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CAAC;EAEF,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,KAAK,UAAkD;GACtD,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,OAAO,MAAM,cAAc,MAAM,KAAK;KAE/D,EAAE,aAAa,WAAW,CAC3B;EAED,MAAM,eAAe,OAAO,SAAsD;AAChF,OAAI,CAAC,aAAc,OAAM,IAAI,MAAM,oDAAoD;GACvF,MAAM,SAAS,MAAM,aAAa;IAAE;IAAc,MAAM,KAAK;IAAM,CAAC;AACpE,OAAI,CAAC,QAAQ,gBAAgB,CAAC,QAAQ,mBAAoB,OAAM,IAAI,MAAM,sBAAsB;AAChG,UAAO;;EAGT,MAAM,gBAAgB,OAAO,SAA+D;AAC1F,gBAAa,WAAW,KAAK,mBAAmB;AAChD,gBAAa,eAAe,KAAK,aAAa;AAC9C,QAAK,OAAO;GAEZ,MAAM,aAAa,kBAAkB,OAAO,IAAI;AAChD,SAAM,OAAO,KAAK,WAAW;AAC7B,SAAM,QAAQ,yBAAyB;;EAGzC,MAAM,eAAe,UAAiB;AACpC,SAAM,MAAM,MAAM,WAAW,sBAAsB;;;uBAzEnD,mBAeM,OAfN,YAeM;8BAdJ,mBAA8E,MAAA,EAA1E,OAAM,uCAAqC,EAAC,6BAAyB,GAAA;8BAEzE,mBAEI,KAAA,EAFD,OAAM,6BAA2B,EAAC,6EAErC,GAAA;IAEA,YAOY,MAAA,UAAA,EAAA;KAPA,gBAAe;KAAe,WAAS;KAAgB,SAAO;;4BACrD;MAAnB,YAAmB,MAAA,MAAA,CAAA,UAAA;MACnB,YAAuE,MAAA,kBAAA,EAAA;OAApD,YAAW;OAAS,gBAAe;;MAEtD,mBAEM,OAFN,YAEM,CADJ,YAAyE,iBAAA;OAAhE,OAAM;OAAoB,IAAI,UAAA;;8BAAwB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"MfaVerify-Cvhe8bEM.js","names":[],"sources":["../src/slices/auth/features/mfa/MfaVerify.vue"],"sourcesContent":["<template>\n  <div class=\"max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container\">\n    <h1 class=\"text-2xl font-bold mb-6 text-center\">Two-Factor Authentication</h1>\n\n    <p class=\"text-base-content/80 mb-4\">\n      Enter the 6-digit code from your authenticator app to complete sign in.\n    </p>\n\n    <ZiniaForm @handle-submit=\"handleSubmit\" @success=\"handleSuccess\" @error=\"handleError\">\n      <zinia.CodeField />\n      <ZiniaSubmitButton submitText=\"Verify\" submittingText=\"Verifying...\" />\n\n      <div class=\"text-center mt-2\">\n        <AppLink class=\"link-accent link\" :to=\"loginLink\">Back to Login</AppLink>\n      </div>\n    </ZiniaForm>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../../composables/useUserSessionStore';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport type { DragoncoreApi } from '@dragonmastery/dragoncore-shared';\nimport type { MfaApi } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\nimport { mfaVerifySchemaWithMetadata } from './mfaSchema';\n\nconst router = useRouter();\nconst route = useRoute();\nconst sessionStore = useUserSessionStore();\n\nconst returnUrl = computed(() => route.query.returnUrl as string | undefined);\nconst loginLink = computed(() => withReturnUrl('/auth/login', returnUrl.value));\nconst mfaSessionId = route.query.mfaSessionId as string;\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(mfaVerifySchemaWithMetadata, {\n  storeName: 'mfa-verify-form',\n  persistToLocalStorage: false,\n  renderStyle: 'daisy_ui',\n});\n\nconst { mutate: verifyMutate } = useMutation(\n  (api, input: { mfaSessionId: string; code: string }) => {\n    const mfa = (api as DragoncoreApi).mfa;\n    if (!mfa) throw new Error('MFA is not configured for this application');\n    return (mfa as MfaApi).verify(input.mfaSessionId, input.code);\n  },\n  { credentials: 'include' },\n);\n\nconst handleSubmit = async (data: z.infer<typeof mfaVerifySchemaWithMetadata>) => {\n  if (!mfaSessionId) throw new Error('Invalid MFA session. Please try logging in again.');\n  const result = await verifyMutate({ mfaSessionId, code: data.code });\n  if (!result?.access_token || !result?.user_details_token) throw new Error('Verification failed');\n  return result;\n};\n\nconst handleSuccess = async (data: { access_token: string; user_details_token: string }) => {\n  sessionStore.setSession(data.user_details_token);\n  sessionStore.setAccessToken(data.access_token);\n  form.reset();\n\n  const targetPath = getValidReturnUrl(route, '/');\n  await router.push(targetPath);\n  toast.success('You are now logged in!');\n};\n\nconst handleError = (error: Error) => {\n  toast.error(error.message || 'Verification failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAiCA,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,UAAU;EACxB,MAAM,eAAe,qBAAqB;EAE1C,MAAM,YAAY,eAAe,MAAM,MAAM,UAAgC;EAC7E,MAAM,YAAY,eAAe,cAAc,eAAe,UAAU,MAAM,CAAC;EAC/E,MAAM,eAAe,MAAM,MAAM;EAEjC,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QAAQ,6BAA6B;GACzF,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CAAC;EAEF,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,KAAK,UAAkD;GACtD,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,OAAO,MAAM,cAAc,MAAM,KAAK;KAE/D,EAAE,aAAa,WAAW,CAC3B;EAED,MAAM,eAAe,OAAO,SAAsD;AAChF,OAAI,CAAC,aAAc,OAAM,IAAI,MAAM,oDAAoD;GACvF,MAAM,SAAS,MAAM,aAAa;IAAE;IAAc,MAAM,KAAK;IAAM,CAAC;AACpE,OAAI,CAAC,QAAQ,gBAAgB,CAAC,QAAQ,mBAAoB,OAAM,IAAI,MAAM,sBAAsB;AAChG,UAAO;;EAGT,MAAM,gBAAgB,OAAO,SAA+D;AAC1F,gBAAa,WAAW,KAAK,mBAAmB;AAChD,gBAAa,eAAe,KAAK,aAAa;AAC9C,QAAK,OAAO;GAEZ,MAAM,aAAa,kBAAkB,OAAO,IAAI;AAChD,SAAM,OAAO,KAAK,WAAW;AAC7B,SAAM,QAAQ,yBAAyB;;EAGzC,MAAM,eAAe,UAAiB;AACpC,SAAM,MAAM,MAAM,WAAW,sBAAsB;;;uBAzEnD,mBAeM,OAfN,YAeM;8BAdJ,mBAA8E,MAAA,EAA1E,OAAM,uCAAqC,EAAC,6BAAyB,GAAA;8BAEzE,mBAEI,KAAA,EAFD,OAAM,6BAA2B,EAAC,6EAErC,GAAA;IAEA,YAOY,MAAA,UAAA,EAAA;KAPA,gBAAe;KAAe,WAAS;KAAgB,SAAO;;4BACrD;MAAnB,YAAmB,MAAA,MAAA,CAAA,UAAA;MACnB,YAAuE,MAAA,kBAAA,EAAA;OAApD,YAAW;OAAS,gBAAe;;MAEtD,mBAEM,OAFN,YAEM,CADJ,YAAyE,iBAAA;OAAhE,OAAM;OAAoB,IAAI,UAAA;;8BAAwB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA"}

package/dist/MfaVerify-ak4iSdQ2.js

@@ -0,0 +1,8 @@
+import "./useRpcAuth-rmHf7bYx.js";
+import "./useQueryCache-Bjm-S8v5.js";
+import "./useMutation-BTsyHKyn.js";
+import "./AppLink-CHMMrSFI.js";
+import "./mfaSchema-BnRWf0ma.js";
+import { t as MfaVerify_default } from "./MfaVerify-Cvhe8bEM.js";
+
+export { MfaVerify_default as default };