@dragonmastery/dragoncore-vue 0.0.22 → 0.0.24

package/dist/CreditManagement-BdRd_TLz.js

@@ -0,0 +1,356 @@
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { i as CreditBalanceOverview_default, t as CreditTransactionHistory_default } from "./CreditTransactionHistory-cYyRFOdS.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, openBlock, provide, ref, toDisplayString, unref, withCtx } from "vue";
+import { toast } from "vue3-toastify";
+import { AddCreditsSchema, SetMonthlyAllocationSchema, formatDollar } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+
+//#region src/slices/customer/features/credit-management/creditFormMetadata.ts
+const addCreditsSchemaWithMetadata = withMetadata(AddCreditsSchema, "addCreditsSchema", {
+	amount: {
+		label: "Amount",
+		placeholder: "e.g., 100.00",
+		helpText: "Enter the amount to add to rollover credits"
+	},
+	reason: {
+		label: "Reason",
+		inputType: "textarea",
+		placeholder: "e.g., Purchase, Bonus, Refund",
+		helpText: "Optional reason for adding credits"
+	}
+});
+const setMonthlyAllocationSchemaWithMetadata = withMetadata(SetMonthlyAllocationSchema, "setMonthlyAllocationSchema", { amount: {
+	label: "Monthly Allocation Amount",
+	placeholder: "e.g., 200.00",
+	helpText: "This amount will be reset monthly"
+} });
+
+//#endregion
+//#region src/slices/customer/features/credit-management/AddCredits.vue
+const _hoisted_1$3 = { class: "card bg-base-100 shadow-xl" };
+const _hoisted_2$3 = { class: "card-body" };
+const _hoisted_3$3 = {
+	key: 0,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_4$3 = { class: "flex justify-center mt-6" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "AddCredits",
+	props: { onSuccess: {
+		type: Function,
+		default: () => {}
+	} },
+	setup(__props) {
+		const props = __props;
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary, refreshFormData } = useForm(addCreditsSchemaWithMetadata, {
+			storeName: `add-credits-form`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				return {
+					amount: "",
+					reason: ""
+				};
+			}
+		});
+		const { mutate: addCredits } = useMutation((api, input) => api.customer.addCredits(input), { invalidate: /^customer:credit/ });
+		const refreshCredits = inject("refreshCredits", () => {});
+		const beforeValidate = () => {
+			return true;
+		};
+		const handleSubmit = async (formData) => {
+			const result = await addCredits({
+				amount: formData.amount,
+				reason: formData.reason || void 0
+			});
+			if (!result) throw new Error("Failed to add credits");
+			return result;
+		};
+		const handleSuccess = async (_) => {
+			refreshFormData();
+			toast.success(`Added ${form.values.amount} credits!`);
+			refreshCredits();
+			props.onSuccess();
+		};
+		const handleError = (error) => {
+			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("div", _hoisted_2$3, [
+				_cache[1] || (_cache[1] = createElementVNode("h3", { class: "card-title text-lg" }, "Add Credits", -1)),
+				_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-sm text-base-content/70" }, "One-time credit addition (goes to rollover)", -1)),
+				createVNode(unref(ZiniaForm), {
+					onBeforeValidate: beforeValidate,
+					onHandleSubmit: handleSubmit,
+					onSuccess: handleSuccess,
+					onError: handleError,
+					title: "Add Credits",
+					subtitle: "Add one-time credits to rollover balance"
+				}, {
+					default: withCtx(() => [
+						createVNode(unref(zinia).AmountField),
+						createVNode(unref(zinia).ReasonField),
+						createCommentVNode(" Form Status Messages "),
+						unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_3$3, [_cache[0] || (_cache[0] = 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$3, [createVNode(unref(ZiniaSubmitButton), {
+							submitText: "Add Credits",
+							submittingText: "Adding Credits..."
+						})]),
+						createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
+						createVNode(unref(ZiniaResetButton))
+					]),
+					_: 1
+				})
+			])]);
+		};
+	}
+});
+var AddCredits_default = _sfc_main$3;
+
+//#endregion
+//#region src/slices/customer/features/credit-management/ResetMonthlyBalance.vue
+const _hoisted_1$2 = { class: "card bg-base-100 shadow-xl" };
+const _hoisted_2$2 = { class: "card-body" };
+const _hoisted_3$2 = { class: "alert alert-warning mt-4" };
+const _hoisted_4$2 = { class: "text-xs" };
+const _hoisted_5 = ["disabled"];
+const _hoisted_6 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_7 = {
+	key: 0,
+	class: "alert alert-error mt-2"
+};
+const _hoisted_8 = { class: "text-xs" };
+const _hoisted_9 = { class: "modal-box" };
+const _hoisted_10 = { class: "py-4" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "ResetMonthlyBalance",
+	props: {
+		currentMonthlyBalance: { default: "0.00" },
+		onSuccess: {
+			type: Function,
+			default: () => {}
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const confirmModal = ref(null);
+		const error = ref("");
+		const { mutate: resetBalance, loading: isResetting } = useMutation((api, _input) => api.customer.resetMonthlyBalance(), { invalidate: /^customer:credit/ });
+		const refreshCredits = inject("refreshCredits", () => {});
+		const showResetModal = () => {
+			confirmModal.value?.showModal();
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+		};
+		const handleReset = async () => {
+			error.value = "";
+			closeModal();
+			try {
+				await resetBalance(void 0);
+				toast.success("Monthly balance reset successfully!");
+				refreshCredits();
+				props.onSuccess();
+			} catch (e) {
+				const errorMessage = e instanceof Error ? e.message : "Failed to reset balance";
+				error.value = errorMessage;
+				toast.error(errorMessage);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createElementVNode("div", _hoisted_1$2, [createElementVNode("div", _hoisted_2$2, [
+					_cache[1] || (_cache[1] = createElementVNode("h3", { class: "card-title text-lg" }, "Reset Monthly Balance", -1)),
+					_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-sm text-base-content/70" }, "Manually trigger monthly reset", -1)),
+					createElementVNode("div", _hoisted_3$2, [_cache[0] || (_cache[0] = 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: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+					})], -1)), createElementVNode("span", _hoisted_4$2, "This will move current monthly balance (" + toDisplayString(__props.currentMonthlyBalance) + ") to rollover and reset to allocation amount", 1)]),
+					createElementVNode("button", {
+						class: "btn btn-warning mt-4",
+						onClick: showResetModal,
+						disabled: unref(isResetting)
+					}, [unref(isResetting) ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isResetting) ? "Resetting..." : "Reset Now"), 1)], 8, _hoisted_5),
+					error.value ? (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("span", _hoisted_8, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+				])]),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_9, [
+					_cache[3] || (_cache[3] = createElementVNode("h3", { class: "font-bold text-lg" }, "Reset Monthly Balance?", -1)),
+					createElementVNode("p", _hoisted_10, " This will move the current monthly balance (" + toDisplayString(__props.currentMonthlyBalance) + ") to rollover and reset monthly credits to the allocation amount. ", 1),
+					_cache[4] || (_cache[4] = createElementVNode("p", { class: "text-warning font-medium" }, "This action cannot be undone.", -1)),
+					createElementVNode("div", { class: "modal-action" }, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: "btn btn-warning",
+						onClick: handleReset
+					}, "Confirm Reset")])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ResetMonthlyBalance_default = _sfc_main$2;
+
+//#endregion
+//#region src/slices/customer/features/credit-management/SetMonthlyAllocation.vue
+const _hoisted_1$1 = { class: "card bg-base-100 shadow-xl" };
+const _hoisted_2$1 = { class: "card-body" };
+const _hoisted_3$1 = {
+	key: 0,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_4$1 = { class: "flex justify-center mt-6" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "SetMonthlyAllocation",
+	props: { onSuccess: {
+		type: Function,
+		default: () => {}
+	} },
+	setup(__props) {
+		const props = __props;
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary, clearSavedFormState } = useForm(setMonthlyAllocationSchemaWithMetadata, {
+			storeName: `set-monthly-allocation-form`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				return { amount: "" };
+			}
+		});
+		const { mutate: setAllocation } = useMutation((api, input) => api.customer.setMonthlyAllocation(input), { invalidate: /^customer:credit/ });
+		const refreshCredits = inject("refreshCredits", () => {});
+		const beforeValidate = () => {
+			return true;
+		};
+		const handleSubmit = async (formData) => {
+			const result = await setAllocation({ amount: formData.amount });
+			if (!result) throw new Error("Failed to set monthly allocation");
+			return result;
+		};
+		const handleSuccess = async (data) => {
+			clearSavedFormState();
+			toast.success(`Monthly allocation set to ${formatDollar(data.monthly)}!`);
+			refreshCredits();
+			props.onSuccess();
+		};
+		const handleError = (error) => {
+			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [
+				_cache[2] || (_cache[2] = createElementVNode("h3", { class: "card-title text-lg" }, "Monthly Allocation", -1)),
+				_cache[3] || (_cache[3] = createElementVNode("p", { class: "text-sm text-base-content/70" }, "Set recurring monthly credit amount", -1)),
+				createVNode(unref(ZiniaForm), {
+					onBeforeValidate: beforeValidate,
+					onHandleSubmit: handleSubmit,
+					onSuccess: handleSuccess,
+					onError: handleError,
+					title: "Set Monthly Allocation",
+					subtitle: "Set the recurring monthly credit amount"
+				}, {
+					default: withCtx(() => [
+						createVNode(unref(zinia).AmountField),
+						createCommentVNode(" Information Notice "),
+						_cache[1] || (_cache[1] = createElementVNode("div", { class: "alert alert-info mb-4" }, [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: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+						})]), createElementVNode("div", null, [createElementVNode("div", { class: "font-semibold" }, "Monthly Reset"), createElementVNode("div", { class: "text-sm" }, " This amount will be automatically reset each month. Any unused credits will roll over to the rollover balance. ")])], -1)),
+						createCommentVNode(" Form Status Messages "),
+						unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_3$1, [_cache[0] || (_cache[0] = 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$1, [createVNode(unref(ZiniaSubmitButton), {
+							submitText: "Set Monthly Allocation",
+							submittingText: "Setting Allocation..."
+						})]),
+						createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
+						createVNode(unref(ZiniaResetButton))
+					]),
+					_: 1
+				})
+			])]);
+		};
+	}
+});
+var SetMonthlyAllocation_default = _sfc_main$1;
+
+//#endregion
+//#region src/slices/customer/features/credit-management/CreditManagement.vue
+const _hoisted_1 = { class: "container mx-auto py-6" };
+const _hoisted_2 = { class: "mb-6" };
+const _hoisted_3 = { class: "grid grid-cols-1 md:grid-cols-3 gap-6" };
+const _hoisted_4 = { class: "mt-6" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "CreditManagement",
+	setup(__props) {
+		const refreshTrigger = ref(0);
+		provide("refreshCredits", () => {
+			refreshTrigger.value++;
+		});
+		provide("refreshTrigger", refreshTrigger);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				_cache[0] || (_cache[0] = createElementVNode("h1", { class: "text-3xl font-bold mb-6" }, "Credit Management", -1)),
+				createCommentVNode(" Current Balance Overview "),
+				createElementVNode("div", _hoisted_2, [createVNode(CreditBalanceOverview_default)]),
+				createCommentVNode(" Management Actions "),
+				createElementVNode("div", _hoisted_3, [
+					createVNode(AddCredits_default),
+					createVNode(SetMonthlyAllocation_default),
+					createVNode(ResetMonthlyBalance_default)
+				]),
+				createCommentVNode(" Recent Transactions "),
+				createElementVNode("div", _hoisted_4, [createVNode(CreditTransactionHistory_default)])
+			]);
+		};
+	}
+});
+var CreditManagement_default = _sfc_main;
+
+//#endregion
+export { addCreditsSchemaWithMetadata as a, AddCredits_default as i, SetMonthlyAllocation_default as n, setMonthlyAllocationSchemaWithMetadata as o, ResetMonthlyBalance_default as r, CreditManagement_default as t };
+//# sourceMappingURL=CreditManagement-BdRd_TLz.js.map

