1"use strict";(self.webpackChunkconsumer=self.webpackChunkconsumer||[]).push([[3052,24077,58290,77829,80671],{3052:function(n,e,r){r.r(e),r.d(e,{useGooglePlacesApi:function(){return t}});var o=r(65345),t=()=>(0,o.useGooglePlacesAPIContext)()},24077:function(n,e,r){r.r(e);var o=r(10467),t=r(4390),a=r(65043),i=r(82596),s=r(3052),c=r(40164),d=r(77829),l=r(70579),u=(n,e)=>n.distanceInMiles<e.distanceInMiles?-1:n.distanceInMiles>e.distanceInMiles?1:0,p=n=>{var{className:e,onSearch:r,searchPlaceholderText:t,customersById:h,locations:g}=n,[x,A]=(0,a.useState)([]),[y,f]=(0,a.useState)(!1),[b,C]=(0,a.useState)(!1),m=(0,s.useGooglePlacesApi)(),v=(0,a.useCallback)(function(){var n=(0,o.A)((function*(n){f(!0);var e=yield m.getLocationsWithinRangeOfPatron(h,n,g.slice());A(e||[]),f(!1)}));return function(e){return n.apply(this,arguments)}}(),[m,h,g]);return(0,l.jsxs)(d.SearchContainer,{className:e,children:[(0,l.jsx)(d.AddressInputContainer,{className:"address-input-container",children:(0,l.jsx)(p.SimpleAddressInput,{name:"address",placeholder:t,onAddressObjectChange:function(){var n=(0,o.A)((function*(n){C(n),yield v(n)}));return function(e){return n.apply(this,arguments)}}()})}),y&&(0,l.jsx)(d.LoadingSpinnerContainer,{className:"address-loading-spinner",children:(0,l.jsx)(i.Spin,{tip:"Searching Locations",indicator:(0,l.jsx)(c.A,{spin:!0})})}),x.length>0?(0,l.jsxs)(d.CardsContainer,{direction:"vertical",size:"large",children:[x.sort(u).map((n=>{return(0,l.jsxs)(d.LocationCard.Container,{size:"small",children:[(0,l.jsxs)(d.LocationCard.LocationCardBody,{children:[(0,l.jsxs)(d.LocationCard.LocationCardBodyHeader,{children:[(0,l.jsx)(d.LocationCard.LocationName,{children:n.locationName}),(0,l.jsxs)(d.LocationCard.LocationDistance,{children:[(e=n.distanceInMiles,Math.round(10*e)/10).toFixed(1)," MILES AWAY"]})]}),(0,l.jsx)(d.LocationCard.LocationPhoneAddress,{children:n.phone_number}),(0,l.jsx)(d.LocationCard.LocationPhoneAddress,{children:n.address.street})]}),(0,l.jsx)("div",{children:(0,l.jsx)(d.LocationCard.StartOrderButton,{type:"secondary",onClick:()=>r(n.locationShortId),children:"Start Order"})})]},n.id);var e})),!x.length&&(0,l.jsx)(d.MenuItem,{last:1,children:"No Nearby Locations"})]}):y||!b?(0,l.jsx)(l.Fragment,{}):(0,l.jsx)(d.LoadingSpinnerContainer,{className:"no-locations-found",children:(0,l.jsx)("p",{children:"No Nearby Locations"})})]})};e.default=(0,t.PA)(p)},77829:function(n,e,r){r.r(e),r.d(e,{AddressInputContainer:function(){return _},CardsContainer:function(){return C},LoadingSpinnerContainer:function(){return L},LocationCard:function(){return m},MenuItem:function(){return v},SearchContainer:function(){return b}});var o,t,a,i,s,c,d,l,u,p,h,g,x=r(57528),A=r(94574),y=r(82596),f=r(61273),b=A.Ay.div(o||(o=(0,x.A)(["\n ul {\n border: 1px solid var(--color-neutral__line);\n }\n"]))),C=(0,A.Ay)(y.Space)(t||(t=(0,x.A)(["\n width: 100%;\n .button-container {\n display: flex;\n justify-content: center;\n }\n"]))),m={Container:A.Ay.div(a||(a=(0,x.A)(["\n text-align: start;\n color: var(--color-neutral__body);\n background-color: var(--color-neutral__card-background);\n border: 1px solid var(--color-neutral__line);\n border-radius: var(--border-radius__small);\n "]))),LocationCardBody:A.Ay.div(i||(i=(0,x.A)(["\n padding: 23px;\n "]))),LocationCardBodyHeader:A.Ay.div(s||(s=(0,x.A)(["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 20px;\n "]))),LocationName:A.Ay.span(c||(c=(0,x.A)(["\n font-weight: bold;\n color: var(--color-primary__regular);\n "]))),LocationDistance:A.Ay.span(d||(d=(0,x.A)(["\n font-size: 12px;\n "]))),LocationPhoneAddress:A.Ay.div(l||(l=(0,x.A)(["\n font-size: 12px;\n "]))),StartOrderButton:(0,A.Ay)(y.Button)(u||(u=(0,x.A)(["\n width: 100%;\n height: ","px;\n opacity: 0.7;\n border-radius: 0 0 var(--button__border-radius) var(--button__border-radius);\n background-color: var(--color-neutral__line);\n color: var(--color-button-landing-page__regular);\n border: none;\n\n &:hover {\n opacity: 1;\n background-color: var(--color-neutral__line);\n color: var(--color-button-landing-page__regular);\n }\n "])),f.button.regular)},v=(0,A.Ay)(y.Menu.Item)(p||(p=(0,x.A)(["\n display: flex;\n align-items: center;\n height: 42px;\n export border-bottom: ",";\n export justify-content: ",";\n\n .distance {\n font-weight: lighter;\n }\n"])),(n=>n.last?"none":"1px solid var(--color-neutral__line)"),(n=>n.aligncenter?"center":"space-between")),L=A.Ay.div(h||(h=(0,x.A)(["\n display: flex;\n justify-content: center;\n align-items: center;
1\n"]))),_=A.Ay.div(g||(g=(0,x.A)(["\n margin-bottom: 2rem;\n"])))}}]); 2//# sourceMappingURL=24077.0de536e2.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.