@dragonmastery/dragoncore-vue 0.0.1

package/dist/EditTeamMemberForm-ru4WgLz-.js

@@ -0,0 +1,169 @@
+import { t as useMutation } from "./useMutation-CFwe7H9j.js";
+import { t as FieldsetSection_default } from "./FieldsetSection-CsHN38_o.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { useRoute } from "vue-router";
+import { TeamMemberCreateSchema, TeamMemberUpdateSchema } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+import { toast } from "vue3-toastify";
+
+//#region src/slices/team/team_member/teamMemberMetadata.ts
+const teamMemberCreateSchemaWithMetadata = withMetadata(TeamMemberCreateSchema.omit({ team_id: true }), "teamMemberCreateSchema", {
+	user_id: {
+		inputType: "select",
+		placeholder: "Select user"
+	},
+	email_address: {
+		inputType: "email",
+		placeholder: "Enter email address"
+	},
+	website_address: {
+		inputType: "text",
+		placeholder: "Enter website address"
+	},
+	business_phone: {
+		inputType: "tel",
+		placeholder: "Enter business phone"
+	},
+	mobile_phone: {
+		inputType: "tel",
+		placeholder: "Enter mobile phone"
+	}
+});
+const teamMemberUpdateSchemaWithMetadata = withMetadata(TeamMemberUpdateSchema, "teamMemberUpdateSchema", {
+	email_address: {
+		inputType: "email",
+		placeholder: "Enter email address"
+	},
+	website_address: {
+		inputType: "text",
+		placeholder: "Enter website address"
+	},
+	business_phone: {
+		inputType: "tel",
+		placeholder: "Enter business phone"
+	},
+	mobile_phone: {
+		inputType: "tel",
+		placeholder: "Enter mobile phone"
+	}
+});
+
+//#endregion
+//#region src/slices/team/team_member/EditTeamMemberForm.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "flex justify-center items-center p-8"
+};
+const _hoisted_2 = {
+	key: 1,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_3 = {
+	key: 0,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_4 = { class: "flex justify-center mt-6" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "EditTeamMemberForm",
+	props: {
+		teamMember: {},
+		isLoading: { type: Boolean },
+		error: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const member_id = useRoute().params.member_id;
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary, clearSavedFormState } = useForm(teamMemberUpdateSchemaWithMetadata, {
+			storeName: `edit-team-member-${member_id}`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				if (!props.teamMember) throw new Error("No team member data found");
+				return props.teamMember;
+			}
+		});
+		const refreshTeamMember = inject("refreshTeamMember");
+		const { mutate: updateTeamMember } = useMutation((api, input) => api.teamMembers.updateTeamMember(input), { invalidate: /^team-members?:|^user:teams/ });
+		const handleSubmit = async (formData) => {
+			const updatedTeamMember = await updateTeamMember(formData);
+			if (!updatedTeamMember) throw new Error("Failed to update team member");
+			return updatedTeamMember;
+		};
+		const handleSuccess = async () => {
+			clearSavedFormState();
+			toast.success(`Team member updated successfully!`);
+			if (refreshTeamMember) await refreshTeamMember();
+		};
+		const handleError = (error) => {
+			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
+		};
+		return (_ctx, _cache) => {
+			return unref(form).isLoading ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "loading loading-spinner loading-lg" }, null, -1)])])) : unref(form).loadError ? (openBlock(), createElementBlock("div", _hoisted_2, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				class: "stroke-current shrink-0 h-6 w-6",
+				fill: "none",
+				viewBox: "0 0 24 24"
+			}, [createElementVNode("path", {
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				"stroke-width": "2",
+				d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+			})], -1)), createElementVNode("span", null, toDisplayString(unref(form).loadError), 1)])) : (openBlock(), createBlock(unref(ZiniaForm), {
+				key: 2,
+				onHandleSubmit: handleSubmit,
+				onSuccess: handleSuccess,
+				onError: handleError,
+				title: "Edit Team Member",
+				subtitle: "Update team member details"
+			}, {
+				default: withCtx(() => [
+					createCommentVNode(" Basic Information "),
+					createVNode(FieldsetSection_default, { title: "Member Details" }, {
+						default: withCtx(() => [createVNode(unref(zinia).DisplayNameField, { placeholder: "Enter display name (optional)" }), createVNode(unref(zinia).RoleField, { placeholder: "Enter role (optional)" })]),
+						_: 1
+					}),
+					createCommentVNode(" Contact Information "),
+					createVNode(FieldsetSection_default, { title: "Contact Information" }, {
+						default: withCtx(() => [
+							createVNode(unref(zinia).EmailAddressField, { placeholder: "Enter email address (optional)" }),
+							createVNode(unref(zinia).BusinessPhoneField, { placeholder: "Enter business phone (optional)" }),
+							createVNode(unref(zinia).MobilePhoneField, { placeholder: "Enter mobile phone (optional)" }),
+							createVNode(unref(zinia).TimeZoneField, { placeholder: "Enter time zone (optional)" })
+						]),
+						_: 1
+					}),
+					createCommentVNode(" Web Presence "),
+					createVNode(FieldsetSection_default, { title: "Web Presence" }, {
+						default: withCtx(() => [createVNode(unref(zinia).WebsiteAddressField, { placeholder: "Enter website address (optional)" })]),
+						_: 1
+					}),
+					createCommentVNode(" Form Status Messages "),
+					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_3, [_cache[2] || (_cache[2] = createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "stroke-current shrink-0 h-6 w-6",
+						fill: "none",
+						viewBox: "0 0 24 24"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+					})], -1)), createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Submit Button "),
+					createElementVNode("div", _hoisted_4, [createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Update Team Member",
+						submittingText: "Updating Team Member..."
+					})]),
+					createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
+					createVNode(unref(ZiniaResetButton))
+				]),
+				_: 1
+			}));
+		};
+	}
+});
+var EditTeamMemberForm_default = _sfc_main;
+
+//#endregion
+export { teamMemberCreateSchemaWithMetadata as n, teamMemberUpdateSchemaWithMetadata as r, EditTeamMemberForm_default as t };
+//# sourceMappingURL=EditTeamMemberForm-ru4WgLz-.js.map

