@dragonmastery/dragoncore-vue 0.0.21 → 0.0.23

package/dist/CreditManagement-BVBZQDI4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditManagement-BVBZQDI4.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-DXdIN-0d.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-CfzH0BzK.js";
+import "./ConfirmDialog-DjthOYU6.js";
+import "./userAuthorized-C09FHWGL.js";
+import "./customerSupportTicketRoutes-C7OxGAGl.js";
+import "./CreditTransactionHistory-DSu-6aDi.js";
+import { t as CreditManagement_default } from "./CreditManagement-BVBZQDI4.js";
+
+export { CreditManagement_default as default };

package/dist/CreditTransactionHistory-DSu-6aDi.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-C7OxGAGl.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-DSu-6aDi.js.map

package/dist/CreditTransactionHistory-DSu-6aDi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditTransactionHistory-DSu-6aDi.js","names":["variables: any"],"sources":["../src/slices/customer/components/CreditBalanceOverview.vue","../src/slices/customer/creditTransactionRowSchema.ts","../src/slices/customer/components/CreditTransactionTypeBadge.vue","../src/slices/customer/components/CreditTransactionHistory.vue"],"sourcesContent":["<template>\n  <div class=\"card bg-base-100 shadow-xl\">\n    <div class=\"card-body\">\n      <h2 class=\"card-title\">Current Balance</h2>\n\n      <div v-if=\"loading\" class=\"flex items-center gap-2\">\n        <span class=\"loading loading-spinner loading-sm\"></span>\n        <span>Loading balance...</span>\n      </div>\n\n      <div v-else-if=\"error\" class=\"alert alert-error\">\n        <span>Failed to load credit balance</span>\n      </div>\n\n      <div v-else-if=\"data\" class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-4\">\n        <div class=\"stat bg-base-200 rounded-box\">\n          <div class=\"stat-title\">Monthly Credits</div>\n          <div class=\"stat-value text-primary\">\n            {{ data.monthly }}\n          </div>\n          <div class=\"stat-desc\">Resets each month</div>\n        </div>\n\n        <div class=\"stat bg-base-200 rounded-box\">\n          <div class=\"stat-title\">Rollover Credits</div>\n          <div class=\"stat-value text-secondary\">\n            {{ data.rollover }}\n          </div>\n          <div class=\"stat-desc\">Accumulated balance</div>\n        </div>\n\n        <div class=\"stat bg-base-200 rounded-box\">\n          <div class=\"stat-title\">Total Available</div>\n          <div class=\"stat-value text-accent\">{{ totalAvailable }}</div>\n          <div class=\"stat-desc\">Ready to use</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useQuery } from '../../../composables/useQuery';\nimport { computed, inject, ref, watch, type Ref } from 'vue';\n\n// Fetch credit balance\nconst {\n  data,\n  loading,\n  error,\n  refetch: executeQuery,\n} = useQuery((api) => api.customer.getCreditBalance(), {\n  staleTime: 2 * 60 * 1000,\n});\n\nconst totalAvailable = computed(() => {\n  if (!data.value) return '0.00';\n  const monthly = parseFloat(data.value.monthly) || 0;\n  const rollover = parseFloat(data.value.rollover) || 0;\n  return (monthly + rollover).toFixed(2);\n});\n\n// Inject the refresh trigger\nconst refreshTrigger = inject<Ref<number>>('refreshTrigger', ref(0));\n\n// Watch for changes and refetch\nwatch(refreshTrigger, () => {\n  executeQuery();\n});\n</script>\n","import { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { CreditTransactionReadSchema } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\n\nexport const creditTransactionRowSchemaWithMetadata = withMetadata(\n  CreditTransactionReadSchema,\n  'creditTransactionRowSchema',\n  {\n    id: { label: 'ID' },\n    support_ticket_id: { label: 'Support Ticket' },\n    amount: { label: 'Amount' },\n    type: { label: 'Type', sortable: true, filterable: true },\n    description: { label: 'Description' },\n    balance_after: { label: 'Balance After' },\n    created_at: { label: 'Created At', sortable: true },\n    created_by: { label: 'Created By', sortable: true },\n  },\n);\n\nexport type CreditTransactionRow = z.infer<typeof CreditTransactionReadSchema>;\n","<template>\n  <span class=\"badge badge-sm\" :class=\"typeClasses\">\n    {{ typeLabel }}\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ninterface Props {\n  type: string;\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'sm',\n});\n\nconst typeClasses = computed(() => {\n  const baseClasses = `badge-${props.size}`;\n  switch (props.type) {\n    case 'DEDUCTION':\n      return `${baseClasses} badge-error`;\n    case 'REFUND':\n      return `${baseClasses} badge-success`;\n    case 'PURCHASE_ONETIME':\n      return `${baseClasses} badge-info`;\n    case 'PURCHASE_RECURRING':\n      return `${baseClasses} badge-primary`;\n    case 'ADJUSTMENT':\n      return `${baseClasses} badge-warning`;\n    default:\n      return `${baseClasses} badge-ghost`;\n  }\n});\n\nconst typeLabel = computed(() => {\n  switch (props.type) {\n    case 'DEDUCTION':\n      return 'DEDUCTION';\n    case 'REFUND':\n      return 'REFUND';\n    case 'PURCHASE_ONETIME':\n      return 'ONE-TIME PURCHASE';\n    case 'PURCHASE_RECURRING':\n      return 'RECURRING PURCHASE';\n    case 'ADJUSTMENT':\n      return 'ADJUSTMENT';\n    default:\n      return props.type.replace('_', ' ').toUpperCase();\n  }\n});\n</script>\n","<template>\n  <div class=\"card bg-base-100 shadow-xl\">\n    <div class=\"card-body\">\n      <h2 class=\"card-title\">Transaction History</h2>\n\n      <ZiniaDataTable>\n        <template #cell-type=\"{ row }\">\n          <CreditTransactionTypeBadge :type=\"row.type\" size=\"sm\" />\n        </template>\n\n        <template #cell-created_at=\"{ row }\">\n          {{ formatSystemTimestamp(row.created_at) }}\n        </template>\n\n        <template #cell-amount=\"{ row }\">\n          <span class=\"font-mono\" :class=\"getAmountClass(row.type)\">\n            {{ formatAmount(row.amount, row.type) }}\n          </span>\n        </template>\n\n        <template #cell-balance_after=\"{ row }\">\n          <span class=\"font-mono font-bold\">\n            {{ formatCredits(row.balance_after) }}\n          </span>\n        </template>\n\n        <template #cell-description=\"{ row }\">\n          <div class=\"flex flex-col\">\n            <span>{{ row.description || 'No description' }}</span>\n            <router-link\n              v-if=\"row.support_ticket_id\"\n              :to=\"{\n                name: customerSupportPaths.customer_view.name,\n                params: { id: row.support_ticket_id },\n              }\"\n              class=\"text-xs text-primary hover:underline\"\n            >\n              View Support Ticket →\n            </router-link>\n          </div>\n        </template>\n      </ZiniaDataTable>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { executeWithAuth } from '../../../composables/useRpcAuth';\nimport { getRefreshTokenHandler } from '../../../utils/EnhancedRefreshTokenHandler';\nimport { formatSystemTimestamp } from '../../../utils/convertToLocalDateTime';\nimport { useCursorDataTable } from '@dragonmastery/zinia-forms-core';\nimport { inject, ref, watch, type Ref } from 'vue';\nimport { customerSupportPaths } from '../../support_ticket/customer/customerSupportTicketRoutes';\nimport { creditTransactionRowSchemaWithMetadata } from '../creditTransactionRowSchema';\nimport CreditTransactionTypeBadge from './CreditTransactionTypeBadge.vue';\n\n// Set up data table with cursor breadcrumb pagination\nconst { ZiniaDataTable, refresh } = useCursorDataTable(\n  creditTransactionRowSchemaWithMetadata,\n  {\n    fetchData: async ({ cursor, pageSize, filters, search }) => {\n      const variables: any = {\n        first: pageSize,\n        ...(cursor ? { after: cursor } : {}),\n        ...(search ? { search } : {}),\n        ...filters,\n      };\n\n      const result = await executeWithAuth(\n        async (api) => {\n          return await api.customer.getCreditTransactions(variables);\n        },\n        { refreshTokenHandler: getRefreshTokenHandler() },\n      );\n\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    columns: {\n      created_at: {\n        label: 'Date',\n        field: 'created_at',\n        sortable: true,\n      },\n      type: {\n        label: 'Type',\n        field: 'type',\n        sortable: true,\n        filterable: true,\n      },\n      description: {\n        label: 'Description',\n        field: 'description',\n        sortable: false,\n      },\n      amount: {\n        label: 'Amount',\n        field: 'amount',\n        sortable: true,\n      },\n      balance_after: {\n        label: 'Balance After',\n        field: 'balance_after',\n      },\n    },\n    pagination: { pageSize: 25 },\n  },\n);\n\n// Utility functions for formatting\nconst formatCredits = (value: string) => {\n  const num = parseFloat(value);\n  return isNaN(num) ? '0.00' : num.toFixed(2);\n};\n\nconst formatAmount = (amount: string, type: string) => {\n  const num = parseFloat(amount);\n  const formatted = isNaN(num) ? '0.00' : Math.abs(num).toFixed(2);\n\n  if (type === 'DEDUCTION') {\n    return `-${formatted}`;\n  }\n  return `+${formatted}`;\n};\n\nconst getAmountClass = (type: string) => {\n  return type === 'DEDUCTION' ? 'text-error' : 'text-success';\n};\n\n// Inject the refresh trigger\nconst refreshTrigger = inject<Ref<number>>('refreshTrigger', ref(0));\n\n// Watch for changes and refetch\nwatch(refreshTrigger, () => {\n  refresh();\n});\n</script>\n"],"mappings":"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"}

