https://fastlance.vn/_next/static/chunks/953.8e7b6dfc4b545ea1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[953],{30953:(s,l,a)=>{a.r(l),a.d(l,{default:()=>C});var i=a(20294),e=a(37876),t=a(15039),c=a.n(t),d=a(56557),r=a.n(d),n=a(29454),_=a(89099),p=a(14232),o=a(79565),x=a(93996),f=a(79514),m=a(80481),h=a(50075),j=a(3457),g=a(16288),v=a(14678),u=a(42683),N=a(10997),b=a(88202),y=a(25209);let w=function(s){var l,a,t,d,r,n,o,f,j,g,w,k=s.stats,S=s.products,L=s.isLoading,M=(0,_.useRouter)().query,A=(0,x.u)().user,C=(0,i._)((0,h.Bd)(m.ZX),1)[0],Y=(0,i._)((0,h.Bd)(m.VO),1)[0],D=null==A?void 0:A.is_selling,E=function(s){navigator.clipboard.writeText(s),v.y8.success({text:"คัดลอกสำเร็จแล้ว"})};return(0,p.useEffect)(function(){var s=[{name:"offset",options:{offset:[0,8],hide:!0}}];Array.from(Array(7).keys()).forEach(function(l){var a=document.querySelector("#tooltip-el".concat(l)),i=document.querySelector("#tooltip".concat(l));(0,u.n4)(a,i,{placement:"top",modifiers:s})})},[]),(0,e.jsxs)("div",{className:"lo-container-desktop _mgt-32px",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"_fs-500 _fw-600",children:Y("overall")}),(0,e.jsx)("div",{className:"affiliate-card _pd-16px _mgt-16px",children:(0,e.jsxs)("div",{className:"lo-3 _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-32px _h-32px _dp-f _alit-ct _jtfct-ct _bdrd-max",children:(0,e.jsx)("i",{className:"fas fa-arrow-pointer _fs-300 _mgt-2px",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:[Y("grand-total-click")," ",(0,e.jsxs)("span",{className:"_fs-200 _opct-70",children:["(",Y("times"),")"]})]}),(0,e.jsx)("div",{className:"_fs-800 _fw-600",children:(null==k||null==(r=k.summary)||null==(d=r.total_click)?void 0:d.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-32px _h-32px _dp-f _alit-ct _jtfct-ct _bdrd-max",children:(0,e.jsx)("i",{className:"fas fa-check _fs-300 _mgt-2px",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:[Y("pending-order")," ",(0,e.jsxs)("span",{className:"_fs-200 _opct-70",children:["(",Y("times"),")"]})]}),(0,e.jsx)("div",{className:"_fs-800 _fw-600",children:(null==k||null==(o=k.summary)||null==(n=o.pending_order)?void 0:n.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-32px _h-32px _dp-f _alit-ct _jtfct-ct _bdrd-max",children:(0,e.jsx)("i",{className:"fas fa-check _fs-300 _mgt-2px",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:[Y("completed-order")," ",(0,e.jsxs)("span",{className:"_fs-200 _opct-70",children:["(",Y("times"),")"]})]}),(0,e.jsx)("div",{className:"_fs-800 _fw-600",children:(null==k||null==(j=k.summary)||null==(f=j.complete_order)?void 0:f.toLocaleString("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-32px _h-32px _dp-f _alit-ct _jtfct-ct _bdrd-max",style:{background:"white"},children:(0,e.jsx)("i",{className:"fas fa-hand-holding-dollar _fs-300 _mgt-2px"})}),(0,e.jsxs)("div",{className:"_f-1 _ffml-secondary",children:[(0,e.jsxs)("div",{className:"_fs-300 _fw-600",style:{color:"white"},children:[Y("total-commission")," ",(0,e.jsxs)("span",{className:"_fs-200 _opct-70",children:["(",C("general.currency.unit"),")"]})]}),(0,e.jsx)("div",{className:"_fs-800 _fw-600",children:(null==k||null==(w=k.summary)||null==(g=w.total_comission)?void 0:g.toLocaleString("th"))||0})]})]})]})})]}),(0,e.jsxs)("div",{className:"_mgt-32px",children:[(0,e.jsx)("h2",{className:"_fs-500 _fw-600",children:Y("table.title")}),(0,e.jsxs)("div",{className:"affiliate-card _mgt-16px",children:[(0,e.jsxs)(v.XI,{className:"_w-100pct",children:[(0,e.jsxs)(v.nd,{className:"_ffml-secondary _fw-600 _fs-300 _pdv-24px",children:[Y("table.share-link")," ",(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 _bgcl-w",style:{maxWidth:300},dangerouslySetInnerHTML:{__html:D?'<strong class="_fs-200">ลิงก์สำหรับแชร์</strong><br><p class="_fw-400 _fs-200 _mgt-4px">ลิงก์สำหรับโปรโมทงานของคุณ โดยคุณสามารถนำไปแชร์ผ่านช่องทางต่างๆ ที่ต้องการได้\n									(ในกรณีที่งานของคุณไม่ตรงตามเงื่อนไขกิจกรรม เช่น มีการปิดงาน ระบบจะทำการปิดลิงก์เฉพาะงานนั้น ๆ ให้โดยอัตโนมัติ)</p>':'<strong class="_fs-200">ลิงก์สำหรับแชร์</strong><br><p class="_fw-400 _fs-200 _mgt-4px">คุณสามารถนำลิงก์นี้ไปแชร์ผ่านช่องทางต่างๆ ที่ต้องการได้</p>'}})]})]}),(0,e.jsxs)(v.nd,{className:"_ffml-secondary _fw-600 _fs-300 rborder _pdv-24px",children:[Y("table.linked-page")," ",(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.jsxs)(v.nd,{className:"_ffml-secondary _fw-600 _fs-300 _tal-r _pdv-24px",children:[Y("table.click-count")," ",(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:'<strong class="_fs-200">จำนวนการคลิก</strong><br><p class="_fw-400 _fs-200 _mgt-4px">จำนวนครั้งในการคลิก เมื่อมีผู้คลิกผ่านลิงก์ที่คุณนำไปแชร์ เพื่อเข้าชมงานของคุณหรือเว็บไซต์ฟาสต์เวิร์ค</p>'}})]})]}),(0,e.jsxs)(v.nd,{className:"_ffml-secondary _fw-600 _fs-300 _tal-r _pdv-24px",children:[Y("table.pending-order")," ",(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},dangerouslySetInnerHTML:{__html:'<strong class="_fs-200">มีการสร้างออเดอร์</strong><br><p class="_fw-400 _fs-200 _mgt-4px">จำนวนของออเดอร์ที่มีการสร้างขึ้น นับตั้งแต่มีการทักแชทไปจนถึงการจ้างงาน</p>'}})]})]}),(0,e.jsxs)(v.nd,{className:"_ffml-secondary _fw-600 _fs-300 _tal-r _pdv-24px",children:[Y("table.completed-order")," ",(0,e.jsxs)("span",{id:"tooltip-el5",className:"_mgl-4px",children:[(0,e.jsx)("i",{className:"popper-invoker far fa-circle-info _opct-50"}),(0,e.jsx)("div",{id:"tooltip5",className:"popper-tooltip _ffml-primary _pd-12px _tal-l",style:{maxWidth:300},dangerouslySetInnerHTML:{__html:D?'<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.jsxs)(v.nd,{className:"_ffml-secondary _fw-600 _fs-300 _tal-r _pdv-24px",children:[Y("table.commission")," ",(0,e.jsxs)("span",{id:"tooltip-el6",className:"_mgl-4px",children:[(0,e.jsx)("i",{className:"popper-invoker far fa-circle-info _opct-50"}),(0,e.jsx)("div",{id:"tooltip6",className:"popper-tooltip _ffml-primary _pd-12px _tal-l",style:{maxWidth:300},dangerouslySetInnerHTML:{__html:D?'<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>'}})]})]}),L&&(0,e.jsx)(v.Hj,{children:(0,e.jsx)(v.l$,{colSpan:6,children:(0,e.jsx)("div",{className:"_dp-f _jtfct-ct _mgv-24px",children:(0,e.jsx)(v.aH,{})})})}),!L&&(null==S?void 0:S.map(function(s,l){var a,i,t,d,r=!s.show||s.banned_at,n=(null==s?void 0:s.is_common)?"".concat((0,b.$)().DESKTOP_URL,"?rid=").concat(null==A?void 0:A.username):"".concat((0,b.$)().DESKTOP_URL,"/user/").concat(null==A?void 0:A.username,"/").concat(s.slug,"?rid=").concat(null==A?void 0:A.username);return(0,e.jsxs)(v.Hj,{children:[(0,e.jsx)(v.l$,{className:c()({"_opct-50":r}),children:(0,e.jsxs)("div",{className:"_dp-f _gg-8px",children:[(0,e.jsx)("div",{className:"_fs-300 _h-32px _ovf-hd _wsp-nw _tovf-els _pdh-8px _pdv-8px",style:{width:"200px",backgroundColor:"rgba(235, 239, 244, 0.6)"},children:n}),(0,e.jsx)(v.$n,{className:"_pdh-16px",size:"small",variant:"secondary",type:"button",style:{height:"32px",minHeight:"32px"},onClick:function(){return E(n)}