package/dist/EditTeamMemberForm-ru4WgLz-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditTeamMemberForm-ru4WgLz-.js","names":[],"sources":["../src/slices/team/team_member/teamMemberMetadata.ts","../src/slices/team/team_member/EditTeamMemberForm.vue"],"sourcesContent":["import {\n  type UseFormTyped,\n  withMetadata,\n  ZINIA_FIELDS_KEY,\n  ZINIA_FORM_KEY,\n} from '@dragonmastery/zinia-forms-core';\nimport { TeamMemberCreateSchema, TeamMemberUpdateSchema } from '@dragonmastery/dragoncore-shared';\nimport { inject } from 'vue';\n\n// Create schema (no ID)\nexport const teamMemberCreateSchemaWithMetadata = withMetadata(\n  TeamMemberCreateSchema.omit({ team_id: true }),\n  'teamMemberCreateSchema',\n  {\n    user_id: {\n      inputType: 'select',\n      placeholder: 'Select user',\n    },\n    email_address: {\n      inputType: 'email',\n      placeholder: 'Enter email address',\n    },\n    website_address: {\n      inputType: 'text',\n      placeholder: 'Enter website address',\n    },\n    business_phone: {\n      inputType: 'tel',\n      placeholder: 'Enter business phone',\n    },\n    mobile_phone: {\n      inputType: 'tel',\n      placeholder: 'Enter mobile phone',\n    },\n  },\n);\n\n// Update schema (with ID)\nexport const teamMemberUpdateSchemaWithMetadata = withMetadata(\n  TeamMemberUpdateSchema,\n  'teamMemberUpdateSchema',\n  {\n    email_address: {\n      inputType: 'email',\n      placeholder: 'Enter email address',\n    },\n    website_address: {\n      inputType: 'text',\n      placeholder: 'Enter website address',\n    },\n    business_phone: {\n      inputType: 'tel',\n      placeholder: 'Enter business phone',\n    },\n    mobile_phone: {\n      inputType: 'tel',\n      placeholder: 'Enter mobile phone',\n    },\n  },\n);\n\nexport type TeamMemberCreateFormDto = UseFormTyped<typeof TeamMemberCreateSchema>;\nexport type TeamMemberUpdateFormDto = UseFormTyped<typeof TeamMemberUpdateSchema>;\n\nexport const injectTeamMemberCreateForm = () =>\n  inject<TeamMemberCreateFormDto['form']>(ZINIA_FORM_KEY);\nexport const injectTeamMemberUpdateForm = () =>\n  inject<TeamMemberUpdateFormDto['form']>(ZINIA_FORM_KEY);\nexport const injectTeamMemberZinia = () =>\n  inject<TeamMemberCreateFormDto['zinia'] | TeamMemberUpdateFormDto['zinia']>(\n    ZINIA_FIELDS_KEY,\n  );\n","<template>\n  <div v-if=\"form.isLoading\" class=\"flex justify-center items-center p-8\">\n    <span class=\"loading loading-spinner loading-lg\"></span>\n  </div>\n\n  <div v-else-if=\"form.loadError\" class=\"alert alert-error mb-4\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      class=\"stroke-current shrink-0 h-6 w-6\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n    <span>{{ form.loadError }}</span>\n  </div>\n\n  <ZiniaForm\n    v-else\n    @handle-submit=\"handleSubmit\"\n    @success=\"handleSuccess\"\n    @error=\"handleError\"\n    title=\"Edit Team Member\"\n    subtitle=\"Update team member details\"\n  >\n    <!-- Basic Information -->\n    <FieldsetSection title=\"Member Details\">\n      <zinia.DisplayNameField placeholder=\"Enter display name (optional)\" />\n      <zinia.RoleField placeholder=\"Enter role (optional)\" />\n    </FieldsetSection>\n\n    <!-- Contact Information -->\n    <FieldsetSection title=\"Contact Information\">\n      <zinia.EmailAddressField placeholder=\"Enter email address (optional)\" />\n      <zinia.BusinessPhoneField placeholder=\"Enter business phone (optional)\" />\n      <zinia.MobilePhoneField placeholder=\"Enter mobile phone (optional)\" />\n      <zinia.TimeZoneField placeholder=\"Enter time zone (optional)\" />\n    </FieldsetSection>\n\n    <!-- Web Presence -->\n    <FieldsetSection title=\"Web Presence\">\n      <zinia.WebsiteAddressField placeholder=\"Enter website address (optional)\" />\n    </FieldsetSection>\n\n    <!-- Form Status Messages -->\n    <div v-if=\"form.submitError\" class=\"alert alert-error mb-4\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"stroke-current shrink-0 h-6 w-6\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"2\"\n          d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n        />\n      </svg>\n      <span>{{ form.submitError }}</span>\n    </div>\n\n    <!-- Submit Button -->\n    <div class=\"flex justify-center mt-6\">\n      <ZiniaSubmitButton\n        submitText=\"Update Team Member\"\n        submittingText=\"Updating Team Member...\"\n      />\n    </div>\n    <ZiniaFormErrorsSummary title=\"Please fix the following errors:\" />\n    <ZiniaResetButton />\n  </ZiniaForm>\n</template>\n\n<script setup lang=\"ts\">\nimport FieldsetSection from '../../../components/ui/FieldsetSection.vue';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport type { TeamMemberReadDto, TeamMemberUpdateDto } from '@dragonmastery/dragoncore-shared';\nimport { inject } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { teamMemberUpdateSchemaWithMetadata } from './teamMemberMetadata';\n\ninterface Props {\n  teamMember: TeamMemberReadDto | null;\n  isLoading?: boolean;\n  error?: Error | null;\n}\n\nconst props = defineProps<Props>();\n\nconst route = useRoute();\nconst member_id = route.params.member_id as string;\n\nconst {\n  form,\n  zinia,\n  ZiniaForm,\n  ZiniaSubmitButton,\n  ZiniaResetButton,\n  ZiniaFormErrorsSummary,\n  clearSavedFormState,\n} = useForm(teamMemberUpdateSchemaWithMetadata, {\n  storeName: `edit-team-member-${member_id}`,\n  persistToLocalStorage: false,\n  renderStyle: 'daisy_ui',\n  fetchData: async () => {\n    if (!props.teamMember) {\n      throw new Error('No team member data found');\n    }\n\n    return props.teamMember as TeamMemberUpdateDto;\n  },\n});\n\n// Get refresh function from parent\nconst refreshTeamMember = inject<(() => Promise<void>) | undefined>('refreshTeamMember');\n\n// Setup mutation for updating team member\nconst { mutate: updateTeamMember } = useMutation(\n  (api, input: TeamMemberUpdateDto) => api.teamMembers.updateTeamMember(input),\n  { invalidate: /^team-members?:|^user:teams/ },\n);\n\n// Handle form submission\nconst handleSubmit = async (formData: TeamMemberUpdateDto) => {\n  const updatedTeamMember = await updateTeamMember(formData);\n  if (!updatedTeamMember) {\n    throw new Error('Failed to update team member');\n  }\n  return updatedTeamMember;\n};\n\n// Handle successful submission\nconst handleSuccess = async () => {\n  clearSavedFormState();\n  toast.success(`Team member updated successfully!`);\n  // Refresh team member data via parent\n  if (refreshTeamMember) {\n    await refreshTeamMember();\n  }\n};\n\n// Handle submission error\nconst handleError = (error: Error | unknown) => {\n  form.setSubmitError(error instanceof Error ? error.message : 'An unknown error occurred');\n};\n</script>\n"],"mappings":"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"}

