{"version":3,"sources":["webpack:///./src/views/admin/announcements/AnnouncementEdit.vue?bc96","webpack:///src/views/admin/announcements/AnnouncementEdit.vue","webpack:///./src/views/admin/announcements/AnnouncementEdit.vue?e920","webpack:///./src/views/admin/announcements/AnnouncementEdit.vue","webpack:///./src/views/admin/announcements/AnnouncementEdit.vue?027f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","translations","tcEditAnnouncement","tcGeographicDistribution","tcAudience","tcEnterMessage","tcReviewAndEdit","announcementForm","expires","isRegionalCommitteeAnnouncement","attrs","audienceDistribution","regionalCommitteeCountries","selectedCommittees","cmt_rgn_both","includeElected","state_country_object","selectedStateRegions","selectedCommitteeCountries","d_recipients","_e","on","handleEditClick","tcEdit","handleDeleteRequest","tcDelete","handleCancelClick","tcCancel","staticRenderFns","name","mixins","translationMixin","data","filteredItems","type","items","title","include","full","selected","leadership","computed","ad","scc","aud_dist","includes","filter","msg_member_type","areas","mbr_array","map","key","area","text","setStateRegionsForEdit","return_dist","showRegionalCommittee","geo_array","methods","setTranslations","tcIncludeNationalLeaders","tcFullState","tcSelectedAreas","tcStateLeadershipOnly","components","AnnouncementReview","audienceIcon","gBackground","GeoDis","messageIcon","pageBody","pageFooter","pageHeader","reviewIcon","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,eAAe,CAACA,EAAG,cAAc,CAACA,EAAG,KAAK,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaC,yBAAyBN,EAAG,YAAY,CAACA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,YAAY,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaE,+BAA+BP,EAAG,MAAM,CAACE,YAAY,eAAeF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,kBAAkB,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaG,iBAAiBR,EAAG,MAAM,CAACE,YAAY,eAAeF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,iBAAiB,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaI,qBAAqBT,EAAG,MAAM,CAACE,YAAY,eAAeF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,gBAAgB,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaK,0BAA0BV,EAAG,MAASJ,EAAIe,iBAAiBC,QAASZ,EAAG,MAAM,CAAGJ,EAAIiB,gCAAgcb,EAAG,MAAM,CAACA,EAAG,qBAAqB,CAACc,MAAM,CAAC,qBAAuBlB,EAAImB,qBAAqB,mBAAqBnB,EAAIoB,2BAA2B,uBAAyBpB,EAAIqB,mBAAmB,aAAerB,EAAIsB,aAAa,gBAAkBtB,EAAIe,iBAAiBQ,mBAAmB,GAAvrBnB,EAAG,MAAM,CAACA,EAAG,qBAAqB,CAACc,MAAM,CAAC,qBAAuBlB,EAAImB,qBAAqB,qBAAuBnB,EAAIwB,qBAAqB,qBAAuBxB,EAAIyB,qBAAqB,mBAAqBzB,EAAIqB,mBAAmB,2BAA6BrB,EAAI0B,2BAA2B,aAAe1B,EAAI2B,aAAa,aAAe3B,EAAIsB,aAAa,gBAAkBtB,EAAIe,iBAAiBQ,mBAAmB,KAAgSvB,EAAI4B,KAAKxB,EAAG,UAAU,CAACE,YAAY,gBAAgB,CAACF,EAAG,WAAW,CAACc,MAAM,CAAC,QAAU,YAAYW,GAAG,CAAC,MAAQ7B,EAAI8B,kBAAkB,CAAC9B,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,aAAasB,QAAQ,OAAO/B,EAAIO,GAAG,KAAKH,EAAG,WAAW,CAACc,MAAM,CAAC,QAAU,YAAYW,GAAG,CAAC,MAAQ7B,EAAIgC,sBAAsB,CAAChC,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,aAAawB,UAAU,OAAOjC,EAAIO,GAAG,KAAKH,EAAG,WAAW,CAACc,MAAM,CAAC,QAAU,YAAYW,GAAG,CAAC,MAAQ7B,EAAIkC,oBAAoB,CAAClC,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,aAAa0B,UAAU,QAAQ,IAAI,IAAI,IACh6EC,EAAkB,G,20BCsFtB,OACEC,KAAM,oBACNC,OAAQ,CAACC,EAAX,MACEC,KAHF,WAII,MAAO,CACLb,aAAc,KACdc,cAAe,CACbC,KAAM,GACNC,MAAO,IAETtB,mBAAoB,GACpBG,qBAAsB,CACpBoB,MAAO,oBACPC,QAAS,2BACTC,KAAM,aACNC,SAAU,iBACVC,WAAY,yBAEdvC,aAAc,KAGlB,QArBF,kLAsBA,gDACA,uBAvBA,wGA0BEwC,SAAU,EAAZ,KACA,gBACI,iBAAJ,iCACI,qBAAJ,qCACI,eAAJ,iCACI,eAAJ,+BACI,mBAAJ,mCACI,qBAAJ,qCACI,eAAJ,+BACI,8BAAJ,8CACI,+BAAJ,+CACI,YAAJ,4BACI,2BAAJ,2CACI,yBAAJ,yCACI,qBAAJ,qCACI,uBAAJ,uCACI,gBAAJ,gCACI,sBAAJ,sCACI,yBAAJ,yCACI,oBAAJ,uCAnBA,IAqBI3B,aArBJ,WAsBM,IAAN,EACA,gGACA,6EACM,OAAO4B,EAAKC,GAEdhC,qBA3BJ,WA2BA,WACA,KAiBM,GAfN,0EAAQ,OAAR,uCACA,WAEQiC,EAAW,GAAnB,+DAGA,gGAAQ,OACR,uCACA,WAEQA,EAAW,GAAnB,+DAEUnD,KAAKc,iBAAiB2B,KAAKW,SAAS,eACtCD,EAAW,GAAnB,gEAEU,CAAC,qBAAqBE,QAAO,SAAvC,0DAGQ,OAFAF,EAAW,GAAnB,6FACQnD,KAAKuB,qBAAuB,GACrB4B,EAET,GAAI,CAAC,wBAAwBE,QAAO,SAA1C,0DACQ,OAAQrD,KAAKc,iBAAiBwC,iBAC5B,IAAK,IACHH,EAAW,GAAvB,qEACY,MACF,IAAK,IACHA,EAAW,GAAvB,wEACY,MACF,IAAK,IACHA,EAAW,GAAvB,mEACY,MAqBN,MAlBI,CAAC,sBAAsBE,QAAO,SAAxC,4DACQrD,KAAKoB,mBAAqB,CACxBmC,MAAOvD,KAAKc,iBAAiB0C,UAAUC,KAAI,SAArD,GACY,MAAO,CACLC,IAAKC,EAAKD,IACVtB,KAAMuB,EAAKvB,KACXwB,KAAMD,EAAKvB,KACXK,KAAMkB,EAAKlB,WAKf,CAAC,kBAAmB,mBAAmBY,QAAO,SAAxD,4DACQF,EAAW,GAAnB,+DAEU,CAAC,YAAa,gBAAgBE,QAAO,SAA/C,2DACQrD,KAAK6D,yBAEAV,EAASE,QAAO,SAA7B,GACQ,OACR,4BACU,OAAV,kBACA,aAIIrC,gCAzFJ,WAyFA,WACM,MACN,sGAAQ,OACR,uCACA,UAMIG,2BAnGJ,WAoGM,IAAN,KAcM,OAZE2C,EADE9D,KAAKgB,iCAAmChB,KAAK+D,sBACjC,CACZR,MAAOvD,KAAKc,iBAAiBkD,UAAUP,KAAI,SAArD,GACY,MAAO,CACLG,KAAMD,EAAKvB,UAKH,CACZmB,MAAO,IAGJO,GAETC,sBApHJ,WAoHA,WACM,MACN,iFAAQ,OACR,uCACA,YAIEE,QAAS,EAAX,KACA,gBACI,gCAAJ,gDACI,0BAAJ,0CACI,0BAAJ,0CACI,mBAAJ,mCACI,iBAAJ,wBACI,2BAAJ,2CACI,uBAAJ,0CARA,IAUI,SAVJ,4KAYA,QAZA,KAaA,0BAbA,SAcA,2BAdA,mCAeA,uBAfA,oCAgBA,0BAhBA,qCAiBA,uBAjBA,0EAYA,IAZA,6EAoBA,oBApBA,yBAsBA,0BAtBA,qIAyBI,gBAzBJ,uJA0BA,kBACA,+CACA,mDACA,SACA,WACA,OAEA,+CACA,yBACA,SAEA,yBAEA,+CACA,wBACA,WAEA,0BAEA,2DACA,8BACA,qDAGA,uDACA,gCAnDA,wGAsDI,oBAtDJ,kKAuDA,YACA,gBACA,oBACA,yBACA,uDACA,+CACA,wDACA,kBACA,SACA,qDAhEA,wGAoEI,aApEJ,oLAsEA,KAtEA,KAuEA,QAvEA,KAwEA,0BAxEA,SAyEA,sEAzEA,mCA0EA,iCA1EA,mBA0EA,EA1EA,4CAuEA,IAvEA,gBA2EA,iBACA,GACA,+DAEA,uBACA,SACA,yBACA,oBACA,uEACA,8CAEA,gEAtFA,6DAyFA,oBAzFA,yBA2FA,0BA3FA,qIA8FI,kBA9FJ,uJA+FA,+DA/FA,wGAiGI,gBAjGJ,6JAkGA,GACA,YACA,aACA,iBACA,sBACA,iCACA,mBACA,mBACA,uFA1GA,wGA6GI,gBA7GJ,uJA8GA,mEACA,uCA/GA,wGAkHIC,gBAlHJ,WAmHMlE,KAAKuB,qBAAuB,CAC1BoB,MAAO3C,KAAKQ,aAAaC,mBACzBmC,QAAS5C,KAAKQ,aAAa2D,yBAC3BtB,KAAM7C,KAAKQ,aAAa4D,YACxBtB,SAAU9C,KAAKQ,aAAa6D,gBAC5BtB,WAAY/C,KAAKQ,aAAa8D,0BAIpCC,WAAY,CACVC,mBAAoBA,EAAxB,KACIC,aAAc,EAAlB,WACIC,YAAaA,EAAjB,KACIC,OAAQ,EAAZ,WACIC,YAAa,EAAjB,WACIC,SAAU,EAAd,KACIC,WAAY,EAAhB,KACIC,WAAY,EAAhB,KACIC,WAAY,EAAhB,aClXwX,I,wBCQpXC,EAAY,eACd,EACAnF,EACAqC,GACA,EACA,KACA,WACA,MAIa,aAAA8C,E,kECnBf","file":"js/chunk-4d8bd4e6.60650f32.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"add-state-announcement add-template\"},[_c('g-background',[_c('page-header',[_c('h1',[_vm._v(_vm._s(_vm.translations.tcEditAnnouncement))])]),_c('page-body',[_c('div',{staticClass:\"page-navigation\"},[_c('div',{staticClass:\"nav-item nav-item-1 active\"},[_c('div',{staticClass:\"icon\"},[_c('geo-dis')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcGeographicDistribution))])]),_c('div',{staticClass:\"sep active\"}),_c('div',{staticClass:\"nav-item nav-item-2 active\"},[_c('div',{staticClass:\"icon\"},[_c('audience-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcAudience))])]),_c('div',{staticClass:\"sep active\"}),_c('div',{staticClass:\"nav-item nav-item-3 active\"},[_c('div',{staticClass:\"icon\"},[_c('message-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcEnterMessage))])]),_c('div',{staticClass:\"sep active\"}),_c('div',{staticClass:\"nav-item nav-item-4 active\"},[_c('div',{staticClass:\"icon\"},[_c('review-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcReviewAndEdit))])])])]),_c('hr'),(!!_vm.announcementForm.expires)?_c('div',[(!_vm.isRegionalCommitteeAnnouncement)?_c('div',[_c('AnnouncementReview',{attrs:{\"audienceDistribution\":_vm.audienceDistribution,\"state_country_object\":_vm.state_country_object,\"selectedStateRegions\":_vm.selectedStateRegions,\"selectedCommittees\":_vm.selectedCommittees,\"selectedCommitteeCountries\":_vm.selectedCommitteeCountries,\"d_recipients\":_vm.d_recipients,\"cmt_rgn_both\":_vm.cmt_rgn_both,\"includeOfficers\":_vm.announcementForm.includeElected}})],1):_c('div',[_c('AnnouncementReview',{attrs:{\"audienceDistribution\":_vm.audienceDistribution,\"selectedCommittees\":_vm.regionalCommitteeCountries,\"selectedUserCommittees\":_vm.selectedCommittees,\"cmt_rgn_both\":_vm.cmt_rgn_both,\"includeOfficers\":_vm.announcementForm.includeElected}})],1)]):_vm._e(),_c('section',{staticClass:\"form-buttons\"},[_c('b-button',{attrs:{\"variant\":\"tertiary\"},on:{\"click\":_vm.handleEditClick}},[_vm._v(\" \"+_vm._s(_vm.translations.tcEdit)+\" \")]),_vm._v(\" \"),_c('b-button',{attrs:{\"variant\":\"tertiary\"},on:{\"click\":_vm.handleDeleteRequest}},[_vm._v(\" \"+_vm._s(_vm.translations.tcDelete)+\" \")]),_vm._v(\" \"),_c('b-button',{attrs:{\"variant\":\"tertiary\"},on:{\"click\":_vm.handleCancelClick}},[_vm._v(\" \"+_vm._s(_vm.translations.tcCancel)+\" \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"add-state-announcement add-template\">\n    <g-background>\n      <page-header>\n        <h1>{{ translations.tcEditAnnouncement }}</h1>\n      </page-header>\n\n      <page-body>\n        <div class=\"page-navigation\">\n          <div class=\"nav-item nav-item-1 active\">\n            <div class=\"icon\">\n              <geo-dis />\n            </div>\n            <div class=\"text\">{{ translations.tcGeographicDistribution }}</div>\n          </div>\n          <div class=\"sep active\"></div>\n          <div class=\"nav-item nav-item-2 active\">\n            <div class=\"icon\">\n              <audience-icon />\n            </div>\n            <div class=\"text\">{{ translations.tcAudience }}</div>\n          </div>\n          <div class=\"sep active\"></div>\n          <div class=\"nav-item nav-item-3 active\">\n            <div class=\"icon\">\n              <message-icon />\n            </div>\n            <div class=\"text\">{{ translations.tcEnterMessage }}</div>\n          </div>\n          <div class=\"sep active\"></div>\n          <div class=\"nav-item nav-item-4 active\">\n            <div class=\"icon\">\n              <review-icon />\n            </div>\n            <div class=\"text\">{{ translations.tcReviewAndEdit }}</div>\n          </div>\n        </div>\n      </page-body>\n      <hr />\n      <div v-if=\"!!announcementForm.expires\">\n        <div v-if=\"!isRegionalCommitteeAnnouncement\">\n          <AnnouncementReview\n            :audienceDistribution=\"audienceDistribution\"\n            :state_country_object=\"state_country_object\"\n            :selectedStateRegions=\"selectedStateRegions\"\n            :selectedCommittees=\"selectedCommittees\"\n            :selectedCommitteeCountries=\"selectedCommitteeCountries\"\n            :d_recipients=\"d_recipients\"\n            :cmt_rgn_both=\"cmt_rgn_both\"\n            :includeOfficers=\"announcementForm.includeElected\"\n          ></AnnouncementReview>\n        </div>\n        <div v-else>\n          <AnnouncementReview\n            :audienceDistribution=\"audienceDistribution\"\n            :selectedCommittees=\"regionalCommitteeCountries\"\n            :selectedUserCommittees=\"selectedCommittees\"\n            :cmt_rgn_both=\"cmt_rgn_both\"\n            :includeOfficers=\"announcementForm.includeElected\"\n          ></AnnouncementReview>\n        </div>\n      </div>\n      <section class=\"form-buttons\">\n        <b-button variant=\"tertiary\" @click=\"handleEditClick\"> {{ translations.tcEdit }} </b-button>&nbsp;\n        <b-button variant=\"tertiary\" @click=\"handleDeleteRequest\"> {{ translations.tcDelete }} </b-button>&nbsp;\n        <b-button variant=\"tertiary\" @click=\"handleCancelClick\">\n          {{ translations.tcCancel }}\n        </b-button>\n      </section>\n    </g-background>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport AnnouncementReview from '@/components/AnnouncementReview.vue'\nimport audienceIcon from '@/assets/svgs/audience-icon.vue'\nimport gBackground from '@/components/gBackground.vue'\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 pageFooter from '@/components/page-components/PageFooter.vue'\nimport pageHeader from '@/components/page-components/PageHeader.vue'\nimport reviewIcon from '@/assets/svgs/review-icon.vue'\nimport { translationMixin } from '@/mixins/translationMixin'\n\nexport default {\n  name: 'edit-announcement',\n  mixins: [translationMixin],\n  data() {\n    return {\n      d_recipients: null,\n      filteredItems: {\n        type: '',\n        items: [],\n      },\n      selectedCommittees: {},\n      state_country_object: {\n        title: `Edit Announcement`,\n        include: 'Include National Leaders',\n        full: 'Full State',\n        selected: 'Selected Areas',\n        leadership: 'State Leadership Only',\n      },\n      translations: {},\n    }\n  },\n  async created() {\n    await Promise.all([this.pageLoad()]).then(() => {\n      this.setTranslations()\n    })\n  },\n  computed: {\n    ...mapGetters({\n      announcementForm: 'announcements/announcementForm',\n      announcementsForEdit: 'announcements/announcementsForEdit',\n      campAllMembers: 'announcements/stateBothMembers',\n      campAllLeaders: 'announcements/campAllLeaders',\n      committeeCountries: 'announcements/committeeCountries',\n      committeeIndividuals: 'announcements/committeeIndividuals',\n      committeesList: 'announcements/committeesList',\n      committeesListWithAllSelected: 'announcements/committeesListWithAllSelected',\n      committeesListWithSomeSelected: 'announcements/committeesListWithSomeSelected',\n      prefCulture: 'user/userPreferredCulture',\n      selectedCommitteeCountries: 'announcements/selectedCommitteeCountries',\n      selectedCommitteeMembers: 'announcements/selectedCommitteeMembers',\n      selectedStateRegions: 'announcements/selectedStateRegions',\n      selectedUserCommittees: 'announcements/selectedUserCommittees',\n      stateAllLeaders: 'announcements/stateAllLeaders',\n      stateGideonManagement: 'announcements/stateGideonManagement',\n      stateAuxiliaryManagement: 'announcements/stateAuxiliaryManagement',\n      stateBothManagement: 'announcements/stateBothManagement',\n    }),\n    cmt_rgn_both() {\n      let ad =\n        !!this.audienceDistribution && !!this.audienceDistribution[0] && !!this.audienceDistribution[0].areas ? 1 : 0\n      let scc = !!this.selectedCommitteeCountries && !!this.selectedCommitteeCountries.areas ? 1 : 0\n      return ad + scc\n    },\n    audienceDistribution() {\n      let aud_dist = []\n      if (\n        ['AreasCamp', 'RCommitteeCamp', 'ZonesCamp', 'FullCamp'].filter((ad) => this.announcementForm.type.includes(ad))\n          .length > 0\n      ) {\n        aud_dist = [...aud_dist, ...this.campAllLeaders]\n      }\n      if (\n        ['AreasMembers', 'FullMembers', 'ZonesMembers', 'CampCamp', 'RCommitteeMember'].filter((ad) =>\n          this.announcementForm.type.includes(ad)\n        ).length > 0\n      ) {\n        aud_dist = [...aud_dist, ...this.campAllMembers]\n      }\n      if (this.announcementForm.type.includes('FullState')) {\n        aud_dist = [...aud_dist, ...this.stateAllLeaders]\n      }\n      if (['CommitteesMembers'].filter((ad) => this.announcementForm.type.includes(ad)).length > 0) {\n        aud_dist = [...aud_dist, ...this.committeesListWithSomeSelected(['aud', 'mbr'])]\n        this.state_country_object = {}\n        return aud_dist\n      }\n      if (['RCommitteeManagement'].filter((ad) => this.announcementForm.type.includes(ad)).length > 0) {\n        switch (this.announcementForm.msg_member_type) {\n          case 'g':\n            aud_dist = [...aud_dist, ...this.stateGideonManagement]\n            break\n          case 'a':\n            aud_dist = [...aud_dist, ...this.stateAuxiliaryManagement]\n            break\n          case 'b':\n            aud_dist = [...aud_dist, ...this.stateBothManagement]\n            break\n        }\n      }\n      if (['RCommitteeRCMember'].filter((ad) => this.announcementForm.type.includes(ad)).length > 0) {\n        this.selectedCommittees = {\n          areas: this.announcementForm.mbr_array.map((area) => {\n            return {\n              key: area.key,\n              name: area.name,\n              text: area.name,\n              type: area.type,\n            }\n          }),\n        }\n      }\n      if (['AreasManagement', 'ZonesManagement'].filter((ad) => this.announcementForm.type.includes(ad)).length > 0) {\n        aud_dist = [...aud_dist, ...this.committeesList]\n      }\n      if (['AreasCamp', 'AreasMembers'].filter((ad) => this.announcementForm.type.includes(ad)).length > 0) {\n        this.setStateRegionsForEdit()\n      }\n      return aud_dist.filter((af) => {\n        return (\n          af.areas.filter((aff) => {\n            return aff.selected === true\n          }).length > 0\n        )\n      })\n    },\n    isRegionalCommitteeAnnouncement() {\n      if (\n        ['RCommitteeMember', 'RCommitteeCamp', 'RCommitteeManagement', 'RCommitteeRCMember'].filter((ad) =>\n          this.announcementForm.type.includes(ad)\n        ).length > 0\n      ) {\n        return true\n      }\n      return false\n    },\n    regionalCommitteeCountries() {\n      let return_dist = []\n      if (this.isRegionalCommitteeAnnouncement && this.showRegionalCommittee) {\n        return_dist = {\n          areas: this.announcementForm.geo_array.map((area) => {\n            return {\n              text: area.name,\n            }\n          }),\n        }\n      } else {\n        return_dist = {\n          areas: [],\n        }\n      }\n      return return_dist\n    },\n    showRegionalCommittee() {\n      return (\n        ['RCommitteeMember', 'RCommitteeCamp', 'RCommitteeManagement'].filter((ad) =>\n          this.announcementForm.type.includes(ad)\n        ).length > 0\n      )\n    },\n  },\n  methods: {\n    ...mapActions({\n      clearSelectedCommitteeCountries: 'announcements/clearSelectedCommitteeCountries',\n      deleteAnnouncementLocally: 'announcements/deleteAnnouncementLocally',\n      deleteAnnouncementMessage: 'announcements/deleteAnnouncementMessage',\n      setAudienceForEdit: 'announcements/setAudienceForEdit',\n      setLoadingStatus: 'menu/setLoadingStatus',\n      setMessagePackageForDelete: 'announcements/setMessagePackageForDelete',\n      setStateRegionsForEdit: 'announcements/setStateRegionsForEdit',\n    }),\n    async pageLoad() {\n      try {\n        await Promise.all([\n          this.setLoadingStatus(true),\n          await this.getViewTranslations(),\n          await this.setFullSelected(),\n          await this.setAudienceForEdit(),\n          await this.removeCountries(),\n        ])\n      } catch (e) {\n        console.error(e)\n      } finally {\n        this.setLoadingStatus(false)\n      }\n    },\n    async setFullSelected() {\n      this.d_recipients =\n        this.announcementForm.type.filter((sf) => {\n          return sf.includes('Areas') || sf.includes('Zones')\n        }).length > 0\n          ? 'Selected'\n          : 'Full'\n      if (\n        this.announcementForm.type.filter((sf) => {\n          return sf === 'FullState'\n        }).length > 0\n      ) {\n        this.d_recipients = 'Full'\n      } else if (\n        this.announcementForm.type.filter((sf) => {\n          return sf === 'CampCamp'\n        }).length > 0\n      ) {\n        this.d_recipients = 'Camp'\n      }\n      if (this.announcementForm.type.includes('CommitteesMembers')) {\n        this.d_recipients = 'Committee'\n        this.selectedCommittees = this.selectedUserCommittees\n      }\n      // Below block makes assumption that length of announcementForm.type will always be 1.\n      if (this.announcementForm.type[0].includes('RCommittee')) {\n        this.d_recipients = 'RCommittee'\n      }\n    },\n    async handleDeleteRequest() {\n      this.$swal({\n        icon: 'question',\n        showCancelButton: true,\n        cancelButtonColor: '#d33',\n        text: this.translations.tcAnnouncementWillBeDeletedOkay,\n        confirmButtonText: this.translations.tcOk || 'Ok',\n        cancelButtonText: this.translations.tcCancel || 'Cancel',\n      }).then((result) => {\n        if (result.value) {\n          this.handleDelete(this.announcementForm.msg_message_id)\n        }\n      })\n    },\n    async handleDelete() {\n      try {\n        let del_result = true\n        await Promise.all([\n          this.setLoadingStatus(true),\n          await this.setMessagePackageForDelete(this.announcementForm.msg_message_id),\n          (del_result = await this.deleteAnnouncementMessage()),\n        ]).then(() => {\n          if (del_result) {\n            this.deleteAnnouncementLocally(this.announcementForm.msg_message_id)\n          }\n          this.setLoadingStatus(false)\n          this.$swal({\n            icon: del_result ? 'success' : 'error',\n            showCancelButton: false,\n            text: del_result ? this.translations.tcDeleteSuccessful : this.translations.tcDeleteFailed,\n            confirmButtonText: this.translations.tcOk || 'Ok',\n          })\n          this.$router.push('/get-connected/stay-informed/announcements')\n        })\n      } catch (e) {\n        console.error(e)\n      } finally {\n        this.setLoadingStatus(false)\n      }\n    },\n    async handleCancelClick() {\n      this.$router.push('/admin/announcements/manage-announcements')\n    },\n    async handleEditClick() {\n      let level = {\n        Camp: 'camp',\n        Full: 'state',\n        Selected: 'state',\n        Committee: 'committee',\n        RCommittee: 'regional-committee',\n      }[this.d_recipients]\n      this.$router.push({\n        path: `/get-connected/stay-informed/announcements/add/add-${level}-announcement`,\n      })\n    },\n    async removeCountries() {\n      if (this.isRegionalCommitteeAnnouncement && !this.showRegionalCommittee) {\n        this.clearSelectedCommitteeCountries()\n      }\n    },\n    setTranslations() {\n      this.state_country_object = {\n        title: this.translations.tcEditAnnouncement,\n        include: this.translations.tcIncludeNationalLeaders,\n        full: this.translations.tcFullState,\n        selected: this.translations.tcSelectedAreas,\n        leadership: this.translations.tcStateLeadershipOnly,\n      }\n    },\n  },\n  components: {\n    AnnouncementReview: AnnouncementReview,\n    audienceIcon: audienceIcon,\n    gBackground: gBackground,\n    GeoDis: GeoDis,\n    messageIcon: messageIcon,\n    pageBody: pageBody,\n    pageFooter: pageFooter,\n    pageHeader: pageHeader,\n    reviewIcon: 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// form template for add-template on AddCampAnnouncement.vue USE AddCampAnnouncement as include\n\n.add-template {\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  }\n  .g-background {\n    margin: 90px auto 104px;\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  }\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// 1060\n// 410\n// ----\n// 650\n\n.slide-fade-enter-active {\n  transition: all 0.3s ease;\n}\n.slide-fade-leave-active {\n  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\n}\n.slide-fade-enter, .slide-fade-leave-to\n/* .slide-fade-leave-active below version 2.1.8 */ {\n  transform: translateX(10px);\n  opacity: 0;\n}\n\n.add-state-announcement {\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  .view-2 {\n    .custom-control-inline {\n      display: flex;\n      margin-left: 30px;\n      margin-bottom: 0;\n      align-items: center;\n      @include breakpoint(sm) {\n        margin-left: 0;\n      }\n    }\n    @include breakpoint(sm) {\n      .btn-group {\n        flex-wrap: wrap;\n        width: 100%;\n        .btn {\n          width: 50%;\n          flex: 0 1 auto;\n          padding: 12px 5px;\n        }\n      }\n      .member-type {\n        flex-wrap: wrap;\n        .btn-group {\n          margin-bottom: 30px;\n          @include breakpoint(sm) {\n            // margin-bottom: ;\n          }\n          .btn {\n            width: 33%;\n          }\n        }\n      }\n    }\n  }\n  .view-3 {\n    input::placeholder {\n      text-transform: uppercase;\n      color: #636363;\n      font-weight: bold;\n    }\n  }\n  .view-4 {\n    .col {\n      display: block;\n    }\n    .col-a {\n      max-width: 60%;\n      flex-basis: 60%;\n      @include breakpoint(sm) {\n        max-width: 100%;\n        flex-basis: 100%;\n        margin-bottom: 30px;\n      }\n    }\n    .col-b {\n      max-width: 40%;\n      flex-basis: 40%;\n      @include breakpoint(sm) {\n        max-width: 100%;\n        flex-basis: 100%;\n      }\n    }\n    section {\n      margin-top: 20px;\n      margin-bottom: 30px;\n    }\n    p {\n      margin-bottom: 22px;\n      font-size: 16px;\n      line-height: 22px;\n    }\n    .form-attachment {\n      margin-bottom: 10px;\n    }\n    .calendar {\n      display: flex;\n      align-items: center;\n      svg {\n        margin-right: 15px;\n        path {\n          fill: #636363 !important;\n        }\n      }\n    }\n  }\n  .send-notifications {\n    margin-bottom: 30px;\n    margin-top: 20px;\n  }\n  .form-attachment {\n    .attachment-list {\n      margin-bottom: 20px;\n      span {\n        margin: 0 30px 0 10px;\n        color: #1e68fb;\n      }\n      svg:last-of-type {\n        width: 14px;\n        height: 14px;\n      }\n      @include breakpoint(sm) {\n        .btn {\n          width: auto !important;\n        }\n      }\n    }\n  }\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.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!./AnnouncementEdit.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!./AnnouncementEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AnnouncementEdit.vue?vue&type=template&id=34fec30c&scoped=true&\"\nimport script from \"./AnnouncementEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./AnnouncementEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnnouncementEdit.vue?vue&type=style&index=0&id=34fec30c&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  \"34fec30c\",\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!./AnnouncementEdit.vue?vue&type=style&index=0&id=34fec30c&prod&lang=scss&scoped=true&\""],"sourceRoot":""}