{"version":3,"sources":["webpack:///./src/components/page-components/PageBody.vue?fb76","webpack:///src/components/page-components/PageBody.vue","webpack:///./src/components/page-components/PageBody.vue?7a6e","webpack:///./src/components/page-components/PageBody.vue","webpack:///./src/views/programs/pw/conversations/conversation-page-navigation.vue?223f","webpack:///./src/views/programs/pw/conversations/AddConversationDist.vue?83cc","webpack:///src/views/programs/pw/conversations/AddConversationDist.vue","webpack:///./src/views/programs/pw/conversations/AddConversationDist.vue?ea71","webpack:///./src/views/programs/pw/conversations/AddConversationDist.vue","webpack:///./src/views/programs/pw/conversations/conversation-page-navigation.vue?fd30","webpack:///src/views/programs/pw/conversations/conversation-page-navigation.vue","webpack:///./src/views/programs/pw/conversations/conversation-page-navigation.vue?12c5","webpack:///./src/views/programs/pw/conversations/conversation-page-navigation.vue","webpack:///./src/views/programs/pw/conversations/AddConversationDist.vue?8392"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","bg","_t","staticRenderFns","props","Boolean","component","_v","_s","isEditMode","translations","tcEditConversation","tcAddConversation","conversation","selectedStateCountry","text","attrs","components","currentPage","on","$event","preventDefault","tcDistributionLevel","directives","name","rawName","modifiers","vtcDistributionLevel","key","distributionList","model","value","callback","$$v","distributionSelected","expression","tcAreas","_e","areasOption","isSelectedAreas","selectedItems","concat","chosenAreas","selectedAreas","disableNextButton","handleNextClick","tcNext","handleCancelClick","tcCancel","mixins","translationMixin","data","disableNext","errorMessage","local_conversation","org_key","validateError","methods","validateGeographicDistribution","length","push","tcSelectedAreas","tcSelectAtLeastOneArea","watch","newval","selected","computed","toUpperCase","area","selectedItem","newAreas","map","item","officerToolbarSelected","country_state","demograph","state_key","ConversationPageNavigation","iTooltip","pageBody","SwitchItem","active","page","i18n","tcGeographicDistribution","tcEvent","tcAttendees","tcReview","tcSubmit","type","Object","default","Number","audienceIcon","GeoDis","messageIcon","reviewIcon"],"mappings":"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","file":"js/chunk-675ac91a.47a6178e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-body container\",class:{ 'bg-block':_vm.bg  }},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page-body container\" :class=\"{ 'bg-block':bg  }\">\n    <slot></slot>\n  </div>\n  <!-- / Page Body -->\n</template>\n\n<script>\nexport default {\n  props: {\n    bg: Boolean\n  }\n}\n</script>\n\n<style lang=\"scss\">\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!./PageBody.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!./PageBody.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageBody.vue?vue&type=template&id=7425564e&\"\nimport script from \"./PageBody.vue?vue&type=script&lang=js&\"\nexport * from \"./PageBody.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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../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-loader/lib/index.js??vue-loader-options!./conversation-page-navigation.vue?vue&type=style&index=0&id=6e5539ee&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"church-presentation-template add-template-conversation  add-conversation\"},[_c('page-body',{},[_c('section',{staticClass:\"section-1 bg-block mb-4\"},[_c('h1',{staticClass:\"sm\"},[_vm._v(_vm._s(_vm.isEditMode ? _vm.translations.tcEditConversation : _vm.translations.tcAddConversation)+\" — \"+_vm._s(_vm.conversation.selectedStateCountry && _vm.conversation.selectedStateCountry.text))]),_c('ConversationPageNavigation',{attrs:{\"i18n\":_vm.translations.components,\"page\":_vm.currentPage}}),_c('hr'),_c('b-form',{staticClass:\"view-1 g-mb-2\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('h2',{staticClass:\"h-style-1 mb-3\"},[_vm._v(\" \"+_vm._s(_vm.translations.tcDistributionLevel)+\" \"),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"i-tooltip\",attrs:{\"title\":_vm.translations.vtcDistributionLevel}},[_c('i-tooltip')],1)]),_c('div',{staticClass:\"g-mb-1\"},[_c('switch-item',{key:'distribution',attrs:{\"list\":_vm.distributionList},model:{value:(_vm.distributionSelected),callback:function ($$v) {_vm.distributionSelected=$$v},expression:\"distributionSelected\"}})],1),(_vm.isSelectedAreas)?_c('h2',{staticClass:\"h-style-1 mb-3\"},[_vm._v(_vm._s(_vm.translations.tcAreas))]):_vm._e(),_c('div',{},[(_vm.isSelectedAreas)?_c('areas-tiles',{attrs:{\"items\":_vm.areasOption,\"headings\":'Default',\"checkall\":_vm.isSelectedAreas,\"selectedItems\":_vm.selectedItems.concat( _vm.chosenAreas),\"i18n\":_vm.translations.components},model:{value:(_vm.selectedAreas),callback:function ($$v) {_vm.selectedAreas=$$v},expression:\"selectedAreas\"}}):_vm._e()],1)]),_c('section',{staticClass:\"form-buttons\"},[_c('b-button',{staticClass:\"mr-3\",attrs:{\"variant\":\"primary\",\"disabled\":_vm.disableNextButton},on:{\"click\":function($event){return _vm.handleNextClick()}}},[_vm._v(\" \"+_vm._s(_vm.translations.tcNext)+\" \")]),_c('b-button',{attrs:{\"variant\":\"tertiary\"},on:{\"click\":function($event){return _vm.handleCancelClick()}}},[_vm._v(_vm._s(_vm.translations.tcCancel))])],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"church-presentation-template add-template-conversation  add-conversation\">\n    <page-body class>\n      <section class=\"section-1 bg-block mb-4\">\n        <h1 class=\"sm\">{{ isEditMode ? translations.tcEditConversation : translations.tcAddConversation }} &mdash; {{ conversation.selectedStateCountry && conversation.selectedStateCountry.text }}</h1>\n        <ConversationPageNavigation :i18n=\"translations.components\" :page=\"currentPage\"></ConversationPageNavigation>\n        <hr />\n        <b-form @submit.prevent class=\"view-1 g-mb-2\">\n          <h2 class=\"h-style-1 mb-3\">\n            {{ translations.tcDistributionLevel }}\n            <span class=\"i-tooltip\" v-b-tooltip.hover :title=\"translations.vtcDistributionLevel\">\n              <i-tooltip />\n            </span>\n          </h2>\n          <div class=\"g-mb-1\">\n            <switch-item :list=\"distributionList\" :key=\"'distribution'\" v-model=\"distributionSelected\"></switch-item>\n          </div>\n          <h2 class=\"h-style-1 mb-3\" v-if=\"isSelectedAreas\">{{ translations.tcAreas }}</h2>\n          <div class=\"\">\n            <areas-tiles\n              v-if=\"isSelectedAreas\"\n              :items=\"areasOption\"\n              :headings=\"'Default'\"\n              :checkall=\"isSelectedAreas\"\n              v-model=\"selectedAreas\"\n              :selectedItems=\"[...selectedItems, ...chosenAreas]\"\n              :i18n=\"translations.components\"\n            ></areas-tiles>\n          </div>\n        </b-form>\n        <section class=\"form-buttons\">\n          <b-button variant=\"primary\" class=\"mr-3\" @click=\"handleNextClick()\" :disabled=\"disableNextButton\">\n            {{ translations.tcNext }}\n          </b-button>\n          <b-button variant=\"tertiary\" @click=\"handleCancelClick()\">{{ translations.tcCancel }}</b-button>\n        </section>\n      </section>\n    </page-body>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport AreaTiles from '@/components/AreasTiles.vue'\nimport ConversationPageNavigation from './conversation-page-navigation.vue'\nimport iTooltip from '@/assets/svgs/i-tooltip.vue'\nimport pageBody from '@/components/page-components/PageBody.vue'\nimport SwitchItem from '@/components/SwitchItem.vue'\nimport { translationMixin } from '@/mixins/translationMixin'\n\nexport default {\n  name: 'add-conversation-dist',\n  mixins: [translationMixin],\n  data() {\n    return {\n      disableNext: false,\n      currentPage: 1,\n      distributionList: [\n        { text: 'Full State', selected: true, key: 'full' },\n        { text: 'Selected Areas', selected: false, key: 'areas' }\n      ],\n      distributionSelected: null,\n      errorMessage: null,\n      isEditMode: false,\n      isSelectedAreas: false,\n      local_conversation: {\n        distributionSelected: null,\n        org_key: null,\n        selectedAreas: []\n      },\n      selectedAreas: [],\n      selectedItems: [],\n      translations: {},\n      validateError: []\n    }\n  },\n  async created() {\n    try {\n      this.setLoadingStatus(true)\n      await Promise.all([\n        this.getViewTranslations(),\n        this.getComponentTranslations('areas-tiles', 'conversation-page-navigation')\n      ]).then(results => {\n        this.stripReadableText(results[2])\n        const translatedText = {\n          ...results[1],\n          common: { ...this.translations.common }\n        }\n        this.$set(this.translations, 'components', translatedText)\n        //this.loadTranslations()\n      })\n      await this.page_load()\n      if (this.conversation.editMode) {\n        await this.hydrateConversation()\n        this.isEditMode = true\n      }\n    } catch (e) {\n      console.error(e)\n    } finally {\n      this.setLoadingStatus(false)\n    }\n  },\n  methods: {\n    ...mapActions({\n      clearConversation: 'conversations/clearConversation',\n      getOrganisationHierarchy: 'eventCalendar/getOrganisationHierarchy',\n      setLoadingStatus: 'menu/setLoadingStatus',\n      updateConversationGeoDist: 'conversations/updateConversationGeoDist'\n    }),\n    async page_load() {\n      try {\n        this.setLoadingStatus(true)\n        await this.getOrgAreas(this.officerToolbarSelected.country_state || this.demograph.state_key, this.demograph.camp_key, this.demograph.language_key)\n        this.distributionList[0].selected = true\n        this.distributionSelected = this.distributionList[0]\n        this.local_conversation.org_key = this.officerToolbarSelected.country_state || this.demograph.state_key\n      } catch (e) {\n        console.error(e)\n      } finally {\n        this.setLoadingStatus(false)\n      }\n    },\n    async hydrateConversation() {\n      try {\n        this.setLoadingStatus(true)\n        this.distributionSelected = this.conversation.distributionSelected\n        if (this.distributionSelected.key === 'full')\n        {\n          this.distributionList[0].selected = true\n          this.distributionList[1].selected = false\n          this.selectedAreas = []\n        }\n        else {\n          this.distributionList[0].selected = false\n          this.distributionList[1].selected = true\n          this.selectedAreas = JSON.parse(JSON.stringify(this.conversation.selectedAreas))\n        }\n        this.local_conversation.org_key = this.conversation.org_key || this.officerToolbarSelected.country_state || this.demograph.state_key\n        this.disableNext = false\n      } catch (e) {\n        console.error(e)\n      } finally {\n        this.setLoadingStatus(false)\n      }\n    },\n    async getOrgAreas(t_parent_org_key, org_key, lng_key) {\n      //this.showLoader()\n\n      await this.getOrganisationHierarchy({ t_parent_org_key: t_parent_org_key })\n    },\n    async handleNextClick() {\n      this.validateGeographicDistribution()\n\n      if (this.validateError.length === 0) {\n        if (!this.distributionSelected) {\n          this.distributionSelected = this.distributionList[0]\n        }\n        this.local_conversation.distributionSelected = JSON.parse(JSON.stringify(this.distributionSelected))\n        this.local_conversation.selectedAreas = JSON.parse(JSON.stringify(this.selectedAreas))\n        await this.updateConversationGeoDist(this.local_conversation)\n        this.$router.push({ name: 'conversations-add-event-details' })\n      } else {\n        this.$swal({\n          icon: 'error',\n          text: `${this.translations.tcErrorAllFieldsRequired} '${this.validateError.join(', ')}'`,\n          confirmButtonText: this.translations.tcOk || 'Ok'\n        }).then(result => {\n          return\n        })\n      }\n    },\n    async handleCancelClick() {\n      this.$swal({\n        icon: 'question',\n        showCancelButton: true,\n        cancelButtonColor: '#d33',\n        text: this.translations.tcOkayToCancel,\n        confirmButtonText: this.translations.tcOk,\n        cancelButtonText: this.translations.tcCancel\n      }).then(result => {\n        if (result.value) {\n          this.clearConversation()\n          this.$router.push({ name: 'conversations-landing-page' })\n        }\n      })\n    },\n    validateGeographicDistribution() {\n      if (!!this.distributionSelected && this.distributionSelected.key === 'areas' && this.selectedAreas.length === 0) {\n        this.validateError.push(this.translations.tcSelectedAreas || 'Selected Areas')\n        this.errorMessage = this.translations.tcSelectAtLeastOneArea || 'Select at least one area.'\n      }\n    }\n  },\n  watch: {\n    distributionSelected(newval, oldval) {\n      if (newval.selected) {\n        if (newval.key === 'full') {\n          this.isSelectedAreas = false\n          this.disableNext = false\n        } else {\n          this.isSelectedAreas = true\n          this.disableNext = this.selectedAreas.length === 0\n        }\n      }\n    },\n    selectedAreas(newval, oldval) {\n      if (newval.length > 0) {\n        this.disableNext = false\n      } else {\n        this.disableNext = true\n      }\n    }\n  },\n  computed: {\n    ...mapGetters({\n      areasOption: 'eventCalendar/areasOption',\n      conversation: 'conversations/conversation',\n      demograph: 'user/demograph',\n      officerToolbarSelected: 'user/officerToolbarSelected',\n      selectedConversationKey: 'user/userSelectedConversationKey'\n    }),\n    chosenAreas() {\n      // Exclude any areas already included in the selected Items list.\n      let newAreas = this.selectedAreas.filter(area => {\n        let selectedItem = this.selectedItems.filter(selected => {\n          return selected.org_key.toUpperCase() === area.org_key.toUpperCase()\n        })\n        return selectedItem.length === 0\n      })\n      return newAreas.map(item => {\n        return {\n          org_key: item.org_key\n        }\n      })\n    },\n    disableNextButton() {\n      if (this.distributionSelected && this.distributionSelected.key === 'areas' && this.selectedAreas.length > 0) {\n        return false\n      }\n      if (this.distributionSelected && this.distributionSelected.key === 'full') {\n        return false\n      }\n      return true\n    },\n    selectedStateCountry() {\n      if (this.officerToolbarSelected.country_state) {\n        return this.officerToolbarSelected.country_state\n      }\n      return this.demograph.state_key\n    },\n  },\n  components: {\n    'areas-tiles': AreaTiles,\n    ConversationPageNavigation: ConversationPageNavigation,\n    iTooltip: iTooltip,\n    pageBody: pageBody,\n    'switch-item': SwitchItem\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/styles/settings.scss';\n@import '@/styles/bootstrap/b-button.scss';\n@import '@/styles/bootstrap/b-button-group.scss';\n\n.page-body {\n  padding: 80px 15px;\n}\n\n.bg-block {\n  padding: 24px;\n}\n.add-template-conversation {\n  h1 {\n    margin-bottom: 34px;\n  }\n  hr {\n    margin: 60px 0 35px;\n  }\n  // @include breakpoint(sm) {\n  //   .page-header {\n  //     text-align: center;\n  //     h1 {\n  //       font-size: 42px;\n  //     }\n  //   }\n  // }\n  .button-group {\n    .btn-primary {\n      border: 1px solid #003946;\n      text-transform: uppercase !important;\n    }\n    button {\n      border-radius: 0 !important;\n    }\n  }\n  .g-background {\n    margin: 90px auto 104px;\n    button {\n      border-radius: 0 !important;\n    }\n  }\n  // .form-section {\n  //   font-size: 22px;\n  //   font-weight: bold;\n  //   display: block;\n  //   line-height: 44px;\n  //   letter-spacing: 0.73px;\n  //   text-transform: uppercase;\n  //   color: #636363;\n  //   margin-bottom: 10px;\n  // }\n  .form-block {\n    .form-element {\n      margin-bottom: 10px;\n\n      &.form-attachment {\n        margin-bottom: 60px;\n        margin-top: 45px;\n        @include breakpoint(sm) {\n          margin-top: 25px;\n        }\n      }\n    }\n  }\n  .form-control {\n    height: auto;\n    font-weight: normal;\n    text-transform: none;\n    line-height: 25px;\n    padding: 10px 20px;\n    border-color: #636363;\n    color: #636363;\n  }\n  // .custom-checkbox {\n  //   padding-left: 34px;\n  //   line-height: 24px;\n  //   margin-bottom: 10px;\n  //   label {\n  //     font-size: 16px;\n  //     &:before {\n  //       top: 0;\n  //       left: -34px;\n  //       border-radius: 0;\n  //       width: 24px;\n  //       height: 24px;\n  //       border-color: #636363;\n  //     }\n  //     &:after {\n  //       top: 0;\n  //       left: -34px;\n  //       height: 24px;\n  //       width: 24px;\n  //     }\n  //   }\n  //   .custom-control-input:checked ~ .custom-control-label::after {\n  //     background-color: #003946;\n  //   }\n  //   label.custom-control-label {\n  //     min-width: 200px;\n  //   }\n  // }\n  @include breakpoint(sm) {\n    .form-buttons {\n      .btn {\n        width: 100%;\n        margin-bottom: 15px !important;\n        &:last-of-type {\n          margin-bottom: 0 !important;\n        }\n      }\n    }\n  }\n}\n\n.add-conversation {\n  .g-mb-1 {\n    margin-bottom: 42px;\n  }\n  .g-mb-2 {\n    margin-bottom: 60px;\n    @include breakpoint(sm) {\n      margin-bottom: 45px;\n    }\n  }\n  .i-tooltip {\n    vertical-align: super;\n    svg path {\n      fill: #000 !important;\n    }\n  }\n  .view-1 {\n    @include breakpoint(sm) {\n      .btn-group {\n        width: 100%;\n      }\n    }\n  }\n\n  .custom-checkbox {\n    padding-left: 34px;\n    line-height: 24px;\n    margin-bottom: 10px;\n    label {\n      font-size: 16px;\n      &:before {\n        top: 0;\n        left: -34px;\n        border-radius: 0;\n        width: 24px;\n        height: 24px;\n        border-color: red !important;\n      }\n      &:after {\n        top: 0;\n        left: -34px;\n        height: 24px;\n        width: 24px;\n      }\n    }\n    .custom-control-input:checked ~ .custom-control-label::after {\n      background-color: #003946;\n    }\n  }\n}\n\n// .checkbox-row {\n//   display: flex;\n//   flex-wrap: wrap;\n//   .checkbox-block {\n//     min-width: 275px;\n//     margin-right: 20px;\n//     padding: 24px 20px 35px 30px;\n//     // border: 1px solid #e9e9e9;\n//     border-radius: 6px;\n//     // box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);\n//     @include breakpoint(sm) {\n//       width: 100%;\n//       margin-bottom: 15px;\n//       margin-right: 0;\n//     }\n//   }\n//   .bg-block-h {\n//     display: flex;\n//     margin-bottom: 15px;\n//     h3 {\n//       flex: 1 1 auto;\n//       margin: 0;\n//       color: $gray-200;\n//       font-family: $open-sans;\n//       font-size: 16px;\n//       font-weight: 700;\n//       letter-spacing: initial;\n//       line-height: 22px;\n//       text-transform: none;\n//     }\n//     .toggle {\n//       height: 25px;\n//       width: 25px;\n//       flex: 0 0 auto;\n//       border: 2px solid $gray-200;\n//       border-radius: 100%;\n//       display: flex;\n//       align-items: center;\n//       justify-content: center;\n//       &:before,\n//       &:after {\n//         content: '';\n//         display: block;\n//         width: 7px;\n//         height: 2px;\n//         border-radius: 2px;\n//         transform: rotate(45deg);\n//         transform-origin: bottom;\n//         background-color: $gray-200;\n//         right: -1px;\n//         position: relative;\n//       }\n//       &:after {\n//         left: -1px;\n//         right: auto;\n//         transform: rotate(-45deg);\n//       }\n//     }\n//   }\n//   label {\n//     font-size: 16px;\n//     line-height: 22px;\n//   }\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!./AddConversationDist.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!./AddConversationDist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddConversationDist.vue?vue&type=template&id=4802753e&scoped=true&\"\nimport script from \"./AddConversationDist.vue?vue&type=script&lang=js&\"\nexport * from \"./AddConversationDist.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddConversationDist.vue?vue&type=style&index=0&id=4802753e&prod&lang=scss&scoped=true&\"\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  \"4802753e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-navigation\"},[_c('div',{staticClass:\"nav-item nav-item-1\",class:{ active: _vm.page > 0 }},[_c('div',{staticClass:\"icon\"},[_c('geo-dis')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.i18n['conversation-page-navigation'].tcGeographicDistribution))])]),_c('div',{staticClass:\"sep\",class:{ active: _vm.page > 1 }}),_c('div',{staticClass:\"nav-item nav-item-2\",class:{ active: _vm.page > 1 }},[_c('div',{staticClass:\"icon\"},[_c('message-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.i18n['conversation-page-navigation'].tcEvent))])]),_c('div',{staticClass:\"sep\",class:{ active: _vm.page > 2 }}),_c('div',{staticClass:\"nav-item nav-item-3\",class:{ active: _vm.page > 2 }},[_c('div',{staticClass:\"icon\"},[_c('audience-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.i18n['conversation-page-navigation'].tcAttendees))])]),_c('div',{staticClass:\"sep\",class:{ active: _vm.page > 3 }}),_c('div',{staticClass:\"nav-item nav-item-4\",class:{ active: _vm.page > 3 }},[_c('div',{staticClass:\"icon\"},[_c('review-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(\" \"+_vm._s(_vm.i18n['conversation-page-navigation'].tcReview)+\" & \"+_vm._s(_vm.i18n['conversation-page-navigation'].tcSubmit)+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page-navigation\">\n    <div class=\"nav-item nav-item-1\" :class=\"{ active: page > 0 }\">\n      <div class=\"icon\">\n        <geo-dis />\n      </div>\n      <div class=\"text\">{{ i18n['conversation-page-navigation'].tcGeographicDistribution }}</div>\n    </div>\n    <div class=\"sep\" :class=\"{ active: page > 1 }\"></div>\n    <div class=\"nav-item nav-item-2\" :class=\"{ active: page > 1 }\">\n      <div class=\"icon\">\n        <message-icon />\n      </div>\n      <div class=\"text\">{{ i18n['conversation-page-navigation'].tcEvent }}</div>\n    </div>\n    <div class=\"sep\" :class=\"{ active: page > 2 }\"></div>\n    <div class=\"nav-item nav-item-3\" :class=\"{ active: page > 2 }\">\n      <div class=\"icon\">\n        <audience-icon />\n      </div>\n      <div class=\"text\">{{ i18n['conversation-page-navigation'].tcAttendees }}</div>\n    </div>\n    <div class=\"sep\" :class=\"{ active: page > 3 }\"></div>\n    <div class=\"nav-item nav-item-4\" :class=\"{ active: page > 3 }\">\n      <div class=\"icon\">\n        <review-icon />\n      </div>\n      <div class=\"text\">\n        {{ i18n['conversation-page-navigation'].tcReview }} &amp;&nbsp;{{\n          i18n['conversation-page-navigation'].tcSubmit\n        }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport audienceIcon from '@/assets/svgs/audience-icon.vue'\nimport constantData from '@/json/data.json'\nimport GeoDis from '@/assets/svgs/geographic-distribution-icon.vue'\nimport messageIcon from '@/assets/svgs/message-icon.vue'\nimport pageBody from '@/components/page-components/PageBody.vue'\nimport reviewIcon from '@/assets/svgs/review-icon.vue'\n\nexport default {\n  name: 'conversation-page-navigation',\n  props: {\n    i18n: {\n      type: Object,\n      default: () => {\n        return {\n          'conversation-page-navigation': {\n            tcAttendees: 'Attendees',\n            tcEvent: 'Event',\n            tcReview: 'Review',\n            tcSubmit: 'Submit',\n            tcGeographicDistribution: 'Geographic Distribution'\n          }\n        }\n      }\n    },\n    page: {\n      type: Number,\n      default: 3\n    }\n  },\n  mixins: [],\n  data() {\n    return {}\n  },\n  components: {\n    audienceIcon,\n    GeoDis,\n    messageIcon,\n    pageBody,\n    reviewIcon\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/styles/settings.scss';\n@import '@/styles/bootstrap/b-button.scss';\n@import '@/styles/bootstrap/b-button-group.scss';\n\n.page-navigation {\n  display: flex;\n  align-items: center;\n  padding: 30px 80px 100px;\n  @include breakpoint(sm) {\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    padding: 30px 0 30px;\n  }\n  .nav-item {\n    position: relative;\n    @include breakpoint(sm) {\n      width: 100%;\n    }\n    .icon {\n      svg {\n        fill: #8c8c8c !important;\n      }\n    }\n    &.active {\n      .icon {\n        background-color: $secondary-color;\n        svg {\n          fill: #000000 !important;\n        }\n      }\n      .text {\n        color: #000;\n      }\n    }\n  }\n  .sep {\n    height: 9px;\n    flex: 1 1 auto;\n    background-color: #ccc;\n    &.active {\n      background-color: $secondary-color;\n    }\n    @include breakpoint(sm) {\n      position: relative;\n      height: 30px;\n      width: 9px;\n      flex: 0 0 auto;\n      left: 27px;\n      transform: translateX(-50%);\n    }\n  }\n  .icon {\n    position: relative;\n    height: 54px;\n    width: 54px;\n    flex: 0 0 auto;\n    background-color: #ccc;\n    border-radius: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .text {\n    display: block;\n    position: absolute;\n    width: 140px;\n    top: 100%;\n    left: 50%;\n    margin-top: 13px;\n    transform: translateX(-50%);\n    color: #8c8c8c;\n    font-family: $open-sans;\n    font-size: 18px;\n    font-weight: 700;\n    letter-spacing: 0.6px;\n    line-height: 22px;\n    text-align: center;\n    @include breakpoint(sm) {\n      width: calc(100% - 70px);\n      left: 70px;\n      top: 50%;\n      margin-top: 0;\n      transform: translateY(-50%);\n      text-align: left;\n    }\n  }\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!./conversation-page-navigation.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!./conversation-page-navigation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./conversation-page-navigation.vue?vue&type=template&id=6e5539ee&scoped=true&\"\nimport script from \"./conversation-page-navigation.vue?vue&type=script&lang=js&\"\nexport * from \"./conversation-page-navigation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./conversation-page-navigation.vue?vue&type=style&index=0&id=6e5539ee&prod&lang=scss&scoped=true&\"\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  \"6e5539ee\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../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-loader/lib/index.js??vue-loader-options!./AddConversationDist.vue?vue&type=style&index=0&id=4802753e&prod&lang=scss&scoped=true&\""],"sourceRoot":""}