package/dist/EditUserPage-BxJ5QvIM.js

@@ -0,0 +1,112 @@
+import { t as useMutation } from "./useMutation-CFwe7H9j.js";
+import { t as useQuery } from "./useQuery-p7oJO7OD.js";
+import { t as formatSystemTimestamp } from "./convertToLocalDateTime-D4IoNvRj.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { UserUpdateSchema } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+import { toast } from "vue3-toastify";
+
+//#region src/slices/admin/features/user_management/updateUserMetadata.ts
+const updateUserSchemaWithMetadata = withMetadata(UserUpdateSchema, "updateUserSchema", { user_type: {
+	label: "User Role",
+	helpText: "Select the role for this user"
+} });
+
+//#endregion
+//#region src/slices/admin/features/user_management/EditUserPage.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: "flex justify-center py-8"
+};
+const _hoisted_3 = { class: "alert alert-error mb-4" };
+const _hoisted_4 = { class: "card bg-base-100 shadow-xl mb-6" };
+const _hoisted_5 = { class: "card-body" };
+const _hoisted_6 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" };
+const _hoisted_7 = { class: "input input-bordered bg-base-200" };
+const _hoisted_8 = { class: "input input-bordered bg-base-200" };
+const _hoisted_9 = { class: "flex items-center" };
+const _hoisted_10 = { class: "input input-bordered bg-base-200" };
+const _hoisted_11 = {
+	key: 0,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_12 = { class: "flex justify-center mt-6" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "EditUserPage",
+	setup(__props) {
+		const route = useRoute();
+		const router = useRouter();
+		const userId = route.params.id;
+		const { data, loading: fetching, error } = useQuery((api) => api.users.getUser(userId), { staleTime: 300 * 1e3 });
+		const userData = ref(null);
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary } = useForm(updateUserSchemaWithMetadata, {
+			storeName: `edit-user-form-${userId}`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				while (fetching.value) await new Promise((resolve) => setTimeout(resolve, 100));
+				if (!data.value) throw new Error("User not found");
+				userData.value = data.value;
+				return {
+					id: data.value?.id,
+					user_type: data.value?.user_type
+				};
+			}
+		});
+		const { mutate: updateUser } = useMutation((api, formData) => api.users.updateUser(formData), { invalidate: /^users?:/ });
+		const handleSubmit = async (formData) => {
+			const result = await updateUser(formData);
+			if (!result) throw new Error("Failed to update user");
+			return result;
+		};
+		const handleSuccess = async (_result) => {
+			await router.push({ name: "UserManagement" });
+			toast.success("User role updated successfully!");
+		};
+		const handleError = (error$1) => {
+			form.setSubmitError(error$1 instanceof Error ? error$1.message : "An unknown error occurred");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				_cache[6] || (_cache[6] = createElementVNode("h1", { class: "text-2xl font-bold mb-6 text-center" }, "Edit User", -1)),
+				createCommentVNode(" Loading State "),
+				unref(fetching) ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "loading loading-spinner loading-lg" }, null, -1)])])) : unref(error) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Error State "), createElementVNode("div", _hoisted_3, [createElementVNode("span", null, "Error loading user: " + toDisplayString(unref(error).message), 1)])], 2112)) : userData.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Edit Form "), createElementVNode("div", null, [
+					createCommentVNode(" Read-only user info "),
+					createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [_cache[5] || (_cache[5] = createElementVNode("h2", { class: "card-title" }, "User Information", -1)), createElementVNode("div", _hoisted_6, [
+						createElementVNode("div", null, [_cache[1] || (_cache[1] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text font-semibold" }, "Username")], -1)), createElementVNode("div", _hoisted_7, toDisplayString(userData.value.username), 1)]),
+						createElementVNode("div", null, [_cache[2] || (_cache[2] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text font-semibold" }, "Email")], -1)), createElementVNode("div", _hoisted_8, toDisplayString(userData.value.email), 1)]),
+						createElementVNode("div", null, [_cache[3] || (_cache[3] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text font-semibold" }, "Email Verified")], -1)), createElementVNode("div", _hoisted_9, [createElementVNode("span", { class: normalizeClass(["badge", userData.value.email_verified ? "badge-success" : "badge-error"]) }, toDisplayString(userData.value.email_verified ? "Verified" : "Not Verified"), 3)])]),
+						createElementVNode("div", null, [_cache[4] || (_cache[4] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text font-semibold" }, "Created")], -1)), createElementVNode("div", _hoisted_10, toDisplayString(unref(formatSystemTimestamp)(userData.value.created_at)), 1)])
+					])])]),
+					createCommentVNode(" Editable role "),
+					createVNode(unref(ZiniaForm), {
+						onHandleSubmit: handleSubmit,
+						onSuccess: handleSuccess,
+						onError: handleError,
+						title: "Update User Role",
+						subtitle: "Change the user's role in the system"
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(zinia).UserTypeField),
+							unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+							createElementVNode("div", _hoisted_12, [createVNode(unref(ZiniaSubmitButton), {
+								submitText: "Update Role",
+								submittingText: "Updating..."
+							})]),
+							createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
+							createVNode(unref(ZiniaResetButton))
+						]),
+						_: 1
+					})
+				])], 2112)) : createCommentVNode("v-if", true)
+			]);
+		};
+	}
+});
+var EditUserPage_default = _sfc_main;
+
+//#endregion
+export { updateUserSchemaWithMetadata as n, EditUserPage_default as t };
+//# sourceMappingURL=EditUserPage-BxJ5QvIM.js.map