package/dist/CustomerCreateSupportTicketForm-BsjX8Pja.js

@@ -0,0 +1,14 @@
+import "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import "./useQueryCache-alzaRWEb.js";
+import "./useMutation-BLNuJoYl.js";
+import "./useQuery-BzUGEOj0.js";
+import "./saved_filter-CfzH0BzK.js";
+import "./ConfirmDialog-DjthOYU6.js";
+import "./InlineAttachments-DAn_QknY.js";
+import "./FieldsetSection-Cd4B8Ad7.js";
+import "./userAuthorized-C09FHWGL.js";
+import "./customerSupportTicketRoutes-C7OxGAGl.js";
+import { t as CustomerCreateSupportTicketForm_default } from "./CustomerCreateSupportTicketForm-kf8YIGjx.js";
+
+export { CustomerCreateSupportTicketForm_default as default };

package/dist/CustomerCreateSupportTicketForm-kf8YIGjx.js

@@ -0,0 +1,158 @@
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { t as InlineAttachments_default } from "./InlineAttachments-DAn_QknY.js";
+import { t as FieldsetSection_default } from "./FieldsetSection-Cd4B8Ad7.js";
+import { t as customerSupportPaths } from "./customerSupportTicketRoutes-C7OxGAGl.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { useRouter } from "vue-router";
+import { toast } from "vue3-toastify";
+import { CustomerSupportTicketCreateSchema, CustomerSupportTicketUpdateSchema, SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL, SUPPORT_TICKET_PRIORITY_TO_NUMBER } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+
+//#region src/slices/support_ticket/customer/customerSupportTicketMetadata.ts
+const customerSupportTicketCreateSchemaWithMetadata = withMetadata(CustomerSupportTicketCreateSchema, "customerSupportTicketCreateSchema", {
+	description: {
+		inputType: "textarea",
+		placeholder: "Enter description"
+	},
+	priority: {
+		inputType: "select",
+		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
+		valueType: "number"
+	}
+});
+const customerSupportTicketUpdateSchemaWithMetadata = withMetadata(CustomerSupportTicketUpdateSchema, "customerSupportTicketUpdateSchema", {
+	description: {
+		inputType: "textarea",
+		placeholder: "Enter description"
+	},
+	priority: {
+		inputType: "select",
+		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
+		valueType: "number"
+	}
+});
+
+//#endregion
+//#region src/slices/support_ticket/customer/CustomerCreateSupportTicketForm.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "flex flex-col items-center justify-center p-8"
+};
+const _hoisted_2 = {
+	key: 1,
+	class: "flex flex-col items-center justify-center p-8"
+};
+const _hoisted_3 = { class: "mt-4 text-lg" };
+const _hoisted_4 = { class: "mt-6" };
+const _hoisted_5 = {
+	key: 0,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_6 = { class: "flex justify-center mt-6" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "CustomerCreateSupportTicketForm",
+	setup(__props) {
+		const router = useRouter();
+		const attachmentsRef = ref(null);
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary, clearSavedFormState } = useForm(customerSupportTicketCreateSchemaWithMetadata, {
+			storeName: `create-customer-support-ticket`,
+			persistToLocalStorage: true,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				return {
+					title: "",
+					type: "IMPROVEMENT",
+					priority: SUPPORT_TICKET_PRIORITY_TO_NUMBER.MEDIUM,
+					description: ""
+				};
+			}
+		});
+		const { mutate: createSupportTicket } = useMutation((api, input) => api.supportTickets.createTicket(input), { invalidate: /^support-tickets?:/ });
+		const beforeValidate = () => {
+			return true;
+		};
+		const handleSubmit = async (formData) => {
+			const createdSupportTicket = await createSupportTicket(formData);
+			if (!createdSupportTicket) throw new Error("Failed to create support ticket");
+			return createdSupportTicket;
+		};
+		const handleFilesQueued = (_files) => {};
+		const handleSuccess = async (createdSupportTicket) => {
+			if (attachmentsRef.value) try {
+				await attachmentsRef.value.uploadQueuedFiles(createdSupportTicket.id);
+			} catch (error) {
+				console.error("Failed to upload attachments:", error);
+				toast.warning("Ticket created, but some attachments failed to upload. You can add them later.");
+			}
+			clearSavedFormState();
+			await router.push({ name: customerSupportPaths.customer_create_success.name });
+			toast.success(`Support Ticket "${createdSupportTicket.title}" submitted successfully! Our team will review it shortly.`);
+		};
+		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("div", { class: "loading loading-spinner loading-lg" }, null, -1), createElementVNode("p", { class: "mt-4 text-lg" }, "Loading...", -1)])])) : unref(form).loadError ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("p", _hoisted_3, toDisplayString(unref(form).loadError), 1)])) : (openBlock(), createBlock(unref(ZiniaForm), {
+				key: 2,
+				onBeforeValidate: beforeValidate,
+				onHandleSubmit: handleSubmit,
+				onSuccess: handleSuccess,
+				onError: handleError,
+				title: "Create Support Ticket",
+				subtitle: "Submit your support ticket or feature request"
+			}, {
+				default: withCtx(() => [
+					createCommentVNode(" Basic Information "),
+					createVNode(FieldsetSection_default, { title: "Support Ticket Details" }, {
+						default: withCtx(() => [
+							createVNode(unref(zinia).TitleField, { placeholder: "Enter a clear, descriptive title" }),
+							createVNode(unref(zinia).TypeField),
+							createVNode(unref(zinia).PriorityField)
+						]),
+						_: 1
+					}),
+					createVNode(FieldsetSection_default, { title: "Description" }, {
+						default: withCtx(() => [createVNode(unref(zinia).DescriptionField, {
+							class: "w-full",
+							placeholder: "Provide detailed information about your support ticket, including steps to reproduce (for bugs) or specific requirements (for features)"
+						})]),
+						_: 1
+					}),
+					createCommentVNode(" Attachments (Jira-style inline) - Files will be uploaded after ticket creation "),
+					createElementVNode("div", _hoisted_4, [createVNode(InlineAttachments_default, {
+						"can-upload": true,
+						"can-delete": false,
+						onFilesQueued: handleFilesQueued,
+						ref_key: "attachmentsRef",
+						ref: attachmentsRef
+					}, null, 512)]),
+					createCommentVNode(" Form Status Messages "),
+					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_5, [_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).submitError), 1)])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Submit Button "),
+					createElementVNode("div", _hoisted_6, [createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Create",
+						submittingText: "Submitting Support Ticket..."
+					})]),
+					createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
+					createVNode(unref(ZiniaResetButton))
+				]),
+				_: 1
+			}));
+		};
+	}
+});
+var CustomerCreateSupportTicketForm_default = _sfc_main;
+
+//#endregion
+export { customerSupportTicketCreateSchemaWithMetadata as n, customerSupportTicketUpdateSchemaWithMetadata as r, CustomerCreateSupportTicketForm_default as t };
+//# sourceMappingURL=CustomerCreateSupportTicketForm-kf8YIGjx.js.map

