https://worbler.ai/_next/static/chunks/8583-56bc5ec3c9303f7c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8583],{60512:function(e,t,n){n.d(t,{OQ:function(){return h},Yt:function(){return u},g3:function(){return p},iY:function(){return d}});var s=n(57437),r=n(29),o=n.n(r),i=n(26225),l=n.n(i);n(2265);var a=n(86552),c=n(40636);let u=65;function d(e,t){let n=function(e){if(e)return a[e]}(e);if(!n)return;let s=parseInt(n.strokeWidth,10);return"\n    font-family: ".concat(n.font.name,";\n    font-size: ").concat(Math.max(12,(n.font.size-2)*2*(t?t.offsetWidth/t.videoWidth:1)),"px;\n    color: #").concat(n.color,";\n    ").concat("1"===n.borderStyle?"text-shadow: 1px 0 0 #".concat(n.stroke,",\n      0 1px 0 #").concat(n.stroke,",\n      -1px 0 0 #").concat(n.stroke,",\n      0 -1px 0 #").concat(n.stroke,",\n      2px 0 0 #").concat(n.stroke,",\n      0 2px 0 #").concat(n.stroke,",\n      -2px 0 0 #").concat(n.stroke,",\n      0 -2px 0 #").concat(n.stroke,",\n      ").concat(Array(s+3).fill(0).map((e,t)=>"".concat(t+2,"px ").concat(t+1,"px 3px #").concat(n.stroke)).join(","),";"):"","\n    ").concat("4"===n.borderStyle?"background-color: #".concat(n.stroke,";"):"","\n    line-height: 1.3;\n  ")}function h(){let e=[],t=[];for(let n in a){let r=a[n],o=r.font.file;if(o){let n=(0,c.Z)(o);e.push((0,s.jsx)("link",{as:"font",crossOrigin:"anonymous",href:n,rel:"preload"},n)),t.push("\n        @font-face {\n          font-family: ".concat(r.font.name,";\n          src: url(").concat(n,");\n          font-display: swap;\n        }\n      "))}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l(),{children:e}),(0,s.jsx)(o(),{id:"ded25fb53b85e4e8",dynamic:[t.join("")],children:"".concat(t.join(""),"\n      ")})]})}function p(e,t,n,s){let r=document.createElement("wrapper");r.style.position="absolute",r.style.left="-9999px",r.style.top="-9999px";let o=document.createElement("div");r.appendChild(o),o.style.cssText=d(s||"Normal")||"",document.body.appendChild(r),o.style.whiteSpace="nowrap",o.textContent="bdfhklgjpqyAIQ";let i=o.clientHeight;o.textContent="",o.style.width="".concat(n-2*u,"px"),o.style.whiteSpace="normal";let l=[],a=[];return e.split(" ").forEach(e=>{o.textContent+=a.length?" "+e:e,o.clientHeight<=i*t?a.push(e):(l.push(a.join(" ").trim()),a=[e],o.textContent=e)}),a.length&&l.push(a.join(" ").trim()),document.body.removeChild(r),l}},84236:function(e,t,n){n.d(t,{Z:function(){return a}});var s=n(57437),r=n(94751),o=n(18298),i=n(14082),l=n(95804);function a(e){let{className:t,disabled:n,pauseIconClassName:a,playIconClassName:c,onClick:u,playing:d,showPauseButton:h,showText:p,submitting:f}=e;return d&&!h?null:(0,s.jsxs)(l.Z,{"aria-label":d?"Pause":"Play",className:t,"data-playing":d,disabled:n,submitting:f,onClick:e=>{e.preventDefault(),e.stopPropagation(),u()},onPointerDown:i.Z,onPointerUp:i.Z,children:[d?(0,s.jsx)(r.Z,{className:a||"size-6"}):(0,s.jsx)(o.Z,{className:c||"size-6"}),p&&(d?"Pause":"Play")]})}},28583:function(e,t,n){n.d(t,{default:function(){return b}});var s=n(57437),r=n(36760),o=n.n(r),i=n(21652),l=n.n(i),a=n(2265),c=n(7606),u=n(40636),d=n(6904),h=n(84236),p=n(29),f=n.n(p),m=n(60512);let v=/\r\n|\r|\n/g;function F(e){let{subtitles:t,subtitleTheme:n,videoElem:r}=e,o=(0,a.useRef)(null),i=r?r.offsetWidth/r.videoWidth:1;return(0,s.jsxs)("div",{ref:o,style:{left:m.Yt*i,right:m.Yt*i},className:f().dynamic([["919cef9187da58ed",[(0,m.iY)(n,r)]]])+" pointer-events-none absolute inset-0 bottom-[20px] flex flex-col items-center justify-end",children:[(0,m.OQ)(),t.map((e,t)=>(0,s.jsx)("div",{className:f().dynamic([["919cef9187da58ed",[(0,m.iY)(n,r)]]])+" subtitle",children:e.split(v).map((t,o)=>(0,s.jsxs)(s.Fragment,{children:[t,o<e.length-1&&(0,s.jsx)("br",{className:f().dynamic([["919cef9187da58ed",[(0,m.iY)(n,r)]]])})]}))},"".concat(e,"-").concat(t))),(0,s.jsx)(f(),{id:"919cef9187da58ed",dynamic:[(0,m.iY)(n,r)],children:".subtitle.__jsx-style-dynamic-selector{".concat((0,m.iY)(n,r))})]})}var g=n(62785);class b extends a.PureComponent{componentDidMount(){this.observer=new IntersectionObserver(this.onIntersection,{root:null,threshold:0}),this.videoRef.current&&this.observer.observe(this.videoRef.current),this.props.onFullscreenChange&&(document.addEventListener("fullscreenchange",this.fullscreenChanged),document.addEventListener("webkitfullscreenchange",this.fullscreenChanged)),this.updateTextTracks()}componentWillUnmount(){this.observer&&this.observer.disconnect(),this.props.onFullscreenChange&&(document.removeEventListener("fullscreenchange",this.fullscreenChanged),document.removeEventListener("webkitfullscreenchange",this.fullscreenChanged))}componentDidUpdate(e,t){let n=this.videoRef.current;if(!n)return;let{autoPlay:s,sources:r,webvtt:o}=this.props,{visible:i}=this.state;e.sources&&!l()(r,e.sources)&&(n.load(),this.setState({playing:!!s})),o!==e.webvtt&&(this.pause(),this.updateTextTracks()),i!==t.visible&&i&&this.observer&&(this.observer.disconnect(),this.observer=void 0)}updateTextTracks(){let e=this.videoRef.current;if(!e)return;let{webvtt:t}=this.props,n=e.textTracks[0];if(n||(n=e.addTextTrack("captions","English","en")),n.mode="hidden",n.cues){let e=n.cues.length;for(;e--;)n.removeCue(n.cues[e])}

