https://fastlance.vn/_next/static/chunks/3614.f9bc83526f51ca15.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3614],{63614:(s,a,l)=>{l.r(a),l.d(a,{default:()=>L});var i=l(20294),e=l(37876),t=l(15039),c=l.n(t),d=l(56557),r=l.n(d),n=l(29454),_=l(89099),x=l(14232),p=l(79565),m=l(93996),o=l(79514),f=l(80481),h=l(50075),j=l(3457),v=l(16288),g=l(14678),u=l(42683),N=l(10997),b=l(88202);let w=function(s){var a,l,t,d,r,n,_,p,o=s.stats,j=s.products,v=s.isLoading,w=(0,m.u)().user,y=(0,i._)((0,h.Bd)(f.ZX),1)[0],k=(0,i._)((0,h.Bd)(f.VO),1)[0],S=(0,i._)((0,x.useState)(!1),2),M=S[0],L=S[1],C=null==w?void 0:w.is_selling,A=function(s){navigator.clipboard.writeText(s),g.y8.success({text:"คัดลอกสำเร็จแล้ว"})};return(0,x.useEffect)(function(){var s=[{name:"offset",options:{offset:[0,8]}}];Array.from(Array(7).keys()).forEach(function(a){var l=document.querySelector("#tooltip-el".concat(a)),i=document.querySelector("#tooltip".concat(a));(0,u.n4)(l,i,{placement:"top",modifiers:s})})},[j]),(0,e.jsxs)("div",{className:"lo-container _mgt-32px",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"_fs-400 _fw-600",children:k("overall")}),(0,e.jsx)("div",{className:"affiliate-card _pd-16px _mgt-16px",children:(0,e.jsxs)("div",{className:"lo-12 _gg-16px",children:[(0,e.jsxs)("div",{className:"data-card _pd-16px _dp-f _alit-ct _gg-12px",children:[(0,e.jsx)("div",{className:"_bgcl-primary-500 _w-24px _h-24px _dp-f _alit-ct _jtfct-ct _bdrd-max",children:(0,e.jsx)("i",{className:"fas fa-arrow-pointer _fs-200",style:{color:"white"}})}),(0,e.jsxs)("div",{className:"_f-1 _ffml-secondary",children:[(0,e.jsxs)("div",{className:"_fs-300 _fw-600",style:{color:"rgba(75, 85, 102, 0.95)"},children:[k("grand-total-click")," ",(0,e.jsxs)("span",{className:"_fs-200 _opct-70",children:["(",k("times"),")"]}),(0,e.jsxs)("span",{id:"tooltip-el1",className:"_mgl-4px",children:[(0,e.jsx)("i",{className:"popper-invoker far fa-circle-info _opct-50"}),(0,e.jsx)("div",{id:"tooltip1",className:"popper-tooltip _ffml-primary _pd-12px _tal-l",style:{maxWidth:300},dangerouslySetInnerHTML:{__html:'<strong class="_fs-200">จำนวนการคลิก</strong><br><p class="_fw-400 _fs-200 _mgt-4px">จำนวนครั้งในการคลิก เมื่อมีผู้คลิกผ่านลิงก์ที่คุณนำไปแชร์ เพื่อเข้าชมงานของคุณหรือเว็บไซต์ฟาสต์เวิร์ค</p>'}})]})]}),(0,e.jsx)("div",{className:"_fs-500 _fw-600",children:(null==o||null==(l=o.summary)||null==(a=l.total_click)?void 0:a.toLocaleString("th"))||0})]})]}),(0,e.jsxs)("div",{className:"data-card _pd-16px _dp-f _alit-ct _gg-12px",children:[(0,e.jsx)("div",{className:"_bgcl-primary-500 _w-24px _h-24px _dp-f _alit-ct _jtfct-ct _bdrd-max",children:(0,e.jsx)("i",{className:"fas fa-check _fs-200",style:{color:"white"}})}),(0,e.jsxs)("div",{className:"_f-1 _ffml-secondary",children:[(0,e.jsxs)("div",{className:"_fs-300 _fw-600",style:{color:"rgba(75, 85, 102, 0.95)"},children:[k("pending-order")," ",(0,e.jsxs)("span",{className:"_fs-200 _opct-70",children:["(",k("times"),")"]}),(0,e.jsxs)("span",{id:"tooltip-el2",className:"_mgl-4px",children:[(0,e.jsx)("i",{className:"popper-invoker far fa-circle-info _opct-50"}),(0,e.jsx)("div",{id:"tooltip2",className:"popper-tooltip _ffml-primary _pd-12px _tal-l",style:{maxWidth:300},dangerouslySetInnerHTML:{__html:'<strong class="_fs-200">มีการสร้างออเดอร์</strong><br><p class="_fw-400 _fs-200 _mgt-4px">จำนวนของออเดอร์ที่มีการสร้างขึ้น นับตั้งแต่มีการทักแชทไปจนถึงการจ้างงาน</p>'}})]})]}),(0,e.jsx)("div",{className:"_fs-500 _fw-600",children:(null==o||null==(d=o.summary)||null==(t=d.pending_order)?void 0:t.toLocaleString("th"))||0})]})]}),(0,e.jsxs)("div",{className:"data-card _pd-16px _dp-f _alit-ct _gg-12px",children:[(0,e.jsx)("div",{className:"_bgcl-primary-500 _w-24px _h-24px _dp-f _alit-ct _jtfct-ct _bdrd-max",children:(0,e.jsx)("i",{className:"fas fa-check _fs-200",style:{color:"white"}})}),(0,e.jsxs)("div",{className:"_f-1 _ffml-secondary",children:[(0,e.jsxs)("div",{className:"_fs-300 _fw-600",style:{color:"rgba(75, 85, 102, 0.95)"},children:[k("completed-order")," ",(0,e.jsxs)("span",{className:"_fs-200 _opct-70",children:["(",k("times"),")"]}),(0,e.jsxs)("span",{id:"tooltip-el3",className:"_mgl-4px",children:[(0,e.jsx)("i",{className:"popper-invoker far fa-circle-info _opct-50"}),(0,e.jsx)("div",{id:"tooltip3",className:"popper-tooltip _ffml-primary _pd-12px _tal-l",style:{maxWidth:300},dangerouslySetInnerHTML:{__html:C?'<strong class="_fs-200">ออเดอร์ที่สำเร็จแล้ว</strong><br><p class="_fw-400 _fs-200 _mgt-4px">จำนวนของออเดอร์ที่ทำการส่งงาน Final และผู้ว่าจ้างอนุมัติงานจนเสร็จสิ้น ออเดอร์นี้จะถูกนับเมื่อผู้ว่าจ้างคลิกผ่านลิงก์ที่คุณนำไปแชร์ จนเกิดการจ้างงานและผู้ว่าจ้างอนุมัติงานที่ได้รับ (นับรวมออเดอร์ที่เกิดขึ้นทั้งของคุณเอง และของฟรีแลนซ์รายอื่น ๆ )</p>':'<strong class="_fs-200">ออเดอร์ที่สำเร็จแล้ว</strong><br><p class="_fw-400 _fs-200 _mgt-4px">จำนวนของออเดอร์ที่ทำการส่งงาน Final และผู้ว่าจ้างอนุมัติงานจนเสร็จสิ้น ออเดอร์นี้จะถูกนับเมื่อผู้ว่าจ้างคลิกผ่านลิงก์ที่คุณนำไปแชร์ จนเกิดการจ้างงานและผู้ว่าจ้างอนุมัติงานที่ได้รับ</p>'}})]})]}),(0,e.jsx)("div",{className:"_fs-500 _fw-600",children:(null==o||null==(n=o.summary)||null==(r=n.complete_order)?void 0:r.toLocaleStr

