https://ttsam.app/_next/static/chunks/pages/widget/pinprofile-023751631e31f9ee.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3815],{44580:(e,a,r)=>{"use strict";r.r(a),r.d(a,{__N_SSP:()=>p,default:()=>m,runtime:()=>g});var t=r(37876),n=r(14232),s=r(54478),l=r(24879),i=r(91400),o=r(93135),c=r(22490),u=r(88018);let d=e=>e?"#"===e[0]?e:"#"+e:e,f=(e,a)=>e>0&&(0,u.e)(a)?{WebkitTextStroke:"".concat(e,"px ").concat(d(a)),paintOrder:"stroke fill"}:{};function m(){var e,a,r,m,p;let[g,S]=(0,n.useState)(null),[b,y]=(0,n.useState)(!1),[x,h]=(0,n.useState)(!1),[w,v]=(0,n.useState)(0),k=(0,n.useRef)(null),W=(0,n.useRef)(null),C=(0,n.useRef)(0),j=()=>{clearTimeout(k.current),clearTimeout(W.current),h(!1);let e=C.current;e>0&&(k.current=setTimeout(()=>{h(!0),W.current=setTimeout(()=>{y(!1),h(!1)},400)},1e3*e))},{styles:_,setStyles:z,isPreview:Y}=(0,o.k)("pinprofile",{style_update:e=>{let{widgetId:a,style:r}=e;if("pinprofile"===a){if(null==r?void 0:r._profile){S(r._profile),y(!0),v(e=>e+1),j();return}z((0,l.JA)(r,"pinprofile"))}}});if((0,i.E)(null==_?void 0:_.ff),(0,n.useEffect)(()=>{let e=new URLSearchParams(window.location.search).get("pinDuration");if(null!==e)C.current=Math.max(0,Math.min(300,parseInt(e)||0));else if(_){var a;C.current=null!=(a=_.pinDuration)?a:0}},[_]),(0,n.useEffect)(()=>{let e;if(Y){S({uniqueId:"ttsamfan",nickname:"TTsamFan",profilePictureUrl:"",comment:"โห เยี่ยมเลยครับ! \uD83D\uDD25\uD83C\uDF89",color:"#ff2d62"}),y(!0);return}if("undefined"!=typeof BroadcastChannel)try{(e=new BroadcastChannel("ttplus_pinprofile")).onmessage=e=>{var a;(null==(a=e.data)?void 0:a.type)==="profile"&&e.data.message&&(S(e.data.message),y(!0),v(e=>e+1),j())}}catch(e){}return()=>{try{null==e||e.close()}catch(e){}clearTimeout(k.current),clearTimeout(W.current)}},[Y]),!_)return(0,t.jsx)("div",{style:{background:"transparent"}});let B=_.skin||"",F=B?c.Ay[B]:null,T=(0,u.Ns)(u.s0,null==(e=_.raw)?void 0:e.tune),E=T.avatar,R=T.card,X=T.colors[B]||T.colors[""],O=((null==(a=_.raw)?void 0:a.nameColor)?"#"+_.raw.nameColor:null)||(null==g?void 0:g.color)||_.ac,P=(null==F?void 0:F.isArtTheme)?F.token:null,D=P?P.bg:(0,u.e)(X.cardBg)?d(X.cardBg):null,I=P?P.accent:(0,u.e)(X.accent)?d(X.accent):O,A=P?P.text:(0,u.e)(X.name)?d(X.name):O,N=P?P.text:(0,u.e)(X.username)?d(X.username):"rgba(255,255,255,0.4)",L=P?P.text:(0,u.e)(X.message)?d(X.message):null,q=P?"50%":(null!=X.radius?X.radius:"iossquare"===B?22:50)+"%",U=(0,s.wh)((null==g?void 0:g.profilePictureUrl)||""),H=1===_.showChat,M=null!=(m=null==(r=_.raw)?void 0:r.bga)?m:92,J=F?F.bubbleStyle(I,_.ac,M):{},Q=F?F.nameStyle(A,_.ac):{},V=F?F.textStyle(_.ac):{},$={default:"profileDrop 0.6s cubic-bezier(0.22,1.2,0.36,1) forwards, profileFloat 3s ease-in-out 0.6s infinite",w

