@dragonmastery/dragoncore-vue 0.0.1

package/dist/InlineAttachments-I39rOvip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineAttachments-I39rOvip.js","names":["files: Attachment[]","queueItem: QueueItem"],"sources":["../src/components/ConfirmDialog.vue","../src/components/ImageModal.vue","../src/slices/support_ticket/shared/InlineAttachments.vue"],"sourcesContent":["<template>\n  <dialog\n    ref=\"dialogRef\"\n    :class=\"['modal', { 'modal-open': isOpen }]\"\n    @click=\"handleBackdropClick\"\n  >\n    <div class=\"modal-box\" @click.stop>\n      <h3 class=\"font-bold text-lg mb-4\">{{ title }}</h3>\n      <div class=\"py-4\">\n        <slot name=\"message\">\n          <p>{{ message }}</p>\n        </slot>\n      </div>\n      <div class=\"modal-action\">\n        <button\n          class=\"btn btn-outline\"\n          @click.prevent=\"handleCancel\"\n          :disabled=\"isProcessing\"\n          type=\"button\"\n        >\n          {{ cancelText }}\n        </button>\n        <button\n          class=\"btn\"\n          :class=\"confirmButtonClass\"\n          @click.prevent=\"handleConfirm\"\n          :disabled=\"isProcessing\"\n          type=\"button\"\n        >\n          {{ isProcessing ? processingText : confirmText }}\n        </button>\n      </div>\n    </div>\n  </dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\n\ninterface Props {\n  modelValue: boolean;\n  title?: string;\n  message?: string;\n  confirmText?: string;\n  cancelText?: string;\n  processingText?: string;\n  confirmButtonClass?: string;\n  isProcessing?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Confirm',\n  message: 'Are you sure?',\n  confirmText: 'Confirm',\n  cancelText: 'Cancel',\n  processingText: 'Processing...',\n  confirmButtonClass: 'btn-primary',\n  isProcessing: false,\n});\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean];\n  confirm: [];\n  cancel: [];\n}>();\n\nconst dialogRef = ref<HTMLDialogElement | null>(null);\nconst isOpen = ref(props.modelValue);\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    isOpen.value = newValue;\n    if (newValue && dialogRef.value) {\n      dialogRef.value.showModal();\n    } else if (dialogRef.value) {\n      dialogRef.value.close();\n    }\n  },\n  { immediate: true },\n);\n\nwatch(isOpen, (newValue) => {\n  if (newValue && dialogRef.value) {\n    dialogRef.value.showModal();\n  } else if (dialogRef.value) {\n    dialogRef.value.close();\n  }\n});\n\nconst handleConfirm = () => {\n  emit('confirm');\n};\n\nconst handleCancel = () => {\n  isOpen.value = false;\n  emit('update:modelValue', false);\n  emit('cancel');\n};\n\nconst handleBackdropClick = (event: MouseEvent) => {\n  // Close when clicking the backdrop (modal itself)\n  if (event.target === dialogRef.value) {\n    handleCancel();\n  }\n};\n</script>\n","<template>\n  <dialog\n    ref=\"dialogRef\"\n    class=\"modal\"\n    :class=\"{ 'modal-open': isOpen }\"\n    @click=\"handleBackdropClick\"\n    @keydown=\"handleKeydown\"\n  >\n    <div class=\"modal-box w-full max-w-full h-full max-h-full p-0 flex flex-col bg-base-100\">\n      <!-- Header -->\n      <div\n        class=\"flex items-center justify-between p-3 sm:p-4 border-b border-base-300 flex-shrink-0 bg-base-100/95 backdrop-blur\"\n      >\n        <div class=\"flex-1 min-w-0 mr-2\">\n          <h3 class=\"font-semibold text-sm sm:text-base truncate\">\n            {{ imageName }}\n          </h3>\n          <p\n            v-if=\"imageIndex !== null && totalImages !== null\"\n            class=\"text-xs text-base-content/60 mt-0.5\"\n          >\n            {{ imageIndex + 1 }} / {{ totalImages }}\n          </p>\n        </div>\n        <div class=\"flex items-center gap-1 sm:gap-2 flex-shrink-0\">\n          <!-- Navigation buttons (if multiple images) -->\n          <button\n            v-if=\"showNavigation && imageIndex !== null && imageIndex > 0\"\n            @click.prevent=\"goToPrevious\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            type=\"button\"\n            title=\"Previous image\"\n            aria-label=\"Previous image\"\n          >\n            <svg\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            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M15 19l-7-7 7-7\"\n              />\n            </svg>\n          </button>\n          <button\n            v-if=\"showNavigation && imageIndex !== null && imageIndex < (totalImages || 0) - 1\"\n            @click.prevent=\"goToNext\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            type=\"button\"\n            title=\"Next image\"\n            aria-label=\"Next image\"\n          >\n            <svg\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            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M9 5l7 7-7 7\"\n              />\n            </svg>\n          </button>\n          <!-- Download button -->\n          <button\n            v-if=\"props.onDownload\"\n            @click.prevent=\"handleDownload\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            type=\"button\"\n            title=\"Download\"\n            aria-label=\"Download image\"\n          >\n            <svg\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            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\n              />\n            </svg>\n          </button>\n          <!-- Close button -->\n          <button\n            @click.prevent=\"handleClose\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            type=\"button\"\n            title=\"Close\"\n            aria-label=\"Close modal\"\n          >\n            <svg\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            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </button>\n        </div>\n      </div>\n\n      <!-- Image container -->\n      <div\n        ref=\"imageContainerRef\"\n        class=\"flex-1 flex items-center justify-center overflow-hidden bg-base-200 relative\"\n      >\n        <!-- Loading state -->\n        <div v-if=\"isLoading\" class=\"absolute inset-0 flex items-center justify-center\">\n          <span class=\"loading loading-spinner loading-lg\"></span>\n        </div>\n\n        <!-- Error state -->\n        <div\n          v-if=\"hasError\"\n          class=\"absolute inset-0 flex flex-col items-center justify-center p-4 text-center\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-12 w-12 text-error mb-2\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <p class=\"text-sm text-base-content/70\">Failed to load image</p>\n        </div>\n\n        <!-- Image -->\n        <img\n          v-if=\"imageSrc && !hasError\"\n          ref=\"imageRef\"\n          :src=\"imageSrc\"\n          :alt=\"imageName\"\n          class=\"max-w-full max-h-full object-contain\"\n          :class=\"{\n            'transition-transform duration-300 ease-out':\n              !isDragging && !isPinching && !isResetting,\n          }\"\n          :style=\"imageStyle\"\n          @load=\"handleImageLoad\"\n          @error=\"handleImageError\"\n          @dblclick=\"resetZoom\"\n          @touchstart.stop=\"handleImageTouchStart\"\n          @touchmove.stop=\"handleImageTouchMove\"\n          @touchend.stop=\"handleImageTouchEnd\"\n        />\n\n        <!-- Zoom controls -->\n        <div\n          v-if=\"imageSrc && !hasError\"\n          class=\"zoom-controls absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-1 sm:gap-2 bg-base-100/90 backdrop-blur rounded-lg p-1.5 sm:p-2 shadow-lg z-10\"\n          @touchstart.stop\n          @touchmove.stop\n          @touchend.stop\n          @click.stop\n        >\n          <button\n            @click.prevent=\"zoomOut\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            type=\"button\"\n            :disabled=\"scale <= minScale\"\n            title=\"Zoom out\"\n            aria-label=\"Zoom out\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7\"\n              />\n            </svg>\n          </button>\n          <button\n            @click.prevent=\"resetZoom\"\n            class=\"text-xs flex items-center px-2 text-base-content/70 hover:text-base-content hover:bg-base-200 rounded transition-colors cursor-pointer\"\n            type=\"button\"\n            title=\"Reset zoom to 100%\"\n            aria-label=\"Reset zoom to 100%\"\n          >\n            {{ Math.round(scale * 100) }}%\n          </button>\n          <button\n            @click.prevent=\"zoomIn\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            type=\"button\"\n            :disabled=\"scale >= maxScale\"\n            title=\"Zoom in\"\n            aria-label=\"Zoom in\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7\"\n              />\n            </svg>\n          </button>\n          <button\n            @click.prevent=\"rotateImage\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            type=\"button\"\n            title=\"Rotate image\"\n            aria-label=\"Rotate image\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              stroke-width=\"1.5\"\n              stroke=\"currentColor\"\n              aria-hidden=\"true\"\n              data-slot=\"icon\"\n              fill=\"none\"\n              class=\"size-6\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M18.363 5.634A8.997 9.002 29.494 0 0 7.5 4.206 8.997 9.002 29.494 0 0 3.306 14.33 8.997 9.002 29.494 0 0 11.996 21a8.997 9.002 29.494 0 0 8.694-6.673m-2.327-8.693L20.87 8.14m.017-4.994v5.015m0 0h-5.013\"\n              ></path>\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n    <form method=\"dialog\" class=\"modal-backdrop\">\n      <button type=\"button\" @click.prevent=\"handleClose\">close</button>\n    </form>\n  </dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';\n\ninterface Props {\n  isOpen: boolean;\n  imageSrc?: string;\n  imageName?: string;\n  imageIndex?: number | null;\n  totalImages?: number | null;\n  onDownload?: () => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  imageSrc: '',\n  imageName: '',\n  imageIndex: null,\n  totalImages: null,\n  onDownload: undefined,\n  onPrevious: undefined,\n  onNext: undefined,\n});\n\nconst emit = defineEmits<{\n  close: [];\n}>();\n\nconst dialogRef = ref<HTMLDialogElement | null>(null);\nconst imageRef = ref<HTMLImageElement | null>(null);\nconst imageContainerRef = ref<HTMLDivElement | null>(null);\nconst isOpen = ref(props.isOpen);\nconst isLoading = ref(false);\nconst hasError = ref(false);\n\n// Zoom and pan state\nconst scale = ref(1);\nconst translateX = ref(0);\nconst translateY = ref(0);\nconst rotation = ref(0); // Rotation in degrees (can go beyond 360 for smooth transitions)\nconst minScale = 0.5;\nconst maxScale = 5;\nconst zoomStep = 0.05; // Flat 5% increments (0.05 = 5%)\n\n// Animation state\nconst isDragging = ref(false);\nconst isPinching = ref(false);\nconst isResetting = ref(false); // Track when resetting to disable transition\n\n// Touch state for pinch zoom and pan\nconst touchState = ref<{\n  type: 'pinch' | 'pan';\n  initialDistance?: number;\n  initialScale?: number;\n  initialTranslateX?: number;\n  initialTranslateY?: number;\n  initialTouches?: Touch[];\n  lastPanX?: number;\n  lastPanY?: number;\n} | null>(null);\n\n// Mouse drag state for panning\nconst mouseDragState = ref<{\n  isDragging: boolean;\n  startX: number;\n  startY: number;\n  startTranslateX: number;\n  startTranslateY: number;\n} | null>(null);\n\n// Mobile detection\nconst isMobile = ref(false);\n\nconst imageStyle = computed(() => ({\n  transform: `scale(${scale.value}) translate(${translateX.value}px, ${translateY.value}px) rotate(${rotation.value}deg)`,\n  cursor: mouseDragState.value?.isDragging ? 'grabbing' : scale.value > 1 ? 'grab' : 'default',\n  touchAction: 'none' as const, // Prevent default touch behaviors\n  userSelect: 'none' as const, // Prevent text selection during drag\n  willChange: isDragging.value || isPinching.value ? 'transform' : 'auto', // Optimize for animations\n}));\n\nconst showNavigation = computed(() => {\n  return (\n    props.totalImages !== null && props.totalImages > 1 && (props.onPrevious || props.onNext)\n  );\n});\n\n// Watch for modal open/close\nwatch(\n  () => props.isOpen,\n  (newValue) => {\n    isOpen.value = newValue;\n    if (newValue && dialogRef.value) {\n      dialogRef.value.showModal();\n      // Reset zoom and rotation when opening\n      isResetting.value = true;\n      scale.value = 1;\n      translateX.value = 0;\n      translateY.value = 0;\n      rotation.value = 0;\n      touchState.value = null;\n      mouseDragState.value = null;\n      isDragging.value = false;\n      isPinching.value = false;\n      isLoading.value = true;\n      hasError.value = false;\n      // Re-enable transitions after modal opens\n      nextTick(() => {\n        setTimeout(() => {\n          isResetting.value = false;\n        }, 50);\n      });\n\n      // Add event listeners with passive: false only when modal is open\n      nextTick(() => {\n        if (imageContainerRef.value) {\n          imageContainerRef.value.addEventListener('wheel', handleWheel, {\n            passive: false,\n          });\n          imageContainerRef.value.addEventListener('mousedown', handleMouseDown);\n          // Container-level touch handlers (for areas outside the image)\n          imageContainerRef.value.addEventListener('touchstart', handleTouchStart, {\n            passive: false,\n          });\n          imageContainerRef.value.addEventListener('touchmove', handleTouchMove, {\n            passive: false,\n          });\n          imageContainerRef.value.addEventListener('touchend', handleTouchEnd, {\n            passive: true,\n          });\n          imageContainerRef.value.addEventListener('touchcancel', handleTouchEnd, {\n            passive: true,\n          });\n        }\n        // Add global mouse listeners for drag\n        document.addEventListener('mousemove', handleMouseMove);\n        document.addEventListener('mouseup', handleMouseUp);\n      });\n    } else if (dialogRef.value) {\n      dialogRef.value.close();\n\n      // Remove event listeners when modal closes\n      if (imageContainerRef.value) {\n        imageContainerRef.value.removeEventListener('wheel', handleWheel);\n        imageContainerRef.value.removeEventListener('mousedown', handleMouseDown);\n        imageContainerRef.value.removeEventListener('touchstart', handleTouchStart);\n        imageContainerRef.value.removeEventListener('touchmove', handleTouchMove);\n        imageContainerRef.value.removeEventListener('touchend', handleTouchEnd);\n        imageContainerRef.value.removeEventListener('touchcancel', handleTouchEnd);\n      }\n      // Remove global mouse listeners\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n      // Clear states when modal closes\n      touchState.value = null;\n      mouseDragState.value = null;\n    }\n  },\n  { immediate: true },\n);\n\n// Watch for image source changes\nwatch(\n  () => props.imageSrc,\n  () => {\n    if (props.isOpen && props.imageSrc) {\n      isLoading.value = true;\n      hasError.value = false;\n      // Reset zoom and rotation when image changes\n      scale.value = 1;\n      translateX.value = 0;\n      translateY.value = 0;\n      rotation.value = 0;\n    }\n  },\n);\n\n// Watch for image index changes (navigation)\nwatch(\n  () => props.imageIndex,\n  () => {\n    if (props.isOpen) {\n      resetZoom();\n      isLoading.value = true;\n      hasError.value = false;\n    }\n  },\n);\n\n// Mobile detection\nonMounted(() => {\n  isMobile.value = window.innerWidth < 768;\n  window.addEventListener('resize', () => {\n    isMobile.value = window.innerWidth < 768;\n  });\n});\n\n// Keyboard navigation\nconst handleKeydown = (event: KeyboardEvent) => {\n  if (!props.isOpen) return;\n\n  switch (event.key) {\n    case 'Escape':\n      handleClose();\n      break;\n    case 'ArrowLeft':\n      if (showNavigation.value && props.imageIndex !== null && props.imageIndex > 0) {\n        event.preventDefault();\n        goToPrevious();\n      }\n      break;\n    case 'ArrowRight':\n      if (\n        showNavigation.value &&\n        props.imageIndex !== null &&\n        props.imageIndex < (props.totalImages || 0) - 1\n      ) {\n        event.preventDefault();\n        goToNext();\n      }\n      break;\n    case '+':\n    case '=':\n      event.preventDefault();\n      zoomIn();\n      break;\n    case '-':\n      event.preventDefault();\n      zoomOut();\n      break;\n    case '0':\n      event.preventDefault();\n      resetZoom();\n      break;\n  }\n};\n\n// Zoom functions - using flat 5% increments\nconst zoomIn = () => {\n  if (scale.value < maxScale) {\n    const newScale = scale.value + zoomStep;\n    scale.value = Math.min(maxScale, newScale);\n  }\n};\n\nconst zoomOut = () => {\n  if (scale.value > minScale) {\n    const newScale = scale.value - zoomStep;\n    scale.value = Math.max(minScale, newScale);\n    // Reset pan if zoomed out to fit\n    if (scale.value <= 1) {\n      translateX.value = 0;\n      translateY.value = 0;\n    }\n  }\n};\n\nconst resetZoom = () => {\n  // Disable transitions to prevent counter-clockwise animation\n  isResetting.value = true;\n\n  scale.value = 1;\n  translateX.value = 0;\n  translateY.value = 0;\n  rotation.value = 0;\n\n  touchState.value = null;\n  mouseDragState.value = null;\n  isDragging.value = false;\n  isPinching.value = false;\n\n  // Re-enable transitions after reset\n  nextTick(() => {\n    setTimeout(() => {\n      isResetting.value = false;\n    }, 50);\n  });\n};\n\nconst rotateImage = () => {\n  // Rotate 90 degrees clockwise\n  // Don't use modulo - let it accumulate so we can control reset direction\n  rotation.value = rotation.value + 90;\n};\n\n// Mouse wheel zoom - fixed to zoom towards cursor with smooth updates\nconst handleWheel = (event: WheelEvent) => {\n  if (!imageRef.value || !props.isOpen) return;\n\n  // Always prevent default to avoid page scrolling\n  event.preventDefault();\n\n  // Calculate zoom delta based on wheel direction\n  // Use deltaY for vertical scroll, deltaX for horizontal (trackpad support)\n  // Reverse sign: scroll down (positive delta) should zoom out, scroll up (negative delta) should zoom in\n  const delta = event.deltaY !== 0 ? event.deltaY : event.deltaX;\n  const scrollDirection = delta > 0 ? -1 : 1; // Negative for scroll down (zoom out), positive for scroll up (zoom in)\n\n  const oldScale = scale.value;\n  // Apply flat 5% increment based on scroll direction\n  const newScale =\n    scrollDirection > 0\n      ? oldScale + zoomStep // Zoom in: add 0.05\n      : oldScale - zoomStep; // Zoom out: subtract 0.05\n\n  const clampedScale = Math.max(minScale, Math.min(maxScale, newScale));\n\n  if (Math.abs(clampedScale - oldScale) > 0.001) {\n    // Get the image container bounds\n    const containerRect = imageContainerRef.value?.getBoundingClientRect();\n    if (!containerRect) return;\n\n    // Get mouse position relative to container center\n    const mouseX = event.clientX - containerRect.left - containerRect.width / 2;\n    const mouseY = event.clientY - containerRect.top - containerRect.height / 2;\n\n    // Calculate the point on the image (in image coordinates) that the mouse is over\n    // This accounts for current translation and scale\n    const imagePointX = (mouseX - translateX.value) / oldScale;\n    const imagePointY = (mouseY - translateY.value) / oldScale;\n\n    // Apply new scale\n    scale.value = clampedScale;\n\n    // Adjust translation so the same image point stays under the mouse\n    // After zoom, we want: mouseX = imagePointX * clampedScale + translateX\n    translateX.value = mouseX - imagePointX * clampedScale;\n    translateY.value = mouseY - imagePointY * clampedScale;\n\n    // Reset pan if zoomed out to fit\n    if (scale.value <= 1) {\n      translateX.value = 0;\n      translateY.value = 0;\n    }\n  }\n};\n\n// Mouse drag for panning\nconst handleMouseDown = (event: MouseEvent) => {\n  if (!imageRef.value || !props.isOpen || scale.value <= 1) return;\n\n  // Only start drag on left mouse button\n  if (event.button !== 0) return;\n\n  event.preventDefault();\n\n  isDragging.value = true;\n  mouseDragState.value = {\n    isDragging: true,\n    startX: event.clientX,\n    startY: event.clientY,\n    startTranslateX: translateX.value,\n    startTranslateY: translateY.value,\n  };\n\n  // Change cursor to grabbing\n  if (imageRef.value) {\n    imageRef.value.style.cursor = 'grabbing';\n  }\n};\n\nconst handleMouseMove = (event: MouseEvent) => {\n  if (!mouseDragState.value || !mouseDragState.value.isDragging || !props.isOpen) return;\n\n  event.preventDefault();\n\n  // Use requestAnimationFrame for smoother updates\n  requestAnimationFrame(() => {\n    if (!mouseDragState.value) return;\n\n    const deltaX = event.clientX - mouseDragState.value.startX;\n    const deltaY = event.clientY - mouseDragState.value.startY;\n\n    // Pan relative to current scale\n    translateX.value = mouseDragState.value.startTranslateX + deltaX / scale.value;\n    translateY.value = mouseDragState.value.startTranslateY + deltaY / scale.value;\n\n    // Clamp translation to reasonable bounds\n    const maxTranslate = 300;\n    translateX.value = Math.max(-maxTranslate, Math.min(maxTranslate, translateX.value));\n    translateY.value = Math.max(-maxTranslate, Math.min(maxTranslate, translateY.value));\n  });\n};\n\nconst handleMouseUp = () => {\n  if (mouseDragState.value) {\n    mouseDragState.value.isDragging = false;\n  }\n  mouseDragState.value = null;\n  isDragging.value = false;\n\n  // Reset cursor\n  if (imageRef.value) {\n    imageRef.value.style.cursor = scale.value > 1 ? 'grab' : 'default';\n  }\n};\n\n// Touch gestures - improved implementation\nconst getTouchDistance = (touches: Touch[]): number => {\n  if (touches.length < 2) return 0;\n  const touch1 = touches[0];\n  const touch2 = touches[1];\n  if (!touch1 || !touch2) return 0;\n  const dx = touch1.clientX - touch2.clientX;\n  const dy = touch1.clientY - touch2.clientY;\n  return Math.sqrt(dx * dx + dy * dy);\n};\n\nconst getTouchCenter = (touches: Touch[]): { x: number; y: number } | null => {\n  if (touches.length === 0) return null;\n  if (touches.length === 1) {\n    const touch = touches[0];\n    if (!touch) return null;\n    return { x: touch.clientX, y: touch.clientY };\n  }\n  // For 2 touches, return the center point\n  const touch1 = touches[0];\n  const touch2 = touches[1];\n  if (!touch1 || !touch2) return null;\n  return {\n    x: (touch1.clientX + touch2.clientX) / 2,\n    y: (touch1.clientY + touch2.clientY) / 2,\n  };\n};\n\n// Handle touch events on the image directly\nconst handleImageTouchStart = (event: TouchEvent) => {\n  if (!imageRef.value || !props.isOpen) return;\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  const touches = Array.from(event.touches);\n\n  if (touches.length === 2) {\n    // Pinch zoom gesture\n    isPinching.value = true;\n    const distance = getTouchDistance(touches);\n    const center = getTouchCenter(touches);\n\n    if (center) {\n      touchState.value = {\n        type: 'pinch',\n        initialDistance: distance,\n        initialScale: scale.value,\n        initialTranslateX: translateX.value,\n        initialTranslateY: translateY.value,\n        initialTouches: touches,\n      };\n    }\n  } else if (touches.length === 1 && scale.value > 1) {\n    // Single touch pan (only when zoomed in)\n    isDragging.value = true;\n    const touch = touches[0];\n    if (touch) {\n      touchState.value = {\n        type: 'pan',\n        lastPanX: touch.clientX,\n        lastPanY: touch.clientY,\n      };\n    }\n  } else {\n    // Clear any existing touch state\n    touchState.value = null;\n    isDragging.value = false;\n    isPinching.value = false;\n  }\n};\n\nconst handleImageTouchMove = (event: TouchEvent) => {\n  if (!imageRef.value || !props.isOpen || !touchState.value) return;\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  handleTouchMove(event);\n};\n\nconst handleImageTouchEnd = (event: TouchEvent) => {\n  if (!imageRef.value || !props.isOpen) return;\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  handleTouchEnd();\n};\n\n// Handle touch events on the container (for areas outside the image)\nconst handleTouchStart = (event: TouchEvent) => {\n  if (!imageRef.value || !props.isOpen) return;\n\n  // Don't handle touch if it's on the zoom controls\n  const target = event.target as HTMLElement;\n  if (target.closest('.zoom-controls')) {\n    return;\n  }\n\n  // If touch is on the image, let handleImageTouchStart handle it\n  if (target === imageRef.value || imageRef.value.contains(target)) {\n    return;\n  }\n\n  event.preventDefault(); // Prevent scrolling\n\n  const touches = Array.from(event.touches);\n\n  if (touches.length === 2) {\n    // Pinch zoom gesture\n    isPinching.value = true;\n    const distance = getTouchDistance(touches);\n    const center = getTouchCenter(touches);\n\n    if (center) {\n      touchState.value = {\n        type: 'pinch',\n        initialDistance: distance,\n        initialScale: scale.value,\n        initialTranslateX: translateX.value,\n        initialTranslateY: translateY.value,\n        initialTouches: touches,\n      };\n    }\n  } else if (touches.length === 1 && scale.value > 1) {\n    // Single touch pan (only when zoomed in)\n    isDragging.value = true;\n    const touch = touches[0];\n    if (touch) {\n      touchState.value = {\n        type: 'pan',\n        lastPanX: touch.clientX,\n        lastPanY: touch.clientY,\n      };\n    }\n  } else {\n    // Clear any existing touch state\n    touchState.value = null;\n    isDragging.value = false;\n    isPinching.value = false;\n  }\n};\n\nconst handleTouchMove = (event: TouchEvent) => {\n  if (!imageRef.value || !props.isOpen || !touchState.value) return;\n\n  const touches = Array.from(event.touches);\n\n  // Use requestAnimationFrame for smoother updates\n  requestAnimationFrame(() => {\n    if (!touchState.value) return;\n\n    if (touchState.value.type === 'pinch' && touches.length === 2) {\n      // Handle pinch zoom\n      event.preventDefault();\n\n      const distance = getTouchDistance(touches);\n      if (touchState.value.initialDistance && touchState.value.initialScale !== undefined) {\n        const scaleChange = distance / touchState.value.initialDistance;\n        const newScale = Math.max(\n          minScale,\n          Math.min(maxScale, touchState.value.initialScale * scaleChange),\n        );\n        scale.value = newScale;\n\n        // Optionally adjust translation based on pinch center\n        // This keeps the pinch center point stable during zoom\n      }\n    } else if (touchState.value.type === 'pan' && touches.length === 1 && scale.value > 1) {\n      // Handle single touch pan (only when zoomed in)\n      event.preventDefault();\n\n      const touch = touches[0];\n      if (\n        touch &&\n        touchState.value.lastPanX !== undefined &&\n        touchState.value.lastPanY !== undefined\n      ) {\n        const deltaX = touch.clientX - touchState.value.lastPanX;\n        const deltaY = touch.clientY - touchState.value.lastPanY;\n\n        // Pan relative to current scale\n        translateX.value += deltaX / scale.value;\n        translateY.value += deltaY / scale.value;\n\n        // Clamp translation\n        const maxTranslate = 200;\n        translateX.value = Math.max(-maxTranslate, Math.min(maxTranslate, translateX.value));\n        translateY.value = Math.max(-maxTranslate, Math.min(maxTranslate, translateY.value));\n\n        touchState.value.lastPanX = touch.clientX;\n        touchState.value.lastPanY = touch.clientY;\n      }\n    } else {\n      // Touch count changed or invalid state - reset\n      touchState.value = null;\n      isDragging.value = false;\n      isPinching.value = false;\n    }\n  });\n};\n\nconst handleTouchEnd = () => {\n  touchState.value = null;\n  isDragging.value = false;\n  isPinching.value = false;\n};\n\n// Image load handlers\nconst handleImageLoad = () => {\n  isLoading.value = false;\n  hasError.value = false;\n};\n\nconst handleImageError = () => {\n  isLoading.value = false;\n  hasError.value = true;\n};\n\n// Navigation\nconst goToPrevious = () => {\n  if (props.onPrevious) {\n    props.onPrevious();\n  }\n};\n\nconst goToNext = () => {\n  if (props.onNext) {\n    props.onNext();\n  }\n};\n\n// Actions\nconst handleDownload = () => {\n  if (props.onDownload) {\n    props.onDownload();\n  }\n};\n\nconst handleClose = () => {\n  isOpen.value = false;\n  emit('close');\n};\n\nconst handleBackdropClick = (event: MouseEvent) => {\n  if (event.target === dialogRef.value) {\n    handleClose();\n  }\n};\n\n// Cleanup\nonUnmounted(() => {\n  window.removeEventListener('resize', () => {});\n  // Clean up event listeners\n  if (imageContainerRef.value) {\n    imageContainerRef.value.removeEventListener('wheel', handleWheel);\n    imageContainerRef.value.removeEventListener('mousedown', handleMouseDown);\n    imageContainerRef.value.removeEventListener('touchstart', handleTouchStart);\n    imageContainerRef.value.removeEventListener('touchmove', handleTouchMove);\n    imageContainerRef.value.removeEventListener('touchend', handleTouchEnd);\n    imageContainerRef.value.removeEventListener('touchcancel', handleTouchEnd);\n  }\n  // Remove global mouse listeners\n  document.removeEventListener('mousemove', handleMouseMove);\n  document.removeEventListener('mouseup', handleMouseUp);\n});\n</script>\n","<template>\n  <div class=\"mt-4 sm:mt-6\">\n    <div\n      class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-0 mb-3\"\n    >\n      <h3 class=\"text-base sm:text-lg font-semibold\">Attachments</h3>\n      <button\n        v-if=\"canUpload\"\n        @click.prevent=\"openFileSelector\"\n        class=\"btn btn-sm btn-primary w-full sm:w-auto\"\n        :disabled=\"isUploading\"\n        type=\"button\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-4 w-4 mr-1\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M12 4v16m8-8H4\"\n          />\n        </svg>\n        Add Files\n      </button>\n    </div>\n\n    <input ref=\"fileInput\" type=\"file\" multiple class=\"hidden\" @change=\"handleFileSelect\" />\n\n    <!-- Drag & Drop Zone (hidden on mobile, shown on desktop) -->\n    <div\n      v-if=\"canUpload\"\n      class=\"hidden sm:block border-2 border-dashed rounded-lg p-4 sm:p-6 text-center mb-4 transition-colors cursor-pointer\"\n      :class=\"{\n        'border-primary bg-primary/5': isDragging,\n        'border-base-300 hover:border-primary/50': !isDragging,\n      }\"\n      @dragover.prevent=\"isDragging = true\"\n      @dragleave.prevent=\"isDragging = false\"\n      @drop.prevent=\"handleFileDrop\"\n      @click.prevent.stop=\"openFileSelector\"\n    >\n      <div class=\"flex flex-col items-center justify-center py-2 sm:py-4\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 sm:h-12 sm:w-12 mb-2 text-primary\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n          />\n        </svg>\n        <p class=\"text-sm sm:text-lg font-medium\">Drag and drop files here</p>\n        <p class=\"text-xs sm:text-sm text-base-content/70 mt-1\">or click to browse files</p>\n        <p v-if=\"!recordId\" class=\"text-xs text-base-content/50 mt-2 sm:mt-3\">\n          Files will be queued until ticket is created\n        </p>\n      </div>\n    </div>\n\n    <!-- Upload Queue -->\n    <div v-if=\"uploadQueue.length > 0\" class=\"mb-4 space-y-2\">\n      <div\n        v-for=\"item in uploadQueue\"\n        :key=\"item.id\"\n        class=\"flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 p-2 sm:p-3 bg-base-200 rounded-lg\"\n      >\n        <div class=\"flex-1 min-w-0\">\n          <div class=\"text-xs sm:text-sm font-medium truncate\">\n            {{ item.file.name }}\n          </div>\n          <div\n            v-if=\"item.status === 'uploading'\"\n            class=\"w-full bg-base-300 rounded-full h-1.5 mt-1\"\n          >\n            <div\n              class=\"bg-primary h-1.5 rounded-full transition-all\"\n              :style=\"{ width: `${item.progress}%` }\"\n            ></div>\n          </div>\n          <div v-if=\"item.status === 'error'\" class=\"text-xs text-error mt-1 break-words\">\n            {{ item.errorMessage }}\n          </div>\n        </div>\n        <div class=\"flex gap-2 sm:gap-1\">\n          <button\n            v-if=\"item.status === 'error'\"\n            @click.prevent=\"retryUpload(item)\"\n            class=\"btn btn-xs btn-ghost flex-1 sm:flex-none\"\n            type=\"button\"\n          >\n            Retry\n          </button>\n          <button\n            v-if=\"item.status !== 'uploading'\"\n            @click.prevent=\"removeFromQueue(item.id)\"\n            class=\"btn btn-xs btn-ghost text-error flex-1 sm:flex-none\"\n            type=\"button\"\n          >\n            Remove\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Attachments List -->\n    <div v-if=\"(attachments.length > 0 || attachmentsLoading) && recordId\" class=\"space-y-2\">\n      <div v-if=\"attachmentsLoading\" class=\"flex justify-center py-4\">\n        <span class=\"loading loading-spinner loading-sm\"></span>\n      </div>\n      <div\n        v-for=\"file in attachments\"\n        :key=\"file.id\"\n        class=\"flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 p-2 sm:p-3 bg-base-100 border border-base-300 rounded-lg hover:bg-base-200 transition-colors\"\n        :class=\"{ 'cursor-pointer': isImage(file.type) }\"\n        @click.prevent=\"isImage(file.type) && viewImage(file)\"\n      >\n        <div class=\"flex items-center gap-2 sm:gap-3 flex-1 min-w-0 w-full sm:w-auto\">\n          <div class=\"flex-shrink-0\">\n            <!-- Image thumbnail preview -->\n            <div\n              v-if=\"isImage(file.type)\"\n              class=\"w-10 h-10 sm:w-12 sm:h-12 rounded overflow-hidden bg-base-200 flex items-center justify-center\"\n            >\n              <img\n                v-if=\"getImageUrlSync(file.id)\"\n                :src=\"getImageUrlSync(file.id)\"\n                :alt=\"file.name\"\n                class=\"w-full h-full object-cover\"\n                @error=\"handleImageError\"\n              />\n              <div v-else class=\"w-full h-full flex items-center justify-center\">\n                <span class=\"loading loading-spinner loading-xs\"></span>\n              </div>\n            </div>\n            <!-- File type badge for non-images -->\n            <div v-else class=\"badge badge-sm\" :class=\"getFileTypeBadgeClass(file.type)\">\n              {{ getFileTypeLabel(file.type) }}\n            </div>\n          </div>\n          <div class=\"flex-1 min-w-0\">\n            <div class=\"text-sm sm:text-base font-medium truncate\">\n              {{ file.name }}\n            </div>\n            <div class=\"text-xs text-base-content/60\">\n              {{ formatFileSize(file.size) }} •\n              {{ formatDate(file.uploadedAt) }}\n            </div>\n          </div>\n        </div>\n        <div class=\"flex gap-1 justify-end sm:justify-start\" @click.stop>\n          <button\n            v-if=\"isImage(file.type)\"\n            @click.prevent=\"viewImage(file)\"\n            class=\"btn btn-sm btn-ghost btn-circle\"\n            title=\"View Image\"\n            type=\"button\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\n              />\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\n              />\n            </svg>\n          </button>\n          <button\n            @click.prevent=\"downloadFile(file, $event)\"\n            class=\"btn btn-sm btn-ghost btn-circle\"\n            title=\"Download\"\n            type=\"button\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\n              />\n            </svg>\n          </button>\n          <button\n            v-if=\"canDelete\"\n            @click.prevent=\"confirmDelete(file)\"\n            class=\"btn btn-sm btn-ghost btn-circle text-error\"\n            title=\"Delete\"\n            type=\"button\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n              />\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <div\n      v-else-if=\"!attachmentsLoading && recordId\"\n      class=\"text-center py-8 text-base-content/50\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"h-12 w-12 mx-auto mb-2 opacity-50\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"2\"\n          d=\"M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\"\n        />\n      </svg>\n      <p>No attachments</p>\n    </div>\n\n    <!-- Image View Modal -->\n    <ImageModal\n      :is-open=\"!!viewingImage\"\n      :image-src=\"viewingImage ? getImageUrlSync(viewingImage.id) : ''\"\n      :image-name=\"viewingImage?.name || ''\"\n      :image-index=\"viewingImageIndex\"\n      :total-images=\"imageAttachments.length\"\n      :on-download=\"\n        viewingImage\n          ? () => {\n              if (viewingImage) downloadFile(viewingImage, undefined);\n            }\n          : undefined\n      \"\n      :on-previous=\"canGoToPrevious ? goToPreviousImage : undefined\"\n      :on-next=\"canGoToNext ? goToNextImage : undefined\"\n      @close=\"closeImageModal\"\n    />\n\n    <!-- Delete Confirmation Modal -->\n    <ConfirmDialog\n      v-model=\"showDeleteModal\"\n      title=\"Delete Attachment\"\n      :message=\"deleteMessage\"\n      confirm-text=\"Delete\"\n      cancel-text=\"Cancel\"\n      confirm-button-class=\"btn-error\"\n      @confirm=\"deleteFile\"\n      @cancel=\"closeDeleteModal\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ConfirmDialog from '../../../components/ConfirmDialog.vue';\nimport ImageModal from '../../../components/ImageModal.vue';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useQuery } from '../../../composables/useQuery';\nimport { useEnv } from '../../../composables/useEnv';\nimport { useUserSessionStore } from '../../../composables/useUserSessionStore';\nimport { computed, onUnmounted, ref, watch } from 'vue';\n\ninterface Attachment {\n  id: string;\n  name: string;\n  size: number;\n  type: string;\n  uploadedAt: Date;\n}\n\ninterface QueueItem {\n  id: string;\n  file: File;\n  status: 'pending' | 'uploading' | 'success' | 'error';\n  progress: number;\n  errorMessage?: string;\n}\n\ninterface Props {\n  recordId?: string; // Optional for create forms\n  canUpload?: boolean;\n  canDelete?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  canUpload: true,\n  canDelete: true,\n});\n\nconst emit = defineEmits<{\n  uploaded: [];\n  deleted: [];\n  filesQueued: [files: File[]];\n}>();\n\n// Expose methods for parent components (e.g., to get queued files after creation)\nconst uploadQueuedFiles = async (ticketId: string) => {\n  // Upload all pending files with the new ticket ID\n  const pendingItems = uploadQueue.value.filter((item) => item.status === 'pending');\n  for (const item of pendingItems) {\n    item.status = 'uploading';\n    await uploadFile(item, ticketId);\n  }\n};\n\ndefineExpose({\n  getQueuedFiles: () =>\n    uploadQueue.value.filter((item) => item.status === 'pending').map((item) => item.file),\n  uploadQueuedFiles,\n});\n\nconst fileInput = ref<HTMLInputElement | null>(null);\nconst isDragging = ref(false);\nconst isUploading = ref(false);\nconst uploadQueue = ref<QueueItem[]>([]);\nconst fileToDelete = ref<Attachment | null>(null);\nconst showDeleteModal = ref(false);\nconst viewingImage = ref<Attachment | null>(null);\nconst imageUrls = ref<Map<string, string>>(new Map()); // Cache of image object URLs\n\nconst env = useEnv();\nconst userStore = useUserSessionStore();\n\n// Query attachments (only if recordId exists)\nconst {\n  data: attachmentsData,\n  loading: attachmentsLoading,\n  refetch: refreshAttachments,\n} = useQuery(\n  async (api) => {\n    if (!props.recordId) return { files: [], folders: [] };\n    return await api.attachments.listAttachments({\n      record_id: props.recordId,\n      record_type: 'support_ticket',\n      filters: {\n        limit: 100,\n        include_folders: false,\n        folder_id: null, // Only root level attachments for Jira-style\n      },\n    });\n  },\n  {\n    enabled: computed(() => !!props.recordId),\n    staleTime: 2 * 60 * 1000,\n  },\n);\n\nconst attachments = computed<Attachment[]>(() => {\n  if (!attachmentsData.value) return [];\n  const files: Attachment[] = [];\n  const fileItems = attachmentsData.value.files || [];\n  for (const item of fileItems) {\n    files.push({\n      id: item.id,\n      name: item.original_name,\n      size: parseInt(item.file_size || '0'),\n      type: item.content_type || '',\n      uploadedAt: new Date(item.created_at),\n    });\n  }\n  return files;\n});\n\nconst deleteMessage = computed(() => {\n  if (!fileToDelete.value)\n    return 'Are you sure you want to delete this attachment? This action cannot be undone.';\n  return `Are you sure you want to delete \"${fileToDelete.value.name}\"? This action cannot be undone.`;\n});\n\n// Filter to only image attachments for navigation\nconst imageAttachments = computed(() => {\n  return attachments.value.filter((file) => isImage(file.type));\n});\n\n// Current viewing image index\nconst viewingImageIndex = computed(() => {\n  if (!viewingImage.value) return null;\n  const index = imageAttachments.value.findIndex((img) => img.id === viewingImage.value?.id);\n  return index >= 0 ? index : null;\n});\n\nconst canGoToPrevious = computed(() => {\n  return viewingImageIndex.value !== null && viewingImageIndex.value > 0;\n});\n\nconst canGoToNext = computed(() => {\n  return (\n    viewingImageIndex.value !== null &&\n    viewingImageIndex.value < imageAttachments.value.length - 1\n  );\n});\n\n// Mutations\nconst { mutate: deleteAttachment } = useMutation(\n  (api, input: { id: string }) => api.attachments.deleteAttachment(input.id),\n  { invalidate: /^attachments?:/ },\n);\n\n// File type helpers\nconst getFileTypeLabel = (mimeType: string): string => {\n  if (mimeType.startsWith('image/')) return 'IMG';\n  if (mimeType.startsWith('video/')) return 'VID';\n  if (mimeType.startsWith('audio/')) return 'AUD';\n  if (mimeType.includes('pdf')) return 'PDF';\n  if (mimeType.includes('word') || mimeType.includes('document')) return 'DOC';\n  if (mimeType.includes('excel') || mimeType.includes('spreadsheet')) return 'XLS';\n  if (mimeType.includes('zip') || mimeType.includes('archive')) return 'ZIP';\n  return 'FILE';\n};\n\nconst getFileTypeBadgeClass = (mimeType: string): string => {\n  if (mimeType.startsWith('image/')) return 'badge-primary';\n  if (mimeType.startsWith('video/')) return 'badge-secondary';\n  if (mimeType.includes('pdf')) return 'badge-error';\n  if (mimeType.includes('word') || mimeType.includes('document')) return 'badge-info';\n  return 'badge-ghost';\n};\n\nconst formatFileSize = (bytes: number): string => {\n  if (bytes === 0) return '0 B';\n  const k = 1024;\n  const sizes = ['B', 'KB', 'MB', 'GB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;\n};\n\nconst formatDate = (date: Date): string => {\n  return new Intl.DateTimeFormat('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  }).format(date);\n};\n\n// Image helpers\nconst isImage = (mimeType: string): boolean => {\n  return mimeType.startsWith('image/');\n};\n\nconst getImageUrl = async (fileId: string): Promise<string> => {\n  // Check if we already have a cached URL\n  if (imageUrls.value.has(fileId)) {\n    return imageUrls.value.get(fileId)!;\n  }\n\n  // Fetch image with bearer token\n  try {\n    const res = await fetch(\n      `${env.restApiClient.apiUrl}/attachments/support_ticket/${fileId}`,\n      {\n        method: 'GET',\n        headers: {\n          Authorization: `Bearer ${userStore.accessToken}`,\n        },\n      },\n    );\n\n    if (!res.ok) {\n      throw new Error('Failed to load image');\n    }\n\n    const blob = await res.blob();\n    const url = URL.createObjectURL(blob);\n    imageUrls.value.set(fileId, url);\n    return url;\n  } catch (error) {\n    console.error('Failed to load image:', error);\n    // Return empty string or placeholder\n    return '';\n  }\n};\n\n// Computed property to get image URLs for thumbnails\nconst getImageUrlSync = (fileId: string): string => {\n  // For thumbnails, we'll use a loading state and fetch async\n  // Return empty initially, will be updated when loaded\n  return imageUrls.value.get(fileId) || '';\n};\n\n// Load image for thumbnail\nconst loadImageThumbnail = async (fileId: string) => {\n  if (!imageUrls.value.has(fileId)) {\n    await getImageUrl(fileId);\n  }\n};\n\nconst handleImageError = (event: Event) => {\n  const img = event.target as HTMLImageElement;\n  img.style.display = 'none';\n  // Could show a placeholder icon here\n};\n\n// Cleanup object URLs when component unmounts\nonUnmounted(() => {\n  imageUrls.value.forEach((url) => {\n    URL.revokeObjectURL(url);\n  });\n  imageUrls.value.clear();\n});\n\nconst viewImage = async (file: Attachment) => {\n  viewingImage.value = file;\n  // Load the image URL if not already loaded\n  if (!imageUrls.value.has(file.id)) {\n    await getImageUrl(file.id);\n  }\n};\n\nconst goToPreviousImage = () => {\n  if (!canGoToPrevious.value || viewingImageIndex.value === null) return;\n  const previousImage = imageAttachments.value[viewingImageIndex.value - 1];\n  if (previousImage) {\n    viewImage(previousImage);\n  }\n};\n\nconst goToNextImage = () => {\n  if (!canGoToNext.value || viewingImageIndex.value === null) return;\n  const nextImage = imageAttachments.value[viewingImageIndex.value + 1];\n  if (nextImage) {\n    viewImage(nextImage);\n  }\n};\n\nconst closeImageModal = () => {\n  viewingImage.value = null;\n};\n\n// File upload\nconst openFileSelector = (event?: Event) => {\n  // Always prevent default and stop propagation\n  if (event) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  // Prevent if already uploading\n  if (isUploading.value) {\n    return;\n  }\n\n  // Allow file selection even without recordId (for create forms)\n  // Files will be queued and uploaded after ticket creation\n  fileInput.value?.click();\n};\n\nconst processFiles = (files: File[]) => {\n  const fileArray = Array.from(files);\n  fileArray.forEach((file) => {\n    const queueItem: QueueItem = {\n      id: `${Date.now()}-${Math.random()}`,\n      file,\n      status: 'pending',\n      progress: 0,\n    };\n    uploadQueue.value.push(queueItem);\n  });\n\n  emit('filesQueued', fileArray);\n\n  // If recordId exists, upload immediately. Otherwise, queue for later\n  if (props.recordId) {\n    processUploadQueue();\n  }\n};\n\nconst handleFileSelect = (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  const files = target.files;\n  if (!files) return;\n\n  processFiles(Array.from(files));\n  target.value = ''; // Reset input\n};\n\nconst handleFileDrop = (event: DragEvent) => {\n  isDragging.value = false;\n\n  const files = event.dataTransfer?.files;\n  if (!files || files.length === 0) return;\n\n  processFiles(Array.from(files));\n};\n\nconst processUploadQueue = async (ticketId?: string) => {\n  const nextItem = uploadQueue.value.find((item) => item.status === 'pending');\n  if (!nextItem) {\n    isUploading.value = false;\n    return;\n  }\n\n  isUploading.value = true;\n  nextItem.status = 'uploading';\n\n  await uploadFile(nextItem, ticketId);\n\n  // Process next item\n  if (uploadQueue.value.some((item) => item.status === 'pending')) {\n    processUploadQueue(ticketId);\n  } else {\n    isUploading.value = false;\n  }\n};\n\nconst uploadFile = async (item: QueueItem, ticketId?: string) => {\n  const recordId = ticketId || props.recordId;\n  if (!recordId) {\n    item.status = 'error';\n    item.errorMessage = 'Ticket ID is required for upload';\n    return;\n  }\n\n  const progressInterval = setInterval(() => {\n    item.progress += Math.random() * 10;\n    item.progress = Math.min(99, Math.round(item.progress * 100) / 100);\n  }, 200);\n\n  try {\n    const formData = new FormData();\n    formData.append('file', item.file);\n    formData.append('file_name', item.file.name);\n    formData.append('record_id', recordId);\n    formData.append('record_type', 'support_ticket');\n\n    const response = await fetch(\n      `${env.restApiClient.apiUrl}/attachments/support_ticket/${recordId}`,\n      {\n        method: 'POST',\n        headers: {\n          Authorization: `Bearer ${userStore.accessToken}`,\n        },\n        body: formData,\n      },\n    );\n\n    if (!response.ok) {\n      throw new Error(`Upload failed: ${response.statusText}`);\n    }\n\n    const result = await response.json();\n    if (result && result.id) {\n      clearInterval(progressInterval);\n      item.progress = 100;\n      item.status = 'success';\n      setTimeout(() => {\n        removeFromQueue(item.id);\n        refreshAttachments();\n        emit('uploaded');\n      }, 500);\n    } else {\n      throw new Error('Invalid response');\n    }\n  } catch (error) {\n    clearInterval(progressInterval);\n    item.status = 'error';\n    item.errorMessage = error instanceof Error ? error.message : 'Upload failed';\n  }\n};\n\nconst removeFromQueue = (id: string) => {\n  const index = uploadQueue.value.findIndex((item) => item.id === id);\n  if (index !== -1) {\n    uploadQueue.value.splice(index, 1);\n  }\n};\n\nconst retryUpload = (item: QueueItem) => {\n  item.status = 'pending';\n  item.progress = 0;\n  item.errorMessage = undefined;\n  if (props.recordId) {\n    processUploadQueue();\n  }\n};\n\n// File download\nconst downloadFile = async (file: Attachment, event?: Event) => {\n  if (event) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n  try {\n    const res = await fetch(\n      `${env.restApiClient.apiUrl}/attachments/support_ticket/${file.id}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n          Authorization: `Bearer ${userStore.accessToken}`,\n        },\n      },\n    );\n    if (!res.ok) {\n      throw new Error('Failed to download file');\n    }\n    const blob = await res.blob();\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = file.name;\n    document.body.appendChild(a);\n    a.click();\n    a.remove();\n    URL.revokeObjectURL(url);\n  } catch (error) {\n    console.error('Download failed:', error);\n  }\n};\n\n// File delete\nconst confirmDelete = (file: Attachment) => {\n  fileToDelete.value = file;\n  showDeleteModal.value = true;\n};\n\nconst closeDeleteModal = () => {\n  showDeleteModal.value = false;\n  fileToDelete.value = null;\n};\n\nconst deleteFile = async () => {\n  if (!fileToDelete.value) return;\n\n  try {\n    await deleteAttachment({ id: fileToDelete.value.id });\n    refreshAttachments();\n    emit('deleted');\n    closeDeleteModal();\n  } catch (error) {\n    console.error('Delete failed:', error);\n  }\n};\n\n// Watch for recordId changes\nwatch(\n  () => props.recordId,\n  (newRecordId, oldRecordId) => {\n    if (newRecordId && newRecordId !== oldRecordId) {\n      refreshAttachments();\n      // If we have queued files and now have a recordId, upload them\n      if (uploadQueue.value.some((item) => item.status === 'pending')) {\n        processUploadQueue(newRecordId);\n      }\n    }\n  },\n);\n\n// Load image thumbnails when attachments are loaded\nwatch(\n  () => attachments.value,\n  (newAttachments) => {\n    newAttachments.forEach((file) => {\n      if (isImage(file.type) && !imageUrls.value.has(file.id)) {\n        loadImageThumbnail(file.id);\n      }\n    });\n  },\n  { immediate: true },\n);\n</script>\n"],"mappings":"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"}

