@dragonmastery/dragoncore-vue 0.0.1

package/dist/NoteList-C0hRPNMO.js

@@ -0,0 +1,497 @@
+import { r as executeWithAuth, s as getRefreshTokenHandler } from "./useRpcAuth-BLlRSHy8.js";
+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 { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { NoteCreateSchema, NoteReadSchema, NoteUpdateSchema, OPERATORS } from "@dragonmastery/dragoncore-shared";
+import { ActionIcons, useCursorDataTable, useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+import { toast } from "vue3-toastify";
+
+//#region src/composables/useUserLookup.ts
+/**
+* Generic composable for looking up user information by user ID
+* Fetches team members from the user's teams and caches them
+* Provides a map of user_id -> display_name for easy lookups
+*
+* @param queryFn - Function that queries team members from the API
+* @param options - Optional query options (cacheKey defaults to 'user-team-members')
+*/
+function useUserLookup(queryFn, options) {
+	const { data: userTeamMembers, loading: isUserTeamMembersLoading } = useQuery(queryFn, {
+		cacheKey: options?.cacheKey ?? "user-team-members",
+		staleTime: options?.staleTime ?? 1440 * 60 * 1e3,
+		...options
+	});
+	const userMap = computed(() => {
+		const map = /* @__PURE__ */ new Map();
+		userTeamMembers.value?.items?.forEach((member) => {
+			if (member.user_id) {
+				const displayName = member.display_name || member.email_address;
+				if (displayName) map.set(member.user_id, displayName);
+			}
+		});
+		return map;
+	});
+	/**
+	* Get the display name for a user ID
+	* @param userId - The user ID to look up
+	* @returns The display name if found, or null if not found
+	*/
+	const getUserName = (userId) => {
+		if (!userId) return null;
+		return userMap.value.get(userId) || null;
+	};
+	/**
+	* Get the display name for a user ID, with a fallback
+	* @param userId - The user ID to look up
+	* @param fallback - The fallback text to use if not found (default: the userId itself)
+	* @returns The display name if found, or the fallback (or userId) if not found
+	*/
+	const getUserNameWithFallback = (userId, fallback) => {
+		if (!userId) return fallback || "";
+		const displayName = userMap.value.get(userId);
+		if (displayName) return displayName;
+		return fallback !== void 0 ? fallback : userId;
+	};
+	return {
+		userTeamMembers,
+		isUserTeamMembersLoading,
+		userMap,
+		getUserName,
+		getUserNameWithFallback
+	};
+}
+
+//#endregion
+//#region src/slices/note/noteUpdateMetadata.ts
+const noteUpdateMetadata = withMetadata(NoteUpdateSchema.pick({
+	body: true,
+	tag: true
+}), "noteUpdateForm", {
+	body: {
+		label: "Note",
+		placeholder: "Enter your note here...",
+		inputType: "textarea",
+		helpText: "Update the note content"
+	},
+	tag: {
+		label: "Tag",
+		inputType: "combobox",
+		helpText: "Optional tag to categorize this note"
+	}
+});
+
+//#endregion
+//#region src/slices/note/components/EditNoteModal.vue
+const _hoisted_1$1 = { class: "modal-box" };
+const _hoisted_2$1 = { class: "form-control" };
+const _hoisted_3$1 = { class: "label" };
+const _hoisted_4$1 = {
+	key: 0,
+	class: "alert alert-error mt-2"
+};
+const _hoisted_5$1 = { class: "flex justify-end gap-2 mt-6" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "EditNoteModal",
+	props: {
+		note: {},
+		isOpen: { type: Boolean }
+	},
+	emits: ["close", "success"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modal = ref();
+		const isInternalNote = ref(false);
+		const { data: noteTagsData, loading: noteTagsLoading, error: noteTagsError, refetch: refetchNoteTags } = useQuery((api) => api.notes.getNoteTags());
+		const loadNoteTags = async () => {
+			while (noteTagsLoading.value) await new Promise((resolve) => setTimeout(resolve, 100));
+			if (noteTagsError.value) return [];
+			return (noteTagsData.value || []).map((tag) => ({
+				value: tag,
+				label: tag
+			}));
+		};
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaFormErrorsSummary, clearSavedFormState, refreshFormData } = useForm(noteUpdateMetadata, {
+			storeName: `edit-note-form-${props.note?.id || "new"}`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			dataLoaders: { tag: loadNoteTags },
+			fetchData: async () => {
+				if (!props.note) return {
+					body: "",
+					tag: null
+				};
+				return {
+					body: props.note.body || "",
+					tag: props.note.tag || null
+				};
+			}
+		});
+		const { mutate: updateNote } = useMutation((api, input) => api.notes.updateNote(input), {
+			invalidate: /^notes?:/,
+			onSuccess: () => {
+				refetchNoteTags();
+			}
+		});
+		const handleSubmit = async (formData) => {
+			if (!props.note) throw new Error("No note selected for editing");
+			const response = await updateNote({
+				id: props.note.id,
+				body: formData.body,
+				tag: formData.tag || null
+			});
+			if (!response) throw new Error("Failed to update note");
+			return response;
+		};
+		const handleSuccess = async () => {
+			clearSavedFormState();
+			refreshFormData();
+			toast.success("Note updated successfully!");
+			emit("success");
+			closeModal();
+		};
+		const handleError = (error) => {
+			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
+		};
+		const closeModal = () => {
+			emit("close");
+		};
+		watch(() => props.isOpen, (isOpen) => {
+			if (isOpen && modal.value) modal.value.showModal();
+			else if (!isOpen && modal.value) {
+				modal.value.close();
+				refreshFormData();
+			}
+		});
+		watch(() => props.note, () => {
+			if (props.note && props.isOpen) {
+				form.setValue("body", props.note.body || "");
+				form.setValue("tag", props.note.tag || null);
+				isInternalNote.value = props.note.is_internal || false;
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "modal",
+				ref: modal,
+				class: "modal"
+			}, [createElementVNode("div", _hoisted_1$1, [_cache[1] || (_cache[1] = createElementVNode("h3", { class: "font-bold text-lg mb-4" }, "Edit Note", -1)), createVNode(unref(ZiniaForm), {
+				onHandleSubmit: handleSubmit,
+				onSuccess: handleSuccess,
+				onError: handleError,
+				title: "",
+				subtitle: ""
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(zinia).TagField, {
+						"select-options": unref(form).extraData.tag || [],
+						"allow-create": true
+					}, null, 8, ["select-options"]),
+					createVNode(unref(zinia).BodyField),
+					createCommentVNode(" Show visibility status (read-only) "),
+					createElementVNode("div", _hoisted_2$1, [createElementVNode("label", _hoisted_3$1, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "label-text" }, "Visibility", -1)), createElementVNode("span", { class: normalizeClass(["badge", isInternalNote.value ? "badge-warning" : "badge-info"]) }, toDisplayString(isInternalNote.value ? "Internal" : "External"), 3)])]),
+					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_5$1, [createElementVNode("button", {
+						type: "button",
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Update Note",
+						submittingText: "Updating..."
+					})]),
+					createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" })
+				]),
+				_: 1
+			})]), createElementVNode("form", {
+				method: "dialog",
+				class: "modal-backdrop"
+			}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512);
+		};
+	}
+});
+var EditNoteModal_default = _sfc_main$1;
+
+//#endregion
+//#region src/slices/note/noteFormMetadata.ts
+const noteCreateMetadata = withMetadata(NoteCreateSchema.pick({
+	body: true,
+	is_internal: true,
+	tag: true
+}), "noteCreateForm", {
+	body: {
+		label: "Note",
+		placeholder: "Enter your note here...",
+		inputType: "textarea",
+		helpText: "Add a note about this record"
+	},
+	is_internal: {
+		label: "Internal Note",
+		helpText: "Check this box to make this note visible only to staff"
+	},
+	tag: {
+		label: "Tag",
+		inputType: "combobox",
+		helpText: "Optional tag to categorize this note"
+	}
+});
+
+//#endregion
+//#region src/slices/note/noteRowSchema.ts
+const noteRowSchemaWithMetadata = withMetadata(NoteReadSchema, "noteRowSchema", {
+	body: { label: "Note" },
+	tag: {
+		label: "Tag",
+		sortable: true
+	},
+	is_internal: {
+		label: "Visibility",
+		sortable: true
+	},
+	created_at: {
+		label: "Created",
+		sortable: true
+	},
+	created_by: {
+		label: "Created By",
+		sortable: true
+	},
+	updated_at: {
+		label: "Updated",
+		sortable: true
+	}
+});
+
+//#endregion
+//#region src/slices/note/components/NoteList.vue
+const _hoisted_1 = { class: "space-y-6" };
+const _hoisted_2 = { class: "mt-4" };
+const _hoisted_3 = {
+	key: 0,
+	class: "alert alert-error mt-2"
+};
+const _hoisted_4 = { class: "flex justify-end mt-6" };
+const _hoisted_5 = { class: "whitespace-pre-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "NoteList",
+	props: {
+		recordId: {},
+		recordType: {},
+		mode: { default: "customer" }
+	},
+	setup(__props) {
+		const props = __props;
+		const selectedNote = ref(null);
+		const isEditModalOpen = ref(false);
+		const isInternalNote = computed(() => {
+			return props.mode === "internal";
+		});
+		const { getUserNameWithFallback } = useUserLookup((api) => api.teamMembers.getUserTeamMembers());
+		const queryFilters = ref({
+			record_id: {
+				operator: OPERATORS.EQUALS,
+				value: props.recordId
+			},
+			record_type: {
+				operator: OPERATORS.EQUALS,
+				value: props.recordType
+			}
+		});
+		const currentPaginationToken = ref();
+		const { data: noteTagsData, loading: noteTagsLoading, error: noteTagsError, refetch: refetchNoteTags } = useQuery((api) => api.notes.getNoteTags());
+		const loadNoteTags = async () => {
+			while (noteTagsLoading.value) await new Promise((resolve) => setTimeout(resolve, 100));
+			if (noteTagsError.value) return [];
+			return (noteTagsData.value || []).map((tag) => ({
+				value: tag,
+				label: tag
+			}));
+		};
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaFormErrorsSummary, refreshFormData } = useForm(noteCreateMetadata, {
+			storeName: `note-form-${props.recordId}`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			dataLoaders: { tag: loadNoteTags },
+			fetchData: async () => ({
+				body: "",
+				tag: null,
+				is_internal: isInternalNote.value
+			})
+		});
+		const { ZiniaDataTable, refresh } = useCursorDataTable(noteRowSchemaWithMetadata, {
+			fetchData: async ({ cursor, pageSize, sort, filters, search }) => {
+				const variables = {
+					first: pageSize,
+					sortBy: sort?.field ? sort.field : "created_at",
+					sortDirection: sort?.direction === "asc" ? "asc" : "desc",
+					...cursor ? { after: cursor } : {},
+					...currentPaginationToken.value ? { paginationToken: currentPaginationToken.value } : {},
+					...search ? { search } : {},
+					record_id: {
+						operator: OPERATORS.EQUALS,
+						value: props.recordId
+					},
+					record_type: {
+						operator: OPERATORS.EQUALS,
+						value: props.recordType
+					},
+					...filters
+				};
+				if (props.mode === "customer") variables.is_internal = {
+					operator: OPERATORS.EQUALS,
+					value: false
+				};
+				else if (props.mode === "internal") variables.is_internal = {
+					operator: OPERATORS.EQUALS,
+					value: true
+				};
+				queryFilters.value = variables;
+				const result = await executeWithAuth(async (api) => {
+					return await api.notes.getNotes(variables);
+				}, { refreshTokenHandler: getRefreshTokenHandler() });
+				currentPaginationToken.value = result?.pageInfo?.paginationToken;
+				return {
+					data: result?.items || [],
+					hasNextPage: result?.pageInfo?.hasNextPage ?? false,
+					hasPreviousPage: result?.pageInfo?.hasPreviousPage ?? false,
+					prevPageCursor: result?.pageInfo?.prevPageCursor ?? void 0,
+					nextPageCursor: result?.pageInfo?.nextPageCursor ?? void 0
+				};
+			},
+			columns: {
+				created_by: {
+					label: "Created By",
+					field: "created_by",
+					sortable: true,
+					verticalAlign: "top"
+				},
+				updated_at: {
+					label: "Updated",
+					field: "updated_at",
+					sortable: true,
+					verticalAlign: "top"
+				},
+				tag: {
+					label: "Tag",
+					field: "tag",
+					sortable: true,
+					filterable: true,
+					filterType: "select",
+					filterOptionsLoader: loadNoteTags,
+					verticalAlign: "top"
+				},
+				body: {
+					label: "Note",
+					field: "body",
+					sortable: false
+				}
+			},
+			actions: {
+				column: { verticalAlign: "top" },
+				items: [{
+					key: "edit",
+					icon: ActionIcons.edit,
+					size: "xs",
+					variant: "primary",
+					type: "button",
+					onClick: (row) => openEditModal(row)
+				}]
+			},
+			pagination: { pageSize: 25 }
+		});
+		const { mutate: createNote } = useMutation((api, input) => api.notes.createNote(input), {
+			invalidate: /^notes?:/,
+			onSuccess: () => {
+				refetchNoteTags();
+			}
+		});
+		const handleSubmit = async (formData) => {
+			const result = await createNote({
+				record_id: props.recordId,
+				record_type: props.recordType,
+				body: formData.body,
+				tag: formData.tag || null,
+				is_internal: isInternalNote.value
+			});
+			refresh();
+			return result;
+		};
+		const handleSuccess = async () => {
+			refreshFormData();
+			toast.success("Note added successfully!");
+			refresh();
+		};
+		const handleError = (error) => {
+			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
+		};
+		const openEditModal = (note) => {
+			selectedNote.value = note;
+			isEditModalOpen.value = true;
+		};
+		const closeEditModal = () => {
+			isEditModalOpen.value = false;
+			selectedNote.value = null;
+		};
+		const handleEditSuccess = async () => {
+			await refetchNoteTags();
+			refresh();
+		};
+		watch(() => [props.recordId, props.recordType], () => {
+			if (props.recordId && props.recordType) refresh();
+		});
+		watch(noteTagsData, async () => {
+			if (form.extraData && form.extraData.tag !== void 0) {
+				const newTags = await loadNoteTags();
+				form.extraData.tag = newTags;
+			}
+		}, { deep: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createCommentVNode(" Add Note Form "),
+				createElementVNode("div", _hoisted_2, [createVNode(unref(ZiniaForm), {
+					onHandleSubmit: handleSubmit,
+					onSuccess: handleSuccess,
+					onError: handleError,
+					title: "",
+					subtitle: ""
+				}, {
+					default: withCtx(() => [
+						createVNode(unref(zinia).TagField, {
+							"select-options": unref(form).extraData.tag || [],
+							"allow-create": true
+						}, null, 8, ["select-options"]),
+						createVNode(unref(zinia).BodyField),
+						unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+						createElementVNode("div", _hoisted_4, [createVNode(unref(ZiniaSubmitButton), {
+							submitText: "Add Note",
+							submittingText: "Adding..."
+						})]),
+						createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" })
+					]),
+					_: 1
+				})]),
+				createCommentVNode(" Notes Table "),
+				createVNode(unref(ZiniaDataTable), null, {
+					"cell-created_by": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(getUserNameWithFallback)(row.created_by)), 1)]),
+					"cell-created_at": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatSystemTimestamp)(row.created_at)), 1)]),
+					"cell-tag": withCtx(({ row }) => [createTextVNode(toDisplayString(row.tag || "-"), 1)]),
+					"cell-updated_at": withCtx(({ row }) => [createTextVNode(toDisplayString(row.updated_at ? unref(formatSystemTimestamp)(row.updated_at) : "-"), 1)]),
+					"cell-body": withCtx(({ row }) => [createElementVNode("div", _hoisted_5, toDisplayString(row.body || "No content"), 1)]),
+					_: 1
+				}),
+				createCommentVNode(" Edit Modal "),
+				createVNode(EditNoteModal_default, {
+					note: selectedNote.value,
+					"is-open": isEditModalOpen.value,
+					onClose: closeEditModal,
+					onSuccess: handleEditSuccess
+				}, null, 8, ["note", "is-open"])
+			]);
+		};
+	}
+});
+var NoteList_default = _sfc_main;
+
+//#endregion
+export { noteUpdateMetadata as a, EditNoteModal_default as i, noteRowSchemaWithMetadata as n, useUserLookup as o, noteCreateMetadata as r, NoteList_default as t };
+//# sourceMappingURL=NoteList-C0hRPNMO.js.map

