{"version":3,"file":"DUHZQKPF-legacy.js","sources":["../../../../components/OurFilePond.vue"],"sourcesContent":["<template>\n  <div>\n    <file-pond\n      v-if=\"supported\"\n      ref=\"pond\"\n      name=\"photo\"\n      :allow-multiple=\"multiple\"\n      accepted-file-types=\"image/jpeg, image/png, image/gif, image/jpg, image/heic\"\n      :file-validate-type-detect-type=\"validateType\"\n      :files=\"myFiles\"\n      image-validate-size-max-width=\"400\"\n      image-validate-size-max-height=\"400\"\n      image-crop-aspect-ratio=\"1\"\n      label-idle='Drag & drop photos here or <span class=\"btn btn-white ction\"> Browse </span>'\n      :server=\"{ process, revert, restore, load, fetch }\"\n      :drop-on-element=\"false\"\n      :drop-on-page=\"true\"\n      :max-parallel-uploads=\"1\"\n      @init=\"photoInit\"\n      @processfile=\"processed\"\n      @processfiles=\"allProcessed\"\n      @error=\"error\"\n      @preparefile=\"preparefile\"\n    />\n    <div v-else>\n      Sorry, photo uploads aren't supported on this browser. Maybe it's old?\n    </div>\n  </div>\n</template>\n<script>\nimport * as Sentry from '@sentry/browser'\nimport { useComposeStore } from '../stores/compose'\nimport { useImageStore } from '../stores/image'\n\nexport default {\n  props: {\n    imgtype: {\n      type: String,\n      required: true,\n    },\n    imgflag: {\n      type: String,\n      required: true,\n    },\n    ocr: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    identify: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    browse: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n    multiple: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    msgid: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n    groupid: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n  },\n  setup(props) {\n    const composeStore = useComposeStore()\n    const imageStore = useImageStore()\n\n    return {\n      composeStore,\n      imageStore,\n    }\n  },\n  data() {\n    return {\n      imageid: null,\n      imagethumb: null,\n      image: null,\n      ocred: null,\n      identified: null,\n      myFiles: [],\n      supported: true,\n    }\n  },\n  mounted() {\n    if (process.client) {\n      const externalScript = document.createElement('script')\n      externalScript.setAttribute(\n        'src',\n        'https://cdn.jsdelivr.net/npm/heic2any_ags@0.0.4/dist/heic2any.min.js'\n      )\n      document.head.appendChild(externalScript)\n    }\n  },\n  methods: {\n    photoInit() {\n      if (!this.$refs.pond._pond) {\n        // This is the only way of finding out if the browser is supported - see\n        // https://github.com/pqina/vue-filepond/issues/136\n        this.supported = false\n      } else {\n        this.$emit('init')\n\n        if (this.browse) {\n          // We have rendered the filepond instance.  Trigger browse so that they can upload a photo without an\n          // extra click.\n          this.$refs.pond.browse()\n        }\n      }\n    },\n    preparefile(file, output) {\n      console.log('Transformed', file?.fileSize, output?.size)\n    },\n    async process(fieldName, file, metadata, load, error, progress, abort) {\n      this.composeStore.uploading = true\n\n      const data = new FormData()\n      const fn = file.name.toLowerCase()\n      let blob = null\n\n      if (fn.includes('.heic')) {\n        // If we have an HEIC file, then the server can't cope with it as it will fail imagecreatefromstring, so\n        // convert it to a PNG file on the client before upload.  We have to restrict the quality to keep the cconversion\n        // time reasonable.\n        console.log('Need to convert HEIC')\n        try {\n          blob = file.slice(0, file.size, 'image/heic')\n\n          const png = await window.heic2any({\n            blob,\n            toType: 'image/jpeg',\n            quality: 0.92,\n          })\n\n          // Now we have png which is a Blob.\n          console.log('Converted HEIC to PNG', png.size, png.type, png)\n          blob = png\n        } catch (e) {\n          // We couldn't convert to PNG. We can't use it.\n          console.log('Failed to convert HEIC to PNG', e)\n          this.$emit('heicerror')\n          blob = null\n        }\n      } else {\n        blob = file\n      }\n\n      let resized = blob\n\n      if (blob) {\n        // We resize ourselves, because Filepond isn't always doing it and its error handling is poor.\n        try {\n          console.log('Resize', blob)\n          const img = new Image()\n          console.log('Convert blob to url')\n          const urlCreator = window.URL || window.webkitURL\n          console.log('Create img')\n          img.src = urlCreator.createObjectURL(blob)\n\n          await img.decode()\n\n          console.log('Image loaded, resize')\n          const canvas = document.createElement('canvas')\n          const maxWidth = 800\n          const maxHeight = 800\n          let width = img.width\n          let height = img.height\n\n          // Calculate the new dimensions, maintaining the aspect ratio\n          if (width > height) {\n            if (width > maxWidth) {\n              height *= maxWidth / width\n              width = maxWidth\n            }\n          } else if (height > maxHeight) {\n            width *= maxHeight / height\n            height = maxHeight\n          }\n\n          // Set the canvas dimensions to the new dimensions\n          canvas.width = width\n          canvas.height = height\n\n          // Draw the resized image on the canvas\n          const ctx = canvas.getContext('2d')\n          ctx.drawImage(img, 0, 0, width, height)\n\n          // Get the resized image back as a Blob.\n          const p = new Promise((resolve, reject) => {\n            canvas.toBlob((resized) => {\n              console.log('Resized', resized)\n              resolve(resized)\n            }, 'image/png')\n          })\n\n          resized = await p\n          console.log('Resized', blob?.size, blob?.type)\n        } catch (e) {\n          // We failed to resize - we'll upload the original.\n          console.log('Resize failed', e)\n        }\n      }\n\n      if (resized) {\n        data.append('photo', resized, 'photo')\n        data.append(this.imgflag, true)\n        data.append('imgtype', this.imgtype)\n        data.append('ocr', this.ocr)\n        data.append('identify', this.identify)\n\n        if (this.msgid) {\n          data.append('msgid', this.msgid)\n        } else if (this.groupid) {\n          data.append('groupid', this.groupid)\n        }\n      }\n\n      try {\n        // It would be nice to have a progress indicator, but this doesn't immediately appear to be\n        // available using fetch().  So we don't specify onUpLoadProgress.\n        const ret = await this.imageStore.postForm(data)\n\n        if (ret.ret === 0) {\n          this.imageid = ret.id\n          this.imagethumb = ret.paththumb\n          this.image = ret.path\n\n          if (this.ocr) {\n            this.ocred = ret.ocr\n          }\n\n          if (this.identify) {\n            this.identified = ret.items\n          }\n\n          load(ret.id)\n        } else {\n          error(ret.status === 200 ? ret.status : 'Network error ' + ret.status)\n        }\n      } catch (e) {\n        error('Network error ' + e.mesage)\n      }\n\n      return {\n        abort: () => {\n          // We don't need to do anything - the server will tidy up hanging images.\n          abort()\n        },\n      }\n    },\n    load(uniqueFileId, load, error) {},\n    fetch(url, load, error, progress, abort, headers) {},\n    restore(uniqueFileId, load, error, progress, abort, headers) {},\n    revert(uniqueFileId, load, error) {},\n\n    processed(error, file) {\n      if (!error) {\n        this.$emit(\n          'photoProcessed',\n          this.imageid,\n          this.imagethumb,\n          this.image,\n          this.ocred,\n          this.identified\n        )\n\n        if (!this.multiple) {\n          // Only one, so the allProcessed event isn't fired by pond.\n          this.allProcessed()\n        }\n      } else {\n        console.error('Failed to process file', error, file)\n        this.error(error)\n      }\n    },\n    addFile(f) {\n      this.$refs.pond.addFile(f)\n    },\n    allProcessed() {\n      this.composeStore.uploading = false\n      this.$emit('allProcessed')\n    },\n    detector(source, type) {\n      // This function is never executed...\n      return new Promise((resolve, reject) => {\n        console.log(source, type)\n        if (source.name.includes('.heic')) {\n          // This is not detected automatically.\n          type = 'image/heic'\n        }\n\n        resolve(type)\n      })\n    },\n    validateType(source, type) {\n      const p = new Promise((resolve, reject) => {\n        // Not all browsers set the MIME type correctly, so we have a custom validator to force it from the filename.\n        if (source.name.toLowerCase().includes('.heic')) {\n          resolve('image/heic')\n        } else {\n          resolve(type)\n        }\n      })\n\n      return p\n    },\n    error(e, file) {\n      console.log('Failed to process file for upload', e, file)\n      Sentry.captureMessage('Failed to process file for upload', e?.message)\n      this.$emit('error', e)\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n:deep(.filepond--root) {\n  .filepond--drop-label {\n    background-color: $colour-success-bg;\n\n    label {\n      font-weight: bold;\n    }\n\n    .btn {\n      background-color: $colour-success !important;\n      border-color: $colour-success !important;\n      color: $color-white !important;\n\n      &:hover {\n        background-color: $colour-success-hover !important;\n      }\n    }\n  }\n}\n</style>\n"],"names":["_sfc_main","props","imgtype","type","String","required","imgflag","ocr","Boolean","default","identify","browse","multiple","msgid","Number","groupid","setup","composeStore","useComposeStore","imageStore","useImageStore","data","imageid","imagethumb","image","ocred","identified","myFiles","supported","mounted","externalScript","document","createElement","setAttribute","head","appendChild","methods","photoInit","this","$refs","pond","_pond","$emit","preparefile","file","output","console","log","fileSize","size","process","fieldName","metadata","load","error","progress","abort","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","fn","blob","png","resized","_blob","_blob2","img","urlCreator","canvas","width","height","p","ret","wrap","_callee$","_context","prev","next","uploading","FormData","name","toLowerCase","includes","slice","window","heic2any","toType","quality","sent","t0","Image","URL","webkitURL","src","createObjectURL","decode","getContext","drawImage","Promise","resolve","reject","toBlob","t1","append","postForm","id","paththumb","path","items","status","t2","mesage","abrupt","stop","uniqueFileId","fetch","url","headers","restore","revert","processed","allProcessed","addFile","f","detector","source","validateType","e","Sentry.captureMessage","message","key","_createElementBlock","$data","_createBlock","_component_file_pond","ref","$props","$options","files","server","onInit","onProcessfile","onProcessfiles","onError","onPreparefile","_hoisted_1"],"mappings":"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"}