package/dist/CreditManagement-BdRd_TLz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditManagement-BdRd_TLz.js","names":[],"sources":["../src/slices/customer/features/credit-management/creditFormMetadata.ts","../src/slices/customer/features/credit-management/AddCredits.vue","../src/slices/customer/features/credit-management/ResetMonthlyBalance.vue","../src/slices/customer/features/credit-management/SetMonthlyAllocation.vue","../src/slices/customer/features/credit-management/CreditManagement.vue"],"sourcesContent":["import {\n  type UseFormTyped,\n  withMetadata,\n  ZINIA_FIELDS_KEY,\n  ZINIA_FORM_KEY,\n} from '@dragonmastery/zinia-forms-core';\nimport { AddCreditsSchema, SetMonthlyAllocationSchema } from '@dragonmastery/dragoncore-shared';\nimport { inject } from 'vue';\n\n// Add Credits Form Metadata\nexport const addCreditsSchemaWithMetadata = withMetadata(\n  AddCreditsSchema,\n  'addCreditsSchema',\n  {\n    amount: {\n      label: 'Amount',\n      placeholder: 'e.g., 100.00',\n      helpText: 'Enter the amount to add to rollover credits',\n    },\n    reason: {\n      label: 'Reason',\n      inputType: 'textarea',\n      placeholder: 'e.g., Purchase, Bonus, Refund',\n      helpText: 'Optional reason for adding credits',\n    },\n  },\n);\n\n// Set Monthly Allocation Form Metadata\nexport const setMonthlyAllocationSchemaWithMetadata = withMetadata(\n  SetMonthlyAllocationSchema,\n  'setMonthlyAllocationSchema',\n  {\n    amount: {\n      label: 'Monthly Allocation Amount',\n      placeholder: 'e.g., 200.00',\n      helpText: 'This amount will be reset monthly',\n    },\n  },\n);\n\n// Form types\nexport type AddCreditsFormData = UseFormTyped<typeof AddCreditsSchema>;\nexport type SetMonthlyAllocationFormData = UseFormTyped<typeof SetMonthlyAllocationSchema>;\n\n// Injection functions\nexport const injectAddCreditsForm = () => inject<AddCreditsFormData['form']>(ZINIA_FORM_KEY);\nexport const injectSetMonthlyAllocationForm = () =>\n  inject<SetMonthlyAllocationFormData['form']>(ZINIA_FORM_KEY);\nexport const injectAddCreditsZinia = () =>\n  inject<AddCreditsFormData['zinia']>(ZINIA_FIELDS_KEY);\nexport const injectSetMonthlyAllocationZinia = () =>\n  inject<SetMonthlyAllocationFormData['zinia']>(ZINIA_FIELDS_KEY);\n","<template>\n  <div class=\"card bg-base-100 shadow-xl\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title text-lg\">Add Credits</h3>\n      <p class=\"text-sm text-base-content/70\">One-time credit addition (goes to rollover)</p>\n\n      <ZiniaForm\n        @before-validate=\"beforeValidate\"\n        @handle-submit=\"handleSubmit\"\n        @success=\"handleSuccess\"\n        @error=\"handleError\"\n        title=\"Add Credits\"\n        subtitle=\"Add one-time credits to rollover balance\"\n      >\n        <zinia.AmountField />\n        <zinia.ReasonField />\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 submitText=\"Add Credits\" submittingText=\"Adding Credits...\" />\n        </div>\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 { useForm } from '@dragonmastery/zinia-forms-core';\nimport type { AddCreditsDto } from '@dragonmastery/dragoncore-shared';\nimport { inject } from 'vue';\nimport { toast } from 'vue3-toastify';\nimport { addCreditsSchemaWithMetadata } from './creditFormMetadata';\n\n// Props\ninterface Props {\n  onSuccess?: () => void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  onSuccess: () => {},\n});\n\nconst {\n  form,\n  zinia,\n  ZiniaForm,\n  ZiniaSubmitButton,\n  ZiniaResetButton,\n  ZiniaFormErrorsSummary,\n  refreshFormData,\n} = useForm(addCreditsSchemaWithMetadata, {\n  storeName: `add-credits-form`,\n  persistToLocalStorage: false,\n  renderStyle: 'daisy_ui',\n  fetchData: async () => {\n    return {\n      amount: '',\n      reason: '',\n    } satisfies AddCreditsDto;\n  },\n});\n\n// Setup mutation for adding credits\nconst { mutate: addCredits } = useMutation(\n  (api, input: AddCreditsDto) => api.customer.addCredits(input),\n  { invalidate: /^customer:credit/ },\n);\n\n// Inject the refresh function\nconst refreshCredits = inject<() => void>('refreshCredits', () => {});\n\nconst beforeValidate = () => {\n  return true;\n};\n\n// Handle form submission\nconst handleSubmit = async (formData: AddCreditsDto) => {\n  const result = await addCredits({\n    amount: formData.amount,\n    reason: formData.reason || undefined,\n  });\n\n  if (!result) {\n    throw new Error('Failed to add credits');\n  }\n\n  return result;\n};\n\n// Handle successful submission\nconst handleSuccess = async (_: any) => {\n  refreshFormData();\n  toast.success(`Added ${form.values.amount} credits!`);\n  refreshCredits();\n  props.onSuccess();\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","<template>\n  <div class=\"card bg-base-100 shadow-xl\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title text-lg\">Reset Monthly Balance</h3>\n      <p class=\"text-sm text-base-content/70\">Manually trigger monthly reset</p>\n\n      <div class=\"alert alert-warning mt-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=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n          />\n        </svg>\n        <span class=\"text-xs\"\n          >This will move current monthly balance ({{ currentMonthlyBalance }}) to rollover and\n          reset to allocation amount</span\n        >\n      </div>\n\n      <button class=\"btn btn-warning mt-4\" @click=\"showResetModal\" :disabled=\"isResetting\">\n        <span v-if=\"isResetting\" class=\"loading loading-spinner loading-sm mr-2\"></span>\n        {{ isResetting ? 'Resetting...' : 'Reset Now' }}\n      </button>\n\n      <div v-if=\"error\" class=\"alert alert-error mt-2\">\n        <span class=\"text-xs\">{{ error }}</span>\n      </div>\n    </div>\n  </div>\n\n  <!-- Confirmation Modal -->\n  <dialog ref=\"confirmModal\" class=\"modal\">\n    <div class=\"modal-box\">\n      <h3 class=\"font-bold text-lg\">Reset Monthly Balance?</h3>\n      <p class=\"py-4\">\n        This will move the current monthly balance ({{ currentMonthlyBalance }}) to rollover\n        and reset monthly credits to the allocation amount.\n      </p>\n      <p class=\"text-warning font-medium\">This action cannot be undone.</p>\n      <div class=\"modal-action\">\n        <button class=\"btn btn-ghost\" @click=\"closeModal\">Cancel</button>\n        <button class=\"btn btn-warning\" @click=\"handleReset\">Confirm Reset</button>\n      </div>\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 { useMutation } from '../../../../composables/useMutation';\nimport { inject, ref } from 'vue';\nimport { toast } from 'vue3-toastify';\n\n// Props\ninterface Props {\n  currentMonthlyBalance?: string;\n  onSuccess?: () => void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentMonthlyBalance: '0.00',\n  onSuccess: () => {},\n});\n\n// Component state\nconst confirmModal = ref<HTMLDialogElement | null>(null);\nconst error = ref('');\nconst { mutate: resetBalance, loading: isResetting } = useMutation(\n  (api, _input?: void) => api.customer.resetMonthlyBalance(),\n  { invalidate: /^customer:credit/ },\n);\n\n// Inject the refresh function\nconst refreshCredits = inject<() => void>('refreshCredits', () => {});\n\nconst showResetModal = () => {\n  confirmModal.value?.showModal();\n};\n\nconst closeModal = () => {\n  confirmModal.value?.close();\n};\n\nconst handleReset = async () => {\n  error.value = '';\n  closeModal();\n\n  try {\n    await resetBalance(undefined);\n\n    toast.success('Monthly balance reset successfully!');\n\n    refreshCredits();\n    // Call success callback\n    props.onSuccess();\n  } catch (e) {\n    const errorMessage = e instanceof Error ? e.message : 'Failed to reset balance';\n    error.value = errorMessage;\n    toast.error(errorMessage);\n  }\n};\n</script>\n","<template>\n  <div class=\"card bg-base-100 shadow-xl\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title text-lg\">Monthly Allocation</h3>\n      <p class=\"text-sm text-base-content/70\">Set recurring monthly credit amount</p>\n\n      <ZiniaForm\n        @before-validate=\"beforeValidate\"\n        @handle-submit=\"handleSubmit\"\n        @success=\"handleSuccess\"\n        @error=\"handleError\"\n        title=\"Set Monthly Allocation\"\n        subtitle=\"Set the recurring monthly credit amount\"\n      >\n        <zinia.AmountField />\n\n        <!-- Information Notice -->\n        <div class=\"alert alert-info 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=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <div>\n            <div class=\"font-semibold\">Monthly Reset</div>\n            <div class=\"text-sm\">\n              This amount will be automatically reset each month. Any unused credits will roll\n              over to the rollover balance.\n            </div>\n          </div>\n        </div>\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=\"Set Monthly Allocation\"\n            submittingText=\"Setting Allocation...\"\n          />\n        </div>\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 { useForm } from '@dragonmastery/zinia-forms-core';\nimport { formatDollar, type SetMonthlyAllocationDto } from '@dragonmastery/dragoncore-shared';\nimport { inject } from 'vue';\nimport { toast } from 'vue3-toastify';\nimport { setMonthlyAllocationSchemaWithMetadata } from './creditFormMetadata';\n\n// Props\ninterface Props {\n  onSuccess?: () => void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  onSuccess: () => {},\n});\n\nconst {\n  form,\n  zinia,\n  ZiniaForm,\n  ZiniaSubmitButton,\n  ZiniaResetButton,\n  ZiniaFormErrorsSummary,\n  clearSavedFormState,\n} = useForm(setMonthlyAllocationSchemaWithMetadata, {\n  storeName: `set-monthly-allocation-form`,\n  persistToLocalStorage: false,\n  renderStyle: 'daisy_ui',\n  fetchData: async () => {\n    return {\n      amount: '',\n    } satisfies SetMonthlyAllocationDto;\n  },\n});\n\n// Setup mutation for setting monthly allocation\nconst { mutate: setAllocation } = useMutation(\n  (api, input: SetMonthlyAllocationDto) => api.customer.setMonthlyAllocation(input),\n  { invalidate: /^customer:credit/ },\n);\n\n// Inject the refresh function\nconst refreshCredits = inject<() => void>('refreshCredits', () => {});\n\nconst beforeValidate = () => {\n  return true;\n};\n\n// Handle form submission\nconst handleSubmit = async (formData: SetMonthlyAllocationDto) => {\n  const result = await setAllocation({\n    amount: formData.amount,\n  });\n\n  if (!result) {\n    throw new Error('Failed to set monthly allocation');\n  }\n\n  return result;\n};\n\n// Handle successful submission\nconst handleSuccess = async (data: any) => {\n  clearSavedFormState();\n  toast.success(`Monthly allocation set to ${formatDollar(data.monthly)}!`);\n  refreshCredits();\n  props.onSuccess();\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","<template>\n  <div class=\"container mx-auto py-6\">\n    <h1 class=\"text-3xl font-bold mb-6\">Credit Management</h1>\n\n    <!-- Current Balance Overview -->\n    <div class=\"mb-6\">\n      <CreditBalanceOverview />\n    </div>\n\n    <!-- Management Actions -->\n    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n      <AddCredits />\n      <SetMonthlyAllocation />\n      <ResetMonthlyBalance />\n    </div>\n\n    <!-- Recent Transactions -->\n    <div class=\"mt-6\">\n      <CreditTransactionHistory />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { provide, ref } from 'vue';\nimport CreditBalanceOverview from '../../components/CreditBalanceOverview.vue';\nimport CreditTransactionHistory from '../../components/CreditTransactionHistory.vue';\nimport AddCredits from './AddCredits.vue';\nimport ResetMonthlyBalance from './ResetMonthlyBalance.vue';\nimport SetMonthlyAllocation from './SetMonthlyAllocation.vue';\n\n// Create a reactive trigger that child components can watch\nconst refreshTrigger = ref(0);\n\n// Provide the trigger function to child components\nprovide('refreshCredits', () => {\n  refreshTrigger.value++;\n});\n\n// Provide the trigger value for components to watch\nprovide('refreshTrigger', refreshTrigger);\n</script>\n"],"mappings":"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"}

