https://vocus.cc/_next/static/chunks/17139.90f79b16aadb9bb1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17139],{217139:(e,r,t)=>{t.r(r),t.d(r,{default:()=>E});var n=t(823798),i=t(621462),a=t(314548),o=t(707200),l=t(838432),s=t(419789),c=t(854533);let u=function(){let{openUrl:e}=(0,s.e)(),r=(0,i.useCallback)(()=>{e(c.pF,{style:"present",webFallback:()=>window.open(c.pF,"_blank","noopener,noreferrer")})},[e]);return(0,n.jsxs)(a.so,{flexDirection:"column",gap:"8px",children:[(0,n.jsx)(l.Ay,{textStyle:"H6",color:"var(--Primary-Black-Base)",children:"合作流程"}),(0,n.jsxs)(l.Ay,{textStyle:"Body4",color:"var(--Primary-Gray-L-01)",children:["成為 vocus 合作夥伴，讓餐飲、旅遊、美妝等 2,500+ 家品牌找到你。",(0,n.jsx)("button",{type:"button",onClick:r,className:"bg-transparent border-0 p-0 cursor-pointer",children:(0,n.jsx)(l.Ay,{textStyle:"Body4",color:"var(--Primary-Gray-L-01)",style:{textDecoration:"underline"},children:"了解詳情"})})]}),(0,n.jsx)(l.Ay,{textStyle:"Body4",color:"var(--Primary-Gray-L-01)",children:"請依照步驟完成設定，獲得精準媒合及通知。"})]})};var p=t(109562),d=t(422264),x=t(935006);let y=(0,p.Ay)(d.A).withConfig({componentId:"sc-923f7e41-0"})(["border-color:var(--Primary-Gray-L-01);"]),m=function(e){let{stepNumber:r,title:t,description:i,isCompleted:o,actionLabel:s,onClickAction:c,children:u}=e;return(0,n.jsx)(a.so,{flexDirection:"column",border:"1px solid var(--Primary-Gray-L-04)",borderRadius:"16px",p:"12px",gap:"12px",width:"100%",children:(0,n.jsxs)(a.so,{gap:"16px",alignItems:"flex-start",flexWrap:"wrap",width:"100%",children:[(0,n.jsxs)(a.so,{flexDirection:"column",gap:"12px",flex:"1 1 280px",minWidth:"0px",children:[(0,n.jsxs)(a.so,{flexDirection:"column",gap:"4px",children:[(0,n.jsxs)(a.so,{alignItems:"center",gap:"4px",height:"24px",children:[(0,n.jsx)(a.so,{alignItems:"center",justifyContent:"center",width:"28px",height:"28px",borderRadius:"40px",backgroundColor:"var(--Primary-Gray-L-05)",flexShrink:0,children:(0,n.jsx)(l.Ay,{textStyle:"H7",color:"var(--Primary-Black-Base)",children:r})}),(0,n.jsx)(l.Ay,{textStyle:"H7",color:"var(--Primary-Black-Base)",children:t})]}),(0,n.jsx)(l.Ay,{textStyle:"Body4",color:"var(--Primary-Gray-L-01)",children:i})]}),u]}),(0,n.jsxs)(a.so,{alignItems:"center",justifyContent:"flex-end",gap:"12px",flexShrink:0,minWidth:"170px",marginLeft:"auto",children:[o&&(0,n.jsxs)(a.so,{alignItems:"center",gap:"4px",children:[(0,n.jsx)(x.A,{name:"icon-success_outline",size:16,style:{color:"var(--Color-Success-Base)"}}),(0,n.jsx)(l.Ay,{textStyle:"Body4",color:"var(--Color-Success-Base)",children:"已完成"})]}),o?(0,n.jsx)(d.A,{variant:"Outline-Tertiary",size:"small",onClick:c,children:s}):(0,n.jsx)(y,{variant:"Outline-Primary",size:"small",onClick:c,children:s})]})]})})};var h=t(505724);let g=function(e){let{creatorCode:r}=e,t=(0,h.A)();if(!r)return null;let i=async()=>{try{await navigator.clipboard.writeText(r),t({message:"複製成功"})}catch(e){console.error("Copy creator code error:",e),t({type:"error",message:"發生錯誤，請稍後再試"})}};return(0,n.jsxs)(a.so,{alignItems:"center",justifyContent:"space-between",gap:"8px",p:"12px",borderRadius:"12px",backgroundColor:"var(--Primary-Gray-L-06)",width:"100%",children:[(0,n.jsxs)(a.so,{flexDirection:"column",gap:"4px",minWidth:"0px",children:[(0,n.jsx)(l.Ay,{textStyle:"Body4",color:"var(--Primary-Gray-L-01)",children:"你的創作者編號"}),(0,n.jsx)(l.Ay,{textStyle:"H7",color:"var(--Primary-Black-Base)",children:r})]}),(0,n.jsx)(d.A,{variant:"Outline-Tertiary",size:"small",rightIcon:"icon-copy",onClick:i,children:"複製"})]})};var v=t(182855),b=t(753835);let f=function(e){let{lineUrl:r}=e;return(0,n.jsxs)(a.so,{flexDirection:"column",alignItems:"center",gap:"16px",width:"100%",children:[(0,n.jsx)(a.so,{alignItems:"center",justifyContent:"center",p:"12px",border:"1px solid var(--Primary-Gray-L-04)",borderRadius:"8px",children:(0,n.jsx)(b.Ay,{value:r,size:200,level:"M",title:"LINE 官方帳號行動條碼"})}),(0,n.jsxs)(a.so,{flexDirection:"column",alignItems:"center",gap:"8px",width:"100%",children:[(0,n.jsx)(l.Ay,{textStyle:"H7",color:"var(--Primary-Black-Base)",children:"透過行動條碼前往官方 LINE"}),(0,n.jsx)(l.Ay,{textStyle:"Body4",color:"var(--Primary-Gray-L-01)",maxWidth:"600px",style:{textAlign:"center"},children:"請在 LINE 應用程式上開啟「好友」分頁，點選畫面右上方用來加入好友的圖示，接著點選「行動條碼」，然後掃描此行動條碼。"})]})]})};var j=t(552430),w=t(680626);let k=function(e){let{phase:r,onClose:t,lineUrl:i}=e,a=(0,w.CD)();return(0,n.jsx)(v.lG,{open:null!==r,onOpenChange:e=>{e||t()},children:(0,n.jsxs)(v.Cf,{className:(0,j.cn)("md:w-[800px] md:max-w-[800px] gap-0",a&&"top-[calc(44px+env(safe-area-inset-top)+8px)] translate-y-0 md:top-1/2 md:-translate-y-1/2"),"aria-describedby":void 0,children:[(0,n.jsx)(v.c7,{children:(0,n.jsx)(v.L3,{children:"前往官方 LINE"})}),(0,n.jsx)("div",{className:"flex items-center justify-center px-5 py-6 md:px-6",children:"loading"===r?(0,n.jsx)(o.A,{width:50,height:50,tip:"即將前往官方 LINE"}):(0,n.jsx)(f,{lineUrl:i})})]})})};

