https://troutmuseumart.org/wp-content/plugins/shopwp-pro/dist/Prod…edImageVideo-public.a81f193e348663dea15a.js

1"use strict";(self.webpackChunkshopwp=self.webpackChunkshopwp||[]).push([["ProductFeaturedImageVideo-public"],{"./npm-packages/@shopwp/components/src/products/product/images/video/index.jsx"(e,t,a){a.r(t),a.d(t,{default:()=>j});var l=a("react");const r=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,n=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,o=/\.(m3u8)($|\?)/i,s=/\.(mpd)($|\?)/i,i=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,c=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,d=/vimeo\.com\/(?!progressive_redirect).+/,u=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,m=/open\.spotify\.com\/(\w+)\/(\w+)/i,y=/(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+|(videos?\/|\?video=)\d+)($|\?)/,p=/tiktok\.com\/(?:player\/v1\/|share\/video\/|@[^/]+\/video\/)([0-9]+)/,h=(e,t)=>{if(Array.isArray(e)){for(const a of e){if("string"==typeof a&&h(a,t))return!0;if(h(a.src,t))return!0}return!1}return t(e)},P={html:e=>h(e,(e=>r.test(e)||n.test(e))),hls:e=>h(e,(e=>o.test(e))),dash:e=>h(e,(e=>s.test(e))),mux:e=>i.test(e),youtube:e=>c.test(e),vimeo:e=>d.test(e)&&!n.test(e)&&!o.test(e),wistia:e=>u.test(e),spotify:e=>m.test(e),twitch:e=>y.test(e),tiktok:e=>p.test(e)};var v=l.forwardRef(((e,t)=>{const a=r.test(`${e.src}`)?"audio":"video";return l.createElement(a,{...e,ref:t},e.children)})),b=[{key:"hls",name:"hls.js",canPlay:P.hls,canEnablePIP:()=>!0,player:(0,l.lazy)((()=>Promise.all([a.e("vendors-node_modules_custom-media-element_dist_custom-media-element_js-node_modules_media-tra-5c40ae"),a.e("vendors-node_modules_hls_js_dist_hls_mjs"),a.e("reactPlayerHls")]).then(a.bind(a,"./node_modules/hls-video-element/dist/react.js"))))},{key:"dash",name:"dash.js",canPlay:P.dash,canEnablePIP:()=>!0,player:(0,l.lazy)((()=>Promise.all([a.e("vendors-node_modules_custom-media-element_dist_custom-media-element_js-node_modules_media-tra-5c40ae"),a.e("reactPlayerDash")]).then(a.bind(a,"./node_modules/dash-video-element/dist/react.js"))))},{key:"mux",name:"Mux",canPlay:P.mux,canEnablePIP:()=>!0,player:(0,l.lazy)((()=>Promise.all([a.e("vendors-node_modules_custom-media-element_dist_custom-media-element_js-node_modules_media-tra-5c40ae"),a.e("vendors-node_modules_hls_js_dist_hls_mjs"),a.e("reactPlayerMux")]).then(a.bind(a,"./node_modules/@mux/mux-player-react/dist/index.mjs"))))},{key:"youtube",name:"YouTube",canPlay:P.youtube,player:(0,l.lazy)((()=>a.e("reactPlayerYouTube").then(a.bind(a,"./node_modules/youtube-video-element/dist/react.js"))))},{key:"vimeo",name:"Vimeo",canPlay:P.vimeo,player:(0,l.lazy)((()=>a.e("reactPlayerVimeo").then(a.bind(a,"./node_modules/vimeo-video-element/dist/react.js"))))},{key:"wistia",name:"Wistia",canPlay:P.wistia,canEnablePIP:()=>!0,player:(0,l.lazy)((()=>a.e("reactPlayerWistia").then(a.bind(a,"./node_modules/wistia-video-element/dist/react.js"))))},{key:"spotify",name:"Spotify",canPlay:P.spotify,canEnablePIP:()=>!1,player:(0,l.lazy)((()=>a.e("reactPlayerSpotify").then(a.bind(a,"./node_modules/spotify-audio-element/dist/react.js"))))},{key:"twitch",name:"Twitch",canPlay:P.twitch,canEnablePIP:()=>!1,player:(0,l.lazy)((()=>a.e("reactPlayerTwitch").then(a.bind(a,"./node_modules/twitch-video-element/dist/react.js"))))}

1,{key:"tiktok",name:"TikTok",canPlay:P.tiktok,canEnablePIP:()=>!1,player:(0,l.lazy)((()=>a.e("reactPlayerTiktok").then(a.bind(a,"./node_modules/tiktok-video-element/dist/react.js"))))},{key:"html",name:"html",canPlay:P.html,canEnablePIP:()=>!0,player:v}];const f={width:"320px",height:"180px",volume:1,playbackRate:1,previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}"},w=l.forwardRef(((e,t)=>{const{playing:a,pip:r}=e,n=e.activePlayer,o=(0,l.useRef)(null),s=(0,l.useRef)(!0);if((0,l.useEffect)((()=>{var t,l;o.current&&(o.current.paused&&!0===a&&o.current.play(),o.current.paused||!1!==a||o.current.pause(),o.current.playbackRate=null!=(t=e.playbackRate)?t:1,o.current.volume=null!=(l=e.volume)?l:1)})),(0,l.useEffect)((()=>{var e,t,a,l,n;if(o.current&&globalThis.document){if(r&&!document.pictureInPictureElement)try{null==(t=(e=o.current).requestPictureInPicture)||t.call(e)}catch(e){}if(!r&&document.pictureInPictureElement)try{null==(l=(a=o.current).exitPictureInPicture)||l.call(a),null==(n=document.exitPictureInPicture)||n.call(document)}catch(e){}}}),[r]),!n)return null;const i={},c=["onReady","onStart"];for(const t in e)t.startsWith("on")&&!c.includes(t)&&(i[t]=e[t]);return l.createElement(n,{...i,style:e.style,className:e.className,slot:e.slot,ref:(0,l.useCallback)((e=>{o.current=e,"function"==typeof t?t(e):null!==t&&(t.current=e)}),[t]),src:e.src,crossOrigin:e.crossOrigin,preload:e.preload,controls:e.controls,muted:e.muted,autoPlay:e.autoPlay,loop:e.loop,playsInline:e.playsInline,disableRemotePlayback:e.disableRemotePlayback,config:e.config,onLoadStart:t=>{var a,l;s.current=!0,null==(a=e.onReady)||a.call(e),null==(l=e.onLoadStart)||l.call(e,t)},onPlay:t=>{var a,l;s.current&&(s.current=!1,null==(a=e.onStart)||a.call(e,t)),null==(l=e.onPlay)||l.call(e,t)}},e.children)}));w.displayName="Player";var _=w;const k=(0,l.lazy)((()=>a.e("reactPlayerPreview").then(a.bind(a,"./node_modules/react-player/dist/Preview.js")))),g=[],E=({children:e})=>e;var I=((e,t)=>{const a=l.forwardRef(((a,r)=>{const n={...f,...a},{src:o,slot:s,className:i,style:c,width:d,height:u,fallback:m,wrapper:y}=n,[p,h]=(0,l.useState)(!!n.light);(0,l.useEffect)((()=>{n.light?h(!0):h(!1)}),[n.light]);const P=e=>{var t;h(!1),null==(t=n.onClickPreview)||t.call(n,e)},v=null==y?E:y,b=!1===m?E:l.Suspense;return l.createElement(v,{slot:s,className:i,style:{width:d,height:u,...c}},l.createElement(b,{fallback:m},p?(e=>{if(!e)return null;const{light:t,playIcon:a,previewTabIndex:r,oEmbedUrl:o,previewAriaLabel:s}=n;return l.createElement(k,{src:e,light:t,playIcon:a,previewTabIndex:r,previewAriaLabel:s,oEmbedUrl:o,onClickPreview:P})})(o):(a=>{var o,c;const d=(a=>{for(const t of[...g,...e])if(a&&t.canPlay(a))return t;return t||null})(a);if(!d)return null;const{style:u,width:m,height:y,wrapper:p}=n,h=null==(o=n.config)?void 0:o[d.key];return l.createElement(_,{...n,ref:r,activePlayer:null!=(c=d.player)?c:d,slot:p?void 0:s,className:p?void 0:i,style:p?{display:"block",width:"100%",height:"100%"}:{display:"block",width:m,height:y,...u},config:h})})(o)))}));return a.displayName="ReactPlayer",a.addCustomPlayer=e=>{g.push(e)},a.removeCustomPlayers=()=>{g.length=0},a.canPlay=t=>{if(t)for(const a of[...g,...e])if(a.canPlay(t))return!0;return!1},a.canEnablePIP=t=>{var a;if(t)for(const l of[...g,...e])if(l.canPlay(t)&&(null==(a=l.canEnablePIP)?void 0:a.call(l)))return!0;return!1},a})(b,b[b.length-1]);const j=function(e){var t=e.videoData;return React.createElement("div",{className:"swp-image-video"},React.createElement(I,{className:"react-player",src:"EXTERNAL_VIDEO"===t.mediaContentType?t.embeddedUrl:t.sources[0].url,controls:!0,width:"100%",height:"100%"}))}}}]);