npm - @dragonmastery/dragoncore-vue - Versions diffs - 0.0.21 → 0.0.23 - Mend

@dragonmastery/dragoncore-vue 0.0.21 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (245) hide show

package/dist/InlineAttachments-DAn_QknY.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InlineAttachments-DAn_QknY.js","names":["files: Attachment[]","queueItem: QueueItem","imageFiles: File[]"],"sources":["../src/components/ImageModal.vue","../src/slices/support_ticket/shared/InlineAttachments.vue"],"sourcesContent":["<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 \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 \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 \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 \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 \n <div\n ref=\"imageContainerRef\"\n class=\"flex-1 flex items-center justify-center overflow-hidden bg-base-200 relative\"\n >\n \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 \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 \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 \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 <input ref=\"fileInput\" type=\"file\" multiple class=\"hidden\" @change=\"handleFileSelect\" />\n\n \n <div v-if=\"canUpload\" class=\"grid grid-cols-2 gap-2 sm:gap-4 mb-4\">\n \n <div\n class=\"flex flex-col items-center justify-center gap-1 sm:gap-2 py-2.5 px-2 sm:py-6 sm:px-4 rounded-lg border-2 border-dashed transition-colors cursor-pointer touch-manipulation text-center\"\n :class=\"{\n 'border-primary bg-primary/5': isDragging,\n 'border-base-300 hover:border-primary/50 active: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 <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"h-5 w-5 sm:h-12 sm:w-12 text-primary shrink-0\"\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 <span class=\"text-xs sm:text-lg font-medium\">Browse</span>\n <span class=\"hidden sm:inline text-xs text-base-content/70\"\n >Drag and drop or click</span\n >\n <p v-if=\"!recordId\" class=\"hidden sm:block text-xs text-base-content/50\">\n Queued until ticket is created\n </p>\n </div>\n\n \n <div\n tabindex=\"0\"\n role=\"textbox\"\n aria-label=\"Paste image here\"\n class=\"flex flex-col items-center justify-center gap-1 sm:gap-2 py-2.5 px-2 sm:py-6 sm:px-4 rounded-lg border-2 border-dashed border-base-300 cursor-text outline-none focus:border-primary focus:ring-2 focus:ring-primary/20 focus:bg-primary/5 touch-manipulation text-center\"\n @paste=\"handlePaste\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"h-5 w-5 sm:h-12 sm:w-12 text-primary shrink-0\"\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 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n />\n </svg>\n <span class=\"text-xs sm:text-lg font-medium\">Paste</span>\n <span class=\"hidden sm:inline text-xs text-base-content/70\"\n >Tap to focus, then paste</span\n >\n </div>\n </div>\n\n \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 \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 \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 \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 \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 \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 { computed, onUnmounted, ref, watch } from 'vue';\nimport ConfirmDialog from '../../../components/ConfirmDialog.vue';\nimport ImageModal from '../../../components/ImageModal.vue';\nimport { useEnv } from '../../../composables/useEnv';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useQuery } from '../../../composables/useQuery';\nimport { useUserSessionStore } from '../../../composables/useUserSessionStore';\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 'update:attachmentsCount': [count: number];\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\n// Emit count for parent (e.g. collapse header)\nwatch(\n () => attachments.value.length,\n (count) => emit('update:attachmentsCount', count),\n { immediate: true },\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 handlePaste = (event: ClipboardEvent) => {\n if (!props.canUpload || isUploading.value) return;\n\n const items = event.clipboardData?.items;\n if (!items) return;\n\n const imageFiles: File[] = [];\n for (const item of items) {\n if (item.type.startsWith('image/')) {\n const file = item.getAsFile();\n if (file) {\n imageFiles.push(file);\n }\n }\n }\n\n if (imageFiles.length > 0) {\n event.preventDefault();\n event.stopPropagation();\n processFiles(imageFiles);\n }\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuTA,MAAM,WAAW;AACjB,MAAM,WAAW;AACjB,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;EA5BjB,MAAM,QAAQ;EAUd,MAAM,OAAO;EAIb,MAAM,YAAY,IAA8B,KAAK;EACrD,MAAM,WAAW,IAA6B,KAAK;EACnD,MAAM,oBAAoB,IAA2B,KAAK;EAC1D,MAAM,SAAS,IAAI,MAAM,OAAO;EAChC,MAAM,YAAY,IAAI,MAAM;EAC5B,MAAM,WAAW,IAAI,MAAM;EAG3B,MAAM,QAAQ,IAAI,EAAE;EACpB,MAAM,aAAa,IAAI,EAAE;EACzB,MAAM,aAAa,IAAI,EAAE;EACzB,MAAM,WAAW,IAAI,EAAE;EAMvB,MAAM,aAAa,IAAI,MAAM;EAC7B,MAAM,aAAa,IAAI,MAAM;EAC7B,MAAM,cAAc,IAAI,MAAM;EAG9B,MAAM,aAAa,IAST,KAAK;EAGf,MAAM,iBAAiB,IAMb,KAAK;EAGf,MAAM,WAAW,IAAI,MAAM;EAE3B,MAAM,aAAa,gBAAgB;GACjC,WAAW,SAAS,MAAM,MAAM,cAAc,WAAW,MAAM,MAAM,WAAW,MAAM,aAAa,SAAS,MAAM;GAClH,QAAQ,eAAe,OAAO,aAAa,aAAa,MAAM,QAAQ,IAAI,SAAS;GACnF,aAAa;GACb,YAAY;GACZ,YAAY,WAAW,SAAS,WAAW,QAAQ,cAAc;GAClE,EAAE;EAEH,MAAM,iBAAiB,eAAe;AACpC,UACE,MAAM,gBAAgB,QAAQ,MAAM,cAAc,MAAM,MAAM,cAAc,MAAM;IAEpF;AAGF,cACQ,MAAM,SACX,aAAa;AACZ,UAAO,QAAQ;AACf,OAAI,YAAY,UAAU,OAAO;AAC/B,cAAU,MAAM,WAAW;AAE3B,gBAAY,QAAQ;AACpB,UAAM,QAAQ;AACd,eAAW,QAAQ;AACnB,eAAW,QAAQ;AACnB,aAAS,QAAQ;AACjB,eAAW,QAAQ;AACnB,mBAAe,QAAQ;AACvB,eAAW,QAAQ;AACnB,eAAW,QAAQ;AACnB,cAAU,QAAQ;AAClB,aAAS,QAAQ;AAEjB,mBAAe;AACb,sBAAiB;AACf,kBAAY,QAAQ;QACnB,GAAG;MACN;AAGF,mBAAe;AACb,SAAI,kBAAkB,OAAO;AAC3B,wBAAkB,MAAM,iBAAiB,SAAS,aAAa,EAC7D,SAAS,OACV,CAAC;AACF,wBAAkB,MAAM,iBAAiB,aAAa,gBAAgB;AAEtE,wBAAkB,MAAM,iBAAiB,cAAc,kBAAkB,EACvE,SAAS,OACV,CAAC;AACF,wBAAkB,MAAM,iBAAiB,aAAa,iBAAiB,EACrE,SAAS,OACV,CAAC;AACF,wBAAkB,MAAM,iBAAiB,YAAY,gBAAgB,EACnE,SAAS,MACV,CAAC;AACF,wBAAkB,MAAM,iBAAiB,eAAe,gBAAgB,EACtE,SAAS,MACV,CAAC;;AAGJ,cAAS,iBAAiB,aAAa,gBAAgB;AACvD,cAAS,iBAAiB,WAAW,cAAc;MACnD;cACO,UAAU,OAAO;AAC1B,cAAU,MAAM,OAAO;AAGvB,QAAI,kBAAkB,OAAO;AAC3B,uBAAkB,MAAM,oBAAoB,SAAS,YAAY;AACjE,uBAAkB,MAAM,oBAAoB,aAAa,gBAAgB;AACzE,uBAAkB,MAAM,oBAAoB,cAAc,iBAAiB;AAC3E,uBAAkB,MAAM,oBAAoB,aAAa,gBAAgB;AACzE,uBAAkB,MAAM,oBAAoB,YAAY,eAAe;AACvE,uBAAkB,MAAM,oBAAoB,eAAe,eAAe;;AAG5E,aAAS,oBAAoB,aAAa,gBAAgB;AAC1D,aAAS,oBAAoB,WAAW,cAAc;AAEtD,eAAW,QAAQ;AACnB,mBAAe,QAAQ;;KAG3B,EAAE,WAAW,MAAM,CACpB;AAGD,cACQ,MAAM,gBACN;AACJ,OAAI,MAAM,UAAU,MAAM,UAAU;AAClC,cAAU,QAAQ;AAClB,aAAS,QAAQ;AAEjB,UAAM,QAAQ;AACd,eAAW,QAAQ;AACnB,eAAW,QAAQ;AACnB,aAAS,QAAQ;;IAGtB;AAGD,cACQ,MAAM,kBACN;AACJ,OAAI,MAAM,QAAQ;AAChB,eAAW;AACX,cAAU,QAAQ;AAClB,aAAS,QAAQ;;IAGtB;AAGD,kBAAgB;AACd,YAAS,QAAQ,OAAO,aAAa;AACrC,UAAO,iBAAiB,gBAAgB;AACtC,aAAS,QAAQ,OAAO,aAAa;KACrC;IACF;EAGF,MAAM,iBAAiB,UAAyB;AAC9C,OAAI,CAAC,MAAM,OAAQ;AAEnB,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,kBAAa;AACb;IACF,KAAK;AACH,SAAI,eAAe,SAAS,MAAM,eAAe,QAAQ,MAAM,aAAa,GAAG;AAC7E,YAAM,gBAAgB;AACtB,oBAAc;;AAEhB;IACF,KAAK;AACH,SACE,eAAe,SACf,MAAM,eAAe,QACrB,MAAM,cAAc,MAAM,eAAe,KAAK,GAC9C;AACA,YAAM,gBAAgB;AACtB,gBAAU;;AAEZ;IACF,KAAK;IACL,KAAK;AACH,WAAM,gBAAgB;AACtB,aAAQ;AACR;IACF,KAAK;AACH,WAAM,gBAAgB;AACtB,cAAS;AACT;IACF,KAAK;AACH,WAAM,gBAAgB;AACtB,gBAAW;AACX;;;EAKN,MAAM,eAAe;AACnB,OAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,WAAW,MAAM,QAAQ;AAC/B,UAAM,QAAQ,KAAK,IAAI,UAAU,SAAS;;;EAI9C,MAAM,gBAAgB;AACpB,OAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,WAAW,MAAM,QAAQ;AAC/B,UAAM,QAAQ,KAAK,IAAI,UAAU,SAAS;AAE1C,QAAI,MAAM,SAAS,GAAG;AACpB,gBAAW,QAAQ;AACnB,gBAAW,QAAQ;;;;EAKzB,MAAM,kBAAkB;AAEtB,eAAY,QAAQ;AAEpB,SAAM,QAAQ;AACd,cAAW,QAAQ;AACnB,cAAW,QAAQ;AACnB,YAAS,QAAQ;AAEjB,cAAW,QAAQ;AACnB,kBAAe,QAAQ;AACvB,cAAW,QAAQ;AACnB,cAAW,QAAQ;AAGnB,kBAAe;AACb,qBAAiB;AACf,iBAAY,QAAQ;OACnB,GAAG;KACN;;EAGJ,MAAM,oBAAoB;AAGxB,YAAS,QAAQ,SAAS,QAAQ;;EAIpC,MAAM,eAAe,UAAsB;AACzC,OAAI,CAAC,SAAS,SAAS,CAAC,MAAM,OAAQ;AAGtC,SAAM,gBAAgB;GAMtB,MAAM,mBADQ,MAAM,WAAW,IAAI,MAAM,SAAS,MAAM,UACxB,IAAI,KAAK;GAEzC,MAAM,WAAW,MAAM;GAEvB,MAAM,WACJ,kBAAkB,IACd,WAAW,WACX,WAAW;GAEjB,MAAM,eAAe,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,SAAS,CAAC;AAErE,OAAI,KAAK,IAAI,eAAe,SAAS,GAAG,MAAO;IAE7C,MAAM,gBAAgB,kBAAkB,OAAO,uBAAuB;AACtE,QAAI,CAAC,cAAe;IAGpB,MAAM,SAAS,MAAM,UAAU,cAAc,OAAO,cAAc,QAAQ;IAC1E,MAAM,SAAS,MAAM,UAAU,cAAc,MAAM,cAAc,SAAS;IAI1E,MAAM,eAAe,SAAS,WAAW,SAAS;IAClD,MAAM,eAAe,SAAS,WAAW,SAAS;AAGlD,UAAM,QAAQ;AAId,eAAW,QAAQ,SAAS,cAAc;AAC1C,eAAW,QAAQ,SAAS,cAAc;AAG1C,QAAI,MAAM,SAAS,GAAG;AACpB,gBAAW,QAAQ;AACnB,gBAAW,QAAQ;;;;EAMzB,MAAM,mBAAmB,UAAsB;AAC7C,OAAI,CAAC,SAAS,SAAS,CAAC,MAAM,UAAU,MAAM,SAAS,EAAG;AAG1D,OAAI,MAAM,WAAW,EAAG;AAExB,SAAM,gBAAgB;AAEtB,cAAW,QAAQ;AACnB,kBAAe,QAAQ;IACrB,YAAY;IACZ,QAAQ,MAAM;IACd,QAAQ,MAAM;IACd,iBAAiB,WAAW;IAC5B,iBAAiB,WAAW;IAC7B;AAGD,OAAI,SAAS,MACX,UAAS,MAAM,MAAM,SAAS;;EAIlC,MAAM,mBAAmB,UAAsB;AAC7C,OAAI,CAAC,eAAe,SAAS,CAAC,eAAe,MAAM,cAAc,CAAC,MAAM,OAAQ;AAEhF,SAAM,gBAAgB;AAGtB,+BAA4B;AAC1B,QAAI,CAAC,eAAe,MAAO;IAE3B,MAAM,SAAS,MAAM,UAAU,eAAe,MAAM;IACpD,MAAM,SAAS,MAAM,UAAU,eAAe,MAAM;AAGpD,eAAW,QAAQ,eAAe,MAAM,kBAAkB,SAAS,MAAM;AACzE,eAAW,QAAQ,eAAe,MAAM,kBAAkB,SAAS,MAAM;IAGzE,MAAM,eAAe;AACrB,eAAW,QAAQ,KAAK,IAAI,CAAC,cAAc,KAAK,IAAI,cAAc,WAAW,MAAM,CAAC;AACpF,eAAW,QAAQ,KAAK,IAAI,CAAC,cAAc,KAAK,IAAI,cAAc,WAAW,MAAM,CAAC;KACpF;;EAGJ,MAAM,sBAAsB;AAC1B,OAAI,eAAe,MACjB,gBAAe,MAAM,aAAa;AAEpC,kBAAe,QAAQ;AACvB,cAAW,QAAQ;AAGnB,OAAI,SAAS,MACX,UAAS,MAAM,MAAM,SAAS,MAAM,QAAQ,IAAI,SAAS;;EAK7D,MAAM,oBAAoB,YAA6B;AACrD,OAAI,QAAQ,SAAS,EAAG,QAAO;GAC/B,MAAM,SAAS,QAAQ;GACvB,MAAM,SAAS,QAAQ;AACvB,OAAI,CAAC,UAAU,CAAC,OAAQ,QAAO;GAC/B,MAAM,KAAK,OAAO,UAAU,OAAO;GACnC,MAAM,KAAK,OAAO,UAAU,OAAO;AACnC,UAAO,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;;EAGrC,MAAM,kBAAkB,YAAsD;AAC5E,OAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,OAAI,QAAQ,WAAW,GAAG;IACxB,MAAM,QAAQ,QAAQ;AACtB,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO;KAAE,GAAG,MAAM;KAAS,GAAG,MAAM;KAAS;;GAG/C,MAAM,SAAS,QAAQ;GACvB,MAAM,SAAS,QAAQ;AACvB,OAAI,CAAC,UAAU,CAAC,OAAQ,QAAO;AAC/B,UAAO;IACL,IAAI,OAAO,UAAU,OAAO,WAAW;IACvC,IAAI,OAAO,UAAU,OAAO,WAAW;IACxC;;EAIH,MAAM,yBAAyB,UAAsB;AACnD,OAAI,CAAC,SAAS,SAAS,CAAC,MAAM,OAAQ;AAEtC,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;GAEvB,MAAM,UAAU,MAAM,KAAK,MAAM,QAAQ;AAEzC,OAAI,QAAQ,WAAW,GAAG;AAExB,eAAW,QAAQ;IACnB,MAAM,WAAW,iBAAiB,QAAQ;AAG1C,QAFe,eAAe,QAAQ,CAGpC,YAAW,QAAQ;KACjB,MAAM;KACN,iBAAiB;KACjB,cAAc,MAAM;KACpB,mBAAmB,WAAW;KAC9B,mBAAmB,WAAW;KAC9B,gBAAgB;KACjB;cAEM,QAAQ,WAAW,KAAK,MAAM,QAAQ,GAAG;AAElD,eAAW,QAAQ;IACnB,MAAM,QAAQ,QAAQ;AACtB,QAAI,MACF,YAAW,QAAQ;KACjB,MAAM;KACN,UAAU,MAAM;KAChB,UAAU,MAAM;KACjB;UAEE;AAEL,eAAW,QAAQ;AACnB,eAAW,QAAQ;AACnB,eAAW,QAAQ;;;EAIvB,MAAM,wBAAwB,UAAsB;AAClD,OAAI,CAAC,SAAS,SAAS,CAAC,MAAM,UAAU,CAAC,WAAW,MAAO;AAE3D,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AAEvB,mBAAgB,MAAM;;EAGxB,MAAM,uBAAuB,UAAsB;AACjD,OAAI,CAAC,SAAS,SAAS,CAAC,MAAM,OAAQ;AAEtC,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AAEvB,mBAAgB;;EAIlB,MAAM,oBAAoB,UAAsB;AAC9C,OAAI,CAAC,SAAS,SAAS,CAAC,MAAM,OAAQ;GAGtC,MAAM,SAAS,MAAM;AACrB,OAAI,OAAO,QAAQ,iBAAiB,CAClC;AAIF,OAAI,WAAW,SAAS,SAAS,SAAS,MAAM,SAAS,OAAO,CAC9D;AAGF,SAAM,gBAAgB;GAEtB,MAAM,UAAU,MAAM,KAAK,MAAM,QAAQ;AAEzC,OAAI,QAAQ,WAAW,GAAG;AAExB,eAAW,QAAQ;IACnB,MAAM,WAAW,iBAAiB,QAAQ;AAG1C,QAFe,eAAe,QAAQ,CAGpC,YAAW,QAAQ;KACjB,MAAM;KACN,iBAAiB;KACjB,cAAc,MAAM;KACpB,mBAAmB,WAAW;KAC9B,mBAAmB,WAAW;KAC9B,gBAAgB;KACjB;cAEM,QAAQ,WAAW,KAAK,MAAM,QAAQ,GAAG;AAElD,eAAW,QAAQ;IACnB,MAAM,QAAQ,QAAQ;AACtB,QAAI,MACF,YAAW,QAAQ;KACjB,MAAM;KACN,UAAU,MAAM;KAChB,UAAU,MAAM;KACjB;UAEE;AAEL,eAAW,QAAQ;AACnB,eAAW,QAAQ;AACnB,eAAW,QAAQ;;;EAIvB,MAAM,mBAAmB,UAAsB;AAC7C,OAAI,CAAC,SAAS,SAAS,CAAC,MAAM,UAAU,CAAC,WAAW,MAAO;GAE3D,MAAM,UAAU,MAAM,KAAK,MAAM,QAAQ;AAGzC,+BAA4B;AAC1B,QAAI,CAAC,WAAW,MAAO;AAEvB,QAAI,WAAW,MAAM,SAAS,WAAW,QAAQ,WAAW,GAAG;AAE7D,WAAM,gBAAgB;KAEtB,MAAM,WAAW,iBAAiB,QAAQ;AAC1C,SAAI,WAAW,MAAM,mBAAmB,WAAW,MAAM,iBAAiB,QAAW;MACnF,MAAM,cAAc,WAAW,WAAW,MAAM;AAKhD,YAAM,QAJW,KAAK,IACpB,UACA,KAAK,IAAI,UAAU,WAAW,MAAM,eAAe,YAAY,CAChE;;eAMM,WAAW,MAAM,SAAS,SAAS,QAAQ,WAAW,KAAK,MAAM,QAAQ,GAAG;AAErF,WAAM,gBAAgB;KAEtB,MAAM,QAAQ,QAAQ;AACtB,SACE,SACA,WAAW,MAAM,aAAa,UAC9B,WAAW,MAAM,aAAa,QAC9B;MACA,MAAM,SAAS,MAAM,UAAU,WAAW,MAAM;MAChD,MAAM,SAAS,MAAM,UAAU,WAAW,MAAM;AAGhD,iBAAW,SAAS,SAAS,MAAM;AACnC,iBAAW,SAAS,SAAS,MAAM;MAGnC,MAAM,eAAe;AACrB,iBAAW,QAAQ,KAAK,IAAI,CAAC,cAAc,KAAK,IAAI,cAAc,WAAW,MAAM,CAAC;AACpF,iBAAW,QAAQ,KAAK,IAAI,CAAC,cAAc,KAAK,IAAI,cAAc,WAAW,MAAM,CAAC;AAEpF,iBAAW,MAAM,WAAW,MAAM;AAClC,iBAAW,MAAM,WAAW,MAAM;;WAE/B;AAEL,gBAAW,QAAQ;AACnB,gBAAW,QAAQ;AACnB,gBAAW,QAAQ;;KAErB;;EAGJ,MAAM,uBAAuB;AAC3B,cAAW,QAAQ;AACnB,cAAW,QAAQ;AACnB,cAAW,QAAQ;;EAIrB,MAAM,wBAAwB;AAC5B,aAAU,QAAQ;AAClB,YAAS,QAAQ;;EAGnB,MAAM,yBAAyB;AAC7B,aAAU,QAAQ;AAClB,YAAS,QAAQ;;EAInB,MAAM,qBAAqB;AACzB,OAAI,MAAM,WACR,OAAM,YAAY;;EAItB,MAAM,iBAAiB;AACrB,OAAI,MAAM,OACR,OAAM,QAAQ;;EAKlB,MAAM,uBAAuB;AAC3B,OAAI,MAAM,WACR,OAAM,YAAY;;EAItB,MAAM,oBAAoB;AACxB,UAAO,QAAQ;AACf,QAAK,QAAQ;;EAGf,MAAM,uBAAuB,UAAsB;AACjD,OAAI,MAAM,WAAW,UAAU,MAC7B,cAAa;;AAKjB,oBAAkB;AAChB,UAAO,oBAAoB,gBAAgB,GAAG;AAE9C,OAAI,kBAAkB,OAAO;AAC3B,sBAAkB,MAAM,oBAAoB,SAAS,YAAY;AACjE,sBAAkB,MAAM,oBAAoB,aAAa,gBAAgB;AACzE,sBAAkB,MAAM,oBAAoB,cAAc,iBAAiB;AAC3E,sBAAkB,MAAM,oBAAoB,aAAa,gBAAgB;AACzE,sBAAkB,MAAM,oBAAoB,YAAY,eAAe;AACvE,sBAAkB,MAAM,oBAAoB,eAAe,eAAe;;AAG5E,YAAS,oBAAoB,aAAa,gBAAgB;AAC1D,YAAS,oBAAoB,WAAW,cAAc;IACtD;;uBAr6BA,mBA2QS,UAAA;aA1QH;IAAJ,KAAI;IACJ,OAAK,eAAA,CAAC,SAAO,EAAA,cACW,OAAA,OAAM,CAAA,CAAA;IAC7B,SAAO;IACP,WAAS;OAEV,mBAgQM,OAhQN,cAgQM;IA/PJ,mBAAA,WAAe;IACf,mBA8GM,OA9GN,cA8GM,CA3GJ,mBAUM,OAVN,cAUM,CATJ,mBAEK,MAFL,cAEK,gBADA,QAAA,UAAS,EAAA,EAAA,EAGN,QAAA,eAAU,QAAa,QAAA,gBAAW,QAAA,WAAA,EAD1C,mBAKI,KALJ,cAKI,gBADC,QAAA,aAAU,EAAA,GAAO,QAAG,gBAAG,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA,EAGzC,mBA+FM,OA/FN,cA+FM;KA9FJ,mBAAA,4CAAgD;KAExC,eAAA,SAAkB,QAAA,eAAU,QAAa,QAAA,aAAU,KAAA,WAAA,EAD3D,mBAsBS,UAAA;;MApBN,SAAK,cAAU,cAAY,CAAA,UAAA,CAAA;MAC5B,OAAM;MACN,MAAK;MACL,OAAM;MACN,cAAW;uCAEX,mBAaM,OAAA;MAZJ,OAAM;MACN,OAAM;MACN,MAAK;MACL,SAAQ;MACR,QAAO;SAEP,mBAKE,QAAA;MAJA,kBAAe;MACf,mBAAgB;MAChB,gBAAa;MACb,GAAE;;KAKA,eAAA,SAAkB,QAAA,eAAU,QAAa,QAAA,cAAc,QAAA,eAAW,KAAA,KAAA,WAAA,EAD1E,mBAsBS,UAAA;;MApBN,SAAK,cAAU,UAAQ,CAAA,UAAA,CAAA;MACxB,OAAM;MACN,MAAK;MACL,OAAM;MACN,cAAW;uCAEX,mBAaM,OAAA;MAZJ,OAAM;MACN,OAAM;MACN,MAAK;MACL,SAAQ;MACR,QAAO;SAEP,mBAKE,QAAA;MAJA,kBAAe;MACf,mBAAgB;MAChB,gBAAa;MACb,GAAE;;KAIR,mBAAA,oBAAwB;KAEhB,MAAM,cAAA,WAAA,EADd,mBAsBS,UAAA;;MApBN,SAAK,cAAU,gBAAc,CAAA,UAAA,CAAA;MAC9B,OAAM;MACN,MAAK;MACL,OAAM;MACN,cAAW;uCAEX,mBAaM,OAAA;MAZJ,OAAM;MACN,OAAM;MACN,MAAK;MACL,SAAQ;MACR,QAAO;SAEP,mBAKE,QAAA;MAJA,kBAAe;MACf,mBAAgB;MAChB,gBAAa;MACb,GAAE;;KAIR,mBAAA,iBAAqB;KACrB,mBAqBS,UAAA;MApBN,SAAK,cAAU,aAAW,CAAA,UAAA,CAAA;MAC3B,OAAM;MACN,MAAK;MACL,OAAM;MACN,cAAW;uCAEX,mBAaM,OAAA;MAZJ,OAAM;MACN,OAAM;MACN,MAAK;MACL,SAAQ;MACR,QAAO;SAEP,mBAKE,QAAA;MAJA,kBAAe;MACf,mBAAgB;MAChB,gBAAa;MACb,GAAE;;;IAOZ,mBAAA,oBAAwB;IACxB,mBA4IM,OAAA;cA3IA;KAAJ,KAAI;KACJ,OAAM;;KAEN,mBAAA,kBAAsB;KACX,UAAA,SAAA,WAAA,EAAX,mBAEM,OAFN,cAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAwD,QAAA,EAAlD,OAAM,sCAAoC,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,IAAA,mBAAA,QAAA,KAAA;KAGlD,mBAAA,gBAAoB;KAEZ,SAAA,SAAA,WAAA,EADR,mBAmBM,OAnBN,cAmBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAfJ,mBAaM,OAAA;MAZJ,OAAM;MACN,OAAM;MACN,MAAK;MACL,SAAQ;MACR,QAAO;SAEP,mBAKE,QAAA;MAJA,kBAAe;MACf,mBAAgB;MAChB,gBAAa;MACb,GAAE;eAGN,mBAAgE,KAAA,EAA7D,OAAM,gCAA8B,EAAC,wBAAoB,GAAA,CAAA,EAAA,CAAA,IAAA,mBAAA,QAAA,KAAA;KAG9D,mBAAA,UAAc;KAEN,QAAA,YAAQ,CAAK,SAAA,SAAA,WAAA,EADrB,mBAiBE,OAAA;;eAfI;MAAJ,KAAI;MACH,KAAK,QAAA;MACL,KAAK,QAAA;MACN,OAAK,eAAA,CAAC,wCAAsC,EAAA,8CAAA,CACuC,WAAA,SAAU,CAAK,WAAA,SAAU,CAAK,YAAA,OAAA,CAAA,CAAA;MAIhH,OAAK,eAAE,WAAA,MAAU;MACjB,QAAM;MACN,SAAO;MACP,YAAU;MACV,cAAU,cAAO,uBAAqB,CAAA,OAAA,CAAA;MACtC,aAAS,cAAO,sBAAoB,CAAA,OAAA,CAAA;MACpC,YAAQ,cAAO,qBAAmB,CAAA,OAAA,CAAA;;KAGrC,mBAAA,kBAAsB;KAEd,QAAA,YAAQ,CAAK,SAAA,SAAA,WAAA,EADrB,mBAuFM,OAAA;;MArFJ,OAAM;MACL,cAAU,OAAA,OAAA,OAAA,KAAA,oBAAX,IAAgB,CAAA,OAAA,CAAA;MACf,aAAS,OAAA,OAAA,OAAA,KAAA,oBAAV,IAAe,CAAA,OAAA,CAAA;MACd,YAAQ,OAAA,OAAA,OAAA,KAAA,oBAAT,IAAc,CAAA,OAAA,CAAA;MACb,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;MAEX,mBAsBS,UAAA;OArBN,SAAK,cAAU,SAAO,CAAA,UAAA,CAAA;OACvB,OAAM;OACN,MAAK;OACJ,UAAU,MAAA,SAAS;OACpB,OAAM;OACN,cAAW;0CAEX,mBAaM,OAAA;OAZJ,OAAM;OACN,OAAM;OACN,MAAK;OACL,SAAQ;OACR,QAAO;UAEP,mBAKE,QAAA;OAJA,kBAAe;OACf,mBAAgB;OAChB,gBAAa;OACb,GAAE;;MAIR,mBAQS,UAAA;OAPN,SAAK,cAAU,WAAS,CAAA,UAAA,CAAA;OACzB,OAAM;OACN,MAAK;OACL,OAAM;OACN,cAAW;yBAER,KAAK,MAAM,MAAA,QAAK,IAAA,CAAA,GAAU,MAC/B,EAAA;MACA,mBAsBS,UAAA;OArBN,SAAK,cAAU,QAAM,CAAA,UAAA,CAAA;OACtB,OAAM;OACN,MAAK;OACJ,UAAU,MAAA,SAAS;OACpB,OAAM;OACN,cAAW;0CAEX,mBAaM,OAAA;OAZJ,OAAM;OACN,OAAM;OACN,MAAK;OACL,SAAQ;OACR,QAAO;UAEP,mBAKE,QAAA;OAJA,kBAAe;OACf,mBAAgB;OAChB,gBAAa;OACb,GAAE;;MAIR,mBAuBS,UAAA;OAtBN,SAAK,cAAU,aAAW,CAAA,UAAA,CAAA;OAC3B,OAAM;OACN,MAAK;OACL,OAAM;OACN,cAAW;0CAEX,mBAeM,OAAA;OAdJ,OAAM;OACN,SAAQ;OACR,gBAAa;OACb,QAAO;OACP,eAAY;OACZ,aAAU;OACV,MAAK;OACL,OAAM;UAEN,mBAIQ,QAAA;OAHN,kBAAe;OACf,mBAAgB;OAChB,GAAE;;;;OAOd,mBAEO,QAFP,eAEO,CADL,mBAAiE,UAAA;IAAzD,MAAK;IAAU,SAAK,cAAU,aAAW,CAAA,UAAA,CAAA;MAAE,QAAK,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECuD9D,MAAM,QAAQ;EAKd,MAAM,OAAO;EAQb,MAAM,oBAAoB,OAAO,aAAqB;GAEpD,MAAM,eAAe,YAAY,MAAM,QAAQ,SAAS,KAAK,WAAW,UAAU;AAClF,QAAK,MAAM,QAAQ,cAAc;AAC/B,SAAK,SAAS;AACd,UAAM,WAAW,MAAM,SAAS;;;AAIpC,WAAa;GACX,sBACE,YAAY,MAAM,QAAQ,SAAS,KAAK,WAAW,UAAU,CAAC,KAAK,SAAS,KAAK,KAAK;GACxF;GACD,CAAC;EAEF,MAAM,YAAY,IAA6B,KAAK;EACpD,MAAM,aAAa,IAAI,MAAM;EAC7B,MAAM,cAAc,IAAI,MAAM;EAC9B,MAAM,cAAc,IAAiB,EAAE,CAAC;EACxC,MAAM,eAAe,IAAuB,KAAK;EACjD,MAAM,kBAAkB,IAAI,MAAM;EAClC,MAAM,eAAe,IAAuB,KAAK;EACjD,MAAM,YAAY,oBAAyB,IAAI,KAAK,CAAC;EAErD,MAAM,MAAM,QAAQ;EACpB,MAAM,YAAY,qBAAqB;EAGvC,MAAM,EACJ,MAAM,iBACN,SAAS,oBACT,SAAS,uBACP,SACF,OAAO,QAAQ;AACb,OAAI,CAAC,MAAM,SAAU,QAAO;IAAE,OAAO,EAAE;IAAE,SAAS,EAAE;IAAE;AACtD,UAAO,MAAM,IAAI,YAAY,gBAAgB;IAC3C,WAAW,MAAM;IACjB,aAAa;IACb,SAAS;KACP,OAAO;KACP,iBAAiB;KACjB,WAAW;KACZ;IACF,CAAC;KAEJ;GACE,SAAS,eAAe,CAAC,CAAC,MAAM,SAAS;GACzC,WAAW,MAAS;GACrB,CACF;EAED,MAAM,cAAc,eAA6B;AAC/C,OAAI,CAAC,gBAAgB,MAAO,QAAO,EAAE;GACrC,MAAMA,QAAsB,EAAE;GAC9B,MAAM,YAAY,gBAAgB,MAAM,SAAS,EAAE;AACnD,QAAK,MAAM,QAAQ,UACjB,OAAM,KAAK;IACT,IAAI,KAAK;IACT,MAAM,KAAK;IACX,MAAM,SAAS,KAAK,aAAa,IAAI;IACrC,MAAM,KAAK,gBAAgB;IAC3B,YAAY,IAAI,KAAK,KAAK,WAAW;IACtC,CAAC;AAEJ,UAAO;IACP;AAGF,cACQ,YAAY,MAAM,SACvB,UAAU,KAAK,2BAA2B,MAAM,EACjD,EAAE,WAAW,MAAM,CACpB;EAED,MAAM,gBAAgB,eAAe;AACnC,OAAI,CAAC,aAAa,MAChB,QAAO;AACT,UAAO,oCAAoC,aAAa,MAAM,KAAK;IACnE;EAGF,MAAM,mBAAmB,eAAe;AACtC,UAAO,YAAY,MAAM,QAAQ,SAAS,QAAQ,KAAK,KAAK,CAAC;IAC7D;EAGF,MAAM,oBAAoB,eAAe;AACvC,OAAI,CAAC,aAAa,MAAO,QAAO;GAChC,MAAM,QAAQ,iBAAiB,MAAM,WAAW,QAAQ,IAAI,OAAO,aAAa,OAAO,GAAG;AAC1F,UAAO,SAAS,IAAI,QAAQ;IAC5B;EAEF,MAAM,kBAAkB,eAAe;AACrC,UAAO,kBAAkB,UAAU,QAAQ,kBAAkB,QAAQ;IACrE;EAEF,MAAM,cAAc,eAAe;AACjC,UACE,kBAAkB,UAAU,QAC5B,kBAAkB,QAAQ,iBAAiB,MAAM,SAAS;IAE5D;EAGF,MAAM,EAAE,QAAQ,qBAAqB,aAClC,KAAK,UAA0B,IAAI,YAAY,iBAAiB,MAAM,GAAG,EAC1E,EAAE,YAAY,kBAAkB,CACjC;EAGD,MAAM,oBAAoB,aAA6B;AACrD,OAAI,SAAS,WAAW,SAAS,CAAE,QAAO;AAC1C,OAAI,SAAS,WAAW,SAAS,CAAE,QAAO;AAC1C,OAAI,SAAS,WAAW,SAAS,CAAE,QAAO;AAC1C,OAAI,SAAS,SAAS,MAAM,CAAE,QAAO;AACrC,OAAI,SAAS,SAAS,OAAO,IAAI,SAAS,SAAS,WAAW,CAAE,QAAO;AACvE,OAAI,SAAS,SAAS,QAAQ,IAAI,SAAS,SAAS,cAAc,CAAE,QAAO;AAC3E,OAAI,SAAS,SAAS,MAAM,IAAI,SAAS,SAAS,UAAU,CAAE,QAAO;AACrE,UAAO;;EAGT,MAAM,yBAAyB,aAA6B;AAC1D,OAAI,SAAS,WAAW,SAAS,CAAE,QAAO;AAC1C,OAAI,SAAS,WAAW,SAAS,CAAE,QAAO;AAC1C,OAAI,SAAS,SAAS,MAAM,CAAE,QAAO;AACrC,OAAI,SAAS,SAAS,OAAO,IAAI,SAAS,SAAS,WAAW,CAAE,QAAO;AACvE,UAAO;;EAGT,MAAM,kBAAkB,UAA0B;AAChD,OAAI,UAAU,EAAG,QAAO;GACxB,MAAM,IAAI;GACV,MAAM,QAAQ;IAAC;IAAK;IAAM;IAAM;IAAK;GACrC,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AACnD,UAAO,GAAG,YAAY,QAAQ,KAAK,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,MAAM;;EAGrE,MAAM,cAAc,SAAuB;AACzC,UAAO,IAAI,KAAK,eAAe,SAAS;IACtC,OAAO;IACP,KAAK;IACL,MAAM;IACP,CAAC,CAAC,OAAO,KAAK;;EAIjB,MAAM,WAAW,aAA8B;AAC7C,UAAO,SAAS,WAAW,SAAS;;EAGtC,MAAM,cAAc,OAAO,WAAoC;AAE7D,OAAI,UAAU,MAAM,IAAI,OAAO,CAC7B,QAAO,UAAU,MAAM,IAAI,OAAO;AAIpC,OAAI;IACF,MAAM,MAAM,MAAM,MAChB,GAAG,IAAI,cAAc,OAAO,8BAA8B,UAC1D;KACE,QAAQ;KACR,SAAS,EACP,eAAe,UAAU,UAAU,eACpC;KACF,CACF;AAED,QAAI,CAAC,IAAI,GACP,OAAM,IAAI,MAAM,uBAAuB;IAGzC,MAAM,OAAO,MAAM,IAAI,MAAM;IAC7B,MAAM,MAAM,IAAI,gBAAgB,KAAK;AACrC,cAAU,MAAM,IAAI,QAAQ,IAAI;AAChC,WAAO;YACA,OAAO;AACd,YAAQ,MAAM,yBAAyB,MAAM;AAE7C,WAAO;;;EAKX,MAAM,mBAAmB,WAA2B;AAGlD,UAAO,UAAU,MAAM,IAAI,OAAO,IAAI;;EAIxC,MAAM,qBAAqB,OAAO,WAAmB;AACnD,OAAI,CAAC,UAAU,MAAM,IAAI,OAAO,CAC9B,OAAM,YAAY,OAAO;;EAI7B,MAAM,oBAAoB,UAAiB;GACzC,MAAM,MAAM,MAAM;AAClB,OAAI,MAAM,UAAU;;AAKtB,oBAAkB;AAChB,aAAU,MAAM,SAAS,QAAQ;AAC/B,QAAI,gBAAgB,IAAI;KACxB;AACF,aAAU,MAAM,OAAO;IACvB;EAEF,MAAM,YAAY,OAAO,SAAqB;AAC5C,gBAAa,QAAQ;AAErB,OAAI,CAAC,UAAU,MAAM,IAAI,KAAK,GAAG,CAC/B,OAAM,YAAY,KAAK,GAAG;;EAI9B,MAAM,0BAA0B;AAC9B,OAAI,CAAC,gBAAgB,SAAS,kBAAkB,UAAU,KAAM;GAChE,MAAM,gBAAgB,iBAAiB,MAAM,kBAAkB,QAAQ;AACvE,OAAI,cACF,WAAU,cAAc;;EAI5B,MAAM,sBAAsB;AAC1B,OAAI,CAAC,YAAY,SAAS,kBAAkB,UAAU,KAAM;GAC5D,MAAM,YAAY,iBAAiB,MAAM,kBAAkB,QAAQ;AACnE,OAAI,UACF,WAAU,UAAU;;EAIxB,MAAM,wBAAwB;AAC5B,gBAAa,QAAQ;;EAIvB,MAAM,oBAAoB,UAAkB;AAE1C,OAAI,OAAO;AACT,UAAM,gBAAgB;AACtB,UAAM,iBAAiB;;AAIzB,OAAI,YAAY,MACd;AAKF,aAAU,OAAO,OAAO;;EAG1B,MAAM,gBAAgB,UAAkB;GACtC,MAAM,YAAY,MAAM,KAAK,MAAM;AACnC,aAAU,SAAS,SAAS;IAC1B,MAAMC,YAAuB;KAC3B,IAAI,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ;KAClC;KACA,QAAQ;KACR,UAAU;KACX;AACD,gBAAY,MAAM,KAAK,UAAU;KACjC;AAEF,QAAK,eAAe,UAAU;AAG9B,OAAI,MAAM,SACR,qBAAoB;;EAIxB,MAAM,oBAAoB,UAAiB;GACzC,MAAM,SAAS,MAAM;GACrB,MAAM,QAAQ,OAAO;AACrB,OAAI,CAAC,MAAO;AAEZ,gBAAa,MAAM,KAAK,MAAM,CAAC;AAC/B,UAAO,QAAQ;;EAGjB,MAAM,kBAAkB,UAAqB;AAC3C,cAAW,QAAQ;GAEnB,MAAM,QAAQ,MAAM,cAAc;AAClC,OAAI,CAAC,SAAS,MAAM,WAAW,EAAG;AAElC,gBAAa,MAAM,KAAK,MAAM,CAAC;;EAGjC,MAAM,eAAe,UAA0B;AAC7C,OAAI,CAAC,MAAM,aAAa,YAAY,MAAO;GAE3C,MAAM,QAAQ,MAAM,eAAe;AACnC,OAAI,CAAC,MAAO;GAEZ,MAAMC,aAAqB,EAAE;AAC7B,QAAK,MAAM,QAAQ,MACjB,KAAI,KAAK,KAAK,WAAW,SAAS,EAAE;IAClC,MAAM,OAAO,KAAK,WAAW;AAC7B,QAAI,KACF,YAAW,KAAK,KAAK;;AAK3B,OAAI,WAAW,SAAS,GAAG;AACzB,UAAM,gBAAgB;AACtB,UAAM,iBAAiB;AACvB,iBAAa,WAAW;;;EAI5B,MAAM,qBAAqB,OAAO,aAAsB;GACtD,MAAM,WAAW,YAAY,MAAM,MAAM,SAAS,KAAK,WAAW,UAAU;AAC5E,OAAI,CAAC,UAAU;AACb,gBAAY,QAAQ;AACpB;;AAGF,eAAY,QAAQ;AACpB,YAAS,SAAS;AAElB,SAAM,WAAW,UAAU,SAAS;AAGpC,OAAI,YAAY,MAAM,MAAM,SAAS,KAAK,WAAW,UAAU,CAC7D,oBAAmB,SAAS;OAE5B,aAAY,QAAQ;;EAIxB,MAAM,aAAa,OAAO,MAAiB,aAAsB;GAC/D,MAAM,WAAW,YAAY,MAAM;AACnC,OAAI,CAAC,UAAU;AACb,SAAK,SAAS;AACd,SAAK,eAAe;AACpB;;GAGF,MAAM,mBAAmB,kBAAkB;AACzC,SAAK,YAAY,KAAK,QAAQ,GAAG;AACjC,SAAK,WAAW,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,WAAW,IAAI,GAAG,IAAI;MAClE,IAAI;AAEP,OAAI;IACF,MAAM,WAAW,IAAI,UAAU;AAC/B,aAAS,OAAO,QAAQ,KAAK,KAAK;AAClC,aAAS,OAAO,aAAa,KAAK,KAAK,KAAK;AAC5C,aAAS,OAAO,aAAa,SAAS;AACtC,aAAS,OAAO,eAAe,iBAAiB;IAEhD,MAAM,WAAW,MAAM,MACrB,GAAG,IAAI,cAAc,OAAO,8BAA8B,YAC1D;KACE,QAAQ;KACR,SAAS,EACP,eAAe,UAAU,UAAU,eACpC;KACD,MAAM;KACP,CACF;AAED,QAAI,CAAC,SAAS,GACZ,OAAM,IAAI,MAAM,kBAAkB,SAAS,aAAa;IAG1D,MAAM,SAAS,MAAM,SAAS,MAAM;AACpC,QAAI,UAAU,OAAO,IAAI;AACvB,mBAAc,iBAAiB;AAC/B,UAAK,WAAW;AAChB,UAAK,SAAS;AACd,sBAAiB;AACf,sBAAgB,KAAK,GAAG;AACxB,0BAAoB;AACpB,WAAK,WAAW;QACf,IAAI;UAEP,OAAM,IAAI,MAAM,mBAAmB;YAE9B,OAAO;AACd,kBAAc,iBAAiB;AAC/B,SAAK,SAAS;AACd,SAAK,eAAe,iBAAiB,QAAQ,MAAM,UAAU;;;EAIjE,MAAM,mBAAmB,OAAe;GACtC,MAAM,QAAQ,YAAY,MAAM,WAAW,SAAS,KAAK,OAAO,GAAG;AACnE,OAAI,UAAU,GACZ,aAAY,MAAM,OAAO,OAAO,EAAE;;EAItC,MAAM,eAAe,SAAoB;AACvC,QAAK,SAAS;AACd,QAAK,WAAW;AAChB,QAAK,eAAe;AACpB,OAAI,MAAM,SACR,qBAAoB;;EAKxB,MAAM,eAAe,OAAO,MAAkB,UAAkB;AAC9D,OAAI,OAAO;AACT,UAAM,gBAAgB;AACtB,UAAM,iBAAiB;;AAEzB,OAAI;IACF,MAAM,MAAM,MAAM,MAChB,GAAG,IAAI,cAAc,OAAO,8BAA8B,KAAK,MAC/D;KACE,QAAQ;KACR,SAAS;MACP,gBAAgB;MAChB,eAAe,UAAU,UAAU;MACpC;KACF,CACF;AACD,QAAI,CAAC,IAAI,GACP,OAAM,IAAI,MAAM,0BAA0B;IAE5C,MAAM,OAAO,MAAM,IAAI,MAAM;IAC7B,MAAM,MAAM,IAAI,gBAAgB,KAAK;IACrC,MAAM,IAAI,SAAS,cAAc,IAAI;AACrC,MAAE,OAAO;AACT,MAAE,WAAW,KAAK;AAClB,aAAS,KAAK,YAAY,EAAE;AAC5B,MAAE,OAAO;AACT,MAAE,QAAQ;AACV,QAAI,gBAAgB,IAAI;YACjB,OAAO;AACd,YAAQ,MAAM,oBAAoB,MAAM;;;EAK5C,MAAM,iBAAiB,SAAqB;AAC1C,gBAAa,QAAQ;AACrB,mBAAgB,QAAQ;;EAG1B,MAAM,yBAAyB;AAC7B,mBAAgB,QAAQ;AACxB,gBAAa,QAAQ;;EAGvB,MAAM,aAAa,YAAY;AAC7B,OAAI,CAAC,aAAa,MAAO;AAEzB,OAAI;AACF,UAAM,iBAAiB,EAAE,IAAI,aAAa,MAAM,IAAI,CAAC;AACrD,wBAAoB;AACpB,SAAK,UAAU;AACf,sBAAkB;YACX,OAAO;AACd,YAAQ,MAAM,kBAAkB,MAAM;;;AAK1C,cACQ,MAAM,WACX,aAAa,gBAAgB;AAC5B,OAAI,eAAe,gBAAgB,aAAa;AAC9C,wBAAoB;AAEpB,QAAI,YAAY,MAAM,MAAM,SAAS,KAAK,WAAW,UAAU,CAC7D,oBAAmB,YAAY;;IAItC;AAGD,cACQ,YAAY,QACjB,mBAAmB;AAClB,kBAAe,SAAS,SAAS;AAC/B,QAAI,QAAQ,KAAK,KAAK,IAAI,CAAC,UAAU,MAAM,IAAI,KAAK,GAAG,CACrD,oBAAmB,KAAK,GAAG;KAE7B;KAEJ,EAAE,WAAW,MAAM,CACpB;;uBAzzBC,mBA8RM,OA9RN,YA8RM;IA7RJ,mBAAwF,SAAA;cAA7E;KAAJ,KAAI;KAAY,MAAK;KAAO,UAAA;KAAS,OAAM;KAAU,UAAQ;;IAEpE,mBAAA,8EAAkF;IACvE,QAAA,aAAA,WAAA,EAAX,mBA+DM,OA/DN,YA+DM;KA9DJ,mBAAA,qBAAyB;KACzB,mBAgCM,OAAA;MA/BJ,OAAK,eAAA,CAAC,0LAAwL;sCAC3I,WAAA;4EAA2F,WAAA;;MAI7I,YAAQ,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,WAAA,QAAU,MAAA,CAAA,UAAA,CAAA;MAC5B,aAAS,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,WAAA,QAAU,OAAA,CAAA,UAAA,CAAA;MAC7B,QAAI,cAAU,gBAAc,CAAA,UAAA,CAAA;MAC5B,SAAK,cAAe,kBAAgB,CAAA,WAAA,OAAA,CAAA;;gCAErC,mBAaM,OAAA;OAZJ,OAAM;OACN,OAAM;OACN,MAAK;OACL,SAAQ;OACR,QAAO;UAEP,mBAKE,QAAA;OAJA,kBAAe;OACf,mBAAgB;OAChB,gBAAa;OACb,GAAE;;gCAGN,mBAA0D,QAAA,EAApD,OAAM,kCAAgC,EAAC,UAAM,GAAA;gCACnD,mBAEC,QAAA,EAFK,OAAM,iDAA+C,EACxD,0BAAsB,GAAA;OAEf,QAAA,YAAA,WAAA,EAAV,mBAEI,KAFJ,YAAyE,mCAEzE,IAAA,mBAAA,QAAA,KAAA;;KAGF,mBAAA,qFAAyF;KACzF,mBAyBM,OAAA;MAxBJ,UAAS;MACT,MAAK;MACL,cAAW;MACX,OAAM;MACL,SAAO;;MAER,mBAaM,OAAA;OAZJ,OAAM;OACN,OAAM;OACN,MAAK;OACL,SAAQ;OACR,QAAO;UAEP,mBAKE,QAAA;OAJA,kBAAe;OACf,mBAAgB;OAChB,gBAAa;OACb,GAAE;;MAGN,mBAAyD,QAAA,EAAnD,OAAM,kCAAgC,EAAC,SAAK,GAAA;MAClD,mBAEC,QAAA,EAFK,OAAM,iDAA+C,EACxD,4BAAwB,GAAA;;;IAK/B,mBAAA,iBAAqB;IACV,YAAA,MAAY,SAAM,KAAA,WAAA,EAA7B,mBA0CM,OA1CN,YA0CM,EAAA,UAAA,KAAA,EAzCJ,mBAwCM,UAAA,MAAA,WAvCW,YAAA,QAAR,SAAI;yBADb,mBAwCM,OAAA;MAtCH,KAAK,KAAK;MACX,OAAM;SAEN,mBAgBM,OAhBN,YAgBM;MAfJ,mBAEM,OAFN,YAEM,gBADD,KAAK,KAAK,KAAI,EAAA,EAAA;MAGX,KAAK,WAAM,eAAA,WAAA,EADnB,mBAQM,OARN,YAQM,CAJJ,mBAGO,OAAA;OAFL,OAAM;OACL,OAAK,eAAA,EAAA,OAAA,GAAc,KAAK,SAAQ,IAAA,CAAA;;MAG1B,KAAK,WAAM,WAAA,WAAA,EAAtB,mBAEM,OAFN,YAEM,gBADD,KAAK,aAAY,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;SAGxB,mBAiBM,OAjBN,YAiBM,CAfI,KAAK,WAAM,WAAA,WAAA,EADnB,mBAOS,UAAA;;MALN,SAAK,eAAA,WAAU,YAAY,KAAI,EAAA,CAAA,UAAA,CAAA;MAChC,OAAM;MACN,MAAK;QACN,WAED,GAAA,YAAA,IAAA,mBAAA,QAAA,KAAA,EAEQ,KAAK,WAAM,eAAA,WAAA,EADnB,mBAOS,UAAA;;MALN,SAAK,eAAA,WAAU,gBAAgB,KAAK,GAAE,EAAA,CAAA,UAAA,CAAA;MACvC,OAAM;MACN,MAAK;QACN,YAED,GAAA,YAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;IAKN,mBAAA,qBAAyB;KACb,YAAA,MAAY,SAAM,KAAQ,MAAA,mBAAkB,KAAK,QAAA,YAAA,WAAA,EAA7D,mBAsHM,OAtHN,aAsHM,CArHO,MAAA,mBAAkB,IAAA,WAAA,EAA7B,mBAEM,OAFN,aAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAwD,QAAA,EAAlD,OAAM,sCAAoC,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,IAAA,mBAAA,QAAA,KAAA,GAAA,UAAA,KAAA,EAElD,mBAiHM,UAAA,MAAA,WAhHW,YAAA,QAAR,SAAI;yBADb,mBAiHM,OAAA;MA/GH,KAAK,KAAK;MACX,OAAK,eAAA,CAAC,yJAAuJ,EAAA,kBACjI,QAAQ,KAAK,KAAI,EAAA,CAAA,CAAA;MAC5C,SAAK,eAAA,WAAU,QAAQ,KAAK,KAAI,IAAK,UAAU,KAAI,EAAA,CAAA,UAAA,CAAA;SAEpD,mBAgCM,OAhCN,aAgCM,CA/BJ,mBAqBM,OArBN,aAqBM,CApBJ,mBAAA,4BAAgC,EAExB,QAAQ,KAAK,KAAI,IAAA,WAAA,EADzB,mBAcM,OAdN,aAcM,CATI,gBAAgB,KAAK,GAAE,IAAA,WAAA,EAD/B,mBAME,OAAA;;MAJC,KAAK,gBAAgB,KAAK,GAAE;MAC5B,KAAK,KAAK;MACX,OAAM;MACL,SAAO;gDAEV,mBAEM,OAFN,aAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAwD,QAAA,EAAlD,OAAM,sCAAoC,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,KAAA,WAAA,EAIpD,mBAEM,UAAA,EAAA,KAAA,GAAA,EAAA,CAHN,mBAAA,mCAAuC,EACvC,mBAEM,OAAA,EAFM,OAAK,eAAA,CAAC,kBAAyB,sBAAsB,KAAK,KAAI,CAAA,CAAA,EAAA,kBACrE,iBAAiB,KAAK,KAAI,CAAA,EAAA,EAAA,CAAA,YAGjC,mBAQM,OARN,aAQM,CAPJ,mBAEM,OAFN,aAEM,gBADD,KAAK,KAAI,EAAA,EAAA,EAEd,mBAGM,OAHN,aAGM,gBAFD,eAAe,KAAK,KAAI,CAAA,GAAI,QAC/B,gBAAG,WAAW,KAAK,WAAU,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAInC,mBAwEM,OAAA;MAxED,OAAM;MAA2C,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;MAEtD,QAAQ,KAAK,KAAI,IAAA,WAAA,EADzB,mBA2BS,UAAA;;OAzBN,SAAK,eAAA,WAAU,UAAU,KAAI,EAAA,CAAA,UAAA,CAAA;OAC9B,OAAM;OACN,OAAM;OACN,MAAK;0CAEL,mBAmBM,OAAA;OAlBJ,OAAM;OACN,OAAM;OACN,MAAK;OACL,SAAQ;OACR,QAAO;UAEP,mBAKE,QAAA;OAJA,kBAAe;OACf,mBAAgB;OAChB,gBAAa;OACb,GAAE;UAEJ,mBAKE,QAAA;OAJA,kBAAe;OACf,mBAAgB;OAChB,gBAAa;OACb,GAAE;;MAIR,mBAoBS,UAAA;OAnBN,SAAK,eAAA,WAAU,aAAa,MAAM,OAAM,EAAA,CAAA,UAAA,CAAA;OACzC,OAAM;OACN,OAAM;OACN,MAAK;0CAEL,mBAaM,OAAA;OAZJ,OAAM;OACN,OAAM;OACN,MAAK;OACL,SAAQ;OACR,QAAO;UAEP,mBAKE,QAAA;OAJA,kBAAe;OACf,mBAAgB;OAChB,gBAAa;OACb,GAAE;;MAKA,QAAA,aAAA,WAAA,EADR,mBAqBS,UAAA;;OAnBN,SAAK,eAAA,WAAU,cAAc,KAAI,EAAA,CAAA,UAAA,CAAA;OAClC,OAAM;OACN,OAAM;OACN,MAAK;0CAEL,mBAaM,OAAA;OAZJ,OAAM;OACN,OAAM;OACN,MAAK;OACL,SAAQ;OACR,QAAO;UAEP,mBAKE,QAAA;OAJA,kBAAe;OACf,mBAAgB;OAChB,gBAAa;OACb,GAAE;;;oBASA,MAAA,mBAAkB,IAAI,QAAA,YAAA,WAAA,EADpC,mBAmBM,OAnBN,aAmBM,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAfJ,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,MAAK;KACL,SAAQ;KACR,QAAO;QAEP,mBAKE,QAAA;KAJA,kBAAe;KACf,mBAAgB;KAChB,gBAAa;KACb,GAAE;cAGN,mBAAqB,KAAA,MAAlB,kBAAc,GAAA,CAAA,EAAA,CAAA,IAAA,mBAAA,QAAA,KAAA;IAGnB,mBAAA,qBAAyB;IACzB,YAgBE,oBAAA;KAfC,WAAO,CAAA,CAAI,aAAA;KACX,aAAW,aAAA,QAAe,gBAAgB,aAAA,MAAa,GAAE,GAAA;KACzD,cAAY,aAAA,OAAc,QAAI;KAC9B,eAAa,kBAAA;KACb,gBAAc,iBAAA,MAAiB;KAC/B,eAAsB,aAAA,cAAA;UAAmD,aAAA,MAAc,cAAa,aAAA,OAAc,OAAS;SAA6B;KAOxJ,eAAa,gBAAA,QAAkB,oBAAoB;KACnD,WAAS,YAAA,QAAc,gBAAgB;KACvC,SAAO;;;;;;;;;;;IAGV,mBAAA,8BAAkC;IAClC,YASE,uBAAA;iBARS,gBAAA;kEAAA,gBAAe,QAAA;KACxB,OAAM;KACL,SAAS,cAAA;KACV,gBAAa;KACb,eAAY;KACZ,wBAAqB;KACpB,WAAS;KACT,UAAQ"}