1var C=t(990607),A=t(563140);let _=function(e){let r=e?`/api/v2/studio/salon/${e}/collaboration-settings`:null,{data:t,mutate:n,error:i,isLoading:a}=(0,A.Ay)(r,{shouldRetryOnError:e=>{let r=function(e){try{return JSON.parse(e?.message)?.statusCode}catch{return}}(e);return 408===r||429===r||!("number"==typeof r&&r>=400&&r<500)}});return{data:t,isLoading:a,isError:i,mutate:n}};var S=t(88089),B=t(226697),L=t(225960),I=t(275791);let E=function(e){let{salonData:r}=e,t=r?._id??"",{openUrl:l}=(0,s.e)(),{openInternalRoute:p}=(0,L.v)(),d=(0,h.A)(),{dismiss:x}=(0,C.A)();(0,i.useEffect)(()=>{x()},[]);let{data:y,isLoading:v}=_(t),{trigger:b,isMutating:f}=function(e){let r=e?`/api/v2/studio/salon/${e}/collaboration-settings/survey`:"",{trigger:t,isMutating:n}=(0,S.A)(r,async()=>{let e=await (0,B.A)(r,{method:"POST"});if(!Array.isArray(e?.items))throw Error("Invalid survey response: missing `items`");return e},{onError:e=>{console.error("Error occurred on post collaboration survey params:",e)}});return{trigger:t,isMutating:n}}(t),j=y?.survey.status==="completed",A=j?y?.kocNumber:void 0,[E,N]=(0,i.useState)(null),P=(0,i.useCallback)(async()=>{if(!f){(0,I.gY)(t);try{let{items:e}=await b(),r=(0,c.tp)(e),t=(0,c.q6)(e);if(!r||!t)throw Error("Missing aka_uid or aka_survey_invite_id in survey params response");let n=(0,c.Z9)({utmSource:"vocus-studio",userId:r,surveyInviteId:t});await (0,w.Vm)(w.W7.OpenNativeDeviceBrowser,{url:n})||window.open(n,"_blank","noopener,noreferrer")}catch(e){console.error("Post collaboration survey params error:",e),d({type:"error",message:"發生錯誤，請稍後再試"})}}},[f,b,t,d]),W=(0,i.useCallback)(()=>{(0,I.hS)(t),p("salonBasicSetting",{salonId:t},{title:"沙龍設定"})},[p,t]),D=(0,c.YC)(A),$=(0,i.useCallback)(()=>{l(D,{style:"present",webFallback:()=>window.open(D,"_blank","noopener,noreferrer")})},[l,D]),G=(0,i.useCallback)(()=>{if((0,I.qr)(t),window.matchMedia("(min-width: 768px)").matches)return void N("qr");N("loading"),$()},[$,t]),R=(0,i.useCallback)(()=>{N(null)},[]);return(0,n.jsxs)(a.so,{flexDirection:"column",gap:"20px",maxWidth:"620px",margin:"0px auto",width:"100%",children:[(0,n.jsx)(u,{}),v?(0,n.jsx)(a.so,{justifyContent:"center",alignItems:"center",minHeight:"200px",children:(0,n.jsx)(o.A,{})}):(0,n.jsxs)(a.so,{flexDirection:"column",gap:"12px",children:[(0,n.jsx)(m,{stepNumber:1,title:"填寫合作喜好",description:(0,n.jsxs)(n.Fragment,{children:["填寫合作喜好問卷，讓我們更認識你！",(0,n.jsx)("br",{}),"問卷送出後，系統約需 30 分鐘處理，無須重複填寫"]}),isCompleted:j,actionLabel:"填寫喜好",onClickAction:P}),(0,n.jsx)(m,{stepNumber:2,title:"連結社群平台",description:"前往沙龍設定連結你的社群平台，展現作品風格，加速獲得商案媒合機會",isCompleted:y?.social.status==="completed",actionLabel:"前往設定",onClickAction:W}),(0,n.jsx)(m,{stepNumber:3,title:"加入並綁定官方 LINE",description:"完成合作喜好問卷並加入官方 LINE，將創作者編號回傳至LINE完成綁定，未來商案邀約將透過官方 LINE 聯繫",isCompleted:y?.lineBinding.status==="completed",actionLabel:"前往 LINE",onClickAction:G,children:(0,n.jsx)(g,{creatorCode:A})})]}),(0,n.jsx)(k,{phase:E,onClose:R,lineUrl:D})]})}},225960:(e,r,t)=>{t.d(r,{v:()=>s});var n=t(621462),i=t(419789);let a={salonRoleAndPayment:{path:e=>{let{salonId:r}=e;return`/salon/${r}/studio/setting?tab=role-and-payment`},hasAppWebviewMirror:!0},salonEarningsCollaboration:{path:e=>{let{salonId:r}=e;return`/salon/${r}/studio/earnings?tab=collaboration`},hasAppWebviewMirror:!1},salonBasicSetting:{path:e=>{let{salonId:r}=e;return`/salon/${r}/studio/setting?tab=basic-setting`},hasAppWebviewMirror:!0},salonPlansCollaboration:{path:e=>{let{salonId:r}=e;return`/salon/${r}/studio/plans?tab=collaboration`},hasAppWebviewMirror:!0}};var o=t(680626),l=t(967954);function s(){let{openUrl:e,isInAppWebview:r}=(0,i.e)();return{openInternalRoute:(0,n.useCallback)((r,t,n)=>{let{appWebviewUrl:i,canonicalPath:s}=function(e,r,t){let n=a[e],i=n.path(r),o=n.hasAppWebviewMirror?`/app-webview${i}`:i;return{canonicalPath:i,appWebviewUrl:`${t}${o}`}}(r,t,(0,l.A)()),c=()=>{n?.webTarget==="blank"?window.open(s):window.location.href=s};if(!(0,o.kE)())return void c();e(i,{title:n?.title,style:n?.style,webFallback:c})},[e]),isInAppWebview:r}}},275791:(e,r,t)=>{t.d(r,{V8:()=>u,gY:()=>l,hS:()=>s,qr:()=>c});var n=t(416147);let i={survey:"collaborationSetting_survey_click",social:"collaborationSetting_social_click",line:"collaborationSetting_line_click",footerBecomeCreator:"footerBecomeCreator_click"},a="CollaborationSettings";function o(e,r,t){(0,n._s)()&&(0,n.j8)({name:e,component:r,params:{salon_id:t??""}})}function l(e){o(i.survey,a,e)}function s(e){o(i.social,a,e)}function c(e){o(i.line,a,e)}function u(e){o(i.footerBecomeCreator,"Footer",e)}},419789:(e,r,t)=>{t.d(r,{e:()=>o});var n=t(621462),i=t(680626),a=t(463069);

1function o(){let[e,r]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{(0,i.jC)().then(r)},[]),{isInAppWebview:e,openUrl:(0,n.useCallback)(async(e,r)=>{await (0,i.Vm)(a.W7.OpenNativeWebView,{url:e,style:r.style??"push",title:r.title??""})||r.webFallback()},[]),openExternalUrl:(0,n.useCallback)(async(e,r)=>{await (0,i.Vm)(a.W7.OpenNativeDeviceBrowser,{url:e})||r.webFallback()},[])}}},854533:(e,r,t)=>{t.d(r,{YC:()=>c,Z9:()=>i,pF:()=>n,q6:()=>s,tp:()=>l});let n="https://creator.vocus.cc/vocus-ti-gong-gei-chuang-zuo-zhe-de-feng-fu-bian-xian-ji-zhi/jie-qu-shang-an-he-zuo-lei-ji-jie-an-jing-yan-zhuan-qu-ye-pei-shou-ru";function i(e){let{utmSource:r,userId:t,surveyInviteId:n}=e,i=new URLSearchParams({utm_source:r,utm_medium:"click",utm_campaign:"onboarding_20260831"});return t&&i.set("aka_uid",t),n&&i.set("aka_survey_invite_id",n),`https://www.surveycake.com/s/lgkqr?${i.toString()}`}let a="@628ngras",o=`https://line.me/R/ti/p/${a}`;function l(e){return e.find(e=>"aka_uid"===e.key)?.value}function s(e){return e.find(e=>"aka_survey_invite_id"===e.key)?.value}function c(e){return e?`https://line.me/R/oaMessage/${a}/?${encodeURIComponent(e)}`:o}}}]);