UNPKG

@lanaco/lnc-react-ui

Version:

React component library

2 lines (1 loc) 3.32 kB
"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),h=require("./SearchSection-CgbZsVg2.cjs");function m(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const s in o)if(s!=="default"&&!(s in t)){const p=Object.getOwnPropertyDescriptor(o,s);p&&Object.defineProperty(t,s,p.get?p:{enumerable:!0,get:()=>o[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,i=Object.defineProperty,O=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,S=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,k=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},b=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of D(e))!E.call(t,s)&&s!==r&&i(t,s,{get:()=>e[s],enumerable:!(o=O(e,s))||o.enumerable});return t},I=(t,e,r)=>(r=t!=null?v(S(t)):{},b(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),w=t=>b(i({},"__esModule",{value:!0}),t),a=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),d={};k(d,{default:()=>l});var _=w(d),u=I(g),n=h.utils,F=h.patterns;const c="https://connect.facebook.net/en_US/sdk.js",y="FB",f="fbAsyncInit",L="facebook-player-";class l extends u.Component{constructor(){super(...arguments),a(this,"callPlayer",n.callPlayer),a(this,"playerID",this.props.config.playerId||`${L}${(0,n.randomString)()}`),a(this,"mute",()=>{this.callPlayer("mute")}),a(this,"unmute",()=>{this.callPlayer("unmute")})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){if(r){(0,n.getSDK)(c,y,f).then(o=>o.XFBML.parse());return}(0,n.getSDK)(c,y,f).then(o=>{o.init({appId:this.props.config.appId,xfbml:!0,version:this.props.config.version}),o.Event.subscribe("xfbml.render",s=>{this.props.onLoaded()}),o.Event.subscribe("xfbml.ready",s=>{s.type==="video"&&s.id===this.playerID&&(this.player=s.instance,this.player.subscribe("startedPlaying",this.props.onPlay),this.player.subscribe("paused",this.props.onPause),this.player.subscribe("finishedPlaying",this.props.onEnded),this.player.subscribe("startedBuffering",this.props.onBuffer),this.player.subscribe("finishedBuffering",this.props.onBufferEnd),this.player.subscribe("error",this.props.onError),this.props.muted?this.callPlayer("mute"):this.callPlayer("unmute"),this.props.onReady(),document.getElementById(this.playerID).querySelector("iframe").style.visibility="visible")})})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentPosition")}getSecondsLoaded(){return null}render(){const{attributes:e}=this.props.config,r={width:"100%",height:"100%"};return u.default.createElement("div",{style:r,id:this.playerID,className:"fb-video","data-href":this.props.url,"data-autoplay":this.props.playing?"true":"false","data-allowfullscreen":"true","data-controls":this.props.controls?"true":"false",...e})}}a(l,"displayName","Facebook");a(l,"canPlay",F.canPlay.facebook);a(l,"loopOnEnded",!0);const M=P.getDefaultExportFromCjs(_),x=m({__proto__:null,default:M},[_]);exports.Facebook=x;