https://ttsam.app/_next/static/chunks/5350-d35c1a74b67f4742.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5350],{15350:(e,t,n)=>{n.d(t,{A:()=>d});var r=n(37876),a=n(75961),i=n.n(a),l=n(14232),o=n(24879),s=n(91400),c=n(54478),u=n(39964);let f=[{giftName:"Rose",message:"ส่ง \uD83C\uDF39 → ทักนะคะ",pictureUrl:"https://p16-webcast.tiktokcdn.com/img/maliva/webcast-va/eba3a9bb85c33e017f3648eaeffe0701~tplv-obj.png"},{giftName:"TikTok",message:"ส่ง TikTok → ขอเพลง",pictureUrl:"https://p19-webcast.tiktokcdn.com/img/maliva/webcast-va/86703f377399fc1c29eb50ee91fc2088~tplv-obj.png"},{giftName:"Finger Heart",message:"ส่งหัวใจ → กดดู ID",pictureUrl:"https://p16-webcast.tiktokcdn.com/img/maliva/webcast-va/9320e25a8a64f203a08b8a4c6cef27f6~tplv-obj.png"},{giftName:"Lion",message:"ส่งสิงโต → เปิดเพลง!",pictureUrl:"https://p19-webcast.tiktokcdn.com/img/maliva/webcast-va/12cb3eb3ed2e25cba2eaae1ef82cc3a4~tplv-obj.png"}],m=["ส่ง {name} → ทักนะคะ","ส่ง {name} → ขอเพลง","ส่ง {name} → กดดู ID","ส่ง {name} → เปิดเพลงเลย!","ส่ง {name} → ขอบคุณค่ะ","ส่ง {name} → คุยกัน"];function d(e){var t,n,a,d,g,h;let[p,x]=(0,l.useState)([]),[w,v]=(0,l.useState)(()=>(0,o.w4)(new URLSearchParams,"giftmenu"));(0,s.E)(null==w?void 0:w.ff);let[y,b]=(0,l.useState)([]),j=(0,l.useRef)(0),M=(0,l.useRef)([]),N=(0,l.useRef)([]),k=(0,l.useRef)(null),C=(0,l.useRef)({}),U=(0,l.useRef)({}),E=(0,l.useRef)([]),S=(0,l.useRef)(null),R=(0,l.useRef)(null),T=(0,l.useRef)({}),[F,D]=(0,l.useState)(0);function L(e){let t=U.current[e];if(t){for(let e of(clearTimeout(t.timer),t.anims))try{e.cancel()}catch(e){}delete U.current[e]}}function I(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",r=N.current[t]||M.current[t],a=k.current;if(!r||!a)return;let i=a.getBoundingClientRect(),l=r.getBoundingClientRect(),o=(Math.random()-.5)*.1,s=(Math.random()-.5)*.1,c=l.left-i.left+l.width*(.5+o),u=l.top-i.top+l.height*(.5+s),f=function(){let e=Math.floor(4*Math.random());return 0===e?{x:30+740*Math.random(),y:-40}:1===e?{x:840,y:30+540*Math.random()}:2===e?{x:30+740*Math.random(),y:640}:{x:-40,y:30+540*Math.random()}}(),m=Math.max(420,Math.min(900,.9*Math.hypot(c-f.x,u-f.y))),d=++j.current,g=n||e.pictureUrl||"";b(e=>[...e,{id:d,img:g,start:f,cardIdx:t,jx:o,jy:s,duration:m,t0:performance.now(),fallbackTarget:{x:c,y:u}}]);let h=Math.sign(c-f.x),p=Math.sign(u-f.y);setTimeout(()=>(function(e,t,n,r,a){let i=M.current[e];if(!i||!i.animate)return;let l=(50+100*t).toFixed(1)+"%",o=(50+100*n).toFixed(1)+"%",s="".concat(l," ").concat(o),c=-(22*r)+30*t,u=18*a+25*n,f=(t*a-n*r)*12,m=6*r,d=6*a;i.animate([{transformOrigin:s,transform:"perspective(800px) translate(0,0) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1)"},{transformOrigin:s,transform:"perspective(800px) translate(".concat(m,"px,").concat(d,"px) rotateZ(").concat(f,"deg) rotateY(").concat(c,"deg) rotateX(").concat(-u,"deg) scale(0.94)"),offset:.35},{transformOrigin:s,transform:"perspective(800px) translate(".concat(.3*m,"px,").concat(.3*d,"px) rotateZ(").concat(.3*f,"deg) rotateY(").concat(.4*c,"deg) rotateX(").concat(-(.4*u),"deg) scale(1.05)"),offset:.7},{transformOrigin:s,transform:"perspective(800px) translate(0,0) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1)"}],{duration:720,easing:"cubic-bezier(.34,1.56,.64,1)"})})(t,o,s,h,p),m),setTimeout(()=>b(e=>e.filter(e=>e.id!==d)),m+100)}(0,l.useEffect)(()=>{var t;document.documentElement.classList.add("widget"),document.documentElement.style.backgroundColor="transparent",document.body.style.backgroundColor="transparent";let n=new URLSearchParams(window.location.search),r=null!=(t=n.get("cid"))?t:n.get("wt"),a="1"===n.get("preview"),i=e.widgetKeyOverride||n.get("key")||"giftmenu",l=["giftmenu3","gm3","gm4"].includes(i)?i:"giftmenu";v((0,o.w4)(n,l));let s="https://api.ttsam.app";if(a){x(f),fetch("".concat(s,"/api/gifts/public")).then(e=>e.json()).then(e=>{let t=((null==e?void 0:e.gifts)||[]).filter(e=>{let t=(0,c.wh)(null==e?void 0:e.pictureUrl);return e&&Number(e.diamondCount)>10&&t});0!==t.length&&x((function(e){for(let t=e.length-1;t>0;t--){let n=Math.floor(Math.random()*(t+1));[e[t],e[n]]=[e[n],e[t]]}return e})(t.slice()).slice(0,4).map(e=>{let t=m[Math.floor(Math.random()*m.length)];return{giftName:e.name,message:t.replace("{name}",e.name),pictureUrl:(0,c.wh)(e.pictureUrl)}}

