{"version":3,"sources":["webpack:///./src/views/SelectService.vue?e4ad","webpack:///src/views/SelectService.vue","webpack:///./src/views/SelectService.vue?10e3","webpack:///./src/views/SelectService.vue","webpack:///./src/assets/img-occu/loading.gif"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","staticStyle","height","attrs","src","__webpack_require__","_e","retrievingServices","label","vertical","_l","service","key","coreId","pressed","selectedService","variant","on","click","$event","selectService","update:pressed","$set","_s","description","branch","name","selectedBranch","selectBranch","directives","rawName","value","expression","disabled-dates","disabledDates","maximum-view","placeholder","format","input-class","form-control","field-error","$v","appointmentTime","$error","$dirty","calendar-button","calendar-button-icon","bootstrap-styling","typeable","model","callback","$$v","appointmentDate","retrievingAppointments","time","font-size","isSelectedTime","mobileSelectTime","availableAppointmentTimes","length","required","margin-top","margin-bottom","next","ref","header-bg-variant","header-text-variant","body-bg-variant","footer-bg-variant","body-text-variant","footer-text-variant","ycentered","centered","title","slot","pill","dismissModal","staticRenderFns","SelectServicevue_type_script_lang_js_","components","Datepicker","vuejs_datepicker_esm","Header","beforeRouteEnter","_beforeRouteEnter","Object","asyncToGenerator","regeneratorRuntime","mark","_callee","to","from","wrap","_context","prev","stop","_x","_x2","_x3","apply","arguments","beforeRouteUpdate","_beforeRouteUpdate","_callee2","_context2","_x4","_x5","_x6","watch","newDate","store","dispatch","date","mask","vue_the_mask","mounted","Date","data","days","moment_default","a","subtract","toDate","add","methods","selectedServiceDescription","$store","commit","console","info","_mobileSelectTime","_callee3","_context3","_x7","$touch","$invalid","$refs","errorModalRef","show","$router","push","hide","computed","_objectSpread","vuex_esm","isMember","state","memberIdentifier","person","appointment","verifyingMembership","get","set","firstName","lastName","scheduledDate","scheduledStart","scheduledTime","phoneNumber","emailAddress","email","schedulingAppointment","locations","availableLocations","getters","services","locationId","locationDisplay","validations","validators","views_SelectServicevue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","module","exports","p"],"mappings":"uHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAA,EAAA,UAAAA,EAAA,OAAwCE,YAAA,wEAAmF,CAAAF,EAAA,UAAeE,YAAA,cAAyB,CAAAN,EAAA,mBAAAI,EAAA,OAAqCE,YAAA,qFAAgG,CAAAF,EAAA,MAAAJ,EAAAO,GAAA,0DAAAH,EAAA,MAAAA,EAAA,OAA+FI,YAAA,CAAaC,OAAA,SAAiBC,MAAA,CAAQC,IAAMC,EAAQ,aAAkCZ,EAAAa,KAAAb,EAAAc,mBAAqlBd,EAAAa,KAArlBT,EAAA,gBAA0DM,MAAA,CAAOK,MAAA,2DAAkE,CAAAX,EAAA,kBAAuBE,YAAA,eAAAI,MAAA,CAAkCM,SAAA,KAAehB,EAAAiB,GAAAjB,EAAA,kBAAAkB,GAAyC,OAAAd,EAAA,YAAsBe,IAAAD,EAAAE,OAAAV,MAAA,CAA0BW,QAAAH,EAAAE,SAAApB,EAAAsB,gBAAAC,QAAA,mBAA6EC,GAAA,CAAKC,MAAA,SAAAC,GAAyB1B,EAAA2B,cAAAT,IAA2BU,iBAAA,SAAAF,GAAmC1B,EAAA6B,KAAAX,EAAA,6BAAAQ,MAA0D,CAAAtB,EAAA,QAAaE,YAAA,YAAuB,CAAAN,EAAAO,GAAAP,EAAA8B,GAAAZ,EAAAa,sBAA0C,kBAAA/B,EAAAsB,gBAAAlB,EAAA,OAAAA,EAAA,MAAAJ,EAAAO,GAAA,mEAAAH,EAAA,MAAAA,EAAA,MAAAA,EAAA,MAAAJ,EAAAO,GAAA,+CAAAH,EAAA,MAAAJ,EAAAO,GAAA,yCAAAP,EAAAa,KAAAb,EAAAsB,iBAAA,eAAAtB,EAAAsB,gBAAAlB,EAAA,OAAAJ,EAAA,gBAAAI,EAAA,gBAAwZM,MAAA,CAAOK,MAAA,sDAA6D,CAAAX,EAAA,kBAAuBE,YAAA,eAAAI,MAAA,CAAkCM,SAAA,KAAehB,EAAAiB,GAAAjB,EAAA,4BAAAgC,GAAkD,OAAA5B,EAAA,YAAsBe,IAAAa,EAAAC,KAAAvB,MAAA,CAAuBW,QAAAW,EAAAC,OAAAjC,EAAAkC,eAAAX,QAAA,mBAAyEC,GAAA,CAAKC,MAAA,SAAAC,GAAyB1B,EAAAmC,aAAAH,IAAyBJ,iBAAA,SAAAF,GAAmC1B,EAAA6B,KAAAG,EAAA,0BAAAN,MAAsD,CAAAtB,EAAA,QAAaE,YAAA,YAAuB,CAAAN,EAAAO,GAAAP,EAAA8B,GAAAE,EAAAC,eAAkC,GAAAjC,EAAAa,KAAAb,EAAA,eAAAI,EAAA,OAAAA,EAAA,gBAAkEM,MAAA,CAAOK,MAAA,qBAA4B,CAAAX,EAAA,cAAmBgC,WAAA,EAAaH,KAAA,OAAAI,QAAA,SAAAC,MAAA,aAAAC,WAAA,iBAA4E7B,MAAA,CAAS8B,iBAAAxC,EAAAyC,cAAAC,eAAA,QAAAC,YAAA,aAAAC,OAAA,aAAAC,cAAA,CAA0HC,gBAAA,EAAAC,cAAA/C,EAAAgD,GAAAC,gBAAAC,QAAAlD,EAAAgD,GAAAC,gBAAAE,QAAsGlB,KAAA,kBAAAmB,mBAAA,EAAAC,uBAAA,iBAAAC,qBAAA,EAAAC,UAAA,GAAmIC,MAAA,CAAQlB,MAAAtC,EAAA,gBAAAyD,SAAA,SAAAC,GAAqD1D,EAAA2D,gBAAAD,GAAwBnB,WAAA,sBAA+B,GAAAvC,EAAA4D,uBAAo0B5D,EAAAa,KAAp0BT,EAAA,gBAAuDM,MAAA,CAAOK,MAAA,qBAA4B,CAAAX,EAAA,OAAYE,YAAA,sEAAiF,CAAAN,EAAAiB,GAAAjB,EAAA,mCAAA6D,GAAwD,OAAAzD,EAAA,YAAsBe,IAAA0C,EAAAvD,YAAA,kBAAAE,YAAA,CAAoDsD,YAAA,oBAA+BpD,MAAA,CAAQa,QAAA,kBAAAF,QAAArB,EAAA+D,eAAAF,IAA+DrC,GAAA,CAAKC,MAAA,SAAAC,GAAyB1B,EAAAgE,iBAAAH,MAA6B,CAAA7D,EAAAO,GAAA,mCAAAP,EAAA8B,GAAA+B,GAAA,oCAA2F,IAAA7D,EAAAiE,0BAAAC,OAAA9D,EAAA,MAAwDE,YAAA,eAA0B,CAAAN,EAAAO,GAAA,uDAAAP,EAAAa,MAAA,IAAAb,EAAAgD,GAAAC,gBAAAkB,UAAAnE,EAAAgD,GAAAC,gBAAAE,OAAA/C,EAAA,OAA2JE,YAAA,uBAAkC,CAAAN,EAAAO,GAAA,uCAAAP,EAAAa,OAAAb,EAAA,uBAAAI,EAAA,OAA2GE,YAAA,qFAAgG,CAAAF,EAAA,MAAAJ,EAAAO,GAAA,mEAAAH,EAAA,OAA+FI,YAAA,CAAaC,OAAA,SAAiBC,MAAA,CAAQC,IAAMC,EAAQ,aAAkCZ,EAAAa,KAAAT,EAAA,OAAuBE,YAAA,+DAAAE,YAAA,CAAwF4D,aAAA,OAAAC,gBAAA,SAA4C,CAAAjE,EAAA,YAAiBE,YAAA,eAAAI,MAAA,CAAkCa,QAAA,WAAoBC,GAAA,CAAKC,MAAA,SAAAC,GAAyB1B,EAAAsE,UAAa,CAAAtE,EAAAO,GAAA,kBAAAP,EAAAa,MAAA,GAAAb,EAAAa,MAAA,GAAAT,EAAA,WAAmEmE,IAAA,gBAAA7D,MAAA,CAA2B8D,oBAAA,OAAAC,sBAAA,QAAAC,kBAAA,OAAAC,oBAAA,OAAAC,oBAAA,QAAAC,sBAAA,QAAAC,WAAA,EAAAC,SAAA,GAAAC,MAAA,wBAAqO,CAAAhF,EAAAO,GAAA,oGAAAH,EAAA,OAAuHM,MAAA,CAAOuE,KAAA,gBAAsBA,KAAA,gBAAqB,CAAA7E,EAAA,YAAiBE,YAAA,YAAAI,MAAA,CAA+Ba,QAAA,UAAA2D,KAAA,IAA8B1D,GAAA,CAAKC,MAAA,SAAAC,GAAyB1B,EAAAmF,kBAAqB,CAAAnF,EAAAO,GAAA,uBAC5xJ6E,EAAA,ytBC0EA,IAAAC,EAAA,CACApD,KAAA,gBACAqD,WAAA,CACAC,WAAAC,EAAA,KACAC,SAAA,MAEAC,iBANA,eAAAC,EAAAC,OAAAC,EAAA,KAAAD,CAAAE,mBAAAC,KAAA,SAAAC,EAMAC,EAAAC,EAAA5B,GANA,OAAAwB,mBAAAK,KAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAA9B,MAAA,OAQAA,IARA,wBAAA8B,EAAAE,SAAAN,MAAA,SAAAN,EAAAa,EAAAC,EAAAC,GAAA,OAAAd,EAAAe,MAAAzG,KAAA0G,WAAA,OAAAjB,EAAA,GAUAkB,kBAVA,eAAAC,EAAAjB,OAAAC,EAAA,KAAAD,CAAAE,mBAAAC,KAAA,SAAAe,EAUAb,EAAAC,EAAA5B,GAVA,OAAAwB,mBAAAK,KAAA,SAAAY,GAAA,eAAAA,EAAAV,KAAAU,EAAAzC,MAAA,OAYAA,IAZA,wBAAAyC,EAAAT,SAAAQ,MAAA,SAAAF,EAAAI,EAAAC,EAAAC,GAAA,OAAAL,EAAAH,MAAAzG,KAAA0G,WAAA,OAAAC,EAAA,GAcAO,MAAA,CACAxD,gBAAA,SAAAyD,GACAC,EAAA,KAAAC,SAAA,uBAAAC,KAAAH,MAGAhF,WAAA,CACAoF,KAAAC,EAAA,SAEAC,QAAA,WACAzH,KAAAgD,gBAAA,IAAA0E,KACAN,EAAA,KAAAC,SAAA,uBAAAC,KAAAtH,KAAA0D,mBAEAiE,KAAA,WACA,OACAjE,gBAAA,IAAAgE,KACAlF,cAAA,CACAoF,KAAA,MACA5B,IAAA,IAAA6B,EAAAC,GAAAC,SAAA,UAAAC,SACA/B,MAAA,IAAA4B,EAAAC,GAAAG,IAAA,UAAAD,YAIAE,QAAA,CACAxG,cADA,SACAT,GACAjB,KAAAqB,gBAAAJ,EAAAE,OACAnB,KAAAmI,2BAAAlH,EAAAa,YACA9B,KAAAiC,eAAA,GACAjC,KAAAoI,OAAAC,OAAA,0BAEAnG,aAPA,SAOAH,GACAuG,QAAAC,KAAA,SAAAxG,GACA/B,KAAAiC,eAAAF,EAAAC,KACAhC,KAAAoI,OAAAC,OAAA,cAAAtG,GACA/B,KAAAoI,OAAAC,OAAA,yBACAjB,EAAA,KAAAC,SAAA,uBAAAC,KAAAtH,KAAA0D,mBAEAK,iBAAA,eAAAyE,EAAA7C,OAAAC,EAAA,KAAAD,CAAAE,mBAAAC,KAAA,SAAA2C,EAAA7E,GAAA,OAAAiC,mBAAAK,KAAA,SAAAwC,GAAA,eAAAA,EAAAtC,KAAAsC,EAAArE,MAAA,OACArE,KAAA2D,yBACA3D,KAAAoI,OAAAC,OAAA,qBAAArI,KAAA0D,iBACA1D,KAAAoI,OAAAC,OAAA,qBAAAzE,IAHA,wBAAA8E,EAAArC,SAAAoC,EAAAzI,SAAA,SAAA+D,EAAA4E,GAAA,OAAAH,EAAA/B,MAAAzG,KAAA0G,WAAA,OAAA3C,EAAA,GAMAD,eAAA,SAAAF,GACA,OAAAA,IAAA5D,KAAAgD,iBAEAqB,KAvBA,WAwBArE,KAAA+C,GAAA6F,SAEAN,QAAAC,KAAA,aAAAvI,KAAA+C,IACA/C,KAAA+C,GAAA8F,SACA7I,KAAA8I,MAAAC,cAAAC,OAIAhJ,KAAAiJ,QAAAC,KAAA,gBAIAhE,aApCA,WAqCAlF,KAAA8I,MAAAC,cAAAI,SAGAC,SAAAC,EAAA,GACA1D,OAAA2D,EAAA,KAAA3D,CAAA,CACA4D,SAAA,SAAAC,GAAA,OAAAA,EAAAD,UACAE,iBAAA,SAAAD,GAAA,OAAAA,EAAAE,OAAAD,kBACAE,YAAA,SAAAH,GAAA,OAAAA,EAAAG,aACAC,oBAAA,SAAAJ,GAAA,OAAAA,EAAAI,qBACAjG,uBAAA,SAAA6F,GAAA,OAAAA,EAAA7F,wBACA9C,mBAAA,SAAA2I,GAAA,OAAAA,EAAA3I,oBACAmD,0BAAA,SAAAwF,GAAA,OAAAA,EAAAxF,6BARA,CAUAhB,gBAAA,CACA6G,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAxG,iBAEA8G,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,qBAAAhG,KAGA0H,UAAA,CACAF,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAE,OAAAK,WAEAD,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,eAAAhG,KAGA2H,SAAA,CACAH,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAE,OAAAM,UAEAF,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,cAAAhG,KAGAoH,iBAAA,CACAI,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAE,OAAAD,kBAEAK,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,sBAAAhG,KAGA4H,cAAA,WACA,OAAAjK,KAAA2J,YAAAO,eACArC,IAAA7H,KAAA2J,YAAAO,gBAAAvH,OAAA,cAEA,IAGAwH,cAAA,WACA,OAAAnK,KAAA2J,YAAAO,eACArC,IAAA7H,KAAA2J,YAAAO,gBAAAvH,OAAA,UAEA,IAGAyH,YAAA,CACAP,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAE,OAAAU,aAEAN,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,iBAAAhG,KAGAgI,aAAA,CACAR,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAE,OAAAY,OAEAR,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,kBAAAhG,KAGAkH,SAAA,WACA,OAAAvJ,KAAAoI,OAAAoB,MAAAD,UAEAgB,sBAAA,WACA,OAAAvK,KAAAoI,OAAAoB,MAAAe,uBAEAlJ,gBAAA,CACAwI,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAnI,iBAEAyI,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,qBAAAhG,KAGA8F,2BAAA,CACA0B,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAArB,4BAEA2B,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,gCAAAhG,KAGAJ,eAAA,CACA4H,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAvH,gBAEA6H,IAJA,SAIAzH,GACArC,KAAAoI,OAAAC,OAAA,oBAAAhG,KAGAmI,UAAA,WACA,OAAAxK,KAAAoI,OAAAoB,MAAAgB,WAEAC,mBAAA,WACA,OAAAzK,KAAAoI,OAAAsC,QAAAD,oBAKAE,SAAA,WACA,OAAA3K,KAAAoI,OAAAoB,MAAAmB,UAEAC,WAAA,CACAf,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAoB,aAGAC,gBAAA,CACAhB,IADA,WAEA,OAAA7J,KAAAoI,OAAAoB,MAAAqB,oBAIAC,YAAA,CACA9H,gBAAA,CACAkB,SAAA6G,EAAA,eCtRuVC,EAAA,cCOvVC,EAAgBtF,OAAAuF,EAAA,KAAAvF,CACdqF,EACAlL,EACAqF,GACF,EACA,KACA,KACA,MAIegG,EAAA,WAAAF,gCClBfG,EAAAC,QAAiB1K,EAAA2K,EAAuB","file":"js/chunk-6638748a.644b81b8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Header'),_c('div',{staticClass:\"d-flex flex-column justify-content-start align-items-center page-div\"},[_c('b-form',{staticClass:\"form-style\"},[(_vm.retrievingServices)?_c('div',{staticClass:\"d-flex flex-column align-items-center align-content-center justify-content-center\"},[_c('h3',[_vm._v(\"Please wait while we retrieve the available services\")]),_c('br'),_c('img',{staticStyle:{\"height\":\"100px\"},attrs:{\"src\":require(\"@/assets/img-occu/loading.gif\")}})]):_vm._e(),(!_vm.retrievingServices)?_c('b-form-group',{attrs:{\"label\":\"What type of service would you like to schedule today?\"}},[_c('b-button-group',{staticClass:\"button-group\",attrs:{\"vertical\":\"\"}},_vm._l((_vm.services),function(service){return _c('b-button',{key:service.coreId,attrs:{\"pressed\":service.coreId === _vm.selectedService,\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.selectService(service)},\"update:pressed\":function($event){_vm.$set(service, \"coreId === selectedService\", $event)}}},[_c('span',{staticClass:\"btn-text\"},[_vm._v(_vm._s(service.description))])])}))],1):_vm._e(),(_vm.selectedService === 'REALESTATE')?_c('div',[_c('h3',[_vm._v(\"Please contact us at 800-426-5657 to schedule an appointment.\")]),_c('br'),_c('ul',[_c('li',[_vm._v(\"Home Equity or Land Loans choose option 5\")]),_c('li',[_vm._v(\"Mortgage Loans  choose option 6\")])])]):_vm._e(),(_vm.selectedService && _vm.selectedService !== 'REALESTATE')?_c('div',[(_vm.selectedService)?_c('b-form-group',{attrs:{\"label\":\"Please select the branch you would like to visit:\"}},[_c('b-button-group',{staticClass:\"button-group\",attrs:{\"vertical\":\"\"}},_vm._l((_vm.availableLocations),function(branch){return _c('b-button',{key:branch.name,attrs:{\"pressed\":branch.name === _vm.selectedBranch,\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.selectBranch(branch)},\"update:pressed\":function($event){_vm.$set(branch, \"name === selectedBranch\", $event)}}},[_c('span',{staticClass:\"btn-text\"},[_vm._v(_vm._s(branch.name))])])}))],1):_vm._e(),(_vm.selectedBranch)?_c('div',[_c('b-form-group',{attrs:{\"label\":\"Appointment Date\"}},[_c('datepicker',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('##/##/####'),expression:\"'##/##/####'\"}],attrs:{\"disabled-dates\":_vm.disabledDates,\"maximum-view\":\"month\",\"placeholder\":\"mm/dd/yyyy\",\"format\":\"MM/dd/yyyy\",\"input-class\":{ 'form-control': true, 'field-error': _vm.$v.appointmentTime.$error && _vm.$v.appointmentTime.$dirty },\"name\":\"appointmentDate\",\"calendar-button\":false,\"calendar-button-icon\":\"fa fa-calendar\",\"bootstrap-styling\":true,\"typeable\":true},model:{value:(_vm.appointmentDate),callback:function ($$v) {_vm.appointmentDate=$$v},expression:\"appointmentDate\"}})],1),(!_vm.retrievingAppointments)?_c('b-form-group',{attrs:{\"label\":\"Appointment Time\"}},[_c('div',{staticClass:\"d-flex flex-row flex-wrap align-items-center justify-content-start\"},[_vm._l((_vm.availableAppointmentTimes),function(time){return _c('b-button',{key:time,staticClass:\"button-selector\",staticStyle:{\"font-size\":\"large !important\"},attrs:{\"variant\":\"outline-primary\",\"pressed\":_vm.isSelectedTime(time)},on:{\"click\":function($event){_vm.mobileSelectTime(time)}}},[_vm._v(\"\\r\\n                            \"+_vm._s(time)+\"\\r\\n                        \")])}),(_vm.availableAppointmentTimes.length === 0)?_c('h3',{staticClass:\"text-center\"},[_vm._v(\"There are no available appointments on this date.\")]):_vm._e()],2),(!_vm.$v.appointmentTime.required && _vm.$v.appointmentTime.$dirty)?_c('div',{staticClass:\"field-error-message\"},[_vm._v(\"Please select an appointment time\")]):_vm._e()]):_vm._e(),(_vm.retrievingAppointments)?_c('div',{staticClass:\"d-flex flex-column align-items-center align-content-center justify-content-center\"},[_c('h3',[_vm._v(\"Please wait while we retrieve the available appointment times\")]),_c('img',{staticStyle:{\"height\":\"100px\"},attrs:{\"src\":require(\"@/assets/img-occu/loading.gif\")}})]):_vm._e(),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"margin-top\":\"50px\",\"margin-bottom\":\"30px\"}},[_c('b-button',{staticClass:\"button-style\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.next()}}},[_vm._v(\"Next\")])],1)],1):_vm._e()],1):_vm._e()],1),_c('b-modal',{ref:\"errorModalRef\",attrs:{\"header-bg-variant\":\"dark\",\"header-text-variant\":\"light\",\"body-bg-variant\":\"dark\",\"footer-bg-variant\":\"dark\",\"body-text-variant\":\"light\",\"footer-text-variant\":\"light\",\"ycentered\":true,\"centered\":\"\",\"title\":\"Missing Information\"}},[_vm._v(\"\\r\\n        Please fill out all information on the form to continue with scheduling.\\r\\n        \"),_c('div',{attrs:{\"slot\":\"modal-footer\"},slot:\"modal-footer\"},[_c('b-button',{staticClass:\"modal-btn\",attrs:{\"variant\":\"primary\",\"pill\":\"\"},on:{\"click\":function($event){_vm.dismissModal()}}},[_vm._v(\"OK\")])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n    <Header></Header>\r\n<div class=\"d-flex flex-column justify-content-start align-items-center page-div\">                       \r\n    <b-form class=\"form-style\">\r\n        <div class=\"d-flex flex-column align-items-center align-content-center justify-content-center\" v-if=\"retrievingServices\">            \r\n            <h3>Please wait while we retrieve the available services</h3>\r\n            <br>            \r\n            <img src=\"@/assets/img-occu/loading.gif\" style=\"height:100px\" />                                      \r\n        </div>\r\n        <b-form-group label=\"What type of service would you like to schedule today?\" v-if=\"!retrievingServices\">            \r\n            <b-button-group vertical class=\"button-group\">\r\n                <b-button v-for=\"service in services\" @click=\"selectService(service)\" :pressed.sync=\"service.coreId === selectedService\" :key=\"service.coreId\" variant=\"outline-primary\">\r\n                    <span class=\"btn-text\">{{ service.description }}</span>\r\n                </b-button>                \r\n            </b-button-group>\r\n        </b-form-group>\r\n        <div v-if=\"selectedService === 'REALESTATE'\">\r\n            <h3>Please contact us at 800-426-5657 to schedule an appointment.</h3>\r\n            <br />\r\n            <ul>\r\n                <li>Home Equity or Land Loans choose option 5</li>\r\n                <li>Mortgage Loans  choose option 6</li>\r\n            </ul>\r\n        </div>\r\n        <div v-if=\"selectedService && selectedService !== 'REALESTATE'\">\r\n            <b-form-group label=\"Please select the branch you would like to visit:\" v-if=\"selectedService\">\r\n                <b-button-group vertical class=\"button-group\">\r\n                    <b-button v-for=\"branch in availableLocations\" @click=\"selectBranch(branch)\" :pressed.sync=\"branch.name === selectedBranch\" :key=\"branch.name\" variant=\"outline-primary\">\r\n                        <span class=\"btn-text\">{{ branch.name }}</span>\r\n                    </b-button>\r\n                </b-button-group>\r\n            </b-form-group>\r\n            <div v-if=\"selectedBranch\">\r\n                <b-form-group label=\"Appointment Date\">                                                    \r\n                    <datepicker :disabled-dates=\"disabledDates\" v-model=\"appointmentDate\" maximum-view=\"month\" placeholder=\"mm/dd/yyyy\" format=\"MM/dd/yyyy\" :input-class=\"{ 'form-control': true, 'field-error': $v.appointmentTime.$error && $v.appointmentTime.$dirty }\" name=\"appointmentDate\" :calendar-button=\"false\" calendar-button-icon=\"fa fa-calendar\" :bootstrap-styling=\"true\" :typeable=\"true\" v-mask=\"'##/##/####'\"></datepicker>                                \r\n                </b-form-group>\r\n                <b-form-group label=\"Appointment Time\" v-if=\"!retrievingAppointments\">\r\n                    <div class=\"d-flex flex-row flex-wrap align-items-center justify-content-start\">                    \r\n                        <b-button @click=\"mobileSelectTime(time)\" variant=\"outline-primary\" :pressed=\"isSelectedTime(time)\" class=\"button-selector\" :key=\"time\" v-for=\"time in availableAppointmentTimes\" style=\"font-size: large !important;\">\r\n                            {{ time }}\r\n                        </b-button>                                 \r\n                        <h3 class=\"text-center\" v-if=\"availableAppointmentTimes.length === 0\">There are no available appointments on this date.</h3>\r\n                    </div>     \r\n                    <div class=\"field-error-message\" v-if=\"!$v.appointmentTime.required && $v.appointmentTime.$dirty\">Please select an appointment time</div>             \r\n                </b-form-group>  \r\n                    \r\n                <div class=\"d-flex flex-column align-items-center align-content-center justify-content-center\" v-if=\"retrievingAppointments\">            \r\n                    <h3>Please wait while we retrieve the available appointment times</h3>\r\n                    <img src=\"@/assets/img-occu/loading.gif\" style=\"height:100px\"/>                                      \r\n                </div>\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center\" style=\"margin-top:50px;margin-bottom:30px\">\r\n                    <b-button @click=\"next()\" variant=\"primary\" class=\"button-style\">Next</b-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </b-form>  \r\n    <b-modal ref=\"errorModalRef\" header-bg-variant=\"dark\" header-text-variant=\"light\" body-bg-variant=\"dark\" footer-bg-variant=\"dark\" body-text-variant=\"light\" footer-text-variant=\"light\" :ycentered=true centered title=\"Missing Information\">\r\n        Please fill out all information on the form to continue with scheduling.\r\n        <div slot=\"modal-footer\">\r\n            <b-button variant=\"primary\" pill class=\"modal-btn\" @click=\"dismissModal()\">OK</b-button>\r\n        </div>\r\n    </b-modal> \r\n</div>           \r\n</div>\r\n</template>\r\n<script>\r\nimport Header from '@/components/Header';\r\nimport store from '@/store';\r\nimport { required } from \"vuelidate/lib/validators\";\r\nimport { mask } from \"vue-the-mask\";\r\nimport moment from 'moment';\r\nimport { mapState } from \"vuex\";\r\nimport Datepicker from 'vuejs-datepicker';\r\n\r\nexport default {\r\n    name: \"SelectService\",\r\n    components: {\r\n        Datepicker,\r\n        Header\r\n    },\r\n    async beforeRouteEnter(to, from, next) {    \r\n        //await store.commit(\"resetData\");            \r\n        next();\r\n    },\r\n    async beforeRouteUpdate(to, from, next) {    \r\n        //await store.commit(\"resetData\");                   \r\n        next();\r\n    },\r\n    watch: {\r\n        appointmentDate: function(newDate) {            \r\n            store.dispatch(\"getAppointmentTimes\", { date: newDate });    \r\n        }\r\n    },\r\n    directives: {\r\n        mask\r\n    },\r\n    mounted: function() {  \r\n        this.appointmentTime = new Date();          \r\n        store.dispatch(\"getAppointmentTimes\", { date: this.appointmentDate });      \r\n    },\r\n    data: function() {\r\n        return {                        \r\n            appointmentDate: new Date(),            \r\n            disabledDates: {\r\n                days: [0, 6],\r\n                to: new moment().subtract(1, 'days').toDate(),\r\n                from: new moment().add(7, 'days').toDate(),\r\n            },  \r\n        }        \r\n    },\r\n    methods: {\r\n        selectService(service) {            \r\n            this.selectedService = service.coreId;\r\n            this.selectedServiceDescription = service.description;\r\n            this.selectedBranch = '';\r\n            this.$store.commit('setAppointmentTime', '');\r\n        },        \r\n        selectBranch(branch) {\r\n            console.info('branch', branch);\r\n            this.selectedBranch = branch.name;            \r\n            this.$store.commit('setLocation', branch);            \r\n            this.$store.commit('setAppointmentTime', '');\r\n            store.dispatch(\"getAppointmentTimes\", { date: this.appointmentDate });    \r\n        },     \r\n        mobileSelectTime: async function(time) {\r\n            if(!this.retrievingAppointments) {\r\n                this.$store.commit('setAppointmentDate', this.appointmentDate);\r\n                this.$store.commit('setAppointmentTime', time);\r\n            }\r\n        },\r\n        isSelectedTime: function(time) {\r\n            return time === this.appointmentTime;\r\n        },\r\n        next() {\r\n            this.$v.$touch();\r\n\r\n            console.info('validation', this.$v);\r\n            if (this.$v.$invalid) {\r\n                this.$refs.errorModalRef.show();\r\n            } else {\r\n                // Todo: are we verifying membership?\r\n                // await this.$store.dispatch(\"verifyMembership\");\r\n                this.$router.push('contactinfo');\r\n            }\r\n            \r\n        },\r\n        dismissModal() {\r\n            this.$refs.errorModalRef.hide();\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            isMember: state => state.isMember,\r\n            memberIdentifier: state => state.person.memberIdentifier,\r\n            appointment: state => state.appointment,     \r\n            verifyingMembership: state => state.verifyingMembership,  \r\n            retrievingAppointments: state => state.retrievingAppointments,            \r\n            retrievingServices: state => state.retrievingServices,     \r\n            availableAppointmentTimes: state => state.availableAppointmentTimes                 \r\n        }),        \r\n        appointmentTime: {\r\n            get() {\r\n                return this.$store.state.appointmentTime;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setAppointmentTime', value);\r\n            }\r\n        },\r\n        firstName: { \r\n            get() {\r\n                return this.$store.state.person.firstName;\r\n            }, \r\n            set(value) {                \r\n                this.$store.commit('setFirstName', value);\r\n            }\r\n        },\r\n        lastName: { \r\n            get() {\r\n                return this.$store.state.person.lastName;\r\n            }, \r\n            set(value) {\r\n                this.$store.commit('setLastName', value);\r\n            }\r\n        },\r\n        memberIdentifier: {\r\n            get() {\r\n                return this.$store.state.person.memberIdentifier;\r\n            }, \r\n            set(value) {\r\n                this.$store.commit('setMemberIdentifier', value);\r\n            }\r\n        },        \r\n        scheduledDate: function() {\r\n            if(this.appointment.scheduledStart) {\r\n                return moment(this.appointment.scheduledStart).format(\"MM/DD/YYYY\");\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        scheduledTime: function() {\r\n            if(this.appointment.scheduledStart) {\r\n                return moment(this.appointment.scheduledStart).format(\"hh:mmA\");\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        phoneNumber: { \r\n            get() {\r\n                return this.$store.state.person.phoneNumber;\r\n            }, \r\n            set(value) {                \r\n                this.$store.commit('setPhoneNumber', value);\r\n            }\r\n        },\r\n        emailAddress: { \r\n            get() {\r\n                return this.$store.state.person.email;\r\n            }, \r\n            set(value) {                \r\n                this.$store.commit('setEmailAddress', value);\r\n            }\r\n        },\r\n        isMember: function() {\r\n            return this.$store.state.isMember;\r\n        },\r\n        schedulingAppointment: function() {\r\n            return this.$store.state.schedulingAppointment;\r\n        },\r\n        selectedService: { \r\n            get() {\r\n                return this.$store.state.selectedService;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setSelectedService', value);\r\n            }\r\n        },\r\n        selectedServiceDescription: { \r\n            get() {\r\n                return this.$store.state.selectedServiceDescription;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setSelectedServiceDescription', value);\r\n            }\r\n        },\r\n        selectedBranch: { \r\n            get() {\r\n                return this.$store.state.selectedBranch;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setSelectedBranch', value);\r\n            }\r\n        },\r\n        locations: function() {\r\n            return this.$store.state.locations;\r\n        },\r\n        availableLocations: function() {\r\n            return this.$store.getters.availableLocations;\r\n        },\r\n        // availablePeople: function() {\r\n        //     return this.$store.getters.availablePeople;\r\n        // },\r\n        services: function() {\r\n            return this.$store.state.services;\r\n        },\r\n        locationId: {\r\n            get() {\r\n                return this.$store.state.locationId;\r\n            }\r\n        },\r\n        locationDisplay: {\r\n            get() {\r\n                return this.$store.state.locationDisplay;\r\n            }\r\n        }\r\n    },\r\n    validations: {  \r\n        appointmentTime: {\r\n            required,            \r\n        },\r\n    }\r\n\r\n};\r\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectService.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectService.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectService.vue?vue&type=template&id=a5233e1a&\"\nimport script from \"./SelectService.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectService.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","module.exports = __webpack_public_path__ + \"img/loading.97caf4d7.gif\";"],"sourceRoot":""}