package/dist/CustomerCreateSupportTicketForm-kf8YIGjx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerCreateSupportTicketForm-kf8YIGjx.js","names":[],"sources":["../src/slices/support_ticket/customer/customerSupportTicketMetadata.ts","../src/slices/support_ticket/customer/CustomerCreateSupportTicketForm.vue"],"sourcesContent":["import {\n  CustomerSupportTicketCreateSchema,\n  CustomerSupportTicketUpdateSchema,\n  SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,\n} from '@dragonmastery/dragoncore-shared';\nimport {\n  type UseFormTyped,\n  withMetadata,\n  ZINIA_FIELDS_KEY,\n  ZINIA_FORM_KEY,\n} from '@dragonmastery/zinia-forms-core';\nimport { inject } from 'vue';\n\n// Create schema (no ID)\nexport const customerSupportTicketCreateSchemaWithMetadata = withMetadata(\n  CustomerSupportTicketCreateSchema,\n  'customerSupportTicketCreateSchema',\n  {\n    description: {\n      inputType: 'textarea',\n      placeholder: 'Enter description',\n    },\n    priority: {\n      inputType: 'select',\n      valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,\n      valueType: 'number',\n    },\n  },\n);\n\n// Update schema (with ID)\nexport const customerSupportTicketUpdateSchemaWithMetadata = withMetadata(\n  CustomerSupportTicketUpdateSchema,\n  'customerSupportTicketUpdateSchema',\n  {\n    description: {\n      inputType: 'textarea',\n      placeholder: 'Enter description',\n    },\n    priority: {\n      inputType: 'select',\n      valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,\n      valueType: 'number',\n    },\n  },\n);\n\nexport type CustomerSupportTicketCreateFormDto = UseFormTyped<\n  typeof CustomerSupportTicketCreateSchema\n>;\nexport type CustomerSupportTicketUpdateFormDto = UseFormTyped<\n  typeof CustomerSupportTicketUpdateSchema\n>;\n\nexport const injectCustomerSupportTicketCreateForm = () =>\n  inject<CustomerSupportTicketCreateFormDto['form']>(ZINIA_FORM_KEY);\nexport const injectCustomerSupportTicketUpdateForm = () =>\n  inject<CustomerSupportTicketUpdateFormDto['form']>(ZINIA_FORM_KEY);\nexport const injectCustomerSupportTicketZinia = () =>\n  inject<\n    CustomerSupportTicketCreateFormDto['zinia'] | CustomerSupportTicketUpdateFormDto['zinia']\n  >(ZINIA_FIELDS_KEY);\n","<template>\n  <div v-if=\"form.isLoading\" class=\"flex flex-col items-center justify-center p-8\">\n    <div class=\"loading loading-spinner loading-lg\"></div>\n    <p class=\"mt-4 text-lg\">Loading...</p>\n  </div>\n  <div v-else-if=\"form.loadError\" class=\"flex flex-col items-center justify-center p-8\">\n    <p class=\"mt-4 text-lg\">{{ form.loadError }}</p>\n  </div>\n  <ZiniaForm\n    v-else\n    @before-validate=\"beforeValidate\"\n    @handle-submit=\"handleSubmit\"\n    @success=\"handleSuccess\"\n    @error=\"handleError\"\n    title=\"Create Support Ticket\"\n    subtitle=\"Submit your support ticket or feature request\"\n  >\n    <!-- Basic Information -->\n    <FieldsetSection title=\"Support Ticket Details\">\n      <zinia.TitleField placeholder=\"Enter a clear, descriptive title\" />\n      <zinia.TypeField />\n      <zinia.PriorityField />\n    </FieldsetSection>\n\n    <FieldsetSection title=\"Description\">\n      <zinia.DescriptionField\n        class=\"w-full\"\n        placeholder=\"Provide detailed information about your support ticket, including steps to reproduce (for bugs) or specific requirements (for features)\"\n      />\n    </FieldsetSection>\n\n    <!-- Attachments (Jira-style inline) - Files will be uploaded after ticket creation -->\n    <div class=\"mt-6\">\n      <InlineAttachments\n        :can-upload=\"true\"\n        :can-delete=\"false\"\n        @files-queued=\"handleFilesQueued\"\n        ref=\"attachmentsRef\"\n      />\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 submitText=\"Create\" submittingText=\"Submitting Support Ticket...\" />\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 { customerSupportTicketCreateSchemaWithMetadata } from './customerSupportTicketMetadata';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport {\n  SUPPORT_TICKET_PRIORITY_TO_NUMBER,\n  type CustomerSupportTicketCreateDto,\n  type CustomerSupportTicketReadDto,\n} from '@dragonmastery/dragoncore-shared';\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport InlineAttachments from '../shared/InlineAttachments.vue';\nimport { customerSupportPaths } from './customerSupportTicketRoutes';\n\nconst router = useRouter();\nconst attachmentsRef = ref<InstanceType<typeof InlineAttachments> | null>(null);\n\nconst {\n  form,\n  zinia,\n  ZiniaForm,\n  ZiniaSubmitButton,\n  ZiniaResetButton,\n  ZiniaFormErrorsSummary,\n  clearSavedFormState,\n} = useForm(customerSupportTicketCreateSchemaWithMetadata, {\n  storeName: `create-customer-support-ticket`,\n  persistToLocalStorage: true,\n  renderStyle: 'daisy_ui',\n  fetchData: async () => {\n    // Return default values for new customer support ticket\n    return {\n      title: '',\n      type: 'IMPROVEMENT' as const,\n      priority: SUPPORT_TICKET_PRIORITY_TO_NUMBER.MEDIUM,\n      description: '',\n    } satisfies CustomerSupportTicketCreateDto;\n  },\n});\n\n// Setup mutation for creating customer support ticket\nconst { mutate: createSupportTicket } = useMutation(\n  (api, input: CustomerSupportTicketCreateDto) => api.supportTickets.createTicket(input),\n  { invalidate: /^support-tickets?:/ },\n);\n\nconst beforeValidate = () => {\n  return true;\n};\n\n// Handle form submission\nconst handleSubmit = async (formData: CustomerSupportTicketCreateDto) => {\n  const createdSupportTicket = await createSupportTicket(formData);\n  if (!createdSupportTicket) {\n    throw new Error('Failed to create support ticket');\n  }\n  return createdSupportTicket;\n};\n\n// Handle files queued during form filling\nconst handleFilesQueued = (_files: File[]) => {\n  // Files are queued and will be uploaded after ticket creation\n};\n\n// Handle successful submission\nconst handleSuccess = async (createdSupportTicket: CustomerSupportTicketReadDto) => {\n  // Upload any queued files after ticket creation\n  if (attachmentsRef.value) {\n    try {\n      await attachmentsRef.value.uploadQueuedFiles(createdSupportTicket.id);\n    } catch (error) {\n      console.error('Failed to upload attachments:', error);\n      // Don't block success - attachments can be added later\n      toast.warning(\n        'Ticket created, but some attachments failed to upload. You can add them later.',\n      );\n    }\n  }\n\n  clearSavedFormState();\n  await router.push({\n    name: customerSupportPaths.customer_create_success.name,\n  });\n  toast.success(\n    `Support Ticket \"${createdSupportTicket.title}\" submitted successfully! Our team will review it shortly.`,\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/{CustomerSupportTicketDetailPage-BdyaKG1v.js → CustomerSupportTicketDetailPage-C_-YoAaP.js}

