{"version":3,"file":"ReportModal-CC5jDX0E.js","sources":["../../vue-src/components/modals/ReportModal.vue"],"sourcesContent":["<template>\n  <div class=\"relative z-backdrop\">\n    <div class=\"fixed w-full h-full top-0 left-0 z-backdrop bg-black/40\"></div>\n    <div v-click-outside=\"clickOutside\"\n         class=\"fixed z-modal top-0 bottom-0 left-0 right-0 xl:top-1/2 xl:left-1/2 xl:-translate-x-1/2\n                xl:-translate-y-1/2 xl:w-[630px] xl:h-[500px]\">\n      <div class=\"w-full h-full pt-[65px] px-3.5 pb-[110px] bg-zt-normal rounded-zt shadow-around flex flex-col\n                  justify-start items-stretch\">\n        <div class=\"absolute top-0 w-full h-[50px] left-0\">\n          <h3 class=\"pl-3.5 no-default-style m-0 text-base font-semibold w-full my-3\">Zgłoś {{ titleType }}</h3>\n          <div class=\"x-close-modal\" @click=\"closeModal\"></div>\n          <hr class=\"border-zt-main xl:border-zt-light\">\n        </div>\n        <div class=\"w-full mb-4\" v-if=\"type !== 'comment' && type !== 'coupon' && type !== 'betDiscussion'\">\n          <h4 class=\"no-default-style w-full text-sm font-semibold mb-2\">Powód</h4>\n          <FormSelect class=\"w-full bg-zt-main rounded-zt text-xs\" close-on-second-click\n            :options=\"reasonOptions\" placeholder=\"Wybierz powód\" :editable=\"false\"\n            :model=\"reason\"/>\n        </div>\n        <div class=\"w-full grow flex flex-col\">\n          <h4 class=\"no-default-style w-full text-sm font-semibold mb-2\">Więcej szczegółów</h4>\n          <textarea maxlength=\"1000\"\n                    class=\"resize-none rounded-zt bg-zt-main text-xs w-full grow px-4 py-3.5\n                           placeholder:font-semibold placeholder:opacity-40 placeholder:text-[#DFDFDF] xl:h-[200px]\"\n                    placeholder=\"Opisz powód\" v-model=\"description\"></textarea>\n        </div>\n        <div class=\"absolute left-1/2 -translate-x-1/2 w-full flex flex-col items-center justify end bottom-5\" >\n          <button @click=\"sendReport\" class=\"zt-button w-[330px] mb-2.5 uppercase\">Wyślij</Button>\n          <Transition name=\"fade-slide\">\n            <div v-if=\"errorMessage !== ''\"\n                 class=\"text-[#F00] text-sm text-center w-full\">\n              {{ errorMessage }}\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport FormSelect from '../FormSelect.vue';\nimport utils_mixin from '../../mixins/utils_mixin';\nimport { Notice } from '../../../assets/js/Notice';\n\nexport default {\n  name: 'ReportModal',\n  inject: ['WP'],\n  mixins: [utils_mixin],\n  components: {\n    FormSelect,\n  },\n  props: {\n    id: Number,\n    type: String,\n    linkToReportedItem: {\n      type: String,\n      default: '',\n    },\n  },\n  data() {\n    return {\n      reason: {\n        string: '',\n      },\n      description: '',\n      errorMessage: '',\n      clickOutside: {\n        handler: this.closeModal,\n        events: ['touchend', 'mouseup']\n      }\n    };\n  },\n  computed: {\n    titleType() {\n      if (this.type === 'bet') {\n        return 'typ';\n      } else if (this.type === 'comment') {\n        return 'komentarz';\n      } else if (this.type === 'profile') {\n        return 'profil';\n      } else if (this.type === 'coupon') {\n        return 'kupon';\n      } else if (this.type === 'betDiscussion') {\n        return 'wpis';\n      } else {\n        return '';\n      }\n    },\n    reasonOptions() {\n      if (this.type === 'bet') {\n        return [\n          'Zawyżony kurs',\n          'Bardzo słaba analiza',\n          'Nieodpowiednia godzina',\n          'Inny',\n        ];\n      } else if (this.type === 'profile') {\n        return [\n          'Spam/Reklama',\n          'Oszustwo',\n          'Inne',\n        ];\n      }\n    },\n  },\n  methods: {\n    emit(eventName) {\n      if (eventName !== 'close') {\n        this.$emit(eventName);\n      }\n      this.$emit('close');\n    },\n    closeModal() {\n      this.emit('close');\n    },\n    sendReport() {\n      if (this.reason.string === '' && this.type !== 'comment' && this.type !== 'coupon' && this.type !== 'betDiscussion') {\n        this.errorMessage = 'Należy podać powód zgłoszenia';\n        return;\n      }\n      if (this.description === '') {\n        this.errorMessage = 'Należy dodać opis zgłoszenia';\n        return;\n      }\n\n      const lastReportTimestamp = localStorage.getItem(`last-report-timestamp`);\n      if (lastReportTimestamp != null && lastReportTimestamp >= new Date().getTime()) {\n        this.errorMessage = 'Odczekaj chwilę przed przesłaniem kolejnego zgłoszenia';\n        return;\n      }\n\n      axios.post(this.WP.ajaxUrl, {\n        endpoint: 'api_add_user_report',\n        id: this.id,\n        type: this.type,\n        reason: this.reason.string,\n        description: this.description\n      })\n      .then(response => {\n        if (response.data.success) {\n          localStorage.setItem(`last-report-timestamp`, new Date().getTime() + 30000);\n          this.addNotification(new Notice().setContent('Zgłoszenie zostało wysłane'));\n          this.closeModal();\n        }\n      })\n      .catch(error => {\n        this.errorMessage = error.response.data.data;\n      });\n    },\n  }\n};\n</script>\n\n<style scoped>\n  .fade-slide-enter-active,\n  .fade-slide-leave-active {\n    transition: opacity 0.5s ease, height 0.5s ease;\n  }\n  \n  .fade-slide-enter-from,\n  .fade-slide-leave-to {\n    height: 0;\n    opacity: 0;\n  }\n  \n  .fade-slide-enter-to,\n  .fade-slide-leave-from {\n    height: 20px;\n    opacity: 100;\n  }\n</style>\n"],"names":["_sfc_main","utils_mixin","FormSelect","eventName","lastReportTimestamp","response","Notice","error","_hoisted_1","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_9","_withScopeId","_hoisted_10","_hoisted_11","_hoisted_12","_openBlock","_createElementBlock","_hoisted_2","_withDirectives","$options","args","_hoisted_7","$props","_hoisted_8","_createVNode","_component_FormSelect","$data","_createCommentVNode","_cache","$event","_Transition","_withCtx","_hoisted_13","_toDisplayString"],"mappings":"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"}