https://explore.osmaps.com/_next/static/chunks/6776.bf9f6c52c4a477cee1aa.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6776],{16776:function(t,e,i){i.r(e),i.d(e,{default:function(){return nt}});var n,o=i(72779),a=i.n(o),s=i(2784),c=i(55837),r=i(48920),l=i(42485),d=i(30561),u=i(51778),p=i(61278),v=i(82255),f=i(93607),m=i(63254),x=i(1618),w=i(54741),b=i(84997),y=i(10531),g=i(77460),h=i(34166),j=i(9699),E=i(87412),k=i(18744),C=i(64165),_=i(34236),A=i(87884),I=i(16906),L=i(33831),T=i(10433),D=i(59635);!function(t){t.title="title",t.description="description"}(n||(n={}));var M,W=i(26772),P=function(){return{margin:W.cv.a10,".buttons":{margin:"".concat(W.cv.a20,"px 0"),display:"flex",justifyContent:"space-between","&__single":{width:105}},".error-message":{display:"none"}}},N=i(28165),S=(0,j.Ry)().shape((M={},(0,g.Z)(M,n.title,T.WZ),(0,g.Z)(M,n.description,T.i3),M)),$=(0,_.fK)(),O=(0,I.ME)(),Z=(0,I.As)(),R=function(t){var e=t.onCancel,i=t.tooltipData,o=(0,L.$)(),a=(0,w.y)(P),r=(0,c.I0)(),l=(0,u.k)().logAmplitudeEvent,p=(0,c.v9)(O),v=(0,c.v9)(Z),m=(0,c.v9)($),x=(0,s.useMemo)((function(){var t;return t={},(0,g.Z)(t,n.title,i.name||""),(0,g.Z)(t,n.description,i.description||""),t}),[i]),b=(0,s.useCallback)((function(t){var n=t.title,o=t.description;p&&v&&(r(A.c.setDrawnPoint({position:[v.coordinates.lon,v.coordinates.lat],name:n,description:o})),r(f.G.savePoiAsWaypoint(!1)),r(f.G.clearActivePoi())),!p&&i.drawListElementId&&m&&(r(A.c.setWaypointTitleAndDescription({drawListElementId:i.drawListElementId,name:n,description:o})),e()),l(d.F6,{waypoint_name_change:n!==(i.name||""),waypoint_description_change:o!==(i.description||"")})}),[i,m,p,v,l,e,r]),y=(0,s.useCallback)((function(){l(d.sb,{dismiss_method:"cancel"}),e()}),[l,e]);return(0,N.jsx)("div",{css:a},(0,N.jsx)(h.J9,{initialValues:x,onSubmit:b,validationSchema:S,enableReinitialize:!0},(function(t){var e=t.isValid,i=t.submitForm;return(0,N.jsx)(s.Fragment,null,(0,N.jsx)(k._,{name:n.title,label:o("tooltip.waypoint.titleLabel"),placeholder:o("tooltip.waypoint.titlePlaceholder"),characterslimit:50}),(0,N.jsx)(C.E,{name:n.description,label:o("tooltip.waypoint.descriptionLabel"),placeholder:o("tooltip.waypoint.descriptionPlaceholder"),rows:4,characterslimit:1e3,labeltype:E.J.light}),(0,N.jsx)("div",{className:"buttons"},(0,N.jsx)(D.z,{className:"buttons__single",text:o("button.cancel"),onClick:y,secondary:!0}),(0,N.jsx)(D.z,{className:"buttons__single",text:o("button.save"),onClick:i,disabled:!e})))})))},G=function(t){return{width:240,height:"100%",".description":{borderBottom:"1px solid ".concat(t.grey.a100),borderTop:"1px solid  ".concat(t.grey.a100),padding:"".concat(W.cv.a9,"px 0 ").concat(W.cv.a9,"px ").concat(W.cv.a5,"px"),textAlign:"center","&-wrapper":{maxHeight:200,padding:"0 ".concat(W.cv.a15,"px ").concat(W.cv.a10,"px"),overflowWrap:"break-word",whiteSpace:"pre-wrap",textAlign:"left"}},".actions-row":{display:"flex",justifyContent:"space-around",margin:W.cv.a10}}},z=function(t){var e=t.goToInfoTooltip,i=t.tooltipData,n=(0,w.y)(G);return(0,N.jsx)("div",{css:n},(0,N.jsx)(R,{onCancel:e,tooltipData:i}))},F=i(94189),V=i(44082),H=function(t){var e=t.goToEditTooltip,i=t.tooltipData,n=(0,L.$)(),o=(0,c.I0)(),a=(0,u.k)().logAmplitudeEvent,r=(0,w.y)(G),l=(0,s.useCallback)((function(){a(d.Nv),o(v.w.setIsUndoAction(!1)),o(A.c.deletePointOnLine({drawListElementId:i.drawListElementId})),o(v.w.hideWaypointTooltip()),o(x.t.clearSelectedWaypoints())}),[i,a,o]);return(0,N.jsx)("div",{css:r},(0,N.jsx)("div",{className:"description"},(0,N.jsx)(F.L,null,(0,N.jsx)("div",{className:"description-wrapper"},i.description||n("tooltip.waypoint.description")))),(0,N.jsx)("div",{className:"actions-row"},(0,N.jsx)(V.Q,{text:n("tooltip.waypoint.remove"),onClick:l}),(0,N.jsx)(V.Q,{text:n("tooltip.waypoint.edit"),onClick:e})))},J=i(17138),Q=i(30517),B=i(57056),K=(0,p.$5)(),U=(0,p.p$)(),Y=(0,I.ME)(),q=(0,I.As)(),X=function(){return{"&.hidden":{display:"none"}}},tt=(0,p.p$)(),et=(0,p.$5)(),it=(0,m.ko)(),nt=function(){var t=(0,s.useRef)(null),e=(0,s.useRef)(null),i=(0,w.y)(X),n=(0,c.I0)(),o=(0,u.k)().logAmplitudeEvent,p=(0,c.v9)(tt),m=(0,c.v9)(et),g=(0,c.v9)(it),h=(0,s.use

