https://property.ca/dist/MapFloatingBarTop.js?v=ed3e979fc87a

1"use strict";(self.webpackChunkRealtyCoreApp=self.webpackChunkRealtyCoreApp||[]).push([[19721,40260],{679:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var o=n(96540),a=n(27768),i=n(25334),r=n(39655),l=n(26872),s=n(882),c=n(47752),d=n(80156);const p=(0,s.default)(a.A).withConfig({displayName:"styles___Root",componentId:"sc-6o6tx5-0"})(["position:absolute;top:calc("," + 60px);width:100%;border-top:1px solid ",";border-bottom:1px solid ",";height:48px;background:white;z-index:1000;> span,> div{flex:1;height:100%;border-right:1px solid ",";position:relative;&:first-child{border-right:none;}}@media screen and (max-width:","){top:",";}"],c.uF,d.VIG,d.VIG,d.VIG,c.zq,(function(e){let{withEditBar:t}=e;return t?`\n      calc(${c.uF} + ${c.VO})\n      `:c.uF})),u=(0,s.default)(a.A).withConfig({displayName:"styles___MapDrawContainer",componentId:"sc-6o6tx5-1"})(["> div{border-right:1px solid ",";}"],d.VIG),h=function(e){let{onListClick:t,googleAnalyticsEvent:n,clearSelectedMarker:s,alertId:c}=e;return(0,l.A)(!0),o.createElement(p,{withEditBar:c},o.createElement(u,{justify:"center",align:"center",onClick:function(){n({category:"search",action:"[Draw Click]"})}},o.createElement(r.A,{belongsToMap:!1})),o.createElement(a.A,{justify:"center",align:"center",onClick:function(){n({category:"search",action:"[Near Me Click]"})}},o.createElement(i.A,{floatingBarStyle:!0})),o.createElement(a.A,{justify:"center",align:"center",onClick:function(){n({category:"search",action:"[List Click]"}),s(),t()}},o.createElement("span",null,"List")))}},20734:(e,t,n)=>{n.d(t,{DR:()=>f,L3:()=>u,MR:()=>c,Qs:()=>d,Y1:()=>p,Z0:()=>h,u0:()=>m,vY:()=>g});var o=n(882),a=n(47752),i=n(80156),r=n(27768),l=n(69352);const s=(0,o.css)(["width:44px;height:44px;box-shadow:0px 2px 6px rgba(0,0,0,0.25);background:white;border-radius:10px;span{font-size:10px;}cursor:pointer;@media (hover:hover){&:hover{box-shadow:0 8px 5px rgba(0,0,0,0.15);}}&:active{background:",";color:",";box-shadow:0 2px 2px rgba(0,0,0,0.15);}",";"],i.f46,i.Ulj,(function(e){let{isSelected:t}=e;return t&&`\n    background: ${i.kb7};\n    color: white;\n    span {\n      color: white;\n    }\n    path {\n      stroke: white;\n      fill: transparent;\n  }\n  `})),c=o.default.div.withConfig({displayName:"styles___SearchMap",componentId:"sc-ebjn88-0"})(["width:100%;height:100%;position:relative;.mapboxgl-popup{z-index:1;}@media screen and (max-width:",") and(orientation:landscape){height:calc(100vh - 60px - 54px);}"],a.zq),d=(0,o.default)(r.A).withConfig({displayName:"styles___Loading",componentId:"sc-ebjn88-1"})(["width:100%;height:100%;opacity:0.4;position:absolute;top:0;z-index:1000;background:white;"]),p=(0,o.default)(l.A).withConfig({displayName:"styles___MobileUserPanningLoading",componentId:"sc-ebjn88-2"})(["position:absolute;z-index:1000;pointer-events:none;"," > div{background:rgba(255,255,255,0.9);}"],(function(e){let{schoolPopupMinimized:t}=e;return t?"":"\n    top: -160px;\n  "})),u=o.default.div.withConfig({displayName:"styles___SchoolFilters",componentId:"sc-ebjn88-3"})(["position:absolute;top:16px;left:16px;z-index:1001;@media screen and (max-width:","){left:initial;top:initial;bottom:calc(26px + 44px + 12px + 44px + 12px);right:16px;}"],a.Ff),h=(0,o.css)(["&&{display:block;padding:0;width:44px;height:44px;box-shadow:0px 2px 6px rgba(0,0,0,0.25);border:1px solid white;border-radius:10px;span{display:block;font-size:10px;}svg{width:15px !important;height:15px !important;margin-right:0;}}"]),g=o.default.div.withConfig({displayName:"styles___MobileSchoolFilterIcon",componentId:"sc-ebjn88-4"})(["display:flex;padding:0;width:44px;height:44px;box-shadow:0px 2px 6px rgba(0,0,0,0.25);border:1px solid ",";border-radius:10px;background:",";justify-content:center;align-items:center;flex-direction:column;svg path{fill:white;}span{color:white;font-size:10px;}",";@media screen and (min-width:","){display:none;}"],i.q8H,i.q8H,(function(e){let{schoolEnabled:t}=e;return t&&`\n    svg {\n      path {\n        fill: white;\n      }\n      background: ${i.kb7};\n    }\n    background: ${i.kb7};\n    span{\n      color: white;\n    }\n    border: 1px solid ${i.kb7};\n  `}),a.Ff),m=o.default.div.withConfig({displayName:"styles___ResetClearMapBtnsContainer",componentId:"sc-ebjn88-5"})(["position:absolute;bottom:45px;display:flex;flex-direction:row;justify-content:center;width:100%;gap:10px;@media screen and (max-width:","){width:fit-content;bottom:190px;right:16px;left:auto;}"],a.Ff),f=o.default.div.withConfig({displayName:"styles___NeighbourhoodBtn",componentId:"sc-ebjn88-6"})(["position:absolute;right:12px;bottom:236px;

1display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;path{stroke:",";fill:transparent;}",";@media screen and (max-width:","){display:none;}"],i.Ulj,s,a.Ff)},25334:(e,t,n)=>{n.d(t,{A:()=>k});var o=n(61225),a=n(1195),i=n(87756),r=n(96540),l=n(26282),s=n(32703),c=n(40260),d=n(10378),p=n(35831),u=n(57733),h=n(882),g=n(20734),m=n(47752),f=n(80156);const x=(0,h.keyframes)(["to{transform:rotate(1turn);}"]),b=h.default.button.withConfig({displayName:"styles___GpsActive",componentId:"sc-6q7u04-0"})(["border:none;svg{animation:",";fill:","!important;}",";margin-bottom:18px;@media screen and (max-width:","){",";margin-bottom:unset;}"],(function(e){let{active:t}=e;return t?(0,h.css)([""," 1s infinite linear"],x):"none"}),(function(e){let{active:t}=e;return t?f.lLt:"inherit"}),g.Z0,m.Ff,g.Z0);var w=n(76955);const y=function(e){let{mapControlStyle:t,googleAnalyticsEvent:n,setUserLocationState:o,mapRef:a}=e;const{isWaitingForLocation:i,setFetching:h,getUserLatLng:g}=(0,c.k)({onSuccess:function(e){if(e){const t=[e.longitude,e.latitude];o({center:t,zoom:l.ub}),function(e){let{center:t}=e;if(!t)return null;(0,p.n8)({polygon:[],intersection:[],user_location:[t],filterByViewPort:[!0],map_bounds:(0,u.ES)({center:t,zoom:l.ub,mapWidth:a.getMap()._containerWidth,mapHeight:a.getMap()._containerHeight})})}({center:t})}},onFail:function(){d.oR.error("Location service is not available.")}}),m=i?function(){(0,p.n8)({polygon:[],map_bounds:[]}),h(!1)}:function(){h(!0),g&&g(),n({category:"search",action:["Near me click"]})};return t?r.createElement(b,{"aria-label":"search near me",onClick:m,active:i},r.createElement(w.A,{name:"#icon-area-border",width:20,height:20}),r.createElement("span",null,"Nearby")):r.createElement(s.A,{medium:!0,onClick:m},i?"reset":"near me")},_={setZoom:a.Qp,setUserLocationState:a.sH,setMapBoundZoom:a.qx,googleAnalyticsEvent:i.K},k=(0,o.Ng)(null,_)(y)},39655:(e,t,n)=>{n.d(t,{A:()=>D});var o=n(61225),a=n(1195),i=n(2534),r=n(87756),l=n(96540),s=n(26282),c=n(35831),d=n(53185),p=n(69136),u=n(882),h=n(47752),g=n(27768),m=n(32703),f=n(76955),x=n(20734),b=n(80156);const w=(0,u.default)(m.A).withConfig({displayName:"styles___Container",componentId:"sc-e3z4ed-0"})(["position:absolute;padding:12px 0;background:#fff;border:none;display:flex;top:0;justify-content:center;align-items:center;height:100%;width:100%;&:hover{cursor:pointer;}"," svg{display:inline;line,circle{stroke:black;}}@media (hover:hover){&:hover{box-shadow:0 8px 5px rgba(0,0,0,0.15);}}&:active{background:",";color:",";box-shadow:0 2px 2px rgba(0,0,0,0.15);}"],x.Z0,b.f46,b.Ulj),y=function(e){let{updateMode:t,clearSelectedMarker:n,className:o,googleAnalyticsEvent:a}=e;return l.createElement(w,{"aria-label":"Draw button",secondary:!0,tabIndex:"0",onClick:function(e){e.stopPropagation(),n(),a({category:"search",action:["Draw button click"]}),t(s._4.DRAW_POLYGON)},className:o},l.createElement(f.A,{name:"#icon-draw",width:20,height:20}),l.createElement("span",null,"Draw"))},_=(0,u.default)(y).attrs({className:"drawMap"}).withConfig({displayName:"styles___MapDraw",componentId:"sc-zngwpc-0"})(["position:absolute;height:44px;box-shadow:0 4px 5px rgba(0,0,0,0.15);z-index:1001;width:auto;right:12px;top:initial;bottom:calc(36px + 74px + 62px + 12px);@media screen and (max-width:","){width:auto;right:16px;top:initial;bottom:calc(26px + 44px + 12px);}"],h.Ff),k=(0,u.default)(g.A).withConfig({displayName:"styles___TopDrawMessageBar",componentId:"sc-zngwpc-1"})(["position:absolute;z-index:2004;top:0;min-height:92px;background:rgba(38,50,56,1);width:100%;padding:32px 22px 24px;align-items:center;div,button{color:white;}button{margin-top:12px;height:44px;}@media screen and (max-width:","){flex-direction:column;min-height:50px;padding:24px 20px 22px;> div,button{font-size:14px;line-height:22px;}button{margin-top:0;}}",";"],h.Ff,(function(e){let{hideMessageBar:t}=e;return t&&"display: none"})),v=(0,u.default)(m.A).withConfig({displayName:"styles___DeleteBtn",componentId:"sc-zngwpc-2"})(["border:1px solid white;border-radius:10px;"]),E=(0,u.default)(m.A).withConfig({displayName:"styles___AddShapeBtn",componentId:"sc-zngwpc-3"})(["border:1px solid white;border-radius:10px;display:",";justify-content:center;align-items:center;@media screen and (max-width:","){border:none;margin-top:24px !important;height:22px !important;display:",";text-decoration:underline;}"],(function(e){let{desktop:t}=e;return t?"flex":"none"}),h.Ff,(function(e){let{desktop:t}=e;return t?"none":"flex"})),C=(0,u.css)(["@media screen and (max-width:","){width:auto}"],h.Ff),A=(0,u.default)(m.A).withConfig({displayName:"styles___CancelBtn",componentId:"sc-zngwpc-4"})(["",""],(function(e){let{forCancel:t}=e;return t&&C})),M=(0,u.default)(g.A).withConfig({displayName:"styles___BtnGroup",componentId:"sc-zngwpc-5"})(["margin-top:12px;button{margin:0 12px;width:140px;}@media screen and (max-width:","){width:100%;margin-top:0;button{width:100%;}}"],h.Ff),N=u.default.div.withConfig({displayName:"styles___EditMessage",componentId:"sc-zngwpc-6"})(["line-height:22px;text-align:center;@media screen and (max-width:","){margin-top:24px;margin-bottom:12px;}"],h.Ff),I={[s._4.EDITING]:{message:"Modify, add, or delete area shapes.",label:"Apply"},[s._4.READ_ONLY]:{message:"Modify, add, or delete area shapes.",label:"Apply"},[s._4.DRAW_POLYGON]:{message:"Draw one or more shapes around areas you’d like to view.",label:"Apply"}},S=(0,d.A)((function(e){let{drawEditorState:t,updateDrawEditorState:n,googleAnalyticsEvent:o,clearSelectedMarker:a,mobileType:i,mapBounds:r,lastSearchObj:d}=e;const[u,h]=(0,l.useState)(!1),g=d?.area_shape,m=t.selectedMode;(0,l.useEffect)((function(){t.selectedMode!==s._4.DRAW_POLYGON&&t.selectedMode!==s._4.EDITING||h(!0)}),[t.selectedMode]);const f=(0,l.useCallback)((function(e){n({features:[],selectedMode:e})}),[t]),x=(0,l.useCallback)((function(){(0,c.n8)({polygon:[],area_shape:[],filterByViewPort:[!0],map_bounds:[r]}

1),n({features:[],selectedMode:s._4.DELETE,selectedFeatureIndex:null}),h(!1)}),[r]);return u&&m!==s._4.DELETE?function(){const e=g||m!==s._4.READ_ONLY?I[m]:I.draw_polygon;if(!e)return null;const{label:o,message:a}=e,r="Cancel"===o,c=g;return l.createElement(k,{center:!0,direction:"col",hideMessageBar:i&&r},l.createElement(N,{editMessage:!r},a),l.createElement(M,null,l.createElement(v,{small:!0,onClick:x},c?"Delete All":"Cancel"),(g||!(0,p.pe)(t.features))&&l.createElement(E,{desktop:!0,small:!0,onClick:function(){return f(s._4.DRAW_POLYGON)}}," Add another shape"),l.createElement(A,{small:!0,primary:!r,forCancel:r,onClick:function(){n({applyChanges:!0}),h(!1)},textClickableBtn:r},o)),(g||!(0,p.pe)(t.features))&&l.createElement(E,{onClick:function(){return f(s._4.DRAW_POLYGON)}}," + Add another shape"))}():l.createElement(_,{googleAnalyticsEvent:o,selectedMode:m,updateMode:f,clearSelectedMarker:a})})),L={updateDrawEditorState:a.u2,setShowDrawTool:i.an,googleAnalyticsEvent:r.K,clearSelectedMarker:a.hE},D=(0,o.Ng)((function(e){return{drawEditorState:e.searchMap.drawEditorState,showDrawTool:e.searchPage.showDrawTool,lastSearchObj:e.location.lastSearchObj,mapBounds:e.searchMap.mapBounds,isMobile:e.app.isMobile}}),L)(S)},40260:(e,t,n)=>{n.d(t,{A:()=>s,k:()=>l});var o=n(96540),a=n(20181),i=n.n(a);const r=function(e,t){return i()((function(){const n={enableHighAccuracy:!1,maximumAge:100,timeout:6e4};navigator&&navigator.geolocation?navigator.geolocation.getCurrentPosition((function(t){const n=t.coords;n&&e&&e(n)}),(function(){t&&t()}),n):t&&t()}),100)},l=function(e){let{onFail:t,onSuccess:n}=e;

1const[a,i]=(0,o.useState)(!1),l=(0,o.useCallback)(r((function(e){i(!1),n(e)}),(function(){i(!1),t&&t()})),[]);return{isWaitingForLocation:a,setFetching:i,getUserLatLng:l}},s=function(e){let{onSuccess:t,onFail:n,render:a}=e;const[i,l]=(0,o.useState)(!1);return o.createElement(o.Fragment,null,a({isFetching:i,setFetching:l,getUserLatLng:r((function(e){l(!1),t(e)}),(function(){l(!1),n&&n()}))}))}},69352:(e,t,n)=>{n.d(t,{A:()=>s});var o=n(96540),a=n(79130),i=n(882),r=n(27768);const l=(0,i.default)(r.A).withConfig({displayName:"styles___MapLoadingIndicator",componentId:"sc-1n3bhpy-0"})(["width:100%;height:100%;> div{background:white;width:auto;padding:12px 24px;background:rgba(255,255,255,.9);}"]),s=function(e){let{className:t,style:n}=e;return o.createElement(l,{center:!0,className:t,style:n},o.createElement("div",null,o.createElement(a.A,null)))}}}]);
2//# sourceMappingURL=MapFloatingBarTop.js.map?v=ed3e979fc87a