https://vocus.cc/_next/static/chunks/15669.0c77f2fcdf16e465.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10427,15669,34965,53017,75398],{129047:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(642198);let o=()=>{let e=(0,r.useRouter)();return{redirectToLogin:()=>{e.push("/login")}}}},150462:(e,t,n)=>{n.d(t,{A:()=>c});var r=n(823798),o=n(426728),i=n.n(o),a=n(464762),l=n(129047),s=n(688764);let d=i()(()=>Promise.all([n.e(31367),n.e(24858)]).then(n.bind(n,666889)),{loadableGenerated:{webpack:()=>[666889]},ssr:!1}),c=()=>{let{redirectToLogin:e}=(0,l.A)(),{dispatchSimplePopup:t,onOpenChange:n}=(0,s.A)();return{handleGuideToLogin:o=>{let{shouldUseFastSignupPopup:i,salonInfo:l,onCloseCb:s}=o;if(i&&l){let e=async e=>{try{l.id&&await (0,a.WJ)(e?._id,{googleAdId:`fromSalon_${l.id}`})}catch(e){console.error("patchUser error",e)}n(!1),window.location.reload()};t({title:"",onCloseCb:s,body:(0,r.jsx)(d,{onFinishSignUpOrLogin:e,title:"",loginText:"登入會員，你可以做更多互動，並收藏喜愛的內容",signUpText:l.id?"註冊會員，進一步互動並接收最新通知":`註冊會員收藏${l.authorName||"作者"}的所有內容`,fromSalonId:l.id,salonDescription:l.description,salonName:l.name,salonImg:l.imageUrl})})}else e()}}}},193021:(e,t,n)=>{n.d(t,{A:()=>u,e:()=>c});var r=n(823798),o=n(900710),i=n(377383),a=n(966070),l=n(422264),s=n(127564),d=n(838432);function c(e){let{content:t,setIsOpen:n}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.A,{variant:"Ghost",onClick:e=>{n(!1),e.stopPropagation()},children:"取消"}),(0,r.jsx)(l.A,{leftIcon:"icon-money",variant:"Fill-Primary",onClick:e=>{e.stopPropagation();let r=(0,a.WO)({_id:t?.salonId||t?.salon?._id},o.cV.CONTENT),l=(0,i.mI)({roomIds:t?.roomIds?.join(",")});window.location.href=`${r}${l}`,n(!1)},children:"付費解鎖"})]})}let u=function(e){let{content:t,isOpen:n,setIsOpen:o}=e;return(0,r.jsx)(s.A,{open:n,onOpenChange:()=>o(!1),title:"以行動支持創作者！付費即可解鎖",body:(0,r.jsx)(d.Ay,{textStyle:"Body3",children:"只有付費會員才能愛心支持、留言和投票"}),onCloseIconClick:e=>{e.stopPropagation()},buttons:(0,r.jsx)(c,{content:t,setIsOpen:o})})}},197934:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(563140);let o=function(e){let{userId:t}=e,n=t?`/api/v2/studio/users/${t}/profile/phone`:null,{data:o,mutate:i,error:a}=(0,r.Ay)(n);return{data:o,mutate:i,error:a,isLoading:!o&&!a}}},275398:(e,t,n)=>{n.r(t),n.d(t,{default:()=>B});var r=n(823798),o=n(621462),i=n(448561),a=n(193021),l=n(266238),s=n(95956),d=n(706230),c=n(109562),u=n(765276),p=n(488205),h=n(314548),m=n(707200),g=n(116008),x=n(77452),f=n(69116),A=n(838432),b=n(572498),j=n(55942),v=n(403668),y=n(966070),w=n(925632);function I(e){let{pollId:t,optionId:n,optionText:o,open:i,onOpenChange:a}=e,{data:l,size:s,setSize:c,isLoading:x}=(0,u.Ay)(e=>t?`/api/polls/${t}/users${(0,v.A)({num:10,page:e+1,optionId:n})}`:null),b=l?.[0]?.items?.length===0,I=x||s>0&&l&&void 0===l[s-1],k=b||l&&l[l.length-1]?.items?.length<10,{count:P}=l?.[0]||{},$=`有 ${(0,j.qC)(P||0)} 人投給 ${o||"此選項"}`,_=l?.length?(0,d.A)(l.map(e=>e.items)):[];return(0,r.jsxs)(g.A,{open:i,onOpenChange:()=>a(),children:[(0,r.jsx)(f.A,{showCloseButton:!0,children:"投票名單"}),(0,r.jsxs)(C,{children:[(0,r.jsx)(A.Ay,{px:"16px",testStyle:"Body4",color:"var(--Primary-Gray-L-02)",children:$}),!x&&_?.length===0&&(0,r.jsx)(h.so,{width:"100%",minHeight:"300px",justifyContent:"center",alignItems:"center",flexDirection:"column",children:(0,r.jsx)(A.Ay,{textStyle:"Label3",color:"var(--Primary-Gray-L-01)",children:"無成員資料"})}),(0,r.jsx)(h.so,{flexDirection:"column",children:!x&&_?.length>0&&_.map(e=>(0,r.jsx)(w.A,{href:(0,y.iu)(e),showHoverUnderline:!1,style:{width:"100%"},target:"_blank",children:(0,r.jsxs)(h.so,{width:"100%",px:"14px",py:"16px",alignItems:"center",gap:"8px",children:[(0,r.jsx)(p.A,{width:24,targetData:e}),(0,r.jsx)(A.Ay,{textStyle:"Label2-Medium",children:e?.fullname})]})},e._id))}),I&&(0,r.jsx)(h.so,{width:"100%",height:"100px",justifyContent:"center",alignItems:"center",children:(0,r.jsx)(m.A,{width:30,height:30})}),!k&&0!==P&&(0,r.jsx)(h.so,{p:"14px 16px",children:(0,r.jsx)(S,{variant:"blue",onClick:()=>c(s+1),showHoverUnderline:!1,children:"顯示更多"})})]})]})}let C=(0,c.Ay)(x.A).withConfig({componentId:"sc-b6c9353b-0"})(["max-height:80vh;@media ","{padding:20px;}"],b.et.mobile),S=(0,c.Ay)(w.A).withConfig({componentId:"sc-b6c9353b-1"})(["font-weight:bold;&:hover{font-weight:bold;}"]);var k=n(426728),P=n.n(k),$=n(422264),_=n(127564),O=n(688764);let U=P()(()=>Promise.all([n.e(77250),n.e(85803)]).then(n.bind(n,20885)),{loadableGenerated:{webpack:()=>[20885]},ssr:!1});function L(e){let{open:t,onOpenChange:n,mutate:o}=e,{dispatchPopup:i,onOpenChange:a}=(0,O.A)();

