{"version":3,"sources":["webpack:///./src/components/TourGuide/useTourGuideTitleAnimation.js","webpack:///./src/components/TourGuide/TourGuideSteps/TimingPreview.vue?4ac0","webpack:///./src/components/TourGuide/TourGuideSteps/TimingPreview.vue?592e","webpack:///src/components/TourGuide/TourGuideSteps/TimingPreview.vue","webpack:///./src/components/TourGuide/TourGuideSteps/TimingPreview.vue?072f","webpack:///./src/components/TourGuide/TourGuideSteps/TimingPreview.vue?2964"],"names":["useTourGuideTitleAnimation","props","activateOtherAnimation","deactivateOtherAnimation","showTitles","ref","activateAnimation","setTimeout","value","watch","currentStep","newStep","stepIndex","immediate","render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","_v","_s","$t","_e","_l","time","key","getDay","startFrom","getMonth","$i18n","locale","searchType","type","round","icons","mdiClockOutline","getTime","staticRenderFns","name","required","setup","animationInterval","index","timingOptions","length","displayedTimingOptions","clearInterval","store","id","item","moment","date","format","toUpperCase","i18n","t","getTiming","component","VCard","VIcon"],"mappings":"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","file":"js/chunk-15100e4e.732e69c6.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}","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TimingPreview.vue?vue&type=style&index=0&id=6bb5d32e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticStyle:{\"padding\":\"35px\",\"padding-top\":\"15px\",\"padding-bottom\":\"15px\"}},[_c('transition',{attrs:{\"name\":\"tour-guide-fade\"}},[(_vm.showTitles)?_c('div',{staticClass:\"pt-5 pb-3 text-2xl font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t('we_set_when_each_round_will_sent'))+\" \")]):_vm._e()]),_c('transition',{attrs:{\"name\":\"tour-guide-fade\"}},[(_vm.showTitles)?_c('div',{staticClass:\"text-xl pb-2\"},[_vm._v(\" \"+_vm._s(_vm.$t('edit_timing'))+\" \")]):_vm._e()])],1),_c('transition-group',{staticClass:\"pa-5 pt-0 message-container\",attrs:{\"name\":\"tour-guide-slide\",\"tag\":\"div\"}},_vm._l((_vm.displayedTimingOptions),function(time){return _c('v-card',{key:(\"time_\" + (time.id)),staticClass:\"schedule-card\"},[_c('div',{staticClass:\"card-content\"},[_c('div',{staticClass:\"date\"},[_c('div',{staticClass:\"day\"},[_vm._v(\" \"+_vm._s(_vm.getDay(time.startFrom))+\" \")]),_c('div',{staticClass:\"month\"},[_vm._v(\" \"+_vm._s(_vm.getMonth(time.startFrom, _vm.$i18n.locale))+\" \")])]),_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.searchType(time.type))+\" \"+_vm._s(time.type === 4 || time.type === 1 ? _vm.$t('round') + (time.round + 1) : '')+\" \")]),_c('div',{staticClass:\"clock d-flex\"},[_c('div',[_c('v-icon',{attrs:{\"color\":\"primary\",\"size\":\"20\"}},[_vm._v(\" \"+_vm._s(_vm.icons.mdiClockOutline)+\" \")])],1),_c('div',{staticClass:\"mx-1\"},[_vm._v(_vm._s(_vm.$t('startFrom'))+_vm._s(_vm.getTime(time.startFrom)))])])])])])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div style=\"padding: 35px; padding-top: 15px; padding-bottom: 15px\">\n      <transition name=\"tour-guide-fade\">\n        <div v-if=\"showTitles\" class=\"pt-5 pb-3 text-2xl font-weight-bold\">\n          {{ $t('we_set_when_each_round_will_sent') }}\n        </div>\n      </transition>\n      <transition name=\"tour-guide-fade\">\n        <div v-if=\"showTitles\" class=\"text-xl pb-2\">\n          {{ $t('edit_timing') }}\n        </div>\n      </transition>\n    </div>\n    <transition-group name=\"tour-guide-slide\" tag=\"div\" class=\"pa-5 pt-0 message-container\">\n      <v-card v-for=\"time in displayedTimingOptions\" :key=\"`time_${time.id}`\" class=\"schedule-card\">\n        <div class=\"card-content\">\n          <div class=\"date\">\n            <div class=\"day\">\n              {{ getDay(time.startFrom) }}\n            </div>\n            <div class=\"month\">\n              {{ getMonth(time.startFrom, $i18n.locale) }}\n            </div>\n          </div>\n          <div class=\"divider\"></div>\n          <div class=\"details\">\n            <div class=\"title\">\n              {{ searchType(time.type) }} {{ time.type === 4 || time.type === 1 ? $t('round') + (time.round + 1) : '' }}\n            </div>\n            <div class=\"clock d-flex\">\n              <div>\n                <v-icon color=\"primary\" size=\"20\">\n                  {{ icons.mdiClockOutline }}\n                </v-icon>\n              </div>\n              <div class=\"mx-1\">{{ $t('startFrom') }}{{ getTime(time.startFrom) }}</div>\n            </div>\n          </div>\n        </div>\n      </v-card>\n    </transition-group>\n  </div>\n</template>\n\n<script>\nimport { i18n } from '@/plugins/i18n/index'\nimport store from '@/store'\nimport { mdiClockOutline } from '@mdi/js'\nimport { ref } from '@vue/composition-api'\nimport moment from 'moment'\nimport { useTourGuideTitleAnimation } from '../useTourGuideTitleAnimation'\n\nexport default {\n  name: 'Timing',\n  props: {\n    currentStep: {\n      required: true,\n    },\n    stepIndex: {\n      required: true,\n    },\n  },\n  setup(props) {\n    const timingOptions = ref([])\n    const displayedTimingOptions = ref([])\n    let animationInterval\n\n    const displayTimingSequentially = () => {\n      let index = 0\n      animationInterval = setInterval(() => {\n        if (index < timingOptions.value.length) {\n          displayedTimingOptions.value.push(timingOptions.value[index])\n          index += 1\n        } else {\n          clearInterval(animationInterval)\n        }\n      }, 150) // Show each timing option after 0.1 seconds\n    }\n\n    const { showTitles } = useTourGuideTitleAnimation(props, displayTimingSequentially, () => {\n      clearInterval(animationInterval)\n      displayedTimingOptions.value.splice(0, displayedTimingOptions.value.length)\n    })\n\n    const getTiming = () => {\n      store.dispatch('fetchTiming', { id: store.state.eventData.id }).then(res => {\n        timingOptions.value = res.data.map((item, index) => ({\n          ...item,\n          id: item.id || index.toString(),\n        }))\n      })\n    }\n\n    const getDay = date => moment(date).format('D')\n\n    const getMonth = (date, lang = 'en') => {\n      moment.locale(lang)\n      return moment(date).format('MMM').toUpperCase()\n    }\n\n    const getTime = date => moment(date).format('HH:mm')\n\n    const searchType = type => {\n      if (type === null) return ''\n      if (type === 1) return i18n.t('invitationMessage')\n      if (type === 2) return i18n.t('DirectionMessage')\n      if (type === 3) return i18n.t('ThanksMsg')\n      if (type === 4) return i18n.t('call')\n    }\n\n    getTiming()\n\n    return {\n      displayedTimingOptions,\n      getDay,\n      getMonth,\n      getTime,\n      searchType,\n      icons: {\n        mdiClockOutline,\n      },\n      showTitles,\n    }\n  },\n}\n</script>\n\n<style scoped>\n.schedule-card {\n  display: flex;\n  padding: 10px;\n  margin-bottom: 15px;\n  border: 1px solid #e0e0e0;\n  border-radius: 10px;\n  background-color: #ffffff;\n}\n\n.card-content {\n  display: flex;\n  align-items: center;\n}\n\n.date {\n  text-align: center;\n  width: 70px;\n}\n\n.day {\n  font-size: 2rem;\n  font-weight: bold;\n}\n\n.month {\n  font-size: 1rem;\n  margin-top: -5px;\n}\n\n.details {\n  display: flex;\n  flex-direction: column;\n  padding-right: 10px;\n  padding-left: 10px;\n}\n\n.title {\n  font-size: 1rem !important;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n\n.clock {\n  font-size: 1rem;\n  color: #888;\n}\n\n.divider {\n  border-left: 1px solid #9155fd;\n  height: 100%;\n}\n</style>\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!./TimingPreview.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!./TimingPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TimingPreview.vue?vue&type=template&id=6bb5d32e&scoped=true&\"\nimport script from \"./TimingPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./TimingPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TimingPreview.vue?vue&type=style&index=0&id=6bb5d32e&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  \"6bb5d32e\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VCard,VIcon})\n"],"sourceRoot":""}