@dragonmastery/dragoncore-vue 0.0.28 → 0.0.30

package/dist/{CreditTransactionHistory-plIaRscn.js.map → CreditTransactionHistory-UPg9uDNy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreditTransactionHistory-plIaRscn.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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"}
+{"version":3,"file":"CreditTransactionHistory-UPg9uDNy.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-D72blvMU.js → CustomerCreateSupportTicketForm-CiTTUqtW.js}

@@ -3,12 +3,12 @@ import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
 import "./useQueryCache-alzaRWEb.js";
 import "./useMutation-BLNuJoYl.js";
 import "./useQuery-BzUGEOj0.js";
-import "./saved_filter-jeZd2rlb.js";
+import "./saved_filter-C2N9l_a9.js";
 import "./ConfirmDialog-DjthOYU6.js";
 import "./InlineAttachments-DAn_QknY.js";
-import "./FieldsetSection-CH1jAwcc.js";
-import "./userAuthorized-klLUHGxT.js";
-import "./customerSupportTicketRoutes-Cy4fp4wx.js";
-import { t as CustomerCreateSupportTicketForm_default } from "./CustomerCreateSupportTicketForm-Co6C_P5o.js";
+import "./FieldsetSection-Br_sygWW.js";
+import "./userAuthorized-3RiCDXxr.js";
+import "./customerSupportTicketRoutes-C-DKBy5g.js";
+import { t as CustomerCreateSupportTicketForm_default } from "./CustomerCreateSupportTicketForm-DFH1JtlA.js";
 
 export { CustomerCreateSupportTicketForm_default as default };

package/dist/{CustomerCreateSupportTicketForm-Co6C_P5o.js → CustomerCreateSupportTicketForm-DFH1JtlA.js}

@@ -1,7 +1,7 @@
 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-CH1jAwcc.js";
-import { t as customerSupportPaths } from "./customerSupportTicketRoutes-Cy4fp4wx.js";
+import { t as FieldsetSection_default } from "./FieldsetSection-Br_sygWW.js";
+import { t as customerSupportPaths } from "./customerSupportTicketRoutes-C-DKBy5g.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";
@@ -155,4 +155,4 @@ var CustomerCreateSupportTicketForm_default = _sfc_main;
 
 //#endregion
 export { customerSupportTicketCreateSchemaWithMetadata as n, customerSupportTicketUpdateSchemaWithMetadata as r, CustomerCreateSupportTicketForm_default as t };
-//# sourceMappingURL=CustomerCreateSupportTicketForm-Co6C_P5o.js.map
+//# sourceMappingURL=CustomerCreateSupportTicketForm-DFH1JtlA.js.map

package/dist/{CustomerCreateSupportTicketForm-Co6C_P5o.js.map → CustomerCreateSupportTicketForm-DFH1JtlA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CustomerCreateSupportTicketForm-Co6C_P5o.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":";;;;;;;;;;;AAcA,MAAa,gDAAgD,aAC3D,mCACA,qCACA;CACE,aAAa;EACX,WAAW;EACX,aAAa;EACd;CACD,UAAU;EACR,WAAW;EACX,cAAc;EACd,WAAW;EACZ;CACF,CACF;AAGD,MAAa,gDAAgD,aAC3D,mCACA,qCACA;CACE,aAAa;EACX,WAAW;EACX,aAAa;EACd;CACD,UAAU;EACR,WAAW;EACX,cAAc;EACd,WAAW;EACZ;CACF,CACF;;;;;;;;;;;;;;;;;;;;;;ECuCD,MAAM,SAAS,WAAW;EAC1B,MAAM,iBAAiB,IAAmD,KAAK;EAE/E,MAAM,EACJ,MACA,OACA,WACA,mBACA,kBACA,wBACA,wBACE,QAAQ,+CAA+C;GACzD,WAAW;GACX,uBAAuB;GACvB,aAAa;GACb,WAAW,YAAY;AAErB,WAAO;KACL,OAAO;KACP,MAAM;KACN,UAAU,kCAAkC;KAC5C,aAAa;KACd;;GAEJ,CAAC;EAGF,MAAM,EAAE,QAAQ,wBAAwB,aACrC,KAAK,UAA0C,IAAI,eAAe,aAAa,MAAM,EACtF,EAAE,YAAY,sBAAsB,CACrC;EAED,MAAM,uBAAuB;AAC3B,UAAO;;EAIT,MAAM,eAAe,OAAO,aAA6C;GACvE,MAAM,uBAAuB,MAAM,oBAAoB,SAAS;AAChE,OAAI,CAAC,qBACH,OAAM,IAAI,MAAM,kCAAkC;AAEpD,UAAO;;EAIT,MAAM,qBAAqB,WAAmB;EAK9C,MAAM,gBAAgB,OAAO,yBAAuD;AAElF,OAAI,eAAe,MACjB,KAAI;AACF,UAAM,eAAe,MAAM,kBAAkB,qBAAqB,GAAG;YAC9D,OAAO;AACd,YAAQ,MAAM,iCAAiC,MAAM;AAErD,UAAM,QACJ,iFACD;;AAIL,wBAAqB;AACrB,SAAM,OAAO,KAAK,EAChB,MAAM,qBAAqB,wBAAwB,MACpD,CAAC;AACF,SAAM,QACJ,mBAAmB,qBAAqB,MAAM,4DAC/C;;EAIH,MAAM,eAAe,UAA2B;AAC9C,QAAK,eAAe,iBAAiB,QAAQ,MAAM,UAAU,4BAA4B;;;UA/J9E,MAAA,KAAI,CAAC,aAAA,WAAA,EAAhB,mBAGM,OAHN,YAGM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAAsD,OAAA,EAAjD,OAAM,sCAAoC,EAAA,MAAA,GAAA,EAC/C,mBAAsC,KAAA,EAAnC,OAAM,gBAAc,EAAC,cAAU,GAAA,CAAA,EAAA,CAAA,IAEpB,MAAA,KAAI,CAAC,aAAA,WAAA,EAArB,mBAEM,OAFN,YAEM,CADJ,mBAAgD,KAAhD,YAAgD,gBAArB,MAAA,KAAI,CAAC,UAAS,EAAA,EAAA,CAAA,CAAA,KAAA,WAAA,EAE3C,YAyDY,MAAA,UAAA,EAAA;;IAvDT,kBAAiB;IACjB,gBAAe;IACf,WAAS;IACT,SAAO;IACR,OAAM;IACN,UAAS;;2BAEiB;KAA1B,mBAAA,sBAA0B;KAC1B,YAIkB,yBAAA,EAJD,OAAM,0BAAwB,EAAA;6BACsB;OAAnE,YAAmE,MAAA,MAAA,CAAA,YAAA,EAAjD,aAAY,oCAAkC,CAAA;OAChE,YAAmB,MAAA,MAAA,CAAA,UAAA;OACnB,YAAuB,MAAA,MAAA,CAAA,cAAA;;;;KAGzB,YAKkB,yBAAA,EALD,OAAM,eAAa,EAAA;6BAIhC,CAHF,YAGE,MAAA,MAAA,CAAA,kBAAA;OAFA,OAAM;OACN,aAAY;;;;KAIhB,mBAAA,mFAAuF;KACvF,mBAOM,OAPN,YAOM,CANJ,YAKE,2BAAA;MAJC,cAAY;MACZ,cAAY;MACZ,eAAc;eACX;MAAJ,KAAI;;KAIR,mBAAA,yBAA6B;KAClB,MAAA,KAAI,CAAC,eAAA,WAAA,EAAhB,mBAeM,OAfN,YAeM,CAAA,OAAA,OAAA,OAAA,KAdJ,mBAYM,OAAA;MAXJ,OAAM;MACN,OAAM;MACN,MAAK;MACL,SAAQ;SAER,mBAKE,QAAA;MAJA,kBAAe;MACf,mBAAgB;MAChB,gBAAa;MACb,GAAE;gBAGN,mBAAmC,QAAA,MAAA,gBAA1B,MAAA,KAAI,CAAC,YAAW,EAAA,EAAA,CAAA,CAAA,IAAA,mBAAA,QAAA,KAAA;KAG3B,mBAAA,kBAAsB;KACtB,mBAEM,OAFN,YAEM,CADJ,YAAuF,MAAA,kBAAA,EAAA;MAApE,YAAW;MAAS,gBAAe;;KAExD,YAAmE,MAAA,uBAAA,EAAA,EAA3C,OAAM,oCAAkC,CAAA;KAChE,YAAoB,MAAA,iBAAA,CAAA"}
+{"version":3,"file":"CustomerCreateSupportTicketForm-DFH1JtlA.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-CUkf9swo.js → CustomerSupportTicketDetailPage-DAwiE2t6.js}

@@ -5,10 +5,10 @@ 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-CAaeVysa.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-Ch1sZiyO.js";
-import { t as formatTicketDisplayId } from "./displayIdFormatter-Cr-QaEk1.js";
-import { a as SupportTicketAttachmentsCollapsible_default, i as parseRecordVersions, n as MetadataField_default, r as ActionBannerAlert_default, t as TimelineNoteInput_default } from "./TimelineNoteInput-DXZhcUkH.js";
+import { t as extractRpcErrorMessage } from "./extractRpcErrorMessage-Df8-CJGV.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-D5fkhkZT.js";
+import { t as formatTicketDisplayId } from "./displayIdFormatter-Ca4Al9iB.js";
+import { a as SupportTicketAttachmentsCollapsible_default, i as parseRecordVersions, n as MetadataField_default, r as ActionBannerAlert_default, t as TimelineNoteInput_default } from "./TimelineNoteInput-BBZv3X4p.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";
@@ -717,4 +717,4 @@ var CustomerSupportTicketDetailPage_default = _sfc_main;
 
 //#endregion
 export { CustomerSupportTicketDetailPage_default as default };
-//# sourceMappingURL=CustomerSupportTicketDetailPage-CUkf9swo.js.map
+//# sourceMappingURL=CustomerSupportTicketDetailPage-DAwiE2t6.js.map

package/dist/{CustomerSupportTicketDetailPage-CUkf9swo.js.map → CustomerSupportTicketDetailPage-DAwiE2t6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CustomerSupportTicketDetailPage-CUkf9swo.js","names":["$emit","items: TimelineItem[]"],"sources":["../src/slices/support_ticket/customer/components/CustomerActionBanner.vue","../src/slices/support_ticket/customer/components/CustomerMetadataCard.vue","../src/slices/support_ticket/customer/components/CustomerSupportTicketSubscribeControl.vue","../src/slices/support_ticket/customer/customerMetadataCardEditFormMetadata.ts","../src/slices/support_ticket/customer/components/CustomerMetadataCardEdit.vue","../src/slices/support_ticket/customer/components/CustomerTimeline.vue","../src/slices/support_ticket/customer/CustomerSupportTicketDetailPage.vue"],"sourcesContent":["<template>\n  <ActionBannerAlert v-if=\"isArchived\" variant=\"neutral\" icon=\"archive\">\n    This ticket is archived. Comments, edits, and attachments are locked for both customer and staff.\n  </ActionBannerAlert>\n  <ActionBannerAlert v-else-if=\"isApproved\" variant=\"success\" icon=\"lock\">\n    This ticket was approved on {{ lockedDateFormatted }}.\n  </ActionBannerAlert>\n  <ActionBannerAlert v-else-if=\"isRejected\" variant=\"error\" icon=\"lock\">\n    This ticket was rejected on {{ lockedDateFormatted }}.\n  </ActionBannerAlert>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CustomerSupportTicketReadDto } from '@dragonmastery/dragoncore-shared';\nimport { computed } from 'vue';\nimport { formatTicketDate } from '../../utils/formatTicketDate';\nimport ActionBannerAlert from '../../shared/ActionBannerAlert.vue';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n}\n\nconst props = defineProps<Props>();\n\nconst isArchived = computed(() => !!props.ticket.archived_at);\n\nconst isApproved = computed(() => {\n  const t = props.ticket;\n  return !!t.is_locked && !!t.locked_approval_at && t.status !== 'CANCELLED';\n});\n\nconst isRejected = computed(() => {\n  const t = props.ticket;\n  return !!t.is_locked && !!t.locked_approval_at && t.status === 'CANCELLED';\n});\n\nconst lockedDateFormatted = computed(() => {\n  const at = props.ticket.locked_approval_at;\n  if (!at) return '';\n  return formatTicketDate(at).formatted;\n});\n</script>\n","<template>\n  <div class=\"border border-base-200 rounded-lg p-4 md:p-6\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3\">\n      <MetadataField label=\"Status\">\n        <SupportTicketApprovalBadge\n          :approval-status=\"displayApprovalStatus\"\n          size=\"sm\"\n        />\n      </MetadataField>\n      <MetadataField label=\"Type\">\n        <SupportTicketTypeBadge :type=\"ticket.type\" size=\"sm\" />\n      </MetadataField>\n      <MetadataField label=\"Priority\">\n        <SupportTicketPriorityBadge :priority=\"ticket.priority\" size=\"sm\" />\n      </MetadataField>\n      <MetadataField label=\"Requester\">\n        {{ ticket.created_by_display_name }}\n      </MetadataField>\n      <div class=\"md:col-span-2\">\n        <MetadataField label=\"Description\">\n          <p v-if=\"ticket.description?.trim()\" class=\"whitespace-pre-wrap text-sm\">\n            {{ ticket.description }}\n          </p>\n          <template #empty>\n            <span class=\"text-base-content/50 italic text-sm\">No description provided</span>\n          </template>\n        </MetadataField>\n      </div>\n      <MetadataField label=\"Ticket ID\" :copyable=\"true\">\n        {{ ticketDisplayId }}\n      </MetadataField>\n      <MetadataField label=\"Created\">\n        {{ createdFormatted }}\n        <span v-if=\"createdRelative\" class=\"text-base-content/50\">· {{ createdRelative }}</span>\n      </MetadataField>\n      <template v-if=\"showCredits\">\n        <MetadataField label=\"Credits\">\n          {{ creditDisplay }}\n        </MetadataField>\n      </template>\n      <template v-if=\"ticket.target_at\">\n        <MetadataField label=\"Target\">\n          {{ targetFormatted }}\n          <span class=\"text-base-content/50\">· {{ targetRelative }}</span>\n        </MetadataField>\n      </template>\n      <template v-if=\"ticket.completed_at\">\n        <MetadataField label=\"Completed\">\n          {{ completedFormatted }}\n          <span class=\"text-base-content/50\">· {{ completedRelative }}</span>\n        </MetadataField>\n      </template>\n    </div>\n    <div v-if=\"canEdit\" class=\"flex justify-end gap-2 mt-4\">\n      <button type=\"button\" class=\"btn btn-sm\" @click=\"$emit('edit')\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke-width=\"1.5\"\n          stroke=\"currentColor\"\n          class=\"w-4 h-4 mr-2\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10\"\n          />\n        </svg>\n        Edit\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CustomerSupportTicketReadDto } from '@dragonmastery/dragoncore-shared';\nimport type { SupportTicketApproval } from '@dragonmastery/dragoncore-shared';\nimport MetadataField from '../../shared/MetadataField.vue';\nimport SupportTicketApprovalBadge from '../../shared/SupportTicketApprovalBadge.vue';\nimport SupportTicketTypeBadge from '../../shared/SupportTicketTypeBadge.vue';\nimport SupportTicketPriorityBadge from '../../shared/SupportTicketPriorityBadge.vue';\nimport { formatTicketDate } from '../../utils/formatTicketDate';\nimport { formatTicketDisplayId } from '../../utils/displayIdFormatter';\nimport { formatCustomerCreditValue } from '../../utils/creditValueFormatter';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n}\n\ndefineEmits<{ edit: [] }>();\n\nconst props = defineProps<Props>();\n\nconst canEdit = computed(() => !props.ticket.is_locked && !props.ticket.archived_at);\n\nconst displayApprovalStatus = computed((): SupportTicketApproval => {\n  const s = props.ticket.status;\n  if (s === 'PENDING') return 'PENDING';\n  if (s === 'CANCELLED') return 'REJECTED';\n  return 'APPROVED';\n});\n\nconst ticketDisplayId = computed(() =>\n  formatTicketDisplayId(\n    props.ticket.display_id,\n    props.ticket.display_id_prefix,\n    props.ticket.id,\n  ),\n);\n\nconst createdFormatted = computed(() => {\n  const at = props.ticket.created_at;\n  return at ? formatTicketDate(at).formatted : '';\n});\nconst createdRelative = computed(() => {\n  const at = props.ticket.created_at;\n  return at ? formatTicketDate(at).relative : '';\n});\n\nconst showCredits = computed(() => {\n  return !!props.ticket.is_locked && !!props.ticket.locked_approval_at;\n});\n\nconst creditDisplay = computed(() => formatCustomerCreditValue(props.ticket.credit_value));\n\nconst targetFormatted = computed(() =>\n  props.ticket.target_at ? formatTicketDate(props.ticket.target_at!).formatted : '',\n);\nconst targetRelative = computed(() =>\n  props.ticket.target_at ? formatTicketDate(props.ticket.target_at!).relative : '',\n);\n\nconst completedFormatted = computed(() =>\n  props.ticket.completed_at ? formatTicketDate(props.ticket.completed_at!).formatted : '',\n);\nconst completedRelative = computed(() =>\n  props.ticket.completed_at ? formatTicketDate(props.ticket.completed_at!).relative : '',\n);\n</script>\n","<template>\n  <div\n    v-if=\"ticket\"\n    class=\"flex flex-wrap items-center justify-between gap-3 rounded-lg border border-base-200 bg-base-200/30 px-4 py-3\"\n  >\n    <div class=\"flex items-center gap-3 min-w-0\">\n      <div\n        class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg\"\n        :class=\"\n          isSubscribed ? 'bg-info/20 text-info' : 'bg-base-300 text-base-content/60'\n        \"\n      >\n        <!-- Bell (subscribed) -->\n        <svg\n          v-if=\"isSubscribed\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-5 w-5\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"\n          />\n        </svg>\n        <!-- Bell with slash (unsubscribed) -->\n        <svg\n          v-else\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-5 w-5\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M9.143 17.082a24.248 24.248 0 0 0 3.844.148m-3.844-.148a23.856 23.856 0 0 1-5.455-1.31 8.964 8.964 0 0 0 2.3-5.542m3.155 6.852a3 3 0 0 0 5.667 1.97m1.965-2.277L21 21m-4.225-4.225a23.81 23.81 0 0 0 3.536-1.003A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6.53 6.53m10.245 10.245L6.53 6.53M3 3l3.53 3.53\"\n          />\n        </svg>\n      </div>\n      <p class=\"text-sm text-base-content/80 min-w-0\">\n        {{\n          isSubscribed\n            ? 'You will receive notifications for updates.'\n            : 'Get notified when there are updates or new comments.'\n        }}\n      </p>\n      <button\n        type=\"button\"\n        :class=\"[\n          'btn btn-sm shrink-0 font-medium',\n          isSubscribed ? 'btn-outline' : 'btn-info',\n        ]\"\n        :disabled=\"isToggling\"\n        @click=\"handleToggle\"\n      >\n        <span v-if=\"isToggling\" class=\"loading loading-spinner loading-xs\"></span>\n        <span v-else>{{ isSubscribed ? 'Unsubscribe' : 'Subscribe' }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type {\n  CustomerSupportTicketReadDto,\n  DragoncoreApi,\n} from '@dragonmastery/dragoncore-shared';\nimport { computed, ref, watch } from 'vue';\nimport { toast } from 'vue3-toastify';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { extractRpcErrorMessage } from '../../../../utils/extractRpcErrorMessage';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n}\n\nconst props = defineProps<Props>();\n\nconst isToggling = ref(false);\n// Local override after toggle - avoids full-page refetch\nconst subscriptionOverride = ref<boolean | null>(null);\n\nwatch(\n  () => props.ticket.id,\n  () => {\n    subscriptionOverride.value = null;\n  },\n);\n\nconst isSubscribed = computed(\n  () => subscriptionOverride.value ?? props.ticket.my_subscription != null,\n);\n\nconst { mutate: toggleSubscription } = useMutation<\n  DragoncoreApi,\n  string,\n  { subscribed: boolean }\n>((api, id) => api.supportTickets.toggleSubscription(id), {\n  invalidate: /^support-tickets?:/,\n});\n\nasync function handleToggle() {\n  try {\n    isToggling.value = true;\n    const result = await toggleSubscription(props.ticket.id);\n    subscriptionOverride.value = result.subscribed;\n    toast.success(\n      result.subscribed\n        ? 'You are now subscribed to this ticket'\n        : 'You have unsubscribed from this ticket',\n    );\n  } catch (e) {\n    toast.error(extractRpcErrorMessage(e, 'Failed to update subscription'));\n  } finally {\n    isToggling.value = false;\n  }\n}\n</script>\n","import {\n  CustomerSupportTicketUpdateSchema,\n  SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,\n} from '@dragonmastery/dragoncore-shared';\nimport { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { z } from 'zod';\n\nexport type CustomerMetadataCardEditFormDto = z.infer<typeof CustomerSupportTicketUpdateSchema>;\n\nexport const customerMetadataCardEditFormMetadata = withMetadata(\n  CustomerSupportTicketUpdateSchema,\n  'customerMetadataCardEditForm',\n  {\n    title: {\n      label: 'Title',\n      placeholder: 'Enter ticket title',\n    },\n    description: {\n      label: 'Description',\n      inputType: 'textarea',\n      placeholder: 'Describe the ticket in detail',\n    },\n    type: { label: 'Type' },\n    priority: {\n      label: 'Priority',\n      inputType: 'select',\n      valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,\n      valueType: 'number',\n    },\n  },\n);\n","<template>\n  <div class=\"border border-base-200 rounded-lg p-4 md:p-6\">\n    <ZiniaForm\n      @handle-submit=\"handleSubmit\"\n      @success=\"handleSuccess\"\n      @error=\"handleError\"\n      title=\"\"\n      subtitle=\"\"\n    >\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <!-- Title - full width -->\n        <div class=\"form-control md:col-span-2\">\n          <zinia.TitleField placeholder=\"Enter ticket title\" />\n        </div>\n\n        <!-- Description - full width -->\n        <div class=\"form-control md:col-span-2\">\n          <zinia.DescriptionField class=\"w-full\" placeholder=\"Describe the ticket in detail\" />\n        </div>\n\n        <!-- Type -->\n        <div class=\"form-control\">\n          <zinia.TypeField />\n        </div>\n\n        <!-- Priority -->\n        <div class=\"form-control\">\n          <zinia.PriorityField />\n        </div>\n      </div>\n\n      <div v-if=\"form.submitError\" class=\"alert alert-error py-2 mt-4\">\n        <span class=\"text-sm\">{{ form.submitError }}</span>\n      </div>\n      <ZiniaFormErrorsSummary title=\"Please fix the following errors:\" />\n\n      <!-- Action Buttons -->\n      <div class=\"flex justify-end gap-2 mt-4\">\n        <button type=\"button\" class=\"btn btn-ghost\" @click=\"handleCancel\" :disabled=\"saving\">\n          Cancel\n        </button>\n        <ZiniaSubmitButton submitText=\"Save\" submittingText=\"Saving...\" />\n      </div>\n    </ZiniaForm>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  supportTicketPriorityToNumber,\n  type CustomerSupportTicketReadDto,\n  type CustomerSupportTicketUpdateDto,\n} from '@dragonmastery/dragoncore-shared';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed } from 'vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { extractRpcErrorMessage } from '../../../../utils/extractRpcErrorMessage';\nimport { customerMetadataCardEditFormMetadata } from '../customerMetadataCardEditFormMetadata';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n  saving?: boolean;\n}\n\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n  success: [];\n  cancel: [];\n}>();\n\nconst { mutate: updateTicket, loading: isSaving } = useMutation(\n  (api, input: CustomerSupportTicketUpdateDto) => api.supportTickets.updateTicket(input),\n  { invalidate: /^support-tickets?:/ },\n);\n\nconst saving = computed(() => props.saving ?? isSaving.value);\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaFormErrorsSummary } = useForm(\n  customerMetadataCardEditFormMetadata,\n  {\n    storeName: `customer-metadata-card-edit-${props.ticket.id}`,\n    persistToLocalStorage: false,\n    renderStyle: 'daisy_ui',\n    fetchData: async () => {\n      const t = props.ticket;\n      return {\n        id: t.id,\n        title: t.title || '',\n        description: t.description ?? '',\n        type: t.type,\n        priority: supportTicketPriorityToNumber(t.priority),\n      };\n    },\n  },\n);\n\nfunction buildPayload(formData: Record<string, unknown>): CustomerSupportTicketUpdateDto {\n  return {\n    id: props.ticket.id,\n    title: String(formData.title ?? '').trim(),\n    description: (formData.description as string) || '',\n    type: formData.type as CustomerSupportTicketUpdateDto['type'],\n    priority: formData.priority as CustomerSupportTicketUpdateDto['priority'],\n  };\n}\n\nasync function handleSubmit(formData: Record<string, unknown>) {\n  const payload = buildPayload(formData);\n  await updateTicket(payload);\n  return undefined;\n}\n\nfunction handleSuccess() {\n  emit('success');\n}\n\nfunction handleError(error: Error | unknown) {\n  const message = extractRpcErrorMessage(error, 'Failed to update ticket');\n  form.setSubmitError(message);\n}\n\nfunction handleCancel() {\n  emit('cancel');\n}\n</script>\n","<template>\n  <div class=\"flex flex-col gap-4 w-full\">\n    <TimelineNoteInput\n      ref=\"noteInputRef\"\n      :show-type-toggle=\"false\"\n      :disabled=\"commentsLocked ?? false\"\n      :on-submit=\"onAddNote\"\n    />\n    <p\n      v-if=\"mergedTimelineItems.length === 0\"\n      class=\"text-base-content/50 text-sm text-center py-8\"\n    >\n      No activity yet.\n    </p>\n    <template v-for=\"item in mergedTimelineItems\" :key=\"item.id\">\n      <TimelineItem\n        v-if=\"item.type === 'customer-note'\"\n        :author-name=\"item.data.authorName\"\n        :created-at=\"item.data.createdAt\"\n        variant=\"customer\"\n      >\n        {{ item.data.body ?? '' }}\n      </TimelineItem>\n      <TimelineSystemEvent\n        v-else-if=\"item.type === 'system-event'\"\n        :author=\"item.data.author\"\n        :message=\"item.data.message\"\n        :timestamp=\"item.data.timestamp\"\n        :action=\"item.data.action\"\n        :type=\"item.data.type\"\n        :details=\"item.data.details\"\n        :old-value=\"item.data.oldValue\"\n        :new-value=\"item.data.newValue\"\n        :changes=\"item.data.changes\"\n      />\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CustomerSupportTicketReadDto } from '@dragonmastery/dragoncore-shared';\nimport { computed, ref } from 'vue';\nimport type { SystemEvent } from '../../utils/parseRecordVersions';\nimport TimelineItem from '../../shared/TimelineItem.vue';\nimport TimelineNoteInput from '../../shared/TimelineNoteInput.vue';\nimport TimelineSystemEvent from '../../shared/TimelineSystemEvent.vue';\n\nexport interface CustomerNoteDto {\n  authorName: string;\n  createdAt: string;\n  body: string;\n}\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n  notes: CustomerNoteDto[];\n  systemEvents: SystemEvent[];\n  /** Locks comments - only when archived (customers can add comments until archived) */\n  commentsLocked?: boolean;\n  /** Called when user submits a note. Must return a Promise. */\n  onAddNote: (payload: {\n    content: string;\n    noteType: 'customer' | 'internal';\n  }) => Promise<void>;\n}\n\nconst props = defineProps<Props>();\n\nconst noteInputRef = ref<InstanceType<typeof TimelineNoteInput> | null>(null);\n\ntype TimelineItem =\n  | { type: 'customer-note'; timestamp: string; id: string; data: CustomerNoteDto }\n  | { type: 'system-event'; timestamp: string; id: string; data: SystemEvent };\n\nconst mergedTimelineItems = computed((): TimelineItem[] => {\n  const items: TimelineItem[] = [];\n\n  for (const note of props.notes ?? []) {\n    items.push({\n      type: 'customer-note',\n      timestamp: note.createdAt,\n      id: `note-${note.createdAt}-${note.authorName}`,\n      data: note,\n    });\n  }\n\n  for (const event of props.systemEvents ?? []) {\n    items.push({\n      type: 'system-event',\n      timestamp: event.timestamp,\n      id: event.id,\n      data: event,\n    });\n  }\n\n  items.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());\n  return items;\n});\n\nfunction resetInput() {\n  noteInputRef.value?.reset();\n}\n\ndefineExpose({ resetInput });\n</script>\n","<template>\n  <!-- Loading State (only on initial load; refetch keeps content visible) -->\n  <div v-if=\"isLoading && !ticket\" class=\"flex justify-center items-center p-8\">\n    <span class=\"loading loading-spinner loading-lg\"></span>\n  </div>\n\n  <!-- Error State -->\n  <div v-else-if=\"error\" class=\"alert alert-error mb-4 max-w-4xl mx-auto px-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    <div class=\"flex-1\">\n      <span>{{ error.message || 'An error occurred' }}</span>\n      <div class=\"mt-2\">\n        <router-link :to=\"{ name: 'CustomerSupportTicketList' }\" class=\"link link-primary\">\n          Go back to ticket list\n        </router-link>\n      </div>\n    </div>\n  </div>\n\n  <!-- Main Content -->\n  <div v-else-if=\"ticket\" class=\"px-4 py-6 max-w-4xl mx-auto\">\n    <!-- Header -->\n    <div class=\"mb-6\">\n      <h1 class=\"text-2xl font-bold text-base-content break-words leading-tight mt-2\">\n        {{ ticket.title }}\n      </h1>\n    </div>\n\n    <!-- Action Banner -->\n    <div class=\"mb-6\">\n      <CustomerActionBanner :ticket=\"ticket\" />\n    </div>\n\n    <!-- Subscribe / Unsubscribe -->\n    <div class=\"mb-6\">\n      <CustomerSupportTicketSubscribeControl :ticket=\"ticket\" />\n    </div>\n\n    <!-- Metadata Card (Display or Edit) -->\n    <div class=\"mb-8\">\n      <CustomerMetadataCard v-if=\"!isEditMode\" :ticket=\"ticket\" @edit=\"enterEditMode\" />\n      <CustomerMetadataCardEdit\n        v-else\n        :ticket=\"ticket\"\n        @success=\"handleMetadataSaveSuccess\"\n        @cancel=\"exitEditMode\"\n      />\n    </div>\n\n    <!-- Attachments (separate from timeline so adding a comment doesn't cause refetch) -->\n    <div class=\"mb-8\">\n      <SupportTicketAttachmentsCollapsible\n        :record-id=\"ticket.id\"\n        :locked=\"isCommentsLocked\"\n        :editable=\"!isCommentsLocked\"\n        @uploaded=\"refetchTimeline\"\n        @deleted=\"refetchTimeline\"\n      />\n    </div>\n\n    <!-- Timeline: stay mounted once we have data so adding a comment doesn't unmount/remount -->\n    <div>\n      <CustomerTimeline\n        v-if=\"timelineData != null\"\n        :ticket=\"ticket\"\n        :notes=\"customerNotesForTimeline\"\n        :system-events=\"filteredSystemEvents\"\n        :comments-locked=\"isCommentsLocked\"\n        :on-add-note=\"handleAddNote\"\n      />\n      <div v-else-if=\"timelineError\" class=\"alert alert-error mb-4\">\n        <span>{{ timelineError?.message ?? 'Failed to load timeline' }}</span>\n        <button class=\"btn btn-sm btn-outline mt-2\" @click=\"refetchTimeline\">\n          Retry\n        </button>\n      </div>\n      <div v-else class=\"flex justify-center items-center py-8\">\n        <span class=\"loading loading-spinner loading-lg\"></span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CustomerSupportTicketReadDto, NoteCreateDto } from '@dragonmastery/dragoncore-shared';\nimport { OPERATORS, RecordConst } from '@dragonmastery/dragoncore-shared';\nimport { computed, inject, nextTick } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { BATCH_MODE } from '../../../composables/useRpcAuth';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useQuery } from '../../../composables/useQuery';\nimport SupportTicketAttachmentsCollapsible from '../shared/SupportTicketAttachmentsCollapsible.vue';\nimport { parseRecordVersions, type SystemEvent } from '../utils/parseRecordVersions';\nimport CustomerActionBanner from './components/CustomerActionBanner.vue';\nimport CustomerMetadataCard from './components/CustomerMetadataCard.vue';\nimport CustomerSupportTicketSubscribeControl from './components/CustomerSupportTicketSubscribeControl.vue';\nimport CustomerMetadataCardEdit from './components/CustomerMetadataCardEdit.vue';\nimport CustomerTimeline from './components/CustomerTimeline.vue';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto | null;\n  isLoading?: boolean;\n  error?: Error | null;\n}\n\nconst props = defineProps<Props>();\n\nconst route = useRoute();\nconst router = useRouter();\nconst support_ticket_id = route.params.id as string;\n\n// Edit mode state\nconst isEditMode = computed(() => route.query.mode === 'edit');\n\n// Get refresh function from parent\nconst refreshTicket = inject<(() => Promise<void>) | undefined>('refreshTicket');\n\n// Comments locked only when archived (customers can add comments until archived)\nconst isCommentsLocked = computed(() => {\n  if (!props.ticket) return false;\n  return !!props.ticket.archived_at;\n});\n\n// Fetch customer notes and record versions in a single batched request\nconst {\n  data: timelineData,\n  error: timelineError,\n  refetch: refetchTimeline,\n} = useQuery(\n  async (api) => {\n    const [customerNotes, recordVersions] = await Promise.all([\n      api.notes.getNotes({\n        record_id: { operator: OPERATORS.EQUALS, value: support_ticket_id },\n        record_type: { operator: OPERATORS.EQUALS, value: 'support_ticket' },\n        is_internal: { operator: OPERATORS.EQUALS, value: false },\n        first: 100,\n        sortBy: 'created_at',\n        sortDirection: 'asc',\n      }),\n      api.recordVersions.listRecordVersionsCustomer(\n        support_ticket_id,\n        RecordConst.SUPPORT_TICKET, // legacy; record_types in filters takes priority\n        {\n          record_types: [RecordConst.SUPPORT_TICKET, RecordConst.SUPPORT_TICKET_ACTIVITY],\n          first: 100,\n          sortBy: 'recorded_at',\n          sortDirection: 'asc',\n        },\n      ),\n    ]);\n    return { customerNotes, recordVersions };\n  },\n  {\n    enabled: !!support_ticket_id && !!props.ticket,\n    batchMode: BATCH_MODE.batch,\n    trackedSegment: 'customer-support-ticket-timeline',\n  },\n);\n\n// Map notes for timeline\ninterface CustomerNoteForTimeline {\n  authorName: string;\n  createdAt: string;\n  body: string;\n}\n\nconst customerNotesForTimeline = computed((): CustomerNoteForTimeline[] => {\n  const items = timelineData.value?.customerNotes?.items ?? [];\n  return items\n    .map((n) => ({\n      authorName: n.created_by_display_name ?? n.created_by ?? '(unknown)',\n      createdAt: n.created_at,\n      body: n.body ?? '',\n    }))\n    .sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());\n});\n\n// Parse and filter system events for customer visibility (merged by API from record_types)\nconst allSystemEvents = computed(() => {\n  const data = timelineData.value?.recordVersions;\n  const versions = data?.items ?? [];\n  const userDisplayMap = data?.user_display_map;\n  const displayMap = userDisplayMap ? new Map(Object.entries(userDisplayMap)) : undefined;\n  return parseRecordVersions(versions, displayMap);\n});\n\n// Filter out staff-only system events\nconst filteredSystemEvents = computed((): SystemEvent[] => {\n  if (!props.ticket) return [];\n\n  const events = allSystemEvents.value;\n  const isPending = props.ticket.status === 'PENDING' || !props.ticket.is_locked;\n\n  // Staff-only fields that customers should never see\n  const STAFF_ONLY_FIELDS = new Set(['dev_lifecycle', 'delivered_value', 'start_at']);\n\n  return events.filter((event) => {\n    // Filter by field name if available\n    if (event.fieldName) {\n      // Always filter out staff-only fields\n      if (STAFF_ONLY_FIELDS.has(event.fieldName)) {\n        return false;\n      }\n\n      // Filter credit_value changes when ticket is still pending\n      if (isPending && event.fieldName === 'credit_value') {\n        return false;\n      }\n\n      return true;\n    }\n\n    // Fallback to message-based filtering if fieldName not available\n    const message = event.message.toLowerCase();\n\n    // Always filter out dev_lifecycle, delivered_value, start_at\n    if (\n      message.includes('dev lifecycle') ||\n      message.includes('moved') ||\n      message.includes('delivered value') ||\n      message.includes('start date')\n    ) {\n      return false;\n    }\n\n    // Filter credit_value changes when ticket is still pending\n    if (isPending && (message.includes('credits') || message.includes('credit'))) {\n      return false;\n    }\n\n    // Allow all other events (type, priority, status, target date, completed date, etc.)\n    return true;\n  });\n});\n\n// Note creation mutation\nconst { mutate: createNote } = useMutation(\n  (api, input: NoteCreateDto) => api.notes.createNote(input),\n  { invalidate: /^notes?:/ },\n);\n\n// Handle note creation\nasync function handleAddNote(payload: {\n  content: string;\n  noteType: 'customer' | 'internal';\n}) {\n  try {\n    await createNote({\n      record_id: support_ticket_id,\n      record_type: 'support_ticket' as const,\n      body: payload.content,\n      tag: null,\n      is_internal: false,\n    });\n    await refetchTimeline();\n    toast.success('Comment added');\n  } catch {\n    toast.error('Failed to add comment');\n    throw new Error('Failed to add comment');\n  }\n}\n\n// Enter edit mode\nfunction enterEditMode() {\n  router.push({\n    name: route.name || 'CustomerViewSupportTicket',\n    params: route.params,\n    query: { ...route.query, mode: 'edit' },\n  });\n}\n\n// Exit edit mode\nasync function exitEditMode() {\n  await router.push({\n    name: route.name || 'CustomerViewSupportTicket',\n    params: route.params,\n    query: { ...route.query, mode: undefined },\n  });\n}\n\n// Handle metadata save success (form does mutation; we refresh and exit)\nasync function handleMetadataSaveSuccess() {\n  await exitEditMode();\n  await nextTick();\n  toast.success('Ticket updated successfully');\n  if (refreshTicket) {\n    await refreshTicket();\n  }\n  await refetchTimeline();\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"CustomerSupportTicketDetailPage-DAwiE2t6.js","names":["$emit","items: TimelineItem[]"],"sources":["../src/slices/support_ticket/customer/components/CustomerActionBanner.vue","../src/slices/support_ticket/customer/components/CustomerMetadataCard.vue","../src/slices/support_ticket/customer/components/CustomerSupportTicketSubscribeControl.vue","../src/slices/support_ticket/customer/customerMetadataCardEditFormMetadata.ts","../src/slices/support_ticket/customer/components/CustomerMetadataCardEdit.vue","../src/slices/support_ticket/customer/components/CustomerTimeline.vue","../src/slices/support_ticket/customer/CustomerSupportTicketDetailPage.vue"],"sourcesContent":["<template>\n  <ActionBannerAlert v-if=\"isArchived\" variant=\"neutral\" icon=\"archive\">\n    This ticket is archived. Comments, edits, and attachments are locked for both customer and staff.\n  </ActionBannerAlert>\n  <ActionBannerAlert v-else-if=\"isApproved\" variant=\"success\" icon=\"lock\">\n    This ticket was approved on {{ lockedDateFormatted }}.\n  </ActionBannerAlert>\n  <ActionBannerAlert v-else-if=\"isRejected\" variant=\"error\" icon=\"lock\">\n    This ticket was rejected on {{ lockedDateFormatted }}.\n  </ActionBannerAlert>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CustomerSupportTicketReadDto } from '@dragonmastery/dragoncore-shared';\nimport { computed } from 'vue';\nimport { formatTicketDate } from '../../utils/formatTicketDate';\nimport ActionBannerAlert from '../../shared/ActionBannerAlert.vue';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n}\n\nconst props = defineProps<Props>();\n\nconst isArchived = computed(() => !!props.ticket.archived_at);\n\nconst isApproved = computed(() => {\n  const t = props.ticket;\n  return !!t.is_locked && !!t.locked_approval_at && t.status !== 'CANCELLED';\n});\n\nconst isRejected = computed(() => {\n  const t = props.ticket;\n  return !!t.is_locked && !!t.locked_approval_at && t.status === 'CANCELLED';\n});\n\nconst lockedDateFormatted = computed(() => {\n  const at = props.ticket.locked_approval_at;\n  if (!at) return '';\n  return formatTicketDate(at).formatted;\n});\n</script>\n","<template>\n  <div class=\"border border-base-200 rounded-lg p-4 md:p-6\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3\">\n      <MetadataField label=\"Status\">\n        <SupportTicketApprovalBadge\n          :approval-status=\"displayApprovalStatus\"\n          size=\"sm\"\n        />\n      </MetadataField>\n      <MetadataField label=\"Type\">\n        <SupportTicketTypeBadge :type=\"ticket.type\" size=\"sm\" />\n      </MetadataField>\n      <MetadataField label=\"Priority\">\n        <SupportTicketPriorityBadge :priority=\"ticket.priority\" size=\"sm\" />\n      </MetadataField>\n      <MetadataField label=\"Requester\">\n        {{ ticket.created_by_display_name }}\n      </MetadataField>\n      <div class=\"md:col-span-2\">\n        <MetadataField label=\"Description\">\n          <p v-if=\"ticket.description?.trim()\" class=\"whitespace-pre-wrap text-sm\">\n            {{ ticket.description }}\n          </p>\n          <template #empty>\n            <span class=\"text-base-content/50 italic text-sm\">No description provided</span>\n          </template>\n        </MetadataField>\n      </div>\n      <MetadataField label=\"Ticket ID\" :copyable=\"true\">\n        {{ ticketDisplayId }}\n      </MetadataField>\n      <MetadataField label=\"Created\">\n        {{ createdFormatted }}\n        <span v-if=\"createdRelative\" class=\"text-base-content/50\">· {{ createdRelative }}</span>\n      </MetadataField>\n      <template v-if=\"showCredits\">\n        <MetadataField label=\"Credits\">\n          {{ creditDisplay }}\n        </MetadataField>\n      </template>\n      <template v-if=\"ticket.target_at\">\n        <MetadataField label=\"Target\">\n          {{ targetFormatted }}\n          <span class=\"text-base-content/50\">· {{ targetRelative }}</span>\n        </MetadataField>\n      </template>\n      <template v-if=\"ticket.completed_at\">\n        <MetadataField label=\"Completed\">\n          {{ completedFormatted }}\n          <span class=\"text-base-content/50\">· {{ completedRelative }}</span>\n        </MetadataField>\n      </template>\n    </div>\n    <div v-if=\"canEdit\" class=\"flex justify-end gap-2 mt-4\">\n      <button type=\"button\" class=\"btn btn-sm\" @click=\"$emit('edit')\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke-width=\"1.5\"\n          stroke=\"currentColor\"\n          class=\"w-4 h-4 mr-2\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10\"\n          />\n        </svg>\n        Edit\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CustomerSupportTicketReadDto } from '@dragonmastery/dragoncore-shared';\nimport type { SupportTicketApproval } from '@dragonmastery/dragoncore-shared';\nimport MetadataField from '../../shared/MetadataField.vue';\nimport SupportTicketApprovalBadge from '../../shared/SupportTicketApprovalBadge.vue';\nimport SupportTicketTypeBadge from '../../shared/SupportTicketTypeBadge.vue';\nimport SupportTicketPriorityBadge from '../../shared/SupportTicketPriorityBadge.vue';\nimport { formatTicketDate } from '../../utils/formatTicketDate';\nimport { formatTicketDisplayId } from '../../utils/displayIdFormatter';\nimport { formatCustomerCreditValue } from '../../utils/creditValueFormatter';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n}\n\ndefineEmits<{ edit: [] }>();\n\nconst props = defineProps<Props>();\n\nconst canEdit = computed(() => !props.ticket.is_locked && !props.ticket.archived_at);\n\nconst displayApprovalStatus = computed((): SupportTicketApproval => {\n  const s = props.ticket.status;\n  if (s === 'PENDING') return 'PENDING';\n  if (s === 'CANCELLED') return 'REJECTED';\n  return 'APPROVED';\n});\n\nconst ticketDisplayId = computed(() =>\n  formatTicketDisplayId(\n    props.ticket.display_id,\n    props.ticket.display_id_prefix,\n    props.ticket.id,\n  ),\n);\n\nconst createdFormatted = computed(() => {\n  const at = props.ticket.created_at;\n  return at ? formatTicketDate(at).formatted : '';\n});\nconst createdRelative = computed(() => {\n  const at = props.ticket.created_at;\n  return at ? formatTicketDate(at).relative : '';\n});\n\nconst showCredits = computed(() => {\n  return !!props.ticket.is_locked && !!props.ticket.locked_approval_at;\n});\n\nconst creditDisplay = computed(() => formatCustomerCreditValue(props.ticket.credit_value));\n\nconst targetFormatted = computed(() =>\n  props.ticket.target_at ? formatTicketDate(props.ticket.target_at!).formatted : '',\n);\nconst targetRelative = computed(() =>\n  props.ticket.target_at ? formatTicketDate(props.ticket.target_at!).relative : '',\n);\n\nconst completedFormatted = computed(() =>\n  props.ticket.completed_at ? formatTicketDate(props.ticket.completed_at!).formatted : '',\n);\nconst completedRelative = computed(() =>\n  props.ticket.completed_at ? formatTicketDate(props.ticket.completed_at!).relative : '',\n);\n</script>\n","<template>\n  <div\n    v-if=\"ticket\"\n    class=\"flex flex-wrap items-center justify-between gap-3 rounded-lg border border-base-200 bg-base-200/30 px-4 py-3\"\n  >\n    <div class=\"flex items-center gap-3 min-w-0\">\n      <div\n        class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg\"\n        :class=\"\n          isSubscribed ? 'bg-info/20 text-info' : 'bg-base-300 text-base-content/60'\n        \"\n      >\n        <!-- Bell (subscribed) -->\n        <svg\n          v-if=\"isSubscribed\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-5 w-5\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"\n          />\n        </svg>\n        <!-- Bell with slash (unsubscribed) -->\n        <svg\n          v-else\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-5 w-5\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M9.143 17.082a24.248 24.248 0 0 0 3.844.148m-3.844-.148a23.856 23.856 0 0 1-5.455-1.31 8.964 8.964 0 0 0 2.3-5.542m3.155 6.852a3 3 0 0 0 5.667 1.97m1.965-2.277L21 21m-4.225-4.225a23.81 23.81 0 0 0 3.536-1.003A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6.53 6.53m10.245 10.245L6.53 6.53M3 3l3.53 3.53\"\n          />\n        </svg>\n      </div>\n      <p class=\"text-sm text-base-content/80 min-w-0\">\n        {{\n          isSubscribed\n            ? 'You will receive notifications for updates.'\n            : 'Get notified when there are updates or new comments.'\n        }}\n      </p>\n      <button\n        type=\"button\"\n        :class=\"[\n          'btn btn-sm shrink-0 font-medium',\n          isSubscribed ? 'btn-outline' : 'btn-info',\n        ]\"\n        :disabled=\"isToggling\"\n        @click=\"handleToggle\"\n      >\n        <span v-if=\"isToggling\" class=\"loading loading-spinner loading-xs\"></span>\n        <span v-else>{{ isSubscribed ? 'Unsubscribe' : 'Subscribe' }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type {\n  CustomerSupportTicketReadDto,\n  DragoncoreApi,\n} from '@dragonmastery/dragoncore-shared';\nimport { computed, ref, watch } from 'vue';\nimport { toast } from 'vue3-toastify';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { extractRpcErrorMessage } from '../../../../utils/extractRpcErrorMessage';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n}\n\nconst props = defineProps<Props>();\n\nconst isToggling = ref(false);\n// Local override after toggle - avoids full-page refetch\nconst subscriptionOverride = ref<boolean | null>(null);\n\nwatch(\n  () => props.ticket.id,\n  () => {\n    subscriptionOverride.value = null;\n  },\n);\n\nconst isSubscribed = computed(\n  () => subscriptionOverride.value ?? props.ticket.my_subscription != null,\n);\n\nconst { mutate: toggleSubscription } = useMutation<\n  DragoncoreApi,\n  string,\n  { subscribed: boolean }\n>((api, id) => api.supportTickets.toggleSubscription(id), {\n  invalidate: /^support-tickets?:/,\n});\n\nasync function handleToggle() {\n  try {\n    isToggling.value = true;\n    const result = await toggleSubscription(props.ticket.id);\n    subscriptionOverride.value = result.subscribed;\n    toast.success(\n      result.subscribed\n        ? 'You are now subscribed to this ticket'\n        : 'You have unsubscribed from this ticket',\n    );\n  } catch (e) {\n    toast.error(extractRpcErrorMessage(e, 'Failed to update subscription'));\n  } finally {\n    isToggling.value = false;\n  }\n}\n</script>\n","import {\n  CustomerSupportTicketUpdateSchema,\n  SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,\n} from '@dragonmastery/dragoncore-shared';\nimport { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { z } from 'zod';\n\nexport type CustomerMetadataCardEditFormDto = z.infer<typeof CustomerSupportTicketUpdateSchema>;\n\nexport const customerMetadataCardEditFormMetadata = withMetadata(\n  CustomerSupportTicketUpdateSchema,\n  'customerMetadataCardEditForm',\n  {\n    title: {\n      label: 'Title',\n      placeholder: 'Enter ticket title',\n    },\n    description: {\n      label: 'Description',\n      inputType: 'textarea',\n      placeholder: 'Describe the ticket in detail',\n    },\n    type: { label: 'Type' },\n    priority: {\n      label: 'Priority',\n      inputType: 'select',\n      valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,\n      valueType: 'number',\n    },\n  },\n);\n","<template>\n  <div class=\"border border-base-200 rounded-lg p-4 md:p-6\">\n    <ZiniaForm\n      @handle-submit=\"handleSubmit\"\n      @success=\"handleSuccess\"\n      @error=\"handleError\"\n      title=\"\"\n      subtitle=\"\"\n    >\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <!-- Title - full width -->\n        <div class=\"form-control md:col-span-2\">\n          <zinia.TitleField placeholder=\"Enter ticket title\" />\n        </div>\n\n        <!-- Description - full width -->\n        <div class=\"form-control md:col-span-2\">\n          <zinia.DescriptionField class=\"w-full\" placeholder=\"Describe the ticket in detail\" />\n        </div>\n\n        <!-- Type -->\n        <div class=\"form-control\">\n          <zinia.TypeField />\n        </div>\n\n        <!-- Priority -->\n        <div class=\"form-control\">\n          <zinia.PriorityField />\n        </div>\n      </div>\n\n      <div v-if=\"form.submitError\" class=\"alert alert-error py-2 mt-4\">\n        <span class=\"text-sm\">{{ form.submitError }}</span>\n      </div>\n      <ZiniaFormErrorsSummary title=\"Please fix the following errors:\" />\n\n      <!-- Action Buttons -->\n      <div class=\"flex justify-end gap-2 mt-4\">\n        <button type=\"button\" class=\"btn btn-ghost\" @click=\"handleCancel\" :disabled=\"saving\">\n          Cancel\n        </button>\n        <ZiniaSubmitButton submitText=\"Save\" submittingText=\"Saving...\" />\n      </div>\n    </ZiniaForm>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  supportTicketPriorityToNumber,\n  type CustomerSupportTicketReadDto,\n  type CustomerSupportTicketUpdateDto,\n} from '@dragonmastery/dragoncore-shared';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed } from 'vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { extractRpcErrorMessage } from '../../../../utils/extractRpcErrorMessage';\nimport { customerMetadataCardEditFormMetadata } from '../customerMetadataCardEditFormMetadata';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n  saving?: boolean;\n}\n\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n  success: [];\n  cancel: [];\n}>();\n\nconst { mutate: updateTicket, loading: isSaving } = useMutation(\n  (api, input: CustomerSupportTicketUpdateDto) => api.supportTickets.updateTicket(input),\n  { invalidate: /^support-tickets?:/ },\n);\n\nconst saving = computed(() => props.saving ?? isSaving.value);\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaFormErrorsSummary } = useForm(\n  customerMetadataCardEditFormMetadata,\n  {\n    storeName: `customer-metadata-card-edit-${props.ticket.id}`,\n    persistToLocalStorage: false,\n    renderStyle: 'daisy_ui',\n    fetchData: async () => {\n      const t = props.ticket;\n      return {\n        id: t.id,\n        title: t.title || '',\n        description: t.description ?? '',\n        type: t.type,\n        priority: supportTicketPriorityToNumber(t.priority),\n      };\n    },\n  },\n);\n\nfunction buildPayload(formData: Record<string, unknown>): CustomerSupportTicketUpdateDto {\n  return {\n    id: props.ticket.id,\n    title: String(formData.title ?? '').trim(),\n    description: (formData.description as string) || '',\n    type: formData.type as CustomerSupportTicketUpdateDto['type'],\n    priority: formData.priority as CustomerSupportTicketUpdateDto['priority'],\n  };\n}\n\nasync function handleSubmit(formData: Record<string, unknown>) {\n  const payload = buildPayload(formData);\n  await updateTicket(payload);\n  return undefined;\n}\n\nfunction handleSuccess() {\n  emit('success');\n}\n\nfunction handleError(error: Error | unknown) {\n  const message = extractRpcErrorMessage(error, 'Failed to update ticket');\n  form.setSubmitError(message);\n}\n\nfunction handleCancel() {\n  emit('cancel');\n}\n</script>\n","<template>\n  <div class=\"flex flex-col gap-4 w-full\">\n    <TimelineNoteInput\n      ref=\"noteInputRef\"\n      :show-type-toggle=\"false\"\n      :disabled=\"commentsLocked ?? false\"\n      :on-submit=\"onAddNote\"\n    />\n    <p\n      v-if=\"mergedTimelineItems.length === 0\"\n      class=\"text-base-content/50 text-sm text-center py-8\"\n    >\n      No activity yet.\n    </p>\n    <template v-for=\"item in mergedTimelineItems\" :key=\"item.id\">\n      <TimelineItem\n        v-if=\"item.type === 'customer-note'\"\n        :author-name=\"item.data.authorName\"\n        :created-at=\"item.data.createdAt\"\n        variant=\"customer\"\n      >\n        {{ item.data.body ?? '' }}\n      </TimelineItem>\n      <TimelineSystemEvent\n        v-else-if=\"item.type === 'system-event'\"\n        :author=\"item.data.author\"\n        :message=\"item.data.message\"\n        :timestamp=\"item.data.timestamp\"\n        :action=\"item.data.action\"\n        :type=\"item.data.type\"\n        :details=\"item.data.details\"\n        :old-value=\"item.data.oldValue\"\n        :new-value=\"item.data.newValue\"\n        :changes=\"item.data.changes\"\n      />\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CustomerSupportTicketReadDto } from '@dragonmastery/dragoncore-shared';\nimport { computed, ref } from 'vue';\nimport type { SystemEvent } from '../../utils/parseRecordVersions';\nimport TimelineItem from '../../shared/TimelineItem.vue';\nimport TimelineNoteInput from '../../shared/TimelineNoteInput.vue';\nimport TimelineSystemEvent from '../../shared/TimelineSystemEvent.vue';\n\nexport interface CustomerNoteDto {\n  authorName: string;\n  createdAt: string;\n  body: string;\n}\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto;\n  notes: CustomerNoteDto[];\n  systemEvents: SystemEvent[];\n  /** Locks comments - only when archived (customers can add comments until archived) */\n  commentsLocked?: boolean;\n  /** Called when user submits a note. Must return a Promise. */\n  onAddNote: (payload: {\n    content: string;\n    noteType: 'customer' | 'internal';\n  }) => Promise<void>;\n}\n\nconst props = defineProps<Props>();\n\nconst noteInputRef = ref<InstanceType<typeof TimelineNoteInput> | null>(null);\n\ntype TimelineItem =\n  | { type: 'customer-note'; timestamp: string; id: string; data: CustomerNoteDto }\n  | { type: 'system-event'; timestamp: string; id: string; data: SystemEvent };\n\nconst mergedTimelineItems = computed((): TimelineItem[] => {\n  const items: TimelineItem[] = [];\n\n  for (const note of props.notes ?? []) {\n    items.push({\n      type: 'customer-note',\n      timestamp: note.createdAt,\n      id: `note-${note.createdAt}-${note.authorName}`,\n      data: note,\n    });\n  }\n\n  for (const event of props.systemEvents ?? []) {\n    items.push({\n      type: 'system-event',\n      timestamp: event.timestamp,\n      id: event.id,\n      data: event,\n    });\n  }\n\n  items.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());\n  return items;\n});\n\nfunction resetInput() {\n  noteInputRef.value?.reset();\n}\n\ndefineExpose({ resetInput });\n</script>\n","<template>\n  <!-- Loading State (only on initial load; refetch keeps content visible) -->\n  <div v-if=\"isLoading && !ticket\" class=\"flex justify-center items-center p-8\">\n    <span class=\"loading loading-spinner loading-lg\"></span>\n  </div>\n\n  <!-- Error State -->\n  <div v-else-if=\"error\" class=\"alert alert-error mb-4 max-w-4xl mx-auto px-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    <div class=\"flex-1\">\n      <span>{{ error.message || 'An error occurred' }}</span>\n      <div class=\"mt-2\">\n        <router-link :to=\"{ name: 'CustomerSupportTicketList' }\" class=\"link link-primary\">\n          Go back to ticket list\n        </router-link>\n      </div>\n    </div>\n  </div>\n\n  <!-- Main Content -->\n  <div v-else-if=\"ticket\" class=\"px-4 py-6 max-w-4xl mx-auto\">\n    <!-- Header -->\n    <div class=\"mb-6\">\n      <h1 class=\"text-2xl font-bold text-base-content break-words leading-tight mt-2\">\n        {{ ticket.title }}\n      </h1>\n    </div>\n\n    <!-- Action Banner -->\n    <div class=\"mb-6\">\n      <CustomerActionBanner :ticket=\"ticket\" />\n    </div>\n\n    <!-- Subscribe / Unsubscribe -->\n    <div class=\"mb-6\">\n      <CustomerSupportTicketSubscribeControl :ticket=\"ticket\" />\n    </div>\n\n    <!-- Metadata Card (Display or Edit) -->\n    <div class=\"mb-8\">\n      <CustomerMetadataCard v-if=\"!isEditMode\" :ticket=\"ticket\" @edit=\"enterEditMode\" />\n      <CustomerMetadataCardEdit\n        v-else\n        :ticket=\"ticket\"\n        @success=\"handleMetadataSaveSuccess\"\n        @cancel=\"exitEditMode\"\n      />\n    </div>\n\n    <!-- Attachments (separate from timeline so adding a comment doesn't cause refetch) -->\n    <div class=\"mb-8\">\n      <SupportTicketAttachmentsCollapsible\n        :record-id=\"ticket.id\"\n        :locked=\"isCommentsLocked\"\n        :editable=\"!isCommentsLocked\"\n        @uploaded=\"refetchTimeline\"\n        @deleted=\"refetchTimeline\"\n      />\n    </div>\n\n    <!-- Timeline: stay mounted once we have data so adding a comment doesn't unmount/remount -->\n    <div>\n      <CustomerTimeline\n        v-if=\"timelineData != null\"\n        :ticket=\"ticket\"\n        :notes=\"customerNotesForTimeline\"\n        :system-events=\"filteredSystemEvents\"\n        :comments-locked=\"isCommentsLocked\"\n        :on-add-note=\"handleAddNote\"\n      />\n      <div v-else-if=\"timelineError\" class=\"alert alert-error mb-4\">\n        <span>{{ timelineError?.message ?? 'Failed to load timeline' }}</span>\n        <button class=\"btn btn-sm btn-outline mt-2\" @click=\"refetchTimeline\">\n          Retry\n        </button>\n      </div>\n      <div v-else class=\"flex justify-center items-center py-8\">\n        <span class=\"loading loading-spinner loading-lg\"></span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CustomerSupportTicketReadDto, NoteCreateDto } from '@dragonmastery/dragoncore-shared';\nimport { OPERATORS, RecordConst } from '@dragonmastery/dragoncore-shared';\nimport { computed, inject, nextTick } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { BATCH_MODE } from '../../../composables/useRpcAuth';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useQuery } from '../../../composables/useQuery';\nimport SupportTicketAttachmentsCollapsible from '../shared/SupportTicketAttachmentsCollapsible.vue';\nimport { parseRecordVersions, type SystemEvent } from '../utils/parseRecordVersions';\nimport CustomerActionBanner from './components/CustomerActionBanner.vue';\nimport CustomerMetadataCard from './components/CustomerMetadataCard.vue';\nimport CustomerSupportTicketSubscribeControl from './components/CustomerSupportTicketSubscribeControl.vue';\nimport CustomerMetadataCardEdit from './components/CustomerMetadataCardEdit.vue';\nimport CustomerTimeline from './components/CustomerTimeline.vue';\n\ninterface Props {\n  ticket: CustomerSupportTicketReadDto | null;\n  isLoading?: boolean;\n  error?: Error | null;\n}\n\nconst props = defineProps<Props>();\n\nconst route = useRoute();\nconst router = useRouter();\nconst support_ticket_id = route.params.id as string;\n\n// Edit mode state\nconst isEditMode = computed(() => route.query.mode === 'edit');\n\n// Get refresh function from parent\nconst refreshTicket = inject<(() => Promise<void>) | undefined>('refreshTicket');\n\n// Comments locked only when archived (customers can add comments until archived)\nconst isCommentsLocked = computed(() => {\n  if (!props.ticket) return false;\n  return !!props.ticket.archived_at;\n});\n\n// Fetch customer notes and record versions in a single batched request\nconst {\n  data: timelineData,\n  error: timelineError,\n  refetch: refetchTimeline,\n} = useQuery(\n  async (api) => {\n    const [customerNotes, recordVersions] = await Promise.all([\n      api.notes.getNotes({\n        record_id: { operator: OPERATORS.EQUALS, value: support_ticket_id },\n        record_type: { operator: OPERATORS.EQUALS, value: 'support_ticket' },\n        is_internal: { operator: OPERATORS.EQUALS, value: false },\n        first: 100,\n        sortBy: 'created_at',\n        sortDirection: 'asc',\n      }),\n      api.recordVersions.listRecordVersionsCustomer(\n        support_ticket_id,\n        RecordConst.SUPPORT_TICKET, // legacy; record_types in filters takes priority\n        {\n          record_types: [RecordConst.SUPPORT_TICKET, RecordConst.SUPPORT_TICKET_ACTIVITY],\n          first: 100,\n          sortBy: 'recorded_at',\n          sortDirection: 'asc',\n        },\n      ),\n    ]);\n    return { customerNotes, recordVersions };\n  },\n  {\n    enabled: !!support_ticket_id && !!props.ticket,\n    batchMode: BATCH_MODE.batch,\n    trackedSegment: 'customer-support-ticket-timeline',\n  },\n);\n\n// Map notes for timeline\ninterface CustomerNoteForTimeline {\n  authorName: string;\n  createdAt: string;\n  body: string;\n}\n\nconst customerNotesForTimeline = computed((): CustomerNoteForTimeline[] => {\n  const items = timelineData.value?.customerNotes?.items ?? [];\n  return items\n    .map((n) => ({\n      authorName: n.created_by_display_name ?? n.created_by ?? '(unknown)',\n      createdAt: n.created_at,\n      body: n.body ?? '',\n    }))\n    .sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());\n});\n\n// Parse and filter system events for customer visibility (merged by API from record_types)\nconst allSystemEvents = computed(() => {\n  const data = timelineData.value?.recordVersions;\n  const versions = data?.items ?? [];\n  const userDisplayMap = data?.user_display_map;\n  const displayMap = userDisplayMap ? new Map(Object.entries(userDisplayMap)) : undefined;\n  return parseRecordVersions(versions, displayMap);\n});\n\n// Filter out staff-only system events\nconst filteredSystemEvents = computed((): SystemEvent[] => {\n  if (!props.ticket) return [];\n\n  const events = allSystemEvents.value;\n  const isPending = props.ticket.status === 'PENDING' || !props.ticket.is_locked;\n\n  // Staff-only fields that customers should never see\n  const STAFF_ONLY_FIELDS = new Set(['dev_lifecycle', 'delivered_value', 'start_at']);\n\n  return events.filter((event) => {\n    // Filter by field name if available\n    if (event.fieldName) {\n      // Always filter out staff-only fields\n      if (STAFF_ONLY_FIELDS.has(event.fieldName)) {\n        return false;\n      }\n\n      // Filter credit_value changes when ticket is still pending\n      if (isPending && event.fieldName === 'credit_value') {\n        return false;\n      }\n\n      return true;\n    }\n\n    // Fallback to message-based filtering if fieldName not available\n    const message = event.message.toLowerCase();\n\n    // Always filter out dev_lifecycle, delivered_value, start_at\n    if (\n      message.includes('dev lifecycle') ||\n      message.includes('moved') ||\n      message.includes('delivered value') ||\n      message.includes('start date')\n    ) {\n      return false;\n    }\n\n    // Filter credit_value changes when ticket is still pending\n    if (isPending && (message.includes('credits') || message.includes('credit'))) {\n      return false;\n    }\n\n    // Allow all other events (type, priority, status, target date, completed date, etc.)\n    return true;\n  });\n});\n\n// Note creation mutation\nconst { mutate: createNote } = useMutation(\n  (api, input: NoteCreateDto) => api.notes.createNote(input),\n  { invalidate: /^notes?:/ },\n);\n\n// Handle note creation\nasync function handleAddNote(payload: {\n  content: string;\n  noteType: 'customer' | 'internal';\n}) {\n  try {\n    await createNote({\n      record_id: support_ticket_id,\n      record_type: 'support_ticket' as const,\n      body: payload.content,\n      tag: null,\n      is_internal: false,\n    });\n    await refetchTimeline();\n    toast.success('Comment added');\n  } catch {\n    toast.error('Failed to add comment');\n    throw new Error('Failed to add comment');\n  }\n}\n\n// Enter edit mode\nfunction enterEditMode() {\n  router.push({\n    name: route.name || 'CustomerViewSupportTicket',\n    params: route.params,\n    query: { ...route.query, mode: 'edit' },\n  });\n}\n\n// Exit edit mode\nasync function exitEditMode() {\n  await router.push({\n    name: route.name || 'CustomerViewSupportTicket',\n    params: route.params,\n    query: { ...route.query, mode: undefined },\n  });\n}\n\n// Handle metadata save success (form does mutation; we refresh and exit)\nasync function handleMetadataSaveSuccess() {\n  await exitEditMode();\n  await nextTick();\n  toast.success('Ticket updated successfully');\n  if (refreshTicket) {\n    await refreshTicket();\n  }\n  await refetchTimeline();\n}\n</script>\n"],"mappings":"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"}

package/dist/CustomerSupportTicketList-CKZl8jxx.js

@@ -0,0 +1,64 @@
+import "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import "./useQueryCache-alzaRWEb.js";
+import "./useMutation-BLNuJoYl.js";
+import "./useQuery-BzUGEOj0.js";
+import { S as CustomerSupportTicketList_default } from "./src-C8B9TJiH.js";
+import "./AppLink-FcNGKgvG.js";
+import "./saved_filter-C2N9l_a9.js";
+import "./ConfirmDialog-DjthOYU6.js";
+import "./InlineAttachments-DAn_QknY.js";
+import "./TeamMembersTab-BigqpBDH.js";
+import "./Appearance-shr0Aql0.js";
+import "./useBreadcrumbs-CPWXm0hm.js";
+import "./ExternalLinkIcon-BKVV5Gjm.js";
+import "./FieldsetSection-Br_sygWW.js";
+import "./RecordVersionViewer-DKIdX_BX.js";
+import "./ZiniaContainer-BPIfQOc7.js";
+import "./userAuthorized-3RiCDXxr.js";
+import "./UserProfilePage-BYitd7QV.js";
+import "./ChangePasswordPage-Dy8lFUcI.js";
+import "./teamMetadata-NTjPt89L.js";
+import "./team_memberRoutes-BgjY9Kwq.js";
+import "./teamRoutes-CFDsHPkd.js";
+import "./CreateTeamForm-B7MsOsiV.js";
+import "./EditTeamForm-C1_-p3lZ.js";
+import "./TeamHistoryTab-CxzA4u_G.js";
+import "./TeamList-_SsqJicG.js";
+import "./TeamNotesTab-Cego-QT3.js";
+import "./TeamParent-BUnqP-dr.js";
+import "./ViewTeam-ttqX2In8.js";
+import "./teamMemberMetadata-C4urCwBU.js";
+import "./CreateTeamMemberForm-DeUyXnVa.js";
+import "./EditTeamMemberForm-D9cofrUM.js";
+import "./TeamMemberList-BYUANoBg.js";
+import "./TeamMemberParent-DmYcHU3n.js";
+import "./ViewTeamMember-DqWZ3F_h.js";
+import "./customerSupportTicketRoutes-C-DKBy5g.js";
+import "./staffSupportTicketRoutes-CyMecWpC.js";
+import "./TimelineSystemEvent-D5fkhkZT.js";
+import "./CustomerCreateSupportTicketForm-DFH1JtlA.js";
+import "./CustomerSupportTicketParent-rl4Ym8oa.js";
+import "./CustomerSupportTicketSuccess-BEhFZgtn.js";
+import "./StaffCreateSupportTicketForm-BtR-Aowv.js";
+import "./SupportTicketDevLifecycleBadge-D8-Cv1Np.js";
+import "./StaffSupportTicketParent-DPvdLUii.js";
+import "./StaffSupportTicketSuccess-B3N-RMoT.js";
+import "./LoginForm-CSMHsZrq.js";
+import "./useEmailVerificationChannel-QuMSgzzM.js";
+import "./Signup-CkhRQErA.js";
+import "./ForgotPassword-Dd-E3_o1.js";
+import "./ResetPassword-CyizBRob.js";
+import "./Logout-Bdktl4NZ.js";
+import "./mfaSchema-C6PatIbY.js";
+import "./MfaSetup-Bjc3v0hs.js";
+import "./MfaVerify-uJlPz8xg.js";
+import "./VerifyEmail-CWUhRA1o.js";
+import "./UserListPage-CDMSZpXK.js";
+import "./CreateUserPage-1WiLNGr_.js";
+import "./EditUserPage-CwsO8naT.js";
+import "./CreditTransactionHistory-UPg9uDNy.js";
+import "./CreditBalanceDashboard-CoIEyZWh.js";
+import "./CreditManagement-CCyU_yja.js";
+
+export { CustomerSupportTicketList_default as default };

package/dist/{CustomerSupportTicketParent-D19kei4H.js → CustomerSupportTicketParent-D3Gj4Hel.js}

@@ -2,7 +2,7 @@ import "./useRpcAuth-CJtq1dqM.js";
 import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
 import "./useQueryCache-alzaRWEb.js";
 import "./useQuery-BzUGEOj0.js";
-import "./useBreadcrumbs-DIqU5AAp.js";
-import { t as CustomerSupportTicketParent_default } from "./CustomerSupportTicketParent-BaKfkSlU.js";
+import "./useBreadcrumbs-CPWXm0hm.js";
+import { t as CustomerSupportTicketParent_default } from "./CustomerSupportTicketParent-rl4Ym8oa.js";
 
 export { CustomerSupportTicketParent_default as default };

package/dist/{CustomerSupportTicketParent-BaKfkSlU.js → CustomerSupportTicketParent-rl4Ym8oa.js}

@@ -1,6 +1,6 @@
 import { t as useQuery } from "./useQuery-BzUGEOj0.js";
-import { n as useBreadcrumbs } from "./useBreadcrumbs-DIqU5AAp.js";
-import { t as formatTicketDisplayId } from "./displayIdFormatter-Cr-QaEk1.js";
+import { n as useBreadcrumbs } from "./useBreadcrumbs-CPWXm0hm.js";
+import { t as formatTicketDisplayId } from "./displayIdFormatter-Ca4Al9iB.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, provide, resolveComponent, toDisplayString, unref } from "vue";
 import { useRoute } from "vue-router";
 
@@ -63,4 +63,4 @@ var CustomerSupportTicketParent_default = _sfc_main;
 
 //#endregion
 export { CustomerSupportTicketParent_default as t };
-//# sourceMappingURL=CustomerSupportTicketParent-BaKfkSlU.js.map
+//# sourceMappingURL=CustomerSupportTicketParent-rl4Ym8oa.js.map

package/dist/{CustomerSupportTicketParent-BaKfkSlU.js.map → CustomerSupportTicketParent-rl4Ym8oa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CustomerSupportTicketParent-BaKfkSlU.js","names":[],"sources":["../src/slices/support_ticket/customer/CustomerSupportTicketParent.vue"],"sourcesContent":["<template>\n  <!-- Only show full-page spinner on initial load; refetch keeps content visible -->\n  <div v-if=\"isLoading && !ticket\" class=\"flex justify-center items-center p-8\">\n    <span class=\"loading loading-spinner loading-lg\"></span>\n  </div>\n\n  <div v-else-if=\"error && !ticket\" 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>{{ error.message }}</span>\n  </div>\n\n  <RouterView v-else :ticket=\"ticket\" :isLoading=\"isLoading\" :error=\"error\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useBreadcrumbs } from '../../../composables/useBreadcrumbs';\nimport { useQuery } from '../../../composables/useQuery';\nimport { computed, provide } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { formatTicketDisplayId } from '../utils/displayIdFormatter';\n\nconst route = useRoute();\nconst ticketId = route.params.id as string;\n\n// Fetch ticket data once at parent level\nconst {\n  data,\n  loading: isLoading,\n  error,\n  refetch,\n} = useQuery((api) => api.supportTickets.getTicket(ticketId), {});\n\nconst ticket = computed(() => data.value ?? null);\n\n// Provide refresh function to child components\nconst refreshTicket = async () => {\n  await refetch();\n};\n\nprovide('refreshTicket', refreshTicket);\n\n// Manage breadcrumbs at parent level\nuseBreadcrumbs(() => [\n  {\n    label: 'Support',\n    to: { name: 'CustomerSupportTicketList' },\n  },\n  {\n    label: ticket.value\n      ? formatTicketDisplayId(\n          ticket.value.display_id,\n          ticket.value.display_id_prefix,\n          ticket.value.id,\n        )\n      : '',\n    loading: !ticket.value,\n    to: {\n      name: 'CustomerViewSupportTicket',\n      params: { id: ticketId },\n    },\n  },\n]);\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAkCA,MAAM,WADQ,UAAU,CACD,OAAO;EAG9B,MAAM,EACJ,MACA,SAAS,WACT,OACA,YACE,UAAU,QAAQ,IAAI,eAAe,UAAU,SAAS,EAAE,EAAE,CAAC;EAEjE,MAAM,SAAS,eAAe,KAAK,SAAS,KAAK;EAGjD,MAAM,gBAAgB,YAAY;AAChC,SAAM,SAAS;;AAGjB,UAAQ,iBAAiB,cAAc;AAGvC,uBAAqB,CACnB;GACE,OAAO;GACP,IAAI,EAAE,MAAM,6BAA6B;GAC1C,EACD;GACE,OAAO,OAAO,QACV,sBACE,OAAO,MAAM,YACb,OAAO,MAAM,mBACb,OAAO,MAAM,GACf,GACA;GACJ,SAAS,CAAC,OAAO;GACjB,IAAI;IACF,MAAM;IACN,QAAQ,EAAE,IAAI,UAAU;IACzB;GACF,CACF,CAAC;;;2DAxEA,mBAAA,+EAAmF,EACxE,MAAA,UAAS,IAAA,CAAK,OAAA,SAAA,WAAA,EAAzB,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAwD,QAAA,EAAlD,OAAM,sCAAoC,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,IAGlC,MAAA,MAAK,IAAA,CAAK,OAAA,SAAA,WAAA,EAA1B,mBAeM,OAfN,YAeM,CAAA,OAAA,OAAA,OAAA,KAdJ,mBAYM,OAAA;IAXJ,OAAM;IACN,OAAM;IACN,MAAK;IACL,SAAQ;OAER,mBAKE,QAAA;IAJA,kBAAe;IACf,mBAAgB;IAChB,gBAAa;IACb,GAAE;cAGN,mBAAgC,QAAA,MAAA,gBAAvB,MAAA,MAAK,CAAC,QAAO,EAAA,EAAA,CAAA,CAAA,KAAA,WAAA,EAGxB,YAA4E,uBAAA;;IAAxD,QAAQ,OAAA;IAAS,WAAW,MAAA,UAAS;IAAG,OAAO,MAAA,MAAK"}
+{"version":3,"file":"CustomerSupportTicketParent-rl4Ym8oa.js","names":[],"sources":["../src/slices/support_ticket/customer/CustomerSupportTicketParent.vue"],"sourcesContent":["<template>\n  <!-- Only show full-page spinner on initial load; refetch keeps content visible -->\n  <div v-if=\"isLoading && !ticket\" class=\"flex justify-center items-center p-8\">\n    <span class=\"loading loading-spinner loading-lg\"></span>\n  </div>\n\n  <div v-else-if=\"error && !ticket\" 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>{{ error.message }}</span>\n  </div>\n\n  <RouterView v-else :ticket=\"ticket\" :isLoading=\"isLoading\" :error=\"error\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useBreadcrumbs } from '../../../composables/useBreadcrumbs';\nimport { useQuery } from '../../../composables/useQuery';\nimport { computed, provide } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { formatTicketDisplayId } from '../utils/displayIdFormatter';\n\nconst route = useRoute();\nconst ticketId = route.params.id as string;\n\n// Fetch ticket data once at parent level\nconst {\n  data,\n  loading: isLoading,\n  error,\n  refetch,\n} = useQuery((api) => api.supportTickets.getTicket(ticketId), {});\n\nconst ticket = computed(() => data.value ?? null);\n\n// Provide refresh function to child components\nconst refreshTicket = async () => {\n  await refetch();\n};\n\nprovide('refreshTicket', refreshTicket);\n\n// Manage breadcrumbs at parent level\nuseBreadcrumbs(() => [\n  {\n    label: 'Support',\n    to: { name: 'CustomerSupportTicketList' },\n  },\n  {\n    label: ticket.value\n      ? formatTicketDisplayId(\n          ticket.value.display_id,\n          ticket.value.display_id_prefix,\n          ticket.value.id,\n        )\n      : '',\n    loading: !ticket.value,\n    to: {\n      name: 'CustomerViewSupportTicket',\n      params: { id: ticketId },\n    },\n  },\n]);\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAkCA,MAAM,WADQ,UAAU,CACD,OAAO;EAG9B,MAAM,EACJ,MACA,SAAS,WACT,OACA,YACE,UAAU,QAAQ,IAAI,eAAe,UAAU,SAAS,EAAE,EAAE,CAAC;EAEjE,MAAM,SAAS,eAAe,KAAK,SAAS,KAAK;EAGjD,MAAM,gBAAgB,YAAY;AAChC,SAAM,SAAS;;AAGjB,UAAQ,iBAAiB,cAAc;AAGvC,uBAAqB,CACnB;GACE,OAAO;GACP,IAAI,EAAE,MAAM,6BAA6B;GAC1C,EACD;GACE,OAAO,OAAO,QACV,sBACE,OAAO,MAAM,YACb,OAAO,MAAM,mBACb,OAAO,MAAM,GACf,GACA;GACJ,SAAS,CAAC,OAAO;GACjB,IAAI;IACF,MAAM;IACN,QAAQ,EAAE,IAAI,UAAU;IACzB;GACF,CACF,CAAC;;;2DAxEA,mBAAA,+EAAmF,EACxE,MAAA,UAAS,IAAA,CAAK,OAAA,SAAA,WAAA,EAAzB,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAwD,QAAA,EAAlD,OAAM,sCAAoC,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,IAGlC,MAAA,MAAK,IAAA,CAAK,OAAA,SAAA,WAAA,EAA1B,mBAeM,OAfN,YAeM,CAAA,OAAA,OAAA,OAAA,KAdJ,mBAYM,OAAA;IAXJ,OAAM;IACN,OAAM;IACN,MAAK;IACL,SAAQ;OAER,mBAKE,QAAA;IAJA,kBAAe;IACf,mBAAgB;IAChB,gBAAa;IACb,GAAE;cAGN,mBAAgC,QAAA,MAAA,gBAAvB,MAAA,MAAK,CAAC,QAAO,EAAA,EAAA,CAAA,CAAA,KAAA,WAAA,EAGxB,YAA4E,uBAAA;;IAAxD,QAAQ,OAAA;IAAS,WAAW,MAAA,UAAS;IAAG,OAAO,MAAA,MAAK"}

package/dist/{CustomerSupportTicketSuccess-DVqoR5-o.js → CustomerSupportTicketSuccess-BEhFZgtn.js}

@@ -1,4 +1,4 @@
-import { t as customerSupportPaths } from "./customerSupportTicketRoutes-Cy4fp4wx.js";
+import { t as customerSupportPaths } from "./customerSupportTicketRoutes-C-DKBy5g.js";
 import { createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, openBlock, resolveComponent, unref, withCtx } from "vue";
 
 //#region src/slices/support_ticket/customer/CustomerSupportTicketSuccess.vue
@@ -51,4 +51,4 @@ var CustomerSupportTicketSuccess_default = _sfc_main;
 
 //#endregion
 export { CustomerSupportTicketSuccess_default as t };
-//# sourceMappingURL=CustomerSupportTicketSuccess-DVqoR5-o.js.map
+//# sourceMappingURL=CustomerSupportTicketSuccess-BEhFZgtn.js.map

package/dist/{CustomerSupportTicketSuccess-DVqoR5-o.js.map → CustomerSupportTicketSuccess-BEhFZgtn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CustomerSupportTicketSuccess-DVqoR5-o.js","names":[],"sources":["../src/slices/support_ticket/customer/CustomerSupportTicketSuccess.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col items-center justify-center min-h-[60vh] p-8\">\n    <div class=\"text-center max-w-2xl\">\n      <!-- Success Icon -->\n      <div class=\"mb-6\">\n        <div class=\"inline-flex items-center justify-center w-20 h-20 bg-success rounded-full\">\n          <svg\n            class=\"w-10 h-10 text-success-content\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M5 13l4 4L19 7\"\n            ></path>\n          </svg>\n        </div>\n      </div>\n\n      <!-- Success Message -->\n      <h1 class=\"text-3xl font-bold text-base-content mb-4\">\n        Support Ticket Submitted Successfully!\n      </h1>\n\n      <p class=\"text-lg text-base-content/70 mb-8\">\n        Your support ticket has been submitted and our team will review it shortly.\n      </p>\n\n      <!-- What Happens Next -->\n      <div class=\"bg-base-200 rounded-lg p-6 mb-8\">\n        <h2 class=\"text-xl font-semibold mb-4\">What happens next?</h2>\n        <div class=\"space-y-3 text-left\">\n          <div class=\"flex items-start gap-3\">\n            <div\n              class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"\n            >\n              1\n            </div>\n            <div>\n              <div class=\"font-medium\">Review</div>\n              <div class=\"text-sm text-base-content/70\">\n                Our team will review your ticket and determine the best approach\n              </div>\n            </div>\n          </div>\n          <div class=\"flex items-start gap-3\">\n            <div\n              class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"\n            >\n              2\n            </div>\n            <div>\n              <div class=\"font-medium\">Notification</div>\n              <div class=\"text-sm text-base-content/70\">\n                You'll receive email updates on status changes and progress\n              </div>\n            </div>\n          </div>\n          <div class=\"flex items-start gap-3\">\n            <div\n              class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"\n            >\n              3\n            </div>\n            <div>\n              <div class=\"font-medium\">Tracking</div>\n              <div class=\"text-sm text-base-content/70\">\n                Monitor progress in your support ticket list\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Action Buttons -->\n      <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n        <router-link\n          :to=\"{ name: customerSupportPaths.customer_list.name }\"\n          class=\"btn btn-primary btn-lg\"\n        >\n          View My Support Tickets\n        </router-link>\n        <router-link\n          :to=\"{ name: customerSupportPaths.customer_create.name }\"\n          class=\"btn btn-outline btn-lg\"\n        >\n          Submit Another Ticket\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { customerSupportPaths } from './customerSupportTicketRoutes';\n</script>\n"],"mappings":";;;;;;;;;;;;uBACE,mBA6FM,OA7FN,YA6FM,CA5FJ,mBA2FM,OA3FN,YA2FM;IA1FJ,mBAAA,iBAAqB;8BACrB,mBAiBM,OAAA,EAjBD,OAAM,QAAM,EAAA,CACf,mBAeM,OAAA,EAfD,OAAM,6EAA2E,EAAA,CACpF,mBAaM,OAAA;KAZJ,OAAM;KACN,MAAK;KACL,QAAO;KACP,SAAQ;KACR,OAAM;QAEN,mBAKQ,QAAA;KAJN,kBAAe;KACf,mBAAgB;KAChB,gBAAa;KACb,GAAE;;IAMV,mBAAA,oBAAwB;8BACxB,mBAEK,MAAA,EAFD,OAAM,6CAA2C,EAAC,4CAEtD,GAAA;8BAEA,mBAEI,KAAA,EAFD,OAAM,qCAAmC,EAAC,iFAE7C,GAAA;IAEA,mBAAA,sBAA0B;;IA8C1B,mBAAA,mBAAuB;IACvB,mBAaM,OAbN,YAaM,CAZJ,YAKc,wBAAA;KAJX,IAAE,EAAA,MAAU,MAAA,qBAAoB,CAAC,cAAc,MAAI;KACpD,OAAM;;4BAGR,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,6BAED,GAAA,CAAA,EAAA,CAAA;;mBACA,YAKc,wBAAA;KAJX,IAAE,EAAA,MAAU,MAAA,qBAAoB,CAAC,gBAAgB,MAAI;KACtD,OAAM;;4BAGR,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,2BAED,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"CustomerSupportTicketSuccess-BEhFZgtn.js","names":[],"sources":["../src/slices/support_ticket/customer/CustomerSupportTicketSuccess.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col items-center justify-center min-h-[60vh] p-8\">\n    <div class=\"text-center max-w-2xl\">\n      <!-- Success Icon -->\n      <div class=\"mb-6\">\n        <div class=\"inline-flex items-center justify-center w-20 h-20 bg-success rounded-full\">\n          <svg\n            class=\"w-10 h-10 text-success-content\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M5 13l4 4L19 7\"\n            ></path>\n          </svg>\n        </div>\n      </div>\n\n      <!-- Success Message -->\n      <h1 class=\"text-3xl font-bold text-base-content mb-4\">\n        Support Ticket Submitted Successfully!\n      </h1>\n\n      <p class=\"text-lg text-base-content/70 mb-8\">\n        Your support ticket has been submitted and our team will review it shortly.\n      </p>\n\n      <!-- What Happens Next -->\n      <div class=\"bg-base-200 rounded-lg p-6 mb-8\">\n        <h2 class=\"text-xl font-semibold mb-4\">What happens next?</h2>\n        <div class=\"space-y-3 text-left\">\n          <div class=\"flex items-start gap-3\">\n            <div\n              class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"\n            >\n              1\n            </div>\n            <div>\n              <div class=\"font-medium\">Review</div>\n              <div class=\"text-sm text-base-content/70\">\n                Our team will review your ticket and determine the best approach\n              </div>\n            </div>\n          </div>\n          <div class=\"flex items-start gap-3\">\n            <div\n              class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"\n            >\n              2\n            </div>\n            <div>\n              <div class=\"font-medium\">Notification</div>\n              <div class=\"text-sm text-base-content/70\">\n                You'll receive email updates on status changes and progress\n              </div>\n            </div>\n          </div>\n          <div class=\"flex items-start gap-3\">\n            <div\n              class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"\n            >\n              3\n            </div>\n            <div>\n              <div class=\"font-medium\">Tracking</div>\n              <div class=\"text-sm text-base-content/70\">\n                Monitor progress in your support ticket list\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Action Buttons -->\n      <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n        <router-link\n          :to=\"{ name: customerSupportPaths.customer_list.name }\"\n          class=\"btn btn-primary btn-lg\"\n        >\n          View My Support Tickets\n        </router-link>\n        <router-link\n          :to=\"{ name: customerSupportPaths.customer_create.name }\"\n          class=\"btn btn-outline btn-lg\"\n        >\n          Submit Another Ticket\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { customerSupportPaths } from './customerSupportTicketRoutes';\n</script>\n"],"mappings":";;;;;;;;;;;;uBACE,mBA6FM,OA7FN,YA6FM,CA5FJ,mBA2FM,OA3FN,YA2FM;IA1FJ,mBAAA,iBAAqB;8BACrB,mBAiBM,OAAA,EAjBD,OAAM,QAAM,EAAA,CACf,mBAeM,OAAA,EAfD,OAAM,6EAA2E,EAAA,CACpF,mBAaM,OAAA;KAZJ,OAAM;KACN,MAAK;KACL,QAAO;KACP,SAAQ;KACR,OAAM;QAEN,mBAKQ,QAAA;KAJN,kBAAe;KACf,mBAAgB;KAChB,gBAAa;KACb,GAAE;;IAMV,mBAAA,oBAAwB;8BACxB,mBAEK,MAAA,EAFD,OAAM,6CAA2C,EAAC,4CAEtD,GAAA;8BAEA,mBAEI,KAAA,EAFD,OAAM,qCAAmC,EAAC,iFAE7C,GAAA;IAEA,mBAAA,sBAA0B;;IA8C1B,mBAAA,mBAAuB;IACvB,mBAaM,OAbN,YAaM,CAZJ,YAKc,wBAAA;KAJX,IAAE,EAAA,MAAU,MAAA,qBAAoB,CAAC,cAAc,MAAI;KACpD,OAAM;;4BAGR,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,6BAED,GAAA,CAAA,EAAA,CAAA;;mBACA,YAKc,wBAAA;KAJX,IAAE,EAAA,MAAU,MAAA,qBAAoB,CAAC,gBAAgB,MAAI;KACtD,OAAM;;4BAGR,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,2BAED,GAAA,CAAA,EAAA,CAAA"}

package/dist/{CustomerSupportTicketSuccess-B87Zth-g.js → CustomerSupportTicketSuccess-BJO2xsQR.js}

@@ -3,10 +3,10 @@ import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
 import "./useQueryCache-alzaRWEb.js";
 import "./useMutation-BLNuJoYl.js";
 import "./useQuery-BzUGEOj0.js";
-import "./saved_filter-jeZd2rlb.js";
+import "./saved_filter-C2N9l_a9.js";
 import "./ConfirmDialog-DjthOYU6.js";
-import "./userAuthorized-klLUHGxT.js";
-import "./customerSupportTicketRoutes-Cy4fp4wx.js";
-import { t as CustomerSupportTicketSuccess_default } from "./CustomerSupportTicketSuccess-DVqoR5-o.js";
+import "./userAuthorized-3RiCDXxr.js";
+import "./customerSupportTicketRoutes-C-DKBy5g.js";
+import { t as CustomerSupportTicketSuccess_default } from "./CustomerSupportTicketSuccess-BEhFZgtn.js";
 
 export { CustomerSupportTicketSuccess_default as default };