package/dist/EditUserPage-BxJ5QvIM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditUserPage-BxJ5QvIM.js","names":[],"sources":["../src/slices/admin/features/user_management/updateUserMetadata.ts","../src/slices/admin/features/user_management/EditUserPage.vue"],"sourcesContent":["import { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { UserUpdateSchema } from '@dragonmastery/dragoncore-shared';\n\nexport const updateUserSchemaWithMetadata = withMetadata(\n  UserUpdateSchema,\n  'updateUserSchema',\n  {\n    user_type: {\n      label: 'User Role',\n      helpText: 'Select the role for this user',\n    },\n  },\n);\n","<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\">Edit User</h1>\n\n    <!-- Loading State -->\n    <div v-if=\"fetching\" class=\"flex justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg\"></span>\n    </div>\n\n    <!-- Error State -->\n    <div v-else-if=\"error\" class=\"alert alert-error mb-4\">\n      <span>Error loading user: {{ error.message }}</span>\n    </div>\n\n    <!-- Edit Form -->\n    <div v-else-if=\"userData\">\n      <!-- Read-only user info -->\n      <div class=\"card bg-base-100 shadow-xl mb-6\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title\">User Information</h2>\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <div>\n              <label class=\"label\">\n                <span class=\"label-text font-semibold\">Username</span>\n              </label>\n              <div class=\"input input-bordered bg-base-200\">\n                {{ userData.username }}\n              </div>\n            </div>\n            <div>\n              <label class=\"label\">\n                <span class=\"label-text font-semibold\">Email</span>\n              </label>\n              <div class=\"input input-bordered bg-base-200\">\n                {{ userData.email }}\n              </div>\n            </div>\n            <div>\n              <label class=\"label\">\n                <span class=\"label-text font-semibold\">Email Verified</span>\n              </label>\n              <div class=\"flex items-center\">\n                <span\n                  class=\"badge\"\n                  :class=\"userData.email_verified ? 'badge-success' : 'badge-error'\"\n                >\n                  {{ userData.email_verified ? 'Verified' : 'Not Verified' }}\n                </span>\n              </div>\n            </div>\n            <div>\n              <label class=\"label\">\n                <span class=\"label-text font-semibold\">Created</span>\n              </label>\n              <div class=\"input input-bordered bg-base-200\">\n                {{ formatSystemTimestamp(userData.created_at) }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Editable role -->\n      <ZiniaForm\n        @handle-submit=\"handleSubmit\"\n        @success=\"handleSuccess\"\n        @error=\"handleError\"\n        title=\"Update User Role\"\n        subtitle=\"Change the user's role in the system\"\n      >\n        <zinia.UserTypeField />\n\n        <div v-if=\"form.submitError\" class=\"alert alert-error mb-4\">\n          <span>{{ form.submitError }}</span>\n        </div>\n\n        <div class=\"flex justify-center mt-6\">\n          <ZiniaSubmitButton submitText=\"Update Role\" submittingText=\"Updating...\" />\n        </div>\n\n        <ZiniaFormErrorsSummary title=\"Please fix the following errors:\" />\n        <ZiniaResetButton />\n      </ZiniaForm>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useQuery } from '../../../../composables/useQuery';\nimport { formatSystemTimestamp } from '../../../../utils/convertToLocalDateTime';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport type { UserUpdateDto } from '@dragonmastery/dragoncore-shared';\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { updateUserSchemaWithMetadata } from './updateUserMetadata';\n\nconst route = useRoute();\nconst router = useRouter();\nconst userId = route.params.id as string;\n\n// Fetch user data\nconst {\n  data,\n  loading: fetching,\n  error,\n} = useQuery((api) => api.users.getUser(userId), {\n  staleTime: 5 * 60 * 1000,\n});\n\nconst userData = ref<any | null>(null);\n\n// Create form with user data\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary } =\n  useForm(updateUserSchemaWithMetadata, {\n    storeName: `edit-user-form-${userId}`,\n    persistToLocalStorage: false,\n    renderStyle: 'daisy_ui',\n    fetchData: async () => {\n      while (fetching.value) {\n        await new Promise((resolve) => setTimeout(resolve, 100));\n      }\n\n      if (!data.value) {\n        throw new Error('User not found');\n      }\n\n      userData.value = data.value;\n      return {\n        id: data.value?.id,\n        user_type: data.value?.user_type,\n      } satisfies UserUpdateDto;\n    },\n  });\n\nconst { mutate: updateUser } = useMutation(\n  (api, formData: UserUpdateDto) => api.users.updateUser(formData),\n  { invalidate: /^users?:/ },\n);\n\nconst handleSubmit = async (formData: UserUpdateDto) => {\n  const result = await updateUser(formData);\n  if (!result) throw new Error('Failed to update user');\n  return result;\n};\n\nconst handleSuccess = async (_result: any) => {\n  await router.push({ name: 'UserManagement' });\n  toast.success('User role updated successfully!');\n};\n\nconst handleError = (error: Error | unknown) => {\n  form.setSubmitError(error instanceof Error ? error.message : 'An unknown error occurred');\n};\n</script>\n"],"mappings":"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"}

