https://koljobs.com/_next/static/chunks/5880.6fed76d29422b014.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5880],{32098:function(e,t,r){r.d(t,{q:function(){return Avatar}});var n=r(52322),l=r(6277),s=r(73980);let a={sm:"h-8 w-8",md:"h-8 w-8 sm:h-12 sm:w-12",lg:"h-16 w-16 sm:h-20 sm:w-20",mobileBottomNavBar:"h-[28px] w-[28px]"},Avatar=e=>{let{className:t,publicId:r,name:i,size:o="sm"}=e;return(0,n.jsxs)("div",{className:(0,l.Z)(a[o],"relative flex items-center justify-center rounded-full bg-gray-400 text-white",t),children:[(0,n.jsx)(s.t,{className:"rounded-full",publicId:r,alt:i}),!!i&&(0,n.jsx)("span",{children:i.charAt(0)})]})}},73980:function(e,t,r){r.d(t,{t:function(){return CloudinaryImage}});var n=r(52322),l=r(35372),s=r(28546),a=r(76503),i=r(5489),o=r(90760),c=r(38421),d=r.n(c),u=r(2784),m=r(13637);let{services:{cloudinary:{cloudName:x}}}=(0,m.b)(),CloudinaryImage=e=>{let{alt:t="",src:r,objectFit:c="cover",publicId:m,height:f,width:h,className:v}=e,p=(0,u.useMemo)(()=>new l.r({cloud:{cloudName:x}}),[x]),b=p.image(m).delivery((0,s.WU)((0,o.d7)()).lossy()).effect((0,a.yv)(2e3)).resize((0,i.bA)().width(400)).toURL(),[g,j]=(0,u.useState)(null);return((0,u.useEffect)(()=>{j(p.image(m).delivery((0,s.WU)((0,o.d7)())).toURL())},[g,m,p]),r||m)?r?(0,n.jsx)(d(),{loader:e=>{let{src:t}=e;return t},alt:t,className:v,src:r,layout:"fill",objectFit:c,objectPosition:"center"}):f&&h?(0,n.jsx)(d(),{alt:t,blurDataURL:b,className:v,layout:"responsive",placeholder:"blur",src:null!=g?g:b,height:f,width:h}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d(),{alt:t,className:v,src:b,priority:!0,layout:"fill",objectFit:c,objectPosition:"center"}),g&&(0,n.jsx)(d(),{alt:t,className:v,src:g,layout:"fill",objectFit:c,objectPosition:"center"})]}):null}},294:function(e,t,r){r.d(t,{U:function(){return ErrorRetry}});var n=r(52322),l=r(31250),s=r(88071),a=r(2784),i=r(77638);let useGraphqlError=e=>{let{error:t}=e,r=(0,a.useMemo)(()=>null,[]),n=(0,a.useMemo)(()=>{var e;return t instanceof Error?null!==(e=i.XO[t.message])&&void 0!==e?e:"".concat(i.cl," (").concat(t.message,")"):i.cl},[t]);return(0,a.useMemo)(()=>({serverSentryEventId:r,errorMessage:n}),[r,n])};var o=r(52753);let ErrorMessage=e=>{let{error:t,sentryEventId:r}=e,{serverSentryEventId:l,errorMessage:s}=useGraphqlError({error:t}),i=(0,a.useMemo)(()=>null!=l?l:r,[r,l]);return(0,n.jsxs)("span",{className:"text-center",children:[s," (",i&&i.substring(0,7),")"]})},ErrorRetry=e=>{let{refetch:t,error:r}=e,[i,c]=(0,a.useState)(null);return((0,a.useEffect)(()=>{c(s.eW())},[]),r)?(0,n.jsxs)("div",{className:"flex flex-1 flex-col items-center justify-center space-y-2 py-28",children:[(0,n.jsx)(l.Z,{className:"text-primary h-32 w-32"}),(0,n.jsxs)("div",{className:"flex flex-col items-center space-y-2",children:[(0,n.jsx)("div",{className:"text-lg font-normal text-gray-700",children:"發生錯誤"}),(0,n.jsx)(ErrorMessage,{error:r,sentryEventId:i}),(0,n.jsx)(o.h,{className:"text-base font-light text-gray-500",onClick:()=>t(),children:"重試"})]})]}):null}},52753:function(e,t,r){r.d(t,{h:function(){return a}});var n=r(52322),l=r(6277),s=r(2784);let a=(0,s.forwardRef)((e,t)=>{let{children:r,className:s,...a}=e;return(0,n.jsx)("button",{...a,ref:t,className:(0,l.Z)("text-primary hover:opacity-70 focus:outline-none focus-visible:outline-none disabled:cursor-not-allowed",s),type:"button",children:r})})},13866:function(e,t,r){r.d(t,{m:function(){return Tabs}});var n=r(52322),l=r(6277);let Tabs=e=>{let{countClassName:t,currentTab:r,isFullWidth:s,tabs:a,onSelect:i}=e;return(0,n.jsx)("nav",{className:(0,l.Z)(s?"space-x-0":"space-x-4","-mb-px flex"),"aria-label":"Tabs",children:a.map((e,a)=>{var o;return(0,n.jsxs)("button",{className:(0,l.Z)(s?"inline-flex w-full justify-center text-base font-normal":"text-sm font-medium",e.name===r?"border-primary text-primary":"border-transparent text-gray-500 hover:border-gray-200 hover:text-gray-700","flex items-center whitespace-nowrap border-b-2 py-4 px-1"),onClick:()=>i(e.name),children:[(0,n.jsx)("span",{children:null!==(o=e.label)&&void 0!==o?o:e.name}),void 0!==e.count&&(0,n.jsx)("span",{className:(0,l.Z)(s||e.count?"":"hidden",e.name===r?"bg-secondary text-primary":"bg-gray-100 text-gray-900","ml-2 inline-flex items-center rounded-full py-0.5 px-2.5 text-xs font-medium",t),children:e.count})]},a)})})}},16607:function(e,t,r){r.d(t,{X:function(){return i}});var n,l=r(52322),s=r(6277),a=r(2784);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}

