@dragonmastery/dragoncore-vue 0.0.18 → 0.0.20

package/dist/SignupConsentFlow-DG2IGikE.js

@@ -0,0 +1,243 @@
+import { l as useUserSessionStore, m as useEnv } from "./useRpcAuth-Bse-lggK.js";
+import "./useQueryCache-CJKZquh6.js";
+import { t as useMutation } from "./useMutation-Dhx2gMgS.js";
+import { i as setEmailVerificationReturnUrl, o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
+import { n as SIGNUP_REQUIREMENTS_KEY, t as useSignupPendingData } from "./useSignupPendingData-BWHwUHhL.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, nextTick, openBlock, ref, toDisplayString, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { toast } from "vue3-toastify";
+import DOMPurify from "dompurify";
+import { marked } from "marked";
+
+//#region src/slices/auth/features/signup_consents/SignupConsentFlow.vue
+const _hoisted_1 = { class: "max-w-2xl mx-auto bg-base-200 p-6 rounded-xl shadow-md container" };
+const _hoisted_2 = {
+	key: 0,
+	class: "text-center"
+};
+const _hoisted_3 = {
+	key: 1,
+	class: "space-y-6"
+};
+const _hoisted_4 = {
+	key: 0,
+	class: "alert alert-error flex flex-col gap-3"
+};
+const _hoisted_5 = { class: "flex flex-wrap gap-2 mt-1" };
+const _hoisted_6 = ["disabled"];
+const _hoisted_7 = ["disabled"];
+const _hoisted_8 = { class: "text-base-content/80" };
+const _hoisted_9 = ["data-consent-type", "innerHTML"];
+const _hoisted_10 = ["href"];
+const _hoisted_11 = {
+	key: 3,
+	class: "flex flex-col gap-3"
+};
+const _hoisted_12 = ["disabled"];
+const _hoisted_13 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "SignupConsentFlow",
+	setup(__props) {
+		const signupRequirements = inject(SIGNUP_REQUIREMENTS_KEY, () => [], true);
+		const { get: getSignupPendingData, clear: clearSignupPendingData } = useSignupPendingData();
+		const sessionStore = useUserSessionStore();
+		const router = useRouter();
+		const route = useRoute();
+		const { emailVerificationMode } = useEnv();
+		const returnUrl = computed(() => route.query.returnUrl);
+		const signupData = computed(() => getSignupPendingData());
+		const currentStep = ref(1);
+		const totalSteps = computed(() => signupRequirements?.length ?? 0);
+		const currentConfig = computed(() => signupRequirements?.[currentStep.value - 1] ?? null);
+		const hasScrolledToBottom = ref(false);
+		const scrollEl = ref(null);
+		function setScrollRef(el) {
+			scrollEl.value = el instanceof HTMLElement ? el : null;
+		}
+		watch(() => currentConfig.value, (config) => {
+			hasScrolledToBottom.value = !config?.content;
+			nextTick(() => {
+				scrollEl.value?.scrollTo(0, 0);
+			});
+		}, { immediate: true });
+		function renderMarkdown(content) {
+			const html = marked.parse(content);
+			return DOMPurify.sanitize(html, {
+				ALLOWED_TAGS: [
+					"p",
+					"br",
+					"strong",
+					"em",
+					"u",
+					"a",
+					"ul",
+					"ol",
+					"li",
+					"h1",
+					"h2",
+					"h3",
+					"h4",
+					"blockquote",
+					"code",
+					"pre",
+					"hr"
+				],
+				ALLOWED_ATTR: [
+					"href",
+					"target",
+					"rel"
+				]
+			});
+		}
+		function checkScrolledToBottom() {
+			const el = scrollEl.value;
+			if (!el) return;
+			const { scrollTop, scrollHeight, clientHeight } = el;
+			if (scrollHeight - scrollTop - clientHeight < 10) hasScrolledToBottom.value = true;
+		}
+		function onScroll() {
+			checkScrolledToBottom();
+		}
+		nextTick(checkScrolledToBottom);
+		const declining = ref(false);
+		const goingBack = ref(false);
+		const submitting = ref(false);
+		const submitError = ref(null);
+		function getErrorMessage(error) {
+			if (error instanceof Error && error.message) return error.message;
+			if (error && typeof error === "object" && "message" in error && typeof error.message === "string") return error.message;
+			return "Registration failed. Please try again.";
+		}
+		const { mutate: signupMutate } = useMutation((api, input) => api.users.signupUser(input), { skipAuthCheck: true });
+		const { mutate: loginMutate } = useMutation((api, input) => api.userSessions.login(input), { credentials: "include" });
+		async function handleAccept() {
+			if (!currentConfig.value || !signupData.value) return;
+			submitError.value = null;
+			const acceptancesSoFar = {};
+			for (let i = 0; i < currentStep.value; i++) {
+				const c = signupRequirements?.[i];
+				if (c) acceptancesSoFar[c.type] = true;
+			}
+			if (currentStep.value >= totalSteps.value) {
+				submitting.value = true;
+				try {
+					await completeSignup(acceptancesSoFar);
+				} catch (err) {
+					submitError.value = getErrorMessage(err);
+				} finally {
+					submitting.value = false;
+				}
+				return;
+			}
+			currentStep.value++;
+			hasScrolledToBottom.value = !currentConfig.value?.content;
+			nextTick(checkScrolledToBottom);
+		}
+		async function completeSignup(acceptances) {
+			const data = signupData.value;
+			if (!data) return;
+			if (!await signupMutate({
+				...data,
+				acceptances
+			})) throw new Error("Signup failed");
+			clearSignupPendingData();
+			if (emailVerificationMode !== "disabled") {
+				if (emailVerificationMode === "strict") setEmailVerificationReturnUrl(getValidReturnUrl(route, "/"));
+				const verifyPath = withReturnUrl("/auth/verify-email-required", returnUrl.value);
+				await router.push(verifyPath);
+				return;
+			}
+			const loginResult = await loginMutate({
+				email: data.email,
+				password: data.passwords.password
+			});
+			if (!loginResult?.access_token || !loginResult?.user_details_token) throw new Error("Failed to login after signup");
+			sessionStore.setSession(loginResult.user_details_token);
+			sessionStore.setAccessToken(loginResult.access_token);
+			const defaultRedirect = getValidReturnUrl(route, "/");
+			await router.push(defaultRedirect);
+			toast.success("Registration successful! You are now logged in.");
+		}
+		async function handleDecline() {
+			declining.value = true;
+			try {
+				clearSignupPendingData();
+				const signupPath = withReturnUrl("/auth/signup", returnUrl.value);
+				await router.push({
+					path: signupPath,
+					query: {
+						...route.query,
+						declined: "1"
+					}
+				});
+			} finally {
+				declining.value = false;
+			}
+		}
+		async function goBackToSignup() {
+			goingBack.value = true;
+			try {
+				clearSignupPendingData();
+				const signupPath = withReturnUrl("/auth/signup", returnUrl.value);
+				const { declined: _d, ...rest } = route.query;
+				await router.push({
+					path: signupPath,
+					query: rest
+				});
+			} finally {
+				goingBack.value = false;
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[2] || (_cache[2] = createElementVNode("h1", { class: "text-2xl font-bold mb-6 text-center" }, "Review and accept", -1)), !signupData.value ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [createElementVNode("p", { class: "text-base-content/80" }, "Loading...", -1)])])) : currentConfig.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+				submitError.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+					createElementVNode("span", null, toDisplayString(submitError.value), 1),
+					_cache[1] || (_cache[1] = createElementVNode("p", { class: "text-sm opacity-90" }, " You can try again or go back to sign up and try again later. ", -1)),
+					createElementVNode("div", _hoisted_5, [createElementVNode("button", {
+						type: "button",
+						class: "btn btn-primary btn-sm",
+						disabled: goingBack.value || submitting.value,
+						onClick: goBackToSignup
+					}, toDisplayString(goingBack.value ? "Returning..." : "Back to sign up"), 9, _hoisted_6), createElementVNode("button", {
+						type: "button",
+						class: "btn btn-ghost btn-sm",
+						disabled: submitting.value || goingBack.value,
+						onClick: handleAccept
+					}, toDisplayString(submitting.value ? "Submitting..." : "Try again"), 9, _hoisted_7)])
+				])) : createCommentVNode("v-if", true),
+				createElementVNode("p", _hoisted_8, " Step " + toDisplayString(currentStep.value) + " of " + toDisplayString(totalSteps.value) + ": " + toDisplayString(currentConfig.value.label), 1),
+				createCommentVNode(" Scrollable terms box when content is provided "),
+				currentConfig.value.content ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					ref: (el) => setScrollRef(el),
+					class: "border border-base-300 rounded-lg p-4 bg-base-100 overflow-y-auto text-sm prose prose-sm max-h-64 prose-headings:font-semibold prose-p:my-2",
+					"data-consent-type": currentConfig.value.type,
+					onScroll,
+					innerHTML: renderMarkdown(currentConfig.value.content)
+				}, null, 40, _hoisted_9)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Link-only when no content "), createElementVNode("div", null, [currentConfig.value.url ? (openBlock(), createElementBlock("a", {
+					key: 0,
+					href: currentConfig.value.url,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					class: "link link-accent"
+				}, " View " + toDisplayString(currentConfig.value.label), 9, _hoisted_10)) : createCommentVNode("v-if", true)])], 2112)),
+				!submitError.value ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-primary",
+					disabled: (currentConfig.value.content ? !hasScrolledToBottom.value : false) || submitting.value,
+					onClick: handleAccept
+				}, toDisplayString(submitting.value ? "Submitting..." : "Accept and continue"), 9, _hoisted_12), createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost btn-sm text-error",
+					disabled: declining.value || submitting.value,
+					onClick: handleDecline
+				}, toDisplayString(declining.value ? "Returning..." : "Decline"), 9, _hoisted_13)])) : createCommentVNode("v-if", true)
+			])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+var SignupConsentFlow_default = _sfc_main;
+
+//#endregion
+export { SignupConsentFlow_default as default };
+//# sourceMappingURL=SignupConsentFlow-DG2IGikE.js.map