package/dist/EditUserPage-XOBuxUxd.js

@@ -0,0 +1,7 @@
+import "./useRpcAuth-BLlRSHy8.js";
+import "./useQueryCache-ByayvZgZ.js";
+import "./useMutation-CFwe7H9j.js";
+import "./useQuery-p7oJO7OD.js";
+import { t as EditUserPage_default } from "./EditUserPage-BxJ5QvIM.js";
+
+export { EditUserPage_default as default };

package/dist/FieldsetSection-CsHN38_o.js

@@ -0,0 +1,27 @@
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+
+//#region src/components/ui/FieldsetSection.vue
+const _hoisted_1 = { class: "bg-base-100 border-base-300 border p-4 mb-6 rounded-xl" };
+const _hoisted_2 = { class: "text-xl font-medium mb-5 top-4 text-center relative" };
+const _hoisted_3 = { class: "grid grid-cols-1 sm:grid-cols-2 gap-6 pt-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "FieldsetSection",
+	props: { title: {
+		type: String,
+		required: true
+	} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", _hoisted_1, [
+				createElementVNode("legend", _hoisted_2, toDisplayString(__props.title), 1),
+				createCommentVNode(" Mobile: Single column "),
+				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")])
+			]);
+		};
+	}
+});
+var FieldsetSection_default = _sfc_main;
+
+//#endregion
+export { FieldsetSection_default as t };
+//# sourceMappingURL=FieldsetSection-CsHN38_o.js.map

