(("undefined"!=typeof self?self:this).webpackJsonp__wix_communities_blog_ooi=("undefined"!=typeof self?self:this).webpackJsonp__wix_communities_blog_ooi||[]).push([[7314],{24001:(e,t,i)=>{"use strict";i.d(t,{JT:()=>n,K$:()=>o,_t:()=>d,a1:()=>s});var r=i(42049),a=i(29204);const s={insertVideo:`${r.A.VIDEO}.insertVideo`,insertYoutube:`${r.A.VIDEO}.insertYoutube`,replace:`${r.A.VIDEO}.replace`,settings:`${r.A.VIDEO}.settings`},o={alignment:`${r.A.VIDEO}.alignment`,size:`${r.A.VIDEO}.size`},n={scroll:"scroll"},d={containerData:{alignment:a.n8.CENTER,width:{size:a.Np.CONTENT},textWrap:!0}}},48460:(e,t,i)=>{"use strict";i.d(t,{A2:()=>u,Fu:()=>o,GT:()=>n,NK:()=>c,Q0:()=>m,bl:()=>r,ec:()=>l,jC:()=>d,uE:()=>s,wL:()=>p,xD:()=>a});const r="videoPlayer",a="reactPlayerFile",s="videoMediaUrlModal",o="insertPluginModalTabs",n="Embed_Tab",d="videoMediaUrlModalInput",p="actionButtonSave",l="Upload_Tab",c="videoUploadModalCustomVideo",m="videoDownloadToggle",u="videoSpoilerToggle"},11948:(e,t,i)=>{"use strict";i.d(t,{A:()=>r});var r={video_player:"U5BMo",videoOverlay:"_5dK9z",video_container:"kLbyY"}},87314:(e,t,i)=>{"use strict";i.d(t,{C:()=>v});var r=i(60751),a=i.n(r),s=i(83202),o=i.n(s),n=i(48542),d=i(25019),p=i(44713),l=i.n(p);var c=({isCustomVideo:e,url:t})=>{const i=e?t:l().create({videoInfo:l().parse(t),format:"embed"});return a().createElement("iframe",{"data-hook":"video-ssr-viewer",title:"ricos-video",style:{width:"100%"},allow:"fullscreen",src:i,allowFullScreen:!0,loading:"lazy"})},m=i(39510),u=i(24001),h=i(48460);const y=({styles:e,disabled:t,onReady:i,onDuration:s,onProgress:o,url:n,width:p,height:l,progressInterval:c,config:y,muted:f,isLoaded:v,controls:T,className:b,onContextMenu:U,loop:g,isCustomVideo:I,autoPlay:E,...w})=>{const D=(0,r.useRef)(null),L=(0,r.useRef)(null),[A,O]=(0,r.useState)(!1),[P,V]=(0,r.useState)(!1),[C,S]=(0,r.useState)(!1),R=()=>{const e=!(0,d.f)()&&function(e){const t=/vimeo\.com\/.+/;return!/vimeo\.com\/external\/[0-9]+\..+/.test(e)&&t.test(e)}(n)&&!window.Vimeo;return e&&window.requirejs};(0,r.useEffect)((()=>{R()&&window.require(["https://player.vimeo.com/api/player.js"],(e=>{window.Vimeo={Player:e},O(!0)}));const e=E?N():void 0;return()=>{e?.()}}),[]);const N=()=>{if(!window?.IntersectionObserver||!D.current||!L.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&!t&&!C?(w.isLight&&D.current?.state.showPreview&&D.current.handleClickPreview(),Y()):M(u.JT.scroll)}))}));return e.observe(L.current),()=>{e.disconnect()}},Y=()=>{P||V(!0)},M=e=>{if(P){const t=e!==u.JT.scroll;V(!1),S(t)}},k=()=>{I&&!T&&(P?M():Y())};if(!A&&R())return null;const F=w.isLight&&w.thumbnail;return a().createElement("div",{ref:L},a().createElement(m.D,{previewAriaLabel:"Play video",playing:P&&!t,onPlay:Y,onPause:M,controls:T,style:e,light:F,onReady:()=>{F&&Y(),i?.(D)},url:n,width:p,height:l,onDuration:s,onProgress:o,progressInterval:c,muted:f,"data-loaded":v,className:b,onContextMenu:U,ref:D,loop:g,config:{...y,file:{...y?.file,attributes:new Object({...y?.file?.attributes,"data-hook":h.xD,onClick:k,onKeyDown:e=>{"Enter"!==e.code&&"Space"!==e.code||k()}})}}}))};var f=i(11948);const v=({config:e,componentData:t,nodeId:i,isLight:s,onReady:p,isLoaded:l,seoMode:m,muted:u,onDuration:h,disabled:v})=>{const[b,U]=(0,r.useState)(""),[g,I]=(0,r.useState)((()=>({isLoaded:!1,isVideoWrapperAttachedToDom:!1,url:(()=>{const{src:i}=t.video||{};if(i?.url){return{type:"READY",loadedUrl:T(i.url)}}if(i?.id&&e.getVideoUrl)try{const t=e.getVideoUrl({pathname:i.id});return"string"==typeof t?{type:"READY",loadedUrl:T(t),startingId:i.id}:{type:"INITIAL"}}catch(e){return{type:"INITIAL"}}return{type:"INITIAL"}})(),thumbnailUrl:(()=>{const i=t?.thumbnail?.src?.id,r=t?.thumbnail?.src?.url;if(r)return{type:"READY",loadedUrl:r};if(!i||!e.getThumbnailUrl)return{type:"INITIAL"};try{const t=e.getThumbnailUrl({pathname:i});if("string"==typeof t)return{type:"READY",loadedUrl:t,startingId:i}}catch(e){return{type:"INITIAL"}}return{type:"INITIAL"}})()})));(0,r.useEffect)((()=>{U("mounted")}),[]),(0,r.useEffect)((()=>{(async()=>{const{src:i}=t.video||{},r=g.url;if("LOADING"!==r.type)if(i?.url){const e=T(i.url);if("READY"===r.type&&r.loadedUrl===e)return;I((t=>({...t,url:{type:"READY",loadedUrl:e}})))}else{if(i?.id&&e.getVideoUrl){if("READY"===r.type&&r.startingId===i.id)return;I((e=>({...e,url:{type:"LOADING"}})));try{const t=await e.getVideoUrl({pathname:i.id});return void I((e=>({...e,url:{type:"READY",loadedUrl:T(t),startingId:i.id}})))}catch(e){return void I((e=>({...e,url:{type:"READY",startingId:i.id}})))}}"READY"!==r.type&&I((e=>({...e,url:{type:"READY"}})))}})()}),[t.video,e.getVideoUrl,g.url]),(0,r.useEffect)((()=>{(async()=>{const{src:i}=t.thumbnail||{},r=i?.id,a=i?.url,s=g.thumbnailUrl;if(a){if("READY"===g.thumbnailUrl.type&&a===g.thumbnailUrl.loadedUrl)return;I((e=>({...e,thumbnailUrl:{type:"READY",loadedUrl:a}})))}else if("LOADING"!==s.type)if(r)if(e.getThumbnailUrl){if("READY"!==s.type||s.startingId!==r||!s.loadedUrl)try{I((e=>({...e,thumbnailUrl:{type:"LOADING"}})));const t=await e.getThumbnailUrl({pathname:r});I((e=>({...e,thumbnailUrl:{type:"READY",loadedUrl:t,startingId:r}})))}catch(e){I((e=>({...e,thumbnailUrl:{type:"READY",startingId:r}})))}}else("INITIAL"===s.type||"READY"===s.type&&s.startingId!==r)&&I((e=>({...e,thumbnailUrl:{type:"READY",startingId:r}})));else"INITIAL"===s.type&&I((e=>({...e,thumbnailUrl:{type:"READY"}})))})()}),[t.thumbnail,e.getThumbnailUrl,g.thumbnailUrl]),(0,r.useEffect)((()=>{if(!g.isVideoWrapperAttachedToDom){const e=E();e&&(w(e.ratio,e.wrapper),I((e=>({...e,isVideoWrapperAttachedToDom:!0}))))}}),[g.isVideoWrapperAttachedToDom]);const E=()=>{const e=o().findDOMNode(void 0)?.parentNode;if(!e)return;const t=e.querySelector("iframe, video");if(!t)return;const i=t.clientHeight/t.clientWidth;return isNaN(i)?void 0:{ratio:i,wrapper:e}},w=(e,t)=>{t.style["padding-bottom"]=100*e+"%"},D="READY"===g.url.type?g.url.loadedUrl:void 0;if(!D)return null;const L=!!t.video?.src?.id,A=(0,d.f)()&&m&&D,{autoPlay:O=!1,playInLoop:P=!1,showControls:V=!0}=t.options||{};return A?a().createElement(c,{isCustomVideo:L,url:D}):a().createElement(y,{className:f.A.video_player,onContextMenu:e=>t.disableDownload&&e.preventDefault(),controls:!1!==l&&V,url:D,onReady:e=>{p?p(e):l||I((e=>({...e,isLoaded:!0})))},disabled:v,width:"100%",height:"100%",key:b,onDuration:h,onProgress:t=>{e.onProgress?.({...t,id:i})},progressInterval:e.progressInterval||1e3,muted:u||O,isLoaded:l||g.isLoaded,autoPlay:O,loop:P,isCustomVideo:L,...s?{isLight:!0,thumbnail:"READY"===g.thumbnailUrl.type?g.thumbnailUrl.loadedUrl:void 0}:{isLight:!1},...(0,n.O)(t?.disableDownload)&&t.disableDownload||(0,n.O)(e?.disableDownload)&&e.disableDownload?{config:{file:{attributes:{controlsList:"nodownload"}}}}:{config:{}}})},T=e=>e&&(0===e.toLowerCase().indexOf("vimeo")?"https://"+e:e)},48542:(e,t,i)=>{"use strict";i.d(t,{O:()=>r});const r=e=>null!=e},44713:function(e){e.exports=function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e){var t,i=0,r={s:1,m:60,h:3600,d:86400,w:604800};t=(e=e.replace(/([smhdw])/g," $1 ").trim()).split(" ");for(var a=0;a