https://plus.rtl.de/8436-baf0947d7d8a5679.bundle.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[8436],{43175(e,t,n){var o=n(93743);n.d(t,["B",0,({height:e,width:t,viewBox:n,fill:r,children:i,className:a,unit:l="em"})=>(0,o.o)("svg",{className:a,xmlns:"http://www.w3.org/2000/svg",style:{height:"em"===l?e/10+"em":e,width:"em"===l?t/10+"em":t},viewBox:n,fill:r,children:i})])},99730(e,t,n){var o=n(93743);n.d(t,["I",0,({position:e,show:t,children:n,defaultPosition:r,animateTop:i})=>{const a=e&&r?e.width/r.width:1,l=((e={enabled:!0,block:"none"})=>{const t=(0,o._)(null);return(0,o.p)(()=>{if(!e.enabled)return;let n=0,o=0,r=!1,i=!1;const a=e=>{1===e.touches.length&&(n=e.touches[0].clientY,o=e.touches[0].clientX,r=!1,i=!1)},l=t=>{if(1!==t.touches.length)return;const a=t.touches[0].clientY,l=t.touches[0].clientX,s=Math.abs(a-n),c=Math.abs(l-o);!r&&(c>5||s>5)&&(r=!0,i=c>s),r?i?("scroll-x"===e.block||"all"===e.block)&&t.preventDefault():("scroll-y"===e.block||"all"===e.block)&&t.preventDefault():t.preventDefault()};return t.current?.addEventListener("touchstart",a,{passive:!0}),t.current?.addEventListener("touchmove",l,{passive:!1}),()=>{t.current?.removeEventListener("touchstart",a),t.current?.removeEventListener("touchmove",l)}},[e.enabled]),t})({enabled:t,block:"scroll-y"});return(0,o.o)(o.I,{css:".animation-translate-top{animation-name:translate-top-animation;animation-duration:.6s;animation-fill-mode:backwards;animation-delay:.3s}@keyframes translate-top-animation{0%{top:var(--top-interaction-start)}to{top:var(--top-interaction-end)}}.interaction-wrapper{position:absolute;margin:0;pointer-events:none;box-sizing:border-box}",children:(0,o.o)("div",{ref:l,className:`interaction-wrapper ${i&&"animation-translate-top"}`,style:{top:e?.top?e?.top/(10*a)+"em":0,left:e?.left?e?.left/(10*a)+"em":0,width:e?.width?e?.width/(10*a