package/dist/FieldsetSection-CsHN38_o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetSection-CsHN38_o.js","names":[],"sources":["../src/components/ui/FieldsetSection.vue"],"sourcesContent":["<template>\n  <fieldset class=\"bg-base-100 border-base-300 border p-4 mb-6 rounded-xl\">\n    <legend class=\"text-xl font-medium mb-5 top-4 text-center relative\">{{ title }}</legend>\n\n    <!-- Mobile: Single column -->\n    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 pt-2\">\n      <slot></slot>\n    </div>\n  </fieldset>\n</template>\n\n<script setup lang=\"ts\">\ndefineProps({\n  title: {\n    type: String,\n    required: true,\n  },\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;uBACE,mBAOW,YAPX,YAOW;IANT,mBAAwF,UAAxF,YAAwF,gBAAjB,QAAA,MAAK,EAAA,EAAA;IAE5E,mBAAA,0BAA8B;IAC9B,mBAEM,OAFN,YAEM,CADJ,WAAa,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/ForgotPassword-CpqvcSFg.js

@@ -0,0 +1,7 @@
+import "./useRpcAuth-BLlRSHy8.js";
+import "./useQueryCache-ByayvZgZ.js";
+import "./useMutation-CFwe7H9j.js";
+import "./AppLink-CHMMrSFI.js";
+import { t as ForgotPassword_default } from "./ForgotPassword-CqhenzUG.js";
+
+export { ForgotPassword_default as default };