package/dist/LoginForm-AM0qkfbU.js

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

package/dist/LoginForm-_PZ51Uwe.js

@@ -0,0 +1,116 @@
+import { l as useUserSessionStore, m as useEnv } from "./useRpcAuth-BLlRSHy8.js";
+import { t as useMutation } from "./useMutation-CFwe7H9j.js";
+import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { useRouter } from "vue-router";
+import { loginSchema } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+import { toast } from "vue3-toastify";
+
+//#region src/slices/auth/features/login/loginSchema.ts
+const loginSchemaWithMetadata = withMetadata(loginSchema, "loginSchema", {
+	email: {
+		inputType: "email",
+		placeholder: "you@example.com",
+		helpText: "Enter the email address you used to register",
+		autocomplete: "username",
+		className: "login-field",
+		autofocus: true
+	},
+	password: {
+		inputType: "password",
+		placeholder: "••••••••",
+		helpText: "Must be at least 8 characters",
+		autocomplete: "current-password",
+		className: "login-field"
+	}
+});
+
+//#endregion
+//#region src/slices/auth/features/login/LoginForm.vue
+const _hoisted_1 = { class: "max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container" };
+const _hoisted_2 = { class: "mt-2" };
+const _hoisted_3 = {
+	key: 0,
+	class: "text-center mt-2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "LoginForm",
+	setup(__props) {
+		const { allowUserSignup } = useEnv();
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(loginSchemaWithMetadata, {
+			storeName: "login-form",
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui"
+		});
+		const sessionStore = useUserSessionStore();
+		const router = useRouter();
+		const { mutate: loginMutate } = useMutation((api, input) => api.userSessions.login(input), { credentials: "include" });
+		const handleSubmit = async (data) => {
+			const loginData = await loginMutate(data);
+			if (!loginData) throw new Error("Login failed");
+			const { access_token, user_details_token } = loginData;
+			if (!access_token || !user_details_token) throw new Error("Invalid login response");
+			return loginData;
+		};
+		const handleSuccess = async (data) => {
+			sessionStore.setSession(data.user_details_token);
+			sessionStore.setAccessToken(data.access_token);
+			form.reset();
+			const returnUrl = router.currentRoute.value.query.returnUrl;
+			let targetPath = "/";
+			if (returnUrl) if (returnUrl.startsWith("/") && !returnUrl.startsWith("/auth/")) {
+				targetPath = returnUrl;
+				console.log(`[Login] Redirecting to original destination: ${returnUrl}`);
+			} else console.warn(`[Login] Invalid return URL detected: ${returnUrl}`);
+			await router.push(targetPath);
+			toast.success("You are now logged in!");
+		};
+		const handleError = (error) => {
+			toast.error(error.message || "Login failed");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				_cache[3] || (_cache[3] = createElementVNode("h1", { class: "text-2xl font-bold mb-6 text-center" }, "Login", -1)),
+				createVNode(unref(ZiniaForm), {
+					onHandleSubmit: handleSubmit,
+					onSuccess: handleSuccess,
+					onError: handleError
+				}, {
+					default: withCtx(() => [
+						createVNode(unref(zinia).EmailField),
+						createVNode(unref(zinia).PasswordField),
+						createVNode(unref(ZiniaSubmitButton), {
+							submitText: "Login",
+							submittingText: "Logging in..."
+						}),
+						createElementVNode("div", _hoisted_2, [createVNode(AppLink_default, {
+							to: "/auth/forgot-password",
+							class: "link-accent link"
+						}, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Forgot your password? ", -1)])]),
+							_: 1
+						})]),
+						unref(allowUserSignup) ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("p", null, [_cache[2] || (_cache[2] = createTextVNode(" Don't have an account? ", -1)), createVNode(AppLink_default, {
+							class: "link-accent link",
+							to: "/auth/signup"
+						}, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Sign up", -1)])]),
+							_: 1
+						})])])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				}),
+				createCommentVNode(" Divider between login form and social buttons "),
+				createCommentVNode(" <div class=\"divider my-6\">OR</div> "),
+				createCommentVNode(" Social Login Buttons Component "),
+				createCommentVNode(" <SocialLoginButtons @login=\"socialLogin\" /> ")
+			]);
+		};
+	}
+});
+var LoginForm_default = _sfc_main;
+
+//#endregion
+export { loginSchemaWithMetadata as n, LoginForm_default as t };
+//# sourceMappingURL=LoginForm-_PZ51Uwe.js.map