1)+"em":"100%",height:e?.height?e?.height/(10*a)+"em":"100%",transform:e?.rotation?`rotate(${e.rotation}deg)`:"",display:t?"flex":"none",fontSize:a&&1!==a?`${a}em`:void 0,"--top-interaction-start":e?.top?(e?.top+40)/(10*a)+"em":0,"--top-interaction-end":e?.top?e?.top/(10*a)+"em":0},children:n})})}])},502(e,t,n){n.d(t,["c",0,(e,t)=>void 0===t?t:t.replace(/[^,]+(?=\))/,e)])},18811(e,t,n){var o=n(93743);const r=e=>{switch(e){case"calendar":return"date";case"phone":return"tel";default:return e}},i=({type:e,inputValue:t})=>"email"===e?!!a(t):!!t,a=e=>e.toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),l={text:{value:"Name"},email:{value:"Email address"},phone:{value:"Phone number"},calendar:{value:"Meeting date"},dropdown:{value:"Select option"}},s=e=>{Object.fromEntries(e.map(e=>[(0,o.H)(),e.inputValue]));const t=new FormData,n={};return e.forEach(e=>{t.append(c(n,e),e.inputValue)}),t},c=(e,t)=>{const n=t.value||l[t.type].value;return"number"==typeof e[n]?e[n]+=1:e[n]=0,`${n}${e[n]?`-${e[n]}`:""}`};n.d(t,["F",0,l,"a",0,({show:e,customCondition:t,setInteractionBlockingState:n,releaseTiming:r})=>{(0,o.p)(()=>{const o=e&&t;setTimeout(()=>{n?.(o)},r)},[e,t])},"g",0,r,"i",0,i,"u",0,(e,t,n,a,l,c,d,p)=>{const[u,m]=(0,o.h)(!1),[h,y]=(0,o.h)(n),g=(0,o._)(),{isFocused:f,blur:b}=((e,t=!0)=>{const[n,r]=(0,o.h)(),i=()=>{e.current?.querySelectorAll("input, select, textarea")?.forEach(e=>{e.blur()}),r(!1),e.current&&e.current.removeAttribute("data-focused")};return(0,o.p)(()=>{if(!t)return;const n=t=>{const n=t.composedPath();e.current&&n.includes(e.current)?(r(!0),e.current.setAttribute("data-focused","true")):i()};return window.addEventListener("click",n),()=>{e.current&&e.current.removeAttribute("data-focused"),window.removeEventListener("click",n)}},[t]),{isFocused:n,blur:i}})(e,t);return{formState:h,handleChange:e=>t=>{g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{d?.({engageType:"form-input-change",interactionEngageValue1:t,isCompletionEngage:!1})},500),y(n=>[...n.slice(0,e),{...n[e],inputValue:t},...n.slice(e+1)])},handleFocus:e=>()=>{const t=h[e].inputValue;d?.({engageType:"form-input-focus",interactionEngageValue1:t,interactionEngageValue2:e.toString(),isCompletionEngage:!1})},onSubmit:()=>{!u&&(e=>e.reduce((e,t)=>e&&i({type:r(t.type),inputValue:t.inputValue}),!0))(h)&&(d?.({engageType:"form-submit",isCompletionEngage:!0}),!a&&l?(fetch(l,{method:"POST",body:s(h)}),p?.({engageType:"form-submit"}),c?.()):p?.({engageType:"form-submit"}),b(),m(!0))},submitted:u,isFocused:f}}])},61903(e,t,n){var o=n(93743),r=n(88207);n.d(t,["u",0,(e,{onView:t,onExit:n,onEngage:i,onComplete:a},l="ignored",{interactionEngageUrl:s,interactionEngageLabel:c}={})=>{const d=(0,o._)(!1),p=(0,o._)(l),u=(0,o._)(0),m=(0,r.a)(),h=e&&m;return(0,o.p)(()=>{h?("cancelled"===p.current?p.current="ignored":"ignored"!==p.current&&(p.current="already-completed"),d.current=!0,t?.({interactionEngageUrl:s,interactionEngageLabel:c,isAlreadyCompleted:"already-completed"===p.current}),u.current=0):d.current&&("engaged"===p.current&&(p.current="cancelled"),d.current=!1,n?.({interactionEngageUrl:s,interactionEngageLabel:c,exitState:p.current}))},[h,s,c]),(0,o.p)(()=>()=>{d.current&&("engaged"===p.current&&(p.current="cancelled"),n?.({interactionEngageUrl:s,interactionEngageLabel:c,exitState:p.current}))},[s,c]),{onEngage:e=>{"ignored"===p.current&&(p.current="engaged"),u.current++;const t=1===u.current;i?.({interactionEngageUrl:s,interactionEngageLabel:c,isFirstEngage:t,isAlreadyCompleted:"already-completed"===p.current,...e})},onComplete:e=>{"engaged"===p.current&&(p.current="completed");const t=u.current<=1;a?.({interactionEngageUrl:s,interactionEngageLabel:c,isFirstEngage:t,isAlreadyCompleted:"already-completed"===p.current,...e})}}}])},88436(e,t,n){var o=n(93743),r=n(18811),i=n(99730),a=n(502),l=n(43175),s=n(61903);const c=({height:e,width:t,mainColor:n})=>(0,o.o)(l.B,{width:t,height:e,viewBox:"0 0 26 25",fill:"none",children:(0,o.o)("g",{children:(0,o.o)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.4589 5.74778C21.5541 5.47584 21.485 5.17342 21.2813 4.96969C21.0776 4.76596 20.7752 4.69695 20.5032 4.79213L4.50322 10.3921C4.21297 10.4937 4.01414 10.7622 4.0016 11.0694C3.98907 11.3767 4.16537 11.6605 4.44638 11.7854L11.3828 14.8682L14.4656 21.8046C14.5905 22.0856 14.8743 22.2619 15.1816 22.2494C15.4888 22.2369 15.7573 22.038 15.8589 21.7478L21.4589 5.74778ZM11.7849 13.4055L6.78429 11.183L17.8968 7.2936L11.7849 13.4055ZM12.8456 14.4662L15.068 19.4667L18.9574 8.35435L12.8456 14.4662Z",fill:n})})}),d=(0,o.C)(({setIsFocused:e,shape:t,placeholder:n,message:i,onChangeReply:a,fontFamily:l,textColor:s,ratio:c,isFocused:d,placeholderColor:p,handleOnClickTextArea:u,type:h},y)=>{const g=(0,o.F)(()=>m(),[]),f=t=>{g&&(t.preventDefault(),t.stopPropagation(),u(d),setTimeout(()=>{e(!0)},100))},b={className:"reply-input",placeholder:n,onChange:e=>{e.preventDefault();const t=e.target;Math.min(i.length,t.value.length)<=280&&a(t.value.slice(0,280))},maxLength:280,style:{fontFamily:l,color:s,"--reply-ratio":c,"--reply-placeholder-color":p},onFocus:e=>{e.preventDefault()},onMouseDown:f,onClick:f},w=(0,r.i)({type:h??"",inputValue:i??""}),[v,x]=(0,o.h)(!1);return(0,o.o)("div",{className:`reply-input-direct ${t}  ${v&&!w?"error":""}`,onClick:()=>{u(d),e(!0)},onBlur:()=>{v||x(!0)},children:"email"===h||"tel"===h?(0,o.o)("input",{ref:y,type:h,value:i,...b}):(0,o.o)("textarea",{ref:y,rows:1,...b,children:i})})}),p=e=>{e&&(e.style.fontSize="16px",e.focus(),e.style.fontSize="1.4em")},u=(e,t)=>

1{t&&(t.style.visibility="visible"),e?t&&p(t):setTimeout(()=>{t&&p(t)},500)},m=()=>{const{width:e,height:t}={width:window.innerWidth,height:window.innerHeight};return e/t<.75},h=(e,t=1)=>{const n=e.cloneNode(!0),o=e.parentNode,r=document.createElement("div");r.style.visibility="hidden",r.style.position="absolute",r.style.top="0",r.style.left="2.9em",r.style.right="2.9em",r.style.width="auto",r.style.whiteSpace="nowrap",n.setAttribute("rows",t.toString()),r.appendChild(n),o?.appendChild(r);const i=n.clientHeight<n.scrollHeight;n.remove(),r.remove(),i&&t<5?h(e,t+1):e.setAttribute("rows",t.toString())},y=(e,t)=>e?"":t?"isFocused":"boolean"==typeof t?"isNotFocused":"",g=(e,t)=>(0,a.c)("dark"===t?"0.5":"0.7",e),f=(0,o.C)(({position:e,defaultPosition:t,show:n,data:l,replyHelpers:s,animate:p},m)=>{const f=(0,o._)(null),b=m||f,w=(0,o._)(null),v=(0,o._)(null),{replyState:x,onChangeReply:k,onSubmit:C,submitted:E,isFocused:F,handleFocusReply:S}=s,L=x.inputValue,[N,T]=(0,o.h)(!1),[$,A]=(0,o.h)(!1),_=e&&t?e.width/t.width:1,V=l?.textColor??"rgba(20, 20, 20,1)",z=(0,a.c)("0.5",V),B=l?.shape??"pill",D=()=>{setTimeout(()=>{S(!1)},200),setTimeout(()=>{S(void 0)},600)},{heightCollapsible:M}=((e,t)=>{const[n,r]=(0,o.h)();return(0,o.p)(()=>{e&&r(e.getBoundingClientRect().height)},[t]),{heightCollapsible:n}})(w.current,L);(0,o.y)(b,2,".thankyou-span",[b,l?.fontExtra.fontFamily,l?.thankyou,n,E,N]),(0,o.y)(b,3,".reply-title-span",[b,l?.fontBold.fontFamily,l?.title,n]),(0,o.y)(b,1,".reply-cta-span-text",[b,l?.fontExtra.fontFamily,l?.send,n,F]),((e,t)=>{(0,o.p)(()=>{e.current&&h(e.current)},[t])})(v,L);const R=((e,t=1)=>({left:e?.left?e?.left/(10*t)+"em":0,width:e?.width?e?.width/(10*t)+"em":"100%",height:e?.height?e?.height/(10*t)+"em":"100%",fontSize:t&&1!==t?`${t}em`:void 0,transform:e?.rotation?`rotate(${e.rotation}deg)`:""}))(e,_),I=p&&!$,H={left:R.left,width:R.width,minHeight:R.height,fontSize:R.fontSize,transform:R.transform,background:g(l?.backgroundColor,l?.backgroundMode),"--reply-bottom-position":e?(667-(e.top+e.height))/(10*_)+"em":0,"--reply-bottom-position-start":e?(667-(e.top+e.height+20))/(10*_)+"em":0,"--reply-left-position":e?e.left/(10*_)+"em":0,"--reply-scale":1/_},P={"--reply-collapsible-height":`${M}px`};return(0,o.o)(o.I,{css:".reply-global-container{position:absolute;display:flex;flex-direction:column;align-items:flex-end;width:100%;background:#ffffffb3;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);overflow:hidden;bottom:var(--reply-bottom-position);pointer-events:all}@keyframes animate-fade-and-move-reply{0%{opacity:0;bottom:var(--reply-bottom-position-start)}to{opacity:1;bottom:var(--reply-bottom-position)}}.reply-global-container.animate-start{animation-name:animate-fade-and-move-reply;animation-duration:.6s;animation-fill-mode:backwards;animation-delay:.3s}.reply-global-container.pill{border-radius:2.2em}.reply-global-container.rounded{border-radius:1.2em}.reply-global-container.sharp{border-radius:0}@keyframes float-in-back{0%{transform:translate3d(-50%,0,0) scale(var(--reply-scale));bottom:50%;left:50%}to{bottom:var(--reply-bottom-position);left:var(--reply-left-position)}}@keyframes float-in{0%{bottom:var(--reply-bottom-position);left:var(--reply-left-position)}to{transform:translate3d(-50%,0,0) scale(var(--reply-scale));bottom:50%;left:50%}}.reply-global-container.isFocused{animation:float-in .3s ease-in-out forwards}.reply-global-container.isNotFocused{animation:float-in-back .3s ease-in-out forwards}.reply-title{width:100%;color:#141414;text-align:center;font-family:Montserrat_600;font-size:1.6em;font-weight:600;letter-spacing:0;line-height:normal}.reply-header-container{display:flex;width:100%;overflow:hidden;padding:1.6em}.reply-header-container.pill{border-radius:2.2em 2.2em 0 0}.reply-header-container.rounded{border-radius:1.2em 1.2em 0 0}.reply-header-container.sharp{border-radius:0}@keyframes slideDown{0%{opacity:1;max-height:var(--reply-collapsible-height);height:var(--reply-collapsible-height)}to{opacity:0;max-height:0;height:0}}.reply-body-container{display:flex;flex-direction:column;width:100%;padding:0 1.6em;overflow:hidden;opacity:1}.reply-body-container.pill{border-radius:0 0 2.2em 2.2em}.reply-body-container.rounded{border-radius:0 0 1.2em 1.2em}.reply-body-container.sharp{border-radius:0}.reply-body-container.slide-down-animation{animation:slideDown .2s linear forwards}.reply-cta{display:flex;align-items:center;width:100%;justify-content:center;position:absolute;padding:1.25em 0;opacity:0;transition:opacity .2s ease-in-out;border-style:solid;border-color:#0000004d;border-width:1px 0 0 0;pointer-events:all;cursor:pointer}.reply-cta.visible{opacity:1}.reply-cta-span{margin-left:1em;color:#141414;text-align:center;font-family:Montserrat_700;font-style:normal;font-weight:700}.reply-cta-container{display:flex;width:100%;overflow:hidden;position:relative;transition:height .2s ease-in-out}.reply-input-wrapper{display:flex;width:100%}.reply-input-direct{display:flex;width:100%;border-radius:2.3em;background:linear-gradient(0deg,#0000001a 0% 100%),#d0d0d080;background-blend-mode:luminosity,color-burn;box-shadow:inset 0 -.5px 1px #ffffff1a,inset 1px 1.5px 4px #00000014;margin-bottom:1.6em;pointer-events:all;padding:1.2em 1.4em}.reply-input-direct.error{border:1px solid #e63b38}.reply-input{position:relative;display:flex;width:100%;background-color:transparent;font-size:1.4em;outline:0;border:0;resize:none;pointer-events:all}.reply-input:focus{pointer-events:all}.reply-input::placeholder{white-space:nowrap;color:var(--reply-placeholder-color);text-overflow:ellipsis;max-width:100%;width:100%}.reply-input-direct.pill{border-radius:2.2em}.reply-input-direct.rounded{border-radius:1.2em}.reply-input-direct.sharp{border-radius:0}.reply-modal-container{position:absolute;display:flex;width:100%;height:100%;background-color:#1414141a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease-in-out;justify-content:flex-end;padding:1.7em;top:0;left:0}.reply-modal-container.active{opacity:1;pointer-events:all}.reply-cancel-span{color:#e8e8e8;text-align:center;font-size:1.6em;font-style:normal;font-weight:600;line-height:normal;cursor:pointer}.reply-thankyou-container{display:none;background:linear-gradient(0deg,#fff 0% 100%),#ffffff30;background-blend-mode:normal,color-dodge;justify-content:center;align-items:center;font-size:1.8em;color:#000;flex:1;

1opacity:0;transition:opacity .2s ease-in;width:100%;font-weight:700;text-align:center}.thankyou-span{padding:0 1.2em}.reply-thankyou-container.show{animation:show-animation .3s ease-in-out 1 forwards;display:flex}@keyframes show-animation{0%,10%{opacity:0}to{display:flex;opacity:1}}",children:(0,o.o)(o.k,{children:(0,o.o)(i.I,{show:n,defaultPosition:t,children:[(0,o.o)("div",{className:`reply-modal-container ${F&&"active"}`,onClick:()=>{D()},children:(0,o.o)("span",{className:"reply-cancel-span",style:{fontFamily:l?.fontBold.fontFamily},children:"Cancel"})}),(0,o.o)("div",{ref:b,className:`reply-global-container ${B} ${y(N,F)} ${I&&"animate-start"}`,style:H,onClick:()=>{E||(u(F,v.current),S(!0),A(!0))},children:[(0,o.o)("div",{className:`reply-header-container ${B} `,children:(0,o.o)("div",{className:"reply-title ",style:{fontFamily:l?.fontBold?.fontFamily,color:V},children:(0,o.o)("span",{className:"reply-title-span","data-original-text":(0,o.w)(l?.title),children:(0,o.w)(l?.title)})})}),!N&&(0,o.o)("div",{ref:w,className:`reply-body-container ${E&&"slide-down-animation"} ${B}`,style:P,children:[(0,o.o)("div",{className:"reply-input-wrapper",children:(0,o.o)(d,{ref:v,shape:B,message:L,onChangeReply:k,placeholderColor:z,ratio:_,setIsFocused:e=>{S(e),e&&A(!0)},textColor:V,fontFamily:l?.font.fontFamily,isFocused:F,placeholder:l?.placeholder,handleOnClickTextArea:e=>{u(e,v.current)},type:l?.type})}),(0,o.o)("div",{className:"reply-cta-container",style:{height:F&&!E?"5em":0},children:(0,o.o)("div",{className:`reply-cta ${F&&!E&&"visible"}`,onClick:()=>{L&&(0,r.i)({type:l?.type??"",inputValue:L})&&(C(),setTimeout(()=>{D()},400),setTimeout(()=>{T(!0)},800))},style:{fontFamily:l?.fontExtra?.fontFamily},children:[(0,o.o)(c,{height:24,width:24,mainColor:l?.textColor??"#141414"}),(0,o.o)("div",{className:"reply-cta-span",style:{fontFamily:l?.fontExtra.fontFamily,color:l?.textColor},children:(0,o.o)("span",{className:"reply-cta-span-text",style:{fontSize:"1.4em",lineHeight:1},"data-original-text":(0,o.w)(l?.send),children:(0,o.w)(l?.send)})})]})})]}),(0,o.o)("div",{className:`reply-thankyou-container ${E&&"show"} `,style:{fontFamily:l?.fontExtra?.fontFamily,background:g(l?.backgroundColor,l?.backgroundMode),color:l?.textColor},children:(0,o.o)("span",{className:"thankyou-span","data-original-text":(0,o.w)(l?.thankyou),children:(0,o.w)(l?.thankyou)})})]})]})})})});n.d(t,["R",0,f,"u",0,({show:e,isContentActive:t=!0,replyId:n,apiUrl:i,titleReply:a,isPreview:l=!0,setInteractionBlockingState:c,sendAnalytics:d,playStory:p,pauseStory:u,replyRef:m,isVertical:h,...y})=>{const[g,f]=(0,o.h)(),b=(0,o._)(!1),{onEngage:w,onComplete:v}=(0,s.u)(e&&t,y),x=[{inputValue:"",type:"text",value:a,id:n}],{formState:k,handleChange:C,handleFocus:E,onSubmit:F,submitted:S}=(0,r.u)(m,e,x,l,i,d,w,v);(0,r.a)({show:e,customCondition:h?!!g&&!S:!S,setInteractionBlockingState:c,releaseTiming:1200});const L=k[0],N=C(0),T=E(0);return{onChangeReply:N,onSubmit:F,submitted:S,replyState:L,handleFocusReply:e=>{e?(b.current||(T(),b.current=!0),u?.()):(b.current=!1,p?.()),f(e)},isFocused:g}}])}}]);
2//# sourceMappingURL=sourcemaps/8436-baf0947d7d8a5679.bundle.js.map