{"version":3,"file":"OurFilePond-legacy.BEGEI_Nm.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-resize-target-width=\"800\"\n      image-resize-target-height=\"800\"\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\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        //\n        const blob = file.slice(0, file.size, 'image/heic')\n        const png = await window.heic2any({\n          blob,\n          toType: 'image/jpeg',\n          quality: 0.92,\n        })\n        data.append('photo', png, 'photo')\n      } else {\n        data.append('photo', file, 'photo')\n      }\n\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      // 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      try {\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","blob","png","ret","wrap","_callee$","_context","prev","next","uploading","FormData","name","toLowerCase","includes","slice","window","heic2any","toType","quality","sent","append","postForm","id","paththumb","path","items","status","e","mesage","abrupt","stop","uniqueFileId","fetch","url","headers","restore","revert","processed","allProcessed","addFile","f","detector","source","Promise","resolve","reject","validateType","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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"}