https://www.livetheworld.com/_next/static/chunks/9051-6f3c47def60e7744.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9051],{25454:function(e,t,n){n.d(t,{B5:function(){return s},CA:function(){return p},HC:function(){return a},Sn:function(){return h},WL:function(){return o},aV:function(){return d},al:function(){return u},eC:function(){return c},hs:function(){return l}});var i=n(87379),r=n(86939);let o=i.ZP.div.withConfig({componentId:"sc-9d3d5894-0"})(["padding:5px;align-self:",";width:",";"],e=>{let{alignCenter:t}=e;return t?"center":"unset"},e=>{let{alignCenter:t}=e;return t?"100%":"unset"}),l=i.ZP.div.withConfig({componentId:"sc-9d3d5894-1"})(["display:flex;flex-direction:row;flex-wrap:nowrap;align-content:space-between;justify-content:space-between;align-items:center;border:1px solid #192f54;border-radius:30px;background-color:",";cursor:pointer;"],r.COLOR.PAPER_00),a=i.ZP.div.withConfig({componentId:"sc-9d3d5894-2"})(["width:100%;display:flex;justify-content:",";align-items:center;border-top:",";padding:",";font-family:",";font-weight:",";font-size:14px;line-height:0.9;text-transform:",";color:",";z-index:99;cursor:",";@media (min-width:","){font-size:16px;}"],e=>{let{buttons:t}=e;return t?"space-between":"flex-start"},e=>{let{noTopBorder:t}=e;return t?"unset":"1px solid #192f54"},e=>{let{padding:t,trip:n}=e;return t?"20px 25px":n?"10px 25px":"0"},r.g5.MULISH,e=>{let{description:t,title:n}=e;return t?"500":n?"700":"800"},e=>{let{description:t,title:n}=e;return t?"":n?"capitalise":"uppercase"},e=>{let{description:t,title:n}=e;return t||n?r.COLOR.MIDNIGHT_100:r.COLOR.SLATE_100},e=>{let{cursor:t}=e;return t?"pointer":"default"},r.dp.laptop),d=i.ZP.div.withConfig({componentId:"sc-9d3d5894-3"})(["max-height:",";overflow-y:",";margin-top:-18px;display:",";padding:",";border:1px solid #192f54;border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-top:none;background-color:",";overflow-y:overlay;overflow-x:hidden;"],e=>{let{$duplicateWalkingRoute:t}=e;return t?"250px":"unset"},e=>{let{$duplicateWalkingRoute:t}=e;return t?"overlay":"unset"},e=>{let{$isVisible:t}=e;return t?"block":"none"},e=>{let{smallerthanlaptop:t}=e;return t?"10px 10px 0":"25px 0px 0px"},r.COLOR.PAPER_00),s=i.ZP.div.withConfig({componentId:"sc-9d3d5894-4"})(["display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;justify-content:flex-start;align-items:center;"]),c=i.ZP.div.withConfig({componentId:"sc-9d3d5894-5"})(["margin:",";"],e=>{let{$marginTop:t}=e;return t?"15px 0 0":"0"}),u=i.ZP.div.withConfig({componentId:"sc-9d3d5894-6"})(["padding:15px 30px;@media (min-width:","){padding:25px 180px 45px;}"],r.dp.laptop),p=i.ZP.hr.withConfig({componentId:"sc-9d3d5894-7"})(["width:100%;margin:10px 0;opacity:0.5;"]),h=i.ZP.div.withConfig({componentId:"sc-9d3d5894-8"})(["padding:15px 0;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;"])},65485:function(e,t,n){n.d(t,{AB:function(){return s},fb:function(){return a},mo:function(){return d},nu:function(){return c}});var i=n(87379),r=n(86939),o=n(25675),l=n.n(o);let a=(0,i.ZP)(l()).withConfig({componentId:"sc-983fafa8-0"})(["z-index:99;border-radius:10px;background-color:",";"],r.COLOR.SLATE_50),d=i.ZP.div.withConfig({componentId:"sc-983fafa8-1"})(["position:relative;width:100%;height:200px;"]),s=i.ZP.div.withConfig({componentId:"sc-983fafa8-2"})(["display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;padding:15px 0 0;"]),c=i.ZP.div.withConfig({componentId:"sc-983fafa8-3"})(["margin:15px 0 0;"])},9051:function(e,t,n){var i=n(85893),r=n(67294),o=n(1852),l=n(47006),a=n(7863),d=n(58354),s=n(73460),c=n(48032),u=n(95778),p=n(65485),h=n(25454),m=n(50370),f=n(86939),x=n(64156),g=n(20101),w=n(36512);let _={top:"50%",left:"50%",margin:"0 auto"};t.Z=e=>{let{onClose:t,userTrips:n,routeId:v,duplicateWalkingRoute:y,createUserTrip:C,user:b,router:j,currentWalkingRoute:I,setDuplicateModalOpen:P,setRouteEditorMode:k,paramId:A,loading:S}=e,[R,Z]=(0,r.useState)("0px"),[E,T]=(0,r.useState)(!1),[$,L]=(0,r.useState)(null),[O,q]=(0,r.useState)(null),[B,G]=(0,r.useState)(null),[N,z]=(0,r.useState)(!1),[V,F]=(0,r.useState)(!1),[H,M]=(0,r.useState)(!1),W=n.filter(e=>{if("Favorites"!==e.title&&"Bucket List"!==e.title)return e}),D=e=>{W.length&&T(!E)},[Y,{height:K}]=(0,s.Z)({polyfill:d.do});(0,r.useEffect)(()=>(window.addEventListener("resize",Z(K)),window.removeEventListener("resize",Z(K))),[K,R]);let Q=(0,a.q_)({config:{friction:12},height:E?`${R}px`:"0px"}),U=(0,o.useMediaQuery)({query:`(max-width: ${f.dp.tablet})`}),X=(0,o.useMediaQuery)({query:`(max-width: ${f.dp.laptop})`}),J=async(e,t)=>{if(null===e||n.some(t=>t.title==e)){if(null===e&&$&&n.some(e=>e.title==$)){let e=n.filter(e=>e.title===$);e.length&&(await y({id:v,tripId:e[0]?.id,route_name:t}),M(!0),L(null))}}else await C({title:e,type:"custom",route_name:t,route_id:v,auth:!!b}),M(!0),q(null)};(0,r.useEffect)(()=>{(I?.id===A||!H||I?.public)&&(A||H||!I)||(k("edit"),j.push({pathname:`/routes/${I?.city?.province?.country?.slug}/${I?.city?.slug}/${I?.id}`,query:{mode:"edit"}}),P(!1))},[H,I]);let ee=e=>{L(e),T(!E)},et=(0,l.TA)({initialValues:{trip_name:"",route_name:""},onSubmit:e=>{J(e.trip_name.length?e.trip_name:null,e.route_name.length?e.route_name:null),G(e.route_name),q(e.trip_name)}

