https://www.upack.com/themes/custom/upack/web-components/dist/assets/ReservationSchedule-DJdr8nBn.js

1import{_ as f,l as p,dn as y,M as Q,bl as G,du as x,L as O,dB as Y,di as j,aF as Z,a_ as z,c5 as C,dC as J,aj as q,Y as N,b2 as K,dD as X,dE as ee,dx as te,E as P,a7 as ie,$ as ae,V as se,dF as E,dm as I,dz as oe,dl as $,T as ne,A as re,B,r as n,c as v,o as l,d as i,b as d,t as m,aA as le,aN as de,e as h,i as k,p as A,a as S,dG as pe,dq as ue,dr as L,dk as F,u as me,z as R,Z as W,U as ce,w as he,aC as ve,ds as ge,ah as V,dt as De,an as ye,aq as _e}from"./main-B1dWaF-z.js";import{E as D}from"./eventBus-DZjoXwoo.js";import{l as Se}from"./QuoteReservation-DHoWuliI.js";import{U as fe,L as Te}from"./UpackDatePicker-B78WJfTt.js";import{A as Ae}from"./AddressTemplate-DTzeQlRB.js";import{D as Oe}from"./dates.mixin-f0Aa9v3P.js";import{A as U,T as we}from"./TransitText-D5mDUhbb.js";import{R as Ee,D as ke}from"./DestinationText-5u0Mvwoe.js";import{a as M}from"./ampm-format.filter-C8HrBKMm.js";import{U as H}from"./UpackRadioGroup-C_j9HkXF.js";import be from"./UpackRadio-Bl3t-7Ps.js";import{i as Me}from"./index-DqjmUfUA.js";import{U as qe}from"./UpackToggle-CTCMqzt1.js";import"./vue-router-CI1CY60E.js";import"./style-Bx1sPWnG.js";import"./map.types-BQouOhDa.js";import"./customParseFormat-DSuzkXWd.js";import"./UpackCheckbox-DkNUed6H.js";const{mapGetters:Ie,mapState:Ce,mapActions:$e,mapMutations:Le}=p("quote"),{mapState:Re}=p("quote/destination"),{mapMutations:Ve}=p("quote/reserveForm"),{mapActions:Ge}=p("quote/equipmentDelivery"),{mapGetters:xe}=p("quote/equipmentPickup"),{mapActions:Ne,mapGetters:Pe}=p("storageChargeChart"),{mapActions:Be,mapState:Fe}=p("modal"),{mapActions:We}=p("gtag"),Ue={name:"EquipmentDelivery",components:{UpackDatePicker:fe,UpackSelect:G,AttentionText:U,ReservationDates:Ee,AddressTemplate:Ae},mixins:[Oe,Q],props:{validateForm:{type:Boolean,default:!1}},emits:["valid"],setup(){return{v$:B(),ampmFormat:M}},validations(){return{spotAppointmentSelect:{required:re(this.shouldShowTimeDropdown)}}},data(){return{start:!1,loading:!1,BuildingType:I,spotAppointmentSelect:null,hasFetchedAppointments:!1,phoneNumber:"888-571-7422",minDate:O().add(1,"day").toDate(),maxDate:O().add(120,"day").toDate()}},computed:{...y("quote/equipmentDelivery",["SpotDate","PickupDate","DeliveryDate","DeliveryDateMax"]),...y("quote/reserveForm",["SelectedAppointmentOption"]),...Fe({modalIsShowing:"show"}),...Ie({TRANSIT_TIME:ne,isTerminalOnlyOrigin:$}),...Ce({pricingOption:"pricingOption",quote:"quote",moves:"moves",origin:"origin",holidaysOrigin:"holidaysOrigin",holidaysDestination:"holidaysDestination",appointmentOriginAvailability:"appointmentOriginAvailability"}),...Re({selectedDeliveryResponse:"selectedDeliveryResponse"}),...xe({guaranteedOptions:"getGuaranteedOptions"}),...Pe({isStorageAllowed:oe}),buildingType(){return this.origin.buildingType},headerText(){return this.isTerminalOnlyOrigin?"Equipment Loading:":"Equipment Dropoff:"},selectedSpotDateData(){return this.appointmentOriginAvailability.AppointmentDetails.find(e=>{const t=new Date(this.SpotDate),s=new Date(e.ServiceDate);return t.getMonth()===s.getMonth()&&t.getDate()===s.getDate()})},spotAppointments(){return this.selectedSpotDateData&&this.selectedSpotDateData.IsSpotDateAvailable?this.selectedSpotDateData.AppointmentWindows.filter(e=>e.IsAppointmentWindowAvailable):[]},displayedSpotAppointments(){return this.spotAppointments.map(e=>({value:e.Type,label:`${M(e.WindowStart)} - ${M(e.WindowEnd)}`}))},shouldShowTimeDropdown(){return this.pricingOption.IsSpotAppointmentAllowed&&this.displayedSpotAppointments.length>0},shouldShowError(){return this.shouldShowTimeDropdown&&this.validateForm&&this.v$.$invalid},initialMoveDateObject(){return new Date(this.moves.Details.MoveDate)},datePickerAttributes(){return{mode:"single",minDate:this.minDate,maxDate:this.maxDate,disabledDates:this.getDisabledDates()}},computedMoveType(){let e="";return this.pricingOption.MoveType?this.pricingOption.MoveType:(this.pricingOption.OriginDelivery==="Door"?e+="D":e+="T",this.pricingOption.DestinationDelivery==="Door"?e+="D":e+="T",e)},showLiveLoadAlert(){return this.moves.Details.Origin.LiveLoad&&this.moves.Details.Origin.StationDetail.LiveLoadMessage}

1,waValidationEventData(){return{spotAppointmentSelect:{required:"Required but not selected"}}},originAddressInformation(){return this.buildingType===I.Service?this.moves.Details.Origin.StationDetail:this.moves.Details.Origin}},watch:{"v$.$invalid":function(){this.$emit("valid",!this.v$.$invalid)},selectedSpotDateData:{handler(e){if(!e)return;let t=new Date(e.ServiceDate);(!this.isOpenSpotDate(t)||!e.IsSpotDateAvailable)&&this.incrementSpotDate()},immediate:!0},SpotDate(e){this.selectedSpotDateData&&this.isOpenSpotDate(e)&&this.selectedSpotDateData.IsSpotDateAvailable&&this.handleDateUpdate(new Date(e))},displayedSpotAppointments:{handler(){this.updateTimeDropdown()},deep:!0},modalIsShowing(e){e||this.onStorageRemovedModalClose()},loading:function(e){this.shouldRemoveStorage&&!e&&(this.removeStorageCharge(),this.displayStorageRemovedModal(),this.shouldRemoveStorage=!1)}},created(){const e=O().add(1,"day");O(this.SpotDate).isBefore(e,"day")?this.SpotDate=e.toDate():this.SpotDate=new Date(this.SpotDate)},mounted(){var t;this.$emit("valid",!this.v$.$invalid),D.$on(E,this.fireInvalidFieldsWAEvents);const e=(t=window==null?void 0:window.drupalSettings)==null?void 0:t.phoneNumbers;e&&(this.phoneNumber=(this.isMobileDevice?e.mobile:e.desktop)||this.phoneNumber),this.updateTimeDropdown()},beforeUnmount(){D.$off(E,this.fireInvalidFieldsWAEvents)},methods:{...Be({viewModal:se}),...$e({setHolidays:ae}),...Ge({getExpeditedOptionsDates:ie}),...Ne({updateStorageChargeScheduleState:P,removeStorageCharge:te}),...Le({setSpotAppt:ee}),...Ve({resetAllowedReservationStep:X}),...We({gtagEvent:K}),updateSpotDate(e){this.SpotDate=e},handleAppointmentChange(e){const t=this.spotAppointments.find(r=>r.Type===this.spotAppointmentSelect),s={AppointmentWindow:e,EarlyTime:t.WindowStart,LateTime:t.WindowEnd};this.setSpotAppt(s)},incrementSpotDate(){let e=new Date(this.SpotDate.getFullYear(),this.SpotDate.getMonth(),this.SpotDate.getDate());e.setDate(this.SpotDate.getDate()+1),this.SpotDate=e},fetchExpeditedOptions(e){let t={SpotDate:new Date(e),PickupDate:J(new Date(e),new Date(this.moves.Details.MoveDate))?new Date(this.moves.Details.PickupDate):null,IsLiveLoad:this.moves.Details.Origin.LiveLoad,ShouldForceSameDayPickup:this.moves.Details.ForceSameDaySpotPickup||!1,MoveType:this.computedMoveType,OriginHolidays:this.holidaysOrigin||[],DestinationHolidays:this.holidaysDestination||[],TransTime:this.TRANSIT_TIME,OriginServiceDays:this.moves.Details.Origin.StationDetail.ServiceDays,DestinationServiceDays:this.moves.Details.Destination.StationDetail.ServiceDays};this.loading=!0,D.$emit(q,!0,N.UPDATING_SCHEDULING),this.setHolidays("origin"),this.getExpeditedOptionsDates(t).then(()=>{this.loading=!1,D.$emit(q,!1)})},handleDateUpdate(e){this.fetchExpeditedOptions(e),this.updateStorageChargeSchedule(e),this.removeStorageIfNotAllowed(e)},removeStorageIfNotAllowed(e){!this.isStorageAllowed(e)&&this.selectedDeliveryResponse===C.Storage?this.shouldRemoveStorage=!0:this.shouldRemoveStorage=!1},displayStorageRemovedModal(){this.viewModal({name:"simple-modal",data:{title:"Storage is no longer available",body:"Your new move date is not eligible for storage. Please update your equipment unloading option.",cta:"Select a new option"}}),Z(8003,"Storage unavailable modal shown"),this.gtagEvent({action:z.Action.STORAGE_UNAVAILABLE_MODAL_SHOWN})},onStorageRemovedModalClose(){this.resetAllowedReservationStep(),this.$router.push(j)},updateStorageChargeSchedule(e){const t=this.initialMoveDateObject.getMonth(),s=e.getMonth();if(t!==s){const r={spotDate:e,equipmentType:this.pricingOption.EquipType,carrier:this.pricingOption.Carrier};this.updateStorageChargeScheduleState(r)}},getDisabledDates(){if(this.loading)return[];let e=this.pricingOption.Carrier==="ABF"?this.originCenterAppointmentsDisabledDates:this.originCenterDisabledDates,t=this.appointmentOriginAvailability.AppointmentDetails.filter(o=>o.IsSpotDateAvailable?o.AppointmentWindows.filter(a=>a.IsAppointmentWindowAvailable).length==0:!0).map(o=>new Date(o.ServiceDate)),s=[];this.moves.Details.NextDaySpotAllowed||s.push(O().add(1,"day").toDate());const r=[];return Y(this.minDate,this.maxDate,o=>{!this.appointmentOriginAvailability.AppointmentDetails.find(({ServiceDate:c})=>O(c).isSame(o,"day"))&&!pe(o)&&r.push(o.toDate())}),[{repeat:{every:1,weekdays:e[0].weekdays}},...e.slice(1),...t,...s,...r]},fireInvalidFieldsWAEvents(){x(this.v$,this.waValidationEventData)},updateTimeDropdown(){let e=this.spotAppointments.find(t=>t.Type===this.SelectedAppointmentOption);e?(this.spotAppointmentSelect=this.SelectedAppointmentOption,this.setSpotAppt({AppointmentWindow:this.SelectedAppointmentOption,EarlyTime:e.WindowStart,LateTime:e.WindowEnd})):(this.spotAppointmentSelect=null,this.setSpotAppt({AppointmentWindow:"Unspecified",EarlyTime:"",LateTime:""}))}}},He={class:"reservation-equipment-delivery"},Qe={class:"reservation-equipment-delivery__header"},Ye={class:"reservation-equipment-delivery__sections"},je={class:"reservation-equipment-delivery__move-info"},Ze={class:"reservation-equipment-delivery__help"},ze=["href"],Je={class:"reservation-equipment-delivery__alert"};function Ke(e,t,s,r,o,a){const c=n("address-template"),g=n("upack-date-picker"),_=n("upack-select"),u=n("reservation-dates"),w=n("attention-text");return l(),v("div",He,[i("div",Qe,[i("h4",null,m(a.headerText),1)]),i("div",Ye,[i("div",je,[le(i("span",null,t[2]||(t[2]=[h(" U-Pack Service Center "),i("br",null,null,-1)]),512),[[de,a.buildingType===o.BuildingType.Service]]),d(c,{address:a.originAddressInformation},null,8,["address"]),i("div",{class:k(["reservation-equipment-delivery__selectors",o.loading?"loading":null])},[d(g,{"model-value":e.SpotDate,attrs:a.datePickerAttributes,"show-input":!0,class:"popover-container","is-required":"",onUpdateSelectedDate:a.updateSpotDate},null,8,["model-value","attrs","onUpdateSelectedDate"]),a.shouldShowTimeDropdown?(l(),A(_,{key:0,ref:"timeForm",modelValue:r.v$.spotAppointmentSelect.$model,"onUpdate:modelValue":t[0]||(t[0]=T=>r.v$.spotAppointmentSelect.$model=T),options:a.displayedSpotAppointments,"default-option":"Time of Day",name:"deliveryTime",class:k(["delivery-time",a.shouldShowError?"invalid":"valid"]),"error-message":"Please select an appointment time",error:s.validateForm?r.v$.spotAppointmentSelect.$invali

1d:!1,onInput:t[1]||(t[1]=T=>a.handleAppointmentChange(T))},null,8,["modelValue","options","class","error"])):S("",!0)],2)]),i("div",Ze,[t[5]||(t[5]=i("h6",null,"Not seeing a day that fits your schedule?",-1)),i("p",null,[t[3]||(t[3]=h(" Contact one of our moving consultants at ")),i("a",{class:"phone-number",href:`tel:${o.phoneNumber}`},m(o.phoneNumber),9,ze),t[4]||(t[4]=h(" to complete your reservation for a different date. "))])])]),d(u),i("div",Je,[a.showLiveLoadAlert?(l(),A(w,{key:0,message:e.moves.Details.Origin.StationDetail.LiveLoadMessage},null,8,["message"])):S("",!0)])])}const Xe=f(Ue,[["render",Ke]]),{mapActions:et,mapGetters:tt}=p("quote/equipmentPickup"),{mapState:it,mapGetters:at}=p("quote"),st={name:"EquipmentPickupForm",components:{DestinationText:ke,UpackRadioGroup:H,UpackRadio:be,TransitText:we,AttentionText:U},computed:{...y("quote/equipmentDelivery",["PickupDate"]),...y("quote/equipmentPickup",["selectedEstimatedOption","selectedGuaranteedOption"]),...y("quote/destination",["selectedDeliveryResponse"]),...tt(["getEstimatedOption","getDisplayedGuaranteedOptions","getGuaranteedOptions"]),...it({quote:"quote",moves:"moves",stationDetail:e=>e.moves.Details.Origin.StationDetail}),...at({isTerminalOnlyOrigin:$,isTerminalOnlyDestination:F}),instructionsHeaderText(){return this.isTerminalOnlyOrigin?"Equipment Loading Instructions":"Equipment Pickup Instructions"},transitHeaderText(){return this.isTerminalOnlyDestination?"Transit & Unloading":"Transit & Delivery"},pickupDateText(){return this.PickupDate?new Date(this.PickupDate).fullDate():"...calculating"},showLiveLoadAlert(){return this.moves.Details.Destination.LiveLoad&&this.moves.Details.Destination.StationDetail.LiveLoadMessage},shouldShowGuaranteedOptions(){return this.selectedDeliveryResponse!==C.Storage&&this.getDisplayedGuaranteedOptions&&this.getDisplayedGuaranteedOptions.length}},mounted(){this.removeExpediteOptionPriceAdj()},methods:{...et({addExpediteOptionPriceAdj:L,removeExpediteOptionPriceAdj:ue}),handleEstimatedOptionSelect(e){this.selectedEstimatedOption=e,this.selectedGuaranteedOption="",this.removeExpediteOptionPriceAdj()},handleExpediteOptionSelect(e){this.selectedGuaranteedOption=e,this.selectedEstimatedOption="",this.addExpediteOptionPriceAdj({value:this.getGuaranteedOptions[e].GuaranteedServiceFee,transitTime:this.getGuaranteedOptions[e].RequestedTransitTime,carrier:this.getGuaranteedOptions[e].Carrier})}}},ot={class:"transit-arrival"},nt={key:0,class:"transit-arrival__text"},rt={key:1,class:"transit-arrival__text"},lt={class:"transit-arrival__sections"},dt={class:"transit-arrival__sections__first"},pt={key:0},ut={class:"transit-arrival__sections__second"};function mt(e,t,s,r,o,a){const c=n("destination-text"),g=n("upack-radio"),_=n("upack-radio-group"),u=n("transit-text"),w=n("attention-text");return l(),v("div",ot,[i("h4",null,m(a.instructionsHeaderText),1),e.isTerminalOnlyOrigin?(l(),v("p",nt,[t[1]||(t[1]=h(" You'll need to contact the ")),i("strong",null,m(e.stationDetail.CityName)+", "+m(e.stationDetail.StateCode),1),t[2]||(t[2]=h(" service center before arriving to load your items on ")),i("strong",null,m(a.pickupDateText),1),t[3]||(t[3]=h(". Instructions and contact information will be included in your Move Plan and available on your MyMove Dashboard. "))])):(l(),v("p",rt,[t[4]||(t[4]=h(" Please contact us 1 business day in advance to schedule pickup of your loaded equipment by ")),i("strong",null,m(a.pickupDateText),1),t[5]||(t[5]=h(". Instructions and contact information will be included in your Move Plan, which we'll send you via email. "))])),i("h4",null,m(a.transitHeaderText),1),d(c),t[8]||(t[8]=i("br",null,null,-1)),i("div",lt,[i("div",dt,[t[7]||(t[7]=i("h6",{class:"transit-arrival__sections__first__transit-header"}," Estimated Transit: ",-1)),i("div",{class:k(["radio-button--estimated",{estimated_only:!a.shouldShowGuaranteedOptions}])},[(l(),A(g,{id:`estimated-${e.getEstimatedOption.value}`,key:`estimated-${e.getEstimatedOption.value}`,help:e.getEstimatedOption.help,label:e.getEstimatedOption.label,name:"estimated","radio-value":e.getEstimatedOption.value,value:e.selectedEstimatedOption,onChange:a.handleEstimatedOptionSelect},null,8,["id","help","label","radio-value","value","onChange"]))],2),a.shouldShowGuaranteedOptions?(l(),v("div",pt,[t[6]||(t[6]=i("h6",{class:"transit-arrival__sections__first__transit-header"}," Guaranteed Transit: ",-1)),d(_,{modelValue:e.selectedGuaranteedOption,"onUpdate:modelValue":t[0]||(t[0]=T=>e.selectedGuaranteedOption=T),options:e.getDisplayedGuaranteedOptions,name:"guaranteed",onChange:a.handleExpediteOptionSelect},null,8,["modelValue","options","onChange"])])):S("",!0)]),i("div",ut,[a.shouldShowGuaranteedOptions?(l(),A(u,{key:0})):S("",!0)])]),a.showLiveLoadAlert?(l(),A(w,{key:2,message:e.moves.Details.Destination.StationDetail.LiveLoadMessage},null,8,["message"])):S("",!0)])}const ct=f(st,[["render",mt]]),{mapActions:ht}=p("quote/liabilityCoverage"),vt={name:"LiabilityCoverage",components:{UpackRadioGroup:H},computed:{...y("quote/liabilityCoverage",["selectedValue","options"])},methods:{...ht({handleCoverageSelection:L}),assignSelectedLiabilityValue(e){this.selectedValue=Number(e),this.handleCoverageSelection()}}},gt={class:"liability-coverage"};function Dt(e,t,s,r,o,a){const c=n("upack-radio-group");return l(),v("div",gt,[t[1]||(t[1]=i("div",{class:"liability-coverage__intro"},[i("h4",null,"Liability Coverage"),i("p",null," Coverage for damage caused by carrier negligence. Does not cover damage due to packing, loading or unloading. ")],-1)),d(c,{modelValue:e.selectedValue,"onUpdate:modelValue":t[0]||(t[0]=g=>

1e.selectedValue=g),options:e.options,name:"coverage",onChange:a.assignSelectedLiabilityValue},null,8,["modelValue","options","onChange"])])}const yt=f(vt,[["render",Dt]]),{mapActions:_t}=p("quote/militaryMove"),{mapState:St}=p("quote"),ft={name:"MilitaryMove",components:{UpackToggle:qe,UpackSelect:G,UpackInput:me},props:{validateForm:{type:Boolean,default:!1}},emits:["selected","other","valid","weightToggle"],setup(){return{v$:B()}},validations(){if(!this.WeightTickets)return{};const e={};return e.MilitaryBranch={required:R},this.MilitaryBranch==="Other"&&(e.MilitaryBranchOther={required:R,isAsciiOnly:Me}),e},computed:{...y("quote/militaryMove",["MilitaryBranchOther","MilitaryBranch","options","WeightTickets"]),...St({waiveWeightTicketsCharge:e=>{var t,s;return(s=(t=e.moves.Details)==null?void 0:t.Accessorials)==null?void 0:s.WaiveWeightTicketsCharge}}),isValid(){return this.validateForm&&!this.v$.$invalid?(this.$emit("valid",!0),!0):(this.$emit("valid",!1),!1)},weightTicketsChargeText(){return this.waiveWeightTicketsCharge?"Included":"+$150"},waValidationEventData(){if(!this.WeightTickets)return{};const e={};return e.MilitaryBranch={required:"Required but not selected"},this.MilitaryBranch==="Other"&&(e.MilitaryBranchOther={required:"Required but not entered",isAsciiOnly:"Invalid characters entered"}),e}},mounted(){D.$on(E,this.fireInvalidFieldsWAEvents)},beforeUnmount(){D.$off(E,this.fireInvalidFieldsWAEvents)},methods:{..._t({handleMilitaryBranchSelection:L}),updateMilitary(e){this.handleMilitaryBranchSelection(),this.$emit("weightToggle",e)},fireInvalidFieldsWAEvents(){x(this.v$,this.waValidationEventData)}}},Tt={class:"military-move__dropdown"},At={class:"military-move__othermsg"};function Ot(e,t,s,r,o,a){const c=n("upack-toggle"),g=n("upack-select"),_=n("upack-input");return l(),v("div",{class:k(["military-move",a.isValid?"valid":"invalid"])},[t[6]||(t[6]=i("h4",null,"Military Move",-1)),t[7]||(t[7]=i("p",null,[h(" Get empty and full tickets at destination "),i("br"),h("for Military/DITY moves. ")],-1)),i("div",Tt,[d(c,{modelValue:e.WeightTickets,"onUpdate:modelValue":t[0]||(t[0]=u=>e.WeightTickets=u),onInput:t[1]||(t[1]=u=>a.updateMilitary(u))},null,8,["modelValue"]),i("p",null,"Certified Weight Tickets ("+m(a.weightTicketsChargeText)+")",1)]),e.WeightTickets?(l(),A(g,{key:0,modelValue:e.MilitaryBranch,"onUpdate:modelValue":t[2]||(t[2]=u=>e.MilitaryBranch=u),class:k(["select-style",a.isValid?"valid":"invalid"]),options:e.options,name:"militaryBranch","default-option":"Select military branch","error-message":"Please select a military branch",error:s.validateForm&&r.v$.MilitaryBranch.$invalid,onInput:t[3]||(t[3]=u=>e.$emit("selected",e.MilitaryBranch))},null,8,["modelValue","class","options","error"])):S("",!0),i("div",At,[e.WeightTickets&&e.MilitaryBranch==="Other"?(l(),A(_,{key:0,modelValue:e.MilitaryBranchOther,"onUpdate:modelValue":t[4]||(t[4]=u=>e.MilitaryBranchOther=u),modelModifiers:{trim:!0},name:"otherBranch",label:"Enter Branch…","error-message":"Please add a military branch",error:s.validateForm?r.v$.MilitaryBranchOther.$invalid:!1,onInput:t[5]||(t[5]=u=>e.$emit("other",e.MilitaryBranchOther))},null,8,["modelValue","error"])):S("",!0)])],2)}const wt=f(ft,[["render",Ot]]),Et={name:"LoadedContainer",props:{width:{type:String,default:"63px"},height:{type:String,default:"50px"},strokeWidth:{type:Number,default:1}},data(){return{}}},kt=["width","height"];function bt(e,t,s,r,o,a){return l(),v("svg",{width:s.width,height:s.height,viewBox:"0 0 63 50",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},t[0]||(t[0]=[W('<title>icon/solution overview/trailer/desktop</title><desc>Created with Sketch.</desc><g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Desktop-Reservation---Scheduling" transform="translate(-914.000000, -1603.000000)"><g id="icon/solution-overview/trailer/desktop" transform="translate(915.000000, 1604.000000)"><rect id="Rectangle" fill="#EEEFEE" x="7.08571429" y="7.11111111" width="54.9142857" height="37.3333333" rx="3"></rect><g id="Group-43" stroke-width="1" transform="translate(0.885714, 0.888889)" stroke="#81C61C" stroke-linecap="round" stroke-linejoin="round"><path id="Stroke-1" d="M24.3571429,45.3333333 C26.5590487,45.3333333 28.3428571,43.5431313 28.3428571,41.3333333 C28.3428571,39.1246425 26.5590487,37.3333333 24.3571429,37.3333333 C22.1563402,37.3333333 20.3714286,39.1246425 20.3714286,41.3333333 C20.3714286,43.5431313 22.1563402,45.3333333 24.3571429,45.3333333 Z" stroke-width="2"></path><path id="Stroke-3" d="M11.9571429,45.3333333 C14.1579455,45.3333333 15.9428571,43.5431313 15.9428571,41.3333333 C15.9428571,39.1246425 14.1579455,37.3333333 11.9571429,37.3333333 C9.75523704,37.3333333 7.97142857,39.1246425 7.97142857,41.3333333 C7.97142857,43.5431313 9.75523704,45.3333333 11.9571429,45.3333333 Z" stroke-width="2"></path><path id="Stroke-5" d="M54.9142857,36.4444444 L54.9142857,4.09357016 C54.9142857,1.83321243 53.1008456,3.69482223e-13 50.8648671,3.69482223e-13 L4.04941861,3.69482223e-13 C1.81344016,3.69482223e-13 0,1.83321243 0,4.09357016 L0,36.4444444 L54.7932403,36.4444444" stroke-width="2"></path><path id="Stroke-7" d="M50.0428571,46.2222222 L50.0428571,37.3333333" stroke-width="2"></path><path id="Stroke-9" d="M0,28.8888889 L54.9142857,28.8888889" stroke-width="2"></path><polyline id="Stroke-11" stroke-width="2" points="54.0285714 17.7777778 25.6857143 17.7777778 31.0627893 8 54.0285714 8"></polyline></g></g></g></g>',3)]),8,kt)}const Mt=f(Et,[["render",bt]]),qt={name:"LoadedBox",props:{width:{type:String,default:"61px"},height:{type:String,default:"49px"},strokeWidth:{type:Number,default:1}},data(){return{}}},It=["height","width"];function Ct(e,t,s,r,o,a){return l(),v("svg",{height:s.height,viewBox:"0 0 61 49",width:s.width,xmlns:"http://www.w3.org/2000/svg"},t[0]||(t[0]=[W('<g fill="none" fill-rule="evenodd" transform="translate(1 1)"><rect fill="#eeefee" height="41.491525" rx="3" width="44.594595" x="15.405405" y="6.508475"></rect><g stroke="#81c61c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m32.1030405 18.7184746v21.7240678h-18.6233108c-2.0570741 0-3.72466213-1.6732409-3.72466213-3.7372882v-36.64830505"></path><path d="m52.5886824 13.1374576v23.5677966c0 2.0640473-1.667588 3.7372882-3.7246621 3.7372882h-16.7609798"></path><path d="m7.89273649.05694915-7.25315879 11.06237285c-.25351523.4097809-.26020557.9266835-.01738175 1.3429322.24959234.4214907.70328002.6785035 1.19189189.6752348h7.94097973"></path><path d="m32.5524831.05694915 4.7650845 11.92942375c.2895872.6969295.968268 1.1509172 1.7207939 1.1510852h15.9092736c.4550292.0003948.8805916-.2258162 1.13586-.6037757.2552683-.3779594.306962-.8583908.1379745-1.2823095l-4.638446-11.21186443"></path><path d="m7.89273649.05694915 43.68532091-.02491525"></path></g></g>',1)]),8,It)}const $t=f(qt,[["render",Ct]]),{mapGetters:Lt,mapState:Rt}=p("quote"),{mapGetters:Vt}=p("quote/equipmentPickup"),Gt={name:"ScheduleServices",components:{LoadingCalendar:Te,LoadedContainer:Mt,LoadedBox:$t},computed:{...y("quote/origin",{originType:"buildingType"}),...y("quote/destination",["selectedDeliveryResponse"]),...Rt({quote:"quote",details:e=>e.quote.Details}),...Lt({isTerminalOnlyOrigin:$,isTerminalOnlyDestination:F}),...Vt(["getDisplayedGuaranteedOptions","getGuaranteedOptions"]),origin(){return this.originType===I.Service?{City:this.details.Origin.StationDetail.CityName,State:this.details.Origin.StationDetail.StateCode}:this.details.Origin},hasGuaranteedOptions(){return this.selectedDeliveryResponse!==C.Storage&&this.getDisplayedGuaranteedOptions&&this.getDisplayedGuaranteedOptions.length},dateInfoText(){return this.isTerminalOnlyOrigin?"Your Equipment Loading Date is when you will bring your items to the local service center in ":"Your Equipment Dropoff date is when we'll bring the empty equipment to you in "},loadingInfoText(){return this.isTerminalOnlyOrigin?"Typically, customers are able to load their belongings at our service center in one day.":"Once you receive the equipment, schedule your Equipment Pickup. This is the day we'll pick up the container loaded with your belongings."},transitInfoText(){let e="";return this.isTerminalOnlyDestination||(e=" and delivery"),`You can choose from a variety of transit${e} options that work best with your budget.
2        The loaded container will be in transit based on what you choose.`}}},xt={class:"schedule-services"},Nt={class:"schedule-services__option"},Pt={class:"schedule-services__icon"},Bt={class:"schedule-services__details"},Ft={class:"schedule-services__content"},Wt={class:"service__text service__text--first"},Ut={class:"schedule-services__option"},Ht={class:"schedule-services__icon"},Qt={class:"schedule-services__details"},Yt={class:"schedule-services__content"},jt={class:"service__text service__text--second"},Zt={key:0,class:"schedule-services__option"},zt={class:"schedule-services__icon"},Jt={class:"schedule-services__details"},Kt={class:"schedule-services__content"},Xt={class:"service__text service__text--third"};function ei(e,t,s,r,o,a){const c=n("loading-calendar"),g=n("loaded-box"),_=n("loaded-container");return l(),v("div",xt,[i("div",Nt,[i("div",Pt,[d(c)]),i("div",Bt,[i("div",Ft,[i("p",Wt,[h(m(a.dateInfoText)+" ",1),i("strong",null,m(a.origin.City)+", "+m(a.origin.State)+".",1)])])])]),i("div",Ut,[i("div",Ht,[d(g)]),i("div",Qt,[i("div",Yt,[i("p",jt,m(a.loadingInfoText),1)])])]),a.hasGuaranteedOptions?(l(),v("div",Zt,[i("div",zt,[d(_)]),i("div",Jt,[i("div",Kt,[i("p",Xt,m(a.transitInfoText),1)])])])):S("",!0)])}const ti=f(Gt,[["render",ei]]),{mapActions:ii,mapState:ai}=p("quote"),si={name:"ReservationSchedule",components:{EquipmentDelivery:Xe,EquipmentPickupForm:ct,LiabilityCoverage:yt,MilitaryMove:wt,ScheduleServices:ti,UpackButton:ce},beforeRouteEnter:(e,t,s)=>{s(()=>Se(e,t))},data(){return{validateForm:!1,militaryFormValid:!1,equipDeliveryValid:!1}},computed:{...ai({pricingOption:"pricingOption",moves:"moves"}),...y("quote/reserveForm",["allowedReservationStep"]),isValid(){return this.militaryFormValid&&this.equipDeliveryValid}},mounted(){D.$emit(_e)},methods:{...ii({editQuote:P,fetchMove:ye}),validate(){this.validateForm=!0,setTimeout(()=>this.process(),10)},process(){this.isValid?(D.$emit(q,!0,N.SUBMITTING_SCHEDULING),this.editQuote(["militaryMove","liabilityCoverage","equipmentDelivery","equipmentPickup"]).then(()=>this.fetchMove().then(()=>{D.$emit(ge,!0),this.allowedReservationStep=V.PAYMENT.name,this.$router.push({name:V.PAYMENT.name})})).catch(e=>D.$emit(De,e))):(this.scrollToFirstInvalidElement(),D.$emit(E))},scrollToFirstInvalidElement(){const e=document.getElementsByClassName("invalid");e&&e.length&&(e[0].scrollIntoView(),window.scrollBy(-500,-200))}}},oi={class:"quote-reservation-schedule"},ni={class:"accessorials__container"};function ri(e,t,s,r,o,a){const c=n("schedule-services"),g=n("equipment-delivery"),_=n("equipment-pickup-form"),u=n("military-move"),w=n("liability-coverage"),T=n("upack-button");return l(),v("div",oi,[d(c),d(g,{"validate-form":o.validateForm,onValid:t[0]||(t[0]=b=>o.equipDeliveryValid=b)},null,8,["validate-form"]),d(_),i("div",ni,[d(u,{class:"accessorials__military","validate-form":o.validateForm,onValid:t[1]||(t[1]=b=>o.militaryFormValid=b)},null,8,["validate-form"]),d(w,{class:"accessorials__liability"})]),i("div",null,[d(T,{onClick:ve(a.validate,["stop"])},{default:he(()=>t[2]||(t[2]=[h(" Next: Your Info ")])),_:1,__:[2]},8,["onClick"])])])}const Ei=f(si,[["render",ri]]);export{Ei as default};