1State)(!1),j=h[0],E=h[1],k=(0,l.useMapbox)().map,C=function(t){var e=t.ref,i=(0,s.useRef)(null),n=(0,l.useMapbox)().map,o=(0,c.v9)(K),a=(0,c.v9)(U),r=(0,c.v9)(Y),d=(0,c.v9)(q),u=(0,c.v9)((0,_.n$)(o));return(0,s.useEffect)((function(){var t,o,a=e.current,s=r?[d.coordinates.lon,d.coordinates.lat]:null===u||void 0===u?void 0:u.data.position;if(!n||!s)return null===(o=i.current)||void 0===o||o.remove(),void(i.current=null);var c=(0,J.Z)(s,2),l=c[0],p=c[1],v=null!==(t=i.current)&&void 0!==t?t:new Q.Popup({closeOnClick:!1,closeOnMove:!1,offset:{bottom:[0,-W.cv.a15],top:[0,W.cv.a15],left:[W.cv.a20,0],right:[-W.cv.a20,0],"bottom-right":[0,-W.cv.a15],"bottom-left":[0,-W.cv.a15]}}).setDOMContent(a);return i.current=v,v.setLngLat([l,p]).setDOMContent(a).addTo(n),function(){var t;null===(t=i.current)||void 0===t||t.remove(),i.current=null}}),[a,n,u,r]),{tooltipData:(0,s.useMemo)((function(){if(r)return{drawListElementId:void 0,name:d.name,description:d.description,coordinates:[d.coordinates.lon,d.coordinates.lat]};if(!u)return{drawListElementId:void 0,name:void 0,description:void 0,coordinates:void 0};var t=u.data,e=t.position,i=t.waypoint;return{drawListElementId:u.listData.id,coordinates:e,name:(null===i||void 0===i?void 0:i.name)||(0,B.Mh)(e),description:null===i||void 0===i?void 0:i.description}}),[u,r,d]),isSavingPoiAsWaypoint:r}}({ref:t}),A=C.tooltipData,I=C.isSavingPoiAsWaypoint,L=(0,b.H)().isMobile,T=(0,s.useMemo)((function(){return a()({hidden:!p})}),[p]),D=(0,s.useCallback)((function(){E(!0),o(d.Vi),L&&k.easeTo({center:g.find((function(t){return t.id===m})).coordinates,padding:y.fs,retainPadding:!1})}),[k,L,g,m,o]),M=(0,s.useCallback)((function(){I&&n(f.G.savePoiAsWaypoint(!1)),E(!1)}),[I,n]),P=(0,s.useMemo)((function(){return j?void 0:A.name}),[j,A]),S=(0,s.useCallback)((function(){j&&(e.current=!0),n(x.t.unselectWaypoint({id:m})),n(v.w.hideWaypointTooltip()),n(f.G.savePoiAsWaypoint(!1))}),[m,j,o]);return(0,s.useEffect)((function(){E(!1)}),[A]),(0,s.useEffect)((function(){p?o(d.Ym):j&&(o(d.sb,{dismiss_method:e.current?"x_button":"click_away"}),e.current=null)}),[p,o,m]),(0,s.useEffect)((function(){I&&E(!0)}),[I]),(0,N.jsx)("div",{css:i,className:T},(0,N.jsx)(r.O,{ref:t,title:P,onClose:S,isWide:!0},j?(0,N.jsx)(z,{goToInfoTooltip:M,tooltipData:A}):(0,N.jsx)(H,{goToEditTooltip:D,tooltipData:A})))}}}]);