@lanaco/lnc-react-ui
Version:
React component library
162 lines (139 loc) • 30.7 kB
JavaScript
;const i=require("react/jsx-runtime"),x=require("react"),Ke=require("./TextInput.cjs"),We=require("./Icon.cjs"),Xe=require("./Chip.cjs"),X=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),ce=require("./breakpoints-CcVm-gVm.cjs"),j=require("./_commonjsHelpers-DwTZ_eVU.cjs"),ue=require("./index-CDGmG-qk.cjs"),Ye=require("./index-BpbMKBf_.cjs"),Je=require("./useDetectMobile-DYV6V1yw.cjs"),Ge=X.styled.div`
display: flex;
gap: 0.5rem;
align-content: center;
& .tags__item {
color: var(--neutral-600, #0f2a46);
background: var(--neutral-50, #eef2f5);
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
letter-spacing: 0.025rem;
padding: 0.5rem;
&:hover {
background: var(--gray-200, #e4e9f0);
}
&:focus {
outline: none;
}
}
@media ${ce.down("S")} {
width: 100%;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
::-webkit-scrollbar {
-webkit-appearance: none;
}
-ms-overflow-style: none;
/* Internet Explorer 10+ */
scrollbar-width: none;
/* Firefox */
&::-webkit-scrollbar {
display: none;
/* Safari and Chrome */
}
}
`,Ze=X.styled.div`
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
max-width: 31.25rem;
max-height: 18.75rem;
border-radius: 1rem;
& .section__thumbnail {
width: 100%;
height: 100%;
max-width: 31.25rem;
max-height: 18.75rem;
border-radius: 1rem;
}
& .section__play {
position: absolute;
}
`,te=x.forwardRef(({tags:e=[],selectedTagCode:t=null,onSelectTag:r=()=>{}},n)=>i.jsx(Ge,{ref:n,children:e==null?void 0:e.map((a,o)=>i.jsx(Xe,{label:a==null?void 0:a.name,borderRadius:"curved",color:"neutral",className:`tags__item ${t===(a==null?void 0:a.code)?"active":""}`,onClick:()=>{r(a)}},`search-section-tag__${o+1}`))}));var Qe=function(t,r,n){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("script");typeof r=="function"&&(n=r,r={}),r=r||{},n=n||function(){},o.type=r.type||"text/javascript",o.charset=r.charset||"utf8",o.async="async"in r?!!r.async:!0,o.src=t,r.attrs&&et(o,r.attrs),r.text&&(o.text=""+r.text);var y="onload"in o?re:tt;y(o,n),o.onload||re(o,n),a.appendChild(o)};function et(e,t){for(var r in t)e.setAttribute(r,t[r])}function re(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function tt(e,t){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,t(null,e))}}var rt=function(t){return at(t)&&!nt(t)};function at(e){return!!e&&typeof e=="object"}function nt(e){var t=Object.prototype.toString.call(e);return t==="[object RegExp]"||t==="[object Date]"||st(e)}var ot=typeof Symbol=="function"&&Symbol.for,it=ot?Symbol.for("react.element"):60103;function st(e){return e.$$typeof===it}function lt(e){return Array.isArray(e)?[]:{}}function R(e,t){return t.clone!==!1&&t.isMergeableObject(e)?T(lt(e),e,t):e}function ct(e,t,r){return e.concat(t).map(function(n){return R(n,r)})}function ut(e,t){if(!t.customMerge)return T;var r=t.customMerge(e);return typeof r=="function"?r:T}function pt(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[]}function ae(e){return Object.keys(e).concat(pt(e))}function pe(e,t){try{return t in e}catch{return!1}}function dt(e,t){return pe(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))}function yt(e,t,r){var n={};return r.isMergeableObject(e)&&ae(e).forEach(function(a){n[a]=R(e[a],r)}),ae(t).forEach(function(a){dt(e,a)||(pe(e,a)&&r.isMergeableObject(t[a])?n[a]=ut(a,r)(e[a],t[a],r):n[a]=R(t[a],r))}),n}function T(e,t,r){r=r||{},r.arrayMerge=r.arrayMerge||ct,r.isMergeableObject=r.isMergeableObject||rt,r.cloneUnlessOtherwiseSpecified=R;var n=Array.isArray(t),a=Array.isArray(e),o=n===a;return o?n?r.arrayMerge(e,t,r):yt(e,t,r):R(t,r)}T.all=function(t,r){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(n,a){return T(n,a,r)},{})};var ft=T,de=ft,ht=Object.create,D=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,mt=Object.getOwnPropertyNames,Pt=Object.getPrototypeOf,vt=Object.prototype.hasOwnProperty,bt=(e,t)=>{for(var r in t)D(e,r,{get:t[r],enumerable:!0})},ye=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of mt(t))!vt.call(e,a)&&a!==r&&D(e,a,{get:()=>t[a],enumerable:!(n=_t(t,a))||n.enumerable});return e},Y=(e,t,r)=>(r=e!=null?ht(Pt(e)):{},ye(!e||!e.__esModule?D(r,"default",{value:e,enumerable:!0}):r,e)),gt=e=>ye(D({},"__esModule",{value:!0}),e),fe={};bt(fe,{callPlayer:()=>Dt,getConfig:()=>Lt,getSDK:()=>It,isBlobUrl:()=>kt,isMediaStream:()=>Ut,lazy:()=>Tt,omit:()=>Nt,parseEndTime:()=>jt,parseStartTime:()=>At,queryString:()=>$t,randomString:()=>Rt,supportsWebKitPresentationMode:()=>Ht});var $=gt(fe),wt=Y(x),Ot=Y(Qe),St=Y(de);const Tt=e=>wt.default.lazy(async()=>{const t=await e();return typeof t.default=="function"?t:t.default}),xt=/[?&#](?:start|t)=([0-9hms]+)/,Ct=/[?&#]end=([0-9hms]+)/,F=/(\d+)(h|m|s)/g,Mt=/^\d+$/;function he(e,t){if(e instanceof Array)return;const r=e.match(t);if(r){const n=r[1];if(n.match(F))return Et(n);if(Mt.test(n))return parseInt(n)}}function Et(e){let t=0,r=F.exec(e);for(;r!==null;){const[,n,a]=r;a==="h"&&(t+=parseInt(n,10)*60*60),a==="m"&&(t+=parseInt(n,10)*60),a==="s"&&(t+=parseInt(n,10)),r=F.exec(e)}return t}function At(e){return he(e,xt)}function jt(e){return he(e,Ct)}function Rt(){return Math.random().toString(36).substr(2,5)}function $t(e){return Object.keys(e).map(t=>`${t}=${e[t]}`).join("&")}function z(e){return window[e]?window[e]:window.exports&&window.exports[e]?window.exports[e]:window.module&&window.module.exports&&window.module.exports[e]?window.module.exports[e]:null}const w={},It=function(t,r,n=null,a=()=>!0,o=Ot.default){const y=z(r);return y&&a(y)?Promise.resolve(y):new Promise((f,u)=>{if(w[t]){w[t].push({resolve:f,reject:u});return}w[t]=[{resolve:f,reject:u}];const g=b=>{w[t].forEach(C=>C.resolve(b))};if(n){const b=window[n];window[n]=function(){b&&b(),g(z(r))}}o(t,b=>{b?(w[t].forEach(C=>C.reject(b)),w[t]=null):n||g(z(r))})})};function Lt(e,t){return(0,St.default)(t.config,e.config)}function Nt(e,...t){const r=[].concat(...t),n={},a=Object.keys(e);for(const o of a)r.indexOf(o)===-1&&(n[o]=e[o]);return n}function Dt(e,...t){if(!this.player||!this.player[e]){let r=`ReactPlayer: ${this.constructor.displayName} player could not call %c${e}%c – `;return this.player?this.player[e]||(r+="The method was not available"):r+="The player was not available",console.warn(r,"font-weight: bold",""),null}return this.player[e](...t)}function Ut(e){return typeof window<"u"&&typeof window.MediaStream<"u"&&e instanceof window.MediaStream}function kt(e){return/^blob:/.test(e)}function Ht(e=document.createElement("video")){const t=/iPhone|iPod/.test(navigator.userAgent)===!1;return e.webkitSupportsPresentationMode&&typeof e.webkitSetPresentationMode=="function"&&t}var J=Object.defineProperty,zt=Object.getOwnPropertyDescriptor,Vt=Object.getOwnPropertyNames,qt=Object.prototype.hasOwnProperty,Ft=(e,t)=>{for(var r in t)J(e,r,{get:t[r],enumerable:!0})},Bt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Vt(t))!qt.call(e,a)&&a!==r&&J(e,a,{get:()=>t[a],enumerable:!(n=zt(t,a))||n.enumerable});return e},Kt=e=>Bt(J({},"__esModule",{value:!0}),e),_e={};Ft(_e,{AUDIO_EXTENSIONS:()=>G,DASH_EXTENSIONS:()=>je,FLV_EXTENSIONS:()=>Re,HLS_EXTENSIONS:()=>Q,MATCH_URL_DAILYMOTION:()=>Ce,MATCH_URL_FACEBOOK:()=>ge,MATCH_URL_FACEBOOK_WATCH:()=>we,MATCH_URL_KALTURA:()=>Ae,MATCH_URL_MIXCLOUD:()=>Me,MATCH_URL_MUX:()=>be,MATCH_URL_SOUNDCLOUD:()=>Pe,MATCH_URL_STREAMABLE:()=>Oe,MATCH_URL_TWITCH_CHANNEL:()=>xe,MATCH_URL_TWITCH_VIDEO:()=>Te,MATCH_URL_VIDYARD:()=>Ee,MATCH_URL_VIMEO:()=>ve,MATCH_URL_WISTIA:()=>Se,MATCH_URL_YOUTUBE:()=>B,VIDEO_EXTENSIONS:()=>Z,canPlay:()=>Wt});var me=Kt(_e),ne=$;const B=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,Pe=/(?:soundcloud\.com|snd\.sc)\/[^.]+$/,ve=/vimeo\.com\/(?!progressive_redirect).+/,be=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,ge=/^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/,we=/^https?:\/\/fb\.watch\/.+$/,Oe=/streamable\.com\/([a-z0-9]+)$/,Se=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,Te=/(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/,xe=/(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/,Ce=/^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/,Me=/mixcloud\.com\/([^/]+\/[^/]+)/,Ee=/vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/,Ae=/^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/,G=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,Z=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,Q=/\.(m3u8)($|\?)/i,je=/\.(mpd)($|\?)/i,Re=/\.(flv)($|\?)/i,K=e=>{if(e instanceof Array){for(const t of e)if(typeof t=="string"&&K(t)||K(t.src))return!0;return!1}return(0,ne.isMediaStream)(e)||(0,ne.isBlobUrl)(e)?!0:G.test(e)||Z.test(e)||Q.test(e)||je.test(e)||Re.test(e)},Wt={youtube:e=>e instanceof Array?e.every(t=>B.test(t)):B.test(e),soundcloud:e=>Pe.test(e)&&!G.test(e),vimeo:e=>ve.test(e)&&!Z.test(e)&&!Q.test(e),mux:e=>be.test(e),facebook:e=>ge.test(e)||we.test(e),streamable:e=>Oe.test(e),wistia:e=>Se.test(e),twitch:e=>Te.test(e)||xe.test(e),dailymotion:e=>Ce.test(e),mixcloud:e=>Me.test(e),vidyard:e=>Ee.test(e),kaltura:e=>Ae.test(e),file:K};var ee=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,Yt=Object.getOwnPropertyNames,Jt=Object.prototype.hasOwnProperty,Gt=(e,t)=>{for(var r in t)ee(e,r,{get:t[r],enumerable:!0})},Zt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Yt(t))!Jt.call(e,a)&&a!==r&&ee(e,a,{get:()=>t[a],enumerable:!(n=Xt(t,a))||n.enumerable});return e},Qt=e=>Zt(ee({},"__esModule",{value:!0}),e),$e={};Gt($e,{default:()=>tr});var er=Qt($e),P=$,_=me,tr=[{key:"youtube",name:"YouTube",canPlay:_.canPlay.youtube,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./YouTube-Chpmigf-.cjs")).then(e=>e.YouTube))},{key:"soundcloud",name:"SoundCloud",canPlay:_.canPlay.soundcloud,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./SoundCloud-DVmlWv2g.cjs")).then(e=>e.SoundCloud))},{key:"vimeo",name:"Vimeo",canPlay:_.canPlay.vimeo,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Vimeo-DdFP5z1P.cjs")).then(e=>e.Vimeo))},{key:"mux",name:"Mux",canPlay:_.canPlay.mux,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Mux-tp04uiAm.cjs")).then(e=>e.Mux))},{key:"facebook",name:"Facebook",canPlay:_.canPlay.facebook,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Facebook-Cxy7fSgc.cjs")).then(e=>e.Facebook))},{key:"streamable",name:"Streamable",canPlay:_.canPlay.streamable,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Streamable-BBV7DQsj.cjs")).then(e=>e.Streamable))},{key:"wistia",name:"Wistia",canPlay:_.canPlay.wistia,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Wistia-CTuM5tqn.cjs")).then(e=>e.Wistia))},{key:"twitch",name:"Twitch",canPlay:_.canPlay.twitch,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Twitch-CH7rLHNj.cjs")).then(e=>e.Twitch))},{key:"dailymotion",name:"DailyMotion",canPlay:_.canPlay.dailymotion,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./DailyMotion-BLODEbGN.cjs")).then(e=>e.DailyMotion))},{key:"mixcloud",name:"Mixcloud",canPlay:_.canPlay.mixcloud,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Mixcloud-BwTRg6SF.cjs")).then(e=>e.Mixcloud))},{key:"vidyard",name:"Vidyard",canPlay:_.canPlay.vidyard,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Vidyard-DGbMnWlF.cjs")).then(e=>e.Vidyard))},{key:"kaltura",name:"Kaltura",canPlay:_.canPlay.kaltura,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Kaltura-l-2u1Tm7.cjs")).then(e=>e.Kaltura))},{key:"file",name:"FilePlayer",canPlay:_.canPlay.file,canEnablePIP:e=>_.canPlay.file(e)&&(document.pictureInPictureEnabled||(0,P.supportsWebKitPresentationMode)())&&!_.AUDIO_EXTENSIONS.test(e),lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./FilePlayer-DyIgZGf2.cjs")).then(e=>e.FilePlayer))}],oe=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function rr(e,t){return!!(e===t||oe(e)&&oe(t))}function ar(e,t){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++)if(!rr(e[r],t[r]))return!1;return!0}function nr(e,t){t===void 0&&(t=ar);var r,n=[],a,o=!1;function y(){for(var f=[],u=0;u<arguments.length;u++)f[u]=arguments[u];return o&&r===this&&t(f,n)||(a=e.apply(this,f),o=!0,r=this,n=f),a}return y}const or=Object.freeze(Object.defineProperty({__proto__:null,default:nr},Symbol.toStringTag,{value:"Module"})),ir=j.getAugmentedNamespace(or);var sr=Object.create,U=Object.defineProperty,lr=Object.getOwnPropertyDescriptor,cr=Object.getOwnPropertyNames,ur=Object.getPrototypeOf,pr=Object.prototype.hasOwnProperty,dr=(e,t)=>{for(var r in t)U(e,r,{get:t[r],enumerable:!0})},Ie=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of cr(t))!pr.call(e,a)&&a!==r&&U(e,a,{get:()=>t[a],enumerable:!(n=lr(t,a))||n.enumerable});return e},yr=(e,t,r)=>(r=e!=null?sr(ur(e)):{},Ie(!e||!e.__esModule?U(r,"default",{value:e,enumerable:!0}):r,e)),fr=e=>Ie(U({},"__esModule",{value:!0}),e),Le={};dr(Le,{defaultProps:()=>mr,propTypes:()=>_r});var Ne=fr(Le),hr=yr(Ye.propTypesExports);const{string:p,bool:m,number:O,array:V,oneOfType:M,shape:v,object:h,func:c,node:ie}=hr.default,_r={url:M([p,V,h]),playing:m,loop:m,controls:m,volume:O,muted:m,playbackRate:O,width:M([p,O]),height:M([p,O]),style:h,progressInterval:O,playsinline:m,pip:m,stopOnUnmount:m,light:M([m,p,h]),playIcon:ie,previewTabIndex:O,previewAriaLabel:p,fallback:ie,oEmbedUrl:p,wrapper:M([p,c,v({render:c.isRequired})]),config:v({soundcloud:v({options:h}),youtube:v({playerVars:h,embedOptions:h,onUnstarted:c}),facebook:v({appId:p,version:p,playerId:p,attributes:h}),dailymotion:v({params:h}),vimeo:v({playerOptions:h,title:p}),mux:v({attributes:h,version:p}),file:v({attributes:h,tracks:V,forceVideo:m,forceAudio:m,forceHLS:m,forceSafariHLS:m,forceDisableHls:m,forceDASH:m,forceFLV:m,hlsOptions:h,hlsVersion:p,dashVersion:p,flvVersion:p}),wistia:v({options:h,playerId:p,customControls:V}),mixcloud:v({options:h}),twitch:v({options:h,playerId:p}),vidyard:v({options:h})}),onReady:c,onStart:c,onPlay:c,onPause:c,onBuffer:c,onBufferEnd:c,onEnded:c,onError:c,onDuration:c,onSeek:c,onPlaybackRateChange:c,onPlaybackQualityChange:c,onProgress:c,onClickPreview:c,onEnablePIP:c,onDisablePIP:c},d=()=>{},mr={playing:!1,loop:!1,controls:!1,volume:null,muted:!1,playbackRate:1,width:"640px",height:"360px",style:{},progressInterval:1e3,playsinline:!1,pip:!1,stopOnUnmount:!0,light:!1,fallback:null,wrapper:"div",previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}",config:{soundcloud:{options:{visual:!0,buying:!1,liking:!1,download:!1,sharing:!1,show_comments:!1,show_playcount:!1}},youtube:{playerVars:{playsinline:1,showinfo:0,rel:0,iv_load_policy:3,modestbranding:1},embedOptions:{},onUnstarted:d},facebook:{appId:"1309697205772819",version:"v3.3",playerId:null,attributes:{}},dailymotion:{params:{api:1,"endscreen-enable":!1}},vimeo:{playerOptions:{autopause:!1,byline:!1,portrait:!1,title:!1},title:null},mux:{attributes:{},version:"2"},file:{attributes:{},tracks:[],forceVideo:!1,forceAudio:!1,forceHLS:!1,forceDASH:!1,forceFLV:!1,hlsOptions:{},hlsVersion:"1.1.4",dashVersion:"3.1.3",flvVersion:"1.5.0",forceDisableHls:!1},wistia:{options:{},playerId:null,customControls:null},mixcloud:{options:{hide_cover:1}},twitch:{options:{},playerId:null},vidyard:{options:{}}},onReady:d,onStart:d,onPlay:d,onPause:d,onBuffer:d,onBufferEnd:d,onEnded:d,onError:d,onDuration:d,onSeek:d,onPlaybackRateChange:d,onPlaybackQualityChange:d,onProgress:d,onClickPreview:d,onEnablePIP:d,onDisablePIP:d};var Pr=Object.create,I=Object.defineProperty,vr=Object.getOwnPropertyDescriptor,br=Object.getOwnPropertyNames,gr=Object.getPrototypeOf,wr=Object.prototype.hasOwnProperty,Or=(e,t,r)=>t in e?I(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Sr=(e,t)=>{for(var r in t)I(e,r,{get:t[r],enumerable:!0})},De=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of br(t))!wr.call(e,a)&&a!==r&&I(e,a,{get:()=>t[a],enumerable:!(n=vr(t,a))||n.enumerable});return e},Ue=(e,t,r)=>(r=e!=null?Pr(gr(e)):{},De(!e||!e.__esModule?I(r,"default",{value:e,enumerable:!0}):r,e)),Tr=e=>De(I({},"__esModule",{value:!0}),e),l=(e,t,r)=>(Or(e,typeof t!="symbol"?t+"":t,r),r),ke={};Sr(ke,{default:()=>k});var xr=Tr(ke),se=Ue(x),Cr=Ue(ue.reactFastCompare),He=Ne,Mr=$;const Er=5e3;class k extends se.Component{constructor(){super(...arguments),l(this,"mounted",!1),l(this,"isReady",!1),l(this,"isPlaying",!1),l(this,"isLoading",!0),l(this,"loadOnReady",null),l(this,"startOnPlay",!0),l(this,"seekOnPlay",null),l(this,"onDurationCalled",!1),l(this,"handlePlayerMount",t=>{if(this.player){this.progress();return}this.player=t,this.player.load(this.props.url),this.progress()}),l(this,"getInternalPlayer",t=>this.player?this.player[t]:null),l(this,"progress",()=>{if(this.props.url&&this.player&&this.isReady){const t=this.getCurrentTime()||0,r=this.getSecondsLoaded(),n=this.getDuration();if(n){const a={playedSeconds:t,played:t/n};r!==null&&(a.loadedSeconds=r,a.loaded=r/n),(a.playedSeconds!==this.prevPlayed||a.loadedSeconds!==this.prevLoaded)&&this.props.onProgress(a),this.prevPlayed=a.playedSeconds,this.prevLoaded=a.loadedSeconds}}this.progressTimeout=setTimeout(this.progress,this.props.progressFrequency||this.props.progressInterval)}),l(this,"handleReady",()=>{if(!this.mounted)return;this.isReady=!0,this.isLoading=!1;const{onReady:t,playing:r,volume:n,muted:a}=this.props;t(),!a&&n!==null&&this.player.setVolume(n),this.loadOnReady?(this.player.load(this.loadOnReady,!0),this.loadOnReady=null):r&&this.player.play(),this.handleDurationCheck()}),l(this,"handlePlay",()=>{this.isPlaying=!0,this.isLoading=!1;const{onStart:t,onPlay:r,playbackRate:n}=this.props;this.startOnPlay&&(this.player.setPlaybackRate&&n!==1&&this.player.setPlaybackRate(n),t(),this.startOnPlay=!1),r(),this.seekOnPlay&&(this.seekTo(this.seekOnPlay),this.seekOnPlay=null),this.handleDurationCheck()}),l(this,"handlePause",t=>{this.isPlaying=!1,this.isLoading||this.props.onPause(t)}),l(this,"handleEnded",()=>{const{activePlayer:t,loop:r,onEnded:n}=this.props;t.loopOnEnded&&r&&this.seekTo(0),r||(this.isPlaying=!1,n())}),l(this,"handleError",(...t)=>{this.isLoading=!1,this.props.onError(...t)}),l(this,"handleDurationCheck",()=>{clearTimeout(this.durationCheckTimeout);const t=this.getDuration();t?this.onDurationCalled||(this.props.onDuration(t),this.onDurationCalled=!0):this.durationCheckTimeout=setTimeout(this.handleDurationCheck,100)}),l(this,"handleLoaded",()=>{this.isLoading=!1})}componentDidMount(){this.mounted=!0}componentWillUnmount(){clearTimeout(this.progressTimeout),clearTimeout(this.durationCheckTimeout),this.isReady&&this.props.stopOnUnmount&&(this.player.stop(),this.player.disablePIP&&this.player.disablePIP()),this.mounted=!1}componentDidUpdate(t){if(!this.player)return;const{url:r,playing:n,volume:a,muted:o,playbackRate:y,pip:f,loop:u,activePlayer:g,disableDeferredLoading:b}=this.props;if(!(0,Cr.default)(t.url,r)){if(this.isLoading&&!g.forceLoad&&!b&&!(0,Mr.isMediaStream)(r)){console.warn(`ReactPlayer: the attempt to load ${r} is being deferred until the player has loaded`),this.loadOnReady=r;return}this.isLoading=!0,this.startOnPlay=!0,this.onDurationCalled=!1,this.player.load(r,this.isReady)}!t.playing&&n&&!this.isPlaying&&this.player.play(),t.playing&&!n&&this.isPlaying&&this.player.pause(),!t.pip&&f&&this.player.enablePIP&&this.player.enablePIP(),t.pip&&!f&&this.player.disablePIP&&this.player.disablePIP(),t.volume!==a&&a!==null&&this.player.setVolume(a),t.muted!==o&&(o?this.player.mute():(this.player.unmute(),a!==null&&setTimeout(()=>this.player.setVolume(a)))),t.playbackRate!==y&&this.player.setPlaybackRate&&this.player.setPlaybackRate(y),t.loop!==u&&this.player.setLoop&&this.player.setLoop(u)}getDuration(){return this.isReady?this.player.getDuration():null}getCurrentTime(){return this.isReady?this.player.getCurrentTime():null}getSecondsLoaded(){return this.isReady?this.player.getSecondsLoaded():null}seekTo(t,r,n){if(!this.isReady){t!==0&&(this.seekOnPlay=t,setTimeout(()=>{this.seekOnPlay=null},Er));return}if(r?r==="fraction":t>0&&t<1){const o=this.player.getDuration();if(!o){console.warn("ReactPlayer: could not seek using fraction – duration not yet available");return}this.player.seekTo(o*t,n);return}this.player.seekTo(t,n)}render(){const t=this.props.activePlayer;return t?se.default.createElement(t,{...this.props,onMount:this.handlePlayerMount,onReady:this.handleReady,onPlay:this.handlePlay,onPause:this.handlePause,onEnded:this.handleEnded,onLoaded:this.handleLoaded,onError:this.handleError}):null}}l(k,"displayName","Player");l(k,"propTypes",He.propTypes);l(k,"defaultProps",He.defaultProps);var Ar=Object.create,L=Object.defineProperty,jr=Object.getOwnPropertyDescriptor,Rr=Object.getOwnPropertyNames,$r=Object.getPrototypeOf,Ir=Object.prototype.hasOwnProperty,Lr=(e,t,r)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Nr=(e,t)=>{for(var r in t)L(e,r,{get:t[r],enumerable:!0})},ze=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Rr(t))!Ir.call(e,a)&&a!==r&&L(e,a,{get:()=>t[a],enumerable:!(n=jr(t,a))||n.enumerable});return e},N=(e,t,r)=>(r=e!=null?Ar($r(e)):{},ze(!e||!e.__esModule?L(r,"default",{value:e,enumerable:!0}):r,e)),Dr=e=>ze(L({},"__esModule",{value:!0}),e),s=(e,t,r)=>(Lr(e,typeof t!="symbol"?t+"":t,r),r),Ve={};Nr(Ve,{createReactPlayer:()=>Kr});var Ur=Dr(Ve),S=N(x),kr=N(de),q=N(ir),le=N(ue.reactFastCompare),A=Ne,qe=$,Hr=N(xr);const zr=(0,qe.lazy)(()=>Promise.resolve().then(()=>require("./Preview-2LWO1jPt.cjs")).then(e=>e.Preview)),Vr=typeof window<"u"&&window.document&&typeof document<"u",qr=typeof j.commonjsGlobal<"u"&&j.commonjsGlobal.window&&j.commonjsGlobal.window.document,Fr=Object.keys(A.propTypes),Br=Vr||qr?S.Suspense:()=>null,E=[],Kr=(e,t)=>{var r;return r=class extends S.Component{constructor(){super(...arguments),s(this,"state",{showPreview:!!this.props.light}),s(this,"references",{wrapper:n=>{this.wrapper=n},player:n=>{this.player=n}}),s(this,"handleClickPreview",n=>{this.setState({showPreview:!1}),this.props.onClickPreview(n)}),s(this,"showPreview",()=>{this.setState({showPreview:!0})}),s(this,"getDuration",()=>this.player?this.player.getDuration():null),s(this,"getCurrentTime",()=>this.player?this.player.getCurrentTime():null),s(this,"getSecondsLoaded",()=>this.player?this.player.getSecondsLoaded():null),s(this,"getInternalPlayer",(n="player")=>this.player?this.player.getInternalPlayer(n):null),s(this,"seekTo",(n,a,o)=>{if(!this.player)return null;this.player.seekTo(n,a,o)}),s(this,"handleReady",()=>{this.props.onReady(this)}),s(this,"getActivePlayer",(0,q.default)(n=>{for(const a of[...E,...e])if(a.canPlay(n))return a;return t||null})),s(this,"getConfig",(0,q.default)((n,a)=>{const{config:o}=this.props;return kr.default.all([A.defaultProps.config,A.defaultProps.config[a]||{},o,o[a]||{}])})),s(this,"getAttributes",(0,q.default)(n=>(0,qe.omit)(this.props,Fr))),s(this,"renderActivePlayer",n=>{if(!n)return null;const a=this.getActivePlayer(n);if(!a)return null;const o=this.getConfig(n,a.key);return S.default.createElement(Hr.default,{...this.props,key:a.key,ref:this.references.player,config:o,activePlayer:a.lazyPlayer||a,onReady:this.handleReady})})}shouldComponentUpdate(n,a){return!(0,le.default)(this.props,n)||!(0,le.default)(this.state,a)}componentDidUpdate(n){const{light:a}=this.props;!n.light&&a&&this.setState({showPreview:!0}),n.light&&!a&&this.setState({showPreview:!1})}renderPreview(n){if(!n)return null;const{light:a,playIcon:o,previewTabIndex:y,oEmbedUrl:f,previewAriaLabel:u}=this.props;return S.default.createElement(zr,{url:n,light:a,playIcon:o,previewTabIndex:y,previewAriaLabel:u,oEmbedUrl:f,onClick:this.handleClickPreview})}render(){const{url:n,style:a,width:o,height:y,fallback:f,wrapper:u}=this.props,{showPreview:g}=this.state,b=this.getAttributes(n),C=typeof u=="string"?this.references.wrapper:void 0;return S.default.createElement(u,{ref:C,style:{...a,width:o,height:y},...b},S.default.createElement(Br,{fallback:f},g?this.renderPreview(n):this.renderActivePlayer(n)))}},s(r,"displayName","ReactPlayer"),s(r,"propTypes",A.propTypes),s(r,"defaultProps",A.defaultProps),s(r,"addCustomPlayer",n=>{E.push(n)}),s(r,"removeCustomPlayers",()=>{E.length=0}),s(r,"canPlay",n=>{for(const a of[...E,...e])if(a.canPlay(n))return!0;return!1}),s(r,"canEnablePIP",n=>{for(const a of[...E,...e])if(a.canEnablePIP&&a.canEnablePIP(n))return!0;return!1}),r};var Wr=Object.create,H=Object.defineProperty,Xr=Object.getOwnPropertyDescriptor,Yr=Object.getOwnPropertyNames,Jr=Object.getPrototypeOf,Gr=Object.prototype.hasOwnProperty,Zr=(e,t)=>{for(var r in t)H(e,r,{get:t[r],enumerable:!0})},Fe=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Yr(t))!Gr.call(e,a)&&a!==r&&H(e,a,{get:()=>t[a],enumerable:!(n=Xr(t,a))||n.enumerable});return e},Qr=(e,t,r)=>(r=e!=null?Wr(Jr(e)):{},Fe(!e||!e.__esModule?H(r,"default",{value:e,enumerable:!0}):r,e)),ea=e=>Fe(H({},"__esModule",{value:!0}),e),Be={};Zr(Be,{default:()=>na});var ta=ea(Be),W=Qr(er),ra=Ur;const aa=W.default[W.default.length-1];var na=(0,ra.createReactPlayer)(W.default,aa);const oa=j.getDefaultExportFromCjs(ta),ia="data:image/svg+xml,%3csvg%20width='65'%20height='65'%20viewBox='0%200%2065%2065'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.253906'%20y='0.5'%20width='64'%20height='64'%20rx='32'%20fill='url(%23paint0_linear_59350_95007)'/%3e%3cpath%20d='M21.0039%2047.5001C20.6724%2047.5001%2020.3544%2047.3684%2020.12%2047.134C19.8856%2046.8996%2019.7539%2046.5816%2019.7539%2046.2501V18.7501C19.7539%2018.5329%2019.8105%2018.3194%2019.9181%2018.1307C20.0257%2017.942%2020.1807%2017.7846%2020.3677%2017.674C20.5546%2017.5635%2020.7672%2017.5035%2020.9844%2017.5002C21.2016%2017.4968%2021.4159%2017.55%2021.6063%2017.6547L46.6063%2031.4047C46.8024%2031.5126%2046.966%2031.6711%2047.0799%2031.8638C47.1939%2032.0565%2047.254%2032.2762%2047.254%2032.5C47.254%2032.7239%2047.1939%2032.9436%2047.0799%2033.1363C46.966%2033.3289%2046.8024%2033.4875%2046.6063%2033.5953L21.6063%2047.3453C21.4217%2047.4468%2021.2145%2047.5001%2021.0039%2047.5001Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_59350_95007'%20x1='32.2539'%20y1='64.5'%20x2='32.254'%20y2='0.499999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF7621'/%3e%3cstop%20offset='1'%20stop-color='%23FF9706'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",sa=({thumbnail:e})=>i.jsxs(Ze,{children:[i.jsx("img",{src:e,className:"section__thumbnail",alt:"Thumbnail"}),i.jsx("img",{src:ia,className:"section__play",alt:"Play"})]}),la=x.forwardRef(({video:e,thumbnail:t},r)=>{const n=Je.useDetectMobile();return i.jsx(oa,{url:e,playing:!0,controls:!0,width:n?"100%":"31.25rem",height:n?"100%":"18.75rem",light:!0,playIcon:i.jsx(sa,{thumbnail:t})})}),ca=X.styled.div`
display: flex;
justify-content: space-between;
align-items: center;
& .section__left {
display: flex;
flex-direction: column;
gap: 2rem;
&.search {
gap: 0.75rem;
}
& .section__title {
color: var(--gray-900, #0c1520);
font-size: 1.75rem;
font-style: normal;
font-weight: 600;
line-height: 2.25rem;
letter-spacing: -0.0369rem;
}
& .section__text-input {
border-radius: 999px;
height: 3rem;
min-height: 3rem;
border: 1px solid var(--gray-200, #e4e9f0);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
outline: none;
& input::placeholder {
color: var(--gray-500, #7a8594);
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.0156rem;
}
& .section__prefix {
color: var(--gray-500, #7a8594);
}
}
& .section__description {
color: var(--gray-500, #7a8594);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
letter-spacing: -0.0112rem;
}
& .section__tags {
display: flex;
align-items: center;
gap: 1.25rem;
& .section__suggested {
color: var(--neutral-900, #0c1520);
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
letter-spacing: 0.025rem;
}
}
}
& .section__right {
& video {
border-radius: 1rem;
overflow: hidden;
object-fit: cover;
}
}
@media ${ce.down("S")} {
flex-direction: column;
gap: 1.5rem;
& .section__left {
width: 100%;
text-align: center;
& .section__suggested {
display: none;
}
}
& .section__text-input {
width: 100%;
}
}
`,ua=x.forwardRef(({title:e,description:t,suggestedText:r="Suggested",searchPlaceholderText:n="Search for rules, tempates, forms and more",tags:a=[],includeSearch:o=!1,video:y,thumbnail:f},u)=>i.jsxs(ca,{ref:u,children:[o?i.jsxs("div",{className:"section__left search",children:[i.jsx("div",{children:e&&i.jsx("div",{className:"section__title",children:e})}),i.jsx(Ke,{className:"section__text-input",placeholder:n,prefix:i.jsx(We,{icon:" mng-lnc-search",sizeInUnits:"1.25rem",className:"section__prefix"}),color:"neutral"}),i.jsxs("div",{className:"section__tags",children:[i.jsx("div",{className:"section__suggested",children:r}),i.jsx(te,{tags:a})]})]}):i.jsxs("div",{className:"section__left",children:[i.jsxs("div",{children:[e&&i.jsx("div",{className:"section__title",children:e}),t&&i.jsx("div",{className:"section__description",children:t})]}),i.jsx("div",{className:"section__tags",children:i.jsx(te,{tags:a})})]}),i.jsx("div",{className:"section__right",children:i.jsx(la,{video:y,thumbnail:f})})]}));exports.SearchSection=ua;exports.patterns=me;exports.utils=$;