package/dist/SignupConsentFlow-DG2IGikE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupConsentFlow-DG2IGikE.js","names":["acceptancesSoFar: Record<string, boolean>","input: SignupInputDto"],"sources":["../src/slices/auth/features/signup_consents/SignupConsentFlow.vue"],"sourcesContent":["<template>\n  <div class=\"max-w-2xl mx-auto bg-base-200 p-6 rounded-xl shadow-md container\">\n    <h1 class=\"text-2xl font-bold mb-6 text-center\">Review and accept</h1>\n\n    <div v-if=\"!signupData\" class=\"text-center\">\n      <p class=\"text-base-content/80\">Loading...</p>\n    </div>\n\n    <div v-else-if=\"currentConfig\" class=\"space-y-6\">\n      <div v-if=\"submitError\" class=\"alert alert-error flex flex-col gap-3\">\n        <span>{{ submitError }}</span>\n        <p class=\"text-sm opacity-90\">\n          You can try again or go back to sign up and try again later.\n        </p>\n        <div class=\"flex flex-wrap gap-2 mt-1\">\n          <button\n            type=\"button\"\n            class=\"btn btn-primary btn-sm\"\n            :disabled=\"goingBack || submitting\"\n            @click=\"goBackToSignup\"\n          >\n            {{ goingBack ? 'Returning...' : 'Back to sign up' }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn btn-ghost btn-sm\"\n            :disabled=\"submitting || goingBack\"\n            @click=\"handleAccept\"\n          >\n            {{ submitting ? 'Submitting...' : 'Try again' }}\n          </button>\n        </div>\n      </div>\n\n      <p class=\"text-base-content/80\">\n        Step {{ currentStep }} of {{ totalSteps }}: {{ currentConfig.label }}\n      </p>\n\n      <!-- Scrollable terms box when content is provided -->\n      <div\n        v-if=\"currentConfig.content\"\n        :ref=\"(el) => setScrollRef(el)\"\n        class=\"border border-base-300 rounded-lg p-4 bg-base-100 overflow-y-auto text-sm prose prose-sm max-h-64 prose-headings:font-semibold prose-p:my-2\"\n        :data-consent-type=\"currentConfig.type\"\n        @scroll=\"onScroll\"\n        v-html=\"renderMarkdown(currentConfig.content)\"\n      />\n\n      <!-- Link-only when no content -->\n      <div v-else>\n        <a\n          v-if=\"currentConfig.url\"\n          :href=\"currentConfig.url\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          class=\"link link-accent\"\n        >\n          View {{ currentConfig.label }}\n        </a>\n      </div>\n\n      <div v-if=\"!submitError\" class=\"flex flex-col gap-3\">\n        <button\n          type=\"button\"\n          class=\"btn btn-primary\"\n          :disabled=\"(currentConfig.content ? !hasScrolledToBottom : false) || submitting\"\n          @click=\"handleAccept\"\n        >\n          {{ submitting ? 'Submitting...' : 'Accept and continue' }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"btn btn-ghost btn-sm text-error\"\n          :disabled=\"declining || submitting\"\n          @click=\"handleDecline\"\n        >\n          {{ declining ? 'Returning...' : 'Decline' }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { SignupInputDto, SignupRequirementsDto } from '@dragonmastery/dragoncore-shared';\nimport DOMPurify from 'dompurify';\nimport { marked } from 'marked';\nimport { computed, inject, nextTick, ref, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { useSignupPendingData } from '../../useSignupPendingData';\nimport { SIGNUP_REQUIREMENTS_KEY } from '../../signupRequirements';\nimport { useEnv } from '../../../../composables/useEnv';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../../composables/useUserSessionStore';\nimport {\n  getValidReturnUrl,\n  setEmailVerificationReturnUrl,\n  withReturnUrl,\n} from '../../../../utils/useReturnUrl';\nconst signupRequirements = inject<SignupRequirementsDto>(SIGNUP_REQUIREMENTS_KEY, () => [], true);\n\nconst { get: getSignupPendingData, clear: clearSignupPendingData } = useSignupPendingData();\nconst sessionStore = useUserSessionStore();\nconst router = useRouter();\nconst route = useRoute();\nconst { emailVerificationMode } = useEnv();\n\nconst returnUrl = computed(() => route.query.returnUrl as string | undefined);\n\nconst signupData = computed(() => getSignupPendingData());\n\nconst currentStep = ref(1);\nconst totalSteps = computed(() => signupRequirements?.length ?? 0);\nconst currentConfig = computed(\n  () => signupRequirements?.[currentStep.value - 1] ?? null,\n);\n\nconst hasScrolledToBottom = ref(false);\nconst scrollEl = ref<HTMLElement | null>(null);\n\nfunction setScrollRef(el: unknown) {\n  scrollEl.value = el instanceof HTMLElement ? el : null;\n}\n\nwatch(\n  () => currentConfig.value,\n  (config) => {\n    hasScrolledToBottom.value = !config?.content;\n    nextTick(() => {\n      scrollEl.value?.scrollTo(0, 0);\n    });\n  },\n  { immediate: true },\n);\n\nfunction renderMarkdown(content: string): string {\n  const html = marked.parse(content) as string;\n  return DOMPurify.sanitize(html, {\n    ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'u', 'a', 'ul', 'ol', 'li', 'h1', 'h2', 'h3', 'h4', 'blockquote', 'code', 'pre', 'hr'],\n    ALLOWED_ATTR: ['href', 'target', 'rel'],\n  });\n}\n\nfunction checkScrolledToBottom() {\n  const el = scrollEl.value;\n  if (!el) return;\n  const { scrollTop, scrollHeight, clientHeight } = el;\n  const atBottom = scrollHeight - scrollTop - clientHeight < 10;\n  if (atBottom) {\n    hasScrolledToBottom.value = true;\n  }\n}\n\nfunction onScroll() {\n  checkScrolledToBottom();\n}\n\nnextTick(checkScrolledToBottom);\n\nconst declining = ref(false);\nconst goingBack = ref(false);\nconst submitting = ref(false);\nconst submitError = ref<string | null>(null);\n\nfunction getErrorMessage(error: unknown): string {\n  if (error instanceof Error && error.message) return error.message;\n  if (error && typeof error === 'object' && 'message' in error && typeof (error as { message: unknown }).message === 'string') {\n    return (error as { message: string }).message;\n  }\n  return 'Registration failed. Please try again.';\n}\n\nconst { mutate: signupMutate } = useMutation(\n  (api, input: SignupInputDto) => api.users.signupUser(input),\n  { skipAuthCheck: true },\n);\nconst { mutate: loginMutate } = useMutation(\n  (api, input: { email: string; password: string }) => api.userSessions.login(input),\n  { credentials: 'include' },\n);\n\nasync function handleAccept() {\n  const config = currentConfig.value;\n  if (!config || !signupData.value) return;\n\n  submitError.value = null;\n\n  const acceptancesSoFar: Record<string, boolean> = {};\n  for (let i = 0; i < currentStep.value; i++) {\n    const c = signupRequirements?.[i];\n    if (c) acceptancesSoFar[c.type] = true;\n  }\n\n  if (currentStep.value >= totalSteps.value) {\n    submitting.value = true;\n    try {\n      await completeSignup(acceptancesSoFar);\n    } catch (err) {\n      submitError.value = getErrorMessage(err);\n    } finally {\n      submitting.value = false;\n    }\n    return;\n  }\n\n  currentStep.value++;\n  hasScrolledToBottom.value = !currentConfig.value?.content;\n  nextTick(checkScrolledToBottom);\n}\n\nasync function completeSignup(acceptances: Record<string, boolean>) {\n  const data = signupData.value;\n  if (!data) return;\n\n  const input: SignupInputDto = {\n    ...data,\n    acceptances,\n  };\n\n  const result = await signupMutate(input);\n  if (!result) throw new Error('Signup failed');\n\n  clearSignupPendingData();\n\n  if (emailVerificationMode !== 'disabled') {\n    if (emailVerificationMode === 'strict') {\n      const targetUrl = getValidReturnUrl(route, '/');\n      setEmailVerificationReturnUrl(targetUrl);\n    }\n    const verifyPath = withReturnUrl('/auth/verify-email-required', returnUrl.value);\n    await router.push(verifyPath);\n    return;\n  }\n\n  const loginResult = await loginMutate({\n    email: data.email,\n    password: data.passwords.password,\n  });\n\n  if (!loginResult?.access_token || !loginResult?.user_details_token) {\n    throw new Error('Failed to login after signup');\n  }\n\n  sessionStore.setSession(loginResult.user_details_token);\n  sessionStore.setAccessToken(loginResult.access_token);\n\n  const defaultRedirect = getValidReturnUrl(route, '/');\n  await router.push(defaultRedirect);\n  toast.success('Registration successful! You are now logged in.');\n}\n\nasync function handleDecline() {\n  declining.value = true;\n  try {\n    clearSignupPendingData();\n    const signupPath = withReturnUrl('/auth/signup', returnUrl.value);\n    await router.push({ path: signupPath, query: { ...route.query, declined: '1' } });\n  } finally {\n    declining.value = false;\n  }\n}\n\nasync function goBackToSignup() {\n  goingBack.value = true;\n  try {\n    clearSignupPendingData();\n    const signupPath = withReturnUrl('/auth/signup', returnUrl.value);\n    const { declined: _d, ...rest } = route.query;\n    await router.push({ path: signupPath, query: rest });\n  } finally {\n    goingBack.value = false;\n  }\n}\n\n</script>\n"],"mappings":"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"}

