{"version":3,"file":"OurFilePond-legacy.CGUTUS3I.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-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    />\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 { 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    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      }\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  },\n  blockkey(e) {\n    // We're blocking all interaction with this div while the load happens.\n    e.returnValue = false\n    return false\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","process","fieldName","file","metadata","load","error","progress","abort","_this","_regeneratorRuntime","mark","_callee","blob","png","ret","wrap","_callee$","_context","prev","next","uploading","FormData","name","toLowerCase","includes","slice","size","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","console","log","validateType","blockkey","returnValue","key","_createElementBlock","$data","_createBlock","_component_file_pond","ref","$props","$options","files","server","onInit","onProcessfile","onProcessfiles","_hoisted_1"],"mappings":"m3PA+BA,IAAKA,EAAU,CACbC,MAAO,CACLC,QAAS,CACPC,KAAMC,OACNC,UAAU,GAEZC,QAAS,CACPH,KAAMC,OACNC,UAAU,GAEZE,IAAK,CACHJ,KAAMK,QACNH,UAAU,EACVI,SAAS,GAEXC,SAAU,CACRP,KAAMK,QACNH,UAAU,EACVI,SAAS,GAEXE,OAAQ,CACNR,KAAMK,QACNH,UAAU,EACVI,SAAS,GAEXG,SAAU,CACRT,KAAMK,QACNH,UAAU,EACVI,SAAS,GAEXI,MAAO,CACLV,KAAMW,OACNT,UAAU,EACVI,QAAS,MAEXM,QAAS,CACPZ,KAAMW,OACNT,UAAU,EACVI,QAAS,OAGbO,eAAMf,GAIG,MAAA,CACLgB,aAJmBC,IAKnBC,WAJiBC,IAMrB,EACAC,KAAO,WACE,MAAA,CACLC,QAAS,KACTC,WAAY,KACZC,MAAO,KACPC,MAAO,KACPC,WAAY,KACZC,QAAS,GACTC,WAAW,EAEf,EACAC,mBAEU,IAAAC,EAAiBC,SAASC,cAAc,UAC/BF,EAAAG,aACb,MACA,wEAEOF,SAAAG,KAAKC,YAAYL,EAE9B,EACAM,QAAS,CACPC,UAAY,WACLC,KAAKC,MAAMC,KAAKC,OAKnBH,KAAKI,MAAM,QAEPJ,KAAK3B,QAGF2B,KAAAC,MAAMC,KAAK7B,UAPlB2B,KAAKV,WAAY,CAUrB,EACMe,iBAAQC,EAAWC,EAAMC,EAAUC,EAAMC,EAAOC,EAAUC,GAAO,MAAAC,EAAAb,KAAA,SAAAc,IAAAC,MAAA,SAAAC,IAAAjC,IAAAA,EAAAkC,EAAAC,EAAAC,EAAA,OAAAL,IAAAM,MAAAC,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAIpC,GAHjCX,EAAKlC,aAAa8C,WAAY,EAExB1C,EAAO,IAAI2C,UACNnB,EAAKoB,KAAKC,cAEdC,SAAS,SAAU,CAAAP,EAAAE,KAKlBP,GAAAA,KAAAA,CAA4C,OAA5CA,EAAOV,EAAKuB,MAAM,EAAGvB,EAAKwB,KAAM,cAAYT,EAAAE,KAAA,EAChCQ,OAAOC,SAAS,CAChChB,KAAAA,EACAiB,OAAQ,aACRC,QAAS,MACV,KAAA,EAJKjB,EAAAI,EAAAc,KAKDrD,EAAAsD,OAAO,QAASnB,EAAK,SAAOI,EAAAE,KAAA,GAAA,MAAA,KAAA,GAE5BzC,EAAAsD,OAAO,QAAS9B,EAAM,SAAO,KAG/BxB,GASL,OATKA,EAAAsD,OAAOxB,EAAK7C,SAAS,GACrBe,EAAAsD,OAAO,UAAWxB,EAAKjD,SACvBmB,EAAAsD,OAAO,MAAOxB,EAAK5C,KACnBc,EAAAsD,OAAO,WAAYxB,EAAKzC,UAEzByC,EAAKtC,MACFQ,EAAAsD,OAAO,QAASxB,EAAKtC,OACjBsC,EAAKpC,SACTM,EAAAsD,OAAO,UAAWxB,EAAKpC,SAC9B6C,EAAAE,KAAA,GAIkBX,EAAKhC,WAAWyD,SAASvD,GAAI,KAAA,GAAzCoC,EAAMG,EAAAc,KAER,IACc,IAAZjB,EAAIA,KACNN,EAAK7B,QAAUmC,EAAIoB,GACnB1B,EAAK5B,WAAakC,EAAIqB,UACtB3B,EAAK3B,MAAQiC,EAAIsB,KAEb5B,EAAK5C,MACP4C,EAAK1B,MAAQgC,EAAIlD,KAGf4C,EAAKzC,WACPyC,EAAKzB,WAAa+B,EAAIuB,OAGxBjC,EAAKU,EAAIoB,KAET7B,EAAqB,MAAfS,EAAIwB,OAAiBxB,EAAIwB,OAAS,iBAAmBxB,EAAIwB,cAE1DC,GACDlC,EAAA,iBAAmBkC,EAAEC,OAC7B,CAAA,OAAAvB,EAAAwB,OAEO,SAAA,CACLlC,MAAO,WAECA,GACR,IACF,KAAA,GAAA,IAAA,MAAA,OAAAU,EAAAyB,UAAA/B,EAAA,oLACF,EACAP,KAAA,SAAKuC,EAAcvC,EAAMC,GAAQ,EACjCuC,eAAMC,EAAKzC,EAAMC,EAAOC,EAAUC,EAAOuC,GAAU,EACnDC,iBAAQJ,EAAcvC,EAAMC,EAAOC,EAAUC,EAAOuC,GAAU,EAC9DE,OAAAA,SAAOL,EAAcvC,EAAMC,GAAQ,EAEnC4C,mBAAU5C,EAAOH,GACVG,IACEV,KAAAI,MACH,iBACAJ,KAAKhB,QACLgB,KAAKf,WACLe,KAAKd,MACLc,KAAKb,MACLa,KAAKZ,YAGFY,KAAK1B,UAER0B,KAAKuD,eAGX,EAEAC,iBAAQC,GACDzD,KAAAC,MAAMC,KAAKsD,QAAQC,EAC1B,EACAF,wBACEvD,KAAKrB,aAAa8C,WAAY,EAC9BzB,KAAKI,MAAM,eACb,EACAsD,SAAA,SAASC,EAAQ9F,GAEf,OAAW,IAAA+F,SAAQ,SAACC,EAASC,GACnBC,QAAAC,IAAIL,EAAQ9F,GAChB8F,EAAOhC,KAAKE,SAAS,WAEhBhE,EAAA,cAGTgG,EAAQhG,EAAI,GAEhB,EACAoG,aAAAA,SAAaN,EAAQ9F,GAUZ,OATG,IAAI+F,SAAQ,SAACC,EAASC,GAE1BH,EAAOhC,KAAKC,cAAcC,SAAS,SACrCgC,EAAQ,cAERA,EAAQhG,EACV,GAIJ,GAEFqG,kBAAStB,GAGA,OADPA,EAAEuB,aAAc,GACT,CACT,MAnPFC,IAAA,oFACEC,EAwBM,MAAA,KAAA,CAtBIC,EAAShF,eADjBiF,EAmBEC,EAAA,CArBNJ,IAAA,EAIMK,IAAI,OACJ9C,KAAK,QACJ,iBAAgB+C,EAAQpG,SACzB,sBAAoB,0DACnB,iCAAgCqG,EAAYV,aAC5CW,MAAON,EAAOjF,QACf,4BAA0B,MAC1B,6BAA2B,MAC3B,0BAAwB,IACxB,aAAW,+EACVwF,OAAM,CAAAxE,QAAIsE,UAAStB,OAAAsB,EAAAtB,eAAQsB,EAAOvB,QAAA3C,KAAEkE,EAAIlE,KAAAwC,MAAE0B,EAAK1B,OAC/C,mBAAiB,EACjB,gBAAc,EACd,uBAAsB,EACtB6B,OAAMH,EAAS5E,UACfgF,cAAaJ,EAASrB,UACtB0B,eAAcL,EAAYpB,2IAE7Bc,EAEM,MAxBVY,EAsBgB"}