1ing("th"))||0})]})]}),(0,e.jsxs)("div",{className:"data-card -primary _pd-16px _dp-f _alit-ct _gg-12px",children:[(0,e.jsx)("div",{className:"_cl-primary-500 _w-24px _h-24px _dp-f _alit-ct _jtfct-ct _bdrd-max",style:{background:"white"},children:(0,e.jsx)("i",{className:"fas fa-hand-holding-dollar _fs-300"})}),(0,e.jsxs)("div",{className:"_f-1 _ffml-secondary",children:[(0,e.jsxs)("div",{className:"_fs-200 _fw-600",style:{color:"white"},children:[k("total-commission")," ",(0,e.jsxs)("span",{className:"_fs-200 _opct-70",children:["(",y("general.currency.unit"),")"]}),(0,e.jsxs)("span",{id:"tooltip-el4",className:"_mgl-4px",children:[(0,e.jsx)("i",{className:"popper-invoker far fa-circle-info _opct-50"}),(0,e.jsx)("div",{id:"tooltip4",className:"popper-tooltip _ffml-primary _pd-12px _tal-l",style:{maxWidth:300,color:"rgba(75, 85, 102, 0.95)"},dangerouslySetInnerHTML:{__html:C?'<strong class="_fs-200">ค่าคอมมิชชั่น</strong><br><p class="_fw-400 _fs-200 _mgt-4px">คำนวณจากราคางานของออเดอร์ที่สำเร็จแล้ว ตามเงื่อนไขของทางแคมเปญ ซึ่งข้อมูลที่แสดงผลจะเป็นข้อมูลเงินได้โดยประมาณ</p>':'<strong class="_fs-200">ค่าคอมมิชชั่น</strong><br><p class="_fw-400 _fs-200 _mgt-4px">คำนวณจากราคางานของออเดอร์ที่สำเร็จแล้ว ตามเงื่อนไขของทางแคมเปญ ซึ่งข้อมูลที่แสดงผลจะเป็นข้อมูลเงินได้โดยประมาณ อ่านเพิ่มเติม</p>'}})]})]}),(0,e.jsx)("div",{className:"_fs-500 _fw-600",children:(null==o||null==(p=o.summary)||null==(_=p.total_comission)?void 0:_.toLocaleString("th"))||0})]})]})]})})]}),(0,e.jsxs)("div",{className:"_mgt-32px",children:[(0,e.jsx)("h2",{className:"_fs-400 _fw-600",children:k("table.title")}),(0,e.jsxs)("div",{className:"affiliate-card _mgt-16px",children:[(0,e.jsxs)("div",{className:"_h-64px _dp-f _alit-ct _jtfct-spbtw _pdh-16px",children:[(0,e.jsx)("div",{className:"_fw-600 _fs-300 _ffml-secondary",children:k("table.share-link")}),(0,e.jsx)("div",{onClick:function(){return L(!M)},className:"_fs-200 _fw-600 _cl-primary-500 _ffml-secondary _cs-pt",children:M?(0,e.jsxs)(e.Fragment,{children:["ซ่อนสถิติ",(0,e.jsx)("i",{className:"far fa-chevron-up _mgl-4px"})]}):(0,e.jsxs)(e.Fragment,{children:["แสดงสถิติ",(0,e.jsx)("i",{className:"far fa-chevron-down _mgl-4px"})]})})]}),(0,e.jsxs)(e.Fragment,{children:[v&&(0,e.jsx)("div",{className:"_dp-f _jtfct-ct _mgv-24px",children:(0,e.jsx)(g.aH,{})}),!v&&(null==j?void 0:j.map(function(s,a){var l=!s.show||s.banned_at,i=(null==s?void 0:s.is_common)?"".concat((0,b.$)().DESKTOP_URL,"?rid=").concat(null==w?void 0:w.username):"".concat((0,b.$)().DESKTOP_URL,"/user/").concat(null==w?void 0:w.username,"/").concat(s.slug,"?rid=").concat(null==w?void 0:w.username);return(0,e.jsxs)(x.Fragment,{children:[(0,e.jsx)("hr",{}),(0,e.jsx)("div",{className:c()({"_opct-50":l}),children:(0,e.jsx)("div",{className:"_pd-16px",children:(0,e.jsxs)("div",{children:[(0,e.jsxs)("div",{className:"_dp-f _gg-8px",children:[(0,e.jsx)("div",{className:"_f-1 _fs-300 _h-32px _ovf-hd _wsp-nw _tovf-els _pdh-8px _pdv-8px",style:{backgroundColor:"rgba(235, 239, 244, 0.6)"},children:i}),(0,e.jsx)(g.$n,{className:"_pdh-16px",size:"small",variant:"secondary",type:"button",style:{height:"32px",minHeight:"32px"},onClick:function(){return A(i)},disabled:l,children:k("copy")})]}),(0,e.jsxs)("div",{className:"_dp-f _alit-ct _mgt-16px",children:[(0,e.jsx)("img",{src:s.cover_image_thumbnail,alt:s.title,width:"60",height:"40",className:"_bgcl-neutral-200 _bdrd-4px"}),(0,e.jsxs)("div",{className:"_mgl-12px _ovf-hd",children:[(0,e.jsx)("div",{className:"_fs-200 _fw-600",children:k("table.linked-page")}),(0,e.jsx)("div",{className:"_ovf-hd _wsp-nw _tovf-els _fs-200 _mgt-4px",title:s.title,children:s.title})]})]}),M&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("hr",{className:"_mgt-12px"}),(0,e.jsxs)("div",{className:"_mgt-12px _dp-g _gg-8px _fs-200",style:{gridTemplateColumns:"auto auto"},children:[(0,e.jsx)("div",{className:"_fw-600",style:{gridColumn:"1"},children:k("table.click-count")}

1),(0,e.jsx)("div",{className:"_tal-r",children:Number((null==s?void 0:s.total_click)||0).toLocaleString("th")}),(0,e.jsx)("div",{className:"_fw-600",style:{gridColumn:"1"},children:k("table.pending-order")}),(0,e.jsx)("div",{className:"_tal-r",children:Number((null==s?void 0:s.pending_order)||0).toLocaleString("th")}),(0,e.jsx)("div",{className:"_fw-600",style:{gridColumn:"1"},children:k("table.completed-order")}),(0,e.jsx)("div",{className:"_tal-r",style:{color:"#49a211"},children:Number((null==s?void 0:s.complete_order)||0).toLocaleString("th")}),(0,e.jsx)("div",{className:"_fw-600",style:{gridColumn:"1"},children:k("table.commission")}),(0,e.jsx)("div",{className:"_tal-r _fw-600",children:(0,e.jsx)("strong",{children:Number((null==s?void 0:s.total_comission)||0).toLocaleString("th")})})]})]})]})})})]},a)}))]}),(0,e.jsx)("hr",{}),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"_dp-f _jtfct-fe _pd-12px",children:(0,e.jsxs)("span",{className:"_fs-300 _cl-text-default-200",children:[null==o?void 0:o.total_items," ลิงก์สำหรับแชร์"]})}),(0,e.jsx)("div",{className:"_dp-f _jtfct-ct _pdbt-16px",children:(0,e.jsx)(N.dK,{scroll:!1,total:(null==o?void 0:o.total_pages)||1})})]})]})]}),(0,e.jsx)("div",{className:"_mgt-16px _opct-70",children:(0,e.jsx)("small",{children:"หมายเหตุ : ข้อมูลจะถูกอัปเดตอัตโนมัติทุก 24 ชั่วโมง"})})]})};var y=l(53247),k=l(96035),S=l(26840);let M=function(s){var a=s.isJoinedCampaign,l=s.stats,t=(0,m.u)().user,c=(null==t?void 0:t.seller_verification_status)>0,d=(null==t?void 0:t.seller_verification_status)===3,n=(null==t?void 0:t.seller_verification_status)===0,_=(null==t?void 0:t.seller_verification_status)===1||(null==t?void 0:t.seller_verification_status)===2,p=(0,i._)((0,x.useState)(!1),2),o=p[0],f=p[1],h=(0,i._)((0,x.useState)(!1),2),j=h[0],g=h[1],u=(0,i._)((0,x.useState)(!1),2),N=u[0],w=u[1],M=(0,i._)((0,x.useState)(!1),2),L=M[0],C=M[1],A=(0,i._)((0,x.useState)(!1),2),Y=A[0],D=A[1],E=(0,i._)((0,x.useState)(!1),2),F=E[0],T=E[1],O={boxShadow:"0 10px 40px -4px rgba(19, 55, 109, 0.08), 0 8px 22px -6px rgba(19, 55, 109, 0.1)",borderRadius:"16px",background:"white"},H={background:"white",border:"1px solid rgba(0,0,0,0.1)",borderRadius:"8px"},I=function(){f(!0)};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"lo-container _mgt-32px",children:(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"_fs-600 _fw-600 _tal-ct",children:"ขั้นตอนการเข้าร่วม และแชร์ลิงก์ Affiliate"}),(0,e.jsx)("div",{className:"_dp-f _jtfct-ct _mgt-24px",children:(0,e.jsx)("div",{className:"_h-2px _w-128px _bgcl-primary-500"})}),(0,e.jsx)("section",{style:O,className:"_pd-24px _mgt-32px",children:(0,e.jsxs)("div",{className:"lo-12 _gg-32px",children:[a&&(null===v.Ou||void 0===v.Ou?void 0:v.Ou.map(function(s,a){return(0,e.jsxs)("div",{children:[(0,e.jsx)("img",{src:s.img,alt:"1",height:"88"}),(0,e.jsx)("div",{className:"_mgt-12px",children:(0,e.jsx)("div",{className:"_dp-f _alit-ct _jtfct-ct _w-32px _h-32px _bdrd-max _bgcl-primary-500 _cl-text-invert-100 _fw-600 _fs-500 _ffml-secondary",children:a+1})}),(0,e.jsx)("div",{className:"_ffml-secondary _cl-primary-500 _fw-600 _mgt-16px",children:s.title}),(0,e.jsx)("p",{className:"_mgt-8px _fs-300",dangerouslySetInnerHTML:{__html:s.description}}),0===a&&(0,e.jsxs)("button",{type:"button",className:"tb-button _mgt-16px -disabled",disabled:!0,children:["เข้าร่วมสำเร็จแล้ว"," ",(0,e.jsx)("i",{className:"far fa-check _mgl-12px"})]})]},a)})),!a&&n&&(null===v.V_||void 0===v.V_?void 0:v.V_.map(function(s,a){return(0,e.jsxs)("div",{children:[(0,e.jsx)("img",{src:s.img,alt:"1",height:"88"}),(0,e.jsx)("div",{className:"_mgt-12px",children:(0,e.jsx)("div",{className:"_dp-f _alit-ct _jtfct-ct _w-32px _h-32px _bdrd-max _bgcl-primary-500 _cl-text-invert-100 _fw-600 _fs-500 _ffml-secondary",children:a+1})}),(0,e.jsx)("div",{className:"_ffml-secondary _cl-primary-500 _fw-600 _mgt-16px",children:s.title}),(0,e.jsx)("p",{className:"_mgt-8px _fs-300",dangerouslySetInnerHTML:{__html:s.description}})]},a)}

1)),!a&&c&&(null===v.u6||void 0===v.u6?void 0:v.u6.map(function(s,a){return(0,e.jsxs)("div",{children:[(0,e.jsx)("img",{src:s.img,alt:"1",height:"88"}),(0,e.jsx)("div",{className:"_mgt-12px",children:(0,e.jsx)("div",{className:"_dp-f _alit-ct _jtfct-ct _w-32px _h-32px _bdrd-max _bgcl-primary-500 _cl-text-invert-100 _fw-600 _fs-500 _ffml-secondary",children:a+1})}),(0,e.jsx)("div",{className:"_ffml-secondary _cl-primary-500 _fw-600 _mgt-16px",children:s.title}),(0,e.jsx)("p",{className:"_mgt-8px _fs-300",dangerouslySetInnerHTML:{__html:s.description}}),0===a&&(0,e.jsxs)(e.Fragment,{children:[d&&(0,e.jsxs)("button",{type:"button",className:"tb-button _mgt-16px",onClick:function(){return I()},"data-selenium":"affiliate-dashboard.info.join-button",children:["เข้าร่วมเพื่อรับคอมมิชชั่นพิเศษ"," ",(0,e.jsx)("i",{className:"far fa-arrow-right _mgl-12px"})]}),_&&(0,e.jsxs)("div",{children:[(0,e.jsxs)("button",{type:"button",className:"tb-button _mgt-16px -disabled",disabled:!0,children:["เข้าร่วมเพื่อรับคอมมิชชั่นพิเศษ"," ",(0,e.jsx)("i",{className:"far fa-arrow-right _mgl-12px"})]}),(0,e.jsx)("small",{className:"_cl-negative-200 _mgt-4px",children:"โปรไฟล์ฟรีแลนซ์ของคุณยังไม่ได้รับการอนุมัติจึงยังไม่สามารถเข้าร่วมกิจกรรมนี้ได้"})]})]})]},a)}))]})}),(0,e.jsx)("section",{style:O,className:"_mgt-32px _pdv-16px",children:(0,e.jsxs)("div",{children:[c&&(0,e.jsx)("img",{src:"/static-v4/images/affiliate/affiliate-seller-mobile.jpg",alt:"Seller",width:"100%",className:"_pd-24px"}),!c&&(0,e.jsx)("img",{src:"/static-v4/images/affiliate/affiliate-nonseller-mobile.jpg",alt:"Seller",width:"100%",className:"_pd-24px"})]})})]})}),(0,e.jsxs)("section",{style:{background:"linear-gradient(297deg, #1855b8, #387ae5"},className:"_pdt-48px _pst-rlt _mgt-48px",id:"commission",children:[(0,e.jsx)("div",{className:"lo-container _pst-rlt _zid-1 _pdbt-48px",children:(0,e.jsx)("div",{className:"_bdrd-8px _pdbt-16px _ovf-hd",style:{background:"white"},children:(0,e.jsx)("div",{className:"_tal-ct",children:(0,e.jsx)("img",{src:"/static-v4/images/affiliate/mweb-commission.png",alt:"Info",className:"_ussl-n"})})})}),(0,e.jsx)("img",{src:"/static-v4/images/affiliate/mweb-bg-commission-infopage.png",alt:"Info",className:"_pst-asl _l-0px _r-0px _bt-0px"})]}),(0,e.jsxs)("div",{className:"lo-container _pdbt-48px _jtfit-ct",style:{background:"rgba(247, 249, 252, 0.95)"},id:"dashboard-detail",children:[(0,e.jsxs)("section",{className:"_w-100pct",style:{maxWidth:"995px"},children:[(0,e.jsxs)("h2",{className:"_fs-600 _fw-600 _mgt-48px",children:["รายละเอียดของ Dashboard ",(0,e.jsx)("br",{}),"สำหรับดูข้อมูล"]}),(0,e.jsxs)("div",{className:"_mgt-24px lo-12 _gg-16px",children:[(0,e.jsxs)("div",{style:H,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _mnh-64px _pdv-12px _cs-pt",onClick:function(){return g(!j)},children:[(0,e.jsxs)("div",{className:"_dp-f _alit-ct",children:[(0,e.jsx)("div",{children:(0,e.jsx)("i",{className:"far fa-file-lines _w-32px _fs-600"})}),(0,e.jsx)("div",{className:"_fw-600 _fs-400 _ffml-secondary _pdh-12px",children:"ข้อมูลสรุปภาพรวม"})]}),(0,e.jsxs)("div",{children:[!j&&(0,e.jsx)("i",{className:"far fa-plus"}),j&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),j&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-12 _gg-16px _pd-24px",children:[(0,e.jsx)("div",{children:(0,e.jsx)("ul",{className:"_lst-d _pdl-24px _fs-300",children:(0,e.jsxs)("li",{children:["ข้อมูลสะสมที่เกิดขึ้นตลอดระยะกิจกรรม ตั้งแต่วันที่"," ",r()(null==l?void 0:l.start_time).format("DD MMMM YYYY")," -"," ",r()(null==l?void 0:l.end_time).format("DD MMMM YYYY")]})})}),(0,e.jsx)("div",{children:(0,e.jsx)("img",{src:"/static-v4/images/affiliate/mweb-dashboard-01.jpg",width:"100%",alt:"image"})})]})]})]}),(0,e.jsxs)("div",{style:H,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _mnh-64px _pdv-12px _cs-pt",onClick:function(){return w(!N)},children:[(0,e.jsxs)("div",{className:"_dp-f _alit-ct",children:[(0,e.jsx)("div",{children:(0,e.jsx)("i",{className:"far fa-copy _w-32px _fs-600"})}),(0,e.jsx)("div",{className:"_fw-600 _fs-400 _ffml-secondary _pdh-12px",children:"ลิงก์ Affiliate สำหรับคัดลอก"})]}),(0,e.jsxs)("div",{children:[!N&&(0,e.jsx)("i",{className:"far fa-plus"}),N&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),N&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-12 _gg-16px _pd-24px",children:[(0,e.jsx)("div",{children:(0,e.jsx)("ul",{className:"_lst-d _pdl-24px _fs-300",children:(0,e.jsx)("li",{children:"ลิงก์หลักที่คุณสามารถนำไปแชร์ผ่านช่องทางต่าง ๆ ที่ต้องการ โดยระบบจะคำนวณข้อมูลต่าง ๆ ก็ต่อเมื่อผู้ว่าจ้างได้คลิก ผ่านลิงก์นี้เท่านั้น (ไม่นับรวมกับลิงก์ทั่วไปในระบบ)"})})}),(0,e.jsx)("div",{children:(0,e.jsx)("img",{src:"/static-v4/images/affiliate/mweb-dashboard-02.jpg",width:"100%",alt:"image"})})]})]})]}),(0,e.jsxs)("div",{style:H,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _mnh-64px _pdv-12px _cs-pt",onClick:function(){return C(!L)},children:[(0,e.jsxs)("div",{className:"_dp-f _alit-ct",children:[(0,e.jsx)("div",{children:(0,e.jsx)("i",{className:"far fa-window-flip _w-32px _fs-600"})}),(0,e.jsx)("div",{className:"_fw-600 _fs-400 _ffml-secondary _pdh-12px",children:"หน้าที่ผูกกับลิงก์"})]}),(0,e.jsxs)("div",{children:[!L&&(0,e.jsx)("i",{className:"far fa-plus"}),L&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),L&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-12 _gg-16px _pd-24px",children:[(0,e.jsx)("div",{children:(0,e.jsx)("ul",{className:"_lst-d _pdl-24px _fs-300",children:(0,e.jsxs)("li",{children:["หน้าเพจสำหรับแสดงผลของแต่ละลิงก์ โดยเพจในปัจจุบันที่จะแสดง คือ หน้าแรกของเว็บไซต์",(0,b.$)().APP_NAME,"(สำหรับในกรณีที่เป็นฟรีแลนซ์ที่เข้าร่วมกิจกรรม จะมีลิงก์ที่ผูกกับแต่ละเพจที่เป็น “งานของคุณ” ซึ่งได้รับการอนุมัติและพร้อมแสดงในระบบเพิ่มเติม)"]})})}),(0,e.jsx)("div",{children:(0,e.jsx)("img",{src:"/static-v4/images/affiliate/mweb-dashboard-03.jpg",width:"100%",alt:"image"})})]})]})]}),(0,e.jsxs)("div",{style:H,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _mnh-64px _pdv-12px _cs-pt",onClick:function(){return D(!Y)},children:[(0,e.jsxs)("div",{className:"_dp-f _alit-ct",children:[(0,e.jsx)("div",{children:(0,e.jsx)("i",{className:"far fa-arrow-pointer _w-32px _fs-600"})}),(0,e.jsx)("div",{className:"_fw-600 _fs-400 _ffml-secondary _pdh-12px",children:"ข้อมูล จำนวนคลิก / มีการสร้างออเดอร์ / ออเดอร์สำเร็จแล้ว ที่เกิดจากลิงก์ที่แชร์"})]}),(0,e.jsxs)("div",{children:[!Y&&(0,e.jsx)("i",{className:"far fa-plus"}),Y&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),Y&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-12 _gg-16px _pd-24px",children:[(0,e.jsx)("div",{children:(0,e.jsxs)("ul",{className:"_lst-d _pdl-24px _fs-300 lo-12 _gg-4px",children:[(0,e.jsx)("li",{children:"ค่าข้อมูลที่ผูกกับลิงก์ Affiliate เป็นหลัก ซึ่งจะถูกนับค่า เมื่อเกิดกิจกรรมผ่านลิงก์ตามเงื่อนไขที่กำหนด (สำหรับฟรีแลนซ์ : การนับค่าไม่ได้จำกัดเฉพาะกับงานของคุณเท่านั้น)"}

1),(0,e.jsxs)("li",{children:[(0,e.jsx)("strong",{children:"จำนวนคลิก :"})," จำนวนครั้งในการคลิกลิงก์ Affiliate ที่นำไปแชร์ เพื่อเข้าสู่เว็บฟาสต์เวิร์ค"]}),(0,e.jsxs)("li",{children:[(0,e.jsx)("strong",{children:"มีการสร้างออเดอร์ :"})," ","จำนวนของออเดอร์ที่จะถูกสร้างขึ้นเมื่อมีการเริ่มทักแชท และนับรวมไปจนถึงเกิดการชำระเงินเพื่อจ้างงาน แต่ยังอยู่ระหว่างการทำงาน ค่านี้จะถูกนับเมื่อผู้ว่าจ้างคลิกลิงก์ที่คุณนำไปแชร์ จนเกิดการทักแชทกับฟรีแลนซ์ในระบบ (สำหรับฟรีแลนซ์ : การสร้างออเดอร์ที่เกิดขึ้น จะนับรวมออเดอร์ที่เกิดขึ้นทั้งของคุณเอง และฟรีแลนซ์รายอื่น ๆ)"]}),(0,e.jsxs)("li",{children:[(0,e.jsx)("strong",{children:"สำเร็จแล้ว :"})," ออเดอร์ที่ทำการส่งงาน Final และผู้ว่าจ้าง อนุมัติงาน ออเดอร์นี้จะถูกนับเมื่อผู้ว่าจ้าง คลิกลิงก์ที่คุณ นำไปแชร์ จนเกิดการจ้างงานในระบบ และมีการอนุมัติงาน ที่ได้รับเกิดขึ้น (สำหรับฟรีแลนซ์ : การอนุมัติงานที่เกิดขึ้น จะนับรวมออเดอร์ที่เกิดขึ้นทั้งของคุณเอง และของฟรีแลนซ์รายอื่น ๆ)"]})]})}),(0,e.jsx)("div",{children:(0,e.jsx)("img",{src:"/static-v4/images/affiliate/mweb-dashboard-04.jpg",width:"100%",alt:"image"})})]})]})]}),(0,e.jsxs)("div",{style:H,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _mnh-64px _pdv-12px _cs-pt",onClick:function(){return T(!F)},children:[(0,e.jsxs)("div",{className:"_dp-f _alit-ct",children:[(0,e.jsx)("div",{children:(0,e.jsx)("i",{className:"far fa-money-bill-1 _w-32px _fs-600"})}),(0,e.jsx)("div",{className:"_fw-600 _fs-400 _ffml-secondary _pdh-12px",children:"ค่าคอมมิชชั่นที่ได้รับโดยประมาณ ที่เกิดจากลิงก์ที่แชร์"})]}),(0,e.jsxs)("div",{children:[!F&&(0,e.jsx)("i",{className:"far fa-plus"}),F&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),F&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-12 _gg-16px _pd-24px",children:[(0,e.jsx)("div",{children:(0,e.jsx)("ul",{className:"_lst-d _pdl-24px _fs-300",children:(0,e.jsxs)("li",{children:["ค่าคอมมิชชั่นจะคำนวณจากออเดอร์ที่สำเร็จแล้ว ตามเงื่อนไขของทางกิจกรรม โดยข้อมูลที่แสดงผลจะเป็นเงินได้โดยประมาณ"," ",(0,e.jsx)("a",{href:"#commission",className:"tb-link -primary _tdcrt-udl",children:"วิธีการคำนวณค่าคอมมิชชั่น"})]})})}),(0,e.jsx)("div",{children:(0,e.jsx)("img",{src:"/static-v4/images/affiliate/mweb-dashboard-05.jpg",width:"100%",alt:"image"})})]})]})]})]})]}),(0,e.jsx)("section",{className:"_pdt-48px _pdbt-48px",children:(0,e.jsxs)("div",{className:"lo-container",children:[(0,e.jsx)("div",{className:"_fw-600 _fs-600 _ffml-secondary _tal-ct",children:"FAQ : คำถามที่พบบ่อย"}),(0,e.jsx)("div",{className:"_dp-f _jtfct-ct _mgt-24px",children:(0,e.jsx)("div",{className:"_h-2px _w-128px _bgcl-primary-500"})}),(0,e.jsx)("div",{className:"_dp-f _jtfct-ct _mgt-32px _fs-300",children:(0,e.jsx)("div",{className:"_w-100pct",style:{maxWidth:"956px"},children:(0,e.jsx)(S.A,{})})})]})}),(0,e.jsx)("section",{children:(0,e.jsx)("div",{className:"lo-container",children:(0,e.jsx)(k.A,{})})})]}),o&&(0,e.jsx)(y.A,{onSuccess:function(){},onClose:function(){return f(!1)}})]})},L=function(s){var a=s.stats,l=s.isLoading,t=s.products,d=(0,_.useRouter)(),g=d.query,u=(0,i._)((0,h.Bd)(f.VO),1)[0],N=(0,m.u)(),b=N.user,y=N.isSeller,k=(null==a?void 0:a.user_affiliate_status)==="APPROVED",S=!y,L=(null==a?void 0:a.user_t

1ype)==="SELLER",C=(null==a?void 0:a.user_type)==="NON_SELLER",A=(0,i._)((0,x.useState)(+!k),2),Y=A[0],D=A[1],E=(0,i._)((0,x.useState)(!1),2),F=E[0],T=E[1],O=function(s){d.push("/affiliate-program/dashboard?tab=".concat(s))};return(0,x.useEffect)(function(){if("dashboard"===g.tab||void 0===g.tab){if(!k)return void d.push("/affiliate-program/dashboard?tab=info");D(0),["APPROVED"].includes(null==a?void 0:a.user_affiliate_status)&&!n.A.get("seen_guide_modal_affiliate_dashboard")&&T(!0)}else"info"===g.tab?D(1):"form"===g.tab&&D(2)},[g.tab,k,a]),(0,e.jsx)(o.wW,{children:(0,e.jsxs)("div",{className:"mobile affiliate _pdbt-32px",style:{background:"rgba(247, 249, 252, 0.95)"},children:[(0,e.jsx)("div",{className:"top-bar",style:{height:"150px"},children:(0,e.jsxs)("div",{className:"_h-100pct _dp-f _fdrt-cl _jtfct-fe",children:[(0,e.jsxs)("div",{className:"lo-container",children:[(0,e.jsx)("h1",{className:"_fw-600 _fs-700 _mgbt-4px",children:u("title")}),(0,e.jsx)("div",{className:"_dp-f",children:(0,e.jsxs)("div",{className:"_bdrd-8px _pdv-4px _pdh-8px _ffml-secondary _fs-200 _mgt-8px",style:{border:"solid 1px rgba(214, 220, 231, 0.95)"},children:[u("period.title")," :"," ",r()(null==a?void 0:a.start_time).format("DD MMMM YYYY")," -"," ",r()(null==a?void 0:a.end_time).format("DD MMMM YYYY")]})})]}),(0,e.jsxs)("div",{className:"affiliate-tabs _fs-300 _mgt-12px",children:[(0,e.jsxs)("div",{className:c()("affiliate-tab _f-1 _pdh-8px",{"is-active":0===Y,"is-disabled":!k}),onClick:function(){return O("dashboard")},children:[(0,e.jsx)("i",{className:"far fa-chart-line _mgr-8px"}),u("tab.dashboard")]}),(0,e.jsxs)("div",{className:c()("affiliate-tab _f-1 _pdh-8px",{"is-active":1===Y}),onClick:function(){return O("info")},children:[(0,e.jsx)("i",{className:"far fa-circle-info _mgr-8px"}),u("tab.detail")]}),(!y||!!k)&&(!y||!k||!L)&&(!!y&&!!k&&!!C||!!S&&!k||!!S&&!!k&&!!C)&&(0,e.jsxs)("div",{className:c()("affiliate-tab _f-1 _pdh-8px",{"is-active":2===Y}),onClick:function(){return O("form")},children:[(0,e.jsx)("i",{className:"far fa-circle-user _mgr-8px"}),"ข้อมูลผู้เข้าร่วม"]})]})]})}),0===Y&&(0,e.jsx)(w,{stats:a,products:t,isLoading:l}),1===Y&&(0,e.jsx)(M,{isJoinedCampaign:k,stats:a}),2===Y&&(0,e.jsx)(j.A,{isMobile:!0,user:b}),(0,e.jsx)(p.A,{isShow:F,onClose:function(){n.A.set("seen_guide_modal_affiliate_dashboard","".concat(Date.now())),T(!1)},guides:k&&L?v.Ah:v.V0,isMobile:!0})]})})}}}]);