https://fastlance.vn/_next/static/chunks/4124.ef15f5639fbd94c7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4124],{14124:(e,t,s)=>{s.r(t),s.d(t,{default:()=>U});var n=s(67684),a=s(62701),i=s(20294),l=s(37876),o=s(4758),r=s(14678),c=s(15039),d=s.n(c),u=s(7766),p=s.n(u),m=s(40123),h=s.n(m),g=s(80782),v=s.n(g),_=s(54587),x=s.n(_),f=s(89099),b=s(14232),j=s(10997),N=s(93996),w=s(79514),y=s(97488),C=s(26338),E=s(88202),S=s(80481),L=s(42262),k=s(79520),I=s(52572),O=s(50075),R=s(50113),T=s(66523),A=s(84367),P=s(71260),M=s(61696),B=s(75786),W=s(88720),F=s(8328),V=s(65143);let G=function(e){var t=e.referenceId,s=e.referenceType,n=e.product,a=e.source,o=(0,O.j1)(),r=(0,O.j1)(),c=(0,V.ur)(),d=c.isLoggedIn,u=c.authGuard,p=(0,f.useRouter)().asPath,m=(0,i._)((0,O.Bd)(S.o3),1)[0];return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"share-button","data-selenium":"product-detail.button.additional-menu",role:"button",onClick:r.onOpen,"aria-label":"product-detail.button.additional-menu",children:(0,l.jsx)("i",{className:"fal fa-ellipsis _fs-500"})}),(0,l.jsx)(j.Z1,{modalTitle:m("modal.header"),formTitle:m("modal.reason.description"),disclosure:o,referenceId:t,referenceType:s,product:n,source:a}),(0,l.jsx)(j.aF,{isShown:r.isOpen,onClickToClose:r.onClose,className:"report-violation-modal",isSmallScreenBottomSheet:!0,children:(0,l.jsx)("div",{className:"body _dp-f _alit-ct",children:(0,l.jsxs)("div",{className:"_dp-f _alit-ct _w-100pct","data-selenium":"product-detail.button.report-product",onClick:function(){d?(o.onOpen(),r.onClose()):u(p)},children:[(0,l.jsx)("i",{className:"fal fa-flag _fs-400 _cl-primary-500 _mgr-12px"}),(0,l.jsx)("p",{className:"_ffml-secondary _cl-text-100 _fs-400 _fw-600",children:"รายงานบริการนี้"})]})})})]})};var $=s(33013),z=s(33299),q=s(19391),D={OVERALL:"overall",PACKAGE:"package",PROFILE:"profile",REVIEW:"review"},K=function(e){var t=e.title,s=e.children;return(0,l.jsxs)("div",{className:"lo-12 _gg-12px",children:[(0,l.jsx)("h5",{className:"_cl-primary-500",children:t}),s]})};let U=function(e){var t,s,c,u,m,g,_,V,U,Z,H,Y,Q,X,J,ee,et,es,en,ea,ei,el,eo,er=e.product,ec=e.isCloseAppBar,ed=(0,i._)((0,O.Bd)(S.ZX),1)[0],eu=(0,i._)((0,O.Bd)(S.NZ),1)[0],ep=(0,f.useRouter)(),em=(0,i._)((0,b.useState)(D.OVERALL),2),eh=em[0],eg=em[1],ev=(0,i._)((0,b.useState)(!1),2),e_=ev[0],ex=ev[1],ef=(0,i._)((0,b.useState)(null),2),eb=ef[0],ej=ef[1],eN=(0,z.v)().isInstantHireSubcat,ew=(0,b.useRef)(null),ey=(0,B.bm)().data,eC=(0,P.Rq)(er.snapshot.id).data,eE=null==eC||null==(m=eC.pages)||null==(u=m[0])?void 0:u.total_items,eS=(0,i._)((0,b.useState)(null),2),eL=eS[0],ek=eS[1],eI=(0,O.j1)(),eO=(0,O.j1)(),eR=(0,N.u)(),eT=eR.user,eA=eR.isLoggedIn,eP=eR.authGuard,eM=(0,O.j1)(),eB=(0,k.S)({onError:function(e){var t;(null==e||null==(t=e.error)?void 0:t.error_code)==="E10005"&&eI.onOpen()},onSuccess:function(e){var t;(0,q.zL)(null==(t=e.order)?void 0:t.order_code)}}),eW=eB.mutate,eF=eB.isLoading,eV=(0,k.l)({onError:function(e){(null==e?void 0:e.message)==="INQUIRY_EXCEED_ORDERS_LIMIT"?eI.onOpen():(null==e?void 0:e.statusCode)===403&&r.Fc.error({title:null==e?void 0:e.message,confirmLabel:eu("instant-hire.alert-error.confirm-label")})},onSuccess:function(e){(0,q.zL)(null==e?void 0:e.order_code,!0)}}),eG=eV.mutate,e$=eV.isLoading,ez=(0,M.ci)({passthrough:!1}).data,eq=(0,W.pC)(null==eT?void 0:eT.id,{enabled:eA}).data,eD=function(){eL&&(0,q.zL)(eL.order_code,!0)},eK=function(e){var t;(0,q.zL)(null==(t=e.order)?void 0:t.order_code)},eU=function(e){(0,q.zL)(null==e?void 0:e.order_code,!0)},eZ=function(){eL&&A.Qo.cancel(eL.id).then(function(){ex(!1),r.y8.success({text:eu("toast.cancel-success")}),ek(null)}).finally(function(){setTimeout(function(){window.location.reload()},1e3)})},eH=function(e){var t=e.pack,s=e.isCorporate,n=e.isWithMileStone,a=e.turnstileToken;if(!eP(ep.asPath))return!1;var i={pack:t,isCorporate:void 0!==s&&s,isWithMileStone:void 0!==n&&n,product:er,isMobile:!0,cf_turnstile_token:a};if(ew.current=i,!(null==eT?void 0:eT.first_name)||!(null==eT?void 0:eT.last_name))return eO.onOpen();(null==ez?void 0:ez.good_ip)?eN?(null==eT?void 0:eT.phone_number_verified)?r.Fc.confirm({title:"ยืนยันดำเนินการชำระเงิน",text:"ชำระเงิน เพื่อเริ่มต้นการพูดคุย จองคิว และรับบริการจากฟรีแลนซ์",confirmLabel:"ดำเนินการต่อ",cancelLabel:"ยกเลิก"}).then(function(e){e.isConfirmed&&eG({data:i},{onSuccess:eU})}):eM.onOpen():eW({data:i},{onSuccess:eK}):eM.onOpen()},eY=function(e){eg(e)},eQ=function(){var e=window.pageYOffset;window.onscroll=function(){var t,s,n,a,i=window.pageYOffset;e>i&&i>500?null==(s=document.getElementById("button-to-top"))||null==(t=s.classList)||t.add("is-active"):null==(a=document.getElementById("button-to-top"))||null==(n=a.classList)||n.remove("is-active"),e=i}};return(0,b.useEffect)(function(){eQ(),eA&&eq&&ej(((null==eq?void 0:eq.products)||[]).some(function(e){return e.id===er.id}