package/dist/ForgotPassword-CqhenzUG.js

@@ -0,0 +1,73 @@
+import { t as useMutation } from "./useMutation-CFwe7H9j.js";
+import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { forgot_password_zod } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+import { toast } from "vue3-toastify";
+
+//#region src/slices/auth/features/forgot_password/forgot_password_schema.ts
+const forgotPasswordSchemaWithMetadata = withMetadata(forgot_password_zod, "forgotPasswordSchema", { email: {
+	inputType: "email",
+	placeholder: "you@example.com",
+	helpText: "Enter the email address you used to register",
+	autocomplete: "username",
+	className: "login-field",
+	autofocus: true
+} });
+
+//#endregion
+//#region src/slices/auth/features/forgot_password/ForgotPassword.vue
+const _hoisted_1 = { class: "max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container" };
+const _hoisted_2 = { class: "text-center mt-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "ForgotPassword",
+	setup(__props) {
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(forgotPasswordSchemaWithMetadata, {
+			storeName: "forgot-password-form",
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui"
+		});
+		const { mutate: forgotPasswordMutate } = useMutation((api, email) => api.passwordReset.forgotPassword(email), { skipAuthCheck: true });
+		const handleSubmit = async (data) => {
+			const result = await forgotPasswordMutate(data.email);
+			if (!result?.ok) throw new Error("Forgot password failed");
+			return result.ok;
+		};
+		const handleSuccess = async (_data) => {
+			form.reset();
+			toast.success("If the email address exists, an email has been sent to your email address with instructions to reset your password.");
+		};
+		const handleError = (error) => {
+			console.log("Forgot password failed", error);
+			toast.error(error.message || "Forgot password failed");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[2] || (_cache[2] = createElementVNode("h1", { class: "text-2xl font-bold mb-6 text-center" }, "Forgot Password", -1)), createVNode(unref(ZiniaForm), {
+				onHandleSubmit: handleSubmit,
+				onSuccess: handleSuccess,
+				onError: handleError
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(zinia).EmailField),
+					createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Send Reset Password Email",
+						submittingText: "Sending..."
+					}),
+					createElementVNode("div", _hoisted_2, [createElementVNode("p", null, [_cache[1] || (_cache[1] = createTextVNode(" Already have an account? ", -1)), createVNode(AppLink_default, {
+						class: "link-accent link",
+						to: "/auth/login"
+					}, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Login", -1)])]),
+						_: 1
+					})])])
+				]),
+				_: 1
+			})]);
+		};
+	}
+});
+var ForgotPassword_default = _sfc_main;
+
+//#endregion
+export { forgotPasswordSchemaWithMetadata as n, ForgotPassword_default as t };
+//# sourceMappingURL=ForgotPassword-CqhenzUG.js.map