1).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}var check=function(e){return a.createElement("svg",_extends({width:25,height:19,viewBox:"0 0 25 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n||(n=a.createElement("path",{d:"M2.08936 10.5427L8.26078 16.7141L22.6575 2.31744",stroke:"currentColor",strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"})))};let i=(0,a.forwardRef)((e,t)=>{let{variant:r="circle",label:n,name:a,value:i,onChange:o,checked:c,className:d,selectAll:u=!1,labelClassName:m,...x}=e;return"custom"===r?(0,l.jsxs)("label",{className:"relative h-full w-full",children:[!x.disabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:(0,s.Z)("absolute top-2 left-2 z-10 rounded-full border border-white p-1",c?"bg-primary hover:bg-opacity-90 focus:bg-opacity-90 ":"bg-black bg-opacity-50 hover:bg-opacity-70 focus:bg-opacity-70 "),children:(0,l.jsx)(check,{className:"h-2.5 w-2.5 text-white md:h-4 md:w-4"})}),(0,l.jsx)("input",{className:"hidden",type:"checkbox",name:a,value:i,onChange:o,ref:t,checked:c})]}),(0,l.jsx)("div",{className:x.disabled?"":"pointer-events-none",children:n})]}):(0,l.jsxs)("label",{className:(0,s.Z)("flex cursor-pointer items-center space-x-3",d),children:["none"!==r&&(0,l.jsx)("div",{className:(0,s.Z)(c?"bg-primary":"bg-gray-300","circle"===r?"h-6 w-6 rounded-full":"h-4 w-4 rounded","relative flex items-center justify-center"),children:(0,l.jsx)(check,{className:"pointer-events-none text-white",width:"circle"===r?16:10,height:"circle"===r?11:10})}),(0,l.jsx)("div",{className:(0,s.Z)("flex items-center",m),children:n}),(0,l.jsx)("input",{className:"hidden",type:"checkbox",name:a,value:i,onChange:o,ref:t,checked:c})]})})},81533:function(e,t,r){r.d(t,{N:function(){return useInvalidateQueries}});var n=r(82066);let useInvalidateQueries=()=>{let e=(0,n.useQueryClient)();return{invalidateQueries:t=>{Array.isArray(t)&&t.length?t.forEach(t=>{e.invalidateQueries(t)}):e.invalidateQueries(t)}}}},15880:function(e,t,r){r.r(t),r.d(t,{ModelInvitationDialogView:function(){return ModelInvitationDialogView}});var n=r(52322),l=r(2784),s=r(2376),a=r(13866),i=r(81123),o=r(90887),c=r(6277),d=r(91793);let u={default:{border:"border-gray-400 divide-gray-400",container:"rounded-full w-max",icon:"text-gray-700"},light:{border:"border-gray-200 divide-gray-100",container:"rounded-lg w-full",icon:"text-primary"}},SearchTextInput=e=>{let{variant:t="default",label:r,value:s,isActive:a=!1,full:m=!1,onChange:x,onSearch:f=()=>{},onClear:h=()=>{},SearchIcon:v=i.Z,ClearSearchIcon:p=o.Z}=e,b=(0,l.useMemo)(()=>!s,[s]),g=(0,l.useMemo)(()=>(0,c.Z)("h-4 w-4",a?"text-primary":u[t].icon,b?"":"cursor-pointer"),[a,b,t]);return(0,n.jsxs)("div",{className:(0,c.Z)("min-w-72 flex items-center divide-x border bg-white px-4 py-2",a?"border-primary ring-primary divide-primary":u[t].border,m?"w-full rounded-full":u[t].container),children:[(0,n.jsx)("div",{className:"pr-2",children:b?(0,n.jsx)(v,{className:g}):(0,n.jsx)(p,{className:g,onClick:h})}),(0,n.jsx)("div",{className:"w-full pl-2",children:(0,n.jsx)(d.n,{placeholder:"搜尋".concat(r),value:null!=s?s:"",variant:"text",inputClassName:(0,c.Z)("font-light !py-0 !px-0"),onChange:x,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f())}})})]})};var m=r(63246);let useDebouncedSearch=e=>{let{setDebouncedSearchInput:t}=e,[r,n]=(0,l.useState)("");(0,m.Z)(()=>{t(r)},1e3,[r]);let s=(0,l.useCallback)(()=>{t(r)},[r,t]);return{searchInput:r,handleSearch:s,handleSearchInputClear:()=>{n(""),t("")},handleSearchInputChange:e=>{n(e.target.value)}}},DebouncedSearchInput=e=>{let{onDebouncedInputChange:t}=e,{searchInput:r,handleSearchInputChange:l,handleSearchInputClear:s,handleSearch:a}=useDebouncedSearch({setDebouncedSearchInput:t});return(0,n.jsx)(SearchTextInput,{label:"KOL",full:!0,value:r,onChange:l,onSearch:a,onClear:s})};var x=r(63955),f=r(62202),h=r(44057),v=r(39988),p=r(45769),b=r(81082),g=r(38195),j=r(90605),y=r(81533),w=r(57492),N=r(24511),I=r(13637);let{features:{business:{maxJobInvitations:M}}}=(0,I.b)(),getInviteModelFormYupResolver=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return(0,w.X)(N.Ry().shape({modelUserIds:N.IX().min(1).max(M-e,"邀請人數已超過限額").required()}))};

