{"version":3,"sources":["webpack:///./src/components/photo-upload/PhotoUploadOptions.vue?53ff","webpack:///./src/components/photo-upload/PhotoUploadOptions.vue?e086","webpack:///src/components/photo-upload/PhotoUploadOptions.vue","webpack:///./src/components/photo-upload/PhotoUploadOptions.vue?9faa","webpack:///./src/components/photo-upload/PhotoUploadOptions.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","name","scopedSlots","_u","key","fn","staticStyle","on","$event","isAccessingCamera","$bvModal","hide","proxy","staticClass","initImgUploadCamera","_v","initImgUploadFile","staticRenderFns","data","props","Boolean","imageDeleting","checkReadonly","methods","initImgUpload","componentName","show","$emit","mandatoryChildComponent","mandatoryChildRefElement","click","optionalChildRefElement","computed","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,MAAM,CAAC,GAAkB,cAAbN,EAAIO,KAAuB,8BAAgC,6BAA6B,cAAc,GAAG,cAAc,+BAA+BC,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,eAAeC,GAAG,WAAW,MAAO,CAACP,EAAG,WAAW,CAACQ,YAAY,CAAC,OAAS,IAAI,YAAY,OAAO,SAAW,WAAW,MAAQ,KAAKN,MAAM,CAAC,KAAO,SAAS,aAAa,QAAQ,QAAU,gBAAgB,KAAO,IAAIO,GAAG,CAAC,MAAQ,SAASC,GAASd,EAAIe,mBACnhB,cAAbf,EAAIO,KAEAP,EAAIgB,SAASC,KAAK,8BADlBjB,EAAIgB,SAASC,KAAK,kCACiC,CAACb,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,eAAe,KAAKY,OAAM,MAAS,CAACd,EAAG,MAAM,CAACe,YAAY,uBAAuB,CAACf,EAAG,MAAM,CAACe,YAAY,yBAAyB,CAACf,EAAG,YAAY,CAACe,YAAY,iBAAiBb,MAAM,CAAC,KAAON,EAAIe,kBAAkB,QAAU,GAAG,QAAU,MAAM,gBAAgB,KAAK,CAACX,EAAG,MAAM,CAACe,YAAY,8BAA8BN,GAAG,CAAC,MAAQb,EAAIoB,sBAAsB,CAAChB,EAAG,MAAM,CAACA,EAAG,SAAS,CAACe,YAAY,cAAcb,MAAM,CAAC,KAAO,kBAAkB,GAAGF,EAAG,MAAM,CAACA,EAAG,IAAI,CAACJ,EAAIqB,GAAG,8BAA8BjB,EAAG,MAAM,CAACe,YAAY,4BAA4BN,GAAG,CAAC,MAAQ,SAASC,IAASd,EAAIe,mBAAqBf,EAAIsB,uBAAuB,CAAClB,EAAG,MAAM,CAACA,EAAG,SAAS,CAACe,YAAY,cAAcb,MAAM,CAAC,KAAO,aAAa,GAAGF,EAAG,MAAM,CAACA,EAAG,IAAI,CAACJ,EAAIqB,GAAG,iBAAiB,QAAQ,IAC30BE,EAAkB,G,8CCkDtB,GACEhB,KAAM,qBACNiB,KAFF,WAGI,MAAO,CACLjB,KAAM,KAGVkB,MAAO,CACLV,kBAAmBW,QACnBC,cAAeD,QACfE,cAAeF,SAEjBG,QAAS,CACPC,cADJ,SACA,GAC4B,cAAlBC,GACF9B,KAAKM,KAAOwB,GACX9B,KAAK0B,gBAAkB1B,KAAK2B,eAAiB3B,KAAKe,SAASgB,KAAK,gCACzE,iBACQ/B,KAAKM,KAAOwB,GACX9B,KAAK0B,gBAAkB1B,KAAK2B,eAAiB3B,KAAKe,SAASgB,KAAK,gCAGrEZ,oBAVJ,WAWMnB,KAAKgC,MAAM,uBACG,cAAdhC,KAAKM,KACX,kDACA,kDAGIe,kBAjBJ,WAiBA,WAEA,+BACA,YAAQ,MAAR,iEAGA,+BACA,YAAQ,MAAR,yEAGM,GAAIY,EAAyB,CAC3B,IAAR,yBACajC,KAAK2B,gBACRO,EAAyBC,QACzBnC,KAAKe,SAASC,KAAK,qCAE7B,MACQ,IAAR,yBACahB,KAAK2B,gBACRS,EAAwBD,QACxBnC,KAAKe,SAASC,KAAK,kCAK3BqB,SAAU,OAAZ,OAAY,CAAZ,GACA,gBACI,SAAJ,YAAM,OAAN,sBC9G2W,I,wBCQvWC,EAAY,eACd,EACAxC,EACAwB,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E","file":"js/chunk-3fc3b530.9794127d.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoUploadOptions.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{attrs:{\"id\":_vm.name === 'mandatory' ? 'init-upload-mandatory-modal' : 'init-upload-optional-modal',\"hide-footer\":\"\",\"modal-class\":\"modal-mandatory-init-upload\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(){return [_c('b-button',{staticStyle:{\"border\":\"0\",\"font-size\":\"25px\",\"position\":\"absolute\",\"right\":\"0\"},attrs:{\"type\":\"button\",\"aria-label\":\"Close\",\"variant\":\"outline-light\",\"pill\":\"\"},on:{\"click\":function($event){!_vm.isAccessingCamera &&\n          _vm.name === 'mandatory'\n            ? _vm.$bvModal.hide('init-upload-mandatory-modal')\n            : _vm.$bvModal.hide('init-upload-optional-modal')}}},[_c('b-icon',{attrs:{\"icon\":\"x-circle\"}})],1)]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center\"},[_c('div',{staticClass:\"upload-option-wrapper\"},[_c('b-overlay',{staticClass:\"d-inline-block\",attrs:{\"show\":_vm.isAccessingCamera,\"rounded\":\"\",\"opacity\":\"0.6\",\"spinner-small\":\"\"}},[_c('div',{staticClass:\"upload-option upload-camera\",on:{\"click\":_vm.initImgUploadCamera}},[_c('div',[_c('b-icon',{staticClass:\"option-icon\",attrs:{\"icon\":\"camera-fill\"}})],1),_c('div',[_c('b',[_vm._v(\"Guided camera mode\")])])])]),_c('div',{staticClass:\"upload-option upload-file\",on:{\"click\":function($event){!_vm.isAccessingCamera && _vm.initImgUploadFile()}}},[_c('div',[_c('b-icon',{staticClass:\"option-icon\",attrs:{\"icon\":\"images\"}})],1),_c('div',[_c('b',[_vm._v(\"Folder\")])])])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-modal :id=\"name === 'mandatory' ? 'init-upload-mandatory-modal' : 'init-upload-optional-modal'\" hide-footer modal-class=\"modal-mandatory-init-upload\">\n      <template #modal-header>\n        <b-button\n          type=\"button\"\n          aria-label=\"Close\"\n          variant=\"outline-light\"\n          pill\n          style=\"border: 0; font-size: 25px; position: absolute; right: 0\"\n          @click=\"!isAccessingCamera &&\n            name === 'mandatory'\n              ? $bvModal.hide('init-upload-mandatory-modal')\n              : $bvModal.hide('init-upload-optional-modal')\n            \"\n        >\n          <b-icon icon=\"x-circle\"></b-icon>\n        </b-button>\n      </template>\n      <div class=\"d-block text-center\">\n        <div class=\"upload-option-wrapper\">\n          <b-overlay\n            :show=\"isAccessingCamera\"\n            rounded\n            opacity=\"0.6\"\n            spinner-small\n            class=\"d-inline-block\"\n          >\n            <div\n              class=\"upload-option upload-camera\"\n              @click=\"initImgUploadCamera\"\n            >\n              <div>\n                <b-icon class=\"option-icon\" icon=\"camera-fill\"></b-icon>\n              </div>\n              <div><b>Guided camera mode</b></div>\n            </div>\n          </b-overlay>\n\n          <div\n            class=\"upload-option upload-file\"\n            @click=\"!isAccessingCamera && initImgUploadFile()\"\n          >\n            <div><b-icon class=\"option-icon\" icon=\"images\"></b-icon></div>\n            <div><b>Folder</b></div>\n          </div>\n        </div>\n      </div>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nexport default {\n  name: \"PhotoUploadOptions\",\n  data() {\n    return {\n      name: '',\n    }\n  },\n  props: {\n    isAccessingCamera: Boolean,\n    imageDeleting: Boolean,\n    checkReadonly: Boolean,\n  },\n  methods: {\n    initImgUpload(componentName) {\n      if (componentName === 'mandatory') {\n        this.name = componentName;\n        !this.imageDeleting && !this.checkReadonly && this.$bvModal.show(\"init-upload-mandatory-modal\");\n      } else if (componentName === 'optional') {\n        this.name = componentName;\n        !this.imageDeleting && !this.checkReadonly && this.$bvModal.show(\"init-upload-optional-modal\");\n      }\n    },\n    initImgUploadCamera() {\n      this.$emit(\"initImgUploadCamera\");\n      this.name === 'mandatory'\n        ? this.$bvModal.hide(\"init-upload-mandatory-modal\")\n        : this.$bvModal.hide(\"init-upload-optional-modal\")\n      ;\n    },\n    initImgUploadFile() {\n      // Access the child component's ref in the parent component\n      const mandatoryChildComponent = this.$parent.$children.find(\n        (child) =>  child.$options.name === 'FrameItem' && child.$props.frameKey === this.keyFrame\n      );\n\n      const optionalChildComponent = this.$parent.$children.find(\n        (child) =>  child.$options.name === 'FrameItemOptional' && child.$props.frameKey === this.keyFrame\n      );\n\n      if (mandatoryChildComponent) {\n        const mandatoryChildRefElement = mandatoryChildComponent.$refs[this.keyFrame];\n        if (!this.checkReadonly) {\n          mandatoryChildRefElement.click();\n          this.$bvModal.hide(\"init-upload-mandatory-modal\");\n        }\n      } else if (optionalChildComponent) {\n        const optionalChildRefElement = optionalChildComponent.$refs[this.keyFrame];\n        if (!this.checkReadonly) {\n          optionalChildRefElement.click();\n          this.$bvModal.hide(\"init-upload-optional-modal\");\n        }\n      }\n    }\n  },\n  computed: {\n    ...mapState({\n      keyFrame: (state) => state.photo.keyFrame,\n    }),\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.modal-mandatory-init-upload {\n  .modal-header {\n    padding: 10px !important;\n    border: 0 !important;\n  }\n  .modal-dialog .modal-content {\n    background-color: rgb(55, 179, 114, 0.9) !important;\n    border-radius: 25px !important;\n  }\n  .modal-body {\n    margin: 30px auto;\n    padding: 1.4rem !important;\n    width: 100%;\n    .upload-option-wrapper {\n      display: grid;\n      grid-template-columns: 60% 40%;\n      column-gap: 20px;\n      width: 100%;\n      justify-content: center;\n      .upload-option {\n        padding-top: 1em !important;\n        padding-bottom: 1em !important;\n        background-color: #fff;\n        border-radius: 10px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        justify-items: center;\n        align-items: center;\n      }\n      .upload-camera {\n        .option-icon {\n          color: #05b36d;\n          font-size: 60px;\n        }\n        b {\n          color: #05b36d;\n        }\n      }\n      .upload-file {\n        .option-icon {\n          color: rgb(112, 112, 112);\n          font-size: 60px;\n        }\n        b {\n          color: rgb(112, 112, 112);\n        }\n      }\n    }\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoUploadOptions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoUploadOptions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhotoUploadOptions.vue?vue&type=template&id=7269ecd2&\"\nimport script from \"./PhotoUploadOptions.vue?vue&type=script&lang=js&\"\nexport * from \"./PhotoUploadOptions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhotoUploadOptions.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}