@@ -1,11 +1,14 @@
-import { t as BATCH_MODE } from "./useRpcAuth-rmHf7bYx.js";
-import "./useQueryCache-Bjm-S8v5.js";
-import { t as useMutation } from "./useMutation-BTsyHKyn.js";
-import { t as useQuery } from "./useQuery-BggIE52P.js";
-import { a as SupportTicketTypeBadge_default, c as formatCustomerCreditValue, i as SupportTicketApprovalBadge_default, n as TimelineItem_default, o as SupportTicketPriorityBadge_default, r as formatTicketDate, t as TimelineSystemEvent_default } from "./TimelineSystemEvent-BHzFr46C.js";
-import { t as extractRpcErrorMessage } from "./extractRpcErrorMessage-Di8E8-Wh.js";
-import { t as formatTicketDisplayId } from "./displayIdFormatter-Dz900Awr.js";
-import { a as SupportTicketAttachmentsCollapsible_default, i as parseRecordVersions, n as MetadataField_default, r as ActionBannerAlert_default, t as TimelineNoteInput_default } from "./TimelineNoteInput-0p-M4Qie.js";
+import { t as BATCH_MODE } from "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import "./useQueryCache-alzaRWEb.js";
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { t as useQuery } from "./useQuery-BzUGEOj0.js";
+import "./ConfirmDialog-DjthOYU6.js";
+import "./InlineAttachments-DAn_QknY.js";
+import { t as extractRpcErrorMessage } from "./extractRpcErrorMessage-diUBl6Ij.js";
+import { a as SupportTicketTypeBadge_default, i as SupportTicketApprovalBadge_default, n as TimelineItem_default, o as SupportTicketPriorityBadge_default, r as formatTicketDate, s as formatCustomerCreditValue, t as TimelineSystemEvent_default } from "./TimelineSystemEvent-zCMUx5Zz.js";
+import { t as formatTicketDisplayId } from "./displayIdFormatter-B-_WQHOr.js";
+import { a as SupportTicketAttachmentsCollapsible_default, i as parseRecordVersions, n as MetadataField_default, r as ActionBannerAlert_default, t as TimelineNoteInput_default } from "./TimelineNoteInput-DXaodm43.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { toast } from "vue3-toastify";
@@ -714,4 +717,4 @@ var CustomerSupportTicketDetailPage_default = _sfc_main;
 
 //#endregion
 export { CustomerSupportTicketDetailPage_default as default };
-//# sourceMappingURL=CustomerSupportTicketDetailPage-BdyaKG1v.js.map
+//# sourceMappingURL=CustomerSupportTicketDetailPage-C_-YoAaP.js.map