https://join-the-crew.com/static/js/5296.87a40806.chunk.js

1"use strict";
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="725f1732-5487-50a8-94b1-a52069d1d38f")}catch(e){}}();
3(globalThis.webpackChunkreact_boilerplate=globalThis.webpackChunkreact_boilerplate||[]).push([[5296],{55296(e,t,s){s.r(t),s.d(t,{TeaserGridItemComponent:()=>w,default:()=>C});var i=s(15917),o=s(25553),n=s.n(o),r=s(16331),l=s(68488),a=s(93941),d=s(90393);class c extends i.Component{render(){const{title:e,subtitle:t,text:s}=this.props;return(0,d.jsx)("div",{className:"jtc-component-teaser-grid-item-description",children:(0,d.jsxs)("div",{className:"__inside",children:[(0,d.jsx)("span",{className:"subtitle",children:t}),(0,d.jsx)("h2",{className:"title",children:e}),(0,d.jsx)(a.Ay,{className:"area",universal:!0,autoHeight:!0,autoHeightMin:0,autoHeightMax:"100%",hideTracksWhenNotNeeded:!0,renderThumbVertical:e=>(0,d.jsx)("div",{...e,className:"scroll-dark"}),renderView:e=>(0,d.jsx)("div",{...e,className:"content",style:{maxHeight:"calc(100% + 15px)",overflowY:"scroll",marginBottom:"-15px",marginRight:"-15px"}}),children:(0,d.jsx)("p",{className:"description",dangerouslySetInnerHTML:{__html:s}})})]})})}}const h=(0,l.A)()(c);var m=s(46059),p=s(69598);class u extends i.Component{render(){const{title:e,text:t,secondText:s,thirdText:i,fourthText:o,buttonLabel:n}=this.props;return(0,d.jsxs)("div",{className:"teaser-grid-item-hover-details",children:[(0,d.jsx)("h3",{children:e}),t?(0,d.jsx)("p",{children:t}):null,s?(0,d.jsx)("p",{children:s}):null,i?(0,d.jsx)("p",{children:i}):null,o?(0,d.jsx)("p",{children:o}):null,n&&(0,d.jsx)(p.A,{label:n,color:"border"})]})}}const v=u;var x=s(28372),g=s(2570),b=s(58253),j=s(25861);var T=s(86477),y=s(99899),N=(s(93576),s(36127)),f=s(58766);s(98437);class w extends i.Component{constructor(){super(...arguments),this.state={hovered:!1}}setHoveredState(e){setTimeout(()=>{this.setState({hovered:e})},(0,T.Fr)()?500:0)}onLinkClick(e){const{href:t,hrefVendor:s,target:i,vendor:o,history:n,translate:r,isYachtsListView:l}=this.props,a=e.metaKey||e.ctrlKey,d=(0,j.A)(t,s);o&&o!==N.default.vendor?function(e,t,s,i){let o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];(0,g.to)(b.A,{title:i(e.toLowerCase()+"-modal-redirect-title"+(o?"-group-booking":"")),message:i(e.toLowerCase()+"-modal-redirect-message"+(o?"-group-booking":"")),isConfirmation:!0,onConfirm:()=>{const i=(0,j.A)(s,e);t?window.open(i,"_blank"):window.location.href=i}})}(o.toLowerCase(),a,t,r,l):"_top"===i?window.location=d:"_blank"===i?window.open(d,i):n.push(d)}render(){const{title:e,subtitle:t,subtitleHeaderType:s,customSubtitle:i,secondSubtitle:o,tags:l,clusters:a,forceClusters:c,href:p,target:u,backgroundImage:g,text:b,showTripDetailsOnHover:j,withSmallerText:T,additionalInfo:y,isTripsListItem:f,showDetailsOnHover:w,hoverTitle:C,hoverText:I,hoverSecondText:k,hoverThirdText:A,hoverFourthText:S,buttonLabel:H,showToTripButton:L,toTripButtonSize:V,useHlFont:_,videoFile:O,videoAdopted:P,removeOverlayWhenVideoIsPlaying:B,maskOpacity:M,vendor:E}=this.props,{hovered:G}=this.state,F=!!(e||t||l),W=n()({"jtc-component-teaser-grid-item-component__elements-wrapper":!0,"hover-able":b&&b.length>0||j}),z=n()({"jtc-component-teaser-grid-item-component":!0,"is-trips-list-item":j&&f,"with-smaller-text":j&&T,"use-hl-font":_,hovered:G});return(0,d.jsx)("div",{className:z,onMouseOver:()=>{this.setHoveredState(!0)},onMouseOut:()=>{this.setHoveredState(!1)},children:(0,d.jsx)("div",{className:W,children:(0,d.jsxs)(x.A,{to:p,target:u,onClick:e=>{!f&&!w||G?this.onLinkClick(e):(e.preventDefault(),e.stopPropagation())},shouldBeIgnored:E!==N.default.vendor,children:[(0,d.jsx)(r.h,{title:e,subtitle:t,customSubtitle:i,secondSubtitle:o,subtitleHeaderType:s,tags:l,clusters:a,forceClusters:c,backgroundImage:g,shouldApplyMask:F,hovered:G,showToTripButton:L,toTripButtonSize:V,videoFile:O,videoAdopted:P,removeOverlayWhenVideoIsPlaying:B,maskOpacity:M,buttonLabel:H}),w?(0,d.jsx)(v,{text:I,secondText:k,thirdText:A,fourthText:S,title:C,buttonLabel:H}

3):null,j?(0,d.jsx)(m.A,{title:e,subtitle:t,additionalInfo:y,tags:l,clusters:a,href:p,vendor:E}):(0,d.jsx)(h,{title:e,subtitle:t,text:b})]})})})}}w.originalName="TeaserGridItemComponent",w.defaultProps={isTripsListItem:!1,withSmallerText:!1,toTripButtonSize:"toTripButton",useHlFont:!1,removeOverlayWhenVideoIsPlaying:!0,maskOpacity:1};const C=(0,f.y)((0,l.A)()((0,y.A)(w,"cms/GridComponent")))},16331(e,t,s){s.d(t,{h:()=>g});var i=s(15917),o=s(25553),n=s.n(o),r=s(75646),l=s(37975),a=s(97700),d=s(69598),c=s(99899),h=s(68488),m=(s(93576),s(46517)),p=s(86477),u=s(71198),v=(s(98437),s(90393));class x extends i.Component{constructor(e){super(e),this.state={videoPlaying:!1},this.playVideo=this.playVideo.bind(this)}onVideoStart(){this.setState({videoPlaying:!0})}componentDidMount(){this.videoElement&&(this.playVideo(),this.onVideoStart(),this.playVideoInterval=setInterval(()=>{this.playVideo()},5e3))}componentWillUnmount(){clearInterval(this.playVideoInterval)}playVideo(){this.videoElement&&!this.videoElement.playing&&this.videoElement.play&&this.videoElement.play().catch(()=>{})}getToTripButton(){return null}videoExists(){const{videoFile:e,videoAdopted:t}=this.props;return!!e||!!t&&!(0,r.isEmpty)(t)&&(0,r.some)(Object.values(t),e=>!!e)}getVideoSource(){const{videoFile:e,videoAdopted:t}=this.props;return t?(0,p.xM)(t,null,(0,m.Bd)()):e}getSubtitle(){const{subtitle:e,customSubtitle:t}=this.props;let s=t||e;return(0,u.A)(s)}render(){let{title:e,subtitleHeaderType:t,tags:s,clusters:i,forceClusters:o,backgroundImage:r,secondSubtitle:c,shouldApplyMask:h,hovered:p,buttonLabel:u,showToTripButton:x,removeOverlayWhenVideoIsPlaying:g,maskOpacity:b}=this.props;const{videoPlaying:j}=this.state;g&&(h=h&&!j);const T=n()({"jtc-component-teaser-grid-item-presentation":!0,hovered:p}),y=n()({__inside:!0,"with-mask":h}),N=t;return-1!==e.indexOf("&")&&(e=e.replace("& ","& ")),(0,v.jsxs)(l.Ay.div,{className:T,src:r,ref:e=>this.presentationElement=e,children:[(0,m.Bd)()&&this.videoExists()?(0,v.jsx)("video",{ref:e=>this.videoElement=e,src:this.getVideoSource(),autoPlay:"true",muted:"true",loop:"true",playsInl

3ine:"true",preload:"auto"}):null,(0,v.jsxs)("div",{className:y,children:[h?(0,v.jsx)("div",{className:"mask",style:{opacity:b}}):null,(0,v.jsxs)("div",{className:"tags-wrapper",children:[o&&i&&i.map((e,t)=>(0,v.jsx)(a.A,{text:e.name,color:e.color,showHashtag:!1},t)),!o&&s&&s.map((e,t)=>(0,v.jsx)(a.A,{...e},t))]}),(0,v.jsx)("span",{className:"heading-title",children:(0,v.jsx)("span",{dangerouslySetInnerHTML:{__html:e}})}),(0,v.jsx)(N,{className:"subtitle",dangerouslySetInnerHTML:{__html:this.getSubtitle()}}),c&&(0,v.jsx)("span",{className:"subtitle",children:c}),u?(0,v.jsx)(d.A,{className:"button",color:"border",size:"medium",label:u}):null,x?this.getToTripButton():null]})]})}}x.originalName="TeaserGridItemPresentation",x.defaultProps={subtitleHeaderType:"h2"};const g=(0,h.A)()((0,c.A)(x,"cms/GridComponent/TeaserGridItemComponent"))},97700(e,t,s){s.d(t,{A:()=>a});var i=s(15917),o=s(25553),n=s.n(o),r=s(90393);class l extends i.Component{render(){const{color:e,textColor:t,text:s,showHashtag:i,small:o,className:l,omitInlineColors:a}=this.props,d=n()("jtc-component-teaser-grid-item-tag",o&&"small-tag",l),c=a?void 0:{background:e,color:t};return(0,r.jsxs)("div",{className:d,style:c,children:[i&&"#",s]})}}l.defaultProps={color:"transparent",textColor:"white",showHashtag:!1,small:!1,omitInlineColors:!1};const a=l},46059(e,t,s){s.d(t,{A:()=>h});var i=s(15917),o=s(99899),n=s(68488),r=s(69598),l=s(36127),a=s(82886),d=s(90393);class c extends i.Component{render(){var e,t;const{title:s,subtitle:i,additionalInfo:o,tags:n,clusters:c,translate:h,vendor:m}=this.props;return(0,d.jsxs)("div",{className:"teaser-grid-item-trip-description",children:[c&&c.length?(0,d.jsx)("div",{className:"cluster",style:{background:null===(e=c[0])||void 0===e?void 0:e.color},children:null===(t=c[0])||void 0===t?void 0:t.name}):null,(0,d.jsx)("div",{className:"subtitle",children:i}),(0,d.jsx)("div",{className:"title",children:s}),o&&o.length?(0,d.jsxs)("div",{className:"additional-items",children:[o.map((e,t)=>(0,d.jsxs)("div",{className:"item",children:[(0,d.jsx)("div",{className:"text",children:(0,d.jsx)("span",{dangerouslySetInnerHTML:{__html:e.name}})}),(0,d.jsx)("div",{className:"icon",children:(0,d.jsx)("i",{className:e.icon})})]},t)),l.default.vendor!==a.GO.HL&&m!==l.default.vendor?(0,d.jsxs)("div",{className:"item",children:[(0,d.jsx)("div",{className:"text",children:(0,d.jsx)("span",{children:"Join the Crew"})}),(0,d.jsx)("div",{className:"icon",children:(0,d.jsx)("i",{className:"fas fa-flag"})})]}):null]}):null,n?(0,d.jsx)("div",{className:"tags",children:n.map((e,t)=>(0,d.jsxs)("div",{className:"tag",children:["#",e.text]},t))}):null,(0,d.jsx)(r.A,{className:"trip-description-button",label:h("To trip"),color:"special",size:"midsmallWide"})]})}}c.originalName="TeaserGridItemTripDescription",c.defaultProps={withoutLink:!1};const h=(0,n.A)()((0,o.A)(c,"cms/GridComponent/TeaserGridItemComponent"))},93576(e,t,s){var i=s(88087),o=s.n(i);o().string,o().string,o().string,o().string,o().string,o().string,o().string,o().object,o().bool,o().bool,o().bool,o().number,o().number},71198(e,t,s){function i(e){return`<span>${e=e.replace(/\xdf/gim,"<span class='force-no-uppercase'>\xdf</span>")}</span>`}s.d(t,{A:()=>i})}}]);
4//# sourceMappingURL=5296.87a40806.chunk.js.map
5//# debugId=725f1732-5487-50a8-94b1-a52069d1d38f