1,disabled:r,children:Y("copy")})]})}),(0,e.jsx)(v.l$,{className:c()("rborder",{"_opct-50":r}),children:(0,e.jsxs)("div",{className:"_dp-f _alit-ct",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.jsx)("div",{className:"_ovf-hd _wsp-nw _tovf-els _mgl-12px _fs-300",style:{width:"150px"},title:s.title,children:s.title})]})}),(0,e.jsx)(v.l$,{className:c()("_tal-r _fs-300",{"_opct-50":r}),children:null==(a=Number((null==s?void 0:s.total_click)||0))?void 0:a.toLocaleString("th")}),(0,e.jsx)(v.l$,{className:c()("_tal-r _fs-300",{"_opct-50":r}),children:null==(i=Number((null==s?void 0:s.pending_order)||0))?void 0:i.toLocaleString("th")}),(0,e.jsx)(v.l$,{className:c()("_tal-r _fs-300",{"_opct-50":r}),style:{color:"#49a211"},children:null==(t=Number((null==s?void 0:s.complete_order)||0))?void 0:t.toLocaleString("th")}),(0,e.jsx)(v.l$,{className:c()("_pdr-24px _tal-r _fs-300",{"_opct-50":r}),children:(0,e.jsx)("strong",{children:null==(d=Number((null==s?void 0:s.total_comission)||0))?void 0:d.toLocaleString("th")})})]},l)}))]}),(l=Number(null==M?void 0:M.page)||y.defaultStatsParams.page,a=y.defaultStatsParams.limit*(l-1)+1,t=y.defaultStatsParams.limit*l,(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:[a,"-",t>(null==k?void 0:k.total_items)?null==k?void 0:k.total_items:t," ","จาก ",null==k?void 0:k.total_items," ลิงก์สำหรับแชร์"]})}),(0,e.jsx)("div",{className:"_dp-f _jtfct-ct _pdbt-16px",children:(0,e.jsx)(N.dK,{scroll:!1,total:(null==k?void 0:k.total_pages)||1})})]}))]})]}),(0,e.jsx)("div",{className:"_mgt-16px _opct-70",children:(0,e.jsx)("small",{children:"หมายเหตุ : ข้อมูลจะถูกอัปเดตอัตโนมัติทุก 24 ชั่วโมง"})})]})};var k=a(53247),S=a(96035);let L=function(s){var l=s.stats,a=(0,i._)((0,p.useState)(!1),2),t=a[0],c=a[1],d=(0,i._)((0,p.useState)(!1),2),n=d[0],_=d[1],o=(0,i._)((0,p.useState)(!1),2),x=o[0],f=o[1],m=(0,i._)((0,p.useState)(!1),2),h=m[0],j=m[1],g=(0,i._)((0,p.useState)(!1),2),v=g[0],u=g[1],N={background:"white",border:"1px solid rgba(0,0,0,0.1)",borderRadius:"8px"};return(0,e.jsx)(e.Fragment,{children:(0,e.jsxs)("div",{className:"_mgt-24px lo-12 _gg-16px",children:[(0,e.jsxs)("div",{style:N,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _h-64px _cs-pt",onClick:function(){return c(!t)},children:[(0,e.jsxs)("div",{className:"_dp-f",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-500 _ffml-secondary",children:"ข้อมูลสรุปภาพรวม"})]}),(0,e.jsxs)("div",{children:[!t&&(0,e.jsx)("i",{className:"far fa-plus"}),t&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),t&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-6 _gg-32px _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/image-dashboard-detail-01.jpg",width:"100%",alt:"image"})})]})]})]}),(0,e.jsxs)("div",{style:N,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _h-64px _cs-pt",onClick:function(){return _(!n)},children:[(0,e.jsxs)("div",{className:"_dp-f",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-500 _ffml-secondary",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-6 _gg-32px _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/image-dashboard-detail-02.jpg",width:"100%",alt:"image"})})]})]})]}),(0,e.jsxs)("div",{style:N,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _h-64px _cs-pt",onClick:function(){return f(!x)},children:[(0,e.jsxs)("div",{className:"_dp-f",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-500 _ffml-secondary",children:"หน้าที่ผูกกับลิงก์"})]}),(0,e.jsxs)("div",{children:[!x&&(0,e.jsx)("i",{className:"far fa-plus"}),x&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),x&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-6 _gg-32px _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/image-dashboard-detail-03.jpg",width:"100%",alt:"image"})})]})]})]}),(0,e.jsxs)("div",{style:N,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _h-64px _cs-pt",onClick:function(){return j(!h)},children:[(0,e.jsxs)("div",{className:"_dp-f",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-500 _ffml-secondary",children:"ข้อมูล จำนวนคลิก / มีการสร้างออเดอร์ / ออเดอร์สำเร็จแล้ว ที่เกิดจากลิงก์ที่แชร์"})]}),(0,e.jsxs)("div",{children:[!h&&(0,e.jsx)("i",{className:"far fa-plus"}),h&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),h&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-6 _gg-32px _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/image-dashboard-detail-04.jpg",width:"100%",alt:"image"})})]})]})]}),(0,e.jsxs)("div",{style:N,children:[(0,e.jsxs)("div",{className:"_pdh-24px _dp-f _jtfct-spbtw _alit-ct _h-64px _cs-pt",onClick:function(){return u(!v)},children:[(0,e.jsxs)("div",{className:"_dp-f",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-500 _ffml-secondary",children:"ค่าคอมมิชชั่นที่ได้รับโดยประมาณ ที่เกิดจากลิงก์ที่แชร์"})]}),(0,e.jsxs)("div",{children:[!v&&(0,e.jsx)("i",{className:"far fa-plus"}),v&&(0,e.jsx)("i",{className:"far fa-minus"})]})]}),v&&(0,e.jsxs)("div",{children:[(0,e.jsx)("hr",{}),(0,e.jsxs)("div",{className:"lo-6 _gg-32px _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/image-dashboard-detail-05.jpg",width:"100%",alt:"image"})})]})]})]})]})})};var M=a(26840);let A=function(s){var l=s.isJoinedCampaign,a=s.stats,t=(0,x.u)().user,c=(null==t?void 0:t.seller_verification_status)>0,d=(null==t?void 0:t.seller_verification_status)===3,r=(null==t?void 0:t.seller_verification_status)===0,n=(null==t?void 0:t.seller_verification_status)===1||(null==t?void 0:t.seller_verification_status)===2,_=(0,i._)((0,p.useState)(!1),2),o=_[0],f=_[1],m=function(){f(!0)},h={background:"white",boxShadow:"0 10px 40px -4px rgba(19, 55, 109, 0.08), 0 8px 22px -6px rgba(19, 55, 109, 0.1)",borderRadius:"16px"};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"lo-container-desktop _mgt-32px",children:(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"_fs-700 _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.jsxs)("section",{style:h,className:"_pd-24px _mgt-32px _pst-rlt",children:[(0,e.jsx)("div",{style:{border:"1px dashed var(--color-primary-500)",height:"1px",opacity:.5,top:"140px",left:"32px",width:"800px"},className:"_pst-asl"}),(0,e.jsxs)("div",{className:"lo-4 _gg-24px _pst-rlt _zid-1",children:[l&&(null===g.Ou||void 0===g.Ou?void 0:g.Ou.map(function(s,l){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:l+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===l&&(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"})]})]},l)})),!l&&r&&(null===g.V_||void 0===g.V_?void 0:g.V_.map(function(s,l){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:l+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}})]},l)})),!l&&c&&(null===g.u6||void 0===g.u6?void 0:g.u6.map(function(s,l){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:l+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===l&&(0,e.jsxs)(e.Fragment,{children:[d&&(0,e.jsxs)("button",{type:"button",className:"tb-button _mgt-16px",onClick:function(){return m()},"data-selenium":"affiliate-dashboard.info.join-button",children:["เข้าร่วมเพื่อรับคอมมิชชั่นพิเศษ"," ",(0,e.jsx)("i",{className:"far fa-arrow-right _mgl-12px"})]}),n&&(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:"โปรไฟล์ฟรีแลนซ์ของคุณยังไม่ได้รับการอนุมัติจึงยังไม่สามารถเข้าร่วมกิจกรรมนี้ได้"})]})]})]},l)}))]})]}),(0,e.jsxs)("section",{style:h,className:"_mgt-32px _pst-rlt",children:[c&&(0,e.jsx)("img",{src:"/static-v4/images/affiliate/affiliate diagram - seller.jpg",alt:"Seller",width:"100%"}),!c&&(0,e.jsx)("img",{src:"/static-v4/images/affiliate/affiliate diagram - non seller.jpg",alt:"Seller",width:"100%"})]})]})}),(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-desktop _pst-rlt _zid-1 _pdbt-48px",children:(0,e.jsx)("div",{className:"_bdrd-8px _pdbt-16px _pdt-32px _ovf-hd",style:{background:"white"},children:(0,e.jsxs)("div",{className:"_tal-ct",children:[(0,e.jsx)("div",{className:"_fs-700 _fw-600 _ffml-secondary",children:"รับเงินค่าคอมมิชชั่นจากยอดขาย"}),(0,e.jsx)("div",{className:"_fs-300 _ffml-secondary _mgt-4px",children:"สูงสุด 300 บาท ต่อยอดออเดอร์ที่สำเร็จแล้ว"}),(0,e.jsx)("img",{src:"/static-v4/images/affiliate/info2.png",alt:"Info",className:"_ussl-n"})]})})}),(0,e.jsx)("img",{src:"/static-v4/images/affiliate/info-footer.png",alt:"Info",className:"_pst-asl _l-0px _r-0px _bt-0px"})]}),(0,e.jsxs)("div",{id:"dashboard-detail",className:"lo-container-desktop _pdbt-48px _jtfit-ct",style:{background:"rgba(247, 249, 252, 0.95)"},children:[(0,e.jsxs)("section",{className:"_w-100pct",style:{maxWidth:"995px"},children:[(0,e.jsx)("h2",{className:"_fs-700 _fw-600 _mgt-48px",children:"รายละเอียดของ Dashboard สำหรับดูข้อมูล"}),(0,e.jsx)(L,{stats:a})]}),(0,e.jsx)("section",{className:"_pdt-48px _pdbt-48px",children:(0,e.jsxs)("div",{className:"lo-container-desktop",children:[(0,e.jsx)("div",{className:"_fw-600 _fs-900 _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",children:(0,e.jsx)("div",{className:"_w-100pct",style:{maxWidth:"956px"},children:(0,e.jsx)(M.A,{})})})]})}),(0,e.jsx)("section",{children:(0,e.jsx)("div",{className:"lo-container-desktop",children:(0,e.jsx)(S.A,{})})})]}),o&&(0,e.jsx)(k.A,{onSuccess:function(){},onClose:function(){return f(!1)}})]})},C=function(s){var l=s.stats,a=s.isLoading,t=s.products,d=(0,i._)((0,h.Bd)(m.VO),

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