package/dist/SignupRequirementsPage-DnLpQfB8.js

@@ -0,0 +1,360 @@
+import "./useRpcAuth-Bse-lggK.js";
+import "./useQueryCache-CJKZquh6.js";
+import { t as useMutation } from "./useMutation-Dhx2gMgS.js";
+import { t as useQuery } from "./useQuery-DxmMxM8z.js";
+import { n as RecordVersionList_default, t as RecordVersionViewer_default } from "./RecordVersionViewer-BWZ78vvE.js";
+import { r as formatToISODatetime } from "./convertToLocalDateTime-CFhtN6PI.js";
+import { t as extractRpcErrorMessage } from "./extractRpcErrorMessage-Di8E8-Wh.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { toast } from "vue3-toastify";
+import { RecordConst, SignupConsentItemFormSchema } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+import { z } from "zod";
+
+//#region src/slices/admin/features/signup_requirements/signupRequirementsFormMetadata.ts
+/** Field metadata for consent item form — keys must match schema paths */
+const consentItemFieldMetadata = {
+	type: {
+		label: "Type",
+		helpText: "Type (e.g. terms_of_service, privacy_policy)",
+		placeholder: "terms_of_service"
+	},
+	version: {
+		label: "Version",
+		helpText: "Version (e.g. 2025.1)",
+		placeholder: "2025.1"
+	},
+	label: {
+		label: "Label",
+		placeholder: "Terms of Service"
+	},
+	effective_at: {
+		label: "Effective at",
+		inputType: "datetime-local",
+		helpText: "When this version becomes enforceable for existing users. Set to now for immediate effect."
+	},
+	url: {
+		label: "URL",
+		helpText: "URL (link to document)",
+		placeholder: "https://example.com/terms"
+	},
+	required: {
+		label: "Required",
+		helpText: "User must accept to sign up",
+		inputType: "checkbox"
+	},
+	content: {
+		label: "Content",
+		helpText: "Optional, Markdown — when set, shown in scroll box; user must scroll to bottom",
+		placeholder: "# Terms of Service\n\nYour markdown content here...",
+		inputType: "textarea"
+	}
+};
+/** Item schema with metadata - used as array element (like followupCreateMetadata in tracker) */
+const signupConsentItemFormMetadata = withMetadata(SignupConsentItemFormSchema, "signupConsentItemForm", consentItemFieldMetadata);
+/** Full form schema with items array using metadata-wrapped item schema */
+const signupRequirementsFormMetadata = withMetadata(z.object({ items: z.array(signupConsentItemFormMetadata).default([]) }), "signupRequirementsForm", {});
+function createEmptyConsentItem() {
+	const now = /* @__PURE__ */ new Date();
+	const pad = (n) => String(n).padStart(2, "0");
+	return {
+		type: "",
+		required: true,
+		url: "",
+		label: "",
+		version: "1",
+		effective_at: `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}T${pad(now.getHours())}:${pad(now.getMinutes())}`,
+		content: ""
+	};
+}
+
+//#endregion
+//#region src/slices/admin/features/signup_requirements/SignupRequirementsPage.vue
+const _hoisted_1 = { class: "mt-2" };
+const _hoisted_2 = {
+	key: 0,
+	class: "flex justify-center py-8"
+};
+const _hoisted_3 = {
+	key: 1,
+	class: "space-y-6"
+};
+const _hoisted_4 = { class: "font-medium text-sm" };
+const _hoisted_5 = {
+	key: 0,
+	class: "text-base-content/60"
+};
+const _hoisted_6 = { class: "space-y-3" };
+const _hoisted_7 = { class: "grid grid-cols-1 md:grid-cols-3 gap-3" };
+const _hoisted_8 = {
+	key: 0,
+	class: "alert alert-error mt-2"
+};
+const _hoisted_9 = { class: "mt-4 flex justify-end" };
+const _hoisted_10 = { class: "card bg-base-200" };
+const _hoisted_11 = { class: "card-body" };
+const _hoisted_12 = { class: "modal-box max-w-4xl max-h-[90vh] overflow-auto" };
+const _hoisted_13 = {
+	key: 0,
+	class: "space-y-4"
+};
+const _hoisted_14 = { key: 0 };
+const _hoisted_15 = {
+	key: 1,
+	class: "text-xs bg-base-200 p-3 rounded overflow-auto max-h-96"
+};
+const VERSION_HISTORY_KEY = "admin-signup-requirements-history";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "SignupRequirementsPage",
+	setup(__props) {
+		const { data: _signupRequirements, loading: isLoading, refetch } = useQuery((api) => api.appSettings.getSignupRequirements(), {});
+		const { form, zinia, ziniaGeneric, ZiniaForm, ZiniaSubmitButton } = useForm(signupRequirementsFormMetadata, {
+			storeName: "admin-signup-requirements-form",
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				while (isLoading.value) await new Promise((resolve) => setTimeout(resolve, 100));
+				return { items: _signupRequirements.value ?? [] };
+			}
+		});
+		const initialSnapshot = ref("");
+		const hasChanges = computed(() => {
+			const current = form.values?.items ?? [];
+			return JSON.stringify(current) !== initialSnapshot.value;
+		});
+		const { mutate: updateSignupRequirements } = useMutation((api, config) => api.appSettings.updateSignupRequirements(config), { invalidate: /admin-signup-requirements/ });
+		async function handleSubmit(formData) {
+			await updateSignupRequirements(formData.items.map((c) => ({
+				type: c.type.trim() || "unknown",
+				required: c.required,
+				url: c.url.trim(),
+				label: c.label.trim() || c.type.trim() || "Consent",
+				version: c.version.trim() || "1",
+				effective_at: (c.effective_at?.trim() ? formatToISODatetime(c.effective_at.trim()) : formatToISODatetime((/* @__PURE__ */ new Date()).toISOString())) ?? (/* @__PURE__ */ new Date()).toISOString(),
+				content: c.content?.trim() ? c.content.trim() : void 0
+			})));
+		}
+		async function handleSuccess() {
+			toast.success("Signup requirements saved");
+			initialSnapshot.value = JSON.stringify(form.values?.items ?? []);
+			await refetch();
+			await refetchVersionHistory();
+		}
+		function handleError(error) {
+			const message = error instanceof Error ? error.message : "An unknown error occurred";
+			form.setSubmitError(extractRpcErrorMessage(error, message));
+			toast.error(form.submitError ?? "Failed to save signup requirements");
+		}
+		const { data: versionHistoryData, loading: versionHistoryLoading, error: versionHistoryError, refetch: refetchVersionHistory } = useQuery(async (api) => api.recordVersions.listRecordVersionsPaginated("signup_requirements", RecordConst.APP_SETTING, {
+			first: 50,
+			sortBy: "recorded_at",
+			sortDirection: "desc"
+		}), {
+			cacheKey: VERSION_HISTORY_KEY,
+			staleTime: 60 * 1e3
+		});
+		const versionHistoryItems = computed(() => versionHistoryData.value?.items ?? []);
+		const versionHistoryPageInfo = computed(() => versionHistoryData.value?.pageInfo);
+		const versionHistoryLoadingMore = ref(false);
+		function loadMoreVersions() {}
+		const versionListConfig = {
+			recordDisplayName: "signup requirements",
+			noVersionsText: "No previous versions. Save changes to create the first version.",
+			viewAction: (version) => openVersionModal(version),
+			viewActionText: "View"
+		};
+		const versionModalRef = ref(null);
+		const selectedVersion = ref(null);
+		const selectedVersionRecordData = computed(() => {
+			if (!selectedVersion.value) return null;
+			const record = selectedVersion.value.record;
+			if (Array.isArray(record)) return { items: record };
+			if (typeof record === "object" && record !== null) return record;
+			if (typeof record === "string") try {
+				const parsed = JSON.parse(record);
+				return Array.isArray(parsed) ? { items: parsed } : parsed;
+			} catch {
+				return { raw: record };
+			}
+			return null;
+		});
+		const versionViewerConfig = {
+			recordDisplayName: "signup requirements",
+			title: "Signup Requirements Version",
+			onBack: () => closeVersionModal(),
+			excludeFields: ["raw"]
+		};
+		function openVersionModal(version) {
+			selectedVersion.value = version;
+			versionModalRef.value?.showModal();
+		}
+		function closeVersionModal() {
+			selectedVersion.value = null;
+			versionModalRef.value?.close();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				_cache[10] || (_cache[10] = createElementVNode("div", { class: "flex justify-between items-center mb-4" }, [createElementVNode("h1", { class: "text-2xl font-bold" }, "Signup Requirements")], -1)),
+				_cache[11] || (_cache[11] = createElementVNode("p", { class: "text-base-content/70 mb-4" }, [
+					createTextVNode(" Configure consent checkboxes shown on signup and consent-required flows. Each item can be required or optional. When "),
+					createElementVNode("strong", null, "content"),
+					createTextVNode(" is provided, terms are shown in a scroll box (Markdown supported) and the user must scroll to bottom before accepting. When content is omitted, only a link is shown. ")
+				], -1)),
+				unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "loading loading-spinner loading-lg" }, null, -1)])])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+					createVNode(unref(ZiniaForm), {
+						onHandleSubmit: handleSubmit,
+						onSuccess: handleSuccess,
+						onError: handleError,
+						title: "",
+						subtitle: ""
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(zinia).ItemsField, {
+								label: "Consent Items",
+								"create-item": unref(createEmptyConsentItem)
+							}, {
+								itemPreview: withCtx(({ item }) => [createElementVNode("div", _hoisted_4, [createTextVNode(toDisplayString(item.label || item.type || "Item") + " ", 1), item.type ? (openBlock(), createElementBlock("span", _hoisted_5, "(" + toDisplayString(item.type) + ")", 1)) : createCommentVNode("v-if", true)])]),
+								itemRenderer: withCtx(({ fields }) => [createElementVNode("div", _hoisted_6, [
+									createElementVNode("div", _hoisted_7, [
+										createVNode(unref(ziniaGeneric).TextField, {
+											name: fields.type,
+											label: unref(consentItemFieldMetadata).type.label,
+											placeholder: unref(consentItemFieldMetadata).type.placeholder,
+											required: ""
+										}, null, 8, [
+											"name",
+											"label",
+											"placeholder"
+										]),
+										createVNode(unref(ziniaGeneric).TextField, {
+											name: fields.version,
+											label: unref(consentItemFieldMetadata).version.label,
+											placeholder: unref(consentItemFieldMetadata).version.placeholder,
+											required: ""
+										}, null, 8, [
+											"name",
+											"label",
+											"placeholder"
+										]),
+										createVNode(unref(ziniaGeneric).TextField, {
+											name: fields.label,
+											label: unref(consentItemFieldMetadata).label.label,
+											placeholder: unref(consentItemFieldMetadata).label.placeholder,
+											required: ""
+										}, null, 8, [
+											"name",
+											"label",
+											"placeholder"
+										])
+									]),
+									createVNode(unref(ziniaGeneric).DateField, {
+										name: fields.effective_at,
+										label: unref(consentItemFieldMetadata).effective_at.label,
+										formatter: unref(formatToISODatetime),
+										required: ""
+									}, null, 8, [
+										"name",
+										"label",
+										"formatter"
+									]),
+									createVNode(unref(ziniaGeneric).TextField, {
+										name: fields.url,
+										label: unref(consentItemFieldMetadata).url.label,
+										placeholder: unref(consentItemFieldMetadata).url.placeholder,
+										type: "url"
+									}, null, 8, [
+										"name",
+										"label",
+										"placeholder"
+									]),
+									createVNode(unref(ziniaGeneric).CheckboxField, {
+										name: fields.required,
+										label: unref(consentItemFieldMetadata).required.label
+									}, null, 8, ["name", "label"]),
+									createVNode(unref(ziniaGeneric).TextareaField, {
+										name: fields.content,
+										label: unref(consentItemFieldMetadata).content.label,
+										placeholder: unref(consentItemFieldMetadata).content.placeholder,
+										rows: 5,
+										class: "font-mono text-sm"
+									}, null, 8, [
+										"name",
+										"label",
+										"placeholder"
+									])
+								])]),
+								_: 1
+							}, 8, ["create-item"]),
+							unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+							createElementVNode("div", _hoisted_9, [createVNode(unref(ZiniaSubmitButton), {
+								submitText: "Save",
+								submittingText: "Saving...",
+								disabled: !hasChanges.value
+							}, null, 8, ["disabled"])])
+						]),
+						_: 1
+					}),
+					createCommentVNode(" Version History "),
+					createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [
+						_cache[8] || (_cache[8] = createElementVNode("h2", { class: "card-title text-lg" }, "Version History", -1)),
+						_cache[9] || (_cache[9] = createElementVNode("p", { class: "text-sm text-base-content/70" }, " Past changes to signup requirements. Each save creates a new version. ", -1)),
+						createVNode(RecordVersionList_default, {
+							versions: versionHistoryItems.value,
+							loading: unref(versionHistoryLoading),
+							error: unref(versionHistoryError),
+							"has-next-page": versionHistoryPageInfo.value?.hasNextPage ?? false,
+							"loading-more": versionHistoryLoadingMore.value,
+							config: versionListConfig,
+							"exclude-latest": "",
+							onRetry: unref(refetchVersionHistory),
+							onLoadMore: loadMoreVersions
+						}, null, 8, [
+							"versions",
+							"loading",
+							"error",
+							"has-next-page",
+							"loading-more",
+							"onRetry"
+						]),
+						createElementVNode("dialog", {
+							ref_key: "versionModalRef",
+							ref: versionModalRef,
+							class: "modal"
+						}, [createElementVNode("div", _hoisted_12, [selectedVersion.value ? (openBlock(), createBlock(RecordVersionViewer_default, {
+							key: 0,
+							version: selectedVersion.value,
+							"record-data": selectedVersionRecordData.value,
+							config: versionViewerConfig
+						}, {
+							content: withCtx(({ recordData }) => [recordData?.items?.length ? (openBlock(), createElementBlock("div", _hoisted_13, [_cache[7] || (_cache[7] = createElementVNode("h3", { class: "font-semibold" }, "Consent items at this version", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(recordData.items, (item, idx) => {
+								return openBlock(), createElementBlock("div", {
+									key: idx,
+									class: "border border-base-300 rounded p-3 text-sm space-y-1"
+								}, [
+									createElementVNode("div", null, [_cache[1] || (_cache[1] = createElementVNode("strong", null, "Type:", -1)), createTextVNode(" " + toDisplayString(item.type), 1)]),
+									createElementVNode("div", null, [_cache[2] || (_cache[2] = createElementVNode("strong", null, "Version:", -1)), createTextVNode(" " + toDisplayString(item.version), 1)]),
+									createElementVNode("div", null, [_cache[3] || (_cache[3] = createElementVNode("strong", null, "Label:", -1)), createTextVNode(" " + toDisplayString(item.label), 1)]),
+									createElementVNode("div", null, [_cache[4] || (_cache[4] = createElementVNode("strong", null, "Effective at:", -1)), createTextVNode(" " + toDisplayString(item.effective_at), 1)]),
+									createElementVNode("div", null, [_cache[5] || (_cache[5] = createElementVNode("strong", null, "Required:", -1)), createTextVNode(" " + toDisplayString(item.required ? "Yes" : "No"), 1)]),
+									item.url ? (openBlock(), createElementBlock("div", _hoisted_14, [_cache[6] || (_cache[6] = createElementVNode("strong", null, "URL:", -1)), createTextVNode(" " + toDisplayString(item.url), 1)])) : createCommentVNode("v-if", true)
+								]);
+							}), 128))])) : (openBlock(), createElementBlock("pre", _hoisted_15, toDisplayString(JSON.stringify(recordData, null, 2)), 1))]),
+							_: 1
+						}, 8, ["version", "record-data"])) : createCommentVNode("v-if", true)]), createElementVNode("form", {
+							method: "dialog",
+							class: "modal-backdrop"
+						}, [createElementVNode("button", {
+							type: "button",
+							onClick: closeVersionModal
+						}, "close")])], 512)
+					])])
+				]))
+			]);
+		};
+	}
+});
+var SignupRequirementsPage_default = _sfc_main;
+
+//#endregion
+export { SignupRequirementsPage_default as default };
+//# sourceMappingURL=SignupRequirementsPage-DnLpQfB8.js.map