package/dist/{LoginForm-9UFnA-fO.js → LoginForm-CMN2T1fA.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { l as useUserSessionStore, m as useEnv } from "./useRpcAuth-rmHf7bYx.js";
-import { t as useMutation } from "./useMutation-BTsyHKyn.js";
-import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
-import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
+import { d as useEnv, o as useUserSessionStore } from "./useRpcAuth-CJtq1dqM.js";
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { t as AppLink_default } from "./AppLink-FcNGKgvG.js";
+import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-B5V3SJf5.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { loginSchema } from "@dragonmastery/dragoncore-shared";
@@ -115,4 +115,4 @@ var LoginForm_default = _sfc_main;
 //#endregion
 export { loginSchemaWithMetadata as n, LoginForm_default as t };
-//# sourceMappingURL=LoginForm-9UFnA-fO.js.map
+//# sourceMappingURL=LoginForm-CMN2T1fA.js.map

package/dist/{LoginForm-9UFnA-fO.js.map → LoginForm-CMN2T1fA.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoginForm-~~9UFnA-fO~~.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 <!-- Error banner underneath login button - backend owns the message -->\n <div\n v-if=\"loginBannerMessage\"\n class=\"mt-4 p-4 rounded-lg bg-error/15 text-error\"\n >\n <p class=\"text-sm\">{{ loginBannerMessage }}</p>\n </div>\n\n <div class=\"mt-2\">\n <AppLink :to=\"forgotPasswordLink\" 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=\"signupLink\">Sign up</AppLink>\n </p>\n </div>\n </ZiniaForm>\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 { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { z } from 'zod';\nimport { loginSchemaWithMetadata } from './loginSchema';\n\nconst { allowUserSignup, emailVerificationMode } = useEnv();\nconst route = useRoute();\nconst returnUrl = computed(() => route.query.returnUrl as string \| undefined);\nconst forgotPasswordLink = computed(() => withReturnUrl('/auth/forgot-password', returnUrl.value));\nconst signupLink = computed(() => withReturnUrl('/auth/signup', returnUrl.value));\n\nconst loginBannerMessage = ref<string \| null>(null);\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 loginBannerMessage.value = null;\n\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: {\n access_token: string;\n user_details_token: string;\n frontend_session?: { user?: { email_verified?: boolean } };\n}) => {\n sessionStore.setSession(data.user_details_token);\n sessionStore.setAccessToken(data.access_token);\n\n form.reset();\n loginBannerMessage.value = null;\n\n const emailVerified = data.frontend_session?.user?.email_verified ?? true;\n const needsVerification =\n emailVerificationMode === 'strict' && !emailVerified;\n\n const targetPath = needsVerification\n ? withReturnUrl('/auth/verify-email', returnUrl.value)\n : getValidReturnUrl(router.currentRoute.value, '/');\n\n await router.push(targetPath);\n};\n\n// Handle error - display backend message (backend owns error messaging)\nconst handleError = (error: unknown) => {\n loginBannerMessage.value =\n error instanceof Error ? error.message : 'Invalid username or password was entered.';\n};\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"LoginForm-CMN2T1fA.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 <!-- Error banner underneath login button - backend owns the message -->\n <div\n v-if=\"loginBannerMessage\"\n class=\"mt-4 p-4 rounded-lg bg-error/15 text-error\"\n >\n <p class=\"text-sm\">{{ loginBannerMessage }}</p>\n </div>\n\n <div class=\"mt-2\">\n <AppLink :to=\"forgotPasswordLink\" 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=\"signupLink\">Sign up</AppLink>\n </p>\n </div>\n </ZiniaForm>\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 { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { z } from 'zod';\nimport { loginSchemaWithMetadata } from './loginSchema';\n\nconst { allowUserSignup, emailVerificationMode } = useEnv();\nconst route = useRoute();\nconst returnUrl = computed(() => route.query.returnUrl as string \| undefined);\nconst forgotPasswordLink = computed(() => withReturnUrl('/auth/forgot-password', returnUrl.value));\nconst signupLink = computed(() => withReturnUrl('/auth/signup', returnUrl.value));\n\nconst loginBannerMessage = ref<string \| null>(null);\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 loginBannerMessage.value = null;\n\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: {\n access_token: string;\n user_details_token: string;\n frontend_session?: { user?: { email_verified?: boolean } };\n}) => {\n sessionStore.setSession(data.user_details_token);\n sessionStore.setAccessToken(data.access_token);\n\n form.reset();\n loginBannerMessage.value = null;\n\n const emailVerified = data.frontend_session?.user?.email_verified ?? true;\n const needsVerification =\n emailVerificationMode === 'strict' && !emailVerified;\n\n const targetPath = needsVerification\n ? withReturnUrl('/auth/verify-email', returnUrl.value)\n : getValidReturnUrl(router.currentRoute.value, '/');\n\n await router.push(targetPath);\n};\n\n// Handle error - display backend message (backend owns error messaging)\nconst handleError = (error: unknown) => {\n loginBannerMessage.value =\n error instanceof Error ? error.message : 'Invalid username or password was entered.';\n};\n</script>\n"],"mappings":"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"}