package/dist/NoteList-C0hRPNMO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteList-C0hRPNMO.js","names":["variables: NoteFiltersDto"],"sources":["../src/composables/useUserLookup.ts","../src/slices/note/noteUpdateMetadata.ts","../src/slices/note/components/EditNoteModal.vue","../src/slices/note/noteFormMetadata.ts","../src/slices/note/noteRowSchema.ts","../src/slices/note/components/NoteList.vue"],"sourcesContent":["import { computed } from 'vue';\nimport type { DragoncoreApi } from '@dragonmastery/dragoncore-shared';\nimport type { QueryFunction, UseQueryOptions } from './types';\nimport { useQuery } from './useQuery';\n\n/**\n * Team member item with user identification fields\n */\nexport interface TeamMemberItem {\n  user_id: string | null;\n  display_name?: string | null;\n  email_address?: string | null;\n}\n\n/**\n * Response type for user team members query\n */\nexport interface UserTeamMembersResponse {\n  items: TeamMemberItem[];\n}\n\n/**\n * Generic composable for looking up user information by user ID\n * Fetches team members from the user's teams and caches them\n * Provides a map of user_id -> display_name for easy lookups\n *\n * @param queryFn - Function that queries team members from the API\n * @param options - Optional query options (cacheKey defaults to 'user-team-members')\n */\nexport function useUserLookup<TApi extends Record<string, any> = DragoncoreApi>(\n  queryFn: QueryFunction<TApi, UserTeamMembersResponse>,\n  options?: Omit<UseQueryOptions, 'cacheKey'> & { cacheKey?: string },\n) {\n  // Fetch user team members for lookups\n  const { data: userTeamMembers, loading: isUserTeamMembersLoading } = useQuery<\n    TApi,\n    UserTeamMembersResponse\n  >(queryFn, {\n    cacheKey: options?.cacheKey ?? 'user-team-members',\n    staleTime: options?.staleTime ?? 24 * 60 * 60 * 1000, // 24 hours\n    ...options,\n  });\n\n  // Create a user lookup map: user_id -> display_name (or email_address as fallback)\n  const userMap = computed(() => {\n    const map = new Map<string, string>();\n    userTeamMembers.value?.items?.forEach((member: TeamMemberItem) => {\n      if (member.user_id) {\n        // Use display_name if available, otherwise fall back to email_address\n        const displayName = member.display_name || member.email_address;\n        if (displayName) {\n          map.set(member.user_id, displayName);\n        }\n      }\n    });\n    return map;\n  });\n\n  /**\n   * Get the display name for a user ID\n   * @param userId - The user ID to look up\n   * @returns The display name if found, or null if not found\n   */\n  const getUserName = (userId: string | null | undefined): string | null => {\n    if (!userId) return null;\n    return userMap.value.get(userId) || null;\n  };\n\n  /**\n   * Get the display name for a user ID, with a fallback\n   * @param userId - The user ID to look up\n   * @param fallback - The fallback text to use if not found (default: the userId itself)\n   * @returns The display name if found, or the fallback (or userId) if not found\n   */\n  const getUserNameWithFallback = (\n    userId: string | null | undefined,\n    fallback?: string,\n  ): string => {\n    if (!userId) return fallback || '';\n    const displayName = userMap.value.get(userId);\n    if (displayName) return displayName;\n    // If not found, return the fallback if provided, otherwise return the userId\n    return fallback !== undefined ? fallback : userId;\n  };\n\n  return {\n    userTeamMembers,\n    isUserTeamMembersLoading,\n    userMap,\n    getUserName,\n    getUserNameWithFallback,\n  };\n}\n","import { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { NoteUpdateSchema } from '@dragonmastery/dragoncore-shared';\n\nexport const noteUpdateMetadata = withMetadata(\n  NoteUpdateSchema.pick({ body: true, tag: true }),\n  'noteUpdateForm',\n  {\n    body: {\n      label: 'Note',\n      placeholder: 'Enter your note here...',\n      inputType: 'textarea',\n      helpText: 'Update the note content',\n    },\n    tag: {\n      label: 'Tag',\n      inputType: 'combobox',\n      helpText: 'Optional tag to categorize this note',\n    },\n  },\n);\n","<template>\n  <dialog ref=\"modal\" class=\"modal\">\n    <div class=\"modal-box\">\n      <h3 class=\"font-bold text-lg mb-4\">Edit Note</h3>\n\n      <ZiniaForm\n        @handle-submit=\"handleSubmit\"\n        @success=\"handleSuccess\"\n        @error=\"handleError\"\n        title=\"\"\n        subtitle=\"\"\n      >\n        <zinia.TagField :select-options=\"form.extraData.tag || []\" :allow-create=\"true\" />\n        <zinia.BodyField />\n\n        <!-- Show visibility status (read-only) -->\n        <div class=\"form-control\">\n          <label class=\"label\">\n            <span class=\"label-text\">Visibility</span>\n            <span class=\"badge\" :class=\"isInternalNote ? 'badge-warning' : 'badge-info'\">\n              {{ isInternalNote ? 'Internal' : 'External' }}\n            </span>\n          </label>\n        </div>\n\n        <div v-if=\"form.submitError\" class=\"alert alert-error mt-2\">\n          <span>{{ form.submitError }}</span>\n        </div>\n\n        <div class=\"flex justify-end gap-2 mt-6\">\n          <button type=\"button\" class=\"btn btn-ghost\" @click=\"closeModal\">Cancel</button>\n          <ZiniaSubmitButton submitText=\"Update Note\" submittingText=\"Updating...\" />\n        </div>\n\n        <ZiniaFormErrorsSummary title=\"Please fix the following errors:\" />\n      </ZiniaForm>\n    </div>\n    <form method=\"dialog\" class=\"modal-backdrop\">\n      <button @click=\"closeModal\">close</button>\n    </form>\n  </dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { ref, watch } from 'vue';\nimport { toast } from 'vue3-toastify';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useQuery } from '../../../composables/useQuery';\nimport type { NoteRow } from '../noteRowSchema';\nimport { noteUpdateMetadata } from '../noteUpdateMetadata';\n\ninterface Props {\n  note: NoteRow | null;\n  isOpen: boolean;\n}\n\ninterface Emits {\n  (e: 'close'): void;\n  (e: 'success'): void;\n}\n\nconst props = defineProps<Props>();\nconst emit = defineEmits<Emits>();\n\nconst modal = ref<HTMLDialogElement>();\n\n// Internal note toggle state\nconst isInternalNote = ref(false);\n\n// Fetch note tags for combobox\nconst {\n  data: noteTagsData,\n  loading: noteTagsLoading,\n  error: noteTagsError,\n  refetch: refetchNoteTags,\n} = useQuery((api) => api.notes.getNoteTags());\n\n// Load note tags for combobox options\nconst loadNoteTags = async () => {\n  // Wait for query to complete\n  while (noteTagsLoading.value) {\n    await new Promise((resolve) => setTimeout(resolve, 100));\n  }\n\n  if (noteTagsError.value) {\n    return [];\n  }\n\n  const tags = noteTagsData.value || [];\n\n  return tags.map((tag: string) => ({\n    value: tag,\n    label: tag,\n  }));\n};\n\nconst {\n  form,\n  zinia,\n  ZiniaForm,\n  ZiniaSubmitButton,\n  ZiniaFormErrorsSummary,\n  clearSavedFormState,\n  refreshFormData,\n} = useForm(noteUpdateMetadata, {\n  storeName: `edit-note-form-${props.note?.id || 'new'}`,\n  persistToLocalStorage: false,\n  renderStyle: 'daisy_ui',\n  dataLoaders: {\n    tag: loadNoteTags,\n  },\n  fetchData: async () => {\n    if (!props.note) {\n      return { body: '', tag: null };\n    }\n    return {\n      body: props.note.body || '',\n      tag: props.note.tag || null,\n    };\n  },\n});\n\nconst { mutate: updateNote } = useMutation(\n  (api, input: { id: string; body: string; tag?: string | null }) =>\n    api.notes.updateNote(input),\n  {\n    invalidate: /^notes?:/,\n    onSuccess: () => {\n      // Refetch tags to include any new tags\n      refetchNoteTags();\n    },\n  },\n);\n\nconst handleSubmit = async (formData: any) => {\n  if (!props.note) {\n    throw new Error('No note selected for editing');\n  }\n\n  const response = await updateNote({\n    id: props.note.id,\n    body: formData.body,\n    tag: formData.tag || null,\n  });\n\n  if (!response) {\n    throw new Error('Failed to update note');\n  }\n\n  return response;\n};\n\nconst handleSuccess = async () => {\n  clearSavedFormState();\n  refreshFormData(); // Reset form to initial state\n  toast.success('Note updated successfully!');\n  emit('success');\n  closeModal();\n};\n\nconst handleError = (error: Error | unknown) => {\n  form.setSubmitError(error instanceof Error ? error.message : 'An unknown error occurred');\n};\n\nconst closeModal = () => {\n  emit('close');\n};\n\n// Watch for modal open/close\nwatch(\n  () => props.isOpen,\n  (isOpen) => {\n    if (isOpen && modal.value) {\n      modal.value.showModal();\n    } else if (!isOpen && modal.value) {\n      modal.value.close();\n      // Reset form when modal closes\n      refreshFormData();\n    }\n  },\n);\n\n// Watch for note changes to refresh form data\nwatch(\n  () => props.note,\n  () => {\n    if (props.note && props.isOpen) {\n      form.setValue('body', props.note.body || '');\n      form.setValue('tag', props.note.tag || null);\n      isInternalNote.value = props.note.is_internal || false;\n    }\n  },\n  { immediate: true },\n);\n</script>\n","import { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { NoteCreateSchema } from '@dragonmastery/dragoncore-shared';\n\nexport const noteCreateMetadata = withMetadata(\n  NoteCreateSchema.pick({ body: true, is_internal: true, tag: true }),\n  'noteCreateForm',\n  {\n    body: {\n      label: 'Note',\n      placeholder: 'Enter your note here...',\n      inputType: 'textarea',\n      helpText: 'Add a note about this record',\n    },\n    is_internal: {\n      label: 'Internal Note',\n      helpText: 'Check this box to make this note visible only to staff',\n    },\n    tag: {\n      label: 'Tag',\n      inputType: 'combobox',\n      helpText: 'Optional tag to categorize this note',\n    },\n  },\n);\n","import { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { NoteReadSchema } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\n\nexport const noteRowSchemaWithMetadata = withMetadata(NoteReadSchema, 'noteRowSchema', {\n  body: { label: 'Note' },\n  tag: { label: 'Tag', sortable: true },\n  is_internal: { label: 'Visibility', sortable: true },\n  created_at: { label: 'Created', sortable: true },\n  created_by: { label: 'Created By', sortable: true },\n  updated_at: { label: 'Updated', sortable: true },\n});\n\nexport type NoteRow = z.infer<typeof NoteReadSchema>;\n","<template>\n  <div class=\"space-y-6\">\n    <!-- Add Note Form -->\n    <div class=\"mt-4\">\n      <ZiniaForm\n        @handle-submit=\"handleSubmit\"\n        @success=\"handleSuccess\"\n        @error=\"handleError\"\n        title=\"\"\n        subtitle=\"\"\n      >\n        <zinia.TagField :select-options=\"form.extraData.tag || []\" :allow-create=\"true\" />\n        <zinia.BodyField />\n\n        <div v-if=\"form.submitError\" class=\"alert alert-error mt-2\">\n          <span>{{ form.submitError }}</span>\n        </div>\n\n        <div class=\"flex justify-end mt-6\">\n          <ZiniaSubmitButton submitText=\"Add Note\" submittingText=\"Adding...\" />\n        </div>\n\n        <ZiniaFormErrorsSummary title=\"Please fix the following errors:\" />\n      </ZiniaForm>\n    </div>\n\n    <!-- Notes Table -->\n    <ZiniaDataTable>\n      <template #cell-created_by=\"{ row }\">\n        {{ getUserNameWithFallback(row.created_by) }}\n      </template>\n      <template #cell-created_at=\"{ row }\">\n        {{ formatSystemTimestamp(row.created_at) }}\n      </template>\n\n      <template #cell-tag=\"{ row }\">\n        {{ row.tag || '-' }}\n      </template>\n\n      <template #cell-updated_at=\"{ row }\">\n        {{ row.updated_at ? formatSystemTimestamp(row.updated_at) : '-' }}\n      </template>\n\n      <template #cell-body=\"{ row }\">\n        <div class=\"whitespace-pre-wrap\">\n          {{ row.body || 'No content' }}\n        </div>\n      </template>\n    </ZiniaDataTable>\n\n    <!-- Edit Modal -->\n    <EditNoteModal\n      :note=\"selectedNote\"\n      :is-open=\"isEditModalOpen\"\n      @close=\"closeEditModal\"\n      @success=\"handleEditSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { executeWithAuth } from '../../../composables/useRpcAuth';\nimport { getRefreshTokenHandler } from '../../../utils/EnhancedRefreshTokenHandler';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useQuery } from '../../../composables/useQuery';\nimport { useUserLookup } from '../../../composables/useUserLookup';\nimport { formatSystemTimestamp } from '../../../utils/convertToLocalDateTime';\nimport EditNoteModal from './EditNoteModal.vue';\nimport { noteCreateMetadata } from '../noteFormMetadata';\nimport { noteRowSchemaWithMetadata, type NoteRow } from '../noteRowSchema';\nimport { ActionIcons, useCursorDataTable, useForm } from '@dragonmastery/zinia-forms-core';\nimport { OPERATORS, type NoteFiltersDto } from '@dragonmastery/dragoncore-shared';\nimport { computed, ref, watch } from 'vue';\nimport { toast } from 'vue3-toastify';\n\ninterface Props {\n  recordId: string;\n  recordType: string;\n  mode?: 'customer' | 'internal';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  mode: 'customer',\n});\n\n// Edit modal state\nconst selectedNote = ref<NoteRow | null>(null);\nconst isEditModalOpen = ref(false);\n\n// Computed properties for component intelligence\nconst isInternalNote = computed(() => {\n  // Determine internal state based on mode\n  return props.mode === 'internal';\n});\n\n// User lookup for mapping user IDs to usernames\nconst { getUserNameWithFallback } = useUserLookup((api) => api.teamMembers.getUserTeamMembers());\n\n// Query filters state\nconst queryFilters = ref<NoteFiltersDto>({\n  record_id: { operator: OPERATORS.EQUALS, value: props.recordId },\n  record_type: { operator: OPERATORS.EQUALS, value: props.recordType as any },\n});\n\n// Pagination token for breadcrumb navigation\nconst currentPaginationToken = ref<string | undefined | null>();\n\n// Fetch note tags for filter and form\nconst {\n  data: noteTagsData,\n  loading: noteTagsLoading,\n  error: noteTagsError,\n  refetch: refetchNoteTags,\n} = useQuery((api) => api.notes.getNoteTags());\n\n// Load note tags for filter options and form combobox\n// This function reads from noteTagsData.value, which is reactive\n// When refetchNoteTags() is called, noteTagsData.value updates\n// The next time this function is called (when filter dropdown opens), it will get fresh data\nconst loadNoteTags = async () => {\n  // If query is loading, wait for it to complete to ensure we have fresh data\n  while (noteTagsLoading.value) {\n    await new Promise((resolve) => setTimeout(resolve, 100));\n  }\n\n  if (noteTagsError.value) {\n    return [];\n  }\n\n  const tags = noteTagsData.value || [];\n\n  return tags.map((tag: string) => ({\n    value: tag,\n    label: tag,\n  }));\n};\n\n// Form setup\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaFormErrorsSummary, refreshFormData } =\n  useForm(noteCreateMetadata, {\n    storeName: `note-form-${props.recordId}`,\n    persistToLocalStorage: false,\n    renderStyle: 'daisy_ui',\n    dataLoaders: {\n      tag: loadNoteTags,\n    },\n    fetchData: async () => ({\n      body: '',\n      tag: null,\n      is_internal: isInternalNote.value,\n    }),\n  });\n\n// Data table configuration\nconst { ZiniaDataTable, refresh } = useCursorDataTable(noteRowSchemaWithMetadata, {\n  fetchData: async ({ cursor, pageSize, sort, filters, search }) => {\n    // Build query variables\n    const variables: NoteFiltersDto = {\n      first: pageSize,\n      sortBy: sort?.field ? (sort.field as string) : 'created_at',\n      sortDirection: (sort?.direction === 'asc' ? 'asc' : 'desc') as any,\n      ...(cursor ? { after: cursor } : {}),\n      ...(currentPaginationToken.value\n        ? { paginationToken: currentPaginationToken.value }\n        : {}),\n      ...(search ? { search } : {}),\n      record_id: { operator: OPERATORS.EQUALS, value: props.recordId },\n      record_type: { operator: OPERATORS.EQUALS, value: props.recordType as any },\n      ...filters,\n    };\n\n    // Apply visibility filter based on mode\n    if (props.mode === 'customer') {\n      variables.is_internal = { operator: OPERATORS.EQUALS, value: false };\n    } else if (props.mode === 'internal') {\n      variables.is_internal = { operator: OPERATORS.EQUALS, value: true };\n    }\n    // For 'all' mode, no filter is applied (shows everything)\n\n    // Update query filters and execute\n    queryFilters.value = variables;\n    const result = await executeWithAuth(\n      async (api) => {\n        return await api.notes.getNotes(variables);\n      },\n      { refreshTokenHandler: getRefreshTokenHandler() },\n    );\n    currentPaginationToken.value = result?.pageInfo?.paginationToken;\n\n    // Return paginated data\n    return {\n      data: result?.items || [],\n      hasNextPage: result?.pageInfo?.hasNextPage ?? false,\n      hasPreviousPage: result?.pageInfo?.hasPreviousPage ?? false,\n      prevPageCursor: result?.pageInfo?.prevPageCursor ?? undefined,\n      nextPageCursor: result?.pageInfo?.nextPageCursor ?? undefined,\n    };\n  },\n\n  // Column configuration\n  columns: {\n    created_by: {\n      label: 'Created By',\n      field: 'created_by',\n      sortable: true,\n      verticalAlign: 'top',\n    },\n    updated_at: {\n      label: 'Updated',\n      field: 'updated_at',\n      sortable: true,\n      verticalAlign: 'top',\n    },\n    tag: {\n      label: 'Tag',\n      field: 'tag',\n      sortable: true,\n      filterable: true,\n      filterType: 'select',\n      filterOptionsLoader: loadNoteTags,\n      verticalAlign: 'top',\n    },\n    body: {\n      label: 'Note',\n      field: 'body',\n      sortable: false,\n    },\n  },\n\n  // Action buttons\n  actions: {\n    column: {\n      verticalAlign: 'top',\n    },\n    items: [\n      {\n        key: 'edit',\n        icon: ActionIcons.edit,\n        size: 'xs',\n        variant: 'primary',\n        type: 'button',\n        onClick: (row: NoteRow) => openEditModal(row),\n      },\n    ],\n  },\n\n  // Pagination settings\n  pagination: {\n    pageSize: 25,\n  },\n});\n\n// Mutations\nconst { mutate: createNote } = useMutation((api, input: any) => api.notes.createNote(input), {\n  invalidate: /^notes?:/,\n  onSuccess: () => {\n    // Refetch tags to include any new tags\n    refetchNoteTags();\n  },\n});\n\n// Form handlers\nconst handleSubmit = async (formData: any) => {\n  const result = await createNote({\n    record_id: props.recordId,\n    record_type: props.recordType,\n    body: formData.body,\n    tag: formData.tag || null,\n    is_internal: isInternalNote.value,\n  });\n  refresh();\n  return result;\n};\n\nconst handleSuccess = async () => {\n  refreshFormData();\n  toast.success('Note added successfully!');\n  refresh();\n};\n\nconst handleError = (error: Error | unknown) => {\n  form.setSubmitError(error instanceof Error ? error.message : 'An unknown error occurred');\n};\n\n// Edit modal handlers\nconst openEditModal = (note: NoteRow) => {\n  selectedNote.value = note;\n  isEditModalOpen.value = true;\n};\n\nconst closeEditModal = () => {\n  isEditModalOpen.value = false;\n  selectedNote.value = null;\n};\n\nconst handleEditSuccess = async () => {\n  // Refetch tags to include any new tags from the updated note\n  await refetchNoteTags();\n  // Refresh the data table to show updated note\n  refresh();\n};\n\n// Watch for changes in recordId or recordType to refresh the data table\nwatch(\n  () => [props.recordId, props.recordType],\n  () => {\n    if (props.recordId && props.recordType) {\n      refresh();\n    }\n  },\n);\n\n// Watch for changes in noteTagsData to refresh form's data loaders\n// This ensures the create note form's tag combobox gets updated options\nwatch(\n  noteTagsData,\n  async () => {\n    // Reload the tag data loader to refresh form.extraData.tag\n    if (form.extraData && form.extraData.tag !== undefined) {\n      const newTags = await loadNoteTags();\n      form.extraData.tag = newTags;\n    }\n  },\n  { deep: true },\n);\n</script>\n"],"mappings":"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"}