{"version":3,"sources":["webpack:///./src/components/popups/contributions/contributionsPopup.vue","webpack:///src/components/popups/contributions/contributionsPopup.vue","webpack:///./src/components/popups/contributions/contributionsPopup.vue?a941","webpack:///./src/components/popups/contributions/contributionsPopup.vue?1e90","webpack:///./src/assets/img/tabs/font.svg","webpack:///./src/assets/img/tabs/pages.svg","webpack:///./src/mixins/contributions.js","webpack:///./src/components/popups/contributions/contributionsPopup.vue?d483"],"names":["render","_vm","this","_c","_self","staticClass","on","onHideModal","$event","stopPropagation","_m","class","checkedContributions","length","_l","tabs","tab","name","idx","directives","rawName","value","showTab","expression","key","activeTab","onChangeTab","attrs","img","_v","_s","ref","onDelete","staticStyle","firstLoader","noListItems","updateCheckedContributionsList","titles","t","itemsList","i","reversed","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","showPopup","includes","style","content","_e","getSizeInMBs","size","getCategories","categories","interaction","status","comment","c","serializeComment","getCorrectDate","date","user_email","getCorrectTime","green","isAdminsComment","msg","loader","isLoadingContent","redMsg","descMsg","tutorial","$store","dispatch","type","data","step","staticRenderFns","require","mixins","contributionsMixin","components","preloader","templates","vars","contributeTempTut","images","contributeTextTut","texts","contributeImgTut","fonts","contributeFontTut","pages","disableObserve","observer","names","noItemsIfno","computed","mapGetters","currentUser","canvas","templatesOffset","richImages","richImagesOffset","textsOffset","fontsOffset","pagesOffset","popupsVisible","popupsData","activeTabMod","Infinity","mounted","scrollTrigger","methods","IntersectionObserver","entries","forEach","entry","intersectionRatio","fetchContributions","observe","$refs","infinityScrollTriggerCtg","fetchFonts","newTab","scrollTop","_this$currentUser","role","promises","f","push","fetchFont","Promise","all","ctgsList","map","join","e","$emit","environment","itemType","item","email","watch","deep","handler","list","selectAll","component","module","exports","allCategories","allInteractions","isEditor","categoriesListMod","ctgsFilterInput","filter","interactionsListMod","interactionsFilterInput","s","toFixed","_date","Date","parse","Intl","DateTimeFormat","year","month","day","format","hour","minute"],"mappings":"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","file":"js/contributionsPopup.cb903791.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-wraper\",on:{\"click\":_vm.onHideModal}},[_c('div',{staticClass:\"popup-overlay\",on:{\"click\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"popup-scroll\"},[_c('div',{staticClass:\"container\"},[_vm._m(0),_c('div',{staticClass:\"top-nav\"},[_c('div',{class:{ 'top-nav-item': _vm.checkedContributions.length }}),_c('div',{staticClass:\"tabs-container\"},_vm._l((_vm.tabs),function(tab,name,idx){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showTab(name)),expression:\"showTab(name)\"}],key:idx,staticClass:\"tab-item\",class:{ 'active-tab-item': _vm.activeTab === name },on:{\"click\":function($event){return _vm.onChangeTab(name)}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":tab.img}}),_c('span',[_vm._v(_vm._s(name))])])}),0),_c('div',[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.checkedContributions.length),expression:\"checkedContributions.length\"}],ref:\"addBtn\",staticClass:\"popup-btn\",on:{\"click\":_vm.onDelete}},[_vm._v(\" delete \")])])]),_c('preloader',{staticClass:\"popup-preloader\",staticStyle:{\"z-index\":\"100\"},attrs:{\"visible\":_vm.firstLoader}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.noListItems),expression:\"!noListItems\"}],staticClass:\"items-container\"},[_c('div',{staticClass:\"titles\"},[_c('label',{staticClass:\"checkbox-container\"},[_c('input',{ref:\"selectAll\",attrs:{\"type\":\"checkbox\",\"hidden\":\"\"},on:{\"input\":_vm.updateCheckedContributionsList}}),_c('div',{staticClass:\"checkbox-item\"})]),_c('div',{staticClass:\"grid\",class:`${_vm.activeTab}-grid`},_vm._l((_vm.tabs[_vm.activeTab].titles),function(t,idx){return _c('span',{key:idx,staticClass:\"titles-item\",class:{ 'preview-title': t === 'preview' }},[_vm._v(_vm._s(t))])}),0)]),_c('div',{ref:\"itemsList\",staticClass:\"items-list\"},[_vm._l((_vm.itemsList),function(i,idx){return _c('div',{key:idx,staticClass:\"item\",class:{ reversed: idx % 2 }},[_c('label',{staticClass:\"checkbox-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkedContributions),expression:\"checkedContributions\"}],attrs:{\"type\":\"checkbox\",\"hidden\":\"\"},domProps:{\"value\":i,\"checked\":Array.isArray(_vm.checkedContributions)?_vm._i(_vm.checkedContributions,i)>-1:(_vm.checkedContributions)},on:{\"change\":function($event){var $$a=_vm.checkedContributions,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=i,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.checkedContributions=$$a.concat([$$v]))}else{$$i>-1&&(_vm.checkedContributions=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.checkedContributions=$$c}}}}),_c('div',{staticClass:\"checkbox-item\",class:{ reversed: idx % 2 }})]),_c('div',{staticClass:\"content-container grid\",class:`${_vm.activeTab}-grid`,on:{\"click\":function($event){return _vm.showPopup(i)}}},[(_vm.tabs[_vm.activeTab].titles.includes('preview'))?_c('div',{staticClass:\"preview-container\"},[(_vm.activeTab === 'fonts')?_c('div',{staticClass:\"font-preview\",style:({ 'font-family': i.name })},[_vm._v(\" \"+_vm._s(i.name)+\" \")]):_c('img',{staticClass:\"preview-img\",attrs:{\"alt\":\"img\",\"src\":i.img || i.content}})]):_vm._e(),(_vm.tabs[_vm.activeTab].titles.includes('size'))?_c('div',{staticClass:\"item-info\"},[_c('div',{staticClass:\"smallbold center\"},[_vm._v(\" \"+_vm._s(_vm.getSizeInMBs(i.size))+\" \")])]):_vm._e(),_c('div',{staticClass:\"item-info\"},[_c('div',{staticClass:\"smallbold name-text\"},[_vm._v(\" \"+_vm._s(i.name)+\" \")])]),(\n                    _vm.tabs[_vm.activeTab].titles.includes('categories') ||\n                      _vm.tabs[_vm.activeTab].titles.includes('sets')\n                  )?_c('div',{staticClass:\"item-info\"},[_c('div',{staticClass:\"smallbold name-text\",attrs:{\"title\":_vm.getCategories(i.categories || [i.interaction])}},[_vm._v(\" \"+_vm._s(_vm.getCategories(i.categories || [i.interaction]))+\" \")])]):_vm._e(),(_vm.tabs[_vm.activeTab].titles.includes('status'))?_c('div',{staticClass:\"item-info\"},[_c('div',{staticClass:\"smallbold locale-value locale-value-visible center\",class:i.status},[_vm._v(\" \"+_vm._s(i.status)+\" \")])]):_vm._e(),(_vm.tabs[_vm.activeTab].titles.includes('comments'))?_c('div',{staticClass:\"item-info\",staticStyle:{\"justify-self\":\"flex-start\"}},[_c('div',{staticClass:\"smallbold comment-text\"},_vm._l((i.comment),function(c,idx){return _c('div',{key:idx},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.serializeComment(c, idx, i)),expression:\"serializeComment(c, idx, i)\"}],staticClass:\"comment-data\"},[_vm._v(\" \"+_vm._s(_vm.getCorrectDate(c.date))+\" \")]),_c('span',{staticClass:\"comment-email\"},[_vm._v(_vm._s(c.user_email))]),_c('span',{staticClass:\"comment-date\"},[_vm._v(\" (\"+_vm._s(_vm.getCorrectTime(c.date))+\"): \")]),_c('span',{staticClass:\"comment-msg\",class:{ green: _vm.isAdminsComment(c.user_email) }},[_vm._v(_vm._s(c.msg))])])}),0)]):_vm._e()])])}),_c('div',{class:{ loader: _vm.isLoadingContent }},[_c('div',{ref:\"infinityScrollTriggerCtg\",attrs:{\"id\":\"scroll-trigger\"}}),_c('preloader',{staticClass:\"preloader-inf\",attrs:{\"visible\":_vm.isLoadingContent}})],1)],2)]),(_vm.noListItems)?[_c('div',{staticClass:\"red-msg\"},[_vm._v(_vm._s(_vm.tabs[_vm.activeTab].redMsg))]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tabs[_vm.activeTab].descMsg),expression:\"tabs[activeTab].descMsg\"}],staticClass:\"description-msg\"},[_vm._v(\" \"+_vm._s(_vm.tabs[_vm.activeTab].descMsg)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tabs[_vm.activeTab].tutorial),expression:\"tabs[activeTab].tutorial\"}],staticClass:\"video-tutorial\"},[_c('iframe',{staticClass:\"video-frame\",attrs:{\"src\":_vm.tabs[_vm.activeTab].tutorial,\"frameborder\":\"0\",\"allowfullscreen\":\"\"}})])]:_vm._e(),(_vm.activeTab === 'images')?_c('div',{staticClass:\"contribute-new\",class:{ 'empty-list': !_vm.itemsList.length },on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n              type: 'addPopup',\n              data: { step: 'images' }\n            })}}},[_vm._v(\" contribute new image \")]):_vm._e(),(_vm.activeTab === 'fonts')?_c('div',{staticClass:\"contribute-new\",class:{ 'empty-list': !_vm.itemsList.length },on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n              type: 'addPopup',\n              data: { step: 'fonts' }\n            })}}},[_vm._v(\" contribute new font \")]):_vm._e()],2),_c('div',{staticClass:\"popup-close\",on:{\"click\":_vm.onHideModal}},[_vm._v(\"×\")])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"overlay-title\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/publish_as_community.svg\")}}),_c('span',{staticClass:\"overlay-title-span\"},[_vm._v(\"my contributions\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click=\"onHideModal\">\n    <div class=\"popup-overlay\" @click.stop>\n      <div class=\"popup-scroll\">\n        <div class=\"container\">\n          <div class=\"overlay-title\">\n            <img alt=\"img\" src=\"@/assets/img/publish_as_community.svg\" />\n            <span class=\"overlay-title-span\">my contributions</span>\n          </div>\n          <div class=\"top-nav\">\n            <div :class=\"{ 'top-nav-item': checkedContributions.length }\"></div>\n            <div class=\"tabs-container\">\n              <div\n                class=\"tab-item\"\n                @click=\"onChangeTab(name)\"\n                v-for=\"(tab, name, idx) in tabs\"\n                v-show=\"showTab(name)\"\n                :key=\"idx\"\n                :class=\"{ 'active-tab-item': activeTab === name }\"\n              >\n                <img alt=\"img\" :src=\"tab.img\" />\n                <span>{{ name }}</span>\n              </div>\n            </div>\n            <div>\n              <button\n                v-show=\"checkedContributions.length\"\n                class=\"popup-btn\"\n                ref=\"addBtn\"\n                @click=\"onDelete\"\n              >\n                delete\n              </button>\n            </div>\n          </div>\n          <preloader\n            class=\"popup-preloader\"\n            :visible=\"firstLoader\"\n            style=\"z-index: 100\"\n          />\n          <div class=\"items-container\" v-show=\"!noListItems\">\n            <div class=\"titles\">\n              <label class=\"checkbox-container\">\n                <input\n                  type=\"checkbox\"\n                  ref=\"selectAll\"\n                  hidden\n                  @input=\"updateCheckedContributionsList\"\n                />\n                <div class=\"checkbox-item\"></div>\n              </label>\n              <div class=\"grid\" :class=\"`${activeTab}-grid`\">\n                <span\n                  class=\"titles-item\"\n                  v-for=\"(t, idx) of tabs[activeTab].titles\"\n                  :key=\"idx\"\n                  :class=\"{ 'preview-title': t === 'preview' }\"\n                  >{{ t }}</span\n                >\n              </div>\n            </div>\n            <div class=\"items-list\" ref=\"itemsList\">\n              <div\n                class=\"item\"\n                :class=\"{ reversed: idx % 2 }\"\n                v-for=\"(i, idx) of itemsList\"\n                :key=\"idx\"\n              >\n                <label class=\"checkbox-container\">\n                  <input\n                    type=\"checkbox\"\n                    hidden\n                    :value=\"i\"\n                    v-model=\"checkedContributions\"\n                  />\n                  <div\n                    class=\"checkbox-item\"\n                    :class=\"{ reversed: idx % 2 }\"\n                  ></div>\n                </label>\n                <div\n                  class=\"content-container grid\"\n                  @click=\"showPopup(i)\"\n                  :class=\"`${activeTab}-grid`\"\n                >\n                  <!-- preview -->\n                  <div\n                    class=\"preview-container\"\n                    v-if=\"tabs[activeTab].titles.includes('preview')\"\n                  >\n                    <div\n                      v-if=\"activeTab === 'fonts'\"\n                      class=\"font-preview\"\n                      :style=\"{ 'font-family': i.name }\"\n                    >\n                      {{ i.name }}\n                    </div>\n                    <img\n                      alt=\"img\"\n                      v-else\n                      class=\"preview-img\"\n                      :src=\"i.img || i.content\"\n                    />\n                  </div>\n                  <!-- size -->\n                  <div\n                    class=\"item-info\"\n                    v-if=\"tabs[activeTab].titles.includes('size')\"\n                  >\n                    <div class=\"smallbold center\">\n                      {{ getSizeInMBs(i.size) }}\n                    </div>\n                  </div>\n                  <!-- name -->\n                  <div class=\"item-info\">\n                    <div class=\"smallbold name-text\">\n                      {{ i.name }}\n                    </div>\n                  </div>\n                  <!-- category / sets -->\n                  <div\n                    class=\"item-info\"\n                    v-if=\"\n                      tabs[activeTab].titles.includes('categories') ||\n                        tabs[activeTab].titles.includes('sets')\n                    \"\n                  >\n                    <div\n                      class=\"smallbold name-text\"\n                      :title=\"getCategories(i.categories || [i.interaction])\"\n                    >\n                      {{ getCategories(i.categories || [i.interaction]) }}\n                    </div>\n                  </div>\n                  <!-- status -->\n                  <div\n                    class=\"item-info\"\n                    v-if=\"tabs[activeTab].titles.includes('status')\"\n                  >\n                    <div\n                      :class=\"i.status\"\n                      class=\"smallbold locale-value locale-value-visible center\"\n                    >\n                      {{ i.status }}\n                    </div>\n                  </div>\n                  <!-- comments -->\n                  <div\n                    class=\"item-info\"\n                    style=\"justify-self: flex-start;\"\n                    v-if=\"tabs[activeTab].titles.includes('comments')\"\n                  >\n                    <div class=\"smallbold comment-text\">\n                      <div v-for=\"(c, idx) of i.comment\" :key=\"idx\">\n                        <div\n                          class=\"comment-data\"\n                          v-show=\"serializeComment(c, idx, i)\"\n                        >\n                          {{ getCorrectDate(c.date) }}\n                        </div>\n                        <span class=\"comment-email\">{{ c.user_email }}</span>\n                        <span class=\"comment-date\">\n                          ({{ getCorrectTime(c.date) }}):\n                        </span>\n                        <span\n                          class=\"comment-msg\"\n                          :class=\"{ green: isAdminsComment(c.user_email) }\"\n                          >{{ c.msg }}</span\n                        >\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div :class=\"{ loader: isLoadingContent }\">\n                <div ref=\"infinityScrollTriggerCtg\" id=\"scroll-trigger\"></div>\n                <preloader class=\"preloader-inf\" :visible=\"isLoadingContent\" />\n              </div>\n            </div>\n          </div>\n          <template v-if=\"noListItems\" class=\"no-items-container\">\n            <div class=\"red-msg\">{{ tabs[activeTab].redMsg }}</div>\n            <div class=\"description-msg\" v-show=\"tabs[activeTab].descMsg\">\n              {{ tabs[activeTab].descMsg }}\n            </div>\n            <div class=\"video-tutorial\" v-show=\"tabs[activeTab].tutorial\">\n              <iframe\n                class=\"video-frame\"\n                :src=\"tabs[activeTab].tutorial\"\n                frameborder=\"0\"\n                allowfullscreen\n              ></iframe>\n            </div>\n          </template>\n          <div\n            class=\"contribute-new\"\n            :class=\"{ 'empty-list': !itemsList.length }\"\n            v-if=\"activeTab === 'images'\"\n            @click=\"\n              $store.dispatch('workSpace/showPopup', {\n                type: 'addPopup',\n                data: { step: 'images' }\n              })\n            \"\n          >\n            contribute new image\n          </div>\n          <div\n            class=\"contribute-new\"\n            :class=\"{ 'empty-list': !itemsList.length }\"\n            v-if=\"activeTab === 'fonts'\"\n            @click=\"\n              $store.dispatch('workSpace/showPopup', {\n                type: 'addPopup',\n                data: { step: 'fonts' }\n              })\n            \"\n          >\n            contribute new font\n          </div>\n        </div>\n        <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport { fetchFont } from \"@/helpers/fontsHelper\";\nimport preloader from \"@/components/preloaderMenu\";\nimport vars from \"@/util/vars\";\nimport contributionsMixin from \"@/mixins/contributions\";\nimport \"@/assets/css/popups.css\";\n\nexport default {\n  name: \"contributionPopup\",\n  mixins: [contributionsMixin],\n  components: {\n    preloader\n  },\n  data() {\n    return {\n      activeTab: \"templates\",\n      tabs: {\n        templates: {\n          tutorial: vars.contributeTempTut,\n          img: require(\"@/assets/img/tabs/templates.svg\"),\n          titles: [\n            \"preview\",\n            \"size\",\n            \"name\",\n            \"categories\",\n            \"status\",\n            \"comments\"\n          ],\n          redMsg: \"oops! you haven’t contributed any poster template yet\",\n          descMsg:\n            \"to contribute a poster template you need to create a poster design on canvas and push ‘contribute’ button and follow the steps\"\n        },\n        images: {\n          tutorial: vars.contributeTextTut,\n          img: require(\"@/assets/img/tabs/images.svg\"),\n          titles: [\n            \"preview\",\n            \"size\",\n            \"name\",\n            \"categories\",\n            \"status\",\n            \"comments\"\n          ],\n          redMsg: \"oops! you haven’t contributed any image yet\"\n        },\n        texts: {\n          tutorial: vars.contributeImgTut,\n          img: require(\"@/assets/img/tabs/text.svg\"),\n          titles: [\n            \"preview\",\n            \"size\",\n            \"name\",\n            \"categories\",\n            \"status\",\n            \"comments\"\n          ],\n          redMsg: \"oops! you haven’t contributed any text yet\",\n          descMsg:\n            \"to contribute a text template you need to create a text design on canvas and push ‘contribute’ button and follow the steps\"\n        },\n        fonts: {\n          tutorial: vars.contributeFontTut,\n          img: require(\"@/assets/img/tabs/font.svg\"),\n          titles: [\"preview\", \"size\", \"name\", \"status\", \"comments\"],\n          redMsg: \"oops! you haven’t contributed any font yet\"\n        },\n        // categories: {\n        //   img: require(\"@/assets/img/tabs/elements.svg\"),\n        //   titles: [\"name\", \"status\", \"comments\"],\n        // },\n        pages: {\n          img: require(\"@/assets/img/tabs/pages.svg\"),\n          titles: [\"preview\", \"size\", \"name\", \"sets\"]\n        }\n      },\n      checkedContributions: [],\n      itemsList: [],\n      disableObserve: false,\n      observer: null,\n      firstLoader: true,\n      names: {\n        templates: \"templates\",\n        images: \"richImages\",\n        texts: \"texts\",\n        fonts: \"fonts\",\n        // categories: \"categories\",\n        pages: \"pages\"\n      },\n      noItemsIfno: []\n    };\n  },\n  computed: {\n    ...mapGetters({\n      currentUser: \"auth/currentUser\",\n      canvas: \"workSpace/canvas\",\n      templates: \"contributions/templates\",\n      templatesOffset: \"contributions/templatesOffset\",\n      richImages: \"contributions/richImages\",\n      richImagesOffset: \"contributions/richImagesOffset\",\n      texts: \"contributions/texts\",\n      textsOffset: \"contributions/textsOffset\",\n      fonts: \"contributions/fonts\",\n      fontsOffset: \"contributions/fontsOffset\",\n      categories: \"contributions/categories\",\n      pages: \"contributions/pages\",\n      pagesOffset: \"contributions/pagesOffset\",\n      isLoadingContent: \"contributions/isLoadingContent\",\n      popupsVisible: \"workSpace/popupsVisible\",\n      popupsData: \"workSpace/popupsData\"\n    }),\n    noListItems() {\n      return (\n        this[`${this.activeTabMod}Offset`] === Infinity &&\n        !this[this.activeTabMod].length\n      );\n    },\n    activeTabMod() {\n      return this.names[this.activeTab];\n    }\n  },\n  mounted() {\n    // ? back to previouse step\n    this.popupsData.step && (this.activeTab = this.popupsData.step);\n    this.scrollTrigger();\n  },\n  methods: {\n    scrollTrigger() {\n      this.observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n          if (entry.intersectionRatio > 0) {\n            this.fetchContributions();\n          }\n          this.firstLoader = false;\n        });\n      });\n      this.observer.observe(this.$refs.infinityScrollTriggerCtg);\n    },\n    async fetchContributions() {\n      if (this.disableObserve) return;\n      this.disableObserve = true;\n      await this.$store.dispatch(\n        \"contributions/getContributions\",\n        this.activeTabMod\n      );\n      await this.fetchFonts();\n      this.disableObserve = false;\n      this.firstLoader = false;\n      this.itemsList = this[this.activeTabMod];\n    },\n    async onChangeTab(newTab) {\n      this.activeTab = newTab;\n      this.checkedContributions = [];\n      this.$refs.itemsList.scrollTop = 0;\n      this.firstLoader = true;\n      await this.fetchContributions();\n    },\n    showTab(tab) {\n      if (tab !== \"pages\") return true;\n      else return this.currentUser?.role === \"editor\";\n    },\n    async fetchFonts() {\n      if (this.activeTab !== \"fonts\") return;\n      const promises = [];\n      for (let f of this.fonts) {\n        promises.push(fetchFont(f.content, f.name));\n      }\n      return Promise.all(promises);\n    },\n    getCategories(ctgsList) {\n      return ctgsList.map(c => c?.name).join(\",\\n\");\n    },\n    updateCheckedContributionsList(e) {\n      e.target.checked\n        ? (this.checkedContributions = this.itemsList)\n        : (this.checkedContributions = []);\n    },\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    onDelete() {\n      this.$store.dispatch(\"workSpace/showPopup\", {\n        type: \"deleteContributionPopup\",\n        data: {\n          environment: \"contribtions\",\n          itemsList: this.checkedContributions,\n          itemType: this.activeTab\n        }\n      });\n    },\n    showPopup(item) {\n      this.$store.dispatch(\"workSpace/showPopup\", {\n        type: \"editPopup\",\n        data: {\n          environment: \"contribtions\",\n          step: this.activeTab,\n          item\n        }\n      });\n    },\n    isAdminsComment(email) {\n      return this.currentUser.email !== email;\n    }\n  },\n  watch: {\n    checkedContributions: {\n      deep: true,\n      handler(list) {\n        if (this.itemsList.length && list.length === this.itemsList.length)\n          this.$refs.selectAll.checked = true;\n        else if (this.$refs.selectAll.checked)\n          this.$refs.selectAll.checked = false;\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-overlay {\n  max-width: 1335px;\n  width: calc(100% - 20px);\n  max-height: 762px;\n  height: calc(100vh - 90px);\n}\n.popup-scroll {\n  min-height: 100%;\n}\n.container {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  overflow: auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: start;\n}\n.btns-container {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n}\n.msg {\n  align-self: center;\n  color: #aaa;\n  font-size: 12px;\n  font-weight: 600;\n  text-align: center;\n  padding: 0 20px;\n}\n.overlay-title {\n  display: flex;\n  align-self: start;\n  align-items: center;\n  position: relative;\n  margin: 15px 0 8px 20px;\n}\n.overlay-title-span {\n  font-size: 12px;\n  font-weight: 500;\n  margin-left: 8px;\n}\n.items-container {\n  position: relative;\n  max-height: 590px;\n  height: 100%;\n  width: calc(100vw - 60px);\n  max-width: 1300px;\n  box-sizing: border-box;\n  overflow: auto;\n  overflow-y: hidden;\n}\n.no-items-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n}\n.red-msg {\n  font-size: 20px;\n  font-weight: 600;\n  color: red;\n  text-align: center;\n  margin: 0 10px;\n}\n.description-msg {\n  color: #000;\n  font-size: 14px;\n  margin: 20px 10px;\n  max-width: 740px;\n  text-align: center;\n}\n.tutorial-msg {\n  max-height: 320px;\n}\n.video-tutorial {\n  font-size: 14px;\n  text-decoration: underline;\n  margin: 20px 0;\n  cursor: pointer;\n}\n.contribute-new {\n  font-size: 12px;\n  font-weight: 600;\n  text-decoration: underline;\n  cursor: pointer;\n  margin: 40px;\n}\n.contribute-new.empty-list {\n  height: 100px;\n  max-height: calc(100% - 100px);\n  display: flex;\n  align-items: center;\n  margin: auto;\n}\n.titles {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  min-width: fit-content;\n  background: #3f3d56;\n  border-radius: 6px;\n}\n.name-text {\n  max-width: 100px;\n  white-space: break-spaces;\n  word-break: break-all;\n}\n.titles-item {\n  color: #fff;\n  font-size: 10px;\n  text-align: center;\n  font-weight: 600;\n}\n.preview-title {\n  justify-self: start;\n  margin-left: 15px;\n}\n.grid {\n  display: grid;\n  white-space: nowrap;\n  grid-template-columns:\n    120px\n    120px\n    120px\n    120px\n    120px\n    minmax(250px, 250fr);\n  grid-gap: 1vw;\n  align-items: center;\n  justify-items: center;\n  min-width: fit-content;\n  width: 100%;\n}\n.fonts-grid {\n  grid-template-columns:\n    120px\n    120px\n    120px\n    120px\n    minmax(250px, 250fr);\n}\n.categories-grid {\n  grid-template-columns:\n    25px\n    minmax(150px, 150fr)\n    minmax(70px, 70fr)\n    minmax(150px, 150fr);\n}\n.comment-date,\n.comment-email {\n  color: #000;\n  font-weight: normal;\n}\n.comment-msg {\n  color: #000;\n  font-weight: 600;\n}\n.green {\n  color: green;\n}\n.pages-grid {\n  grid-template-columns: auto auto auto auto;\n}\n.comment-data {\n  color: #707070;\n  margin-top: 5px;\n  text-decoration: underline;\n}\n.content-container {\n  cursor: pointer;\n  width: 100%;\n  min-height: 130px;\n}\n.items-list {\n  overflow-y: auto;\n  overflow-x: hidden;\n  width: fit-content;\n  box-sizing: border-box;\n  max-height: calc(100vh - 275px);\n  min-width: 100%;\n  color: #4d4f5c;\n  font-size: 10px;\n}\n.item {\n  display: flex;\n  align-items: center;\n  border-radius: 10px;\n}\n.item.reversed {\n  background: #f8f8f5;\n}\n.preview-container {\n  min-width: 75px;\n  margin: 10px 0;\n  border-radius: 7px;\n  max-width: 100%;\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  justify-self: flex-start;\n  justify-content: center;\n}\n\n.preview-img {\n  border: 1px solid #bcbccb;\n  max-width: 75px;\n  min-width: 50px;\n  object-fit: contain;\n  border-radius: 7px;\n  max-height: 110px;\n  overflow: hidden;\n}\n.smallbold {\n  font-weight: 600;\n}\n.item-info {\n  margin: 10px 0;\n  box-sizing: border-box;\n}\n.locale-value {\n  margin-left: 4px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.locale,\n.visible,\n.category {\n  display: flex;\n}\n.center {\n  text-align: center;\n  justify-content: center;\n}\n.comment-text {\n  white-space: pre-line;\n  max-height: 200px;\n  overflow: auto;\n}\n.tabs-container {\n  display: flex;\n  width: 100%;\n  margin: 0 10px;\n  max-width: 270px;\n  justify-content: space-between;\n}\n.tab-item {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: center;\n  padding-bottom: 2px;\n  border-bottom: 2px solid #ffffff00;\n  cursor: pointer;\n  margin-bottom: 12px;\n}\n.active-tab-item {\n  border-bottom: 2px solid #ffe000;\n}\n.tab-item img {\n  margin: 0 5px;\n  max-height: 18px;\n}\n.tab-item span {\n  font-size: 8px;\n}\n.font-preview {\n  font-size: 15px;\n  text-align: center;\n  padding: 10px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.rejected {\n  color: red;\n}\n.review {\n  color: orange;\n}\n.validated {\n  color: #00ff00;\n}\n.loader {\n  height: 100px;\n  position: relative;\n}\n.top-nav {\n  display: flex;\n  justify-content: space-between;\n  width: calc(100vw - 60px);\n  max-width: 1295px;\n}\n.top-nav-item {\n  width: 100px;\n}\n.popup-btn {\n  min-width: 100px;\n  margin: 0;\n}\n.no-items-container {\n  max-height: calc(100% - 50px);\n  overflow: auto;\n}\n.video-frame {\n  width: 100%;\n  height: 100%;\n  max-width: 600px;\n  max-height: 400px;\n}\n.video-tutorial {\n  padding: 20px;\n  width: 100%;\n  box-sizing: border-box;\n  min-height: 200px;\n  height: calc(100% - 150px);\n  display: flex;\n  justify-content: center;\n}\n@media screen and (max-width: 600px) {\n  .msg {\n    align-self: center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    height: 25px;\n    align-items: center;\n  }\n  .btns-container {\n    align-items: flex-end;\n  }\n  .popup-btn {\n    min-width: 100px;\n  }\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!./contributionsPopup.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!./contributionsPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contributionsPopup.vue?vue&type=template&id=62fbc62c&scoped=true&\"\nimport script from \"./contributionsPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./contributionsPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./contributionsPopup.vue?vue&type=style&index=0&id=62fbc62c&prod&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  \"62fbc62c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/font.a4325fb3.svg\";","module.exports = __webpack_public_path__ + \"img/pages.36ce9cab.svg\";","import { mapGetters } from \"vuex\";\n\nexport default {\n  computed: {\n    ...mapGetters({\n      currentUser: \"auth/currentUser\",\n      allCategories: \"contributions/allCategories\",\n      allInteractions: \"contributions/allInteractions\",\n      popupsData: \"workSpace/popupsData\"\n    }),\n    isEditor() {\n      return this.currentUser?.role === \"editor\";\n    },\n    categoriesListMod() {\n      if (!this.ctgsFilterInput) return this.allCategories;\n      return this.allCategories.filter(c =>\n        c.name.includes(this.ctgsFilterInput)\n      );\n    },\n    interactionsListMod() {\n      if (!this.interactionsFilterInput) return this.allInteractions;\n      return this.allInteractions.filter(s =>\n        s.name.includes(this.interactionsFilterInput)\n      );\n    }\n  },\n  methods: {\n    getSizeInMBs(size) {\n      if (size < 1024) return `${size}bits`;\n      if (size < 10240) return `${(size / 1024).toFixed(2)}Kb`;\n      return `${(size / 1048576).toFixed(2)}Mb`;\n    },\n    serializeComment(c, idx, item) {\n      if (!idx) return true;\n      else\n        return (\n          this.getCorrectDate(c.date) !==\n          this.getCorrectDate(item.comment[idx - 1].date)\n        );\n    },\n    getCorrectDate(date) {\n      const _date = new Date(Date.parse(date));\n      return new Intl.DateTimeFormat(\"en\", {\n        year: \"numeric\",\n        month: \"short\",\n        day: \"2-digit\"\n      }).format(_date);\n    },\n    getCorrectTime(date) {\n      const _date = new Date(Date.parse(date));\n      return new Intl.DateTimeFormat(\"en\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\"\n      }).format(_date);\n    }\n  }\n};\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./contributionsPopup.vue?vue&type=style&index=0&id=62fbc62c&prod&scoped=true&lang=css&\""],"sourceRoot":""}