https://file.ads3.ai/_next/static/chunks/pages/app/campaign/lucky_…/LuckyDrawJoin-b94f7432598d9f5b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6867],{11512:function(e,t,a){"use strict";a.r(t);var r=a(94519),n=a(3328),l=a(85384),s=a(2487),c=a(64214),i=a(44591),o=a(52638);a(1864);var f=a(26909),u=a(67294),m=a(11163),d=a(51675),g=a(71426);a(19006);var p=a(27573);t.default=({campaignId:e,setOpenShareDrawer:t,campaignStatusQuery:a,campaignDetailQuery:h,needInterval:x,myLuckyDrawRankingQuery:v,topN:y,isDark:k=!1})=>{let[E,b]=(0,u.useState)(!1),{t:N}=(0,f.$G)(),w=(0,m.useRouter)(),[C,A]=(0,u.useState)(!1),Z=e=>{A(!0),(0,d.dnx)({campaignId:e}).then(e=>{n.ZP.success(N("Join Success")),a?.refetch()}).catch(e=>{n.ZP.error(e?.response?.data?.message||N("Join Failed"))}).finally(()=>{A(!1)})},_=h?.data,j=_?.type==="lucky_draw"&&_?.rewardRule?.rule_type==="campaign_full_people",D=_?.rewardRule?.rule_config?.reach_people||0,F=_?.qualifiers||0;return u.createElement("div",{className:"flex w-full flex-col gap-2"},u.createElement("div",{className:`flex w-full flex-col gap-2 overflow-clip rounded-xl ${k?"border-gray-700 bg-[#1f1f1f] p-5":"border bg-indigo-50 p-2"}`},a?.data?.isTasksFinish&&u.createElement(u.Fragment,null,u.createElement("div",{className:"mt-2 flex w-full flex-row items-center justify-center gap-1"},u.createElement("span",{className:"mr-1 text-4xl"},"\uD83E\uDD73"),u.createElement(l.default.Text,{className:`gold-gradient-text text-center text-2xl font-medium ${k?"text-gray-100":""}`},N("Joined"))),h?.data?.enableFission?u.createElement(u.Fragment,null,u.createElement("div",{className:"mt-3 flex w-full flex-row items-center justify-between gap-1"},u.createElement("div",{className:"flex flex-1 flex-col items-center justify-center"},u.createElement(l.default.Text,null,u.createElement("span",{className:"gold-gradient-text text-[26px] font-[700]"},v?.data?.probability)),u.createElement(l.default.Text,{className:`text-sm ${k?"text-gray-300":"text-black/50"}`},N("Your Boost")," ⚡️")),u.createElement("div",{className:"flex flex-1 flex-col items-center justify-center"},u.createElement(l.default.Text,null,u.createElement("span",{className:"gold-gradient-text text-[26px] font-[700]"},v?.data?.ranking)),u.createElement(l.default.Text,{className:`text-sm ${k?"text-gray-300":"text-black/50"}`},N("Your Rank"))))):u.createElement(u.Fragment,null,j?u.createElement("div",{className:"flex w-full flex-col gap-0"},u.createElement("div",{className:"flex w-full items-center justify-between"},u.createElement("div",{className:"flex flex-col items-center justify-center"},u.createElement("span",{className:"gold-gradient-text text-[26px] font-[700]"},F),u.createElement("span",{className:`text-sm ${k?"text-gray-300":"text-black/50"}`},N("Enrolled"))),u.createElement("div",{className:"flex flex-col items-center justify-center"},u.createElement("span",{className:"gold-gradient-text text-[26px] font-[700]"},D-F),u.createElement("span",{className:`text-sm ${k?"text-gray-300":"text-black/50"}`},N("Remaining")))),u.createElement(s.Z,{percent:Math.round(F/D*100),size:"large",strokeColor:{"0%":"#6246e7","100%":"#8647e3b0"},trailColor:"#EDEAFA",showInfo:!1})):u.createElement(u.Fragment,null)),u.createElement(c.ZP,{type:"primary",size:"large",className:`mt-3 w-full text-sm ${k?"bg-indigo-500 hover:bg-indigo-600":"card-bg-color2"}`,onClick:()=>{(0,g.X)({action:"app.quest",category:"quest",label:"quest",value:"Share"}),t(!0)}},h?.data?.enableFission?N("Boost with Friends"):N("Invite Friends")),h?.data?.id==="684fd0b88b133e001819a083"||h?.data?.id==="68662844fe97220011c65cb2"&&u.createElement("div",{className:"flex flex-row items-center justify-center gap-1"},u.createElement("span",{className:"text-sm text-gray-500"},N("Invite friends, earn 3% commission,")),u.createElement(c.ZP,{type:"link",className:"pl-0 text-sm",onClick:()=>{w.push("/app?tab=account")}},N("Details")))),!a?.data?.isTasksFinish&&u.createElement(c.ZP,{type:"primary",size:"large",loading:C,className:`w-full ${k?"bg-indigo-500 hover:bg-indigo-600":"card-bg-color2"}`,onClick:()=>{(0,g.X)({action:"app.quest",category:"quest",label:"quest",value:"Join"}),h?.data?.tasks?.length>0?a?.data?.isTasksFinish?a?.refetch():n.ZP.error("Please complete all tasks first."):Z(e)}},N("Join")),u.createElement(i.Z,{className:k?"border-gray-700":""}),u.createElement("div",{className:`flex w-full cursor-pointer flex-row items-center justify-between rounded p-1 ${k?"hover:bg-[#2f2f2f]":"hover:bg-gray-100"}`,onClick:()=>{(0,g.X)({action:"app.quest.viewParticipants",category:"quest",label:"quest",value:"View Participant(s)"}),b(!0)}},u.createElement(l.default.Text,{className:`text-sm ${k?"text-gray-300":""}`},h?.data?.participants," ",N("Participants")," (",h?.data?.qualifiers," ",N("Qualifiers"),")"),u.createElement(r.Z,{className:k?"text-gray-300":""})),!y&&h?.data?.enableFission&&u.createElement(u.Fragment,null,u.createElement(i.Z,{className:k?"border-gray-700":""}),u.createElement("div",{className:`flex w-full cursor-pointer flex-row items-center justify-between rounded p-1 ${k?"hover:bg-[#2f2f2f]":"hover:bg-gray-100"}`,onClick:()=>{(0,g.X)({action:"app.quest.viewLeaderboard",category:"quest",label:"quest",value:"View LeaderBoard"}),w.push(`/app/campaign/lucky_draw/leaderboard?id=${e}`)}},u.createElement(l.default.Text,{className:`flex-1 text-sm ${k?"text-gray-300":""}`},N("Leaderboard")),u.createElement(l.default.Text,{type:"secondary",className:`mr-2 text-xs ${k?"text-gray-400":""}`},N("Ranking")," #",v?.data?.ranking),u.createElement(r.Z,{className:k?"text-gray-300":""})))),E&&u.createElement(o.Z,{title:N("Participants List"),destroyOnClose:!0,open:E,onOk:()=>{b(!1)},onCancel:()=>{b(!1)},footer:null,className:k?"dark-modal":""},u.createElement(p.default,{campaignId:e,isDark:k})))}},19006:function(e,t,a){"use strict";a.r(t),a(41664);var r=a(67294);a(71426),a(36502),a(26909),t.default=({className:e})=>r.createElement(r.Fragment,null)},27573:function(e,t,a){"use strict";a.r(t);var r=a(67294),n=a(44591),l=a(17421),s=a(3994),c=a(5197),i=a(85384),o=a(21271),f=a(51675),u=a(70353),m=a(26909);t.default=({data:e,campaignId:t})=>{let{t:a}=(0,m.$G)(),[d,g]=(0,r.useState)(e),[p,h]=(0,r.useState)(!1),x=()=>{h(!0),(0,f.kQT)({campaignId:t,pageSize:9999,current:1,seed:Math.random()}).then(e=>{g(e?.data?.map(e=>({avatar:e.avatar,name:e.nickName})))}).catch(e=>{}).finally(()=>{h(!1)})};return(0,r.useEffect)(()=>{!e&&t&&x()},[t,e]),r.createElement(r.Fragment,null,r.createElement(n.Z,null),r.createElement("div",{className:"w-full  overflow-y-auto",style:{minHeight:400,maxHeight:800}},r.createElement(l.Z,{className:"w-full",gutter:16},p&&[1,2,3,4,5,6,7,8,9].map((e,t)=>r.createElement(s.Z,{key:t,span:8,className:"w-full flex flex-col items-center justify-center p-2 gap-2"},r.createElement(c.Z.Avatar,{active:!0,size:56}