package/dist/LoginForm-QFJ8NHww.js ADDED Viewed

@@ -0,0 +1,8 @@
+import "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import "./useQueryCache-alzaRWEb.js";
+import "./useMutation-BLNuJoYl.js";
+import "./AppLink-FcNGKgvG.js";
+import { t as LoginForm_default } from "./LoginForm-CMN2T1fA.js";
+export { LoginForm_default as default };

package/dist/{Logout-YgTgOFUH.js → Logout-CFLYHlLr.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { l as useUserSessionStore } from "./useRpcAuth-rmHf7bYx.js";
-import { t as useMutation } from "./useMutation-BTsyHKyn.js";
-import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
-import { r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
+import { o as useUserSessionStore } from "./useRpcAuth-CJtq1dqM.js";
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { t as AppLink_default } from "./AppLink-FcNGKgvG.js";
+import { r as getValidReturnUrl } from "./useReturnUrl-B5V3SJf5.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onMounted, openBlock, ref, toDisplayString, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { toast } from "vue3-toastify";
@@ -68,4 +68,4 @@ var Logout_default = _sfc_main;
 //#endregion
 export { Logout_default as t };
-//# sourceMappingURL=Logout-YgTgOFUH.js.map
+//# sourceMappingURL=Logout-CFLYHlLr.js.map

package/dist/{Logout-YgTgOFUH.js.map → Logout-CFLYHlLr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logout-~~YgTgOFUH~~.js","names":["error: unknown"],"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 v-if=\"status === 'loading'\" class=\"space-y-4\">\n <div class=\"flex justify-center\">\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 v-else class=\"space-y-4\">\n <h2 class=\"text-2xl font-bold mb-2\">\n {{ status === 'success' ? 'Logged out' : 'Logout failed' }}\n </h2>\n <p class=\"text-base-content/70\">\n {{ status === 'success'\n ? 'Redirecting you...'\n : 'Redirecting you to login...' }}\n </p>\n <p class=\"text-sm text-base-content/60\">\n If you aren't redirected automatically,\n <AppLink :to=\"redirectTo\" class=\"link link-primary\">click here</AppLink>.\n </p>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../components/AppLink.vue';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../composables/useUserSessionStore';\nimport { getValidReturnUrl } from '../../../utils/useReturnUrl';\nimport { onMounted, computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\n\nconst sessionStore = useUserSessionStore();\nconst route = useRoute();\nconst router = useRouter();\nconst status = ref<'loading' \| 'success' \| 'error'>('loading');\n\nconst redirectTo = computed(() =>\n getValidReturnUrl(route, '/auth/login'),\n);\n\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);\n sessionStore.clearSession();\n status.value = 'success';\n setTimeout(() => router.push(redirectTo.value), 1000);\n } catch (error: unknown) {\n status.value = 'error';\n toast.error(error instanceof Error ? error.message : 'Failed to logout', {\n autoClose: 2000,\n });\n setTimeout(() => router.push(redirectTo.value), 2000);\n }\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,MAAM,eAAe,qBAAqB;EAC1C,MAAM,QAAQ,UAAU;EACxB,MAAM,SAAS,WAAW;EAC1B,MAAM,SAAS,IAAqC,UAAU;EAE9D,MAAM,aAAa,eACjB,kBAAkB,OAAO,cAAc,CACxC;EAED,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,QAAQ,IAAI,aAAa,QAAQ,EAClC,EAAE,aAAa,WAAW,CAC3B;AAED,YAAU,YAAY;AACpB,OAAI;AACF,UAAM,aAAa,OAAU;AAC7B,iBAAa,cAAc;AAC3B,WAAO,QAAQ;AACf,qBAAiB,OAAO,KAAK,WAAW,MAAM,EAAE,IAAK;YAC9CA,OAAgB;AACvB,WAAO,QAAQ;AACf,UAAM,MAAM,iBAAiB,QAAQ,MAAM,UAAU,oBAAoB,EACvE,WAAW,KACZ,CAAC;AACF,qBAAiB,OAAO,KAAK,WAAW,MAAM,EAAE,IAAK;;IAEvD;;uBA/DA,mBAwBM,OAxBN,YAwBM,CAvBJ,mBAsBM,OAtBN,YAsBM,CArBO,OAAA,UAAM,aAAA,WAAA,EAAjB,mBAMM,OANN,YAMM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;IALJ,mBAEM,OAAA,EAFD,OAAM,uBAAqB,EAAA,CAC9B,mBAAqE,QAAA,EAA/D,OAAM,mDAAiD,CAAA,CAAA;IAE/D,mBAAuD,MAAA,EAAnD,OAAM,2BAAyB,EAAC,kBAAc,GAAA;IAClD,mBAA6E,KAAA,EAA1E,OAAM,wBAAsB,EAAC,6CAAyC,GAAA;yBAE3E,mBAaM,OAbN,YAaM;IAZJ,mBAEK,MAFL,YAEK,gBADA,OAAA,UAAM,YAAA,eAAA,gBAAA,EAAA,EAAA;IAEX,mBAII,KAJJ,YAII,gBAHC,OAAA,UAAM,YAAA,uBAAA,8BAAA;IAIX,mBAGI,KAHJ,YAGI;+CAHoC,6CAEtC,GAAA;KAAA,YAAwE,iBAAA;MAA9D,IAAI,WAAA;MAAY,OAAM;;6BAA8B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAV,cAAU,GAAA,CAAA,EAAA,CAAA;;;+CAAU,MAC1E,GAAA"}
1	+ {"version":3,"file":"Logout-CFLYHlLr.js","names":["error: unknown"],"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 v-if=\"status === 'loading'\" class=\"space-y-4\">\n <div class=\"flex justify-center\">\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 v-else class=\"space-y-4\">\n <h2 class=\"text-2xl font-bold mb-2\">\n {{ status === 'success' ? 'Logged out' : 'Logout failed' }}\n </h2>\n <p class=\"text-base-content/70\">\n {{ status === 'success'\n ? 'Redirecting you...'\n : 'Redirecting you to login...' }}\n </p>\n <p class=\"text-sm text-base-content/60\">\n If you aren't redirected automatically,\n <AppLink :to=\"redirectTo\" class=\"link link-primary\">click here</AppLink>.\n </p>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../components/AppLink.vue';\nimport { useMutation } from '../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../composables/useUserSessionStore';\nimport { getValidReturnUrl } from '../../../utils/useReturnUrl';\nimport { onMounted, computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\n\nconst sessionStore = useUserSessionStore();\nconst route = useRoute();\nconst router = useRouter();\nconst status = ref<'loading' \| 'success' \| 'error'>('loading');\n\nconst redirectTo = computed(() =>\n getValidReturnUrl(route, '/auth/login'),\n);\n\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);\n sessionStore.clearSession();\n status.value = 'success';\n setTimeout(() => router.push(redirectTo.value), 1000);\n } catch (error: unknown) {\n status.value = 'error';\n toast.error(error instanceof Error ? error.message : 'Failed to logout', {\n autoClose: 2000,\n });\n setTimeout(() => router.push(redirectTo.value), 2000);\n }\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,MAAM,eAAe,qBAAqB;EAC1C,MAAM,QAAQ,UAAU;EACxB,MAAM,SAAS,WAAW;EAC1B,MAAM,SAAS,IAAqC,UAAU;EAE9D,MAAM,aAAa,eACjB,kBAAkB,OAAO,cAAc,CACxC;EAED,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,QAAQ,IAAI,aAAa,QAAQ,EAClC,EAAE,aAAa,WAAW,CAC3B;AAED,YAAU,YAAY;AACpB,OAAI;AACF,UAAM,aAAa,OAAU;AAC7B,iBAAa,cAAc;AAC3B,WAAO,QAAQ;AACf,qBAAiB,OAAO,KAAK,WAAW,MAAM,EAAE,IAAK;YAC9CA,OAAgB;AACvB,WAAO,QAAQ;AACf,UAAM,MAAM,iBAAiB,QAAQ,MAAM,UAAU,oBAAoB,EACvE,WAAW,KACZ,CAAC;AACF,qBAAiB,OAAO,KAAK,WAAW,MAAM,EAAE,IAAK;;IAEvD;;uBA/DA,mBAwBM,OAxBN,YAwBM,CAvBJ,mBAsBM,OAtBN,YAsBM,CArBO,OAAA,UAAM,aAAA,WAAA,EAAjB,mBAMM,OANN,YAMM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;IALJ,mBAEM,OAAA,EAFD,OAAM,uBAAqB,EAAA,CAC9B,mBAAqE,QAAA,EAA/D,OAAM,mDAAiD,CAAA,CAAA;IAE/D,mBAAuD,MAAA,EAAnD,OAAM,2BAAyB,EAAC,kBAAc,GAAA;IAClD,mBAA6E,KAAA,EAA1E,OAAM,wBAAsB,EAAC,6CAAyC,GAAA;yBAE3E,mBAaM,OAbN,YAaM;IAZJ,mBAEK,MAFL,YAEK,gBADA,OAAA,UAAM,YAAA,eAAA,gBAAA,EAAA,EAAA;IAEX,mBAII,KAJJ,YAII,gBAHC,OAAA,UAAM,YAAA,uBAAA,8BAAA;IAIX,mBAGI,KAHJ,YAGI;+CAHoC,6CAEtC,GAAA;KAAA,YAAwE,iBAAA;MAA9D,IAAI,WAAA;MAAY,OAAM;;6BAA8B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAV,cAAU,GAAA,CAAA,EAAA,CAAA;;;+CAAU,MAC1E,GAAA"}

package/dist/Logout-CjDBff3W.js ADDED Viewed

@@ -0,0 +1,8 @@
+import "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import "./useQueryCache-alzaRWEb.js";
+import "./useMutation-BLNuJoYl.js";
+import "./AppLink-FcNGKgvG.js";
+import { t as Logout_default } from "./Logout-CFLYHlLr.js";
+export { Logout_default as default };

package/dist/MfaSetup-BZcoxJx-.js ADDED Viewed

@@ -0,0 +1,9 @@
+import "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import "./useQueryCache-alzaRWEb.js";
+import "./useMutation-BLNuJoYl.js";
+import "./AppLink-FcNGKgvG.js";
+import "./mfaSchema-Ukqzdyck.js";
+import { t as MfaSetup_default } from "./MfaSetup-XqoAwBXx.js";
+export { MfaSetup_default as default };

package/dist/{MfaSetup-RtFMY_dj.js → MfaSetup-XqoAwBXx.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { t as useMutation } from "./useMutation-BTsyHKyn.js";
-import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
-import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
-import { t as mfaSetupConfirmSchemaWithMetadata } from "./mfaSchema-BnRWf0ma.js";
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { t as AppLink_default } from "./AppLink-FcNGKgvG.js";
+import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-B5V3SJf5.js";
+import { t as mfaSetupConfirmSchemaWithMetadata } from "./mfaSchema-Ukqzdyck.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { toast } from "vue3-toastify";
@@ -110,4 +110,4 @@ var MfaSetup_default = _sfc_main;
 //#endregion
 export { MfaSetup_default as t };
-//# sourceMappingURL=MfaSetup-RtFMY_dj.js.map
+//# sourceMappingURL=MfaSetup-XqoAwBXx.js.map

package/dist/{MfaSetup-RtFMY_dj.js.map → MfaSetup-XqoAwBXx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MfaSetup-~~RtFMY_dj~~.js","names":[],"sources":["../src/slices/auth/features/mfa/MfaSetup.vue"],"sourcesContent":["<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\">Set Up Two-Factor Authentication</h1>\n\n <div v-if=\"!setupData\" class=\"space-y-4\">\n <p class=\"text-base-content/80\">\n Add an extra layer of security to your account by enabling two-factor authentication (2FA).\n </p>\n <button\n type=\"button\"\n class=\"btn btn-primary w-full\"\n :disabled=\"loading\"\n @click=\"startSetup\"\n >\n {{ loading ? 'Starting...' : 'Begin Setup' }}\n </button>\n </div>\n\n <ZiniaForm\n v-else\n @handle-submit=\"handleConfirm\"\n @success=\"handleSuccess\"\n @error=\"handleError\"\n >\n <div class=\"space-y-4 mb-4\">\n <p class=\"text-sm text-base-content/80\">\n Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.):\n </p>\n <div v-if=\"setupData.qrCodeUrl\" class=\"flex justify-center\">\n <img\n :src=\"setupData.qrCodeUrl\"\n alt=\"MFA QR Code\"\n class=\"w-48 h-48 border rounded-lg\"\n />\n </div>\n <p class=\"text-sm text-base-content/80\">\n Or enter this secret manually: <code class=\"bg-base-300 px-2 py-1 rounded text-sm break-all\">{{ setupData.secret }}</code>\n </p>\n </div>\n <zinia.CodeField />\n <ZiniaSubmitButton submitText=\"Verify & Enable\" submittingText=\"Verifying...\" />\n\n <div class=\"text-center mt-2\">\n <AppLink class=\"link-accent link\" :to=\"loginLink\">Back to Login</AppLink>\n </div>\n </ZiniaForm>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { z } from 'zod';\nimport type { DragoncoreApi, MfaApi } from '@dragonmastery/dragoncore-shared';\nimport { mfaSetupConfirmSchemaWithMetadata } from './mfaSchema';\n\nconst router = useRouter();\nconst route = useRoute();\nconst returnUrl = computed(() => route.query.returnUrl as string \| undefined);\nconst loginLink = computed(() => withReturnUrl('/auth/login', returnUrl.value));\nconst setupData = ref<{ secret: string; qrCodeUrl: string } \| null>(null);\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(\n mfaSetupConfirmSchemaWithMetadata,\n {\n storeName: 'mfa-setup-form',\n persistToLocalStorage: false,\n renderStyle: 'daisy_ui',\n },\n);\n\nconst { mutate: startSetupMutate, loading } = useMutation(\n (api, _input?: unknown) => {\n const mfa = (api as DragoncoreApi).mfa;\n if (!mfa) throw new Error('MFA is not configured for this application');\n return (mfa as MfaApi).startSetup();\n },\n { skipAuthCheck: false },\n);\n\nconst { mutate: confirmSetupMutate } = useMutation(\n (api, code: string) => {\n const mfa = (api as DragoncoreApi).mfa;\n if (!mfa) throw new Error('MFA is not configured for this application');\n return (mfa as MfaApi).confirmSetup(code);\n },\n { skipAuthCheck: false },\n);\n\nconst startSetup = async () => {\n const result = await startSetupMutate(undefined);\n if (result) setupData.value = result;\n};\n\nconst handleConfirm = async (data: z.infer<typeof mfaSetupConfirmSchemaWithMetadata>) => {\n const result = await confirmSetupMutate(data.code);\n if (!result?.ok) throw new Error('MFA setup verification failed');\n return result;\n};\n\nconst handleSuccess = async (data: { ok: boolean; recoveryCodes?: string[] }) => {\n form.reset();\n setupData.value = null;\n if (data.recoveryCodes?.length) {\n toast.success(\n 'MFA enabled! Save your recovery codes in a safe place. You will need them if you lose access to your authenticator.',\n );\n } else {\n toast.success('Two-factor authentication has been enabled.');\n }\n const targetPath = getValidReturnUrl(route, '/');\n await router.push(targetPath);\n};\n\nconst handleError = (error: Error) => {\n toast.error(error.message \|\| 'MFA setup failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DA,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,UAAU;EACxB,MAAM,YAAY,eAAe,MAAM,MAAM,UAAgC;EAC7E,MAAM,YAAY,eAAe,cAAc,eAAe,UAAU,MAAM,CAAC;EAC/E,MAAM,YAAY,IAAkD,KAAK;EAEzE,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QACpD,mCACA;GACE,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CACF;EAED,MAAM,EAAE,QAAQ,kBAAkB,YAAY,aAC3C,KAAK,WAAqB;GACzB,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,YAAY;KAErC,EAAE,eAAe,OAAO,CACzB;EAED,MAAM,EAAE,QAAQ,uBAAuB,aACpC,KAAK,SAAiB;GACrB,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,aAAa,KAAK;KAE3C,EAAE,eAAe,OAAO,CACzB;EAED,MAAM,aAAa,YAAY;GAC7B,MAAM,SAAS,MAAM,iBAAiB,OAAU;AAChD,OAAI,OAAQ,WAAU,QAAQ;;EAGhC,MAAM,gBAAgB,OAAO,SAA4D;GACvF,MAAM,SAAS,MAAM,mBAAmB,KAAK,KAAK;AAClD,OAAI,CAAC,QAAQ,GAAI,OAAM,IAAI,MAAM,gCAAgC;AACjE,UAAO;;EAGT,MAAM,gBAAgB,OAAO,SAAoD;AAC/E,QAAK,OAAO;AACZ,aAAU,QAAQ;AAClB,OAAI,KAAK,eAAe,OACtB,OAAM,QACJ,sHACD;OAED,OAAM,QAAQ,8CAA8C;GAE9D,MAAM,aAAa,kBAAkB,OAAO,IAAI;AAChD,SAAM,OAAO,KAAK,WAAW;;EAG/B,MAAM,eAAe,UAAiB;AACpC,SAAM,MAAM,MAAM,WAAW,mBAAmB;;;uBAvHhD,mBA6CM,OA7CN,YA6CM,CAAA,OAAA,OAAA,OAAA,KA5CJ,mBAAqF,MAAA,EAAjF,OAAM,uCAAqC,EAAC,oCAAgC,GAAA,GAAA,CAEpE,UAAA,SAAA,WAAA,EAAZ,mBAYM,OAZN,YAYM,CAAA,OAAA,OAAA,OAAA,KAXJ,mBAEI,KAAA,EAFD,OAAM,wBAAsB,EAAC,iGAEhC,GAAA,GACA,mBAOS,UAAA;IANP,MAAK;IACL,OAAM;IACL,UAAU,MAAA,QAAO;IACjB,SAAO;sBAEL,MAAA,QAAO,GAAA,gBAAA,cAAA,EAAA,GAAA,WAAA,CAAA,CAAA,KAAA,WAAA,EAId,YA2BY,MAAA,UAAA,EAAA;;IAzBT,gBAAe;IACf,WAAS;IACT,SAAO;;2BAgBF;KAdN,mBAcM,OAdN,YAcM;gCAbJ,mBAEI,KAAA,EAFD,OAAM,gCAA8B,EAAC,wFAExC,GAAA;MACW,UAAA,MAAU,aAAA,WAAA,EAArB,mBAMM,OANN,YAMM,CALJ,mBAIE,OAAA;OAHC,KAAK,UAAA,MAAU;OAChB,KAAI;OACJ,OAAM;;MAGV,mBAEI,KAFJ,YAEI,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFoC,oCACP,GAAA,GAAA,mBAA2F,QAA3F,YAA2F,gBAA1B,UAAA,MAAU,OAAM,EAAA,EAAA,CAAA,CAAA;;KAGpH,YAAmB,MAAA,MAAA,CAAA,UAAA;KACnB,YAAgF,MAAA,kBAAA,EAAA;MAA7D,YAAW;MAAkB,gBAAe;;KAE/D,mBAEM,OAFN,YAEM,CADJ,YAAyE,iBAAA;MAAhE,OAAM;MAAoB,IAAI,UAAA;;6BAAwB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA"}
1	+ {"version":3,"file":"MfaSetup-XqoAwBXx.js","names":[],"sources":["../src/slices/auth/features/mfa/MfaSetup.vue"],"sourcesContent":["<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\">Set Up Two-Factor Authentication</h1>\n\n <div v-if=\"!setupData\" class=\"space-y-4\">\n <p class=\"text-base-content/80\">\n Add an extra layer of security to your account by enabling two-factor authentication (2FA).\n </p>\n <button\n type=\"button\"\n class=\"btn btn-primary w-full\"\n :disabled=\"loading\"\n @click=\"startSetup\"\n >\n {{ loading ? 'Starting...' : 'Begin Setup' }}\n </button>\n </div>\n\n <ZiniaForm\n v-else\n @handle-submit=\"handleConfirm\"\n @success=\"handleSuccess\"\n @error=\"handleError\"\n >\n <div class=\"space-y-4 mb-4\">\n <p class=\"text-sm text-base-content/80\">\n Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.):\n </p>\n <div v-if=\"setupData.qrCodeUrl\" class=\"flex justify-center\">\n <img\n :src=\"setupData.qrCodeUrl\"\n alt=\"MFA QR Code\"\n class=\"w-48 h-48 border rounded-lg\"\n />\n </div>\n <p class=\"text-sm text-base-content/80\">\n Or enter this secret manually: <code class=\"bg-base-300 px-2 py-1 rounded text-sm break-all\">{{ setupData.secret }}</code>\n </p>\n </div>\n <zinia.CodeField />\n <ZiniaSubmitButton submitText=\"Verify & Enable\" submittingText=\"Verifying...\" />\n\n <div class=\"text-center mt-2\">\n <AppLink class=\"link-accent link\" :to=\"loginLink\">Back to Login</AppLink>\n </div>\n </ZiniaForm>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport { z } from 'zod';\nimport type { DragoncoreApi, MfaApi } from '@dragonmastery/dragoncore-shared';\nimport { mfaSetupConfirmSchemaWithMetadata } from './mfaSchema';\n\nconst router = useRouter();\nconst route = useRoute();\nconst returnUrl = computed(() => route.query.returnUrl as string \| undefined);\nconst loginLink = computed(() => withReturnUrl('/auth/login', returnUrl.value));\nconst setupData = ref<{ secret: string; qrCodeUrl: string } \| null>(null);\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(\n mfaSetupConfirmSchemaWithMetadata,\n {\n storeName: 'mfa-setup-form',\n persistToLocalStorage: false,\n renderStyle: 'daisy_ui',\n },\n);\n\nconst { mutate: startSetupMutate, loading } = useMutation(\n (api, _input?: unknown) => {\n const mfa = (api as DragoncoreApi).mfa;\n if (!mfa) throw new Error('MFA is not configured for this application');\n return (mfa as MfaApi).startSetup();\n },\n { skipAuthCheck: false },\n);\n\nconst { mutate: confirmSetupMutate } = useMutation(\n (api, code: string) => {\n const mfa = (api as DragoncoreApi).mfa;\n if (!mfa) throw new Error('MFA is not configured for this application');\n return (mfa as MfaApi).confirmSetup(code);\n },\n { skipAuthCheck: false },\n);\n\nconst startSetup = async () => {\n const result = await startSetupMutate(undefined);\n if (result) setupData.value = result;\n};\n\nconst handleConfirm = async (data: z.infer<typeof mfaSetupConfirmSchemaWithMetadata>) => {\n const result = await confirmSetupMutate(data.code);\n if (!result?.ok) throw new Error('MFA setup verification failed');\n return result;\n};\n\nconst handleSuccess = async (data: { ok: boolean; recoveryCodes?: string[] }) => {\n form.reset();\n setupData.value = null;\n if (data.recoveryCodes?.length) {\n toast.success(\n 'MFA enabled! Save your recovery codes in a safe place. You will need them if you lose access to your authenticator.',\n );\n } else {\n toast.success('Two-factor authentication has been enabled.');\n }\n const targetPath = getValidReturnUrl(route, '/');\n await router.push(targetPath);\n};\n\nconst handleError = (error: Error) => {\n toast.error(error.message \|\| 'MFA setup failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DA,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,UAAU;EACxB,MAAM,YAAY,eAAe,MAAM,MAAM,UAAgC;EAC7E,MAAM,YAAY,eAAe,cAAc,eAAe,UAAU,MAAM,CAAC;EAC/E,MAAM,YAAY,IAAkD,KAAK;EAEzE,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QACpD,mCACA;GACE,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CACF;EAED,MAAM,EAAE,QAAQ,kBAAkB,YAAY,aAC3C,KAAK,WAAqB;GACzB,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,YAAY;KAErC,EAAE,eAAe,OAAO,CACzB;EAED,MAAM,EAAE,QAAQ,uBAAuB,aACpC,KAAK,SAAiB;GACrB,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,aAAa,KAAK;KAE3C,EAAE,eAAe,OAAO,CACzB;EAED,MAAM,aAAa,YAAY;GAC7B,MAAM,SAAS,MAAM,iBAAiB,OAAU;AAChD,OAAI,OAAQ,WAAU,QAAQ;;EAGhC,MAAM,gBAAgB,OAAO,SAA4D;GACvF,MAAM,SAAS,MAAM,mBAAmB,KAAK,KAAK;AAClD,OAAI,CAAC,QAAQ,GAAI,OAAM,IAAI,MAAM,gCAAgC;AACjE,UAAO;;EAGT,MAAM,gBAAgB,OAAO,SAAoD;AAC/E,QAAK,OAAO;AACZ,aAAU,QAAQ;AAClB,OAAI,KAAK,eAAe,OACtB,OAAM,QACJ,sHACD;OAED,OAAM,QAAQ,8CAA8C;GAE9D,MAAM,aAAa,kBAAkB,OAAO,IAAI;AAChD,SAAM,OAAO,KAAK,WAAW;;EAG/B,MAAM,eAAe,UAAiB;AACpC,SAAM,MAAM,MAAM,WAAW,mBAAmB;;;uBAvHhD,mBA6CM,OA7CN,YA6CM,CAAA,OAAA,OAAA,OAAA,KA5CJ,mBAAqF,MAAA,EAAjF,OAAM,uCAAqC,EAAC,oCAAgC,GAAA,GAAA,CAEpE,UAAA,SAAA,WAAA,EAAZ,mBAYM,OAZN,YAYM,CAAA,OAAA,OAAA,OAAA,KAXJ,mBAEI,KAAA,EAFD,OAAM,wBAAsB,EAAC,iGAEhC,GAAA,GACA,mBAOS,UAAA;IANP,MAAK;IACL,OAAM;IACL,UAAU,MAAA,QAAO;IACjB,SAAO;sBAEL,MAAA,QAAO,GAAA,gBAAA,cAAA,EAAA,GAAA,WAAA,CAAA,CAAA,KAAA,WAAA,EAId,YA2BY,MAAA,UAAA,EAAA;;IAzBT,gBAAe;IACf,WAAS;IACT,SAAO;;2BAgBF;KAdN,mBAcM,OAdN,YAcM;gCAbJ,mBAEI,KAAA,EAFD,OAAM,gCAA8B,EAAC,wFAExC,GAAA;MACW,UAAA,MAAU,aAAA,WAAA,EAArB,mBAMM,OANN,YAMM,CALJ,mBAIE,OAAA;OAHC,KAAK,UAAA,MAAU;OAChB,KAAI;OACJ,OAAM;;MAGV,mBAEI,KAFJ,YAEI,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFoC,oCACP,GAAA,GAAA,mBAA2F,QAA3F,YAA2F,gBAA1B,UAAA,MAAU,OAAM,EAAA,EAAA,CAAA,CAAA;;KAGpH,YAAmB,MAAA,MAAA,CAAA,UAAA;KACnB,YAAgF,MAAA,kBAAA,EAAA;MAA7D,YAAW;MAAkB,gBAAe;;KAE/D,mBAEM,OAFN,YAEM,CADJ,YAAyE,iBAAA;MAAhE,OAAM;MAAoB,IAAI,UAAA;;6BAAwB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA"}

package/dist/{MfaVerify-Cvhe8bEM.js → MfaVerify-C-A75TFZ.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { l as useUserSessionStore } from "./useRpcAuth-rmHf7bYx.js";
-import { t as useMutation } from "./useMutation-BTsyHKyn.js";
-import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
-import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-qFeazn-G.js";
-import { n as mfaVerifySchemaWithMetadata } from "./mfaSchema-BnRWf0ma.js";
+import { o as useUserSessionStore } from "./useRpcAuth-CJtq1dqM.js";
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { t as AppLink_default } from "./AppLink-FcNGKgvG.js";
+import { o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-B5V3SJf5.js";
+import { n as mfaVerifySchemaWithMetadata } from "./mfaSchema-Ukqzdyck.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { toast } from "vue3-toastify";
@@ -83,4 +83,4 @@ var MfaVerify_default = _sfc_main;
 //#endregion
 export { MfaVerify_default as t };
-//# sourceMappingURL=MfaVerify-Cvhe8bEM.js.map
+//# sourceMappingURL=MfaVerify-C-A75TFZ.js.map

package/dist/{MfaVerify-Cvhe8bEM.js.map → MfaVerify-C-A75TFZ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MfaVerify-~~Cvhe8bEM~~.js","names":[],"sources":["../src/slices/auth/features/mfa/MfaVerify.vue"],"sourcesContent":["<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\">Two-Factor Authentication</h1>\n\n <p class=\"text-base-content/80 mb-4\">\n Enter the 6-digit code from your authenticator app to complete sign in.\n </p>\n\n <ZiniaForm @handle-submit=\"handleSubmit\" @success=\"handleSuccess\" @error=\"handleError\">\n <zinia.CodeField />\n <ZiniaSubmitButton submitText=\"Verify\" submittingText=\"Verifying...\" />\n\n <div class=\"text-center mt-2\">\n <AppLink class=\"link-accent link\" :to=\"loginLink\">Back to Login</AppLink>\n </div>\n </ZiniaForm>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../../composables/useUserSessionStore';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport type { DragoncoreApi } from '@dragonmastery/dragoncore-shared';\nimport type { MfaApi } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\nimport { mfaVerifySchemaWithMetadata } from './mfaSchema';\n\nconst router = useRouter();\nconst route = useRoute();\nconst sessionStore = useUserSessionStore();\n\nconst returnUrl = computed(() => route.query.returnUrl as string \| undefined);\nconst loginLink = computed(() => withReturnUrl('/auth/login', returnUrl.value));\nconst mfaSessionId = route.query.mfaSessionId as string;\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(mfaVerifySchemaWithMetadata, {\n storeName: 'mfa-verify-form',\n persistToLocalStorage: false,\n renderStyle: 'daisy_ui',\n});\n\nconst { mutate: verifyMutate } = useMutation(\n (api, input: { mfaSessionId: string; code: string }) => {\n const mfa = (api as DragoncoreApi).mfa;\n if (!mfa) throw new Error('MFA is not configured for this application');\n return (mfa as MfaApi).verify(input.mfaSessionId, input.code);\n },\n { credentials: 'include' },\n);\n\nconst handleSubmit = async (data: z.infer<typeof mfaVerifySchemaWithMetadata>) => {\n if (!mfaSessionId) throw new Error('Invalid MFA session. Please try logging in again.');\n const result = await verifyMutate({ mfaSessionId, code: data.code });\n if (!result?.access_token \|\| !result?.user_details_token) throw new Error('Verification failed');\n return result;\n};\n\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 form.reset();\n\n const targetPath = getValidReturnUrl(route, '/');\n await router.push(targetPath);\n toast.success('You are now logged in!');\n};\n\nconst handleError = (error: Error) => {\n toast.error(error.message \|\| 'Verification failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAiCA,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,UAAU;EACxB,MAAM,eAAe,qBAAqB;EAE1C,MAAM,YAAY,eAAe,MAAM,MAAM,UAAgC;EAC7E,MAAM,YAAY,eAAe,cAAc,eAAe,UAAU,MAAM,CAAC;EAC/E,MAAM,eAAe,MAAM,MAAM;EAEjC,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QAAQ,6BAA6B;GACzF,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CAAC;EAEF,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,KAAK,UAAkD;GACtD,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,OAAO,MAAM,cAAc,MAAM,KAAK;KAE/D,EAAE,aAAa,WAAW,CAC3B;EAED,MAAM,eAAe,OAAO,SAAsD;AAChF,OAAI,CAAC,aAAc,OAAM,IAAI,MAAM,oDAAoD;GACvF,MAAM,SAAS,MAAM,aAAa;IAAE;IAAc,MAAM,KAAK;IAAM,CAAC;AACpE,OAAI,CAAC,QAAQ,gBAAgB,CAAC,QAAQ,mBAAoB,OAAM,IAAI,MAAM,sBAAsB;AAChG,UAAO;;EAGT,MAAM,gBAAgB,OAAO,SAA+D;AAC1F,gBAAa,WAAW,KAAK,mBAAmB;AAChD,gBAAa,eAAe,KAAK,aAAa;AAC9C,QAAK,OAAO;GAEZ,MAAM,aAAa,kBAAkB,OAAO,IAAI;AAChD,SAAM,OAAO,KAAK,WAAW;AAC7B,SAAM,QAAQ,yBAAyB;;EAGzC,MAAM,eAAe,UAAiB;AACpC,SAAM,MAAM,MAAM,WAAW,sBAAsB;;;uBAzEnD,mBAeM,OAfN,YAeM;8BAdJ,mBAA8E,MAAA,EAA1E,OAAM,uCAAqC,EAAC,6BAAyB,GAAA;8BAEzE,mBAEI,KAAA,EAFD,OAAM,6BAA2B,EAAC,6EAErC,GAAA;IAEA,YAOY,MAAA,UAAA,EAAA;KAPA,gBAAe;KAAe,WAAS;KAAgB,SAAO;;4BACrD;MAAnB,YAAmB,MAAA,MAAA,CAAA,UAAA;MACnB,YAAuE,MAAA,kBAAA,EAAA;OAApD,YAAW;OAAS,gBAAe;;MAEtD,mBAEM,OAFN,YAEM,CADJ,YAAyE,iBAAA;OAAhE,OAAM;OAAoB,IAAI,UAAA;;8BAAwB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA"}
1	+ {"version":3,"file":"MfaVerify-C-A75TFZ.js","names":[],"sources":["../src/slices/auth/features/mfa/MfaVerify.vue"],"sourcesContent":["<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\">Two-Factor Authentication</h1>\n\n <p class=\"text-base-content/80 mb-4\">\n Enter the 6-digit code from your authenticator app to complete sign in.\n </p>\n\n <ZiniaForm @handle-submit=\"handleSubmit\" @success=\"handleSuccess\" @error=\"handleError\">\n <zinia.CodeField />\n <ZiniaSubmitButton submitText=\"Verify\" submittingText=\"Verifying...\" />\n\n <div class=\"text-center mt-2\">\n <AppLink class=\"link-accent link\" :to=\"loginLink\">Back to Login</AppLink>\n </div>\n </ZiniaForm>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AppLink from '../../../../components/AppLink.vue';\nimport { useMutation } from '../../../../composables/useMutation';\nimport { useUserSessionStore } from '../../../../composables/useUserSessionStore';\nimport { getValidReturnUrl, withReturnUrl } from '../../../../utils/useReturnUrl';\nimport { useForm } from '@dragonmastery/zinia-forms-core';\nimport { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { toast } from 'vue3-toastify';\nimport type { DragoncoreApi } from '@dragonmastery/dragoncore-shared';\nimport type { MfaApi } from '@dragonmastery/dragoncore-shared';\nimport { z } from 'zod';\nimport { mfaVerifySchemaWithMetadata } from './mfaSchema';\n\nconst router = useRouter();\nconst route = useRoute();\nconst sessionStore = useUserSessionStore();\n\nconst returnUrl = computed(() => route.query.returnUrl as string \| undefined);\nconst loginLink = computed(() => withReturnUrl('/auth/login', returnUrl.value));\nconst mfaSessionId = route.query.mfaSessionId as string;\n\nconst { form, zinia, ZiniaForm, ZiniaSubmitButton } = useForm(mfaVerifySchemaWithMetadata, {\n storeName: 'mfa-verify-form',\n persistToLocalStorage: false,\n renderStyle: 'daisy_ui',\n});\n\nconst { mutate: verifyMutate } = useMutation(\n (api, input: { mfaSessionId: string; code: string }) => {\n const mfa = (api as DragoncoreApi).mfa;\n if (!mfa) throw new Error('MFA is not configured for this application');\n return (mfa as MfaApi).verify(input.mfaSessionId, input.code);\n },\n { credentials: 'include' },\n);\n\nconst handleSubmit = async (data: z.infer<typeof mfaVerifySchemaWithMetadata>) => {\n if (!mfaSessionId) throw new Error('Invalid MFA session. Please try logging in again.');\n const result = await verifyMutate({ mfaSessionId, code: data.code });\n if (!result?.access_token \|\| !result?.user_details_token) throw new Error('Verification failed');\n return result;\n};\n\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 form.reset();\n\n const targetPath = getValidReturnUrl(route, '/');\n await router.push(targetPath);\n toast.success('You are now logged in!');\n};\n\nconst handleError = (error: Error) => {\n toast.error(error.message \|\| 'Verification failed');\n};\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAiCA,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,UAAU;EACxB,MAAM,eAAe,qBAAqB;EAE1C,MAAM,YAAY,eAAe,MAAM,MAAM,UAAgC;EAC7E,MAAM,YAAY,eAAe,cAAc,eAAe,UAAU,MAAM,CAAC;EAC/E,MAAM,eAAe,MAAM,MAAM;EAEjC,MAAM,EAAE,MAAM,OAAO,WAAW,sBAAsB,QAAQ,6BAA6B;GACzF,WAAW;GACX,uBAAuB;GACvB,aAAa;GACd,CAAC;EAEF,MAAM,EAAE,QAAQ,iBAAiB,aAC9B,KAAK,UAAkD;GACtD,MAAM,MAAO,IAAsB;AACnC,OAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,UAAQ,IAAe,OAAO,MAAM,cAAc,MAAM,KAAK;KAE/D,EAAE,aAAa,WAAW,CAC3B;EAED,MAAM,eAAe,OAAO,SAAsD;AAChF,OAAI,CAAC,aAAc,OAAM,IAAI,MAAM,oDAAoD;GACvF,MAAM,SAAS,MAAM,aAAa;IAAE;IAAc,MAAM,KAAK;IAAM,CAAC;AACpE,OAAI,CAAC,QAAQ,gBAAgB,CAAC,QAAQ,mBAAoB,OAAM,IAAI,MAAM,sBAAsB;AAChG,UAAO;;EAGT,MAAM,gBAAgB,OAAO,SAA+D;AAC1F,gBAAa,WAAW,KAAK,mBAAmB;AAChD,gBAAa,eAAe,KAAK,aAAa;AAC9C,QAAK,OAAO;GAEZ,MAAM,aAAa,kBAAkB,OAAO,IAAI;AAChD,SAAM,OAAO,KAAK,WAAW;AAC7B,SAAM,QAAQ,yBAAyB;;EAGzC,MAAM,eAAe,UAAiB;AACpC,SAAM,MAAM,MAAM,WAAW,sBAAsB;;;uBAzEnD,mBAeM,OAfN,YAeM;8BAdJ,mBAA8E,MAAA,EAA1E,OAAM,uCAAqC,EAAC,6BAAyB,GAAA;8BAEzE,mBAEI,KAAA,EAFD,OAAM,6BAA2B,EAAC,6EAErC,GAAA;IAEA,YAOY,MAAA,UAAA,EAAA;KAPA,gBAAe;KAAe,WAAS;KAAgB,SAAO;;4BACrD;MAAnB,YAAmB,MAAA,MAAA,CAAA,UAAA;MACnB,YAAuE,MAAA,kBAAA,EAAA;OAApD,YAAW;OAAS,gBAAe;;MAEtD,mBAEM,OAFN,YAEM,CADJ,YAAyE,iBAAA;OAAhE,OAAM;OAAoB,IAAI,UAAA;;8BAAwB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA"}

package/dist/MfaVerify-Dy2aV5Gk.js ADDED Viewed

@@ -0,0 +1,9 @@
+import "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import "./useQueryCache-alzaRWEb.js";
+import "./useMutation-BLNuJoYl.js";
+import "./AppLink-FcNGKgvG.js";
+import "./mfaSchema-Ukqzdyck.js";
+import { t as MfaVerify_default } from "./MfaVerify-C-A75TFZ.js";
+export { MfaVerify_default as default };

package/dist/{RecordVersionViewer-BWZ78vvE.js → RecordVersionViewer-D2j10HdK.js} RENAMED Viewed

@@ -487,4 +487,4 @@ var RecordVersionViewer_default = _sfc_main;
 //#endregion
 export { LoadingErrorStates_default as i, RecordVersionList_default as n, RecordChangesSummary_default as r, RecordVersionViewer_default as t };
-//# sourceMappingURL=RecordVersionViewer-BWZ78vvE.js.map
+//# sourceMappingURL=RecordVersionViewer-D2j10HdK.js.map