1))}).catch(()=>{});let e=setInterval(()=>{x(e=>{if(0===e.length)return e;let t=Math.floor(Math.random()*e.length);return I(e[t],t),e})},2400);return()=>clearInterval(e)}if(!r)return;let d=!1;fetch("".concat(s,"/api/gifts/public")).then(e=>e.json()).then(e=>{let t={};((null==e?void 0:e.gifts)||[]).forEach(e=>{(null==e?void 0:e.name)&&(t[e.name.toLowerCase()]=e)}),T.current=t}).catch(()=>{}).then(()=>fetch("".concat(s,"/api/giftmenu/config?cid=").concat(encodeURIComponent(r),"&widgetKey=").concat(l))).then(e=>e.json()).then(e=>{!d&&(x(((null==e?void 0:e.cards)||[]).map(e=>{let t=T.current[(e.giftName||"").toLowerCase()];return{giftName:e.giftName||"",message:e.message||"",pictureUrl:(0,c.wh)(e.pictureUrl)||(0,c.wh)(null==t?void 0:t.pictureUrl)||""}})),(null==e?void 0:e.style)&&v((0,o.JA)(e.style,l)))}).catch(()=>{});let g=(0,u.IV)(r,{gift:e=>{var t=(0,c.go)(e);let n=(t.giftName||"").toLowerCase();n&&x(e=>{let r=-1,a=e.map((e,a)=>{if(-1===r&&e.giftName.toLowerCase()===n){r=a;let n=(0,c.wh)(t.giftPictureUrl);return n&&!e.pictureUrl?{...e,pictureUrl:n}:e}return e});if(r>=0){let e=S.current||w,n=e.gmOrient||"h",i=e.marqueeDir||"none",l=("v"===n?["up","down"]:["left","right"]).includes(i)?i:"none";if(0===e.projectile||"none"!==l)return a;let o=performance.now();if(o-(C.current[r]||0)<1e3)return a;C.current[r]=o;let s=Math.max(1,Math.min(5,t.repeatCount||1)),u=(0,c.wh)(t.giftPictureUrl);for(let e=0;e<s;e++)setTimeout(()=>I(a[r],r,u),80*e)}return a})},giftmenu_glow:e=>(function(e,t){let n=String(e||"").trim().toLowerCase();if(!n)return;let r=E.current.findIndex(e=>(e.giftName||"").trim().toLowerCase()===n);r<0||function(e,t){var n;let r=S.current||w;if(!(null==r?void 0:r.gmRainbow))return;let a=E.current.length||1,i=[];for(let t=e;t<N.current.length;t+=a){let e=N.current[t];e&&e.animate&&e.isConnected&&i.push(e)}if(0===i.length)return;let l=Math.max(300,Math.min(7e4,Number(t)||0)),o=performance.now()+l,s=U.current[e];if(null==s||null==(n=s.anims)?void 0:n.length){s.until=Math.max(s.until,o),clearTimeout(s.timer),s.timer=setTimeout(()=>L(e),s.until-performance.now());return}let c=[];for(let e=0;e<=360;e+=30)c.push({filter:"hue-rotate(".concat(e,"deg) drop-shadow(0 0 10px hsl(").concat(e,", 100%, 60%))")});let u={duration:2e3,iterations:1/0,easing:"linear"};U.current[e]={anims:i.map(e=>e.animate(c,u)),until:o,timer:setTimeout(()=>L(e),l)}}(r,t)})(null==e?void 0:e.giftName,null==e?void 0:e.ms),style_update:e=>{let{widgetId:t,style:n}=e;t===l&&(n&&Array.isArray(n.cards)&&x(e=>{let t=new Map(e.map(e=>[(e.giftName||"").toLowerCase(),e]));return n.cards.map(e=>{let n=(e.giftName||"").toLowerCase(),r=t.get(n),a=T.current[n];return{giftName:e.giftName||"",message:e.message||"",pictureUrl:(0,c.wh)(e.pictureUrl)||(null==r?void 0:r.pictureUrl)||(0,c.wh)(null==a?void 0:a.pictureUrl)||""}})}),v((0,o.JA)(n||{},l)))},preset_styles_update:e=>{let{widgetStyles:t}=e,n=null==t?void 0:t[l];n&&"object"==typeof n&&(Array.isArray(n.cards)&&x(e=>{let t=new Map(e.map(e=>[(e.giftName||"").toLowerCase(),e]));return n.cards.map(e=>{let n=(e.giftName||"").toLowerCase(),r=t.get(n),a=T.current[n];return{giftName:e.giftName||"",message:e.message||"",pictureUrl:(0,c.wh)(e.pictureUrl)||(null==r?void 0:r.pictureUrl)||(0,c.wh)(null==a?void 0:a.pictureUrl)||""}})}),v((0,o.JA)(n,l)))}});return()=>{d=!0,g&&(g.off("gift"),g.off("style_update"),g.disconnect())}},[]);let[,A]=(0,l.useState)(0);(0,l.useEffect)(()=>{let e;if(0===y.length)return;let t=()=>{A(e=>(e+1)%1e6),e=requestAnimationFrame(t)};return e=requestAnimationFrame(t),()=>cancelAnimationFrame(e)},[y.length]),(0,l.useEffect)(()=>{S.current=w},[w]),(0,l.useEffect)(()=>{E.current=p},[p]);let O=()=>Object.keys(U.current).forEach(e=>L(Number(e)));(0,l.useEffect)(()=>{(null==w?void 0:w.gmRainbow)||O()},[null==w?void 0:w.gmRainbow]),(0,l.useEffect)(()=>()=>O(),[]);let _=w.gmOrient||"h",z="v"===_&&w.gmVTextSide||"below",q=null!=(t=w.gap)?t:8,H=null!=(n=w.cs)?n:100,B=null!=(a=w.fa)?a:1,X=null!=(d=w.fs)?d:16,Y=null!=(g=w.sw)?g:2,P=w.sc||"#000000",W=w.tc||"#ffffff",Z=Math.round(H/100*96),J=w.marqueeDir||"none",K="v"===_,V=(K?["up","down"]:["left","right"]).includes(J)?J:"none",Q="none"!==V,G=null!=(h=w.marqueeSpeed)?h:50,$=F>0?Math.max(2,F/G):20,ee=K?"below"===z?Z+Math.max(40,2.5*X):Z+8:Math.max(1.6*Z,140),et=p.length*(ee+q)+48,en=!Q&&p.length>0&&et>(K?600:800),er=(0,l.useMemo)(()=>p.map(()=>(function(e){if(!e)return{};let t=(2.5+1.5*Math.random()).toFixed(2),n=(3*Math.random()).toFixed(2);return{animation:"gm-float ".concat(t,"s ease-in-out ").concat(n,"s infinite")}})(B)),[p.length,B]);return(0,l.useEffect)(()=>

1{if(!Q||0===p.length)return void D(0);let e=()=>{let e=0;for(let t=0;t<p.length;t++){let n=M.current[t];if(!n)return;e+=K?n.offsetHeight:n.offsetWidth}let t=e+p.length*q;t>0&&D(t)};e();let t=new ResizeObserver(e);return M.current.slice(0,p.length).forEach(e=>{e&&t.observe(e)}),()=>t.disconnect()},[Q,K,p.length,q,Z,X]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i(),{id:"5525661997c78e90",children:"html,body,#__next{background:transparent!important;margin:0}@keyframes gm-float{0%,100%{transform:translatey(0)rotate(0deg)}50%{transform:translatey(-8px)rotate(2deg)}}"}),Q&&F>0&&(0,r.jsx)("style",{children:"\n          @keyframes gm-marquee-h {\n            from { transform: translateX(0); }\n            to   { transform: translateX(-".concat(F,"px); }\n          }\n          @keyframes gm-marquee-v {\n            from { transform: translateY(0); }\n            to   { transform: translateY(-").concat(F,"px); }\n          }\n        ")}),(0,r.jsxs)("div",{ref:k,style:{position:"relative",width:800,height:600,overflow:"visible",background:"transparent"},className:"jsx-5525661997c78e90",children:[(0,r.jsx)("div",{style:{position:"absolute",inset:0,overflow:Q?"hidden":"visible",display:"flex",flexDirection:K?"column":"row",justifyContent:Q||en?"flex-start":"center",alignItems:"center"},className:"jsx-5525661997c78e90",children:(0,r.jsx)("div",{ref:R,style:{display:"flex",flexDirection:K?"column":"row",alignItems:"center",gap:"".concat(q,"px"),padding:"24px",animation:Q&&F>0?"gm-marquee-".concat(K?"v":"h"," ").concat($,"s linear ").concat("right"===V||"down"===V?"reverse":"normal"," infinite"):"none",willChange:Q?"transform":"auto"},className:"jsx-5525661997c78e90",children:(()=>{if(!Q)return p;let e=K?600:800,t=F>0?Math.max(2,Math.ceil(e/F)+1):2,n=[];for(let e=0;e<t;e++)n.push(...p);return n})().map((e,t)=>{let n=K&&("left"===z||"right"===z),a="left"===z,i=n?Math.min(280,Math.max(140,800-Z-8-24)):null,l=n?Z+8+i:null;return(0,r.jsxs)("div",{ref:e=>{t<p.length&&(M.current[t]=e)},style:{display:"flex",flexDirection:n?a?"row-reverse":"row":"column",alignItems:"center",justifyContent:n?"flex-start":"center",gap:n?"".concat(8,"px"):"6px",width:n?l:"auto",background:"transparent",border:"none",pointerEvents:"none",willChange:"transform"},className:"jsx-5525661997c78e90",children:[(0,r.jsx)("div",{ref:e=>{N.current[t]=e},style:{...er[t],width:Z,height:Z,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},className:"jsx-5525661997c78e90",children:e.pictureUrl?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("img",{src:e.pictureUrl,alt:"",onError:e=>{e.currentTarget.style.display="none";let t=e.currentTarget.nextSibling;t&&(t.style.display="block")},style:{width:"100%",height:"100%",objectFit:"contain",filter:"drop-shadow(0 4px 8px rgba(0,0,0,0.4))"},className:"jsx-5525661997c78e90"}),(0,r.jsx)("span",{style:{display:"none",fontSize:.7*Z,lineHeight:1,filter:"drop-shadow(0 4px 8px rgba(0,0,0,0.4))"},className:"jsx-5525661997c78e90",children:"\uD83C\uDF81"})]}):(0,r.jsx)("span",{style:{fontSize:.7*Z,lineHeight:1,filter:"drop-shadow(0 4px 8px rgba(0,0,0,0.4))"},className:"jsx-5525661997c78e90",children:"\uD83C\uDF81"})}),(0,r.jsx)("div",{style:{fontSize:X,color:W,WebkitTextStroke:Y>0?"".concat(Y,"px ").concat(P):"none",paintOrder:"stroke fill",fontWeight:700,textAlign:n?a?"right":"left":"center",width:n?i:void 0,maxWidth:n?i:Math.max(1.6*Z,140),lineHeight:1.25,whiteSpace:"pre-wrap",wordBreak:"break-word",textShadow:"0 2px 4px rgba(0,0,0,0.5)",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",textRendering:"optimizeLegibility"},className:"jsx-5525661997c78e90",children:e.message||e.giftName||""})]},t)})})}),(0,r.jsx)("div",{style:{position:"absolute",inset:0,pointerEvents:"none",overflow:"visible"},className:"jsx-5525661997c78e90",children:y.map(e=>{let t,n,a=Math.min(1,(performance.now()-e.t0)/e.duration),i=N.current[e.cardIdx]||M.current[e.cardIdx],l=k.current;if(i&&l){let r=l.getBoundingClientRect(),a=i.getBoundingClientRect();t=a.left-r.left+a.width*(.5+e.jx),n=a.top-r.top+a.height*(.5+e.jy)}else t=e.fallbackTarget.x,n=e.fallbackTarget.y;let o=e.start.x+(t-e.start.x)*a,s=e.start.y+(n-e.start.y)*a;return(0,r.jsx)("div",{style:{position:"absolute",left:o-24,top:s-24,width:48,height:48,transform:"rotate(".concat(720*a,"deg) scale(").concat(.6+.4*a,")"),filter:"drop-shadow(0 4px 8px rgba(0,0,0,0.5))",

1willChange:"transform, left, top"},className:"jsx-5525661997c78e90",children:e.img?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("img",{src:e.img,alt:"",onError:e=>{e.currentTarget.style.display="none";let t=e.currentTarget.nextSibling;t&&(t.style.display="block")},style:{width:"100%",height:"100%",objectFit:"contain"},className:"jsx-5525661997c78e90"}),(0,r.jsx)("span",{style:{display:"none",fontSize:40,lineHeight:1},className:"jsx-5525661997c78e90",children:"\uD83C\uDF81"})]}):(0,r.jsx)("span",{style:{fontSize:40,lineHeight:1},className:"jsx-5525661997c78e90",children:"\uD83C\uDF81"})},e.id)})})]})]})}},91400:(e,t,n)=>{n.d(t,{E:()=>l,x:()=>o});var r=n(14232),a=n(62007);function i(e){if(!e.googleParam)return;let t="ttplus-font-".concat(e.id);if("undefined"==typeof document||document.getElementById(t))return;let n=document.createElement("link");n.id=t,n.rel="stylesheet",n.href=(0,a.Q7)(e),document.head.appendChild(n)}function l(e){(0,r.useEffect)(()=>{i((0,a.w8)(e))},[e])}function o(e){let t=e.join(",");(0,r.useEffect)(()=>{for(let t of e)i((0,a.w8)(t))},[t])}}}]);