{"version":3,"sources":["webpack:///./src/components/TourGuide/useTourGuideTitleAnimation.js","webpack:///./src/components/TourGuide/TourGuideSteps/CallsPreview.vue?b340","webpack:///src/components/TourGuide/TourGuideSteps/CallsPreview.vue","webpack:///./src/components/TourGuide/TourGuideSteps/CallsPreview.vue?77bb","webpack:///./src/components/TourGuide/TourGuideSteps/CallsPreview.vue"],"names":["useTourGuideTitleAnimation","props","activateOtherAnimation","deactivateOtherAnimation","showTitles","ref","activateAnimation","setTimeout","value","watch","currentStep","newStep","stepIndex","immediate","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","_v","_s","$t","_e","$store","state","eventData","languages","length","msg","staticRenderFns","name","components","PhoneCallPreview","required","setup","store","dispatch","id","then","catch","showToast","getCallMessages","icons","mdiAlertCircleOutline","component"],"mappings":"gHAAA,kDAEO,SAASA,EAA2BC,GAAuE,IAAhEC,EAAgE,uDAAvC,KAAMC,EAAiC,uDAAN,KAClGC,EAAaC,kBAAI,GAEjBC,EAAoB,WACtBC,YAAW,WACPH,EAAWI,OAAQ,EACfN,GACAA,MAEL,IAiBP,OAdAO,oBACI,kBAAMR,EAAMS,eACZ,SAAAC,GACQA,IAAYV,EAAMW,UAClBN,KAEIH,GACAA,IAEJC,EAAWI,OAAQ,KAExB,CAAEK,WAAW,IAGb,CACHT,aACAE,uB,yCC9BR,IAAIQ,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,QAAU,OAAO,cAAc,SAAS,CAACH,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,oBAAoB,CAAER,EAAc,WAAEI,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACN,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,uBAAuB,OAAOX,EAAIY,OAAQZ,EAAIa,OAAOC,MAAMC,UAAUC,UAAUC,OAAS,EAAGb,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,oBAAoB,CAAER,EAAc,WAAEI,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,+BAA+B,OAAOX,EAAIY,OAAOR,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,oBAAoB,CAAER,EAAc,WAAEI,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,kCAAkC,OAAOX,EAAIY,QAAQ,GAAGR,EAAG,qBAAqB,CAACI,MAAM,CAAC,QAAUR,EAAIkB,QAAQ,IAC51BC,EAAkB,G,sHCiDP,GACbC,KAAMA,OAENC,WAAYA,CACVC,iBAAJA,QAGEpC,MAAOA,CACLS,YAAaA,CACX4B,UAAUA,GAEZ1B,UAAWA,CACT0B,UAAUA,IAIdC,MAhBF,SAgBAtC,GACI,IAAJ,mCAEA,0BACA,2CAEA,qBAEA,aACMuC,OACNC,SAAA,4BAAQC,GAARA,4BACAC,MAAA,YACQ,IAAR,6BAAU,OAAV,4EACQV,EAARA,WAEAW,OAAA,WACQC,EAARA,yBAKI,OAFAC,IAEO,CACL1C,WAANA,EACM6B,IAANA,EAEMc,MAAOA,CACLC,sBAARA,WC5FoX,I,YCOhXC,EAAY,eACd,EACAnC,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAe,E","file":"js/chunk-a0d9bc1a.fdcfc4ff.js","sourcesContent":["import { ref, watch } from '@vue/composition-api'\n\nexport function useTourGuideTitleAnimation(props, activateOtherAnimation = null, deactivateOtherAnimation = null) {\n    const showTitles = ref(false)\n\n    const activateAnimation = () => {\n        setTimeout(() => {\n            showTitles.value = true\n            if (activateOtherAnimation) {\n                activateOtherAnimation()\n            }\n        }, 2)\n    }\n\n    watch(\n        () => props.currentStep,\n        newStep => {\n            if (newStep === props.stepIndex) {\n                activateAnimation()\n            } else {\n                if (deactivateOtherAnimation) {\n                    deactivateOtherAnimation()\n                }\n                showTitles.value = false\n            }\n        }, { immediate: true },\n    )\n\n    return {\n        showTitles,\n        activateAnimation,\n    }\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"invitation-container\"},[_c('div',{staticStyle:{\"padding\":\"35px\",\"padding-top\":\"15px\"}},[_c('transition',{attrs:{\"name\":\"tour-guide-fade\"}},[(_vm.showTitles)?_c('div',{staticClass:\"py-5 text-2xl font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t('how_call_listening'))+\" \")]):_vm._e()]),(_vm.$store.state.eventData.languages.length > 1)?_c('transition',{attrs:{\"name\":\"tour-guide-fade\"}},[(_vm.showTitles)?_c('div',{staticClass:\"text-xl\"},[_vm._v(\" \"+_vm._s(_vm.$t('edit_call_in_all_languages'))+\" \")]):_vm._e()]):_c('transition',{attrs:{\"name\":\"tour-guide-fade\"}},[(_vm.showTitles)?_c('div',{staticClass:\"text-xl\"},[_vm._v(\" \"+_vm._s(_vm.$t('edit_details_in_call_template'))+\" \")]):_vm._e()])],1),_c('phone-call-preview',{attrs:{\"message\":_vm.msg}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"invitation-container\">\n    <div style=\"padding: 35px; padding-top: 15px;\">\n      <transition name=\"tour-guide-fade\">\n        <div\n          v-if=\"showTitles\"\n          class=\"py-5 text-2xl font-weight-bold\"\n        >\n          {{ $t('how_call_listening') }}\n        </div>\n      </transition>\n\n      <transition\n        v-if=\"$store.state.eventData.languages.length > 1\"\n        name=\"tour-guide-fade\"\n      >\n        <div\n          v-if=\"showTitles\"\n          class=\"text-xl\"\n        >\n          {{ $t('edit_call_in_all_languages') }}\n        </div>\n      </transition>\n      <transition\n        v-else\n        name=\"tour-guide-fade\"\n      >\n        <div\n          v-if=\"showTitles\"\n          class=\"text-xl\"\n        >\n          {{ $t('edit_details_in_call_template') }}\n        </div>\n      </transition>\n    </div>\n\n    <phone-call-preview :message=\"msg\"></phone-call-preview>\n\n  </div>\n</template>\n\n<script>\nimport { ref } from '@vue/composition-api'\nimport store from '@/store'\nimport { mdiAlertCircleOutline } from '@mdi/js'\nimport PhoneCallPreview from '@/components/EventDetails/PhoneCallPreview.vue'\nimport { i18n } from '@/plugins/i18n/index'\nimport { useToast } from 'vue-toastification/composition'\nimport { useTourGuideTitleAnimation } from '../useTourGuideTitleAnimation'\n\nexport default {\n  name: 'Call',\n\n  components: {\n    PhoneCallPreview,\n  },\n\n  props: {\n    currentStep: {\n      required: true,\n    },\n    stepIndex: {\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const { showTitles } = useTourGuideTitleAnimation(props)\n\n    const toast = useToast()\n    const showToast = msg => toast.error(i18n.t(msg))\n\n    const msg = ref()\n\n    const getCallMessages = () => {\n      store\n        .dispatch('getVoiceMessagesTemplate', { id: store.state.eventData.id })\n        .then(response => {\n          const [defaultMessage] = response.data.filter(el => el.lang === store.state.eventData.defaultLang)\n          msg.value = defaultMessage\n        })\n        .catch(() => {\n          showToast('errorManageEvents')\n        })\n    }\n    getCallMessages()\n\n    return {\n      showTitles,\n      msg,\n\n      icons: {\n        mdiAlertCircleOutline,\n      },\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CallsPreview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CallsPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CallsPreview.vue?vue&type=template&id=66dc904e&\"\nimport script from \"./CallsPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./CallsPreview.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"],"sourceRoot":""}