1),r.createElement(c.Z.Input,{style:{width:42,height:18},active:!0,size:"small"}))),d?.map((e,t)=>r.createElement(s.Z,{className:"w-full flex flex-col items-center p-2 gap-2",key:t,span:8},r.createElement(u.Z,{src:e.avatar,size:56,name:e.name}),r.createElement(i.default.Text,{type:"secondary",className:"text-sm",ellipsis:{rows:1}},e.name)))),(!d||d?.length===0)&&!p&&r.createElement(o.Z,{description:a("No participants yet.")})))}},11299:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app/campaign/lucky_draw/components/LuckyDrawJoin",function(){return a(11512)}])},1864:function(e){!function(){"use strict";var t={114:function(e){function t(e){if("string"!=typeof e)throw TypeError("Path must be a string. Received "+JSON.stringify(e))}function a(e,t){for(var a,r="",n=0,l=-1,s=0,c=0;c<=e.length;++c){if(c<e.length)a=e.charCodeAt(c);else if(47===a)break;else a=47;if(47===a){if(l===c-1||1===s);else if(l!==c-1&&2===s){if(r.length<2||2!==n||46!==r.charCodeAt(r.length-1)||46!==r.charCodeAt(r.length-2)){if(r.length>2){var i=r.lastIndexOf("/");if(i!==r.length-1){-1===i?(r="",n=0):n=(r=r.slice(0,i)).length-1-r.lastIndexOf("/"),l=c,s=0;continue}}else if(2===r.length||1===r.length){r="",n=0,l=c,s=0;continue}}t&&(r.length>0?r+="/..":r="..",n=2)}else r.length>0?r+="/"+e.slice(l+1,c):r=e.slice(l+1,c),n=c-l-1;l=c,s=0}else 46===a&&-1!==s?++s:s=-1}return r}var r={resolve:function(){for(var e,r,n="",l=!1,s=arguments.length-1;s>=-1&&!l;s--)s>=0?r=arguments[s]:(void 0===e&&(e=""),r=e),t(r),0!==r.length&&(n=r+"/"+n,l=47===r.charCodeAt(0));return(n=a(n,!l),l)?n.length>0?"/"+n:"/":n.length>0?n:"."},normalize:function(e){if(t(e),0===e.length)return".";var r=47===e.charCodeAt(0),n=47===e.charCodeAt(e.length-1);return(0!==(e=a(e,!r)).length||r||(e="."),e.length>0&&n&&(e+="/"),r)?"/"+e:e},isAbsolute:function(e){return t(e),e.length>0&&47===e.charCodeAt(0)},join:function(){if(0==arguments.length)return".";for(var e,a=0;a<arguments.length;++a){var n=arguments[a];t(n),n.length>0&&(void 0===e?e=n:e+="/"+n)}return void 0===e?".":r.normalize(e)},relative:function(e,a){if(t(e),t(a),e===a||(e=r.resolve(e))===(a=r.resolve(a)))return"";for(var n=1;n<e.length&&47===e.charCodeAt(n);++n);for(var l=e.length,s=l-n,c=1;c<a.length&&47===a.charCodeAt(c);++c);for(var i=a.length-c,o=s<i?s:i,f=-1,u=0;u<=o;++u){if(u===o){if(i>o){if(47===a.charCodeAt(c+u))return a.slice(c+u+1);if(0===u)return a.slice(c+u)}else s>o&&(47===e.charCodeAt(n+u)?f=u:0===u&&(f=0));break}var m=e.charCodeAt(n+u);if(m!==a.charCodeAt(c+u))break;47===m&&(f=u)}var d="";for(u=n+f+1;u<=l;++u)(u===l||47===e.charCodeAt(u))&&(0===d.length?d+="..":d+="/..");return d.length>0?d+a.slice(c+f):(c+=f,47===a.charCodeAt(c)&&++c,a.slice(c))},_makeLong:function(e){return e},dirname:function(e){if(t(e),0===e.length)return".";for(var a=e.charCodeAt(0),r=47===a,n=-1,l=!0,s=e.length-1;s>=1;--s)if(47===(a=e.charCodeAt(s))){if(!l){n=s;break}}else l=!1;return -1===n?r?"/":".":r&&1===n?"//":e.slice(0,n)},basename:function(e,a){if(void 0!==a&&"string"!=typeof a)throw TypeError('"ext" argument must be a string');t(e);var r,n=0,l=-1,s=!0;if(void 0!==a&&a.length>0&&a.length<=e.length){if(a.length===e.length&&a===e)return"";var c=a.length-1,i=-1;for(r=e.length-1;r>=0;--r){var o=e.charCodeAt(r);if(47===o){if(!s){n=r+1;break}}else -1===i&&(s=!1,i=r+1),c>=0&&(o===a.charCodeAt(c)?-1==--c&&(l=r):(c=-1,l=i))}return n===l?l=i:-1===l&&(l=e.length),e.slice(n,l)}for(r=e.length-1;r>=0;--r)if(47===e.charCodeAt(r)){if(!s){n=r+1;break}}else -1===l&&(s=!1,l=r+1);return -1===l?"":e.slice(n,l)},extname:function(e){t(e);for(var a=-1,r=0,n=-1,l=!0,s=0,c=e.length-1;c>=0;--c){var i=e.charCodeAt(c);if(47===i){if(!l){r=c+1;break}continue}-1===n&&(l=!1,n=c+1),46===i?-1===a?a=c:1!==s&&(s=1):-1!==a&&(s=-1)}return -1===a||-1===n||0===s||1===s&&a===n-1&&a===r+1?"":e.slice(a,n)},format:function(e){var t,a;if(null===e||"object"!=typeof e)throw TypeError('The "pathObject" argument must be of type Object. Received type '+typeof e);return t=e.dir||e.root,a=e.base||(e.name||"")+(e.ext||""),t?t===e.root?t+a:t+"/"+a:a},parse:function(e){t(e);var a,r={root:"",dir:"",base:"",ext:"",name:""};if(0===e.length)return r;var n=e.charCodeAt(0),l=47===n;l?(r.root="/",a=1):a=0;for(var s=-1,c=0,i=-1,o=!0,f=e.length-1,u=0;f>=a;