package/dist/LoginForm-_PZ51Uwe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm-_PZ51Uwe.js","names":[],"sources":["../src/slices/auth/features/login/loginSchema.ts","../src/slices/auth/features/login/LoginForm.vue"],"sourcesContent":["import { withMetadata } from '@dragonmastery/zinia-forms-core';\nimport { loginSchema } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\n\n// Define the login form type\nexport type LoginForm = z.infer<typeof loginSchema>;\n\n// Enhance the schema with metadata\nexport const loginSchemaWithMetadata = withMetadata(loginSchema, 'loginSchema', {\n  email: {\n    inputType: 'email',\n    placeholder: 'you@example.com',\n    helpText: 'Enter the email address you used to register',\n    autocomplete: 'username',\n    className: 'login-field',\n    autofocus: true,\n  },\n\n  password: {\n    inputType: 'password',\n    placeholder: '••••••••',\n    helpText: 'Must be at least 8 characters',\n    autocomplete: 'current-password',\n    className: 'login-field',\n  },\n});\n","<template>\n  <div class=\"max-w-md mx-auto bg-base-200 p-6 rounded-xl shadow-md container\">\n    <h1 class=\"text-2xl font-bold mb-6 text-center\">Login</h1>\n\n    <ZiniaForm @handle-submit=\"handleSubmit\" @success=\"handleSuccess\" @error=\"handleError\">\n      <zinia.EmailField />\n      <zinia.PasswordField />\n\n      <ZiniaSubmitButton submitText=\"Login\" submittingText=\"Logging in...\" />\n\n      <div class=\"mt-2\">\n        <AppLink to=\"/auth/forgot-password\" class=\"link-accent link\">\n          Forgot your password?\n        </AppLink>\n      </div>\n      <div v-if=\"allowUserSignup\" class=\"text-center mt-2\">\n        <p>\n          Don't have an account?\n          <AppLink class=\"link-accent link\" to=\"/auth/signup\">Sign up</AppLink>\n        </p>\n      </div>\n    </ZiniaForm>\n\n    <!-- Divider between login form and social buttons -->\n    <!-- <div class=\"divider my-6\">OR</div> -->\n\n    <!-- Social Login Buttons Component -->\n    <!-- <SocialLoginButtons @login=\"socialLogin\" /> -->\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useEnv } from '../../../../composables/useEnv';\nimport { useUserSessionStore } from '../../../../composables/useUserSessionStore';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { z } from 'zod';\nimport { loginSchemaWithMetadata } from './loginSchema';\n\nconst { allowUserSignup } = useEnv();\n\n// Create a type-safe form using our schema with metadata\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(loginSchemaWithMetadata, {\n  storeName: 'login-form',\n  persistToLocalStorage: false,\n  renderStyle: 'daisy_ui',\n});\n\nconst sessionStore = useUserSessionStore();\nconst router = useRouter();\nconst { mutate: loginMutate } = useMutation(\n  (api, input: z.infer<typeof loginSchemaWithMetadata>) => api.userSessions.login(input),\n  { credentials: 'include' }, // Include credentials to allow cookies\n);\n\n// Handle form submission\nconst handleSubmit = async (data: z.infer<typeof loginSchemaWithMetadata>) => {\n  const loginData = await loginMutate(data);\n  if (!loginData) throw new Error('Login failed');\n  const { access_token, user_details_token } = loginData;\n  if (!access_token || !user_details_token) throw new Error('Invalid login response');\n\n  return loginData;\n};\n\n// Handle success\nconst handleSuccess = async (data: { access_token: string; user_details_token: string }) => {\n  sessionStore.setSession(data.user_details_token);\n  sessionStore.setAccessToken(data.access_token);\n\n  form.reset();\n\n  // Check if there's a return URL to redirect to\n  const returnUrl = router.currentRoute.value.query.returnUrl as string;\n  let targetPath = '/';\n\n  if (returnUrl) {\n    // Make sure we're not redirecting to an auth page or external URL\n    if (returnUrl.startsWith('/') && !returnUrl.startsWith('/auth/')) {\n      targetPath = returnUrl;\n      console.log(`[Login] Redirecting to original destination: ${returnUrl}`);\n    } else {\n      console.warn(`[Login] Invalid return URL detected: ${returnUrl}`);\n    }\n  }\n\n  await router.push(targetPath);\n  toast.success('You are now logged in!');\n};\n\n// Handle error\nconst handleError = (error: any) => {\n  toast.error(error.message || 'Login failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;AAQA,MAAa,0BAA0B,aAAa,aAAa,eAAe;CAC9E,OAAO;EACL,WAAW;EACX,aAAa;EACb,UAAU;EACV,cAAc;EACd,WAAW;EACX,WAAW;EACZ;CAED,UAAU;EACR,WAAW;EACX,aAAa;EACb,UAAU;EACV,cAAc;EACd,WAAW;EACZ;CACF,CAAC;;;;;;;;;;;;;ECiBF,MAAM,EAAE,oBAAoB,QAAQ;EAGpC,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QAAQ,yBAAyB;GACrF,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CAAC;EAEF,MAAM,eAAe,qBAAqB;EAC1C,MAAM,SAAS,WAAW;EAC1B,MAAM,EAAE,QAAQ,gBAAgB,aAC7B,KAAK,UAAmD,IAAI,aAAa,MAAM,MAAM,EACtF,EAAE,aAAa,WAAW,CAC3B;EAGD,MAAM,eAAe,OAAO,SAAkD;GAC5E,MAAM,YAAY,MAAM,YAAY,KAAK;AACzC,OAAI,CAAC,UAAW,OAAM,IAAI,MAAM,eAAe;GAC/C,MAAM,EAAE,cAAc,uBAAuB;AAC7C,OAAI,CAAC,gBAAgB,CAAC,mBAAoB,OAAM,IAAI,MAAM,yBAAyB;AAEnF,UAAO;;EAIT,MAAM,gBAAgB,OAAO,SAA+D;AAC1F,gBAAa,WAAW,KAAK,mBAAmB;AAChD,gBAAa,eAAe,KAAK,aAAa;AAE9C,QAAK,OAAO;GAGZ,MAAM,YAAY,OAAO,aAAa,MAAM,MAAM;GAClD,IAAI,aAAa;AAEjB,OAAI,UAEF,KAAI,UAAU,WAAW,IAAI,IAAI,CAAC,UAAU,WAAW,SAAS,EAAE;AAChE,iBAAa;AACb,YAAQ,IAAI,gDAAgD,YAAY;SAExE,SAAQ,KAAK,wCAAwC,YAAY;AAIrE,SAAM,OAAO,KAAK,WAAW;AAC7B,SAAM,QAAQ,yBAAyB;;EAIzC,MAAM,eAAe,UAAe;AAClC,SAAM,MAAM,MAAM,WAAW,eAAe;;;uBA9F5C,mBA2BM,OA3BN,YA2BM;8BA1BJ,mBAA0D,MAAA,EAAtD,OAAM,uCAAqC,EAAC,SAAK,GAAA;IAErD,YAiBY,MAAA,UAAA,EAAA;KAjBA,gBAAe;KAAe,WAAS;KAAgB,SAAO;;4BACpD;MAApB,YAAoB,MAAA,MAAA,CAAA,WAAA;MACpB,YAAuB,MAAA,MAAA,CAAA,cAAA;MAEvB,YAAuE,MAAA,kBAAA,EAAA;OAApD,YAAW;OAAQ,gBAAe;;MAErD,mBAIM,OAJN,YAIM,CAHJ,YAEU,iBAAA;OAFD,IAAG;OAAwB,OAAM;;8BAE1C,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF6D,2BAE7D,GAAA,CAAA,EAAA,CAAA;;;MAES,MAAA,gBAAe,IAAA,WAAA,EAA1B,mBAKM,OALN,YAKM,CAJJ,mBAGI,KAAA,MAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAHD,4BAED,GAAA,GAAA,YAAqE,iBAAA;OAA5D,OAAM;OAAmB,IAAG;;8BAAsB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;;;;;IAKjE,mBAAA,kDAAsD;IACtD,mBAAA,yCAA2C;IAE3C,mBAAA,mCAAuC;IACvC,mBAAA,kDAAoD"}