package/dist/CreditManagement-Buuew7-f.js

@@ -0,0 +1,13 @@
+import "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import "./useQueryCache-alzaRWEb.js";
+import "./useMutation-BLNuJoYl.js";
+import "./useQuery-BzUGEOj0.js";
+import "./saved_filter-fHzm4pk5.js";
+import "./ConfirmDialog-DjthOYU6.js";
+import "./userAuthorized-C09FHWGL.js";
+import "./customerSupportTicketRoutes-DYG3Vlzz.js";
+import "./CreditTransactionHistory-cYyRFOdS.js";
+import { t as CreditManagement_default } from "./CreditManagement-BdRd_TLz.js";
+
+export { CreditManagement_default as default };

package/dist/CreditTransactionHistory-cYyRFOdS.js

@@ -0,0 +1,229 @@
+import { r as executeWithAuth } from "./useRpcAuth-CJtq1dqM.js";
+import { r as getRefreshTokenHandler } from "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import { t as useQuery } from "./useQuery-BzUGEOj0.js";
+import { t as formatSystemTimestamp } from "./convertToLocalDateTime-BF25N4xd.js";
+import { t as customerSupportPaths } from "./customerSupportTicketRoutes-DYG3Vlzz.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { CreditTransactionReadSchema } from "@dragonmastery/dragoncore-shared";
+import { useCursorDataTable, withMetadata } from "@dragonmastery/zinia-forms-core";
+
+//#region src/slices/customer/components/CreditBalanceOverview.vue
+const _hoisted_1$1 = { class: "card bg-base-100 shadow-xl" };
+const _hoisted_2$1 = { class: "card-body" };
+const _hoisted_3$1 = {
+	key: 0,
+	class: "flex items-center gap-2"
+};
+const _hoisted_4$1 = {
+	key: 1,
+	class: "alert alert-error"
+};
+const _hoisted_5 = {
+	key: 2,
+	class: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-4"
+};
+const _hoisted_6 = { class: "stat bg-base-200 rounded-box" };
+const _hoisted_7 = { class: "stat-value text-primary" };
+const _hoisted_8 = { class: "stat bg-base-200 rounded-box" };
+const _hoisted_9 = { class: "stat-value text-secondary" };
+const _hoisted_10 = { class: "stat bg-base-200 rounded-box" };
+const _hoisted_11 = { class: "stat-value text-accent" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "CreditBalanceOverview",
+	setup(__props) {
+		const { data, loading, error, refetch: executeQuery } = useQuery((api) => api.customer.getCreditBalance(), { staleTime: 120 * 1e3 });
+		const totalAvailable = computed(() => {
+			if (!data.value) return "0.00";
+			return ((parseFloat(data.value.monthly) || 0) + (parseFloat(data.value.rollover) || 0)).toFixed(2);
+		});
+		watch(inject("refreshTrigger", ref(0)), () => {
+			executeQuery();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [_cache[8] || (_cache[8] = createElementVNode("h2", { class: "card-title" }, "Current Balance", -1)), unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "loading loading-spinner loading-sm" }, null, -1), createElementVNode("span", null, "Loading balance...", -1)])])) : unref(error) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [..._cache[1] || (_cache[1] = [createElementVNode("span", null, "Failed to load credit balance", -1)])])) : unref(data) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+				createElementVNode("div", _hoisted_6, [
+					_cache[2] || (_cache[2] = createElementVNode("div", { class: "stat-title" }, "Monthly Credits", -1)),
+					createElementVNode("div", _hoisted_7, toDisplayString(unref(data).monthly), 1),
+					_cache[3] || (_cache[3] = createElementVNode("div", { class: "stat-desc" }, "Resets each month", -1))
+				]),
+				createElementVNode("div", _hoisted_8, [
+					_cache[4] || (_cache[4] = createElementVNode("div", { class: "stat-title" }, "Rollover Credits", -1)),
+					createElementVNode("div", _hoisted_9, toDisplayString(unref(data).rollover), 1),
+					_cache[5] || (_cache[5] = createElementVNode("div", { class: "stat-desc" }, "Accumulated balance", -1))
+				]),
+				createElementVNode("div", _hoisted_10, [
+					_cache[6] || (_cache[6] = createElementVNode("div", { class: "stat-title" }, "Total Available", -1)),
+					createElementVNode("div", _hoisted_11, toDisplayString(totalAvailable.value), 1),
+					_cache[7] || (_cache[7] = createElementVNode("div", { class: "stat-desc" }, "Ready to use", -1))
+				])
+			])) : createCommentVNode("v-if", true)])]);
+		};
+	}
+});
+var CreditBalanceOverview_default = _sfc_main$2;
+
+//#endregion
+//#region src/slices/customer/creditTransactionRowSchema.ts
+const creditTransactionRowSchemaWithMetadata = withMetadata(CreditTransactionReadSchema, "creditTransactionRowSchema", {
+	id: { label: "ID" },
+	support_ticket_id: { label: "Support Ticket" },
+	amount: { label: "Amount" },
+	type: {
+		label: "Type",
+		sortable: true,
+		filterable: true
+	},
+	description: { label: "Description" },
+	balance_after: { label: "Balance After" },
+	created_at: {
+		label: "Created At",
+		sortable: true
+	},
+	created_by: {
+		label: "Created By",
+		sortable: true
+	}
+});
+
+//#endregion
+//#region src/slices/customer/components/CreditTransactionTypeBadge.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "CreditTransactionTypeBadge",
+	props: {
+		type: {},
+		size: { default: "sm" }
+	},
+	setup(__props) {
+		const props = __props;
+		const typeClasses = computed(() => {
+			const baseClasses = `badge-${props.size}`;
+			switch (props.type) {
+				case "DEDUCTION": return `${baseClasses} badge-error`;
+				case "REFUND": return `${baseClasses} badge-success`;
+				case "PURCHASE_ONETIME": return `${baseClasses} badge-info`;
+				case "PURCHASE_RECURRING": return `${baseClasses} badge-primary`;
+				case "ADJUSTMENT": return `${baseClasses} badge-warning`;
+				default: return `${baseClasses} badge-ghost`;
+			}
+		});
+		const typeLabel = computed(() => {
+			switch (props.type) {
+				case "DEDUCTION": return "DEDUCTION";
+				case "REFUND": return "REFUND";
+				case "PURCHASE_ONETIME": return "ONE-TIME PURCHASE";
+				case "PURCHASE_RECURRING": return "RECURRING PURCHASE";
+				case "ADJUSTMENT": return "ADJUSTMENT";
+				default: return props.type.replace("_", " ").toUpperCase();
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(["badge badge-sm", typeClasses.value]) }, toDisplayString(typeLabel.value), 3);
+		};
+	}
+});
+var CreditTransactionTypeBadge_default = _sfc_main$1;
+
+//#endregion
+//#region src/slices/customer/components/CreditTransactionHistory.vue
+const _hoisted_1 = { class: "card bg-base-100 shadow-xl" };
+const _hoisted_2 = { class: "card-body" };
+const _hoisted_3 = { class: "font-mono font-bold" };
+const _hoisted_4 = { class: "flex flex-col" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "CreditTransactionHistory",
+	setup(__props) {
+		const { ZiniaDataTable, refresh } = useCursorDataTable(creditTransactionRowSchemaWithMetadata, {
+			fetchData: async ({ cursor, pageSize, filters, search }) => {
+				const variables = {
+					first: pageSize,
+					...cursor ? { after: cursor } : {},
+					...search ? { search } : {},
+					...filters
+				};
+				const result = await executeWithAuth(async (api) => {
+					return await api.customer.getCreditTransactions(variables);
+				}, { refreshTokenHandler: getRefreshTokenHandler() });
+				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_at: {
+					label: "Date",
+					field: "created_at",
+					sortable: true
+				},
+				type: {
+					label: "Type",
+					field: "type",
+					sortable: true,
+					filterable: true
+				},
+				description: {
+					label: "Description",
+					field: "description",
+					sortable: false
+				},
+				amount: {
+					label: "Amount",
+					field: "amount",
+					sortable: true
+				},
+				balance_after: {
+					label: "Balance After",
+					field: "balance_after"
+				}
+			},
+			pagination: { pageSize: 25 }
+		});
+		const formatCredits = (value) => {
+			const num = parseFloat(value);
+			return isNaN(num) ? "0.00" : num.toFixed(2);
+		};
+		const formatAmount = (amount, type) => {
+			const num = parseFloat(amount);
+			const formatted = isNaN(num) ? "0.00" : Math.abs(num).toFixed(2);
+			if (type === "DEDUCTION") return `-${formatted}`;
+			return `+${formatted}`;
+		};
+		const getAmountClass = (type) => {
+			return type === "DEDUCTION" ? "text-error" : "text-success";
+		};
+		watch(inject("refreshTrigger", ref(0)), () => {
+			refresh();
+		});
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[1] || (_cache[1] = createElementVNode("h2", { class: "card-title" }, "Transaction History", -1)), createVNode(unref(ZiniaDataTable), null, {
+				"cell-type": withCtx(({ row }) => [createVNode(CreditTransactionTypeBadge_default, {
+					type: row.type,
+					size: "sm"
+				}, null, 8, ["type"])]),
+				"cell-created_at": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatSystemTimestamp)(row.created_at)), 1)]),
+				"cell-amount": withCtx(({ row }) => [createElementVNode("span", { class: normalizeClass(["font-mono", getAmountClass(row.type)]) }, toDisplayString(formatAmount(row.amount, row.type)), 3)]),
+				"cell-balance_after": withCtx(({ row }) => [createElementVNode("span", _hoisted_3, toDisplayString(formatCredits(row.balance_after)), 1)]),
+				"cell-description": withCtx(({ row }) => [createElementVNode("div", _hoisted_4, [createElementVNode("span", null, toDisplayString(row.description || "No description"), 1), row.support_ticket_id ? (openBlock(), createBlock(_component_router_link, {
+					key: 0,
+					to: {
+						name: unref(customerSupportPaths).customer_view.name,
+						params: { id: row.support_ticket_id }
+					},
+					class: "text-xs text-primary hover:underline"
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" View Support Ticket → ", -1)])]),
+					_: 1
+				}, 8, ["to"])) : createCommentVNode("v-if", true)])]),
+				_: 1
+			})])]);
+		};
+	}
+});
+var CreditTransactionHistory_default = _sfc_main;
+
+//#endregion
+export { CreditBalanceOverview_default as i, CreditTransactionTypeBadge_default as n, creditTransactionRowSchemaWithMetadata as r, CreditTransactionHistory_default as t };
+//# sourceMappingURL=CreditTransactionHistory-cYyRFOdS.js.map