package/dist/ForgotPassword-CqhenzUG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPassword-CqhenzUG.js","names":[],"sources":["../src/slices/auth/features/forgot_password/forgot_password_schema.ts","../src/slices/auth/features/forgot_password/ForgotPassword.vue"],"sourcesContent":["import { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { forgot_password_zod } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\n\n// Define the login form type\nexport type ForgotPasswordForm = z.infer<typeof forgot_password_zod>;\n\n// Enhance the schema with metadata\nexport const forgotPasswordSchemaWithMetadata = withMetadata(\n  forgot_password_zod,\n  'forgotPasswordSchema',\n  {\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);\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\">Forgot Password</h1>\n\n    <ZiniaForm @handle-submit=\"handleSubmit\" @success=\"handleSuccess\" @error=\"handleError\">\n      <zinia.EmailField />\n\n      <ZiniaSubmitButton submitText=\"Send Reset Password Email\" submittingText=\"Sending...\" />\n\n      <div class=\"text-center mt-2\">\n        <p>\n          Already have an account?\n          <AppLink class=\"link-accent link\" to=\"/auth/login\">Login</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 { useForm } from '@dragonmastery/zinia-forms-core';\nimport { toast } from 'vue3-toastify';\nimport { z } from 'zod';\nimport { forgotPasswordSchemaWithMetadata } from './forgot_password_schema';\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(\n  forgotPasswordSchemaWithMetadata,\n  {\n    storeName: 'forgot-password-form',\n    persistToLocalStorage: false,\n    renderStyle: 'daisy_ui',\n  },\n);\n\nconst { mutate: forgotPasswordMutate } = useMutation(\n  (api, email: string) => api.passwordReset.forgotPassword(email),\n  {\n    skipAuthCheck: true, // Forgot password should work without authentication\n  },\n);\n\n// Handle form submission\nconst handleSubmit = async (data: z.infer<typeof forgotPasswordSchemaWithMetadata>) => {\n  const result = await forgotPasswordMutate(data.email);\n  if (!result?.ok) throw new Error('Forgot password failed');\n  return result.ok;\n};\n\n// Handle success\nconst handleSuccess = async (_data: boolean) => {\n  form.reset();\n  toast.success(\n    'If the email address exists, an email has been sent to your email address with instructions to reset your password.',\n  );\n};\n\n// Handle error\nconst handleError = (error: any) => {\n  console.log('Forgot password failed', error);\n  toast.error(error.message || 'Forgot password failed');\n};\n</script>\n"],"mappings":";;;;;;;;AAQA,MAAa,mCAAmC,aAC9C,qBACA,wBACA,EACE,OAAO;CACL,WAAW;CACX,aAAa;CACb,UAAU;CACV,cAAc;CACd,WAAW;CACX,WAAW;CACZ,EACF,CACF;;;;;;;;;ECMD,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QACpD,kCACA;GACE,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CACF;EAED,MAAM,EAAE,QAAQ,yBAAyB,aACtC,KAAK,UAAkB,IAAI,cAAc,eAAe,MAAM,EAC/D,EACE,eAAe,MAChB,CACF;EAGD,MAAM,eAAe,OAAO,SAA2D;GACrF,MAAM,SAAS,MAAM,qBAAqB,KAAK,MAAM;AACrD,OAAI,CAAC,QAAQ,GAAI,OAAM,IAAI,MAAM,yBAAyB;AAC1D,UAAO,OAAO;;EAIhB,MAAM,gBAAgB,OAAO,UAAmB;AAC9C,QAAK,OAAO;AACZ,SAAM,QACJ,sHACD;;EAIH,MAAM,eAAe,UAAe;AAClC,WAAQ,IAAI,0BAA0B,MAAM;AAC5C,SAAM,MAAM,MAAM,WAAW,yBAAyB;;;uBA5DtD,mBAeM,OAfN,YAeM,CAAA,OAAA,OAAA,OAAA,KAdJ,mBAAoE,MAAA,EAAhE,OAAM,uCAAqC,EAAC,mBAAe,GAAA,GAE/D,YAWY,MAAA,UAAA,EAAA;IAXA,gBAAe;IAAe,WAAS;IAAgB,SAAO;;2BACpD;KAApB,YAAoB,MAAA,MAAA,CAAA,WAAA;KAEpB,YAAwF,MAAA,kBAAA,EAAA;MAArE,YAAW;MAA4B,gBAAe;;KAEzE,mBAKM,OALN,YAKM,CAJJ,mBAGI,KAAA,MAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAHD,8BAED,GAAA,GAAA,YAAkE,iBAAA;MAAzD,OAAM;MAAmB,IAAG;;6BAAmB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAL,SAAK,GAAA,CAAA,EAAA,CAAA"}