1,validate:e=>{let t={};return(e.trip_name||$)&&e.route_name?n&&n.some(t=>t.title==e.trip_name)&&(t.name="You already have used that name!"):t.name="Required!",t}});return(0,i.jsx)(c.Z,{position:_,modalInCenter:!0,onClose:()=>{t(),P(!1)},includeDimmedBackground:!0,withSubmit:!1,width:U?"90%":"30%",padding:"10px 30px 20px",dimmedBackgroundColor:"rgba(0, 0, 0, 0.5)",backgroundColor:"#F3F4F7",closeOnOutsideClick:!0,showCloseButton:!0,children:(0,i.jsxs)(p.AB,{children:[(0,i.jsx)(u.Dx,{$alignLeft:0,children:"Personalise route!"}),(0,i.jsxs)(u.l0,{$alignCenter:1,onSubmit:et.handleSubmit,children:[(0,i.jsx)(u.AZ,{htmlFor:"route_name",children:"Name your walking route \xa0"}),!$&&!et.values.trip_name&&!et.values.route_name&&et.errors.name&&(0,i.jsx)(u.Bc,{className:"error",children:et.errors.name}),(0,i.jsx)(x.S,{type:"text",placeholder:"",id:"route_name",name:"route_name",value:et.values.route_name,onChange:et.handleChange}),(0,i.jsx)(u.DK,{$marginTop:1,children:"Add to ..."}),(0,i.jsxs)(h.Sn,{children:[(0,i.jsx)(u.Av,{marginTop:1,onClick:()=>{F(!V),V?w.cp.emit({GA:!0},"GA4_routes_click",{type:"button",cta_text:"choose_trip",section:"map"}):w.cp.emit({GA:!0},"GA4_routes_click",{type:"button",cta_text:"existing_trip",section:"map"})},children:V?"CHOOSE TRIP":"EXISTING TRIP"}),(0,i.jsx)(g.Z,{isVisible:V,children:(0,i.jsxs)(h.WL,{alignCenter:1,children:[(0,i.jsx)(a.q.div,{onClick:()=>D(),children:(0,i.jsxs)(h.hs,{children:[(0,i.jsx)(h.B5,{children:(0,i.jsx)(h.HC,{title:$?1:0,trip:1,description:1,noTopBorder:!0,children:$||(W.length?(0,i.jsx)("i",{children:" Choose one"}):(0,i.jsx)("i",{children:" Create a trip first"}))})}),(0,i.jsx)(u.G$,{marginRight:!0,down:!E,children:"⌃"})]})}),(0,i.jsx)(a.q.div,{style:Q,children:(0,i.jsx)(h.aV,{smallerthanlaptop:X,ref:Y,$isVisible:E,$duplicateWalkingRoute:1,children:(0,i.jsx)(m.LY,{children:(0,i.jsx)(m.nq,{children:W.length&&W.map((e,t)=>(0,i.jsx)(h.HC,{onClick:()=>ee(e.title),description:1,padding:1,noTopBorder:1,cursor:1,children:e.title},t))})})})})]})}),(0,i.jsx)(h.CA,{}),(0,i.jsxs)(u.Av,{onClick:()=>{z(!N),N?w.cp.emit({GA:!0},"GA4_routes_click",{type:"button",cta_text:"create_new_trip",section:"map"}):w.cp.emit({GA:!0},"GA4_routes_click",{type:"button",cta_text:"new_trip",section:"map"})},children:[N?"CREATE NEW TRIP":"NEW TRIP"," "]}),(0,i.jsx)(u.Tf,{children:(0,i.jsxs)(g.Z,{isVisible:N,children:[(0,i.jsx)(u.AZ,{htmlFor:"trip_name",children:"Name your trip \xa0"}),!$&&et.errors.name&&(0,i.jsx)(u.Bc,{className:"error",children:et.errors.name}),(0,i.jsx)(x.S,{type:"text",placeholder:"",id:"trip_name",name:"trip_name",value:et.values.trip_name,onChange:et.handleChange})]})})]}),"You already have used that name!"===et.errors.name||"Required!"===et.errors.name&&!$||S?(0,i.jsx)(u.KM,{$alignRight:!0,type:"submit",disabled:!0,children:(0,i.jsx)(u.xv,{children:"Start Personalising!"})}):(0,i.jsx)(u.KM,{$buttonPadding:!0,$alignRight:!0,type:"submit",onClick:()=>w.cp.emit({GA:!0},"GA4_routes_click",{type:"start_personalising",section:"map"}),children:(0,i.jsx)(u.xv,{$labelname:0,children:"Start Personalising!"})})]})]})})}},20101:function(e,t,n){n.d(t,{Z:function(){return p}});var i=n(85893),r=n(67294),o=n(45697),l=n(7863);let a=n(87379).ZP.div.withConfig({componentId:"sc-c6c0cb74-0"})(["&:before,&:after{content:'';display:table;}"]),d={height:"auto",opacity:1,overflow:"visible"},s={opacity:0,height:0,overflow:"hidden"};function c(e){return e.current?e.current.getBoundingClientRect().height:0}let u=e=>{let{isVisible:t,children:n,forceSlideIn:o}=e,u=(0,r.useRef)(t&&!o),p=(0,r.useRef)(null),h=(0,r.useRef)(null);return(0,l.Yz)(t,{enter:()=>async(e,t)=>{let n=c(h);t(),await e({height:n,opacity:1,overflow:"hidden"}),await e(d)},leave:()=>async(e,t)=>{let n=c(p);t(),await e({height:n,overflow:"hidden"}),await e(s),u.current=!1},from:u.current?d:s,unique:!0}).map(e=>{let{item:t,props:r,key:o}=e;return t?(0,i.jsx)(l.q.div,{ref:p,style:r,children:(0,i.jsx)(a,{ref:h,children:n})},o):null})};u.defaultProps={forceSlideIn:!1},u.propTypes={isVisible:o.bool.isRequired,forceSlideIn:o.bool,children:o.node.isRequired};var p=u}}]);