https://www.clubic.com/_next/static/chunks/reactPlayerTiktok.fae860217683566a.js

1try{!function(){var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="b90c2bb3-be49-40bb-b0f5-046cdb4a94a7",e._sentryDebugIdIdentifier="sentry-dbid-b90c2bb3-be49-40bb-b0f5-046cdb4a94a7")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8085],{63888:(e,t,r)=>{r.r(t),r.d(t,{default:()=>k});var o=r(29205),n=r(7620);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){(0,o.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let a=/tiktok\.com\/(?:player\/v1\/|share\/video\/|@[^/]+\/video\/)([0-9]+)/,l={[-1]:"emptied",2:"pause",0:"ended",1:"play",3:"waiting"};function u(e,t={}){let r={src:c(e,t),frameborder:0,width:"100%",height:"100%",allow:"accelerometer; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture"};return t.config&&(r["data-config"]=JSON.stringify(t.config)),`
2    <style>
3      :host {
4        display:inline-block;
5        min-width: 300px;
6        min-height: 150px;
7        position: relative;
8      }
9      iframe {
10        position:absolute;
11        top:0;
12        left:0;
13        width:100%;
14        height:100%;
15        border:0;
16      }
17    </style>
18    <iframe ${function(e){let t="";for(let r in e){let o=e[r];""===o?t+=` ${p(r)}`:t+=` ${p(r)}="${p(`${o}`)}"`}return t}(r)} title="TikTok video"></iframe>
19  `}function c(e,t={}){if(!e.src)return;let r=e.src.match(a),o=r&&r[1],n=s({controls:""===e.controls?null:0,autoplay:e.autoplay,muted:e.muted,loop:e.loop,rel:0},t.config);return`https://www.tiktok.com/player/v1/${o}?${String(new URLSearchParams(function(e){let t={};for(let r in e){let o=e[r];!0===o||""===o?t[r]=1:!1===o?t[r]=0:null!=o&&(t[r]=o)}return t}(n)))}`}class d extends(globalThis.HTMLElement??class{}){static getTemplateHTML=u;static shadowRootOptions={mode:"open"};static get observedAttributes(){return["src","controls","loop","autoplay","muted"]}loadComplete=new h;#e;#t;#r=!1;#o=0;#n=!0;#i=null;#s=100;#a=0;#l;constructor(){super(),this.#u("config")}async load(){if(this.#e)return;this.shadowRoot||this.attachShadow(d.shadowRootOptions);let e=!this.#t;if(this.#t&&(this.loadComplete=new h),this.#t=!0,await (this.#e=Promise.resolve()),this.#e=null,this.#o=0,this.#r=!1,this.#n=!0,!this.src){this.shadowRoot.innerHTML="",globalThis.removeEventListener("message",this.#c);return}let t=this.shadowRoot.querySelector("iframe"),r=function(e){let t={};for(let r of e)t[r.name]=r.value;return t}(this.attributes);e&&t&&(this.#i=JSON.parse(t.getAttribute("data-config")||"{}")),(null==t?void 0:t.src)&&t.src===c(r,this)||(this.shadowRoot.innerHTML=u(r,this),t=this.shadowRoot.querySelector("iframe")),this.#l=t,globalThis.addEventListener("message",this.#c)}async attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"muted":await this.loadComplete,this.muted=null!=r;break;case"autoplay":case"controls":case"loop":case"src":return void this.load()}}get config(){return this.#i}set config(e){this.#i=e}#c=e=>{var t;if(e.source!==(null==(t=this.#l)?void 0:t.contentWindow))return;let r=e.data;if(null==r?void 0:r["x-tiktok-player"])switch(r.type){case"onPlayerReady":this.loadComplete.resolve();break;case"onStateChange":{this.#n=[-1,2,0].includes(r.value);let e=l[r.value];e&&this.dispatchEvent(new Event(e));break}case"onCurrentTime":this.#o=r.value.currentTime,this.#a=r.value.duration,this.dispatchEvent(new Event("durationchange")),this.dispatchEvent(new Event("timeupdate"));break;case"onVolumeChange":this.#s=r.value,this.dispatchEvent(new Event("volumechange"));break;case"onMute":this.#r=!!r.value,this.#s=r.value?0:this.#s,this.dispatchEvent(new Event("volumechange"));break;case"onError":this.dispatchEvent(new Event("error"));break;default:console.warn("Unhandled TikTok player message:",r)}};#d(e,t){var r;if(!(null==(r=this.#l)?void 0:r.contentWindow))return;let o=s({"x-tiktok-player":!0,type:e},void 0!==t?{value:t}:{});this.#l.contentWindow.postMessage(o,"*")}async play(){await this.loadComplete,this.#d("play")}async pause(){await this.loadComplete,this.#d("pause")}async #h(e){await this.loadComplete,this.#d("seekTo",Number(e))}async #p(){await this.loadComplete,this.#d("mute")}async #f(){await this.loadComplete,this.#d("unMute")}get volume(){return this.#s/100}set volume(e){console.warn("Volume control is not supported for TikTok videos.")}get currentTime(){return this.#o}set currentTime(e){this.#h(e)}get muted(){return this.#r}set muted(e){this.#r=e,e?this.#p():this.#f()}get defaultMuted(){return this.hasAttribute("muted")}set defaultMuted(e){this.toggleAttribute("muted",!!e)}get paused(){return this.#n}get duration(){return this.#a}get src(){return this.getAttribute("src")}set src(e){this.setAttribute("src",e??"")}#u(e){if(Object.prototype.hasOwnProperty.call(this,e)){let t=this[e];delete this[e],this[e]=t}}}class h extends Promise{constructor(e=()=>{}){let t,r;super((o,n)=>{e(o,n),t=o,r=n}),this.resolve=t,this.reject=r}}function p(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;").replace(/`/g,"&#x60;")}function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

19t%2?f(Object(r),!0).forEach(function(t){(0,o.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}globalThis.customElements&&!globalThis.customElements.get("tiktok-video")&&globalThis.customElements.define("tiktok-video",d);var b=new Set(["style","children","ref","key","suppressContentEditableWarning","suppressHydrationWarning","dangerouslySetInnerHTML"]),g={className:"class",htmlFor:"for"};function v(e){return e.toLowerCase()}function y(e){return"boolean"==typeof e?e?"":void 0:"function"==typeof e?void 0:"object"!=typeof e||null===e?e:void 0}function w(e,t,r){var o;e[t]=r,null==r&&t in((null==(o=globalThis.HTMLElement)?void 0:o.prototype)??{})&&e.removeAttribute(t)}var k=function({react:e,tagName:t,elementClass:r,events:o,displayName:n,defaultProps:i,toAttributeName:s=v,toAttributeValue:a=y}){let l=Number.parseInt(e.version)>=19,u=e.forwardRef((n,u)=>{var c,d;let h=e.useRef(null),p=e.useRef(new Map),f={},v={},k={},O={};for(let[e,t]of Object.entries(n)){if(b.has(e)){k[e]=t;continue}let o=s(g[e]??e);if(r.prototype&&e in r.prototype&&!(e in((null==(c=globalThis.HTMLElement)?void 0:c.prototype)??{}))&&!(null==(d=r.observedAttributes)?void 0:d.some(e=>e===o))){O[e]=t;continue}if(e.startsWith("on")){f[e]=t;continue}let n=a(t);o&&null!=n&&(v[o]=String(n),l||(k[o]=n)),o&&l&&(n!==y(t)?k[o]=n:k[o]=t)}for(let t in f){let r=f[t],n=t.endsWith("Capture"),i=((null==o?void 0:o[t])??t.slice(2).toLowerCase()).slice(0,n?-7:void 0);e.useLayoutEffect(()=>{let e=null==h?void 0:h.current;if(e&&"function"==typeof r)return e.addEventListener(i,r,n),()=>{e.removeEventListener(i,r,n)}},[null==h?void 0:h.current,r])}return e.useLayoutEffect(()=>{if(null===h.current)return;let e=new Map;for(let t in O)w(h.current,t,O[t]),p.current.delete(t),e.set(t,O[t]);for(let[e,t]of p.current)w(h.current,e,void 0);p.current=e}),e.createElement(t,m(m(m({},i),k),{},{ref:e.useCallback(e=>{h.current=e,"function"==typeof u?u(e):null!==u&&(u.current=e)},[u])}),k.children)});return u.displayName=n??r.name,u}({react:n,tagName:"tiktok-video",elementClass:d,toAttributeName:e=>"muted"===e?"":"defaultMuted"===e?"muted":v(e)})}}]);