package/dist/Logout-BMjiqHnS.js

@@ -0,0 +1,38 @@
+import { l as useUserSessionStore } from "./useRpcAuth-BLlRSHy8.js";
+import { t as useMutation } from "./useMutation-CFwe7H9j.js";
+import { createElementBlock, createStaticVNode, defineComponent, onMounted, openBlock } from "vue";
+import { useRouter } from "vue-router";
+import { toast } from "vue3-toastify";
+
+//#region src/slices/auth/features/Logout.vue
+const _hoisted_1 = { class: "min-h-screen flex items-center justify-center bg-base-100" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "Logout",
+	setup(__props) {
+		const sessionStore = useUserSessionStore();
+		const router = useRouter();
+		const { mutate: logoutMutate } = useMutation((api) => api.userSessions.logout(), { credentials: "include" });
+		onMounted(async () => {
+			try {
+				await logoutMutate(void 0);
+				sessionStore.clearSession();
+				setTimeout(() => {
+					router.push("/auth/login");
+				}, 1e3);
+			} catch (error) {
+				toast.error(error.message || "Failed to logout", { autoClose: 2e3 });
+				setTimeout(() => {
+					router.push("/");
+				}, 2e3);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<div class=\"max-w-md mx-auto bg-base-200 p-8 rounded-xl shadow-md text-center\"><div class=\"flex justify-center mb-4\"><span class=\"loading loading-spinner loading-lg text-primary\"></span></div><h2 class=\"text-2xl font-bold mb-2\">Logging out...</h2><p class=\"text-base-content/70\">Please wait while we securely log you out</p></div>", 1)])]);
+		};
+	}
+});
+var Logout_default = _sfc_main;
+
+//#endregion
+export { Logout_default as t };
+//# sourceMappingURL=Logout-BMjiqHnS.js.map

