{"version":3,"sources":["webpack:///./src/views/admin/announcements/AddStateAnnouncement.vue?fb7f","webpack:///src/views/admin/announcements/AddStateAnnouncement.vue","webpack:///./src/views/admin/announcements/AddStateAnnouncement.vue?eeec","webpack:///./src/views/admin/announcements/AddStateAnnouncement.vue","webpack:///./src/views/admin/announcements/AddStateAnnouncement.vue?0cc7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","state_country_object","title","class","active","page","translations","tcGeographicDistribution","tcAudience","tcEnterMessage","tcReviewAndSubmit","on","$event","preventDefault","tcDistributionLevel","directives","name","rawName","modifiers","attrs","d_recipients","handleDistributionButtonClick","full","selected","tcAreas","_l","items","tx","key","_e","l_recipients","filterItems","leadership","tcCampOfficerGroups","tcMembers","tcMemberType","g_recipients","tcBoth","tcGideon","tcAuxiliary","handleIncludeCheckboxChange","model","value","callback","$$v","include_state_elected_officers","expression","include","leadership_title","filteredItems","lx","type","form","tcNext","handleNextClick","handleCancelClick","handleBackClick","audienceDistribution","selectedStateRegions","tcBack","tcCancel","handleSubmit","tcSubmit","tcEdit","staticRenderFns","mixins","translationMixin","data","cabinetTypes","dateOptions","localeAndMemberTypes","watch","computed","bothGideonsAuxiliary","selectedFull","announcementForm","managementMembersCampState","length","replace","hasWholeCabinet","map","im","areas","filter","showElectedCheckbox","methods","dist","setIncludeSwitch","evt","translateStateRegionText","stateRegions","regionVal","updatedRegion","area","text","includes","stateAreaText","setStateRegion","allStateRegions","components","AnnouncementTemplate","AnnouncementReview","audienceIcon","gBackground","GeoDis","GeographicAreas","iCalendar","iPaperclip","iTooltip","messageIcon","pageBody","pageFooter","pageHeader","reviewIcon","component"],"mappings":"8IAAA,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,qBAAqBC,YAAYN,EAAG,YAAY,CAACA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsBK,MAAM,CAAEC,OAAQZ,EAAIa,KAAO,IAAK,CAACT,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,YAAY,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAaC,+BAA+BX,EAAG,MAAM,CAACE,YAAY,MAAMK,MAAM,CAAEC,OAAQZ,EAAIa,KAAO,KAAMT,EAAG,MAAM,CAACE,YAAY,sBAAsBK,MAAM,CAAEC,OAAQZ,EAAIa,KAAO,IAAK,CAACT,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,kBAAkB,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAaE,iBAAiBZ,EAAG,MAAM,CAACE,YAAY,MAAMK,MAAM,CAAEC,OAAQZ,EAAIa,KAAO,KAAMT,EAAG,MAAM,CAACE,YAAY,sBAAsBK,MAAM,CAAEC,OAAQZ,EAAIa,KAAO,IAAK,CAACT,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,iBAAiB,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAaG,qBAAqBb,EAAG,MAAM,CAACE,YAAY,MAAMK,MAAM,CAAEC,OAAQZ,EAAIa,KAAO,KAAMT,EAAG,MAAM,CAACE,YAAY,sBAAsBK,MAAM,CAAEC,OAAQZ,EAAIa,KAAO,IAAK,CAACT,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,gBAAgB,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAaI,4BAA4Bd,EAAG,MAAoB,IAAbJ,EAAIa,KAAYT,EAAG,SAAS,CAACE,YAAY,gBAAgBa,GAAG,CAAC,OAAS,SAASC,GAAQA,EAAOC,oBAAqB,CAACjB,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIc,aAAaQ,qBAAqB,KAAKlB,EAAG,OAAO,CAACmB,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,oBAAoBC,UAAU,CAAC,OAAQ,KAAQpB,YAAY,YAAYqB,MAAM,CAAC,MAAQ3B,EAAIc,aAAaQ,sBAAsB,CAAClB,EAAG,cAAc,KAAKA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,iBAAiB,CAACA,EAAG,WAAW,CAACuB,MAAM,CAAC,QAA+B,SAArB3B,EAAI4B,aAA0B,UAAY,WAAWT,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAI6B,8BAA8B,WAAW,CAAC7B,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,qBAAqBqB,SAAS1B,EAAG,WAAW,CAACuB,MAAM,CAAC,QAA+B,aAArB3B,EAAI4B,aAA8B,UAAY,WAAWT,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAI6B,8BAA8B,eAAe,CAAC7B,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,qBAAqBsB,cAAc,IAAI,GAAyB,aAArB/B,EAAI4B,aAA6BxB,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAakB,YAAY5B,EAAG,MAAM,CAACE,YAAY,gBAAgBN,EAAIiC,GAAIjC,EAAgB,cAAE,SAASkC,EAAMC,GAAI,OAAO/B,EAAG,MAAM,CAACgC,IAAID,GAAI,CAAC/B,EAAG,kBAAkB,CAACuB,MAAM,CAAC,SAAW,SAAS,UAAYO,MAAU,MAAK,KAAKlC,EAAIqC,OAAOrC,EAAIqC,KAAmB,IAAbrC,EAAIa,KAAYT,EAAG,SAAS,CAACE,YAAY,gBAAgBa,GAAG,CAAC,OAAS,SAASC,GAAQA,EAAOC,oBAAqB,CAACjB,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIc,aAAaE,YAAY,KAAKZ,EAAG,OAAO,CAACmB,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,oBAAoBC,UAAU,CAAC,OAAQ,KAAQpB,YAAY,YAAYqB,MAAM,CAAC,MAAQ3B,EAAIc,aAAaE,aAAa,CAACZ,EAAG,cAAc,KAAKA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,iBAAiB,CAAuB,SAArBJ,EAAI4B,aAAyBxB,EAAG,WAAW,CAACuB,MAAM,CAAC,QAA+B,UAArB3B,EAAIsC,aAA2B,UAAY,mBAAmBnB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIuC,YAAY,QAAS,SAAS,CAACvC,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,qBAAqB+B,eAAexC,EAAIqC,KAAKjC,EAAG,WAAW,CAACuB,MAAM,CAAC,QAA+B,SAArB3B,EAAIsC,aAA0B,UAAY,mBAAmBnB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIuC,YAAY,OAAQ,SAAS,CAACvC,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAa2B,wBAAwBrC,EAAG,WAAW,CAACuB,MAAM,CAAC,QAA+B,YAArB3B,EAAIsC,aAA6B,UAAY,mBAAmBnB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIuC,YAAY,UAAW,SAAS,CAACvC,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAa4B,eAAe,IAAI,GAAGtC,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAa6B,iBAAiBvC,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,iBAAiB,CAACA,EAAG,WAAW,CAACuB,MAAM,CAAC,QAA+B,SAArB3B,EAAI4C,aAA0B,UAAY,mBAAmBzB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIuC,YAAY,KAAM,WAAW,CAACvC,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAa+B,WAAWzC,EAAG,WAAW,CAACuB,MAAM,CAAC,QAA+B,WAArB3B,EAAI4C,aAA4B,UAAY,mBAAmBzB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIuC,YAAY,KAAM,aAAa,CAACvC,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAagC,aAAa1C,EAAG,WAAW,CAACuB,MAAM,CAAC,QAA+B,cAArB3B,EAAI4C,aAA+B,UAAY,mBAAmBzB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIuC,YAAY,KAAM,gBAAgB,CAACvC,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,aAAaiC,iBAAiB,GAAI/C,EAAuB,oBAAEI,EAAG,MAAM,CAACA,EAAG,kBAAkB,CAACuB,MAAM,CAAC,KAAO,kBAAkB,OAAS,IAAIR,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOpB,EAAIgD,4BAA4B5B,KAAU6B,MAAM,CAACC,MAAOlD,EAAkC,+BAAEmD,SAAS,SAAUC,GAAMpD,EAAIqD,+BAA+BD,GAAKE,WAAW,mCAAmC,CAACtD,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,qBAAqB8C,aAAa,GAAGvD,EAAIqC,MAAM,GAAyB,SAArBrC,EAAIsC,aAAyBlC,EAAG,OAAO,CAACA,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIwD,qBAAqBpD,EAAG,MAAM,CAACE,YAAY,gBAAgBN,EAAIiC,GAAIjC,EAAIyD,cAAmB,OAAE,SAASvB,EAAMwB,GAAI,OAAOtD,EAAG,MAAM,CAACgC,IAAIsB,GAAI,CAACtD,EAAG,kBAAkB,CAACuB,MAAM,CAAC,SAAW3B,EAAIyD,cAAcE,KAAK,UAAYzB,MAAU,MAAK,KAAKlC,EAAIqC,OAAOrC,EAAIqC,KAAmB,IAAbrC,EAAIa,KAAYT,EAAG,SAAS,CAACE,YAAY,gBAAgBa,GAAG,CAAC,OAAS,SAASC,GAAQA,EAAOC,oBAAqB,CAACjB,EAAG,uBAAuB,CAACuB,MAAM,CAAC,KAAO3B,EAAI4D,KAAK,eAAiB5D,EAAIc,aAAa+C,QAAQ1C,GAAG,CAAC,uBAAyBnB,EAAI8D,gBAAgB,oBAAsB9D,EAAI+D,kBAAkB,UAAY/D,EAAIgE,oBAAoB,GAAGhE,EAAIqC,KAAmB,IAAbrC,EAAIa,KAAYT,EAAG,MAAM,CAACA,EAAG,qBAAqB,CAACuB,MAAM,CAAC,gBAAkB3B,EAAIqD,+BAA+B,qBAAuBrD,EAAIiE,qBAAqB,qBAAuBjE,EAAIS,qBAAqB,qBAAuBT,EAAIkE,qBAAqB,aAAelE,EAAI4B,aAAa,aAAe5B,EAAIsC,iBAAiB,GAAGtC,EAAIqC,KAAmB,IAAbrC,EAAIa,KAAYT,EAAG,UAAU,CAACE,YAAY,gBAAgB,CAAEN,EAAIa,KAAO,GAAKb,EAAIa,KAAO,EAAGT,EAAG,WAAW,CAACE,YAAY,OAAOqB,MAAM,CAAC,QAAU,WAAWR,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAIa,UAAU,CAACb,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIc,aAAaqD,QAAQ,OAAOnE,EAAIqC,KAAMrC,EAAIa,KAAO,EAAGT,EAAG,WAAW,CAACE,YAAY,OAAOqB,MAAM,CAAC,QAAU,WAAWR,GAAG,CAAC,MAAQnB,EAAI8D,kBAAkB,CAAC9D,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIc,aAAa+C,QAAQ,OAAO7D,EAAIqC,KAAMrC,EAAIa,KAAO,EAAGT,EAAG,WAAW,CAACuB,MAAM,CAAC,QAAU,YAAYR,GAAG,CAAC,MAAQnB,EAAI+D,oBAAoB,CAAC/D,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIc,aAAasD,UAAU,OAAOpE,EAAIqC,KAAmB,IAAbrC,EAAIa,KAAYT,EAAG,WAAW,CAACE,YAAY,OAAOqB,MAAM,CAAC,QAAU,WAAWR,GAAG,CAAC,MAAQnB,EAAIqE,eAAe,CAACrE,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIc,aAAawD,UAAU,OAAOtE,EAAIqC,KAAmB,IAAbrC,EAAIa,KAAYT,EAAG,WAAW,CAACuB,MAAM,CAAC,QAAU,YAAYR,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAIa,KAAO,KAAK,CAACb,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIc,aAAayD,QAAQ,OAAOvE,EAAIqC,MAAM,GAAGrC,EAAIqC,MAAM,IAAI,IAChzNmC,EAAkB,G,u5BC+LtB,OACEhD,KAAM,yBACNiD,OAAQ,CAACC,EAAX,MACEC,KAHF,WAII,MAAO,CACLC,aAAc,CACZ,kBAAmB,mBACnB,yBAA0B,yBAC1B,oBAAqB,qBACrB,6BAA8B,6BAC9B,eAAgB,gBAChB,sBAAuB,sBACvB,iBAAkB,kBAClB,0BAA2B,2BAE7BhD,aAAc,OACdiD,YAAa,CAAnB,0DACMpB,cAAe,CACbE,KAAM,GACNzB,MAAO,IAET0B,KAAM,GACNhB,aAAc,OACdS,gCAAgC,EAChCf,aAAc,QACdkB,iBAAkB,GAClBsB,qBAAsB,CAC5B,iBACA,uBACA,oBACA,kBACA,wBACA,2BACA,wBACA,sBACA,mBACA,qBACA,wBACA,sBAEMjE,KAAM,EACNJ,qBAAsB,CACpBC,MAAO,GACP6C,QAAS,GACTzB,KAAM,GACNC,SAAU,GACVS,WAAY,IAEd1B,aAAc,KAGlBiE,MAAO,GACP,QApDF,uLAsDA,QAtDA,SAuDA,0BAvDA,mCAwDA,6CAxDA,oCAyDA,uDAzDA,qCA0DA,mBA1DA,qEAsDA,IAtDA,gBA2DA,kBACA,0BACA,aACA,MADA,IAEA,qCAEA,sCAEA,0BACA,yBACA,gCArEA,6DAwEA,oBAxEA,yBA0EA,0BA1EA,qIA6EEC,SAAU,EAAZ,KACA,gBACI,iBAAJ,iCACI,eAAJ,+BACI,qBAAJ,qCACI,kBAAJ,kCACI,UAAJ,iBACI,uBAAJ,8BACI,YAAJ,4BACI,qBAAJ,qCACI,gBAAJ,gCACI,sBAAJ,sCACI,yBAAJ,yCACI,sBAAJ,sCACI,oBAAJ,oCACI,iBAAJ,iCACI,mBAAJ,mCACI,sBAAJ,sCACI,mBAAJ,mCACI,aAAJ,6BACI,SAAJ,gBACI,kBAAJ,yBACI,OAAJ,cACI,aAAJ,oBACI,cAAJ,wBAxBA,IA0BIC,qBA1BJ,WA2BM,MAAO,CAAb,gFAEIC,aA7BJ,WA8BM,OAAQjF,KAAKkF,iBAAiBxB,MAEpC,+CACQ,OAAR,4CACA,SACA,WAJA,QAOIyB,2BAtCJ,WAuCM,OAAKnF,KAAKkF,iBAAiBxB,MAA8C,IAAtC1D,KAAKkF,iBAAiBxB,KAAK0B,OAGrDpF,KAAKkF,iBAAiBxB,KAAK,GAAG2B,QAAQ,QAAS,IAAIA,QAAQ,QAAS,IAAIA,QAAQ,OAAQ,IAFxF,SAKXC,gBA7CJ,WA8CM,MAA6B,SAAtBtF,KAAKqC,cAEd2B,qBAhDJ,WAgDA,WACM,OAAOhE,KAAKwD,cAAcvB,MAAMsD,KAAI,SAA1C,GACQ,MAAO,CACL9E,MACV,+DACA,mCACA,QACU0B,IAAKqD,EAAGrD,IACRsD,MAAOD,EAAGC,MAAMC,QAAO,SAAjC,sDAIIC,oBA5DJ,WA6DM,MAA6B,SAAtB3F,KAAKqC,cAAlB,aAA6C,KAA7C,+CAGEuD,QAAS,EAAX,KACA,gBACI,6BAAJ,6CACI,iBAAJ,iCACI,iBAAJ,wBACI,WAAJ,2BACI,0BAAJ,0CACI,2BAAJ,2CACI,yBAAJ,yCACI,gCAAJ,gDACI,eAAJ,kCAVA,IAYIhE,8BAZJ,SAYA,GACM5B,KAAK2B,aAAekE,EACpB7F,KAAKqC,aAAwB,SAATwD,EAAkB,QAAU,cAElD,gBAhBJ,0JAiBA,YACA,cAlBA,gCAmBA,sDAnBA,OAqBA,gBACA,sCAtBA,wGAyBI9C,4BAzBJ,SAyBA,GACM/C,KAAK8F,iBAAiBC,IAExB,YA5BJ,yKA6BA,6EACA,oCACA,4CACA,kDAhCA,SAiCA,sIACA,wDACA,0DACA,oDACA,sCACA,0CACA,0CACA,8CACA,sDACA,aACA,0FACA,KACA,2BAZA,6CAjCA,wGAgDI,UAhDJ,oEAgDA,KAhDA,wFAiDA,uCACA,uCAlDA,SAmDA,mCAnDA,OAoDA,4BACA,qFACA,2FAtDA,2GAwDI,YAxDJ,oEAwDA,KAxDA,4GAyDA,oBAzDA,uBA0DA,2IACA,qBADA,OAEA,kBAFA,OAIA,wBAJA,OAMA,qBANA,OAQA,mBARA,OAUA,aAVA,OAYA,mBAZA,OAcA,gBAdA,OAgBA,cAhBA,QAkBA,eAlBA,QAoBA,qBApBA,QAsBA,kBAtBA,QAwBA,gBAxBA,iDAGA,wBAHA,gCAKA,4BALA,gCAOA,yBAPA,gCASA,yBATA,gCAWA,kBAXA,gCAaA,uBAbA,gCAeA,oBAfA,iCAiBA,mBAjBA,iCAmBA,qBAnBA,iCAqBA,yBArBA,iCAuBA,sBAvBA,iCAyBA,sBAzBA,iCA2BA,kEA3BA,8CA1DA,OA0DA,yBA1DA,kHAyFI,kBAzFJ,uJA0FA,gEA1FA,wGA4FI,aA5FJ,oLA8FA,0BA9FA,SA+FA,+BACA,iBACA,qEACA,mCAlGA,UAoGA,0BApGA,gCAqGA,iCACA,2BACA,2BACA,uBACA,iBACA,YA1GA,+CA6GA,sIACA,wCACA,2BACA,8BACA,wBACA,iBACA,qBACA,+BACA,aACA,cACA,kBAVA,6CA7GA,yBA6HA,sIACA,uCAEA,wCACA,yBACA,0BAGA,0CACA,wCACA,yBACA,0BAIA,2BACA,YACA,6BACA,iBACA,oBACA,cACA,kBArBA,6CA7HA,yBAwJA,mCAEA,4CACA,uDACA,qCA5JA,QAwJA,EAxJA,OA8JA,0BACA,YACA,yBACA,OACA,sCACA,8CACA,iDACA,iBACA,GACA,gEAvKA,qDA2KA,oBA3KA,yBA6KA,0BA7KA,qIAgLI,gBAhLJ,gKAiLA,gFAjLA,gBAkLA,YACA,aACA,6DACA,iDArLA,0BAwLA,IACA,2EACA,iDA1LA,uBA2LA,YACA,aACA,0DACA,iDA9LA,6BAkMA,YACA,gBACA,sCAEA,cAtMA,uBAuMA,mEACA,0BAxMA,UA0MA,sDA1MA,yGA8MI,sBA9MJ,uJA+MA,0BACA,yCACA,CACA,8DACA,+CACA,+CACA,oBAEA,iDACA,mCACA,2CACA,oDAEA,CACA,gEACA,+CACA,+CACA,6BAEA,sDACA,qCACA,2CACA,sDArOA,wGAwOIC,yBAxOJ,WAwOA,WACM,IAAKhG,KAAKa,eAAiBb,KAAKiG,aAAc,OAAO,EAErD,IAAN,qCACQ,IAAR,UAEA,qBAiBQ,OAhBAC,EAAYA,EAAY,KAAhC,4CACQC,EAAc1F,MAAQ,EAA9B,yDAGQ0F,EAAcV,MAAQU,EAAcV,MAAMF,KAAI,SAAtD,GACU,GAAIa,EAAKC,MAAQD,EAAKC,KAAKC,SAAS,cAAe,CACjD,IAAZ,6BACA,OACA,kDACYF,EAAKC,KAAOE,GAAgCH,EAAKC,SAC7D,CACY,IAAZ,+DACYD,EAAKC,KAAO,EAAxB,wDAEU,OAAOD,KAEFD,KAET,OAAOnG,KAAKwG,eAAeC,MAG/BC,WAAY,CACVC,qBAAsBA,EAA1B,KACIC,mBAAoBA,EAAxB,KACIC,aAAc,EAAlB,WACIC,YAAaA,EAAjB,KACIC,OAAQ,EAAZ,WACIC,gBAAiBA,EAArB,KACIC,UAAWA,EAAf,WACIC,WAAYA,EAAhB,WACIC,SAAU,EAAd,WACIC,YAAa,EAAjB,WACIC,SAAU,EAAd,KACIC,WAAY,EAAhB,KACIC,WAAY,EAAhB,KACIC,WAAY,EAAhB,aC/lB4X,I,wBCQxXC,EAAY,eACd,EACA3H,EACAyE,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E,2CCnBf","file":"js/chunk-b2e6a5f4.a217d602.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.state_country_object.title))])]),_c('page-body',[_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.translations.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('audience-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcAudience))])]),_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('message-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcEnterMessage))])]),_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.translations.tcReviewAndSubmit))])])])]),_c('hr'),(_vm.page === 1)?_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.tcDistributionLevel}},[_c('i-tooltip')],1)]),_c('div',{staticClass:\"g-mb-1\"},[_c('b-button-group',[_c('b-button',{attrs:{\"variant\":_vm.d_recipients === 'Full' ? 'primary' : 'outline'},on:{\"click\":function($event){return _vm.handleDistributionButtonClick('Full')}}},[_vm._v(_vm._s(_vm.state_country_object.full))]),_c('b-button',{attrs:{\"variant\":_vm.d_recipients === 'Selected' ? 'primary' : 'outline'},on:{\"click\":function($event){return _vm.handleDistributionButtonClick('Selected')}}},[_vm._v(_vm._s(_vm.state_country_object.selected))])],1)],1),(_vm.d_recipients === 'Selected')?_c('div',[_c('h2',{staticClass:\"h-style-1 mb-3\"},[_vm._v(_vm._s(_vm.translations.tcAreas))]),_c('div',{staticClass:\"checkbox-row\"},_vm._l((_vm.stateRegions),function(items,tx){return _c('div',{key:tx},[_c('GeographicAreas',{attrs:{\"geo_type\":\"region\",\"area_prop\":items}})],1)}),0)]):_vm._e()]):_vm._e(),(_vm.page === 2)?_c('b-form',{staticClass:\"view-2 g-mb-2\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('h2',{staticClass:\"h-style-1 mb-3\"},[_vm._v(\" \"+_vm._s(_vm.translations.tcAudience)+\" \"),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"i-tooltip\",attrs:{\"title\":_vm.translations.tcAudience}},[_c('i-tooltip')],1)]),_c('div',{staticClass:\"g-mb-1\"},[_c('b-button-group',[(_vm.d_recipients === 'Full')?_c('b-button',{attrs:{\"variant\":_vm.l_recipients === 'State' ? 'primary' : 'outline-primary'},on:{\"click\":function($event){return _vm.filterItems('State', null)}}},[_vm._v(_vm._s(_vm.state_country_object.leadership))]):_vm._e(),_c('b-button',{attrs:{\"variant\":_vm.l_recipients === 'Camp' ? 'primary' : 'outline-primary'},on:{\"click\":function($event){return _vm.filterItems('Camp', null)}}},[_vm._v(_vm._s(_vm.translations.tcCampOfficerGroups))]),_c('b-button',{attrs:{\"variant\":_vm.l_recipients === 'Members' ? 'primary' : 'outline-primary'},on:{\"click\":function($event){return _vm.filterItems('Members', null)}}},[_vm._v(_vm._s(_vm.translations.tcMembers))])],1)],1),_c('h2',{staticClass:\"h-style-1 mb-3\"},[_vm._v(_vm._s(_vm.translations.tcMemberType))]),_c('div',{staticClass:\"d-flex g-mb-1 member-type\"},[_c('b-button-group',[_c('b-button',{attrs:{\"variant\":_vm.g_recipients === 'Both' ? 'primary' : 'outline-primary'},on:{\"click\":function($event){return _vm.filterItems(null, 'Both')}}},[_vm._v(_vm._s(_vm.translations.tcBoth))]),_c('b-button',{attrs:{\"variant\":_vm.g_recipients === 'Gideon' ? 'primary' : 'outline-primary'},on:{\"click\":function($event){return _vm.filterItems(null, 'Gideon')}}},[_vm._v(_vm._s(_vm.translations.tcGideon))]),_c('b-button',{attrs:{\"variant\":_vm.g_recipients === 'Auxiliary' ? 'primary' : 'outline-primary'},on:{\"click\":function($event){return _vm.filterItems(null, 'Auxiliary')}}},[_vm._v(_vm._s(_vm.translations.tcAuxiliary))])],1),(_vm.showElectedCheckbox)?_c('div',[_c('b-form-checkbox',{attrs:{\"name\":\"include-elected\",\"inline\":\"\"},on:{\"change\":function($event){return _vm.handleIncludeCheckboxChange($event)}},model:{value:(_vm.include_state_elected_officers),callback:function ($$v) {_vm.include_state_elected_officers=$$v},expression:\"include_state_elected_officers\"}},[_vm._v(_vm._s(_vm.state_country_object.include))])],1):_vm._e()],1),(_vm.l_recipients === 'Camp')?_c('span',[_c('h2',{staticClass:\"h-style-1 mb-3\"},[_vm._v(_vm._s(_vm.leadership_title))]),_c('div',{staticClass:\"checkbox-row\"},_vm._l((_vm.filteredItems.items),function(items,lx){return _c('div',{key:lx},[_c('GeographicAreas',{attrs:{\"geo_type\":_vm.filteredItems.type,\"area_prop\":items}})],1)}),0)]):_vm._e()]):_vm._e(),(_vm.page === 3)?_c('b-form',{staticClass:\"view-3 g-mb-2\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('AnnouncementTemplate',{attrs:{\"form\":_vm.form,\"nextButtonText\":_vm.translations.tcNext},on:{\"announcement_validated\":_vm.handleNextClick,\"announcement_cancel\":_vm.handleCancelClick,\"backClick\":_vm.handleBackClick}})],1):_vm._e(),(_vm.page === 4)?_c('div',[_c('AnnouncementReview',{attrs:{\"includeOfficers\":_vm.include_state_elected_officers,\"audienceDistribution\":_vm.audienceDistribution,\"state_country_object\":_vm.state_country_object,\"selectedStateRegions\":_vm.selectedStateRegions,\"d_recipients\":_vm.d_recipients,\"l_recipients\":_vm.l_recipients}})],1):_vm._e(),(_vm.page !== 3)?_c('section',{staticClass:\"form-buttons\"},[(_vm.page > 1 && _vm.page < 4)?_c('b-button',{staticClass:\"mr-3\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.page--}}},[_vm._v(\" \"+_vm._s(_vm.translations.tcBack)+\" \")]):_vm._e(),(_vm.page < 4)?_c('b-button',{staticClass:\"mr-3\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.handleNextClick}},[_vm._v(\" \"+_vm._s(_vm.translations.tcNext)+\" \")]):_vm._e(),(_vm.page < 4)?_c('b-button',{attrs:{\"variant\":\"tertiary\"},on:{\"click\":_vm.handleCancelClick}},[_vm._v(\" \"+_vm._s(_vm.translations.tcCancel)+\" \")]):_vm._e(),(_vm.page === 4)?_c('b-button',{staticClass:\"mr-3\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.handleSubmit}},[_vm._v(\" \"+_vm._s(_vm.translations.tcSubmit)+\" \")]):_vm._e(),(_vm.page === 4)?_c('b-button',{attrs:{\"variant\":\"tertiary\"},on:{\"click\":function($event){_vm.page = 1}}},[_vm._v(\" \"+_vm._s(_vm.translations.tcEdit)+\" \")]):_vm._e()],1):_vm._e()],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>{{ state_country_object.title }}</h1>\n      </page-header>\n      <page-body>\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\">{{ translations.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              <audience-icon />\n            </div>\n            <div class=\"text\">{{ translations.tcAudience }}</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              <message-icon />\n            </div>\n            <div class=\"text\">{{ translations.tcEnterMessage }}</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\">{{ translations.tcReviewAndSubmit }}</div>\n          </div>\n        </div>\n      </page-body>\n      <hr />\n      <b-form @submit.prevent v-if=\"page === 1\" 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.tcDistributionLevel\">\n            <i-tooltip />\n          </span>\n        </h2>\n        <div class=\"g-mb-1\">\n          <b-button-group>\n            <b-button\n              :variant=\"d_recipients === 'Full' ? 'primary' : 'outline'\"\n              @click=\"handleDistributionButtonClick('Full')\"\n              >{{ state_country_object.full }}</b-button\n            >\n            <b-button\n              :variant=\"d_recipients === 'Selected' ? 'primary' : 'outline'\"\n              @click=\"handleDistributionButtonClick('Selected')\"\n              >{{ state_country_object.selected }}</b-button\n            >\n          </b-button-group>\n        </div>\n        <div v-if=\"d_recipients === 'Selected'\">\n          <h2 class=\"h-style-1 mb-3\">{{ translations.tcAreas }}</h2>\n          <div class=\"checkbox-row\">\n            <div v-for=\"(items, tx) in stateRegions\" :key=\"tx\">\n              <GeographicAreas :geo_type=\"`region`\" :area_prop=\"items\"></GeographicAreas>\n            </div>\n          </div>\n        </div>\n      </b-form>\n      <b-form @submit.prevent v-if=\"page === 2\" class=\"view-2 g-mb-2\">\n        <h2 class=\"h-style-1 mb-3\">\n          {{ translations.tcAudience }}\n          <span class=\"i-tooltip\" v-b-tooltip.hover :title=\"translations.tcAudience\">\n            <i-tooltip />\n          </span>\n        </h2>\n        <div class=\"g-mb-1\">\n          <b-button-group>\n            <b-button\n              v-if=\"d_recipients === 'Full'\"\n              @click=\"filterItems('State', null)\"\n              :variant=\"l_recipients === 'State' ? 'primary' : 'outline-primary'\"\n              >{{ state_country_object.leadership }}</b-button\n            >\n            <b-button\n              @click=\"filterItems('Camp', null)\"\n              :variant=\"l_recipients === 'Camp' ? 'primary' : 'outline-primary'\"\n              >{{ translations.tcCampOfficerGroups }}</b-button\n            >\n            <b-button\n              @click=\"filterItems('Members', null)\"\n              :variant=\"l_recipients === 'Members' ? 'primary' : 'outline-primary'\"\n              >{{ translations.tcMembers }}</b-button\n            >\n          </b-button-group>\n        </div>\n        <h2 class=\"h-style-1 mb-3\">{{ translations.tcMemberType }}</h2>\n        <div class=\"d-flex g-mb-1 member-type\">\n          <b-button-group>\n            <b-button\n              @click=\"filterItems(null, 'Both')\"\n              :variant=\"g_recipients === 'Both' ? 'primary' : 'outline-primary'\"\n              >{{ translations.tcBoth }}</b-button\n            >\n            <b-button\n              @click=\"filterItems(null, 'Gideon')\"\n              :variant=\"g_recipients === 'Gideon' ? 'primary' : 'outline-primary'\"\n              >{{ translations.tcGideon }}</b-button\n            >\n            <b-button\n              @click=\"filterItems(null, 'Auxiliary')\"\n              :variant=\"g_recipients === 'Auxiliary' ? 'primary' : 'outline-primary'\"\n              >{{ translations.tcAuxiliary }}</b-button\n            >\n          </b-button-group>\n          <div v-if=\"showElectedCheckbox\">\n            <b-form-checkbox\n              @change=\"handleIncludeCheckboxChange($event)\"\n              v-model=\"include_state_elected_officers\"\n              name=\"include-elected\"\n              inline\n              >{{ state_country_object.include }}</b-form-checkbox\n            >\n          </div>\n        </div>\n        <span v-if=\"l_recipients === 'Camp'\">\n          <h2 class=\"h-style-1 mb-3\">{{ leadership_title }}</h2>\n          <div class=\"checkbox-row\">\n            <div v-for=\"(items, lx) in filteredItems.items\" :key=\"lx\">\n              <GeographicAreas :geo_type=\"filteredItems.type\" :area_prop=\"items\"></GeographicAreas>\n            </div>\n          </div>\n        </span>\n      </b-form>\n      <b-form @submit.prevent v-if=\"page === 3\" class=\"view-3 g-mb-2\">\n        <AnnouncementTemplate\n          :form=\"form\"\n          :nextButtonText=\"translations.tcNext\"\n          @announcement_validated=\"handleNextClick\"\n          @announcement_cancel=\"handleCancelClick\"\n          @backClick=\"handleBackClick\"\n        />\n      </b-form>\n      <div v-if=\"page === 4\">\n        <AnnouncementReview\n          :includeOfficers=\"include_state_elected_officers\"\n          :audienceDistribution=\"audienceDistribution\"\n          :state_country_object=\"state_country_object\"\n          :selectedStateRegions=\"selectedStateRegions\"\n          :d_recipients=\"d_recipients\"\n          :l_recipients=\"l_recipients\"\n        ></AnnouncementReview>\n      </div>\n      <section v-if=\"page !== 3\" class=\"form-buttons\">\n        <b-button variant=\"primary\" class=\"mr-3\" v-if=\"page > 1 && page < 4\" @click=\"page--\">\n          {{ translations.tcBack }}\n        </b-button>\n        <b-button variant=\"primary\" class=\"mr-3\" v-if=\"page < 4\" @click=\"handleNextClick\">\n          {{ translations.tcNext }}\n        </b-button>\n        <b-button variant=\"tertiary\" v-if=\"page < 4\" @click=\"handleCancelClick\">\n          {{ translations.tcCancel }}\n        </b-button>\n        <b-button variant=\"primary\" class=\"mr-3\" v-if=\"page === 4\" @click=\"handleSubmit\">\n          {{ translations.tcSubmit }}\n        </b-button>\n        <b-button variant=\"tertiary\" v-if=\"page === 4\" @click=\"page = 1\">\n          {{ translations.tcEdit }}\n        </b-button>\n      </section>\n    </g-background>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport AnnouncementTemplate from '@/components/AnnouncementTemplate.vue'\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 GeographicAreas from '@/components/GeographicAreas.vue'\nimport iCalendar from '@/assets/svgs/iCalendar.vue'\nimport iPaperclip from '@/assets/svgs/iPaperclip.vue'\nimport iTooltip from '@/assets/svgs/i-tooltip.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: 'add-state-announcement',\n  mixins: [translationMixin],\n  data() {\n    return {\n      cabinetTypes: {\n        'Auxiliary Areas': 'tcAuxiliaryAreas',\n        'Auxiliary Camp Cabinet': 'tcAuxiliaryCampCabinet',\n        'Auxiliary Members': 'tcAuxiliaryMembers',\n        'Auxiliary State Leadership': 'tcAuxiliaryStateLeadership',\n        'Gideon Areas': 'tcGideonAreas',\n        'Gideon Camp Cabinet': 'tcGideonCampCabinet',\n        'Gideon Members': 'tcGideonMembers',\n        'Gideon State Leadership': 'tcGideonStateLeadership',\n      },\n      d_recipients: 'Full',\n      dateOptions: { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }, // `Thursday, August 26, 2021`\n      filteredItems: {\n        type: '',\n        items: [],\n      },\n      form: {},\n      g_recipients: 'Both',\n      include_state_elected_officers: false,\n      l_recipients: 'State',\n      leadership_title: '',\n      localeAndMemberTypes: [\n        'campAllLeaders',\n        'campAuxiliaryLeaders',\n        'campGideonLeaders',\n        'stateAllLeaders',\n        'stateAuxiliaryLeaders',\n        'stateAuxiliaryManagement',\n        'stateAuxiliaryMembers',\n        'stateBothManagement',\n        'stateBothMembers',\n        'stateGideonLeaders',\n        'stateGideonManagement',\n        'stateGideonMembers',\n      ],\n      page: 1,\n      state_country_object: {\n        title: '',\n        include: '',\n        full: '',\n        selected: '',\n        leadership: '',\n      },\n      translations: {},\n    }\n  },\n  watch: {},\n  async created() {\n    try {\n      await Promise.all([\n        await this.setLoadingStatus(true),\n        await this.getViewTranslations('geographic-areas'),\n        await this.getComponentTranslations('common.officer-titles'),\n        await this.loadForEdit(),\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\n        this.setStateCountryObject()\n        this.translateOfficerText()\n        this.translateStateRegionText()\n      })\n    } catch (e) {\n      console.error(e)\n    } finally {\n      this.setLoadingStatus(false)\n    }\n  },\n  computed: {\n    ...mapGetters({\n      announcementForm: 'announcements/announcementForm',\n      campAllLeaders: 'announcements/campAllLeaders',\n      campAuxiliaryLeaders: 'announcements/campAuxiliaryLeaders',\n      campGideonLeaders: 'announcements/campGideonLeaders',\n      demograph: 'user/demograph',\n      officerToolbarSelected: 'user/officerToolbarSelected',\n      prefCulture: 'user/userPreferredCulture',\n      selectedStateRegions: 'announcements/selectedStateRegions',\n      stateAllLeaders: 'announcements/stateAllLeaders',\n      stateAuxiliaryLeaders: 'announcements/stateAuxiliaryLeaders',\n      stateAuxiliaryManagement: 'announcements/stateAuxiliaryManagement',\n      stateAuxiliaryMembers: 'announcements/stateAuxiliaryMembers',\n      stateBothManagement: 'announcements/stateBothManagement',\n      stateBothMembers: 'announcements/stateBothMembers',\n      stateGideonLeaders: 'announcements/stateGideonLeaders',\n      stateGideonManagement: 'announcements/stateGideonManagement',\n      stateGideonMembers: 'announcements/stateGideonMembers',\n      stateRegions: 'announcements/stateRegions',\n      userCamp: 'user/userCamp',\n      userCountryObject: 'user/userCountryObject',\n      userId: 'user/userId',\n      userStateKey: 'user/userStateKey',\n      userStateName: 'user/userStateName',\n    }),\n    bothGideonsAuxiliary() {\n      return { b: 'Both', a: 'Auxiliary', g: 'Gideon' }[this.announcementForm.msg_member_type || 'b']\n    },\n    selectedFull() {\n      return !this.announcementForm.type\n        ? 'Full'\n        : this.announcementForm.type.filter((sf) => {\n            return sf.includes('Areas') || sf.includes('Zones')\n          }).length > 0\n        ? 'Selected'\n        : 'Full'\n    },\n    managementMembersCampState() {\n      if (!this.announcementForm.type || this.announcementForm.type.length === 0) {\n        return 'State'\n      } else {\n        return this.announcementForm.type[0].replace('Areas', '').replace('Zones', '').replace('Full', '')\n      }\n    },\n    hasWholeCabinet() {\n      return this.l_recipients === 'Camp'\n    },\n    audienceDistribution() {\n      return this.filteredItems.items.map((im) => {\n        return {\n          title:\n            this.d_recipients === 'Full' && this.userCountryObject.type !== 'domestic'\n              ? im.title.replace('State', 'Country')\n              : im.title,\n          key: im.key,\n          areas: im.areas.filter((af) => af.selected === true || af.selected === 'true'),\n        }\n      })\n    },\n    showElectedCheckbox() {\n      return this.l_recipients === 'Camp' || (this.d_recipients === 'Selected' && this.l_recipients === 'Members')\n    },\n  },\n  methods: {\n    ...mapActions({\n      addUpdateAnnouncementMessage: 'announcements/addUpdateAnnouncementMessage',\n      setIncludeSwitch: 'announcements/setIncludeSwitch',\n      setLoadingStatus: 'menu/setLoadingStatus',\n      setMembers: 'announcements/setMembers',\n      setMessagePackageAudience: 'announcements/setMessagePackageAudience',\n      setMessagePackageGeography: 'announcements/setMessagePackageGeography',\n      setMessagePackageMessage: 'announcements/setMessagePackageMessage',\n      setMessagePackageMessageInclude: 'announcements/setMessagePackageMessageInclude',\n      setStateRegion: 'announcements/setStateRegion',\n    }),\n    handleDistributionButtonClick(dist) {\n      this.d_recipients = dist\n      this.l_recipients = dist === 'Full' ? 'State' : 'Management'\n    },\n    async handleBackClick() {\n      this.page--\n      if (this.page === 2) {\n        await this.filterItems(this.l_recipients, this.g_recipients)\n      }\n      if (this.page === 3) {\n        document.documentElement.scrollTop = 0\n      }\n    },\n    handleIncludeCheckboxChange(evt) {\n      this.setIncludeSwitch(evt)\n    },\n    async loadForEdit() {\n      this.include_state_elected_officers = this.announcementForm.includeElected || false\n      this.d_recipients = this.selectedFull\n      this.g_recipients = this.bothGideonsAuxiliary\n      this.l_recipients = this.managementMembersCampState\n      await (async () => {\n        this.form.msg_message_id = this.announcementForm.msg_message_id\n        this.form.msg_member_type = this.announcementForm.msg_member_type\n        this.form.notification = this.announcementForm.notification\n        this.form.title = this.announcementForm.title\n        this.form.expires = this.announcementForm.expires\n        this.form.message = this.announcementForm.message\n        this.form.fileArray = this.announcementForm.fileArray\n        this.form.tempFileArray = this.announcementForm.tempFileArray\n        this.presetDate =\n          this.announcementForm.expires === null || this.announcementForm.expires.toString().includes('0001')\n            ? null\n            : this.announcementForm.expires\n      })()\n    },\n    async preFilter(l, g) {\n      this.l_recipients = l || this.l_recipients\n      this.g_recipients = g || this.g_recipients\n      await this.setMembers(this.g_recipients)\n      this.filteredItems.items = []\n      this.filteredItems.type = `${g || this.g_recipients}${l || this.l_recipients}`\n      this.leadership_title = (l || this.l_recipients) === 'Camp' ? this.translations.tcOfficerGroups : ''\n    },\n    async filterItems(l, g) {\n      await this.preFilter(l, g)\n      this.filteredItems.items = await (async () => {\n        switch (this.filteredItems.type) {\n          case 'AuxiliaryCamp':\n            return this.campAuxiliaryLeaders\n          case 'AuxiliaryManagement':\n            return this.stateAuxiliaryManagement\n          case 'AuxiliaryMembers':\n            return this.stateAuxiliaryMembers\n          case 'AuxiliaryState':\n            return this.stateAuxiliaryLeaders\n          case 'BothCamp':\n            return this.campAllLeaders\n          case 'BothManagement':\n            return this.stateBothManagement\n          case 'BothMembers':\n            return this.stateBothMembers\n          case 'BothState':\n            return this.stateAllLeaders\n          case 'GideonCamp':\n            return this.campGideonLeaders\n          case 'GideonManagement':\n            return this.stateGideonManagement\n          case 'GideonMembers':\n            return this.stateGideonMembers\n          case 'GideonState':\n            return this.stateGideonLeaders\n          default:\n            return this.l === 'Camp' ? this.campAllLeaders : this.l === 'State' ? this.stateAllLeaders : []\n        }\n      })()\n    },\n    async handleCancelClick() {\n      this.$router.push('/get-connected/stay-informed/announcements')\n    },\n    async handleSubmit() {\n      try {\n        this.setLoadingStatus(true)\n        await this.setMessagePackageMessage({\n          user: this.userId,\n          sendername: this.demograph.informal_name + ' ' + this.demograph.last_name,\n          senderemail: this.demograph.email,\n        })\n        if (this.d_recipients == 'Full') {\n          await this.setMessagePackageGeography({\n            statekey: this.userStateKey,\n            location: this.userStateKey,\n            type: this.d_recipients,\n            user: this.userId,\n            ordinal: 0,\n          })\n        } else {\n          await (async () => {\n            this.selectedStateRegions.map((ssr) => {\n              ssr.areas.map((ssra, ix) => {\n                this.setMessagePackageGeography({\n                  statekey: this.userStateKey,\n                  location: ssra.value,\n                  location_name: ssra.area,\n                  location_all: ssra.area === ssr.region,\n                  type: 'Areas',\n                  user: this.userId,\n                  ordinal: ix,\n                })\n              })\n            })\n          })()\n        }\n        await (async () => {\n          this.filteredItems.items.map((fi) => {\n            // if the first area is selected, it's the 'Whole Cabinet' option\n            if (this.hasWholeCabinet && fi.areas[0].selected) {\n              fi.areas.map((fia) => {\n                fia.selected = !fia.selected\n              })\n            }\n            if (this.announcementForm.msg_message_id === null) {\n              if (this.filteredItems.type.includes('State')) {\n                fi.areas.map((fia) => {\n                  fia.selected = !fia.selected\n                })\n              }\n            }\n            fi.areas.map((fm, fmx) => {\n              if (fm.selected) {\n                this.setMessagePackageAudience({\n                  audience: fm.value,\n                  type: this.l_recipients,\n                  user: this.userId,\n                  ordinal: fmx,\n                })\n              }\n            })\n          })\n        })()\n        let add_update_result = await this.addUpdateAnnouncementMessage({\n          // Check with Josh to make sure flag is working as intended\n          include: this.include_state_elected_officers,\n          membertype: this.g_recipients.substr(0, 1).toLowerCase(),\n          messageid: this.form.msg_message_id,\n        })\n        this.setLoadingStatus(false)\n        this.$swal({\n          icon: add_update_result ? 'success' : 'error',\n          text: add_update_result\n            ? this.translations.tcAnnouncementSaved\n            : this.translations.tcErrorAnnouncementNotSaved,\n          confirmButtonText: this.translations.tcOk || 'Ok',\n        }).then(() => {\n          if (add_update_result) {\n            this.$router.push('/get-connected/stay-informed/announcements')\n          }\n        })\n      } catch (e) {\n        console.error(e)\n      } finally {\n        this.setLoadingStatus(false)\n      }\n    },\n    async handleNextClick() {\n      if (this.page === 1 && this.d_recipients !== 'Full' && this.selectedStateRegions.length === 0) {\n        this.$swal({\n          icon: 'error',\n          text: this.translations.tcOneOrMoreAreasRegionsMustBeSelected,\n          confirmButtonText: this.translations.tcOk || 'Ok',\n        })\n      } else {\n        let adCount = 0\n        this.audienceDistribution.forEach((fe) => (adCount += fe.areas.length))\n        if (this.page === 2 && adCount === 0 && this.l_recipients === 'Camp') {\n          this.$swal({\n            icon: 'error',\n            text: this.translations.tcOneOrMorePositionsMustBeSelected,\n            confirmButtonText: this.translations.tcOk || 'Ok',\n          })\n          return\n        }\n        this.page++\n        if (this.page === 3) {\n          document.documentElement.scrollTop = 0\n        }\n        if (this.page === 2) {\n          if (this.d_recipients === 'Selected' && this.l_recipients === 'Management') {\n            this.l_recipients = 'Camp'\n          }\n          await this.filterItems(this.l_recipients, this.g_recipients)\n        }\n      }\n    },\n    async setStateCountryObject() {\n      this.state_country_object =\n        this.userCountryObject.type === 'domestic'\n          ? {\n              title: `${this.translations.tcAddStateAnn} - ${\n                !!this.officerToolbarSelected.country_state_name\n                  ? this.officerToolbarSelected.country_state_name\n                  : this.userStateName\n              }`,\n              include: this.translations.tcIncludeStateOfficers,\n              full: this.translations.tcFullState,\n              selected: this.translations.tcSelectedAreas,\n              leadership: this.translations.tcStateLeadershipOnly,\n            }\n          : {\n              title: `${this.translations.tcAddCountryAnn} - ${\n                !!this.officerToolbarSelected.country_state_name\n                  ? this.officerToolbarSelected.country_state_name\n                  : this.userCountryObject.name\n              }`,\n              include: this.translations.tcIncludeNationalLeadership,\n              full: this.translations.tcFullCountry,\n              selected: this.translations.tcSelectedZones,\n              leadership: this.translations.tcCountryLeadershipOnly,\n            }\n    },\n    translateStateRegionText() {\n      if (!this.translations || !this.stateRegions) return false\n\n      let allStateRegions = this.stateRegions.map((region) => {\n        const updatedRegion = { ...region }\n        // Translate `Region`/`Area` title (IE, 'State Region East')\n        let regionVal = region.title ? region.title : ''\n        regionVal = regionVal ? `tc${this.removeSpacesAndSpecialChars(regionVal)}` : ''\n        updatedRegion.title = this.translations.hasOwnProperty(regionVal) ? this.translations[regionVal] : region.title\n\n        // Translate specific Region/Area (IE, 'State Area 010')\n        updatedRegion.areas = updatedRegion.areas.map((area) => {\n          if (area.text && area.text.includes('State Area')) {\n            const splitTitle = area.text.split('State Area')\n            const stateAreaNum = splitTitle[1] // `001` or `003`\n            const stateAreaText = `${this.translations.tcStateArea}${stateAreaNum}`\n            area.text = stateAreaText ? stateAreaText : area.text\n          } else {\n            const lookupName = area.text ? `tc${this.removeSpacesAndSpecialChars(area.text)}` : ''\n            area.text = this.translations.hasOwnProperty(lookupName) ? this.translations[lookupName] : area.text\n          }\n          return area\n        })\n        return updatedRegion\n      })\n      return this.setStateRegion(allStateRegions)\n    },\n  },\n  components: {\n    AnnouncementTemplate: AnnouncementTemplate,\n    AnnouncementReview: AnnouncementReview,\n    audienceIcon: audienceIcon,\n    gBackground: gBackground,\n    GeoDis: GeoDis,\n    GeographicAreas: GeographicAreas,\n    iCalendar: iCalendar,\n    iPaperclip: iPaperclip,\n    iTooltip: iTooltip,\n    messageIcon: messageIcon,\n    pageBody: pageBody,\n    pageFooter: pageFooter,\n    pageHeader: pageHeader,\n    reviewIcon: reviewIcon,\n  },\n}\n</script>\n\n<style lang=\"scss\">\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!./AddStateAnnouncement.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!./AddStateAnnouncement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddStateAnnouncement.vue?vue&type=template&id=6c21851f&\"\nimport script from \"./AddStateAnnouncement.vue?vue&type=script&lang=js&\"\nexport * from \"./AddStateAnnouncement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddStateAnnouncement.vue?vue&type=style&index=0&id=6c21851f&prod&lang=scss&\"\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!./AddStateAnnouncement.vue?vue&type=style&index=0&id=6c21851f&prod&lang=scss&\""],"sourceRoot":""}