{"version":3,"file":"DUTX2Z0n-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","_regeneratorRuntime","mark","_callee","fn","blob","png","resized","_blob","_blob2","img","urlCreator","canvas","width","height","p","ret","wrap","_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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"}