1--f){if(47===(n=e.charCodeAt(f))){if(!o){c=f+1;break}continue}-1===i&&(o=!1,i=f+1),46===n?-1===s?s=f:1!==u&&(u=1):-1!==s&&(u=-1)}return -1===s||-1===i||0===u||1===u&&s===i-1&&s===c+1?-1!==i&&(0===c&&l?r.base=r.name=e.slice(1,i):r.base=r.name=e.slice(c,i)):(0===c&&l?(r.name=e.slice(1,s),r.base=e.slice(1,i)):(r.name=e.slice(c,s),r.base=e.slice(c,i)),r.ext=e.slice(s,i)),c>0?r.dir=e.slice(0,c-1):l&&(r.dir="/"),r},sep:"/",delimiter:":",win32:null,posix:null};r.posix=r,e.exports=r}},a={};function r(e){var n=a[e];if(void 0!==n)return n.exports;var l=a[e]={exports:{}},s=!0;try{t[e](l,l.exports,r),s=!1}finally{s&&delete a[e]}return l.exports}r.ab="//";var n=r(114);e.exports=n}()},43579:function(e,t,a){"use strict";a.r(t),a.d(t,{Circle:function(){return C},Line:function(){return m},default:function(){return A}});var r=a(87462),n=a(1413),l=a(91),s=a(67294),c=a(93967),i=a.n(c),o={percent:0,prefixCls:"rc-progress",strokeColor:"#2db7f5",strokeLinecap:"round",strokeWidth:1,trailColor:"#D9D9D9",trailWidth:1,gapPosition:"bottom"},f=function(){var e=(0,s.useRef)([]),t=(0,s.useRef)(null);return(0,s.useEffect)(function(){var a=Date.now(),r=!1;e.current.forEach(function(e){if(e){r=!0;var n=e.style;n.transitionDuration=".3s, .3s, .3s, .06s",t.current&&a-t.current<100&&(n.transitionDuration="0s, 0s")}}),r&&(t.current=Date.now())}),e.current},u=["className","percent","prefixCls","strokeColor","strokeLinecap","strokeWidth","style","trailColor","trailWidth","transition"],m=function(e){var t=(0,n.Z)((0,n.Z)({},o),e),a=t.className,c=t.percent,m=t.prefixCls,d=t.strokeColor,g=t.strokeLinecap,p=t.strokeWidth,h=t.style,x=t.trailColor,v=t.trailWidth,y=t.transition,k=(0,l.Z)(t,u);delete k.gapPosition;var E=Array.isArray(c)?c:[c],b=Array.isArray(d)?d:[d],N=f(),w=p/2,C=100-p/2,A="M ".concat("round"===g?w:0,",").concat(w,"\n         L ").concat("round"===g?C:100,",").concat(w),Z="0 0 100 ".concat(p),_=0;return s.createElement("svg",(0,r.Z)({className:i()("".concat(m,"-line"),a),viewBox:Z,preserveAspectRatio:"none",style:h},k),s.createElement("path",{className:"".concat(m,"-line-trail"),d:A,strokeLinecap:g,stroke:x,strokeWidth:v||p,fillOpacity:"0"}),E.map(function(e,t){var a=1;switch(g){case"round":a=1-p/100;break;case"square":a=1-p/2/100;break;default:a=1}var r={strokeDasharray:"".concat(e*a,"px, 100px"),strokeDashoffset:"-".concat(_,"px"),transition:y||"stroke-dashoffset 0.3s ease 0s, stroke-dasharray .3s ease 0s, stroke 0.3s linear"},n=b[t]||b[b.length-1];return _+=e,s.createElement("path",{key:t,className:"".concat(m,"-line-path"),d:A,strokeLinecap:g,stroke:n,strokeWidth:p,fillOpacity:"0",ref:function(e){N[t]=e},style:r})}))},d=a(71002),g=a(97685),p=a(98924),h=0,x=(0,p.Z)(),v=function(e){var t=s.useState(),a=(0,g.Z)(t,2),r=a[0],n=a[1];return s.useEffect(function(){var e;n("rc_progress_".concat((x?(e=h,h+=1):e="TEST_OR_SSR",e)))},[]),e||r},y=function(e){var t=e.bg,a=e.children;return s.createElement("div",{style:{width:"100%",height:"100%",background:t}},a)};function k(e,t){return Object.keys(e).map(function(a){var r=parseFloat(a);return"".concat(e[a]," ").concat("".concat(Math.floor(r*t),"%"))})}var E=s.forwardRef(function(e,t){var a=e.prefixCls,r=e.color,n=e.gradientId,l=e.radius,c=e.style,i=e.ptg,o=e.strokeLinecap,f=e.strokeWidth,u=e.size,m=e.gapDegree,g=r&&"object"===(0,d.Z)(r),p=u/2,h=s.createElement("circle",{className:"".concat(a,"-circle-path"),r:l,cx:p,cy:p,stroke:g?"#FFF":void 0,strokeLinecap:o,strokeWidth:f,opacity:0===i?0:1,style:c,ref:t});if(!g)return h;var x="".concat(n,"-conic"),v=k(r,(360-m)/360),E=k(r,1),b="conic-gradient(from ".concat(m?"".concat(180+m/2,"deg"):"0deg",", ").concat(v.join(", "),")"),N="linear-gradient(to ".concat(m?"bottom":"top",", ").concat(E.join(", "),")");return s.createElement(s.Fragment,null,s.createElement("mask",{id:x},h),s.createElement("foreignObject",{x:0,y:0,width:u,height:u,mask:"url(#".concat(x,")")},s.createElement(y,{bg:N},s.createElement(y,{bg:b}))))}),b=function(e,t,a,r,n,l,s,c,i,o){var f=arguments.length>10&&void 0!==arguments[10]?arguments[10]:0,u=(100-r)/100*t;return"round"===i&&100!==r&&(u+=o/2)>=t&&(u=t-.01),{stroke:"string"==typeof c?c:void 0,strokeDasharray:"".concat(t,"px ").concat(e),strokeDashoffset:u+f,transform:"rotate(".concat(n+a/100*360*((360-l)/360)+(0===l?0:({bottom:0,top:180,left:90,right:-90})[s]),"deg)"),transformOrigin:"".concat(50,"px ").concat(50,"px"),transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s",fillOpacity:0}},N=["id","prefixCls","steps","strokeWidth","trailWidth","gapDegree","gapPosition","trailColor","strokeLinecap","style","className","strokeColor","percent"];function w(e){var t=null!=e?e:[];return Array.isArray(t)?t:[t]}var C=function(e){var t,a,c,u,m=(0,n.Z)((0,n.Z)({},o),e),g=m.id,p=m.prefixCls,h=m.steps,x=m.strokeWidth,y=m.trailWidth,k=m.gapDegree,C=void 0===k?0:k,A=m.gapPosition,Z=m.trailColor,_=m.strokeLinecap,j=m.style,D=m.className,F=m.strokeColor,T=m.percent,L=(0,l.Z)(m,N),P=v(g),W="".concat(P,"-gradient"),O=50-x/2,$=2*Math.PI*O,q=C>0?90+C/2:-90,R=(360-C)/360*$,S="object"===(0,d.Z)(h)?h:{count:h,gap:2},z=S.count,I=S.gap,J=w(T),M=w(F),X=M.find(function(e){return e&&"object"===(0,d.Z)(e)}),B=X&&"object"===(0,d.Z)(X)?"butt":_,G=b($,R,0,100,q,C,A,Z,B,x),H=f();return s.createElement("svg",(0,r.Z)({className:i()("".concat(p,"-circle"),D),viewB

1ox:"0 0 ".concat(100," ").concat(100),style:j,id:g,role:"presentation"},L),!z&&s.createElement("circle",{className:"".concat(p,"-circle-trail"),r:O,cx:50,cy:50,stroke:Z,strokeLinecap:B,strokeWidth:y||x,style:G}),z?(t=Math.round(J[0]/100*z),a=100/z,c=0,Array(z).fill(null).map(function(e,r){var n=r<=t-1?M[0]:Z,l=n&&"object"===(0,d.Z)(n)?"url(#".concat(W,")"):void 0,i=b($,R,c,a,q,C,A,n,"butt",x,I);return c+=(R-i.strokeDashoffset+I)*100/R,s.createElement("circle",{key:r,className:"".concat(p,"-circle-path"),r:O,cx:50,cy:50,stroke:l,strokeWidth:x,opacity:1,style:i,ref:function(e){H[r]=e}})})):(u=0,J.map(function(e,t){var a=M[t]||M[M.length-1],r=b($,R,u,e,q,C,A,a,B,x);return u+=e,s.createElement(E,{key:t,color:a,ptg:e,radius:O,prefixCls:p,gradientId:W,style:r,strokeLinecap:B,strokeWidth:x,gapDegree:C,ref:function(e){H[t]=e},size:100})}).reverse()))},A={Line:m,Circle:C}}},function(e){e.O(0,[8024,1664,2580,9885,5113,7149,2888,179],function(){return e(e.s=11299)}),_N_E=e.O()}]);