https://pgtest.netlify.app/js/addresses.760f086b.js

1"use strict";(self["webpackChunklunchbox_storefront"]=self["webpackChunklunchbox_storefront"]||[]).push([[649],{89387:function(e,s,d){d(44114),d(18111),d(13579);s.A={methods:{shouldAllowAccess(){const{require_phone_verification:e,require_email_verification:s}=this.storeConfig||{},{is_phone_verified:d,is_verified:t}=this.customerData||{};return!(e&&!d)&&!(s&&!t)},guardProfileAccess(e,s=null){const d=s?()=>[this.storeConfig,this.customerData,this.branding]:()=>[this.storeConfig,this.customerData];this.$watch(d,d=>{d.some(e=>!e)||((!s||s())&&this.shouldAllowAccess()?e():this.$router.push({name:"ProfileView"}))},{immediate:!0})}}}},34584:function(e,s,d){d.d(s,{h:function(){return t}});const t="Something went wrong. Please try again";s.A={methods:{getCustomerId(){return localStorage.getItem("customerId")},showToaster(e){this.$store.commit("SET_TOASTER",{show:!0,message:e})},handleExpiredSession(e,s){return 403==e?.response?.data?.status&&(this.showToaster("Your session has expired. Please log in again"),"function"===typeof s&&s(),!0)}}}},76936:function(e,s,d){d.d(s,{A:function(){return i}});var t=d(56768),a=d(95187);function o(e,s,d,o,r,n){return(0,t.uX)(),(0,t.CE)("div",{class:"shimmer",style:(0,a.Tr)({height:d.height,width:d.width,margin:d.margin,display:"block"})},null,4)}var r={props:{height:{type:String,default:"30px"},width:{type:String,default:"350px"},margin:{type:String,default:"0px 0px 0px 0px"}}},n=d(71241);const l=(0,n.A)(r,[["render",o],["__scopeId","data-v-0f9a5f6c"]]);var i=l},14953:function(e,s,d){d.r(s),d.d(s,{default:function(){return ae}});var t=d(56768),a=d(5688),o=d(95187);const r={class:"profileContent","data-cy":"addresses-view"},n={class:"profileTop"},l={key:0,class:"addresses"},i={key:1,class:"empty","data-cy":"addresses-empty-state"},h={key:2,class:"addresses","data-cy":"addresses-list"},u={key:0},c={key:1},p={key:2},A={class:"buttons"},m=["onClick"],g={key:3,class:"feedback error"};function v(e,s,d,v,C,L){const f=(0,t.g2)("AddNewAddressModal"),k=(0,t.g2)("DeleteAddressModal"),b=(0,t.g2)("ShimmerView");return(0,t.uX)(),(0,t.CE)("div",r,[(0,t.bF)(a.eB,{name:"fade"},{default:(0,t.k6)(()=>[C.addNewAddressModalIsVisible?((0,t.uX)(),(0,t.Wv)(f,{key:0,onCloseModal:L.toggleAddNewAddressModal,selectedAddress:C.selectedAddress,onAddressSaved:L.addNewAddress},null,8,["onCloseModal","selectedAddress","onAddressSaved"])):(0,t.Q3)("",!0)]),_:1}),(0,t.bF)(a.eB,{name:"fade"},{default:(0,t.k6)(()=>[C.deleteAddressModalIsVisible?((0,t.uX)(),(0,t.Wv)(k,{key:0,onCloseModal:L.toggleDeleteAddressModal,onAddressDeleted:L.deleteAddress,address:C.selectedAddress,addressIndex:C.selectedAddressIndex},null,8,["onCloseModal","onAddressDeleted","address","addressIndex"])):(0,t.Q3)("",!0)]),_:1}),(0,t.Lk)("div",n,[s[2]||(s[2]=(0,t.Lk)("h3",null,"Addresses",-1)),(0,t.Lk)("a",{onClick:s[0]||(s[0]=(...e)=>L.addNewAddressClicked&&L.addNewAddressClicked(...e)),class:"addNew",href:"javascript:;","data-cy":"add-new-address-link"},[...s[1]||(s[1]=[(0,t.Lk)("p",null,"+ ADD NEW ADDRESS",-1)])])]),C.loading?((0,t.uX)(),(0,t.CE)("div",l,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(6,e=>(0,t.Lk)("div",{key:e,class:"address"},[(0,t.Lk)("div",null,[(0,t.bF)(b,{height:"30px",width:"350px",margin:"0px 0px 5px 0px"}),(0,t.bF)(b,{height:"16px",width:"200px"})]),(0,t.Lk)("div",null,[(0,t.bF)(b,{height:"16px",width:"100px"})])])),64))])):(0,t.Q3)("",!0),C.addresses&&0==C.addresses.length&&!C.loading?((0,t.uX)(),(0,t.CE)("div",i,[...s[3]||(s[3]=[(0,t.Lk)("p",null,"You don't have any saved address",-1)])])):(0,t.Q3)("",!0),C.addresses&&!C.loading?((0,t.uX)(),(0,t.CE)("div",h,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(C.addresses,d=>((0,t.uX)(),(0,t.CE)("div",{key:d.address_id,class:"address"},[(0,t.Lk)("div",null,[(0,t.Lk)("h3",null,(0,o.v_)(d.address1)+", "+(0,o.v_)(d.city)+" "+(0,o.v_)(d.state_code)+" "+(0,o.v_)(d.postal_code),1),d.address2?((0,t.uX)(),(0,t.CE)("p",u,[s[4]||(s[4]=(0,t.Lk)("span",{class:"bold"},"Address Details: ",-1)),(0,t.eW)((0,o.v_)(d.address2),1)])):(0,t.Q3)("",!0),d.company?.length>0?((0,t.uX)(),(0,t.CE)("p",c,[s[5]||(s[5]=(0,t.Lk)("span",{class:"bold"},"Company: ",-1)),(0,t.eW)((0,o.v_)(d.company),1)])):(0,t.Q3)("",!0),d.contact_phone||""!=d.contact_phone?((0,t.uX)(),(0,t.CE)("p",p,[s[6]||(s[6]=(0,t.Lk)("span",{class:"bold"},"Contact Phone: ",-1)),(0,t.eW)((0,o.v_)(e.formatPhoneNumber(d.contact_phone)),1)])):(0,t.Q3)("",!0)]),(0,t.Lk)("div",A,[(0,t.Lk)("a",{onClick:e=>

1L.deleteAddressClicked(d),class:"delete",href:"javascript:;"},[...s[7]||(s[7]=[(0,t.Lk)("p",null,"DELETE",-1)])],8,m)])]))),128))])):(0,t.Q3)("",!0),C.errorMessage?((0,t.uX)(),(0,t.CE)("p",g,(0,o.v_)(C.errorMessage),1)):(0,t.Q3)("",!0)])}var C=d(79281),L=d(60782);const f={class:"modalWrapper"},k={class:"inputWrapper"},b={key:2,class:"validation"},E={key:3,class:"validation"},y={class:"inputWrapper"},_={key:0,class:"validation","data-cy":"address-details-validation-error"},M={class:"inputWrapper"},I={key:0,class:"validation","data-cy":"contact-phone-validation-error"},T={key:1,class:"validation","data-cy":"phone-validation-error"},w={key:0,class:"inputWrapper"},P={key:1,class:"feedback error"},S=["disabled"],N={key:0,class:"loader buttonLoader"};function D(e,s,d,r,n,l){const i=(0,t.g2)("RadarAutoComplete"),h=(0,t.g2)("AutoComplete"),u=(0,t.g2)("IntlTelInput");return(0,t.uX)(),(0,t.CE)("div",{onClick:s[11]||(s[11]=(0,a.D$)((...e)=>l.closeModal&&l.closeModal(...e),["self"])),class:"modalContainer","data-cy":"add-address-modal"},[(0,t.Lk)("div",f,[(0,t.Lk)("div",{onClick:s[0]||(s[0]=(...e)=>l.closeModal&&l.closeModal(...e)),class:"close","data-cy":"close-add-address-modal"},[...s[12]||(s[12]=[(0,t.Lk)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[(0,t.Lk)("path",{d:"M8.1161 6.6228L7.75908 6.97635L8.11437 7.33163L13.4572 12.6745L12.6745 13.4572L11.8466 12.6294L11.8449 12.6277L7.37718 8.11608L7.02364 7.75906L6.66835 8.11435L1.32551 13.4572L0.542786 12.6745L5.88563 7.33163L6.24062 6.97664L5.8842 6.62309L0.543158 1.32514L1.32551 0.542787L6.66835 5.88563L7.02334 6.24061L7.37689 5.88419L12.6748 0.543155L13.4572 1.32551L12.6294 2.15333L12.6277 2.15504L8.1161 6.6228ZM12.7648 13.5475C12.7649 13.5476 12.765 13.5478 12.7651 13.5479L12.7648 13.5475ZM0.452113 12.7651L0.452145 12.7651C0.452134 12.7651 0.452123 12.7651 0.452113 12.7651Z",fill:"black",stroke:"black"})],-1)])]),s[17]||(s[17]=(0,t.Lk)("h2",null,"Add New Address",-1)),(0,t.Lk)("div",k,[s[13]||(s[13]=(0,t.Lk)("label",{for:"newPassword"},"Your Address",-1)),"RADAR"==e.autoCompleteType?((0,t.uX)(),(0,t.Wv)(i,{key:0,placeholder:"Enter your address",label:!0,reqiresAddress:!0,onAddressSelected:e.getRadarAddressComponents,ref:"radarAutoComplete"},null,8,["onAddressSelected"])):(0,t.Q3)("",!0),"GOOGLE"==e.autoCompleteType?((0,t.uX)(),(0,t.Wv)(h,{key:1,onPlaceChanged:e.getAddressComponents,onInput:l.addressValue,placeholder:"Enter Your Address",requiresAddress:!0,ref:"autoComplete"},null,8,["onPlaceChanged","onInput"])):(0,t.Q3)("",!0),!0===r.v$.address.$error?((0,t.uX)(),(0,t.CE)("p",b,"Please enter your address")):(0,t.Q3)("",!0),n.addressSelected?(0,t.Q3)("",!0):((0,t.uX)(),(0,t.CE)("p",E,"Please select an address from the suggested list"))]),(0,t.Lk)("div",y,[s[14]||(s[14]=(0,t.Lk)("label",{for:"phone"},"Address Details",-1)),(0,t.bo)((0,t.Lk)("input",{onKeyup:s[1]||(s[1]=(0,a.jR)((...e)=>l.saveAddress&&l.saveAddress(...e),["enter"])),onInput:s[2]||(s[2]=(...e)=>l.onAddress2Input&&l.onAddress2Input(...e)),"onUpdate:modelValue":s[3]||(s[3]=e=>n.address2=e),type:"text",placeholder:"Apt, Suite, Unit, Building, Floor, etc."},null,544),[[a.Jo,n.address2]]),!0===r.v$.address2?.$error?((0,t.uX)(),(0,t.CE)("p",_," Address details cannot exceed 100 characters ")):(0,t.Q3)("",!0)]),(0,t.Lk)("div",M,[r.enableInternationalPhoneInput?((0,t.uX)(),(0,t.Wv)(u,{key:0,ref:"intlPhoneInput",modelValue:n.phone,"onUpdate:modelValue":s[4]||(s[4]=e=>n.phone=e),id:"phone",label:"Contact Phone",placeholder:"Contact Phone","use-validation":!0,required:!0,onEnter:l.saveAddress,onCountryChange:l.handleCountryChange},null,8,["modelValue","onEnter","onCountryChange"])):((0,t.uX)(),(0,t.CE)(t.FK,{key:1},[s[15]||(s[15]=(0,t.Lk)("label",{for:"phone"},"Contact Phone",-1)),(0,t.bo)((0,t.Lk)("input",{onKeyup:s[5]||(s[5]=(0,a.jR)((...e)=>l.saveAddress&&l.saveAddress(...e),["enter"])),onInput:s[6]||(s[6]=s=>e.formatPhoneNumberWhileTyping(n.phone)),"onUpdate:modelValue":s[7]||(s[7]=e=>n.phone=e),type:"text",placeholder:"Contact Phone",id:"phone",inputmode:"tel"},null,544),[[a.Jo,n.phone]]),!0===r.v$.phone.$error?((0,t.uX)(),(0,t.CE)("p",I," Please enter your phone number ")):(0,t.Q3)("",!0),n.validPhoneNumberError?((0,t.uX)(),(0,t.CE)("p",T,(0,o.v_)(n.validPhoneNumberErrorMessage||"Please enter a valid phone number. Phone number can't start with 0 or 1"),1)):(0,t.Q3)("",!0)],64))]),e.branding?.display_options?.ask_for_company_info?((0,t.uX)(),(0,t.CE)("div",w,[s[16]||(s[16]=(0,t.Lk)("label",{for:"phone"},"Company Name",-1)),(0,t.bo)((0,t.Lk)("input",{onKeyup:s[8]||(s[8]=(0,a.jR

1)((...e)=>l.saveAddress&&l.saveAddress(...e),["enter"])),"onUpdate:modelValue":s[9]||(s[9]=e=>n.companyName=e),type:"text",placeholder:"Company Name"},null,544),[[a.Jo,n.companyName]])])):(0,t.Q3)("",!0),n.errorMessage?((0,t.uX)(),(0,t.CE)("p",P,(0,o.v_)(n.errorMessage),1)):(0,t.Q3)("",!0),(0,t.Lk)("button",{onClick:s[10]||(s[10]=(...e)=>l.saveAddress&&l.saveAddress(...e)),disabled:e.buttonLoader,"data-cy":"save-address-button"},[e.buttonLoader?((0,t.uX)(),(0,t.CE)("div",N)):(0,t.Q3)("",!0),e.buttonLoader?(0,t.Q3)("",!0):((0,t.uX)(),(0,t.CE)(t.FK,{key:1},[(0,t.eW)("SAVE ADDRESS")],64))],8,S)])])}var x=d(17760),$=d(99428),O=d(10957),X=d(34584),R=d(69356),Q=d(18325),V=d(34420),W=d(20556),U=d(44618),K=d(94117),B={setup(){const e=(0,K._P)("enable_international_phone_input",{fallback:!1});return{v$:(0,x.Ay)(),enableInternationalPhoneInput:e}},data(){return{phone:"",addressData:null,address:"",address2:"",companyName:"",errorMessage:"",addressSelected:!0,validPhoneNumberError:!1,validPhoneNumberErrorMessage:"",phoneCountryCode:null}},props:["selectedAddress"],components:{AutoComplete:V.A,RadarAutoComplete:W.A,IntlTelInput:U.A},validations(){return{phone:this.enableInternationalPhoneInput?{}:{required:$.mw},address:{required:$.mw},address2:{maxLength:(0,$.Ru)(100)}}},mixins:[O.A,C.A,R.A,X.A],computed:{...(0,L.aH)(["buttonLoader","cookies","branding","autoCompleteType","storeConfig"])},watch:{phone(e){e&&0!==e.replace(/[^\d]/g,"").length||(this.validPhoneNumberError=!1,this.validPhoneNumberErrorMessage="",this.v$&&this.v$.phone&&this.v$.phone.$reset())}},methods:{...(0,L.PY)(["SET_BUTTON_LOADER","SET_COOKIES","SET_AUTO_COMPLETE_TYPE"]),onAddress2Input(){this.v$.address2.$touch()},closeModal(){this.$emit("closeModal")},addressValue(e){""===e&&this.$refs.autoComplete.resetInput(),this.address=e},saveAddress(){if(this.v$.$touch(),this.enableInternationalPhoneInput){const e=this.$refs.intlPhoneInput;e&&"function"===typeof e.setTouched&&e.setTouched(!0)}if(this.enableInternationalPhoneInput){const e=this.$refs.intlPhoneInput;if(!e||!e.validate(!0,!0))return;const s=e.getSelectedCountryData();s&&s.iso2&&(this.phoneCountryCode=s.iso2.toUpperCase()),this.validPhoneNumberError=!1}else{if(this.v$.phone.$error)return;if(!this.phone||""===this.phone.trim())return void this.v$.phone.$touch();if(!this.isValidPhoneNumber(this.phone))return this.validPhoneNumberError=!0,void(this.validPhoneNumberErrorMessage="Please enter a valid phone number. Phone number can't start with 0 or 1");if(this.validPhoneNumberError=!1,this.validPhoneNumberErrorMessage="",this.phone.length>0&&this.phone.length<14)return this.validPhoneNumberError=!0,void(this.validPhoneNumberErrorMessage="Please enter a valid phone number");this.phoneCountryCode=null}if(!this.addressData)return this.addressSelected=!1,void(this.errorMessage="Please select an address from the suggested list");if(this.enableInternationalPhoneInput){if(this.v$.address.$error||this.v$.address2?.$error)return}else if(this.v$.$error)return;if(!this.addressSelected)return void(this.errorMessage="Please select an address from the suggested list");this.SET_BUTTON_LOADER(!0);let e=this.getCustomerId(),s="";if(this.enableInternationalPhoneInput){const e=this.$refs.intlPhoneInput;if(e&&"function"===typeof e.getNationalNumber)s=e.getNationalNumber();else{s=this.phone.replace(/\D/g,"");const d=e?.getSelectedCountryData();d&&d.dialCode&&s.startsWith(d.dialCode)&&(s=s.substring(d.dialCode.length))}}else s=this.phone.replace(/\D/g,"");this.addressData.phone=s,this.addressData.contact_phone=s,this.addressData.address2=this.address2,this.branding?.display_options?.ask_for_company_info&&(this.addressData.company=this.companyName);let d=this.addressData;Q.A.saveAddress(d,e).then(e=>{this.$emit("addressSaved",e.data.data),this.SET_BUTTON_LOADER(!1),this.SET_COOKIES(e.data.cookies),this.showToaster("Address saved")}).catch(()=>{this.SET_BUTTON_LOADER(!1),this.errorMessage=X.h})},setAutoCompleteType(){this.storeConfig?.enable_google_places_api?this.SET_AUTO_COMPLETE_TYPE("GOOGLE"):this.SET_AUTO_COMPLETE_TYPE("RADAR")},handleCountryChange(e){e&&e.iso2?this.phoneCountryCode=e.iso2.toUpperCase():this.phoneCountryCode=null}},created(){this.setAutoCompleteType()}},F=d(71241);const Y=(0,F.A)(B,[["render",D],["__scopeId","data-v-27e32944"]]);var q=Y;function Z(e,s,d,a,o,r){const n=(0,t.g2)("ConfirmDeleteModal");return(0,t.uX)(),(0,t.Wv)(n,{title:"Delete Address",confirmLabel:"DELETE ADDRESS",errorMessage:o.errorMessage,onClose:r.closeModal,onConfirm:r.deleteAddress},{default:(0,t.k6)(()=>[...s[0]||(s[0]=[(0,t.Lk)("p",null,"Are you sure that you want to delete this address?",-1)])]),_:1},8,["errorMessage","onClose","onConfirm"])}var j=d(37746),G={data(){return{errorMessage:""}},props:["address","addressIndex"],components:{ConfirmDeleteModal:j.A},mixins:[X.A],methods:{...(0,L.PY)(["SET_BUTTON_LOADER","SET_COOKIES"]),closeModal(){this.$emit("closeModal")},deleteAddress(){this.SET_BUTTON_LOADER(!0);let e={address_id:this.address.address_id};Q.A.deleteAddress(e,this.getCustomerId()).then(e=>{this.showToaster("Address deleted"),this.$emit("addressDeleted",this.addressIndex),this.SET_BUTTON_LOADER(!1),this.SET_COOKIES(e.data.cookies)}).catch(()=>{this.SET_BUTTON_LOADER(!1),this.errorMessage=X.h})}}};const H=(0,F.A)(G,[["render",Z]]);var J=H,z=d(76936),ee=d(67158),se=d(89387),de={data(){return{addresses:null,addNewAddressModalIsVisible:!1,deleteAddressModalIsVisible:!1,selectedAddress:null,selectedAddressIndex:null,loading:!0,errorMessage:""}},components:{AddNewAddressModal:q,DeleteAddressModal:J,ShimmerView:z.A},mixins:[C.A,ee.A,se.A,X.A],computed:{...(0,L.aH)(["cookies","branding","storeConfig","customerData"])},methods:{...(0,L.PY)(["SET_COOKIES"]),getAddresses(){this.loading=!0,Q.A.getAddresses(this.getCustomerId()).then(e=>{this.loading=!1,this.addresses=e.data.data,this.SET_COOKIES(e.data.cookies)}).catch(e=>{this.handleExpiredSession(e,()=>this.$emit("logout")),this.loading=!1,this.errorMessage=X.h})},toggleAddNewAddressModal(){this.addNewAddressModalIsVisible=!this.addNewAddressModalIsVisible},toggleDeleteAddressModal(){this.deleteAddressModalIsVisible=!this.deleteAddressModalIsVisible},addNewAddress(e){this.toggleAddNewAddressModal(),this.addresses.unshift(e)}

1,deleteAddressClicked(e){this.selectedAddress=e,this.selectedAddressIndex=this.addresses.indexOf(e),this.toggleDeleteAddressModal()},deleteAddress(e){this.addresses.splice(e,1),this.toggleDeleteAddressModal()},addNewAddressClicked(){this.toggleAddNewAddressModal()}},created(){this.guardProfileAccess(this.getAddresses,()=>this.addressesIsVisible)}};const te=(0,F.A)(de,[["render",v],["__scopeId","data-v-3b826b63"]]);var ae=te},37746:function(e,s,d){d.d(s,{A:function(){return g}});var t=d(56768),a=d(5688),o=d(95187);const r={ref:"modalWrapper",class:"modalWrapper"},n={key:0,class:"feedback error"},l=["disabled"],i={key:0,class:"loader buttonLoader"};function h(e,s,d,h,u,c){return(0,t.uX)(),(0,t.CE)("div",{onClick:s[2]||(s[2]=(0,a.D$)((...e)=>c.closeModal&&c.closeModal(...e),["self"])),class:"modalContainer"},[(0,t.Lk)("div",r,[(0,t.Lk)("div",{onClick:s[0]||(s[0]=(...e)=>c.closeModal&&c.closeModal(...e)),class:"close"},[...s[3]||(s[3]=[(0,t.Lk)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[(0,t.Lk)("path",{d:"M8.1161 6.6228L7.75908 6.97635L8.11437 7.33163L13.4572 12.6745L12.6745 13.4572L11.8466 12.6294L11.8449 12.6277L7.37718 8.11608L7.02364 7.75906L6.66835 8.11435L1.32551 13.4572L0.542786 12.6745L5.88563 7.33163L6.24062 6.97664L5.8842 6.62309L0.543158 1.32514L1.32551 0.542787L6.66835 5.88563L7.02334 6.24061L7.37689 5.88419L12.6748 0.543155L13.4572 1.32551L12.6294 2.15333L12.6277 2.15504L8.1161 6.6228ZM12.7648 13.5475C12.7649 13.5476 12.765 13.5478 12.7651 13.5479L12.7648 13.5475ZM0.452113 12.7651L0.452145 12.7651C0.452134 12.7651 0.452123 12.7651 0.452113 12.7651Z",fill:"black",stroke:"black"})],-1)])]),(0,t.Lk)("h2",null,(0,o.v_)(d.title),1),(0,t.RG)(e.$slots,"default",{},void 0,!0),d.errorMessage?((0,t.uX)(),(0,t.CE)("p",n,(0,o.v_)(d.errorMessage),1)):(0,t.Q3)("",!0),(0,t.Lk)("button",{onClick:s[1]||(s[1]=s=>e.$emit("confirm")),disabled:e.buttonLoader},[e.buttonLoader?((0,t.uX)(),(0,t.CE)("div",i)):(0,t.Q3)("",!0),e.buttonLoader?(0,t.Q3)("",!0):((0,t.uX)(),(0,t.CE)(t.FK,{key:1},[(0,t.eW)((0,o.v_)(d.confirmLabel),1)],64))],8,l)],512)])}var u=d(60782),c=d(10957),p={props:{title:{type:String,required:!0},confirmLabel:{type:String,required:!0},errorMessage:{type:String,default:""}},emits:["close","confirm"],mixins:[c.A],computed:{...(0,u.aH)(["buttonLoader"])},methods:{closeModal(){this.$emit("close")}}},A=d(71241);const m=(0,A.A)(p,[["render",h],["__scopeId","data-v-300ec205"]]);var g=m}}]);
2//# sourceMappingURL=addresses.760f086b.js.map