1))},[eA,eq,er,null==eT?void 0:eT.id]),(0,b.useLayoutEffect)(function(){var e=[document.querySelector('[id="overall"]'),document.querySelector('[id="package"]'),document.querySelector('[id="profile"]'),document.querySelector('[id="review"]')].map(function(e){return{top:e.offsetTop,id:e.id}}),t=function(){var t=e.filter(function(e){return(0,I.$V)('[id="'.concat(e.id,'"]'),100)}).slice(-1);(null==t?void 0:t.length)&&eh!==t[0].id?eg(t[0].id):eg(D.OVERALL)};return window.addEventListener("scroll",v()(t,300)),function(){window.removeEventListener("scroll",t)}},[]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("script",{id:"structured-data-script_product-detail",type:"application/ld+json",dangerouslySetInnerHTML:{__html:A.jU.getStructuralData(er.snapshot,eE,"".concat((0,E.$)().HOSTNAME).concat(ep.asPath))}}),(0,l.jsxs)(w.wW,{isCloseAppBar:ec,children:[(0,l.jsxs)("div",{className:"section-tabs",children:[(0,l.jsx)("a",{href:"#overall",onClick:function(){return eY(D.OVERALL)},className:d()("tab-item",{active:eh===D.OVERALL}),"data-selenium":"product-detail.tab.overall",children:eu("tab1.label")}),(0,l.jsx)("a",{href:"#package",onClick:function(){return eY(D.PACKAGE)},className:d()("tab-item",{active:eh===D.PACKAGE}),"data-selenium":"product-detail.tab.package",children:eu("tab2.label")}),(0,l.jsx)("a",{href:"#profile",onClick:function(){return eY(D.PROFILE)},className:d()("tab-item",{active:eh===D.PROFILE}),"data-selenium":"product-detail.tab.profile",children:eu("tab3.label")}),(0,l.jsx)("a",{href:"#review",onClick:function(){return eY(D.REVIEW)},className:d()("tab-item",{active:eh===D.REVIEW}),"data-selenium":"product-detail.tab.review",children:eu("tab4.label")})]}),(0,l.jsxs)("div",{className:"product-detail-layout-mobile",children:[(0,l.jsx)(j.Dr.TopPageBanner,{isMobile:!0,page:"pdpTopBanner"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"_pd-12px",children:(0,l.jsx)(F.HW,{category:er.snapshot.category,subcategory:er.snapshot.subcategory})}),(0,l.jsx)(j.xQ,{className:"_mgh-12px _mgbt-16px",subcategoryId:er.snapshot.subcategory.id,isMobile:!0}),(0,l.jsxs)("div",{className:"_pst-rlt",children:[(0,l.jsxs)("div",{className:"product-detail-actions _dp-f _alit-ct _jtfct-spbtw",children:[(0,l.jsx)(F.wD,{}),(!eA||!1===eb)&&(0,l.jsx)(G,{referenceId:er.id,referenceType:"product",product:er,source:"product-detail"})]}),(0,l.jsx)(F.VT,{coverImage:er.snapshot.cover_image,videos:er.snapshot.videos,images:er.snapshot.images,productImageAlt:"".concat(er.snapshot.subcategory.title," - ").concat(er.snapshot.title)})]})]}),(0,l.jsxs)("div",{className:"content _pst-rlt lo-12 _pdh-16px _pdbt-24px",style:{marginTop:"-12px"},children:[(0,l.jsx)("div",{id:D.OVERALL,className:"anchor"}),(0,l.jsx)(F.Gf,{isMobile:!0,product:er}),(null==er||null==(g=er.additional_attribute)?void 0:g.rehire_badge)==!0&&(0,l.jsxs)("div",{className:"_dp-f _alit-ct _gg-8px _bgcl-neutral-100 _pdv-8px _pdh-12px _bdrd-8px _mgt-24px",children:[(0,l.jsx)(x(),{src:"/static-v4/images/icons/icon-rehire.svg",alt:"high rehire rate",width:24,height:24,style:{maxWidth:"100%",height:"auto"}}),(0,l.jsxs)("div",{className:"_fs-300",children:[(0,l.jsx)("div",{className:"_fw-600",children:eu("high-rehire.banner.text1")}),(0,l.jsx)("p",{className:"_mgt-1px _fs-300",children:eu("high-rehire.banner.text2")})]})]}),er.snapshot.description&&(0,l.jsx)(j.cG,{className:"_mgt-16px _mgbt-4px"}),(0,l.jsx)("p",{className:"_wsp-pw _wb-bw _fs-300 _mgt-8px _mgbt-12px _wb-bw",children:er.snapshot.description}),(null==(V=er.snapshot.metadata)||null==(_=V.socials)?void 0:_.length)>0&&(0,l.jsx)("div",{className:"_mgt-24px",children:(0,l.jsx)("div",{className:"lo-12 _gg-12px",children:null==(Z=er.snapshot.metadata)||null==(U=Z.socials)?void 0:U.map(function(e,t){return(0,l.jsx)(F.A_,{website:e},t)})})})]}),(null===$.$d||void 0===$.$d||null==(H=$.$d[er.snapshot.id])?void 0:H.length)>0&&(0,l.jsx)("div",{className:"_dp-f _fw-w _gg-12px _pdh-16px _pdbt-24px",children:null===$.$d||void 0===$.$d||null==(Y=$.$d[er.snapshot.id])?void 0:Y.map(function(e,t){return(0,l.jsx)(r.Ex,{variant:"neutral","data-selenium":"product-detail.taxonomy.".concat(e),children:(0,l.jsx)("h2",{className:"_fs-300",children:e})},t)})}),ey&&(0,l.jsx)("div",{className:"_pdt-8px _bgcl-neutral-200",children:(0,l.jsx)("a",{href:(null==ey?void 0:ey.attributes.link)||"#",children:(0,l.jsx)(x(),{src:(0,R.n$)(p()(ey,"attributes.imageMobile.data.attributes.url")),alt:null==ey?void 0:ey.attributes.title,quality:90,height:233,width:420,sizes:"200px",style:{maxWidth:"100%",height:"auto",objectFit:"cover"}})})}),er.snapshot.packages.length<=0&&(0,l.jsx)(F.z9,{product:null==er?void 0:er.snapshot,handleClickInitiateChat:eH,isOwnProduct:!!eb,isMobile:!0}),(0,l.jsxs)("div",{className:"_pst-rlt _pdt-4px _bgcl-neutral-200",children:[(0,l.jsx)("div",{id:D.PACKAG

1E,className:"anchor"}),(0,l.jsx)(F.Ux,{productSnapshot:er.snapshot,onClickBuyPackage:eH,isOwnProduct:!!eb,isMobile:!0})]}),(0,T.uN)({th:(0,l.jsx)(F.Ei,{variant:"mobile"})}),(0,l.jsx)(F.Z9,{productId:er.snapshot.id,sellerUsername:er.user.username,subcategorySlug:er.snapshot.subcategory.slug,isMobile:!0}),(0,l.jsx)("div",{className:"_w-100pct _bdtw-4px _bdcl-neutral-200",style:{background:"white"},children:(0,l.jsx)(j.dU,{})}),(0,l.jsx)("div",{className:"_pdt-4px _bgcl-neutral-200",children:(0,l.jsx)(l.Fragment,{children:!h()(null==er||null==(t=er.detail_decor)?void 0:t.badges)&&(0,l.jsx)("div",{className:"badge-panel",children:null==er||null==(c=er.detail_decor)||null==(s=c.badges)?void 0:s.map(function(e){return(0,l.jsx)("div",{className:"_dp-n-md _pdv-12px badge-panel-item",children:(0,l.jsx)("div",{className:"_dp-f",children:(0,l.jsxs)("div",{className:"_f-1",children:[(0,l.jsx)("img",{src:e.badge_image,className:"_mgr-4px _mgbt-8px",style:{height:"26px"},alt:e.name,decoding:"async",loading:"lazy"}),(0,l.jsx)("p",{className:"_fs-200 _cl-neutral-600",children:e.tooltip})]})})},e.name)})})})}),(0,l.jsxs)("div",{className:"_pst-rlt _pdt-4px _bgcl-neutral-200",children:[(0,l.jsx)("div",{id:D.PROFILE,className:"anchor"}),(0,l.jsx)("div",{className:"freelance-info",children:(0,l.jsx)(F.OZ,{productSeller:er.user,completionRate:(null==(Q=er.stats)?void 0:Q.completion_rate)!==null?Number(null==(X=er.stats)?void 0:X.completion_rate):null,purchaseCount:null==(J=er.stats)?void 0:J.purchase_count,rehireOrdersCount:null==(ee=er.stats)?void 0:ee.rehire_orders_count,isMobile:!0})})]}),(0,l.jsxs)("div",{className:"_pst-rlt _pdt-4px _bgcl-neutral-200",children:[(0,l.jsx)("div",{id:D.REVIEW,className:"anchor"}),(0,l.jsx)("div",{className:"user-review",children:(0,l.jsxs)(K,{title:"".concat(eu("section.title.review")," (").concat(o.GP.count(eE,{compact:!0}),")"),children:[(0,l.jsx)(F.GW,{ratingOverall:Number(null==(es=er.stats)||null==(et=es.rating)?void 0:et.overall_rating),ratingResponsiveness:Number(null==(ea=er.stats)||null==(en=ea.rating)?void 0:en.average_responsiveness_rating),ratingService:Number(null==(ei=er.stats.rating)?void 0:ei.average_service_rating),ratingSkill:Number(null==(el=er.stats.rating)?void 0:el.average_skill_rating),ratingWorth:Number(null==(eo=er.stats.rating)?void 0:eo.average_worth_rating),reviewCount:eE}),(0,l.jsx)(F.Kf,{productId:er.snapshot.id,isOwnProduct:!!eb})]})})]}),(0,l.jsx)("span",{onClick:function(){window.scrollTo(0,0),setTimeout(function(){document.getElementById("button-to-top").classList.remove("is-active")},250)},id:"button-to-top",className:"button-to-top",children:(0,l.jsx)("i",{className:"far fa-arrow-up-to-line _mgt-2px"})}),(0,l.jsx)(F.Fs,{productSlug:er.snapshot.slug,product:er.snapshot,isOwnProduct:!!eb,onClickChat:function(e){var t=e.token;return eH({message:ed("product-detail.first-chat.message.default"),isWithMileStone:!1,turnstileToken:t})}})]}),(0,l.jsx)(j.Co,{isMobile:!0,user:eT}),(0,l.jsx)(j.IM,{isShown:e_,title:eu("modal.pending-order.title"),description:eu("modal.pending-order.description"),onClickClose:function(){return ex(!1)},primaryLabel:eu("modal.pending-order.primary-button.label"),secondaryLabel:eu("modal.pending-order.seconsary-button.label"),onClickPrimary:function(){return eD()},onClickSecondary:function(){return eZ()},isSecondaryDanger:!0}),(0,l.jsx)(F.BI,{isShown:eO.isOpen,onClickToClose:eO.onClose,action:function(){ez.good_ip?eN?eG({data:ew.current},{onSuccess:eU}):eW({data:ew.current},{onSuccess:eK}):eM.onOpen()}}),(0,l.jsx)(j.Yh,{isLoading:eF||e$,message:ed("loading.spinner.message.general")}),(0,l.jsx)(L.R,{disclosure:eI}),(0,l.jsx)(C.I,{disclosure:eM,onSuccess:function(e){eN?eG({data:ew.current},{onSuccess:function(e){eU(e),ew.current=null,eM.onClose()}}):eW({data:(0,a._)((0,n._)({},ew.current),{bypassToken:e.bypass_token})},{onSuccess:function(e){eK(e),ew.current=null,eM.onClose()}})}}),(0,l.jsx)(y.A,{productId:er.snapshot.id,subcategorySlug:er.snapshot.subcategory.slug,isMobile:!0})]})]})}}}]);