{"version":3,"sources":["webpack:///./src/components/records/_preview.vue?2b36","webpack:///./src/components/records/_preview.vue?bd51","webpack:///src/components/records/_preview.vue","webpack:///./src/components/records/_preview.vue?2579","webpack:///./src/components/records/_preview.vue","webpack:///./src/views/public/RecordMessageSent.vue?e756","webpack:///src/views/public/RecordMessageSent.vue","webpack:///./src/views/public/RecordMessageSent.vue?75e8","webpack:///./src/views/public/RecordMessageSent.vue","webpack:///./src/components/_org_image.vue?6036","webpack:///src/components/_org_image.vue","webpack:///./src/components/_org_image.vue?9a06","webpack:///./src/components/_org_image.vue","webpack:///./src/assets/preview_icon.svg","webpack:///./src/views/public/RecordMessageSent.vue?78f4"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","mime","style","previewUrl","record","location","staticClass","_v","_s","$t","staticRenderFns","component","organization","width","height","userName","creator","full_name","orgName","name","filename","formatTime","recordMessage","created_at","formatDate","domProps","body","_l","reply","undefined","from_user","contact","substring","_e","on","$event","preventDefault","sendReply","staticStyle","directives","rawName","value","expression","target","composing","message","ref","isProcessing","components","_user_image","_org_image","_preview","data","recordMessageReply","created","store","sendMetrics","$router","push","getMessage","mounted","document","addEventListener","setTextToTrix","beforeDestroy","removeEventListener","computed","recordMessageSent","state","to_contact","replies","sent_message_replies","getPublicRecordMessageSent","$route","params","uuid","getElementById","isIE","ua","indexOf","formData","append","createRecordMessagePublicReply","then","class","hasImage","module","exports"],"mappings":"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","file":"js/public_record_message_sent~f71cff67.0d85e230.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_preview.vue?vue&type=style&index=0&id=38fbb75c&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_preview.vue?vue&type=style&index=0&id=38fbb75c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"record-display-wrapper\"}},[(_vm.mime === 'pdf')?_c('iframe',{style:(_vm.iframeStyle),attrs:{\"src\":(\"https://mozilla.github.io/pdf.js/web/viewer.html?file=\" + (_vm.previewUrl(_vm.record.location))),\"width\":\"100%\"}}):(_vm.mime === 'microsoft')?_c('iframe',{style:(_vm.iframeStyle),attrs:{\"src\":(\"https://view.officeapps.live.com/op/embed.aspx?src=\" + (_vm.previewUrl(_vm.record.location)) + \"&embedded=true\"),\"width\":\"100%\"}}):(_vm.mime === 'image')?_c('img',{staticClass:\"preview-img\",attrs:{\"src\":_vm.previewUrl(_vm.record.location)}}):_c('div',{staticClass:\"empty-state\"},[_c('img',{attrs:{\"alt\":\"No preview\",\"src\":require(\"../../assets/preview_icon.svg\")}}),_c('br'),_vm._v(\"\\n    \"+_vm._s(_vm.$t('record.record_display.no_preview'))+\"\\n    \"),_c('br'),_c('a',{staticClass:\"btn btn-primary\",attrs:{\"disposition\":\"attachment\",\"download\":true,\"href\":_vm.previewUrl(_vm.record.location)}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('record.record_display.download_file'))+\"\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"record-display-wrapper\">\n    <iframe v-if=\"mime === 'pdf'\" :src=\"`https://mozilla.github.io/pdf.js/web/viewer.html?file=${previewUrl(record.location)}`\" width=\"100%\" :style=\"iframeStyle\"></iframe>\n    <iframe v-else-if=\"mime === 'microsoft'\" :src=\"`https://view.officeapps.live.com/op/embed.aspx?src=${previewUrl(record.location)}&embedded=true`\" width=\"100%\" :style=\"iframeStyle\"></iframe>\n    <img v-else-if=\"mime === 'image'\" :src=\"previewUrl(record.location)\" class=\"preview-img\" />\n    <div v-else class=\"empty-state\">\n      <img alt=\"No preview\" src=\"../../assets/preview_icon.svg\">\n      <br/>\n      {{ $t('record.record_display.no_preview') }}\n      <br/>\n      <a disposition=\"attachment\" :download=\"true\" :href=\"previewUrl(record.location)\" class=\"btn btn-primary\">\n        {{ $t('record.record_display.download_file') }}\n      </a>\n    </div>\n  </div>\n</template>\n\n<script>\n  const MICROSOFT_MIMES = [\n    'application/msword',\n    'application/vnd.ms-excel',\n    'application/vnd.ms-powerpoint',\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    'application/vnd.ms-excel.sheet.macroenabled.12'\n  ]\n\n  const IMAGE_MIMES = [\n    'image/jpeg',\n    'image/jpg',\n    'image/png',\n  ]\n\n  export default {\n    props: ['record'],\n    computed: {\n      mime() {\n        if (this.$props.record.mime_type === 'application/pdf')\n          return 'pdf'\n        else if (MICROSOFT_MIMES.indexOf(this.$props.record.mime_type) > -1)\n          return 'microsoft'\n        else if (IMAGE_MIMES.indexOf(this.$props.record.mime_type) > -1)\n          return 'image'\n        else\n          return 'unknown'\n      },\n      iframeStyle() {\n        return {\n          border: 0,\n          position: 'static',\n          'z-index': 0\n        }\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  #record-display-wrapper {\n    width: 50vw;\n    background: #EEEEEE;\n    height: calc(100vh - 120px);\n    display: flex;\n    flex-wrap: wrap;\n    align-content: center;\n    justify-content: center;\n  }\n\n  #record-display-wrapper .empty-state {\n    text-align: center;\n    font-size: 15px;\n    font-weight: bold;\n  }\n\n  #record-display-wrapper .empty-state .btn-primary, #record-display-wrapper .empty-state img {\n    margin-top: 10px;\n    margin-bottom: 30px;\n    padding-left: 40px;\n    padding-right: 40px;\n  }\n\n  iframe {\n    height: calc(100vh - 120px);\n  }\n\n  img.preview-img {\n    min-width: 100px;\n    max-width: 90%;\n    max-height: 100%;\n    height: auto;\n    margin-top: 30px;\n  }\n</style>\n","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!./_preview.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!./_preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./_preview.vue?vue&type=template&id=38fbb75c&scoped=true&\"\nimport script from \"./_preview.vue?vue&type=script&lang=js&\"\nexport * from \"./_preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./_preview.vue?vue&type=style&index=0&id=38fbb75c&scoped=true&lang=css&\"\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  \"38fbb75c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"shared-record-wrapper\"},[_c('div',{staticClass:\"company-identification-wrapper\"},[(_vm.organization.active)?_c('div',{staticClass:\"sender-pic\"},[_c('org-image',{staticClass:\"org-pic\",attrs:{\"organization\":_vm.organization,\"propStyle\":{ width: '50px', height: '50px', 'line-height': '50px' }}}),_c('h3',[_vm._v(_vm._s(_vm.$t('public.record_msg.record_org', {userName: this.creator.full_name, orgName: this.organization.name })))]),_c('h3',[_vm._v(_vm._s(_vm.record.filename))])],1):_c('div',[_c('user-image',{attrs:{\"user\":_vm.creator,\"propStyle\":{ width: '50px', height: '50px', 'line-height': '50px' }}}),_c('h3',[_vm._v(_vm._s(_vm.$t('public.record_msg.record_text', {userName: this.creator.full_name} )))]),_c('h3',[_c('strong',[_vm._v(_vm._s(_vm.record.filename))])])],1),_c('div',{staticClass:\"preview-file\"},[_c('preview',{attrs:{\"record\":_vm.record}})],1)])]),_c('div',{staticClass:\"msg-reply\"},[_c('div',[_c('p',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.$t('public.record_msg.msgs')))]),_c('div',{staticClass:\"note-details-container msg\"},[_c('user-image',{attrs:{\"user\":{ full_name: _vm.creator.full_name }}}),_c('span',[_vm._v(_vm._s(_vm.creator.full_name))]),_c('p',{staticClass:\"date\"},[_vm._v(\"\\n          \"+_vm._s(_vm.formatTime(_vm.recordMessage.created_at))+\"\\n          \"+_vm._s(_vm.formatDate(_vm.recordMessage.created_at))+\"\\n        \")]),_c('p',{staticClass:\"text\",domProps:{\"innerHTML\":_vm._s(_vm.recordMessage.body)}})],1),_vm._l((_vm.replies),function(reply){return _c('div',{staticClass:\"note-details-container msg\"},[(reply.from_user !== undefined)?_c('div',[_c('user-image',{attrs:{\"user\":reply.from_user}}),_c('span',[_vm._v(_vm._s(reply.from_user.full_name))])],1):(_vm.contact)?_c('div',[_c('div',{staticClass:\"contact-image-wrapper rounded-circle\"},[_c('span',[_vm._v(\"\\n              \"+_vm._s(_vm.contact.name ? _vm.contact.name.substring(0, 1) : '')+\"\\n            \")])]),_c('span',[_vm._v(_vm._s(_vm.contact.name))])]):_vm._e(),_c('p',{staticClass:\"date\"},[_vm._v(\"\\n          \"+_vm._s(_vm.formatTime(reply.created_at))+\"\\n          \"+_vm._s(_vm.formatDate(reply.created_at))+\"\\n        \")]),_c('p',{staticClass:\"text\",domProps:{\"innerHTML\":_vm._s(reply.body)}})])})],2),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.sendReply($event)}}},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('public.record_msg.msg'))+\"\\n        \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.message),expression:\"message\"}],attrs:{\"id\":\"body\",\"type\":\"hidden\",\"name\":\"record_message[body]\"},domProps:{\"value\":(_vm.message)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.message=$event.target.value}}}),_c('trix-editor',{ref:\"trix\",staticClass:\"trix-body tinymce\",attrs:{\"input\":\"body\",\"name\":\"record_message[body]\"}})],1),_c('div',[_c('button',{staticClass:\"btn btn-outline-primary float-right\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isProcessing || !_vm.message}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('header.send'))+\"\\n          \"),_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isProcessing),expression:\"isProcessing\"}],staticClass:\"fas fa-circle-notch fa-spin\"})])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"details\">\n    <div class=\"shared-record-wrapper\">\n      <div class=\"company-identification-wrapper\">\n        <div class=\"sender-pic\" v-if=\"organization.active\">\n          <org-image :organization='organization' :propStyle=\"{ width: '50px', height: '50px', 'line-height': '50px' }\" class=\"org-pic\"/>\n          <h3>{{ $t('public.record_msg.record_org', {userName: this.creator.full_name, orgName: this.organization.name })}}</h3>\n          <h3>{{ record.filename }}</h3>\n        </div>\n        <div v-else>\n          <user-image :user='creator' :propStyle=\"{ width: '50px', height: '50px', 'line-height': '50px' }\" />\n          <h3>{{ $t('public.record_msg.record_text', {userName: this.creator.full_name} )}}</h3>\n          <h3><strong>{{ record.filename }}</strong></h3>\n        </div>\n\n        <div class=\"preview-file\" >\n          <preview :record='record'></preview>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"msg-reply\">\n      <div>\n        <p class=\"text\">{{ $t('public.record_msg.msgs')}}</p>\n\n        <div class=\"note-details-container msg\">\n          <user-image :user='{ full_name: creator.full_name }' />\n          <span>{{ creator.full_name }}</span>\n          <p class=\"date\">\n            {{ formatTime(recordMessage.created_at) }}\n            {{ formatDate(recordMessage.created_at) }}\n          </p>\n          <p v-html=\"recordMessage.body\" class=\"text\"></p>\n        </div>\n\n        <div v-for=\"reply in replies\" class=\"note-details-container msg\">\n          <div v-if=\"reply.from_user !== undefined\">\n            <user-image :user='reply.from_user'/>\n            <span>{{ reply.from_user.full_name }}</span>\n          </div>\n          <div v-else-if=\"contact\">\n            <div class=\"contact-image-wrapper rounded-circle\">\n              <span>\n                {{ contact.name ? contact.name.substring(0, 1) : '' }}\n              </span>\n            </div>\n            <span>{{ contact.name }}</span>\n          </div>\n\n          <p class=\"date\">\n            {{ formatTime(reply.created_at) }}\n            {{ formatDate(reply.created_at) }}\n          </p>\n          <p v-html=\"reply.body\" class=\"text\"></p>\n        </div>\n      </div>\n\n      <form @submit.prevent=\"sendReply\">\n        <div class='form-group'>\n          <label style=\"width: 100%\">\n            {{ $t('public.record_msg.msg')}}\n          </label>\n          <input id=\"body\" type=\"hidden\" name='record_message[body]' v-model=\"message\">\n          <trix-editor input=\"body\" class=\"trix-body tinymce\" name=\"record_message[body]\" ref=\"trix\"></trix-editor>\n        </div>\n        <div>\n          <button type='submit' class=\"btn btn-outline-primary float-right\" :disabled=\"isProcessing || !message\">\n            {{ $t('header.send') }}\n            <i class=\"fas fa-circle-notch fa-spin\" v-show=\"isProcessing\"></i>\n          </button>\n        </div>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script>\nimport _user_image from '../../components/_user_image'\nimport _org_image from '../../components/_org_image'\nimport _preview from '../../components/records/_preview'\nimport 'trix'\nimport 'trix/dist/trix.css'\n\nexport default {\n  components: {\n    'user-image': _user_image,\n    'org-image': _org_image,\n    'preview': _preview,\n  },\n  data() {\n    return {\n      recordMessageReply: null,\n      message: null,\n      isProcessing: false,\n    }\n  },\n  created() {\n    this.store.sendMetrics({name: 'file_communication_public_page_index', params: this.$route.params, path: this.$route.fullPath})\n    if(this.isIE()) {\n      this.$router.push({ name: 'unsupported_browser' })\n    }\n    this.getMessage()\n  },\n  mounted(){\n    document.addEventListener(\"trix-change\", this.setTextToTrix)\n  },\n  beforeDestroy() {\n    document.removeEventListener(\"trix-change\", this.setTextToTrix)\n  },\n  computed: {\n    recordMessageSent(){\n      return this.state.recordMessageSent || {}\n    },\n    recordMessage() {\n      return this.recordMessageSent.message || {}\n    },\n    record() {\n      return this.recordMessage.record || {}\n    },\n    creator(){\n      return this.recordMessage.from_user || {}\n    },\n    organization(){\n      return this.creator.organization || {}\n    },\n    contact(){\n      return this.recordMessageSent.to_contact || {}\n    },\n    replies(){\n      return this.recordMessageSent.sent_message_replies || {}\n    }\n\n  },\n   methods: {\n    getMessage(){\n      this.store.getPublicRecordMessageSent(this.$route.params.uuid)\n    },\n    setTextToTrix() {\n      this.message = document.getElementById(\"body\").value\n    },\n    isIE() {\n      let ua = navigator.userAgent\n      return ua.indexOf(\"MSIE \") > -1 || ua.indexOf(\"Trident/\") > -1\n    },\n    sendReply(e){\n      this.isProcessing = true\n      let formData = new FormData(e.target)\n      formData.append('record_message_sent[uuid]', this.recordMessageSent.uuid)\n\n      this.store.createRecordMessagePublicReply(formData).then((data) => {\n        this.$toastr.success(this.$t('public.record_msg.success'))\n        this.recordMessageReply = data.data\n        this.message = null\n        this.$refs.trix.innerHTML = null\n        this.getMessage()\n      }).finally(() => {\n        this.isProcessing = false\n        this.store.sendMetrics({name: 'file_communication_public_page_send_reply', params: this.$route.params, path: this.$route.fullPath})\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.h3\n  display: block\n.header-public\n  background: #7678ED\n  img\n    margin-top: 10px\n  .actions-receiver\n    display: flex\n    align-items: center\n    margin-top: 10px\n    a\n      margin-right: 15px\n      color: #fff\n      font-size: 14px\n      font-family: Quicksand, sans-serif\n      font-weight: 500\n      letter-spacing: 1.4px\n      &:hover\n        text-decoration: underline\n    .btn:hover\n      text-decoration: none\n  .change-locale\n    margin-right: 15px\n    color: #fff\n    a\n      margin-right: 0\n      text-transform: uppercase\n      &.active\n        text-decoration: underline\n  h1\n    font-size: 30px\n    color: #fff\n    text-align: center\n    margin: 0\n    letter-spacing: 0.1em\n    padding-top: 8px\n    padding-bottom: 30px\n    &.finanz\n      padding-top: 30px\n.details\n  display: flex\n  padding: 30px 0 20px\n  .shared-record-wrapper\n    text-align: center\n    margin: 0 50px 0 20px\n    border-right: 1px solid #ced4da\n    padding-right: 80px\n    h3\n      font-size: 18px\n      font-weight: 500\n      color: #273245\n      letter-spacing: 0.1em\n    span\n      background-color: #fce8b2\n      color: #000\n      font-size: 12px\n      padding: 3px 5px\n      font-weight: 500\n      letter-spacing: 0.1em\n    .preview-file\n      margin-top: 30px\n      #record-display-wrapper\n        width: 40vw\n        margin-left: 90px\n  .msg-reply\n    text-align: left\n    padding-right: 10px\n    margin-top: 20px\n    width: 60vw\n    margin-right: 90px\n    .msg\n      border-top: 1px solid #ced4da\n      padding-top: 10px\n\n.contact-image-wrapper\n  width: 45px\n  height: 45px\n  line-height: 45px\n  background: #56DAE2\n  font-weight: bold\n  text-align: center\n  overflow: hidden\n  display: block\n  float: left\n  color: #fff\n  margin-right: 7px\n  img\n    vertical-align: top\n    min-width: 100%\n    min-height: 100%\n    width: auto\n    height: auto\n  div\n    border-radius: 50%\n  &.org-pic\n    background: #eee\n    color: #000\n\n</style>\n","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!./RecordMessageSent.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!./RecordMessageSent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecordMessageSent.vue?vue&type=template&id=7d297c14&scoped=true&\"\nimport script from \"./RecordMessageSent.vue?vue&type=script&lang=js&\"\nexport * from \"./RecordMessageSent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecordMessageSent.vue?vue&type=style&index=0&id=7d297c14&lang=sass&scoped=true&\"\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  \"7d297c14\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['user-image-wrapper', 'rounded-circle', { 'has-initials': !_vm.hasImage, 'has-image': _vm.hasImage }],style:(_vm.divStyle)},[(_vm.hasImage)?_c('div',{style:(_vm.imgStyle)}):_c('span',[_vm._v(\"\\n  \"+_vm._s(_vm.organization.name ? _vm.organization.name.substring(0, 1) : '')+\"\\n\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div :class=\"['user-image-wrapper', 'rounded-circle', { 'has-initials': !hasImage, 'has-image': hasImage }]\" :style=\"divStyle\">\n        <div v-if='hasImage' :style='imgStyle'></div>\n        <span v-else>\n      {{ organization.name ? organization.name.substring(0, 1) : ''}}\n    </span>\n    </div>\n</template>\n\n<script>\n    export default {\n        props: {\n            organization: {\n                type: Object,\n                required: true\n            },\n            propStyle: {\n                type: Object,\n                default: Object\n            }\n        },\n        computed: {\n            divStyle() {\n                return Object.assign({}, {\n                    width: '45px',\n                    height: '45px',\n                    'line-height': '45px',\n                }, this.$props.propStyle)\n            },\n            imgStyle() {\n                return Object.assign({}, this.divStyle , {\n                    'background-image': 'url(' + this.previewUrl(this.$props.organization.logo_url) + ')',\n                    'background-repeat': 'no-repeat',\n                    'background-size': 'contain',\n                    'background-position': '50% 50%'\n                })\n            },\n            hasImage() {\n                return !!this.$props.organization.logo_url\n            }\n        }\n    }\n</script>\n","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!./_org_image.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!./_org_image.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./_org_image.vue?vue&type=template&id=0dba7058&\"\nimport script from \"./_org_image.vue?vue&type=script&lang=js&\"\nexport * from \"./_org_image.vue?vue&type=script&lang=js&\"\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","module.exports = \"data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M106.753 100.086L84.0852 77.4188C85.8899 74.0137 86.8382 70.2146 86.8382 66.3265C86.8382 58.3641 82.7816 50.8955 76.1727 46.5273V20.6441C76.1727 20.0525 75.9376 19.4849 75.5192 19.0666L57.1064 0.653482C56.6878 0.235155 56.1205 0 55.5288 0H5.43734C4.20534 0 3.20627 0.998853 3.20627 2.23108V97.662C3.20627 98.8942 4.20534 99.8931 5.43734 99.8931H73.9416C75.1736 99.8931 76.1727 98.8942 76.1727 97.662V89.2459L96.8827 109.956C98.2008 111.274 99.9535 112 101.818 112C103.682 112 105.435 111.274 106.753 109.956C109.474 107.235 109.474 102.807 106.753 100.086ZM68.5556 18.4131H57.7601V7.61756L63.1577 13.0152L68.5556 18.4131ZM71.7106 88.4347V95.4309H7.66842V4.46215H53.2977V20.6441C53.2977 21.8764 54.2968 22.8752 55.5288 22.8752H71.7106V44.2181L71.7126 44.2213C68.9875 43.1635 66.0735 42.6115 63.1231 42.6115C50.0468 42.6115 39.4082 53.25 39.4082 66.3263C39.4082 79.4026 50.0468 90.0411 63.1231 90.0411C66.0735 90.0411 68.9875 89.4891 71.7126 88.4314L71.7106 88.4347ZM73.3908 82.6147C73.2016 82.7343 73.0102 82.8506 72.8165 82.9634C69.8869 84.6747 66.5351 85.5792 63.1234 85.5792C52.5072 85.5792 43.8705 76.9424 43.8705 66.3265C43.8705 55.7106 52.5072 47.0739 63.1234 47.0739C66.5349 47.0739 69.8869 47.9784 72.8167 49.6896C78.713 53.1333 82.376 59.5081 82.376 66.3265C82.376 69.9743 81.3508 73.5249 79.4111 76.5944C77.8862 79.008 75.8044 81.0896 73.3908 82.6147ZM103.598 106.801C103.122 107.276 102.49 107.538 101.818 107.538C101.145 107.538 100.513 107.276 100.038 106.801L78.0158 84.7786L78.014 84.7784C79.3205 83.7209 80.5175 82.5241 81.575 81.2176L81.5753 81.2194L103.598 103.242C104.579 104.223 104.579 105.819 103.598 106.801Z' fill='%23686868'/%3E %3Cpath d='M55.0714 53.1895C50.4663 56.0172 47.7169 60.9282 47.7169 66.3265C47.7169 67.5588 48.716 68.5576 49.948 68.5576C51.18 68.5576 52.1791 67.5588 52.1791 66.3265C52.1791 62.4913 54.1333 59.0019 57.4062 56.9922C58.4564 56.3474 58.7848 54.9735 58.14 53.9235C57.4953 52.8734 56.1214 52.5447 55.0714 53.1895Z' fill='%23686868'/%3E %3C/svg%3E\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecordMessageSent.vue?vue&type=style&index=0&id=7d297c14&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecordMessageSent.vue?vue&type=style&index=0&id=7d297c14&lang=sass&scoped=true&\""],"sourceRoot":""}