1t&&new c.WebVTTParser().parse(t,"metadata").cues.forEach(e=>{n.addCue(new VTTCue(e.startTime,e.endTime,e.text))})}orientationClassName(){let{orientation:e}=this.props;return"square"===e?"aspect-square":"landscape"===e?"aspect-[16/9]":"portrait"===e?"aspect-[9/16]":""}renderVideo(){let{autoPlay:e,captionsUrl:t,clip:n,controls:r,id:i,label:l,lazy:a,loop:c,muted:u,onClick:d,onEnded:h,onLoadedData:p,onLoadedMetadata:f,onMouseEnter:m,onMouseLeave:v,poster:F,preload:b,sources:C,videoClassName:x}=this.props,{dirty:y,visible:k}=this.state;return(null==C?void 0:C.length)?(0,s.jsx)(g.Z,{ref:this.videoRef,"aria-label":l,autoPlay:e,captionsUrl:t,className:o()("relative col-start-1 row-start-1 w-full object-cover object-center",F&&!y&&"opacity-0",this.orientationClassName(),x),clip:n,controls:r&&y,id:i,loop:c,muted:u,poster:r?F:void 0,preload:!a||k?b:"none",sources:C,onClick:d||this.toggle,onEnded:h,onLoadedData:p,onLoadedMetadata:f,onMouseEnter:m,onMouseLeave:v,onPause:this.paused,onPlay:this.played,onTimeUpdate:this.updateTime}):null}render(){let{children:e,className:t,controls:n,disabled:r,hidePlayButton:i,label:l,onClick:a,pauseButtonClassName:c,pauseIconClassName:d,playButtonClassName:p,playIconClassName:f,playButtonSubmitting:m,poster:v,showPauseButton:g,subtitleTheme:b,videoClassName:C,videoWrapClassName:x,webvtt:y}=this.props,{dirty:k,playing:w,subtitles:j}=this.state;return(0,s.jsx)("div",{className:o()("video relative flex max-w-full items-center justify-center",!!a&&i&&"cursor-pointer",t),children:(0,s.jsxs)("div",{className:o()("relative grid max-h-full grid-cols-1 grid-rows-1",this.orientationClassName(),x),children:[v&&(0,s.jsx)("img",{alt:l||"Video",className:o()("col-start-1 row-start-1 w-full object-cover object-center",this.orientationClassName(),C),loading:"lazy",src:(0,u.Z)(v)}),this.renderVideo(),y&&this.videoRef.current&&(0,s.jsx)(F,{subtitleTheme:b,subtitles:j,videoElem:this.videoRef.current}),!i&&(!n||!k)&&(0,s.jsx)(h.Z,{className:o()("btn-tertiary btn-icon-large absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",w?c:p),disabled:r,pauseIconClassName:d,playIconClassName:f,playing:w,showPauseButton:g,submitting:m,onClick:a||this.toggle}),e]})})}constructor(...e){var t;super(...e),t=this,this.isFullscreen=!1,this.videoRef=a.createRef(),this.state={dirty:!1,playing:!!this.props.autoPlay,subtitles:[],visible:!1},this.onIntersection=e=>{e.forEach(e=>{e.target===this.videoRef.current&&e.isIntersecting&&this.setState({visible:!0})})},this.getVideoElem=()=>this.videoRef.current,this.fullscreenChanged=()=>{var e,t;let n=this.videoRef.current;n&&(this.isFullscreen=!!document.fullscreenElement,this.isFullscreen||(n.muted=!!this.props.muted),null===(e=(t=this.props).onFullscreenChange)||void 0===e||e.call(t,this.isFullscreen))},this.currentTime=()=>{var e;return(null===(e=this.videoRef.current)||void 0===e?void 0:e.currentTime)||0},this.duration=()=>{var e;return(null===(e=this.videoRef.current)||void 0===e?void 0:e.duration)||0},this.width=()=>{var e;return(null===(e=this.videoRef.current)||void 0===e?void 0:e.videoWidth)||0},this.playing=()=>this.state.playing,this.pause=()=>{var e;null===(e=this.videoRef.current)||void 0===e||e.pause()},this.play=function(){let{noInit:e,noRestart:n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{clip:s,disabled:r,onInitialize:o,onRestart:i}=t.props;if(r)return;e||null==o||o();let l=t.videoRef.current;l&&(!n&&l.currentTime>=((null==s?void 0:s.end)||l.duration)-.1?i?i():(l.currentTime=(null==s?void 0:s.start)||0,setTimeout(()=>l.play(),100)):l.play())},this.setCurrentTime=e=>{let{playing:t}=this.state,n=this.videoRef.current;n&&(n.currentTime!==e&&(n.currentTime=e),t&&n.pause())},this.updateTime=e=>{var t,n;let{clip:s}=this.props,{playing:r}=this.state;this.updateSubtitles();let o=e.currentTarget.currentTime;s&&r&&!this.isFullscreen&&(o<s.start||o>s.end)&&this.pause(),null===(t=(n=this.props).onTimeUpdate)||void 0===t||t.call(n,o)},this.paused=e=>{var t,n;this.setState({playing:!1}),null===(t=(n=this.props).onPause)||void 0===t||t.call(n,e)},this.played=e=>{var t,n;let{label:s,sources:r}=this.props;this.setState({dirty:!0,playing:!0}),null===(t=(n=this.props).onPlay)||void 0===t||t.call(n,e),(0,d.B)("play",{label:s,url:(0,u.Z)(null==r?void 0:r[0])})},this.toggle=()=>{let{controls:e}=this.props,{dirty:t,playing:n}=this.state;!this.videoRef.current||e&&t||(n?this.pause():this.play())},this.fullscreen=()=>{let{onInitialize:e}=this.props,t=this.videoRef.current;null==e||e(),t&&(!(t&&(!("fullscreenEnabled"in document)||document.fullscreenEnabled)&&(!("msFullscreenEnabled"in document)||document.msFullscreenEnabled)&&(t.requestFullscreen||t.webkitRequestFullScreen||t.msRequestFullscreen))||(t.requestFullscreen?t.requestFullscreen():t.webkitRequestFullScreen?t.webkitRequestFullScreen():t.msRequestFullscreen&&t.msRequestFullscreen()))},this.updateSubtitles=()=>{var e,t;let n=null===(t=this.videoRef.current)||void 0===t?void 0:null===(e=t.textTracks[0])||void 0===e?void 0:e.activeCues,s=[];if(n)for(let e=0;e<n.length;e++){let t=n[e];s.push(t.text)}this.setState({subtitles:s})},this.onError=e=>{var t,n,s;console.error(e),(null===(t=this.videoRef.current)||void 0===t?void 0:t.networkState)===3&&(null===(n=(s=this.props).onNotFound)||void 0===n||n.call(s))}}}b.defaultProps={preload:"metadata"}},62785:function(e,t,n){var s=n(57437),r=n(36760),o=n.n(r),i=n(2265),l=n(40636);t.Z=i.forwardRef(function(e,t){let{captionsUrl:n,className:r,clip:i,poster:a,sources:c,...u}=e;return(0,s.jsxs)("video",{ref:t,disablePictureInPicture:!0,playsInl

1ine:!0,crossOrigin:"anonymous",...u,className:o()("leading-none",r),poster:a?(0,l.Z)(a):void 0,children:[c.map(e=>(0,s.jsx)("source",{src:(0,l.Z)(e)+(i?"#t=".concat(i.start,",").concat(i.end):"")},e)),n&&(0,s.jsx)("track",{default:!0,kind:"captions",src:(0,l.Z)(n)}),"Your browser does not support HTML video."]})})},94751:function(e,t,n){n.d(t,{Z:function(){return i}});var s=n(57437),r=n(36760),o=n.n(r);function i(e){let{className:t}=e;return(0,s.jsx)("svg",{className:o()("icon",t),height:"32",viewBox:"0 0 32 32",width:"32",children:(0,s.jsx)("path",{d:"M27 6V26C27 26.5304 26.7893 27.0391 26.4142 27.4142C26.0391 27.7893 25.5304 28 25 28H20.5C19.9696 28 19.4609 27.7893 19.0858 27.4142C18.7107 27.0391 18.5 26.5304 18.5 26V6C18.5 5.46957 18.7107 4.96086 19.0858 4.58579C19.4609 4.21071 19.9696 4 20.5 4H25C25.5304 4 26.0391 4.21071 26.4142 4.58579C26.7893 4.96086 27 5.46957 27 6ZM11.5 4H7C6.46957 4 5.96086 4.21071 5.58579 4.58579C5.21071 4.96086 5 5.46957 5 6V26C5 26.5304 5.21071 27.0391 5.58579 27.4142C5.96086 27.7893 6.46957 28 7 28H11.5C12.0304 28 12.5391 27.7893 12.9142 27.4142C13.2893 27.0391 13.5 26.5304 13.5 26V6C13.5 5.46957 13.2893 4.96086 12.9142 4.58579C12.5391 4.21071 12.0304 4 11.5 4Z"})})}},18298:function(e,t,n){n.d(t,{Z:function(){return i}});var s=n(57437),r=n(36760),o=n.n(r);function i(e){let{className:t}=e;return(0,s.jsx)("svg",{className:o()("icon",t),height:"32",viewBox:"0 0 32 32",width:"32",children:(0,s.jsx)("path",{d:"M26.9454 14.1559L7.31299 2.32406C6.98596 2.11946 6.60829 2.00748 6.22121 2.00036C5.83412 1.99324 5.45248 2.09125 5.11797 2.28368C4.77851 2.46756 4.49552 2.73838 4.29878 3.06764C4.10205 3.39689 3.99884 3.77242 4.00001 4.1547V27.8453C3.99884 28.2276 4.10205 28.6031 4.29878 28.9324C4.49552 29.2616 4.77851 29.5324 5.11797 29.7163C5.45248 29.9088 5.83412 30.0068 6.22121 29.9996C6.60829 29.9925 6.98596 29.8805 7.31299 29.6759L26.9454 17.8441C27.2672 17.6524 27.5334 17.382 27.7181 17.0589C27.9029 16.7358 28 16.371 28 16C28 15.629 27.9029 15.2642 27.7181 14.9411C27.5334 14.618 27.2672 14.3476 26.9454 14.1559Z"})})}},40636:function(e,t,n){n.d(t,{Z:function(){return o}});let s=/^https?:\/\//;var r=n(40257);function o(e){var t;return e?(t=e,s.test(t)||(e=new URL(e,r.env.CDN_URL||window._app.cdnUrl).href),e):""}},86552:function(e){e.exports=JSON.parse('{"Normal":{"color":"FFFFFFFF","stroke":"101037FF","strokeWidth":"1","outlineColor":"00000080","shadowDepth":"1","borderStyle":"1","font":{"name":"Montserrat","size":27,"file":"global/font/Montserrat-Regular.ttf"}},"Fancy":{"color":"101037FF","stroke":"FFFFFFB5","strokeWidth":"1","outlineColor":"00000080","shadowDepth":"0","borderStyle":"4","font":{"name":"Noto Serif","size":27,"file":"global/font/NotoSerif-Bold.ttf"}},"Loud":{"color":"FFFFFFFF","stroke":"101037FF","strokeWidth":"1","outlineColor":"00000080","shadowDepth":"1","borderStyle":"1","font":{"name":"Anton","size":27,"file":"global/font/Anton-Regular.ttf"}},"Clever":{"color":"101037FF","stroke":"FFFFFFB5","strokeWidth":"1","outlineColor":"00000080","shadowDepth":"0","borderStyle":"4","font":{"name":"Itim","size":27,"file":"global/font/Itim-Regular.ttf"}},"Robot":{"color":"FFFFFFFF","stroke":"00000099","strokeWidth":"1","outlineColor":"00000080","shadowDepth":"0","borderStyle":"4","font":{"name":"Sofia Sans","size":27,"file":"global/font/SofiaSans-Bold.ttf"}},"Writer":{"color":"FFFFFFFF","stroke":"101037FF","strokeWidth":"1","outlineColor":"00000080","shadowDepth":"1","borderStyle":"1","font":{"name":"Courier Prime","size":27,"file":"global/font/CourierPrime-Regular.ttf"}},"Curly":{"color":"FFFFFFFF","stroke":"00000099","strokeWidth":"1","outlineColor":"00000080","shadowDepth":"0","borderStyle":"4","font":{"name":"Dancing Script","size":27,"file":"global/font/DancingScript-Regular.ttf"}}}')}}]);