{"version":3,"file":"tix-v3.0076844f.js","sources":["../../../frontend/tix-v3/javascripts/lib/fetch.js","../../../frontend/tix-v3/javascripts/components/FileChip.vue","../../../frontend/tix-v3/javascripts/components/CreateNote.vue","../../../frontend/tix-v3/javascripts/lib/formatDate.js","../../../frontend/tix-v3/javascripts/components/ConfirmPopover.vue","../../../frontend/tix-v3/javascripts/components/NoteItem.vue","../../../frontend/tix-v3/javascripts/components/dialog_frame.vue","../../../frontend/tix-v3/javascripts/components/participants_editor.vue","../../../frontend/tix-v3/javascripts/components/AssignmentEditor.vue","../../../frontend/tix-v3/javascripts/components/status_editor.vue","../../../frontend/tix-v3/javascripts/components/HarvestTimer.vue","../../../frontend/tix-v3/javascripts/components/TicketSidebar.vue","../../../frontend/tix-v3/javascripts/components/NoteEditor.vue","../../../frontend/tix-v3/javascripts/components/TicketDetail.vue","../../../frontend/tix-v3/javascripts/application-v3/tickets.js","../../../frontend/tix-v3/javascripts/components/template_item.vue","../../../frontend/tix-v3/javascripts/components/template_editor.vue","../../../frontend/tix-v3/javascripts/application-v3/template_editor.js"],"sourcesContent":["\nasync function fetchData(url = '', method = 'GET', data = {}) {\n  let options = {\n    method,\n    cache: 'no-cache',\n  }\n\n\n  const csrfMeta = document.querySelector('meta[name=\"csrf-token\"]')\n  const csrfToken = csrfMeta.getAttribute('content')\n\n  if(method !== 'GET' && method !== 'HEAD') {\n    options.headers = {\n      'X-CSRF-Token': csrfToken,\n      'Accept': 'application/json'\n    }\n\n    if(data instanceof FormData) {\n      options.body = data\n    } else {\n      options.headers['Content-Type'] = 'application/json'\n      options.body = JSON.stringify(data)\n    }\n  }\n\n  const response = await fetch(url, options);\n\n  if(response.status < 400) {\n    return response.json();\n  } else {\n    throw new Error(`Request error ${response.status}`)\n  }\n}\n\nexport async function getData(url = '') {\n  return fetchData(url, 'GET')\n}\n\nexport async function postData(url = '', data = {}) {\n  return fetchData(url, 'POST', data);\n}\n\nexport async function deleteData(url = '', data = {}) {\n  return fetchData(url, 'DELETE', data);\n}\n\nexport async function patchData(url = '', data = {}) {\n  return fetchData(url, 'PATCH', data);\n}","<template>\n  <a :href=\"url\" :title=\"filename\" class=\"p-2 rounded-lg bg-gray-50 no-underline text-sm inline-flex gap-2 items-center\">\n    <i class=\"fas fa-paperclip fa-xs\"></i>\n    <span>{{ displayName }}</span>\n    <button v-if=\"allowRemove\" class=\"px-1 rounded hover:bg-gray-200\" @click.prevent=\"$emit('remove', id)\">\n      <i class=\"fas fa-times fa-sm\"></i>\n    </button>\n  </a>\n</template>\n\n<script>\nexport default {\n  props: ['id', 'url', 'filename', 'allowRemove'],\n  emits: ['remove'],\n  computed: {\n    displayName() {\n      if(this.filename.length < 24) {\n        return this.filename\n      }\n\n      let parts = [...this.filename.split('.')]\n      let extname = parts.pop()\n      let basename = parts.join('.')\n\n      // File basename is at least 18 chars, so get first 8, last 8\n      let shortname = [basename.substring(0, 8), '...', basename.substring(basename.length - 8)].join('')\n\n      return `${shortname}.${extname}`\n    }\n  }\n}\n</script>","<template>\n<form ref=\"form\" :action=\"`/tickets/${ticketId}/notes`\" method=\"post\" multipart id=\"create-note\" @submit.prevent=\"handleSubmit\" @dragover.prevent=\"handleStartDrag\" @dragenter.prevent=\"handleStartDrag\" @dragleave.exact.prevent=\"handleEndDrag\" @drop.prevent=\"handleFileDrop\" :class=\"['relative', { 'is-hovered': isHovered}]\">\n  <div v-if=\"isHovered\" class=\"absolute inset-0 bg-blue-100 bg-opacity-80 flex flex-col gap-3 place-items-center place-content-center rounded-xl p-3 -m-3 border border-solid border-blue-600\">\n    <i class=\"fas fa-paperclip fa-3x\"></i>\n    <p class=\"text-3xl font-medium\">Drop file(s) here to attach to note</p>\n  </div>\n\n  <h3 class=\"mb-4\">Add note to ticket</h3>\n\n  <div class=\"control-group\">\n    <div class=\"controls\">\n      <textarea name=\"note[body]\" id=\"note_body\" cols=\"30\" rows=\"10\" class=\"w-full border border-gray-400 border-solid p-4\" v-model=\"body\"></textarea>\n    </div>\n  </div>\n\n  <div class=\"control-group create-note-file\">\n    <ul v-if=\"files.length > 0\" class=\"list-none mb-3 flex flex-wrap gap-3\">\n      <li v-for=\"(file, index) in files\" :key={file}>\n        <file-chip allow-remove=\"true\" :filename=\"file.name\" :id=\"file._id\" @remove=\"removeFile\" />\n      </li>\n    </ul>\n\n    <div class=\"controls\">\n      <input type=\"file\" ref=\"fileInput\" multiple class=\"hidden\" @change=\"handleFileSelection\" />\n      <button class=\"btn btn-sm btn-soft\" @click.prevent=\"$refs.fileInput.click()\">Attach Files</button>\n    </div>\n  </div>\n\n  <div class=\"create-note-actions mt-4\">\n    <button class=\"btn\" :disabled=\"!canSubmit\">Add Note to Ticket</button>\n  </div> \n</form>\n</template>\n\n<style scoped>\n.is-hovered * {\n  pointer-events: none;\n}\n</style>\n\n<script>\nimport { postData } from '../lib/fetch'\nimport ShortUniqueId from 'short-unique-id'\n\nconst uid = new ShortUniqueId({ length: 10 });\n\nimport FileChip from './FileChip.vue'\n\nconst defaultValues = {\n  body: \"\",\n  files: [],\n  isHovered: false,\n  isSubmitting: false\n}\n\nexport default {\n  components: { FileChip },\n  props: ['ticketId'],\n  data() {\n    return this.getDefaultValues()\n  },\n  inject: ['addNote'],\n  computed: {\n    canSubmit() {\n      return !this.isSubmitting && (this.files.length > 0 || this.body.length > 0)\n    }\n  },\n  methods: {\n    getDefaultValues() {\n      return Object.assign({}, defaultValues)\n    },\n    async handleSubmit(ev) {\n      console.log(\"Submitting this way\")\n      const form = ev.target\n      \n      const formData = new FormData();\n      formData.append(\"note[body]\", this.body)\n\n      this.files.forEach(file => {\n        formData.append(\"note[attachments][]\", file)\n      });\n\n      this.isSubmitting = true\n\n      postData(form.action, formData)\n        .then(function(responseData) {\n          this.addNote(responseData)\n          this.resetForm()\n        }.bind(this))\n    },\n    resetForm() {\n      this.body = \"\"\n      this.files = []\n      this.isSubmitting = false\n      this.$refs.form.reset()\n    },\n    handleFileDrop(ev) {\n      console.log('File(s) dropped');\n      const { dataTransfer } = ev\n\n      dataTransfer.items.forEach(function(item) {\n        if(item.getAsFile()) {\n          this.addFile(item.getAsFile())\n        }\n      }.bind(this))\n\n      this.isHovered = false\n    },\n    handleFileSelection(ev) {\n      const target = ev.target\n      const fileInput = this.$refs.fileInput\n\n      console.log({ fileInput })\n      console.log(fileInput.files)\n      fileInput.files.forEach(function(file){\n        this.addFile(file)\n      }.bind(this))\n    },\n    handleStartDrag(ev) {\n      this.isHovered = true\n    },\n    handleEndDrag(ev) {\n      console.log(ev)\n      this.isHovered = false\n    },\n    removeFile(id) {\n      const fileIndex = this.files.findIndex(n => (n.id === id))\n      this.files.splice(fileIndex, 1)\n    },\n    addFile(file) {\n      file._id = uid()\n      this.files.push(file)\n    }\n  }\n}\n</script>","import { DateTime } from 'luxon'\n\nexport default function formatDate(date) {\n  const dt = DateTime.fromSQL(date)\n  return dt.toLocaleString(DateTime.DATETIME_SHORT)\n}","<template>\n<div class=\"popover-bg\" @click=\"dismiss\"></div>\n<div class=\"popover\" ref=\"popover\">\n  <div class=\"arrow\" data-popper-arrow></div>\n  <slot />\n</div>\n</template>\n\n<style scoped>\n.popover-bg {\n  background-color: #0000;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n</style>\n\n<script>\nimport { createPopper } from '@popperjs/core';\n\nexport default {\n  mounted() {\n    this.setUpPopover()\n  },\n  unmounted() {\n    if(this.__popper) this.__popper.destroy();\n  },\n  props: {\n    element: HTMLElement,\n    proxy: HTMLElement,\n    label: {\n      type: String,\n      default: \"Confirm\"\n    }\n  },\n  emits: ['dismiss'],\n  methods: {\n    handleConfirm() {\n      console.log(\"Confirming\")\n      this.$emit(\"confirm\")\n      this.element.click();\n    },\n    setUpPopover() {\n      this.__popper = createPopper(this.proxy, this.$refs.popover, {placement: 'bottom'} )\n    },\n    dismiss() {\n      this.__popper.destroy()\n      this.$emit('dismiss')\n    }\n  },\n}\n</script>","<template>\n  \n  <div class=\"note-header py-3 flex items-center gap-6\">\n    <div class=\"flex items-center gap-3 flex-1\">\n      <span class=\"user flex gap-2 items-center\">\n        <i class=\"fas fa-user fa-sm\"></i>\n        <b>{{ note.display_name }}</b>\n      </span>\n\n      <time class=\"text-sm text-gray-500\" :datetime=\"note.created_on\">\n        {{ formatDate(note.created_on) }}\n      </time>\n    </div>\n\n    <div class=\"note-actions flex items-center justify-self-end\" v-if=\"logged_in\">\n      <button class=\"btn btn-text btn-sm\" @click=\"editNote(note.id)\">\n        <i class=\"fas fa-pencil fa-xs\"></i>\n        Edit\n      </button>\n\n      <Popover class=\"relative\" v-slot=\"{ open, close }\">\n        <PopoverButton :class=\"['btn btn-sm btn-text btn-destructive', {'btn-active': open}]\">\n          <i class=\"fas fa-trash-alt fa-xs\"></i>\n          Delete\n        </PopoverButton>\n        <PopoverPanel class=\"popover popover-centered rounded-2xl p-3\">\n          <i class=\"arrow\"></i>\n          <button class=\"btn btn-destructive whitespace-nowrap\" @click=\"handleDelete(close)\">Delete Note</button>\n        </PopoverPanel>\n      </Popover>\n    </div>\n  </div>\n\n  <div class=\"note-body md-content mt-3\" v-if=\"note.html\" v-html=\"note.html\"></div>\n\n  <ul class=\"flex flex-wrap gap-2 list-none mt-8\" v-if=\"note.attachments.length > 0\">\n    <li v-for=\"attachment in note.attachments\" :key=\"attachment.id\" class=\"contents\">\n      <file-chip v-bind=\"attachment\" />\n    </li>\n  </ul>\n\n</template>\n\n<script>\nimport formatDate from '../lib/formatDate'\nimport MyPopover from './ConfirmPopover.vue'\nimport FileChip from './FileChip.vue'\n\nimport { Popover, PopoverButton, PopoverPanel } from '@headlessui/vue'\n\nimport { deleteData } from '../lib/fetch'\n\nexport default {\n  components: { FileChip, MyPopover, Popover, PopoverButton, PopoverPanel }, \n  emits: ['delete'],\n  inject: ['logged_in', 'removeNote', 'ticketID', 'editNote'],\n  methods: {\n    formatDate,\n    async handleDelete(closePopover) {\n      deleteData(`/tickets/${this.ticketID}/notes/${this.note.id}`).then(response => {\n        if(response.success) {\n          closePopover()\n          this.removeNote(this.note.id)\n        }\n      })\n    },\n  },\n  props: ['note'],\n}\n</script>","<template>\n  <Dialog :open=\"visible\" @close=\"$emit('close')\" class=\"fixed inset-0 z-10 overflow-y-auto m-0 border-0\">\n    <div class=\"flex flex-col items-center justify-center min-h-screen w-screen\">\n      <DialogOverlay class=\"fixed inset-0 bg-black opacity-30\" />\n      <div class=\"bg-white w-full max-w-2xl min-h-[300px] relative rounded-xl p-6\">\n        <DialogTitle class=\"type-label mb-8\" v-if=\"title\">{{ title }}</DialogTitle>\n        <slot></slot>\n      </div>\n    </div>\n  </Dialog>\n\n  <!-- <teleport to=\"#dialog-content\" v-if=\"visible\">\n    <div class=\"scrim bg-black bg-opacity-50 fixed inset-0 p-8 flex flex-col place-items-center place-content-center\" @click.self=\"closeDialog\">\n      <div class=\"dialog-wrapper dialog bg-white border-solid border-2 border-white assignments-dialog w-full max-w-xl flex flex-col rounded-md\" ref=\"dialogContent\">\n        <header class=\"flex px-6 pt-4 pb-2\">\n          <div class=\"title flex-1 type-label\">{{ title }}</div>\n          <button @click=\"closeDialog\">\n            <i class=\"fas fa-times\"></i>\n          </button>\n        </header>\n        <div class=\"px-6\">\n          <slot></slot>\n        </div>\n      </div>\n    </div>\n  </teleport> -->\n</template>\n\n<script>\nimport {\n  Dialog,\n  DialogOverlay,\n  DialogTitle,\n  DialogDescription,\n} from \"@headlessui/vue\";\n\nexport default {\n  components: { \n    Dialog,\n    DialogOverlay,\n    DialogTitle,\n    DialogDescription \n  },\n  emits: ['close'],\n  props: {\n    title: String,\n    visible: {\n      type: Boolean,\n      default: true,\n    },\n    closeCallback: Function\n  },\n  methods: {\n    closeDialog() {\n      console.log('Closing dialog')\n      if(this.closeCallback) this.closeCallback()\n      this.$emit('close')\n    },\n    handleClickOutside(e) {\n      e.stopPropagation()\n\n      if(this.visible) {\n        const dialogContent = this.$refs.dialogContent\n        console.log(dialogContent)\n        if(dialogContent && !dialogContent.contains(e.target)) {\n          this.closeDialog()\n        }\n      }\n    }\n  }\n}\n</script>","<template>\n  <div class=\"sidebar-section participants\" v-if=\"isLoggedIn\">\n    <h4>Participants</h4>\n    <ul class=\"participants-list m-0 list-none\">\n      <li v-for=\"p in participants\" :key=\"p.id\" class=\"participant-item group flex gap-2 mb-2\">\n        <span>\n          <span class=\"participant-name\">\n            <a :href=\"`mailto:${p.email}`\" class=\"participant-link\">{{ p.name }}</a>\n          </span>\n        </span>\n        <span class=\"participant-actions hidden group-hover:flex focus-within:flex gap-2 items-center\">\n          <button @click=\"editParticipant(p.id)\" class=\"text-sm text-blue-600 px-1 rounded leading-none\">\n            <i class=\"fas fa-pencil fa-xs\"></i>\n            <span class=\"sr-only\">Edit</span>\n          </button>\n          <!-- <button @click=\"removeParticipant(p.id)\" class=\"text-sm text-red-600 px-1 rounded leading-none\">\n            <i class=\"fas fa-trash-alt fa-xs\"></i>\n            <span class=\"sr-only\">Remove</span>\n          </button> -->\n        </span>\n      </li>\n    </ul>\n\n    <button type=\"button\" class=\"btn btn-soft btn-mini\" @click=\"e => addParticipant()\">Add participant</button>\n  </div>\n\n  <Dialog :open=\"isVisible\" @close=\"cancelEditingParticipant()\" class=\"fixed inset-0 z-10 overflow-y-auto m-0 border-0\">\n    <div class=\"flex flex-col items-center justify-center min-h-screen w-screen\">\n      <DialogOverlay class=\"fixed inset-0 bg-black opacity-30\" />\n      <div class=\"bg-white w-full max-w-2xl min-h-[300px] relative rounded-xl p-6\">\n        <DialogTitle class=\"type-label mb-8\">{{ dialogTitle }}</DialogTitle>\n        <form :action=\"formAction\" :method=\"formMethod\" @submit.prevent.stop=\"saveParticipant\" class=\"pb-2\">\n          <fieldset class=\"editor-fields border-0\">\n            <div class=\"control-group\">\n              <label for=\"new-participant-name\">Name</label>\n              <input type=\"text\" id=\"new-participant-name\" name=\"participant[name]\" v-model=\"editableParticipant.name\" class=\"w-full\" />\n            </div>\n            <div class=\"control-group\">\n              <label for=\"new-participant-email\">Email</label>\n              <input type=\"text\" id=\"new-participant-email\" name=\"participant[email]\" v-model=\"editableParticipant.email\" class=\"w-full\" />\n            </div>\n            <div class=\"control-group\">\n              <label for=\"new-participant-role\">Role</label>\n              <input type=\"text\" id=\"new-participant-role\" name=\"participant[role]\" v-model=\"editableParticipant.role\" class=\"w-full\" />\n            </div>\n          </fieldset>\n          <div class=\"form-actions flex gap-3\">\n            <button type=\"submit\" class=\"btn btn-primary\">Save participant</button>\n            <button class=\"btn btn-soft\" @click=\"cancelEditingParticipant\">Cancel</button>\n          </div>\n        </form>\n      </div>\n\n    </div>\n\n  </Dialog>\n</template>\n\n<style scoped>\n.participant-item {\n}\n\n.participant-link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.participant-actions {\n  display: none;\n}\n\n.participant-item:hover .participant-actions {\n  display: flex;\n}\n\n.participant-item:hover .participant-link {\n  @apply text-blue-500 underline;\n}\n\n</style>\n\n<script>\nimport DialogFrame from './dialog_frame.vue'\nimport Popover from './ConfirmPopover.vue'\nimport { postData } from '../lib/fetch'\n\nimport {\n  Dialog,\n  DialogOverlay,\n  DialogTitle,\n  DialogDescription,\n} from \"@headlessui/vue\";\n\nexport default {\n  inject: ['logged_in', 'ticketID'],\n  emits: ['saveParticipant'],\n  props: {\n    participants: {\n      type: Array,\n      default: []\n    }\n  },\n  components: { DialogFrame, Popover, Dialog, DialogOverlay, DialogTitle },\n  data() {\n    return {\n      dialogOpen: true,\n      editableParticipant: null\n    }\n  },\n  computed: {\n    formAction() {\n      if(!this.editableParticipant) return \"\";\n      else if(this.editableParticipant.id) {\n        return `/tickets/${this.ticketID}/participants/${this.editableParticipant.id}`;\n      }\n      else {\n        return `/tickets/${this.ticketID}/participants`\n      }\n    },\n    formMethod() {\n      if(!this.editableParticipant) return \"\";\n      else if(this.editableParticipant.id) {\n        return 'PATCH';\n      }\n      else {\n        return 'POST';\n      }\n    },\n    isVisible() {\n      return !!this.editableParticipant\n    },\n    isLoggedIn() { return !!this.logged_in },\n    dialogTitle() {\n      return this.editableParticipant.id ? 'Edit Participant' : 'Add Participant'\n    }\n  },\n  methods: {\n    showParticipantsDialog(attrs = {}) {\n      this.editableParticipant = Object.assign({}, attrs)\n    },\n    editParticipant(id) {\n      const editableParticipant = this.participants.filter(p => p.id === id)[0]\n      this.showParticipantsDialog(editableParticipant)\n    },\n    cancelEditingParticipant() {\n      this.editableParticipant = null\n    },\n    async saveParticipant() {\n      let response = { success: null }\n\n      if(this.editableParticipant.id) {\n        // Patch existing\n        response = await patchData(`/tickets/${this.ticketID}/participants/${this.editableParticipant.id}.json`, { participant: this.editableParticipant })\n      } else {\n        // Post new\n        response = await postData(`/tickets/${this.ticketID}/participants.json`, { participant: this.editableParticipant })\n      }\n\n      if(response.success) {\n        this.$emit('saveParticipant', response.participant)\n        this.cancelEditingParticipant()\n      }\n    },\n    addParticipant() {\n      this.editableParticipant = { _show: true, id: null }\n    }\n  }\n}\n</script>","<template>\n  <div class=\"sidebar-section\" v-if=\"isLoggedIn || hasAssignedUsers\">\n    <h4>Assigned To</h4>\n    <div class=\"text-gray-500 text-sm\" v-if=\"assignedUsers.length === 0\">\n      No one yet\n      <!-- -\n      <button class=\"btn btn-link\">assign yourself</button> -->\n    </div>\n\n    <ul v-if=\"assignedUsers.length > 0\" class=\"list-none m-0 space-y-1\">\n      <li v-for=\"user in assignedUsers\" :key=\"user.id\">\n        <i class=\"fas fa-user fa-xs text-gray-300 mr-1\"></i>\n        {{ user.name }}\n      </li>\n    </ul>\n\n    <div class=\"mt-2 flex flex-col gap-2 justify-start items-start\" v-if=\"isLoggedIn\">\n      <button type=\"button\" @click=\"showDialog\" class=\"btn btn-mini btn-soft\">Edit assignments</button>\n    </div>\n  </div>\n  \n  <DialogFrame title=\"Edit Assignments\" :visible=\"!!showAssignmentsDialog\" @close=\"showAssignmentsDialog = false\">\n\n    <div>\n      <ul class=\"list-none flex-1\"> \n        <li v-for=\"user in users\" :key=\"user.id\" class=\"list-style-none m-0 py-3 flex\">\n          <div class=\"flex-1\">\n            <div class=\"name\">{{ user.name }}</div>\n          </div>\n          <div class=\"toggle-assignment\">\n            <button @click=\"toggleAssignment(user.id)\" :class=\"buttonClass(user.id)\" v-text=\"userIsAssigned(user.id) ? 'Remove' : 'Assign'\"></button>\n          </div>\n        </li>\n      </ul>\n    </div>\n\n  </DialogFrame>\n</template>\n\n<script>\nimport arrayIncludes from 'lodash/includes'\nimport DialogFrame from './dialog_frame.vue'\n\nexport default {\n  components: { DialogFrame },\n  data() {\n    return {\n      showAssignmentsDialog: false\n    }\n  },\n  props: { \n    assignedUserIDs: Array\n  },\n  emits: ['addUser', 'removeUser'],\n  inject: ['logged_in', 'ticketID', 'app'],\n  methods: {\n    showDialog() {\n      this.showAssignmentsDialog = true\n    },\n    buttonClass(userId) {\n      return {\n        'btn': true,\n        'btn-mini': true,\n        'btn-active': this.userIsAssigned(userId),\n        'btn-inactive': !this.userIsAssigned(userId)\n      }\n    },\n    userIsAssigned(userId) {\n      return arrayIncludes(this.assignedUserIDs, userId)\n    },\n    toggleAssignment(userId) {\n      if(this.userIsAssigned(userId)) {\n        this.$emit('removeUser', userId)\n      } else {\n        this.$emit('addUser', userId)\n      }\n    }\n  },\n  computed: {\n    users() { return this.app.users },\n    isLoggedIn() { return !!this.logged_in },\n    hasAssignedUsers() {\n      return (this.assignedUsers.length > 0)\n    },\n    assignedUsers() {\n      return this.users.filter(user => arrayIncludes(this.assignedUserIDs, user.id))\n    },\n    unassignedUsers() {\n      return this.users.filter(user => !arrayIncludes(this.assignedUserIDs, user.id))\n    }\n  }\n}\n</script>","<template>\n  <div class=\"sidebar-section ticket-status\">\n    <h4>Ticket Status</h4>\n    <div>\n      <div class=\"ticket-status\">{{ status }}</div>\n      \n      <Popover class=\"mt-1 relative inline-block\" v-if=\"loggedIn\" v-slot=\"{ close }\">\n        <PopoverButton class=\"btn btn-mini btn-soft edit-status\">\n          Update status\n        </PopoverButton>\n        <PopoverPanel class=\"popover left-[50%] ml-[-100%]\">\n          <form ref=\"form\" @submit.prevent=\"saveStatus(close)\" :action=\"changeStatusURL\" method=\"post\" id=\"status-popover\" class=\"w-[200px]\">\n            <select name=\"status\" id=\"edit_status\" v-model=\"status\" class=\"w-full text-lg\">\n              <option value=\"\" disabled></option>\n              <option v-for=\"state in statusOptions\" :key=\"state\">{{ state }}</option>\n            </select>\n\n            <div class=\"notification_toggle mt-3 flex gap-1 items-center\">\n              <input type=\"hidden\" name=\"notification\" value=\"0\">\n              <input type=\"checkbox\" name=\"notification\" id=\"notification\" value=\"1\" v-model=\"sendEmail\" />\n              <label for=\"notification\">\n                Send email\n              </label>\n            </div>\n\n            <div class=\"flex gap-1 mt-3\">\n              <button type=\"submit\" class=\"btn btn-sm\">Update</button>\n              <PopoverButton class=\"btn btn-sm btn-soft\">Cancel</PopoverButton>\n            </div>\n          </form>\n        </PopoverPanel>\n      </Popover>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { postData } from '../lib/fetch'\nimport { Popover, PopoverButton, PopoverPanel } from '@headlessui/vue'\n\nexport default {\n  components: { Popover, PopoverButton, PopoverPanel },\n  inject: ['ticketID'],\n  props: {\n    currentStatus: String,\n    statusOptions: Array,\n    ticketId: String,\n    loggedIn: Boolean\n  },\n  data() {\n    return {\n      status: this.currentStatus,\n      isEditing: false,\n      sendEmail: false\n    }\n  },\n  mounted() {\n    document.addEventListener('click', this.handleCancelClick)\n  },\n  unmounted() {\n    document.removeEventListener('click', this.handleCancelClick)\n  },\n  computed: {\n    changeStatusURL() {\n      return `/tickets/${this.ticketID}/change_status.json`\n    },\n    showPopover() {\n      return this.loggedIn && this.isEditing\n    }\n  },\n  methods: {\n    saveStatus(closePopover) {\n      const { form } = this.$refs\n      const formData = new FormData(form)\n\n      // TODO: Handle notification checkbox\n      postData(this.changeStatusURL, formData)\n        .then(data => {\n          this.isEditing = false\n          form.reset()\n          closePopover()\n        })\n    },\n    handleCancelClick(e) {\n      if(this.isEditing) {\n        const targetElem = e.target\n        const popoverIfParent = targetElem.closest('#status-popover')\n        if(!popoverIfParent) {\n          e.stopPropagation()\n          e.preventDefault()\n          this.isEditing = false\n          this.status = this.currentStatus\n        }\n      }\n    }\n  }\n}\n</script>","<template>\n  <div class=\"sidebar-section time-tracking\">\n    <button class=\"btn btn-mini btn-orange\" :data-item=\"itemJSON\" ref=\"timerButton\">\n      Track Time in Harvest\n    </button>\n  </div> \n</template>\n\n<script>\nexport default {\n  mounted() {\n    var event = new CustomEvent(\"harvest-event:timers:add\", {\n      detail: { element: this.$refs.timerButton }\n    });\n    document.querySelector(\"#harvest-messaging\").dispatchEvent(event);\n  },\n  props: ['ticket'],\n  computed: {\n    harvestItemID() {\n      return `tix-item-${this.ticket.id}`\n    },\n    itemJSON() {\n      return JSON.stringify({\n        id: this.harvestItemID,\n        name: this.ticket.subject\n      })\n    }\n  }\n}\n</script>","<template>\n  <HarvestTimer :ticket=\"ticket\" v-if=\"isLoggedIn && enable_harvest\" />\n\n  <StatusEditor :loggedIn=\"isLoggedIn\" :currentStatus=\"status\" :statusOptions=\"states\" />\n\n  <div class=\"sidebar-section space-y-1\">\n    <h4>Customer Info</h4>\n\n    <div><a :href=\"`mailto:${ticket.customer_email}`\" class=\"no-underline hover:underline text-gray-800\">{{ ticket.customer_name }}</a></div>\n\n    <div class=\"info-row truncate\">\n      <i class=\"fas fa-envelope fa-sm fa-fw mr-1 text-gray-300\"></i>\n      <a :href=\"`mailto:${ticket.customer_email}`\" class=\"no-underline hover:underline\">{{ ticket.customer_email }}</a>\n    </div>\n\n    <div class=\"info-row\" v-if=\"ticket.phone_number\">\n      <i class=\"fas fa-phone fa-sm fa-fw mr-1 text-gray-300\"></i>\n      {{ ticket.phone_number }}\n    </div>\n  </div>\n\n  <div class=\"sidebar-section template-info\" v-if=\"isLoggedIn && hasTemplate\">\n    <h4>Template</h4>\n    <a :href=\"templateURL\">{{ ticket.template_name }}</a>\n  </div>\n\n  <AssignmentsEditor :assignedUserIDs=\"assignedUserIDs\" @add-user=\"assignUser\" @remove-user=\"unassignUser\" />\n  <ParticipantsEditor :participants=\"ticket.participants\" @saveParticipant=\"saveParticipant\" />\n</template>\n\n<style scoped>\n\n.info-row {\n  @apply text-sm;  \n  a { color: inherit; }\n}\n\n</style>\n\n<script>\nimport pick from 'lodash/pick'\nimport { postData, deleteData } from '../lib/fetch'\nimport ParticipantsEditor from './participants_editor.vue'\nimport AssignmentsEditor from './AssignmentEditor.vue'\nimport StatusEditor from './status_editor.vue'\nimport HarvestTimer from './HarvestTimer.vue'\n\nexport default {\n  components: { ParticipantsEditor, AssignmentsEditor, StatusEditor, HarvestTimer },\n  inject: ['logged_in', 'app'],\n  props: {\n    ticket: Object,\n    application_name: String,\n    harvest_app_id: String,\n    enable_harvest: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      status: this.ticket.status,\n      assignedUserIDs: this.ticket.assigned_users\n    }\n  },\n  computed: {\n    users() {\n      return this.app.users\n    },\n    states() {\n      return this.app.states || []\n    },\n    ticketID() { return this.ticket.id },\n    editTicketURL() {\n      return `/tickets/${this.ticketID}/edit`\n    },\n    hasTemplate() {\n      return !!this.ticket.template_id\n    },\n    templateURL() {\n      return `/ticket_templates/${this.ticket.template_id}`\n    },\n    isLoggedIn() {\n      return !!this.logged_in\n    },\n    assignmentsURL() {\n      return `/tickets/${this.ticketID}/assignments.json`\n    },\n  },\n  methods: {\n    async assignUser(id) {\n      await postData(this.assignmentsURL, {user_id: id})\n      this.assignedUserIDs.push(id)\n    },\n    async unassignUser(idToUnassign) {\n      await deleteData(this.assignmentsURL, {user_id: idToUnassign})\n      this.assignedUserIDs = this.assignedUserIDs.filter(id => id !== idToUnassign)\n    },\n    saveParticipant(participantData) {\n      const participant = pick(participantData, ['id', 'name', 'email', 'role'])\n      const participants = this.ticket.participants\n      const arrayIndex = participants.findIndex(function(p) { return p.id === participant.id })\n\n      if(arrayIndex >= 0) {\n        participants.splice(arrayIndex, 1, participant)\n      } else {\n        participants.push(participant)\n      }\n    },\n    editNote(noteId) {\n      this.$refs.noteEditor.presentNote(noteId)\n    }\n  }\n}\n</script>","<template>\n  <DialogFrame title=\"Edit Note\" :visible=\"showDialog\" @close=\"resetForm\">\n    <form ref=\"form\" @submit.prevent=\"saveChanges\" class=\"flex flex-col gap-4\">\n      <div>\n        <textarea name=\"note[body]\" id=\"note_body\" class=\"w-full\" v-model=\"body\"></textarea>\n      </div>\n      <div class=\"actions flex gap-3 pb-3\">\n        <button class=\"btn\">\n          <i class=\"fas fa-check\"></i>\n          Update Note\n        </button>\n        <button class=\"btn btn-soft\" @click.prevent=\"resetForm\">\n          Cancel\n        </button>\n      </div>\n    </form>\n  </DialogFrame>\n</template>\n\n<script>\nimport DialogFrame from './dialog_frame.vue'\nimport { getData, patchData } from '../lib/fetch'\n\nconst defaultValues = {\n  showDialog: false,\n  noteID: null,\n  loaded: false,\n  body: '',\n  author_name: '',\n  author_email: '',\n  display_name: ''\n};\n\nexport default {\n  components: {\n    DialogFrame,\n  },\n  inject: ['ticketID', 'updateNote'],\n  data() {\n    return this.getDefaults() \n  },\n  computed: {\n    noteURL() {\n      return `/tickets/${this.ticketID}/notes/${this.noteID}.json`\n    }\n  },\n  methods: {\n    getDefaults() {\n      return Object.assign({}, defaultValues)\n    },\n    resetForm() {\n      Object.assign(this, this.getDefaults())\n    },\n    async presentNote(noteID) {\n      this.noteID = noteID\n      \n      const noteData = await getData(this.noteURL)\n      const { author_name, author_email, display_name, body } = noteData\n      \n      Object.assign(this, { author_name, author_email, display_name, body, loaded: true, showDialog: true })\n    },\n    async saveChanges() {\n      const response = await patchData(this.noteURL, { note: { body: this.body }})\n      if(response.success) {\n        this.updateNote(response.note)\n        this.resetForm()\n      }\n    }\n  }\n}\n</script>","<template>\n<div class=\"ticket-detail my-8\">\n  <div class=\"rounded-box\">\n\n    <div class=\"ticket-header flex items-center\">\n      <header class=\"flex-1\">\n        <h1 class=\"ticket-heading text-lg font-medium text-gray-500\">\n          {{ ticketTitle }}\n        </h1>\n      </header>\n      <div class=\"header-section actions\" v-if=\"logged_in\">\n        <a :href=\"`/tickets/${ticket.id}/edit`\" class=\"btn btn-text\">\n          <i class=\"fas fa-pencil\"></i>\n          Edit Ticket\n        </a>\n      </div>\n    </div>\n\n    <div class=\"ticket-body mb-12\">\n      <h4 class=\"text-2xl font-semibold\">{{ ticket.subject }}</h4>\n\n      <div class=\"mt-8 md-content\" v-html=\"ticket.html\"></div>\n\n      <ul class=\"flex flex-wrap gap-2 list-none mt-8\" v-if=\"ticket.attachments.length > 0\">\n        <li v-for=\"attachment in ticket.attachments\" :key=\"attachment.id\" class=\"contents\">\n          <FileChip v-bind=\"attachment\" />\n        </li>\n      </ul>\n\n      <div class=\"bg-yellow-100 mt-8 p-6 -mx-6\" v-if=\"logged_in && hasInternalNotes\">\n        <h4 class=\"type-label\">Internal Notes</h4>\n        <div class=\"md-content\" v-html=\"ticket.internal_notes_html\"></div>\n      </div>\n    </div>\n\n    <div class=\"ticket-notes-container\">\n      <ul class=\"ticket-notes list-none\">\n        <transition-group name=\"notes-list\">\n          <li class=\"note\" v-for=\"note in notes\" :key=\"`ticket-notes-${note.id}`\">\n            <note-item :note=\"note\" />\n          </li>\n        </transition-group>\n      </ul>\n\n      <div class=\"create-note\">\n        <hr class=\"my-10 border-0 border-t border-solid border-gray-300\" />\n\n        <create-note :ticketId=\"ticket.id\" />\n      </div>\n    </div>\n\n  </div>\n\n  <div id=\"ticket-sidebar\" class=\"space-y-6 pt-6\">\n    <ticket-sidebar :ticket=\"ticket\" />\n  </div>\n\n  <NoteEditor ref=\"noteEditor\" />\n</div>\n</template>\n\n<style>\n.notes-list-enter-active,\n.notes-list-leave-active {\n  transition: all 0.5s ease;\n}\n\n.notes-list-enter-from,\n.notes-list-leave-to {\n  opacity: 0;\n  /* transform: translateY(30px); */\n}\n\n.notes-list-enter-from {\n  background-color: #ff0;\n}\n</style>\n\n<script>\nimport CreateNote from './CreateNote.vue'\nimport NoteItem from './NoteItem.vue'\nimport TicketSidebar from './TicketSidebar.vue'\nimport NoteEditor from './NoteEditor.vue'\nimport FileChip from './FileChip.vue'\n\nexport default {\n  components: { CreateNote, TicketSidebar, NoteItem, NoteEditor, FileChip },\n  data() {\n    let users = []\n    const { ticket, logged_in, app } = window.__ticket_data\n\n    if(app) {\n      users = app.users\n    }\n\n    return {\n      ticket, \n      logged_in,\n      notes: (ticket.notes || []),\n      users,\n      app: (app || { states: [], users: [] }),\n    }\n  },\n  provide() {\n    return {\n      logged_in: this.logged_in,\n      removeNote: this.removeNote,\n      addNote: this.addNote,\n      editNote: this.editNote,\n      app: this.app,\n      ticketID: this.ticket.id,\n      updateNote: this.updateNote\n    }\n  },\n  computed: {\n    ticketTitle() {\n      return `Ticket #${this.ticket.id}`\n    },\n    hasInternalNotes() {\n      return (typeof this.ticket.internal_notes === 'string' && this.ticket.internal_notes.length > 0)\n    }\n  },\n  methods: {\n    removeNote(id) {\n      const noteIndex = this.notes.findIndex(n => (n.id === id))\n      this.notes.splice(noteIndex, 1)\n    },\n    addNote(note) {\n      this.notes.push(note)\n    },\n    editNote(noteId) {\n      this.$refs.noteEditor.presentNote(noteId)\n    },\n    updateNote(note) {\n      const noteIndex = this.notes.findIndex(n => (n.id === note.id))\n      this.notes.splice(noteIndex, 1, note)\n    }\n  }\n}\n</script>","import { createApp } from 'vue';\nimport TicketDetail from '../components/TicketDetail.vue'\n\ndocument.addEventListener('turbo:load', loadEvent => {\n  console.log(loadEvent)\n  console.log(window.__ticket_data)\n\n  let ticketDetailFrame = document.querySelector('#ticket-detail-frame')\n  if(ticketDetailFrame) {\n    createApp(TicketDetail).mount(ticketDetailFrame)\n  }\n\n  let ticketForm = document.querySelector('form')\n  ticketForm.addEventListener('turbo:submit-start', () => {\n    console.log(\"Submitting form!\")\n    window.scrollTo(0, 0);\n  })\n})","<template>\n  <li class=\"template-field bg-gray-50 border border-solid border-gray-200 rounded-lg py-2 px-3\" :id=\"rowID\">\n    <div class=\"fields-top flex gap-4\">\n      <div class=\"field-name flex-1\">\n        <label :for=\"fieldID('name')\" class=\"text-sm text-gray-500 mb-1 block\">Field Name</label>\n        <input type=\"text\"\n          :id=\"fieldID('name')\"\n          :name=\"fieldName('name')\"\n          v-model.trim=\"values.name\"\n          placeholder=\"Field name\"\n          class=\"w-full h-10\" />\n        <input type=\"hidden\"\n          :name=\"fieldName('slug')\"\n          :value=\"generatedSlug\" /> \n      </div>\n      <div class=\"field-type\">\n        <label :for=\"fieldID('type')\">Field Type</label>\n        <select :name=\"fieldName('type')\" :id=\"fieldID('type')\" v-model=\"values.type\" class=\"h-10\">\n          <option value=\"textfield\">Text Field</option>\n          <option value=\"textarea\">Text Area</option>\n          <option value=\"select\">Drop-Down List</option>\n          <option value=\"file\">File Upload</option>\n        </select>\n      </div>\n      <div class=\"field-optional\">\n        <label :for=\"fieldID('optional')\">Optional</label>\n        <input type=\"hidden\" value=\"0\" :name=\"fieldName('optional')\" />\n        <div class=\"h-10 flex place-items-center\">\n          <input type=\"checkbox\" value=\"1\" v-model=\"values.optional\" :name=\"fieldName('optional')\" :id=\"fieldID('optional')\" class=\"switch\" />\n        </div>\n      </div>\n      <div class=\"field-actions\">\n        <button type=\"button\" class=\"p-2 rounded bg-gray-100 text-gray-300 hover:text-red-500 hover:bg-red-200\" @click=\"removeCallback()\" :disabled=\"itemCount < 2\">\n          <i class=\"fas fa-trash-alt\"></i>\n          <span class=\"sr-only\">Delete</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"field-options mt-3\" :style=\"{display: (isSelect ? 'block' : 'none')}\">\n      <label :for=\"fieldID('options')\">Options for drop-down list</label>\n      <textarea :name=\"fieldName('options')\" :id=\"fieldID('options')\" cols=\"40\" rows=\"3\" v-model=\"values.options\" :disabled=\"!isSelect\"></textarea>\n    </div>\n  </li>\n</template>\n\n<style scoped>\nlabel {\n @apply text-sm text-gray-500 mb-1 block;\n}\n</style>\n\n<script>\nexport default {\n  props: {\n    itemCount: Number,\n    name: String,\n    type: String,\n    slug: String,\n    options: String,\n    optional: String,\n    index: Number,\n    removeCallback: Function\n  },\n  data() {\n    return {\n      values: {\n        name: (this.name || \"\"),\n        type: (this.type || \"textfield\"),\n        slug: (this.slug || \"\"),\n        optional: (this.optional === \"1\"),\n        options: (this.options || \"\")\n      }\n    }\n  },\n  computed: {\n    isSelect() {\n      return this.values.type === \"select\"\n    },\n    rowID() {\n      return 'template_field_' + this.index\n    },\n    generatedSlug() {\n      const _name = this.values.name || \"\"\n      return _name.toLowerCase().replace(/[^a-z0-9]+/gi, '-')\n    }\n  },\n  methods: {\n    fieldID(key) {\n      return `ticket_template__template_items__${this.index}__${key}`\n    },\n    fieldName(key) {\n      return `ticket_template[template_items][${this.index}][${key}]`\n    }\n  }\n}\n</script>","<template>\n  <h3 class=\"text-base font-medium mb-1\">{{ title }} {{ draggedItemId }}</h3>\n  <draggable \n    tag=\"transition-group\" \n    v-model=\"items\"\n    v-bind=\"dragOptions\"\n    @start=\"drag = true\"\n    @end=\"drag = false\"\n    @change=\"handleSortChange\"\n    item-key=\"_id\" \n    class=\"space-y-3 mb-3\">\n    <template #item=\"{ element: item, index }\">\n      <template-item \n        v-bind=\"item\" \n        :index=\"index\" \n        :key=\"item._id\"\n        :data-id=\"item._id\" \n        :itemCount=\"itemCount\" \n        :removeCallback=\"removeItemAtIndex(index)\"\n        />\n    </template>\n  </draggable>\n  <div class=\"px-4\">\n    <button type=\"button\" @click=\"addField()\" class=\"btn btn-mini btn-text\">\n      <i class=\"fas fa-plus\"></i>\n      Add Field\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-items-move {\n  transition: transform 0.8s ease;\n}\n.ghost {\n  opacity: 0.5;\n}\n</style>\n\n<script>\nimport TemplateItem from './template_item.vue'\nimport draggable from 'vuedraggable'\nimport ShortUniqueId from 'short-unique-id'\nimport _ from 'lodash'\n\nconst uid = new ShortUniqueId({ length: 10 });\n\nfunction makeTemplateItem(attrs = {}) {  \n  attrs._id = uid()\n  return Object.assign({}, attrs)\n}\n\nfunction arrayMove(arr, fromIndex, toIndex) {\n    let newArray = [...arr]; // copy the array\n    var element = newArray[fromIndex];\n    newArray.splice(fromIndex, 1);\n    newArray.splice(toIndex, 0, element);\n    return newArray;\n}\n\nexport default {\n  components: { TemplateItem, draggable },\n  data() {\n    let templateData;\n    const templateDataElem = document.querySelector(\"#template-json-data\")\n    if(templateDataElem) {\n      templateData = JSON.parse(templateDataElem.innerHTML).map(makeTemplateItem)\n    } else {\n      templateData = [ makeTemplateItem() ]\n    }\n\n    return {\n      title: \"Custom Fields\",\n      items: templateData,\n      draggedItemId: null,\n      dropTargetId: null,\n      drag: false\n    }\n  },\n  computed: {\n    itemCount() {\n      return this.items.length\n    },\n    dragOptions() {\n      return {\n        animation: 200,\n        group: \"description\",\n        disabled: false,\n        ghostClass: \"ghost\",\n        componentData: {\n          name: !this.drag ? 'tpl-items' : null,\n          tag: 'ul',\n          type: 'transition-group'\n        }\n      };\n    }\n  },\n  methods: {\n    addField() {\n      this.items.push( makeTemplateItem() )\n    },\n    removeItemAtIndex(index) {\n      const editor = this\n      return function() {\n        console.log(`Removing item at index ${index}`)\n        editor.items.splice(index, 1);\n      }\n    },\n    handleSortChange({ moved: { element, oldIndex, newIndex }}) {\n      // console.log({ element: element._id, oldIndex, newIndex })\n      const newItems = arrayMove(this.items, oldIndex, newIndex)\n      console.log(this.items, newItems)\n    }\n  }\n}\n</script>","import { createApp } from 'vue';\nimport NewTemplateEditor from '../components/template_editor.vue'\n\ndocument.addEventListener('turbo:load', e => {\n  const editorElem = document.querySelector('#template-editor')\n  if(editorElem) {\n    createApp(NewTemplateEditor).mount(editorElem)\n  }\n})"],"names":["_createElementVNode","_openBlock","_hoisted_2","uid","defaultValues","FileChip","_hoisted_3","_hoisted_6","_hoisted_10","_createElementBlock","MyPopover","_createTextVNode","_hoisted_4","_hoisted_12","_hoisted_15","_createBlock","_createVNode","DialogFrame","Popover","_hoisted_8","_hoisted_22","arrayIncludes","_hoisted_11","_renderList","ParticipantsEditor","AssignmentsEditor","StatusEditor","HarvestTimer","pick","_hoisted_5","patchData","CreateNote","TicketSidebar","NoteItem","NoteEditor","_hoisted_14","_hoisted_16","_hoisted_21","TicketDetail","_vModelText","TemplateItem","NewTemplateEditor"],"mappings":"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"}