package/dist/Logout-BMjiqHnS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logout-BMjiqHnS.js","names":["error: any"],"sources":["../src/slices/auth/features/Logout.vue"],"sourcesContent":["<template>\n  <div class=\"min-h-screen flex items-center justify-center bg-base-100\">\n    <div class=\"max-w-md mx-auto bg-base-200 p-8 rounded-xl shadow-md text-center\">\n      <div class=\"flex justify-center mb-4\">\n        <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n      </div>\n      <h2 class=\"text-2xl font-bold mb-2\">Logging out...</h2>\n      <p class=\"text-base-content/70\">Please wait while we securely log you out</p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useMutation } from '../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../composables/useUserSessionStore';\nimport { onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\n\nconst sessionStore = useUserSessionStore();\nconst router = useRouter();\nconst { mutate: logoutMutate } = useMutation(\n  (api) => api.userSessions.logout(),\n  { credentials: 'include' }, // Include credentials to allow cookies\n);\n\nonMounted(async () => {\n  try {\n    await logoutMutate(undefined as any);\n    sessionStore.clearSession();\n    setTimeout(() => {\n      router.push('/auth/login');\n    }, 1000);\n  } catch (error: any) {\n    toast.error(error.message || 'Failed to logout', {\n      autoClose: 2000,\n    });\n    setTimeout(() => {\n      router.push('/');\n    }, 2000);\n  }\n});\n</script>\n"],"mappings":";;;;;;;;;;;EAmBA,MAAM,eAAe,qBAAqB;EAC1C,MAAM,SAAS,WAAW;EAC1B,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,QAAQ,IAAI,aAAa,QAAQ,EAClC,EAAE,aAAa,WAAW,CAC3B;AAED,YAAU,YAAY;AACpB,OAAI;AACF,UAAM,aAAa,OAAiB;AACpC,iBAAa,cAAc;AAC3B,qBAAiB;AACf,YAAO,KAAK,cAAc;OACzB,IAAK;YACDA,OAAY;AACnB,UAAM,MAAM,MAAM,WAAW,oBAAoB,EAC/C,WAAW,KACZ,CAAC;AACF,qBAAiB;AACf,YAAO,KAAK,IAAI;OACf,IAAK;;IAEV;;uBAxCA,mBAQM,OARN,YAQM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,kBAAA,wVAAA,EAAA,CAAA,EAAA,CAAA"}

package/dist/Logout-BfiBjlaH.js

@@ -0,0 +1,6 @@
+import "./useRpcAuth-BLlRSHy8.js";
+import "./useQueryCache-ByayvZgZ.js";
+import "./useMutation-CFwe7H9j.js";
+import { t as Logout_default } from "./Logout-BMjiqHnS.js";
+
+export { Logout_default as default };