1return(0,r.jsx)(_.A,{open:t,title:"請完成手機驗證",onOpenChange:n,body:"為維護社群品質與平台安全，請先完成手機驗證",buttons:(0,r.jsx)($.A,{variant:"Fill-Secondary",onClick:()=>{i((0,r.jsx)(U,{onOpenChange:a,refresh:o})),n()},children:"開始驗證"})})}var T=n(310427),N=n(150462),F=n(197934),R=n(358137);function B(e){let{pollNodeData:t,canView:n=!1,salon:d,content:c,showSignupPopup:u=!1}=e,{userId:p,fullname:h,avatarUrl:m,mailVerification:g,canPublishContent:x}=(0,i.d4)(e=>e.user),f=(0,R.A)(),{data:A,mutate:b}=(0,F.A)({userId:p}),j=A?.phone,[v,y]=(0,o.useState)(!1),[w,C]=(0,o.useState)(!1),[S,k]=(0,o.useState)({open:!1,pollId:"",optionId:"",optionText:""}),[P,$]=(0,o.useState)(!1),_=c?.salon?.isUserBlacklist,{handleGuideToLogin:O}=(0,N.A)(),U=()=>{O(u?{shouldUseFastSignupPopup:!0,salonInfo:{id:c?.salon?._id,description:c?.salon?.description,name:c?.salon?.name,imageUrl:c?.salon?.thumbnailURL,authorName:c?.salon?.fullname}}:{shouldUseFastSignupPopup:!1,salonInfo:null})};return(0,r.jsxs)(s.e,{children:[(0,r.jsx)(l.PollReaderComponent,{pollId:t?._id,content:c,cardPoll:t,user:{_id:p,fullname:h,avatarUrl:m},mailVerification:g,onCheckVotePermission:()=>p?j||x?n?!_||!!f||($(!0),!1):(C(!0),!1):(y(!0),!1):(U(),!1),onAvatarListClick:e=>{let{optionId:r,optionText:o}=e;return p?g<=1?(y(!0),!1):n?!t?.isAnonymous&&(k({open:!0,pollId:t?._id,optionId:r,optionText:o}),!0):(C(!0),!1):(U(),!1)}}),(0,r.jsx)(L,{open:v,onOpenChange:()=>y(!1),mutate:b}),(0,r.jsx)(a.A,{isOpen:w,setIsOpen:C,content:c}),(0,r.jsx)(I,{open:S?.open,pollId:S?.pollId,optionId:S?.optionId,optionText:S?.optionText,onOpenChange:()=>k({open:!1,pollId:"",optionId:"",optionText:""})}),(0,r.jsx)(T.default,{isOpened:P,setIsOpened:$,salonData:d})]})}},310427:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var r=n(823798),o=n(651299),i=n.n(o),a=n(109562),l=n(422264),s=n(127564);function d(e){let{isOpened:t,setIsOpened:n,salonData:o}=e,a=o?.name||"",d=o?.owner?.fullname||"";return(0,r.jsx)(s.A,{open:t,title:`你目前沒有 ${a} 的瀏覽權限`,onOpenChange:n,body:(0,r.jsxs)(r.Fragment,{children:["由於此沙龍的擁有者"," ",(0,r.jsx)(c,{children:d})," ","已將你封鎖，因此你無法瀏覽或參與此沙龍互動（若你原先仍有付費權限，系統已寄發退款通知信至你的常用電子信箱）。",(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),"在此沙龍以外的瀏覽與使用權限將不受影響，可以正常使用。"]}),buttons:(0,r.jsx)(i(),{href:"/",legacyBehavior:!0,children:(0,r.jsx)(l.A,{variant:"Fill-Secondary",onClick:()=>n(!1),children:"回 vocus 首頁"})})})}let c=a.Ay.span.withConfig({componentId:"sc-a625182c-0"})(["color:var(--Primary-Gray-L-01);font-weight:700;"])},358137:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(596350);let o=()=>{let{level:e}=(0,r.A)();return"10"===e}},467150:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(823798),o=n(761139);let i=function(e){let{src:t,width:n=100,height:i=100,layout:a="responsive",borderRadius:l="0%",margin:s="0",classType:d="",style:c={},originalComponent:u=null}=e,p=(0,o.useAmp)(),h=(0,r.jsx)("amp-img",{src:t,width:n,height:i,layout:a,style:{borderRadius:l,margin:s,...c},class:d});return p?h:u}},488205:(e,t,n)=>{n.d(t,{A:()=>v});var r=n(823798),o=n(621462),i=n(109562);let a=n.p+"static/media/ban-icon.0c08859c.png",l=n.p+"static/media/spam-icon.4a985712.png";var s=n(873092),d=n(467150),c=n(317836);let u=i.Ay.img.withConfig({componentId:"sc-991e63be-0"})(["width:",";height:",";background-color:",";cursor:",";margin:",";border:",";clip-path:",";box-shadow:",";border-image:",";border-radius:",";"],e=>`${e.width||40}px`,e=>`${e.width||40}px`,c.Tj.neutral.white,e=>e.cursorType,e=>{let t="0";return e.margin?t=e.margin:e.theme.margin&&(t=e.theme.margin),t},e=>e.theme.border,e=>e.theme.clipPath,e=>e.theme.boxShadow,e=>e.theme.borderImage,e=>e.theme.borderRadius||"100%"),p={clipPath:"",borderRadius:"100%",boxShadow:"",borderImage:"",width:50,margin:"0 12px 0 0"};var h=n(742325),m=n(708607),g=n(596350),x=n(780745),f=n(906932),A=n(689196),b=n(966070);function j(e){let{targetData:t,role:n,isAmpImg:r}=e;switch(n){case"user":return r?t?.avatarUrl||f:t?.avatarUrl;case"publication":case"room":return t?.thumbnailUrl;case"salon":return t?.thumbnailURL;default:return t?.coverURL}}function v(e){let{targetData:t,role:n="user",width:c=50,borderRadius:v="",margin:w="0",style:I={},className:C="",redirectUrl:S="",isRedirectPage:k=!0,isSkipCompress:P=!1,isS

1howUserStatusFlag:$=!0,children:_=null}=e,{level:O}=(0,g.A)(),U="10"===O,[L,T]=(0,m.A)({src:j({targetData:t,role:n,isAmpImg:!1}),isSkipCompress:P,adjustWidthFunc:A.$N}),N={...p,borderRadius:v},F="user"===n?f:x,R=(0,o.useMemo)(()=>$?t?.status===h.HJ.BAN?a:t?.spamHandleType===h.u4.ALWAYS_SPAM?l:null:null,[$,t]),B=(0,o.useMemo)(()=>({ref:L,style:I,margin:w,className:C,width:c||50,cursorType:k?"pointer":""}),[L,I,w,C,c,k]),G=(0,o.useMemo)(()=>{if(!k)return"";if(S)return S;switch(n){case"user":return(0,b.iu)(t,n);case"publication":return(0,b.n9)(t);case"room":return(0,b.x2)(t);case"salon":return(0,b.ah)(t);default:return""}},[k,S,t,n]),H=(0,o.useMemo)(()=>({alt:t?.fullname?`${t.fullname}-avatar-img`:"avatar-img",src:T||F}),[t,T,F]),M=(0,o.useMemo)(()=>(0,r.jsxs)(y,{isAdmin:U,width:B.width,user:t,userStatusImg:R,borderRadius:v,children:[(0,r.jsx)(u,{...B,...H,draggable:!1,onError:(0,s.A)(H?.src,"/static/user-icon.svg")}),_]}),[U,B,H,R,t,v,_]);return(0,r.jsx)(d.A,{src:j({targetData:t,role:n,isAmpImg:!0}),style:I,width:c,height:c,margin:w,draggable:!1,layout:"fixed",borderRadius:v||"100%",originalComponent:(0,r.jsx)(i.NP,{theme:{...N,...I},children:k?(0,r.jsx)("a",{href:G,children:M}):M})})}let y=i.Ay.div.withConfig({componentId:"sc-1892782a-0"})(["position:relative;",""],e=>{let{isAdmin:t}=e;return t?(0,i.AH)(['&:before{content:"";position:absolute;top:0px;left:0px;width:',";height:",";border-radius:",";background:",";background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;}"],e=>{let{width:t}=e;return`${t}px`},e=>{let{width:t}=e;return`${t}px`},e=>{let{borderRadius:t}=e;return t||"50%"},e=>{let{userStatusImg:t}=e;return t?`url(${t}) rgba(0, 0, 0, 0.5)`:""}):""})},706230:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(920721);let o=function(e){return(null==e?0:e.length)?(0,r.A)(e,1):[]}},708607:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(621462),o=n(966070);let i=e=>{let{src:t="",isSkipCompress:n=!1,adjustWidthFunc:i=e=>e}=e,a=(0,r.useRef)(),[l,s]=(0,r.useState)("");return(0,r.useEffect)(()=>{if(t&&a.current&&a.current.offsetWidth&&a.current.offsetWidth>0){if(t.includes("d2a6d2ofes041u.cloudfront.net/resize"))return void s(t);s((0,o.HP)(t,i(a.current.offsetWidth),n))}else s(t)},[t,n,i]),[a,l,()=>{},()=>{}]}},734965:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var r=n(823798),o=n(447993),i=n(109562),a=n(275398),l=n(598689);function s(e){let{isView:t=!1,salon:n,content:i}=e,s=i?.pollId||i?.poll?._id||"",{pollNodeData:c,element:u}=(0,l.BF)(s);return s&&u&&o.createPortal((0,r.jsx)(d,{children:(0,r.jsx)(a.default,{pollNodeData:{...c,_id:s},canView:t,salon:n,content:{...i,type:"article"}})}),u)}let d=i.Ay.div.withConfig({componentId:"sc-abc7f247-0"})(["position:absolute;width:calc(100% + 2px);top:0px;left:0px;z-index:1;"])},906932:(e,t,n)=>{e.exports=n.p+"static/media/user-icon.005c47e4.svg"},920721:(e,t,n)=>{n.d(t,{A:()=>d});var r=n(254634),o=n(861993),i=n(241201),a=n(154873),l=o.A?o.A.isConcatSpreadable:void 0;let s=function(e){return(0,a.A)(e)||(0,i.A)(e)||!!(l&&e&&e[l])},d=function e(t,n,o,i,a){var l=-1,d=t.length;for(o||(o=s),a||(a=[]);++l<d;){var c=t[l];n>0&&o(c)?n>1?e(c,n-1,o,i,a):(0,r.A)(a,c):i||(a[a.length]=c)}return a}}}]);