{"version":3,"sources":["webpack:///./src/views/sessions/List.vue?a3cc","webpack:///./src/views/sessions/List.vue","webpack:///src/views/sessions/List.vue","webpack:///./src/views/sessions/List.vue?9fb9","webpack:///./src/views/sessions/List.vue?033a"],"names":["staticClass","attrs","_c","_vm","sessions","on","length","class","showCalendar","timeZone","session","remindMe","sessionDialogWidth","model","value","showDialog","callback","expression","dialogContent","_e","staticRenderFns","mixins","data","sessionData","dialogSession","computed","r","days","day","dateFormat","userTimeZone","sessionTimeZone","methods","changeTimeZone","toggleOn","path","query","show","getSessionStartAndEnd","zone","start","end","showSession","created","axios","then","catch","color","message","buttonColor","console","mounted","component"],"mappings":"gHAAA,W,iFCAqHA,a,IAAsCC,EAAM,K,EAAC,EAAO,MAAC,G,YAAE,4BAAE,YAAW,0BAACD,OAA2EE,MAAQ,KAA+B,CAACC,EAAG,MAAO,CAA6EH,YAAY,8DAA8E,CAACE,EAAG,OAA0BD,YAAM,iB,CAAC,OAAU,GAACE,EAAIC,8DAAQ,YAAC,8EAACC,CAAE,EAAC,0B,MAAC,CAA6B,qBAAcL,IAAwBG,YAAaG,EAAM,eAAkG,EAAC,O,YAAUH,UAAkB,oFAAG,YAAUD,UAAUF,IAAiFE,OAAS,oBAA2EK,EAAM,KAAKC,SAA4CH,YAAG,oE,CAAC,QAAQ,C,YAAwBF,8D,MAAqB,0CAAC,IAAID,MAAG,SAAS,GAACD,OAAM,uB,CAA4D,SAAQE,CAAgB,OAAIA,KAAO,KAAiCH,MAAW,EAAC,+BAA6DO,MAAUC,iB,CAAgD,KAAO,oBAAiB,Y,YAAQL,6D,MAAwB,0CAAC,IAAID,MAAG,SAAS,GAACD,OAAM,0B,CAA6D,SAAOE,CAAgB,OAAIA,KAAO,KAAmFH,MAAW,EAAC,+BAAwBE,KAAG,iBAAoED,GAAK,GAAC,0E,YAAW,uB,CAAc,uBAAaO,C,MAAa,eAAeC,mBAAQ,MAAC,CAAG,SAAC,WAAC,sBAAoC,WAAcN,UAAkB,GAAG,CAAQH,eAAY,EAAW,eAACO,YAAUC,iBAA4E,QAAU,C,YAAsBE,Y,MAAgB,EAAC,gC,EAAC,eAAiB,Y,OAAC,mBAAeD,CAAQ,IAAC,KAACJ,MAAG,CAAC,UAA8B,SAAWF,EAAIQ,UAAW,IAAK,YAAW,EAAIR,YAAqCH,SAAY,iBAAqG,OAAQG,EAAIS,KAAkB,IAAlBA,WAAkB,gB,YAAC,2CAAwC,2CAACC,MAAM,CAACC,MAAOX,EAAIY,mBAAYC,WAAS,WAAe,e,MAAoB,CAACC,QAAU,WAAa,qBAAKd,EAAIe,WAAa,GAAsD,WAAUf,eAA0C,2DAACE,MAAG,CAAC,QAAQ,gB,SAAqBU,EAAU,U,GAAU,C,MAA4BG,SAAa,GAAa,iBAAI,KAAO,SAAQA,GAA+DjB,EAAM,6BAAgC,EAAC,kE,MAAC,C,QAA4BiB,iB,GAA2B,C,KAA6BH,SAAU,GACr2FZ,EAAIe,cAAgB,WAAU,kBAAIf,EAAIgB,YAAY,EAAmBnB,gBAAY,cAErFoB,YAAkB,GAAE,UAExB,YAAiBA,4C,kFCmGF,GACfC,gBACAC,OACA,OACAC,mBACAd,mBACAD,gBACAO,cACAG,wBACAM,uBAGAC,UACArB,WACA,SAEA,6BACA,SAGA,4CACA,SAIA,kFAEA,cACA,mBACA,oHAEA,SACAsB,oBAGA,MACA,SAIA,4BAEA,0BAEA,sBAEA,OACA,YAyCA,OAvCAC,cACAC,sBACA,0CACA,2BACAlB,gBACAmB,GACA,WAEA,MAIA,MACAzB,mBAKAA,YACA,yCAEA,2CACA,yCACA,mBACA,MAYA,OATAM,uCACAA,qCACAA,2DAEAA,OACAA,kBACAA,gCACAA,SAEA,IAGA,GAEAoB,eAAA,MACA,iGAEAC,kBACA,uCAEAnB,qBACA,oDAGAoB,SACAC,kBACA,iBAEAC,YACA,gBACA,mBAAAC,iBAAAC,OAAAC,mBACA,uBAEA,mBAAAF,iBAAAC,OAAAC,gBACA,uBAGAC,8BACA,4DACAC,4BAEA,sDACAA,4BAQA,OALA,IACAC,+BACAC,gCAGA,OAEAC,eACA,qBACA,oBAEA/B,WACA,8BACA,qBAGAgC,UACA,sGACAC,kBACAC,SACA,0BAEAC,UACA,0CACAC,cACAC,+EACAC,sBAGAC,iBACA,KAGAC,UACA,8DACA,wBCpQyZ,I,wBCQrZC,EAAY,eACd,EACA,EACAhC,GACA,EACA,KACA,WACA,MAIa,aAAAgC,E","file":"js/SessionsList.265621b2.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./List.vue?vue&type=style&index=0&id=ac19438c&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.sessionData !== undefined)?_c('v-container',{staticClass:\"sessions-list-container\",attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"d-flex justify-start align-center session-card-column mb-4\"},[_c('div',{staticClass:\"session-title\"},[_vm._v(_vm._s(_vm.$t('sessions.titles.list')))])]),(_vm.sessions.length > 0)?_c('div',{staticClass:\"d-flex justify-space-between align-center mb-3 mb-sm-0 session-card-column\"},[_c('c-session-search-input',{attrs:{\"sessions\":_vm.sessions},on:{\"showSession\":_vm.showSession}}),_c('div',{staticClass:\"d-flex\"},[(_vm.sessions.length > 0 && _vm.$vuetify.breakpoint.smAndUp)?_c('c-session-time-zone-select',{staticClass:\"mr-sm-6\",on:{\"change\":_vm.changeTimeZone}}):_vm._e(),_c('div',{staticClass:\"d-flex align-center justify-center session-view-toggle clickable\"},[_c('div',{staticClass:\"pa-2 d-flex justify-center align-center toggle toggle-right\",class:!_vm.showCalendar ? 'toggled-on' : 'toggled-off',on:{\"click\":function($event){return _vm.toggleOn('cards')}}},[_c('v-icon',{attrs:{\"size\":\"20\",\"color\":_vm.showCalendar ? 'primary' : 'white',\"dark\":!_vm.showCalendar}},[_vm._v(\"mdi-view-grid\")])],1),_c('div',{staticClass:\"pa-2 d-flex justify-center align-center toggle toggle-left\",class:_vm.showCalendar ? 'toggled-on' : 'toggled-off',on:{\"click\":function($event){return _vm.toggleOn('calendar')}}},[_c('v-icon',{attrs:{\"size\":\"20\",\"color\":!_vm.showCalendar ? 'primary' : 'white',\"dark\":_vm.showCalendar}},[_vm._v(\"mdi-calendar-blank\")])],1)])],1)],1):_vm._e(),(_vm.sessions.length > 0)?_c('div',{staticClass:\"session-card-column\"},[_c('c-session-calendar',{class:_vm.showCalendar ? 'd-block' : 'd-none',attrs:{\"sessions\":_vm.sessions,\"onShow\":_vm.showCalendar,\"timeZone\":_vm.timeZone},on:{\"changeTimeZone\":_vm.changeTimeZone,\"showSession\":_vm.showSession}}),_c('div',{staticClass:\"flex-wrap\",class:_vm.showCalendar ? 'd-none' : 'd-flex'},_vm._l((_vm.sessions),function(session){return _c('c-session-card',{key:session.id,attrs:{\"session\":session,\"timeZone\":_vm.timeZone},on:{\"showSession\":_vm.showSession,\"remindMe\":_vm.remindMe}})}),1)],1):_vm._e(),(_vm.sessions.length === 0)?_c('div',{staticClass:\"union-shape mb-10 d-flex justify-center\"},[_c('c-session-union')],1):_vm._e(),_c('v-dialog',{attrs:{\"width\":_vm.sessionDialogWidth,\"fullscreen\":_vm.$vuetify.breakpoint.xs},model:{value:(_vm.showDialog),callback:function ($$v) {_vm.showDialog=$$v},expression:\"showDialog\"}},[(_vm.dialogContent === 'details')?_c('c-session-dialog-details',{attrs:{\"session\":_vm.dialogSession,\"timeZone\":_vm.timeZone},on:{\"close\":function($event){_vm.showDialog = false},\"next\":function($event){_vm.dialogContent = 'remindMe'}}}):_vm._e(),(_vm.dialogContent === 'remindMe')?_c('c-session-dialog-remind-me',{attrs:{\"session\":_vm.dialogSession},on:{\"back\":function($event){_vm.dialogContent = 'details'},\"close\":function($event){_vm.showDialog = false\n        _vm.dialogContent = 'details'}}}):_vm._e()],1)],1):_c('v-container',{staticClass:\"d-flex justify-center align-center mt-12\"},[_c('c-loading-spinner')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container v-if=\"sessionData !== undefined\" fluid class=\"sessions-list-container\">\n    <!-- Title and timezone menu -->\n    <div class=\"d-flex justify-start align-center session-card-column mb-4\">\n      <div class=\"session-title\">{{ $t('sessions.titles.list') }}</div>\n    </div>\n\n    <!-- Action bar -->\n    <div\n      v-if=\"sessions.length > 0\"\n      class=\"d-flex justify-space-between align-center mb-3 mb-sm-0 session-card-column\"\n    >\n      <c-session-search-input :sessions=\"sessions\" v-on:showSession=\"showSession\" />\n\n      <!-- Timezone and toggle -->\n      <div class=\"d-flex\">\n        <c-session-time-zone-select\n          v-if=\"sessions.length > 0 && $vuetify.breakpoint.smAndUp\"\n          class=\"mr-sm-6\"\n          v-on:change=\"changeTimeZone\"\n        />\n\n        <!-- Toggle -->\n        <div class=\"d-flex align-center justify-center session-view-toggle clickable\">\n          <div\n            class=\"pa-2 d-flex justify-center align-center toggle toggle-right\"\n            :class=\"!showCalendar ? 'toggled-on' : 'toggled-off'\"\n            @click=\"toggleOn('cards')\"\n          >\n            <v-icon size=\"20\" :color=\"showCalendar ? 'primary' : 'white'\" :dark=\"!showCalendar\"\n              >mdi-view-grid</v-icon\n            >\n          </div>\n          <div\n            class=\"pa-2 d-flex justify-center align-center toggle toggle-left\"\n            :class=\"showCalendar ? 'toggled-on' : 'toggled-off'\"\n            @click=\"toggleOn('calendar')\"\n          >\n            <v-icon size=\"20\" :color=\"!showCalendar ? 'primary' : 'white'\" :dark=\"showCalendar\"\n              >mdi-calendar-blank</v-icon\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Sessions cards/calendar -->\n    <div v-if=\"sessions.length > 0\" class=\"session-card-column\">\n      <!-- Have to use class binding to show or hide this because v-show interferes with the scrollToTime -->\n      <c-session-calendar\n        :class=\"showCalendar ? 'd-block' : 'd-none'\"\n        :sessions=\"sessions\"\n        :onShow=\"showCalendar\"\n        :timeZone=\"timeZone\"\n        v-on:changeTimeZone=\"changeTimeZone\"\n        v-on:showSession=\"showSession\"\n      />\n\n      <div class=\"flex-wrap\" :class=\"showCalendar ? 'd-none' : 'd-flex'\">\n        <c-session-card\n          v-for=\"session in sessions\"\n          :key=\"session.id\"\n          :session=\"session\"\n          :timeZone=\"timeZone\"\n          v-on:showSession=\"showSession\"\n          v-on:remindMe=\"remindMe\"\n        />\n      </div>\n    </div>\n\n    <!-- No sessions to show message -->\n    <div v-if=\"sessions.length === 0\" class=\"union-shape mb-10 d-flex justify-center\">\n      <c-session-union />\n    </div>\n\n    <v-dialog v-model=\"showDialog\" :width=\"sessionDialogWidth\" :fullscreen=\"$vuetify.breakpoint.xs\">\n      <c-session-dialog-details\n        v-if=\"dialogContent === 'details'\"\n        :session=\"dialogSession\"\n        :timeZone=\"timeZone\"\n        v-on:close=\"showDialog = false\"\n        v-on:next=\"dialogContent = 'remindMe'\"\n      />\n\n      <c-session-dialog-remind-me\n        v-if=\"dialogContent === 'remindMe'\"\n        :session=\"dialogSession\"\n        v-on:back=\"dialogContent = 'details'\"\n        v-on:close=\"\n          showDialog = false\n          dialogContent = 'details'\n        \"\n      />\n    </v-dialog>\n  </v-container>\n\n  <v-container v-else class=\"d-flex justify-center align-center mt-12\">\n    <c-loading-spinner />\n  </v-container>\n</template>\n<script>\nimport axios from 'axios'\nimport { DateTime } from 'luxon'\nimport SessionMixin from '@/components/sessions/SessionMixin'\nexport default {\n  mixins: [SessionMixin],\n  data() {\n    return {\n      sessionData: undefined,\n      timeZone: 'Session', // or \"Local\"\n      showCalendar: false,\n      showDialog: false,\n      dialogContent: 'details',\n      dialogSession: undefined,\n    }\n  },\n  computed: {\n    sessions() {\n      let sessions = []\n\n      if (this.sessionData === undefined) {\n        return sessions\n      }\n\n      if (Object.keys(this.sessionData).length === 0) {\n        return sessions\n      }\n\n      // if user hasn't been invited to at least one morning star event, don't show them any morning star sessions...\n      let gatheringsFilter = process.env.VUE_APP_MORNINGSTAR_GATHERING_IDS\n\n      if (gatheringsFilter) {\n        let morningstarSpaceIdArray = gatheringsFilter.split(',')\n        let userGatheringInviteIds = this.$store.getters['auth/user'].invites?.map(i => i.id) ?? []\n\n        let hasMorningStarGatheringInvite = morningstarSpaceIdArray.some(\n          r => userGatheringInviteIds.indexOf(r) >= 0\n        )\n\n        if (!hasMorningStarGatheringInvite) {\n          return sessions\n        }\n      }\n\n      let days = this.sessionData.days\n\n      let inUserTimeZone = this.timeZone === 'Local' ? true : false\n\n      let dateFormat = 'yyyy/M/dd HH:mm z'\n\n      let oneHour = 1000 * 60 * 60\n      let now = +new Date() // establish the utc time 1 hr from now, so we show events for 1hr after they end\n\n      days.forEach(day => {\n        day.entries.forEach(session => {\n          let eventTimeZone = this.abbreviationToIANA(session.timeZone) // e.g. CDT meaning central daylight savings time in Chicago\n          let endTimeStamp = DateTime.fromFormat(\n            session.endTime + ' ' + eventTimeZone,\n            dateFormat\n          ).toMillis()\n\n          let showUntil = endTimeStamp + oneHour\n\n          // If the (universal) end time of the event plus one hour\n          // is still after the (universal) current time then display the event\n          if (showUntil > now) {\n            sessions = sessions.concat(session)\n          }\n        })\n      })\n\n      sessions = sessions.map(session => {\n        let [start, end] = this.getSessionStartAndEnd(session, inUserTimeZone)\n\n        let durationInMinutes = end.diff(start, ['minutes']).toObject().minutes\n        let lineLength = this.$vuetify.breakpoint.smAndUp ? 20 : 40\n        let allowedLines = durationInMinutes <= 30 ? 1 : durationInMinutes > 60 ? 3 : 2\n        let maxTitleLength = lineLength * allowedLines\n\n        // YYYY-MM-DD hh:mm\n        session.start = start.toFormat('yyyy-MM-dd HH:mm')\n        session.end = end.toFormat('yyyy-MM-dd HH:mm')\n        session.timeZoneAbbreviation = this.sessionTimeZoneAbbreviation(inUserTimeZone)\n\n        session.name =\n          session.header.length > maxTitleLength\n            ? session.header.substring(0, maxTitleLength - 3) + '...'\n            : session.header\n\n        return session\n      })\n\n      return sessions\n    },\n    userTimeZone() {\n      return this.$store.getters['auth/user'].userTimeZone ?? 'America/Chicago'\n    },\n    sessionTimeZone() {\n      return this.abbreviationToIANA(event)\n    },\n    sessionDialogWidth() {\n      return this.$vuetify.breakpoint.xs ? '100%' : '600px'\n    },\n  },\n  methods: {\n    changeTimeZone(timeZone) {\n      this.timeZone = timeZone\n    },\n    toggleOn(type) {\n      if (type === 'calendar') {\n        this.$router.push({ path: '/sessions', query: { show: 'calendar' } })\n        this.showCalendar = true\n      } else {\n        this.$router.push({ path: '/sessions', query: { show: 'cards' } })\n        this.showCalendar = false\n      }\n    },\n    getSessionStartAndEnd(session, inUserTimeZone = false) {\n      let start = DateTime.fromFormat(session.startTime, 'yyyy/M/d H:mm', {\n        zone: this.sessionTimeZone,\n      })\n      let end = DateTime.fromFormat(session.endTime, 'yyyy/M/d H:mm', {\n        zone: this.sessionTimeZone,\n      })\n\n      if (inUserTimeZone) {\n        start = start.setZone(this.userTimeZone)\n        end = end.setZone(this.userTimeZone)\n      }\n\n      return [start, end]\n    },\n    showSession(selectedSession) {\n      this.dialogSession = selectedSession\n      this.showDialog = true\n    },\n    remindMe() {\n      this.dialogContent = 'remindMe'\n      this.showDialog = true\n    },\n  },\n  created() {\n    let blobUrl = process.env.VUE_APP_MORNINGSTAR_EVENTS_DATA_FILE\n    axios(blobUrl)\n      .then(response => {\n        this.sessionData = response.data\n      })\n      .catch(error => {\n        this.$store.dispatch('ui/launchSnackbar', {\n          color: 'error',\n          message: this.$t('sessions.list.sorrySomethingWentWrongFetchingTheSessionData'),\n          buttonColor: 'white',\n        })\n        /* eslint-disable no-console */\n        console.error(error)\n        return error\n      })\n  },\n  mounted() {\n    if (this.$route.query.show && this.$route.query.show === 'calendar') {\n      this.showCalendar = true\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.session-title {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 34px;\n  line-height: 41px;\n  color: #363332;\n}\n\n// Top container\n.sessions-list-container {\n  align-self: start;\n  padding-right: 16px;\n  padding-left: 16px;\n  margin-top: 30px;\n}\n\n@media screen and (min-width: 600px) {\n  .sessions-list-container {\n    margin-top: 60px;\n  }\n}\n\n@media screen and (min-width: 960px) {\n  .sessions-list-container {\n    padding-left: 100px;\n    padding-right: 100px;\n  }\n}\n\n// Next container\n.session-card-column {\n  margin: auto;\n}\n\n@media screen and (min-width: 600px) {\n  .session-card-column {\n    margin-top: 30px;\n    max-width: 600px;\n  }\n}\n\n@media screen and (min-width: 1000px) {\n  .session-card-column {\n    max-width: 900px;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .session-card-column {\n    max-width: 1200px;\n  }\n}\n\n.session-view-toggle {\n  box-shadow: 0px 8px 20px rgba(85, 80, 100, 0.1);\n  width: 88px;\n  height: 45px;\n  margin-top: 1px;\n}\n\n.toggle {\n  width: 50%;\n  height: 100%;\n}\n\n.toggle-right {\n  border-radius: 6px 0 0 6px;\n}\n\n.toggle-left {\n  border-radius: 0 6px 6px 0;\n}\n\n.toggled-on {\n  background-color: #807ef0;\n}\n\n.toggled-off {\n  background-color: white;\n}\n\n::v-deep .v-calendar .v-session-timed {\n  white-space: normal;\n  padding: 5px;\n  background-color: #f2f2fd !important;\n  width: 100%;\n  color: black !important;\n  border: none !important;\n  border-left: 5px solid #807ef0 !important;\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./List.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=ac19438c&scoped=true&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.vue?vue&type=script&lang=js&\"\nimport style0 from \"./List.vue?vue&type=style&index=0&id=ac19438c&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ac19438c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}