1var C=r(92244);let k=(0,p.L8)(e=>{var t;let{children:r,jobId:s,invitationsCount:a,tab:i}=e,{trackEvent:o}=(0,g.z)(),{openConfirmDialog:c,closeConfirmDialog:d}=(0,p.Og)(),{closeDialog:u}=(0,b.DA)(),{handleGraphqlError:m}=(0,j.U)(),w=(0,x.cI)({mode:"onChange",resolver:getInviteModelFormYupResolver(a)}),{mutateAsync:N,isLoading:I}=(0,C.cf8)(),{invalidateQueries:M}=(0,y.N)(),onInviteModels=async e=>{let{modelUserIds:t}=e;if(null==t?void 0:t.length)try{await Promise.all(t.map(async e=>{await N({jobId:s,modelUserId:e})})),M(["JobsByBusiness.infinite","Models.infinite","ModelGendersCount"]),o(h.ic.INVITE_JOB),u(),f.ZP.success("已成功發出邀請")}catch(e){m(e,{tags:{action:"SelectModelForm.onInviteModels"}})}},k=null===(t=w.watch("modelUserIds"))||void 0===t?void 0:t.length;return(0,l.useEffect)(()=>{w.reset({})},[i]),(0,n.jsx)(x.RV,{...w,children:(0,n.jsxs)("form",{onSubmit:w.handleSubmit(onInviteModels),className:"flex flex-1 flex-col justify-between",children:[(0,n.jsx)("div",{className:"flex h-full flex-col space-y-4 overflow-y-auto px-4 pt-4 sm:max-h-[30rem] sm:px-6 sm:pb-10",children:r}),(0,n.jsxs)("div",{className:"flex justify-end space-x-4 bg-white p-4 sm:!-mb-6 sm:rounded-b-md",children:[(0,n.jsx)("div",{children:(0,n.jsx)(v.z,{variant:"outline",className:"px-6 py-2",onClick:u,children:"返回"})}),(0,n.jsx)("div",{children:(0,n.jsxs)(v.z,{type:"button",className:"!px-6",disabled:!w.formState.isValid,disabledColor:"primary",isLoading:I||w.formState.isSubmitting,onClick:()=>c({content:"發送邀請後，KOL將會收到你的邀請通知。",onConfirm:()=>{d(),w.handleSubmit(onInviteModels)()}}),children:["發送邀請 (",null!=k?k:0,")"]})})]})]})})});var E=r(87211),S=r(294),L=r(16607),R=r(98509),D=r(82908),Z=r(1350);let{features:{table:{itemsPerQuery:P}}}=(0,I.b)(),InviteModelList=e=>{let{count:t=0,job:r,searchInput:s="",gender:a}=e,{control:i,register:o}=(0,x.Gc)(),c=(0,x.qo)({control:i,name:"modelUserIds",defaultValue:[]}),{data:{pages:d}={},isLoading:u,isFetching:m,hasNextPage:f,error:h,fetchNextPage:v,refetch:p}=(0,C.DSR)("where",{where:{gender:{equals:a},jobApplications:{none:{jobId:{equals:r.id}}},username:{contains:s,mode:C.nJO.Insensitive}},orderBy:[{order:C.Asd.Desc},{id:C.Asd.Desc}],take:P},{getNextPageParam:(e,r)=>{let n=r.flatMap(e=>{var t;return null!==(t=null==e?void 0:e.models)&&void 0!==t?t:[]}).length;if(n%P==0&&0!==n&&n<t){var l,s;return{cursor:null===(s=e.models)||void 0===s?void 0:null===(l=s[e.models.length-1])||void 0===l?void 0:l.id}}return!1}}),b=(0,l.useMemo)(()=>{var e;return null!==(e=null==d?void 0:d.flatMap(e=>e.models))&&void 0!==e?e:[]},[d]);return u?(0,n.jsx)("div",{className:"ml-7 space-y-4 p-2",children:(0,n.jsx)(Z.C,{})}):h?(0,n.jsx)(S.U,{refetch:p,error:h}):0===b.length?(0,n.jsx)(R.U,{title:"KOL"}):(0,n.jsxs)(n.Fragment,{children:[b.map(e=>(0,l.createElement)(L.X,{...o("modelUserIds"),label:(0,n.jsx)(D.O,{model:e}),key:e.id,value:e.userId,checked:c.includes(e.userId)})),1===b.length&&(0,n.jsx)(L.X,{...o("modelUserIds"),label:"",className:"hidden"}),!u&&!!m&&(0,n.jsx)("div",{className:"ml-8 space-y-4",children:(0,n.jsx)(Z.C,{})}),(0,n.jsx)(E.h,{onEnter:()=>{f&&v()}})]})};var A=r(61650);let ModelInvitationDialogView=e=>{let{job:t}=e,{data:{femaleModelsCount:r,maleModelsCount:i}={}}=(0,C.jQ$)({where:{jobApplications:{none:{jobId:{equals:t.id}}}}}),{tabs:o,currentTab:c,setCurrentTab:d}=(0,A.D)({femaleCount:r,maleCount:i}),[u,m]=(0,l.useState)("");return(0,n.jsx)(s.$,{className:"!flex-none !pb-0",title:(0,n.jsxs)("div",{className:"space-x-3",children:[(0,n.jsx)("span",{children:"選擇你想邀請的KOL"}),(0,n.jsx)("span",{className:"text-sm text-gray-500",children:"*最多可邀請10位"})]}),outerChildren:(0,n.jsxs)(k,{jobId:t.id,invitationsCount:t.invitationsCount,tab:c,children:[(0,n.jsx)(DebouncedSearchInput,{onDebouncedInputChange:m}),(0,n.jsx)(InviteModelList,{count:c===C.VXP.Female?r:i,job:t,gender:c,searchInput:u})]}),children:(0,n.jsx)("div",{className:"-mx-6 border-b border-gray-200 sm:mx-0",children:(0,n.jsx)(a.m,{currentTab:c,tabs:o,onSelect:e=>d(e),isFullWidth:!0})})})}},61650:function(e,t,r){r.d(t,{D:function(){return useGenderTabs}});var n=r(2784),l=r(71804),s=r(92244);let useGenderTabs=e=>{let{defaultValue:t,femaleCount:r,maleCount:a,hideNonDefaultTab:i}

1=e,[o,c]=(0,n.useState)(null!=t?t:s.VXP.Female),d=(0,n.useMemo)(()=>{let e={label:l.A[s.VXP.Female],name:s.VXP.Female,count:r},n={label:l.A[s.VXP.Male],name:s.VXP.Male,count:a};return i&&t?t===s.VXP.Female?[e]:[n]:[e,n]},[r,a,t,i]);return{tabs:d,currentTab:o,setCurrentTab:c}}},98509:function(e,t,r){r.d(t,{U:function(){return EmptyModelList}});var n=r(52322),l=r(38421),s=r.n(l),a=r(13637);let{project:{siteName:i}}=(0,a.b)(),EmptyModelList=e=>{let{title:t}=e;return(0,n.jsxs)("div",{className:"flex flex-col items-center space-y-4 pt-4 font-normal text-gray-700 sm:py-0",children:[(0,n.jsx)(s(),{alt:i,src:"/images/user/model.png",layout:"fixed",width:170,height:170,unoptimized:!0}),(0,n.jsxs)("div",{className:"text-lg",children:["沒有",t]})]})}},82908:function(e,t,r){r.d(t,{O:function(){return ModelInfoItem}});var n=r(52322),l=r(39097),s=r.n(l),a=r(32098);let ModelInfoItem=e=>{let{model:t}=e;return(0,n.jsxs)("div",{className:"flex w-max items-center space-x-3",children:[(0,n.jsx)(s(),{href:"/kol/".concat(t.id,"/").concat(t.username),passHref:!0,className:"hover:opacity-90",target:"_blank",rel:"noopener noreferrer",onClick:e=>e.stopPropagation(),children:(0,n.jsx)(a.q,{size:"lg",publicId:t.avatarPublicId,name:t.username})}),(0,n.jsxs)("div",{className:"space-y-0.5",children:[(0,n.jsx)("div",{className:"text-lg font-medium",children:t.username}),(0,n.jsxs)("div",{className:"flex flex-col text-sm text-gray-700 sm:flex-row sm:space-x-3",children:[(0,n.jsxs)("div",{children:["身高體重 ",t.height,"cm / ",t.weight,"kg"]}),(0,n.jsxs)("div",{children:["三圍 ",t.chest||"-",t.cupSize," / ",t.waist||"-"," / ",t.hips||"-"]})]})]})]})}},1350:function(e,t,r){r.d(t,{C:function(){return ModelInfoListSkeleton}});var n=r(52322),l=r(32098);let ModelInfoListSkeleton=()=>(0,n.jsx)(n.Fragment,{children:Array.from([,,,]).map((e,t)=>(0,n.jsxs)("div",{className:"flex animate-pulse items-center space-x-4",children:[(0,n.jsx)(l.q,{size:"lg"}),(0,n.jsxs)("div",{className:"flex-1 space-y-3",children:[(0,n.jsx)("div",{className:"h-4 w-1/2 roun

1ded bg-slate-200"}),(0,n.jsxs)("div",{className:"flex space-x-3 text-sm",children:[(0,n.jsx)("div",{className:"h-4 w-1/2 rounded bg-slate-200"}),(0,n.jsx)("div",{className:"h-4 w-1/2 rounded bg-slate-200"})]})]})]},t))})},71804:function(e,t,r){r.d(t,{A:function(){return l}});var n=r(92244);let l={[n.VXP.Female]:"女KOL",[n.VXP.Male]:"男KOL"}},63246:function(e,t,r){r.d(t,{Z:function(){return useDebounce}});var n=r(2784);function useDebounce(e,t,r){void 0===t&&(t=0),void 0===r&&(r=[]);var l,s,a,i,o,c,d,u=(void 0===(l=t)&&(l=0),s=(0,n.useRef)(!1),a=(0,n.useRef)(),i=(0,n.useRef)(e),o=(0,n.useCallback)(function(){return s.current},[]),c=(0,n.useCallback)(function(){s.current=!1,a.current&&clearTimeout(a.current),a.current=setTimeout(function(){s.current=!0,i.current()},l)},[l]),d=(0,n.useCallback)(function(){s.current=null,a.current&&clearTimeout(a.current)},[]),(0,n.useEffect)(function(){i.current=e},[e]),(0,n.useEffect)(function(){return c(),d},[l]),[o,d,c]),m=u[0],x=u[1],f=u[2];return(0,n.useEffect)(f,r),[m,x]}},81123:function(e,t,r){var n=r(2784);let l=n.forwardRef(function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",clipRule:"evenodd"}))});t.Z=l},90887:function(e,t,r){var n=r(2784);let l=n.forwardRef(function(e,t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),n.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))});t.Z=l}}]);
2//# sourceMappingURL=5880.6fed76d29422b014.js.map