1arpslam:"warpSlam 0.9s linear forwards, profileFloat 3s ease-in-out 0.9s infinite",spinslam:"spinSlam 0.85s cubic-bezier(0.22,1.2,0.36,1) forwards, profileFloat 3s ease-in-out 0.85s infinite",warpslam2:"warpSlam2 1.0s linear forwards, profileFloat 3s ease-in-out 1.0s infinite",silkfade:"profileSilkFade 0.75s cubic-bezier(0.16,1,0.3,1) forwards, profileFloat 4s ease-in-out 0.75s infinite",softbloom:"profileSoftBloom 0.7s cubic-bezier(0.4,0,0.2,1) forwards, profileFloat 4s ease-in-out 0.7s infinite"},G=null!=(p=$[_.enterAnim])?p:$.default;return(0,t.jsx)("div",{style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1},children:(0,t.jsxs)("div",{style:{background:"transparent",padding:"8px 10px",width:240,boxSizing:"border-box",transform:_.transform3D,transformOrigin:"center center",transformStyle:"preserve-3d",perspective:"warpslam2"===_.enterAnim?"600px":void 0,position:"relative"},children:[b&&g&&(0,t.jsxs)("div",{style:{background:_.bgRgba,...J,...D?{background:D}:{},...P?{boxShadow:P.glow}:R.glow>0?{boxShadow:"0 0 ".concat(R.glow,"px ").concat(I,"66")}:{},borderRadius:_.br,animation:G,animationPlayState:x?"paused":"running",opacity:+!x,transition:x?"opacity 0.4s ease":"none",position:"relative",width:"100%",boxSizing:"border-box",overflow:"hidden",display:"flex",flexDirection:"column",justifyContent:"center",height:R.height,border:R.borderW>0?"".concat(R.borderW,"px solid ").concat(I):"none",padding:"16px 16px"},children:[(0,t.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:10},children:[(0,t.jsx)(()=>{let e={width:E.size,height:E.size,borderRadius:q,border:E.borderW>0?"".concat(E.borderW,"px solid ").concat(I):"none",boxShadow:E.glow>0?"0 0 ".concat(E.glow,"px ").concat(I,"66"):"none",marginTop:E.topOffset,flexShrink:0};return U?(0,t.jsx)("img",{src:U,alt:"",referrerPolicy:"no-referrer",style:{...e,objectFit:"cover"}}):(0,t.jsx)("div",{style:{...e,background:"linear-gradient(135deg, ".concat(I,"66, ").concat(I,"1a)"),display:"flex",alignItems:"center",justifyContent:"center",fontSize:Math.round(.42*E.size)},children:"\uD83D\uDC64"})},{}),(0,t.jsxs)("div",{style:{textAlign:"center",width:"100%"},children:[(0,t.jsx)("div",{style:{color:A,fontWeight:800,fontSize:_.fs+3,fontFamily:"sans-serif",lineHeight:1.2,maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",...Q,...f(X.nameSW,X.nameSC)},children:g.nickname||g.uniqueId}),(0,t.jsxs)("div",{style:{color:N,fontSize:_.fs-2,fontFamily:"sans-serif",marginTop:2,...f(X.userSW,X.userSC)},children:["@",g.uniqueId]})]}),(0,t.jsx)(()=>{var e;return H&&(null==g?void 0:g.comment)?(0,t.jsx)("div",{style:{marginTop:10,padding:"8px 12px",background:"rgba(120,120,128,0.20)",borderRadius:16,...(0,l.U)(_,1,"pinprofile"),fontSize:_.fs,fontFamily:'-apple-system,"SF Pro Text",system-ui,sans-serif',lineHeight:1.4,wordBreak:"break-word",...V,color:L||(null!=(e=V.color)?e:"#ebebf5"),...f(X.msgSW,X.msgSC),boxSizing:"border-box",width:"100%"},children:(0,t.jsx)("span",{style:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:g.comment})}):null},{})]}),(0,t.jsx)("button",{onClick:()=>y(!1),style:{position:"absolute",top:6,right:8,background:"none",border:"none",color:"rgba(255,255,255,0.3)",cursor:"pointer",fontSize:13,lineHeight:1,padding:"2px 4px"},title:"ปิด",children:"✕"})]},w),(0,t.jsx)("style",{children:"\n          @keyframes profileDrop {\n            0%   { opacity:0; transform: translateY(-40px) scale(0.92); }\n            55%  { opacity:1; transform: translateY(6px)   scale(1.02); }\n            75%  { transform: translateY(-3px) scale(0.99); }\n            100% { transform: translateY(0)    scale(1); }\n          }\n          @keyframes profileFloat {\n            0%,100% { transform: translateY(0px); }\n            50%     { transform: translateY(-4px); }\n          }\n          @keyframes profileSilkFade {\n            0%   { opacity: 0; transform: translateY(14px); filter: blur(2px); }\n            60%  { opacity: 1; transform: translateY(-2px); filter: blur(0); }\n            100% { opacity: 1; transform: translateY(0); }\n          }\n          @keyframes profileSoftBloom {\n            0%   { opacity: 0; transform: scale(0.94); }\n            70%  { opacity: 1; transform: scale(1.01); }\n            100% { opacity: 1; transform: scale(1); }\n          }\n          @keyframes warpSlam {\n            0%   { opacity: 0; transform: scaleX(0.08) scaleY(1.6); }\n            25%  { opacity: 1; transform: scaleX(1.18) scaleY(0.82); }\n            50%  { transform: scaleX(0.93) scaleY(1.06); }\n            70%  { transform: scaleX(1.04) scaleY(0.97); }\n            100% { transform: scaleX(1)    scaleY(1); }\n          }\n          @keyframes spinSlam {\n            0%   { opacity: 0; transform: rotate(-180deg) scale(0.4); }\n            60%  { opacity: 1; transform: rotate(10deg)   scale(1.04); }\n            80%  { transform: rotate(-4deg) scale(0.98); }\n            100% { transform: rotate(0deg)  scale(1); }\n          }\n          @keyframes warpSlam2 {\n            0%   { opacity: 0; transform: rotateY(-75deg) scaleX(0.7); }\n            40%  { opacity: 1; transform: rotateY(12deg)  scaleX(1.03); }\n            65%  { transform: rotateY(-5deg) scaleX(0.99); }\n            82%  { transform: rotateY(2deg)  scaleX(1.00); }\n            100% { transform: rotateY(0deg)  scaleX(1); }\n          }\n        "})]})})}var p=!0;let g="experimental-edge"},73430:(e,a,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/widget/pinprofile",function(){return r(44580)}])},88018:(e,a,r)=>{"use strict";r.d(a,{Ns:()=>l,e:()=>s,gH:()=>n,s0:()=>t});

1let t={avatar:{size:193,topOffset:-22,borderW:1,glow:23},card:{height:356,borderW:1.5,glow:40},colors:{"":{cardBg:"b0b0b0",accent:"000000",radius:22,name:"000000",nameSW:0,nameSC:"000000",username:"6b6b6b",userSW:0,userSC:"000000",message:"000000",msgSW:0,msgSC:"000000"},iosglass:{cardBg:"1c1c1e",accent:"48484a",radius:22,name:"ffffff",nameSW:0,nameSC:"000000",username:"8e8e93",userSW:0,userSC:"000000",message:"e8e8ec",msgSW:0,msgSC:"000000"},iosmidnight:{cardBg:"000000",accent:"3a3a3c",radius:22,name:"f2f2f7",nameSW:0,nameSC:"000000",username:"636366",userSW:0,userSC:"000000",message:"f2f2f7",msgSW:0,msgSC:"000000"},iossnow:{cardBg:"ffffff",accent:"c8c8cc",radius:22,name:"1c1c1e",nameSW:0,nameSC:"000000",username:"6c6c70",userSW:0,userSC:"000000",message:"1c1c1e",msgSW:0,msgSC:"000000"},iossilver:{cardBg:"2c2c2e",accent:"8e8e93",radius:22,name:"e5e5ea",nameSW:0,nameSC:"000000",username:"8e8e93",userSW:0,userSC:"000000",message:"e5e5ea",msgSW:0,msgSC:"000000"},iospearl:{cardBg:"fbf8f1",accent:"cfc4b0",radius:22,name:"3a3530",nameSW:0,nameSC:"000000",username:"7a6f60",userSW:0,userSC:"000000",message:"3a3530",msgSW:0,msgSC:"000000"},iossquare:{cardBg:"1c1c1e",accent:"3a3a3c",radius:22,name:"ffffff",nameSW:0,nameSC:"000000",username:"8e8e93",userSW:0,userSC:"000000",message:"ebebf5",msgSW:0,msgSC:"000000"}}},n={numRanges:{"card.height":[140,460],"card.borderW":[0,8],"card.glow":[0,40],"avatar.size":[40,220],"avatar.topOffset":[-90,40],"avatar.borderW":[0,8],"avatar.glow":[0,40],radius:[0,50],nameSW:[0,4],userSW:[0,4],msgSW:[0,4]},sections:[{key:"card",target:"card",title:"การ์ด",perSkin:!1,knobs:[{key:"height",type:"slider",label:"ความสูง",min:140,max:460,step:2},{key:"borderW",type:"slider",label:"ความหนาขอบ",min:0,max:8,step:.5,adv:!0},{key:"glow",type:"slider",label:"แสงเรือง",min:0,max:40,step:1,adv:!0}]},{key:"avatar",target:"avatar",title:"รูปโปรไฟล์",perSkin:!1,knobs:[{key:"size",type:"slider",label:"ขนาด",min:40,max:220,step:1},{key:"topOffset",type:"slider",label:"ดันขึ้นบน",min:-90,max:40,step:1,adv:!0},{key:"borderW",type:"slider",label:"ความหนาขอบ",min:0,max:8,step:.5,adv:!0},{key:"glow",type:"slider",label:"แสงเรือง",min:0,max:40,step:1,adv:!0}]},{key:"colors",target:"colors",title:"สี",perSkin:!0,knobs:[{key:"radius",type:"slider",label:"ความมนรูป",min:0,max:50,step:1,unit:"%"},{key:"cardBg",type:"color",label:"สีการ์ด"},{key:"accent",type:"color",label:"ขอบ/แสงเรือง"},{key:"name",type:"textLine",label:"ชื่อ",sw:"nameSW",sc:"nameSC"},{key:"username",type:"textLine",label:"@username",sw:"userSW",sc:"userSC"},{key:"message",type:"textLine",label:"ข้อความ",sw:"msgSW",sc:"msgSC"}]}]},s=e=>"string"==typeof e&&/^[0-9a-fA-F]{6}$/.test(e.replace(/^#/,""));function l(e,a){if(!a||"object"!=typeof a)return e;let r={};for(let n of Object.keys(e.colors)){var t;r[n]={...e.colors[n],...(null==(t=a.colors)?void 0:t[n])||{}}}return{avatar:{...e.avatar,...a.avatar||{}},card:{...e.card,...a.card||{}},colors:r}}},91400:(e,a,r)=>{"use strict";r.d(a,{E:()=>l,x:()=>i});var t=r(14232),n=r(62007);function s(e){if(!e.googleParam)return;let a="ttplus-font-".concat(e.id);if("undefined"==typeof document||document.getElementById(a))return;let r=document.createElement("link");r.id=a,r.rel="stylesheet",r.href=(0,n.Q7)(e),document.head.appendChild(r)}function l(e){(0,t.useEffect)(()=>{s((0,n.w8)(e))},[e])}function i(e){let a=e.join(",");(0,t.useEffect)(()=>{for(let a of e)s((0,n.w8)(a))},[a])}},93135:(e,a,r)=>{"use strict";r.d(a,{k:()=>i});var t=r(14232),n=r(24879),s=r(39964);let l=new Set(["chat","chat2","chat-dock","pinchat","pinchat2","pinprofile","challenge","gifttimer","webcam","subtitle"]);function i(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},[r,i]=(0,t.useState)(null),[o,c]=(0,t.useState)(!1),u=(0,t.useRef)(null),d=(0,t.useRef)(null),f=(0,t.useRef)(a);return f.current=a,(0,t.useEffect)(()=>{var a,r;let t=new URLSearchParams(window.location.search),o=null!=(r=null!=(a=t.get("cid"))?a:t.get("wt"))?r:t.get("vjId"),m="1"===t.get("preview");if(u.current=o,c(m),i((0,n.w4)(t,e)),!o)return;let p={...f.current,preset_styles_update:a=>{var r,t,s;let l=null==a||null==(r=a.widgetStyles)?void 0:r[e];l&&"object"==typeof l&&i((0,n.JA)(l,e)),null==(s=f.current)||null==(t=s.preset_styles_update)||t.call(s,a)}},g=(0,s.IV)(o,p,{noRelay:l.has(e)});return d.current=g,()=>{d.current=null;try{null==g||g.disconnect()}catch(e){}}},[e]),{styles:r,setStyles:i,isPreview:o,cid:u.current,socketRef:d}}}},e=>{e.O(0,[9964,4879,2490,636,6593,8792],()=>e(e.s=73430)),_N_E=e.O()}]);