https://stealthex.io/_next/static/chunks/pages/pp/button-dfdbf4be11c3b0a8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2353],{83634:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/pp/button",function(){return n(42255)}])},18250:function(t,e){"use strict";e.Z={src:"/_next/static/media/how-step-1.57d52ea7.svg",height:60,width:60,blurWidth:0,blurHeight:0}},14419:function(t,e){"use strict";e.Z={src:"/_next/static/media/how-step-2-dark.d102384a.svg",height:60,width:61,blurWidth:0,blurHeight:0}},14742:function(t,e){"use strict";e.Z={src:"/_next/static/media/how-step-3-dark.4340c57e.svg",height:60,width:61,blurWidth:0,blurHeight:0}},55868:function(t,e,n){"use strict";n.d(e,{Ae:function(){return F},PO:function(){return S},Fc:function(){return m}});var o=n(38400),i=n(43585),a=n(65879),r=n(58152),d=n(13837),l=n(39280);let s=r.ZP.section.withConfig({componentId:"sc-a4b72395-0"})(["padding:40px 0;background:var(--dark-08);@media ","{padding:80px 0;}"],l.U.tablet),c=r.ZP.h2.withConfig({componentId:"sc-a4b72395-1"})(["font-weight:700;font-size:28px;line-height:34px;text-align:center;color:var(--dark-01);margin:0;padding:0 15px;@media ","{padding:0;}@media ","{font-size:48px;line-height:58px;}"],l.U.tablet,l.U.tabletL),u=r.ZP.div.withConfig({componentId:"sc-a4b72395-2"})(["display:flex;justify-content:center;flex-direction:column;align-items:center;padding-top:36px;@media ","{flex-direction:row;}@media ","{padding-top:66px;}"],l.U.tablet,l.U.tabletL),p=r.ZP.div.withConfig({componentId:"sc-a4b72395-3"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0 15px;@media ","{width:240px;padding:0;}@media ","{width:260px;}"],l.U.tablet,l.U.tabletL),h=(0,r.ZP)(p).withConfig({componentId:"sc-a4b72395-4"})([""]),b=r.ZP.sup.withConfig({componentId:"sc-a4b72395-5"})(["font-weight:500;font-size:14px;line-height:125%;color:var(--dark-05);text-transform:uppercase;padding-bottom:6px;@media ","{font-size:16px;}"],l.U.tabletL),g=r.ZP.span.withConfig({componentId:"sc-a4b72395-6"})(["width:100%;font-weight:700;font-size:20px;line-height:24px;color:var(--dark-01);&:last-child{background:var(--light-02);padding:12px 20px;border-radius:12px;}@media ","{width:240px;}@media ","{width:auto;font-size:32px;line-height:39px;}"],l.U.tablet,l.U.tabletL),x=(0,r.ZP)(d.UL).withConfig({componentId:"sc-a4b72395-7"})(["align-self:center;width:18px;transform:rotate(90deg);margin:27px 0;&.arrow-none{display:none;}&:last-child{display:none;}@media ","{margin:25px 30px 0 30px;transform:rotate(0);}"],l.U.tablet),f=r.ZP.input.attrs({type:"range"}).withConfig({componentId:"sc-a4b72395-8"})(["margin-top:10px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;height:2px;border-radius:40px;background:",";box-shadow:0px 0px 4px rgba(0,0,0,0.5);touch-action:none;::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background-image:radial-gradient( circle,var(--brand-yellow) 40%,var(--brand-yellow) 45% );border-radius:50%;}@media ","{width:240px;}"],t=>"linear-gradient(to right, var(--brand-yellow) 0%, var(--brand-yellow) ".concat(t.value,"%, var(--gray) ").concat(t.value,"%, var(--gray) 100%);"),l.U.tablet);var m=t=>{let{fee:e}=t,[n,r]=(0,a.useState)("50");return(0,o.jsxs)(s,{children:[(0,o.jsx)(c,{children:"Calculate Your Profit"}),(0,o.jsxs)(u,{children:[(0,o.jsxs)(h,{children:[(0,o.jsx)(b,{children:"EXCHANGE AMOUNT"}),(0,o.jsxs)(g,{children:[n," BTC"]}),(0,o.jsx)(f,{value:n,onChange:t=>{r(t.target.value)}})]}),(0,o.jsx)(x,{fill:"#FDE937"}),(0,o.jsxs)(p,{children:[(0,o.jsx)(b,{children:"YOUR PROFIT"}),(0,o.jsx)(g,{children:"".concat(new i.O$(n).multipliedBy(e/100).toFixed(5,i.O$.ROUND_FLOOR).toString()," BTC")})]})]})]})},w=n(27035),y=n(35127);let v=r.ZP.section.withConfig({componentId:"sc-22bc79df-0"})(["padding:40px 0;@media ","{padding:80px 0;}

1"],l.U.tabletL),j=r.ZP.h2.withConfig({componentId:"sc-22bc79df-1"})(["font-weight:700;font-size:28px;line-height:34px;text-align:center;color:var(--text-01);margin:0;padding:0;@media ","{font-size:48px;line-height:58px;}"],l.U.tabletL),P=r.ZP.div.withConfig({componentId:"sc-22bc79df-2"})(["display:flex;flex-direction:column;align-items:center;padding-top:20px;@media ","{flex-direction:row;align-items:initial;padding-top:32px;}@media ","{padding-top:60px;}"],l.U.tablet,l.U.tabletL),U=r.ZP.div.withConfig({componentId:"sc-22bc79df-3"})(["width:100%;max-width:290px;padding:20px;border:1px dashed var(--color-06);border-radius:12px;@media ","{max-width:initial;}"],l.U.tablet),C=r.ZP.div.withConfig({componentId:"sc-22bc79df-4"})(["padding-bottom:12px;@media ","{padding-bottom:10px;}"],l.U.tablet),Z=r.ZP.span.withConfig({componentId:"sc-22bc79df-5"})(["font-weight:700;font-size:16px;line-height:22px;color:var(--text-01);@media ","{font-size:18px;}"],l.U.tablet),k=r.ZP.p.withConfig({componentId:"sc-22bc79df-6"})(["font-weight:400;font-size:14px;line-height:140%;color:var(--text-03);padding-top:10px;margin:0;@media ","{padding-top:12px;}@media ","{font-size:16px;}"],l.U.tablet,l.U.tabletL),I=(0,r.ZP)(d.UL).withConfig({componentId:"sc-22bc79df-7"})(["width:100%;max-width:12px;align-self:center;transform:rotate(90deg);margin:8px 0;&.arrow-none{display:none;}&:last-child{display:none;}@media ","{margin:0 20px;transform:rotate(0);}"],l.U.tablet);var S=t=>{let{steps:e}=t;return(0,o.jsx)(v,{children:(0,o.jsxs)(w.Z,{wide:!0,children:[(0,o.jsx)(j,{children:"How It Works"}),(0,o.jsx)(P,{children:e.map((t,e)=>(0,o.jsxs)(a.Fragment,{children:[(0,o.jsxs)(U,{children:[(0,o.jsx)(C,{children:(0,o.jsx)(y.a,{alt:t.title,lightSrc:t.image.lightSrc,darkSrc:t.image.darkSrc||t.image.lightSrc})}),(0,o.jsx)(Z,{children:t.title}),(0,o.jsx)(k,{children:t.subTitle})]}),(0,o.jsx)(I,{fill:"#737373"})]},e))})]})})},F=r.ZP.hr.withConfig({componentId:"sc-be922d9-0"})(["width:100%;height:20px;background:var(--bg-01);border:none;@media ","{display:none;}"],l.U.tabletL)},7903:function(t,e,n){"use strict";n.d(e,{Z:function(){return Z}});var o=n(38400),i=n(94966),a=n(40697),r=n(23649),d=n(31293),l=n(65879),s=n(14567),c=n(70896),u=n(20655);let p=t=>{let e=u.O.NEXT_PUBLIC_URL,n=t.buttonText.split(" ").join("-").toLowerCase(),o="/assets/button/".concat(t.color,"-").concat(n,".svg");return'<a id="stealthex-button" href="'.concat(e,"/?ref=").concat(t.ref,'"><img src="').concat(e).concat(o,'" alt="StealthEX Button" width="').concat(280,'" height="60" loading="lazy" decoding="async" style="max-width: ').concat(280,'px; height: auto; width: 100%"></a>')};var h=n(25239),b=t=>{let{button:e,pp:n}=t;if(!e)return(0,o.jsx)(h.Z,{});let i=p(e);return(0,o.jsx)(c.nD,{testid:"button-html-code",variant:"code",title:"Use this code to embed the button",code:{language:"html",text:i,hidden:!n}})},g=n(34880);let x=[{link:"preview",name:"preview"}];var f=t=>{let{pp:e,selectedButtonIndex:n,buttons:i,creating:a,onUpdate:r,onButtonSelect:d,onButtonAdd:u,onButtonDelete:p,onButtonRename:b}=t,f=s.qz.links.$get.useQuery({query:{role:"referral"}},{select:t=>t.body.data}),m=e?f.data:x,w=(0,l.useMemo)(()=>null==i?void 0:i.map(t=>({name:t.buttonName,id:t.button})),[i]);return i&&void 0!=n&&m&&w?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.p2,{testid:"button-variant",label:"Cho

1ose a button",options:w,listHeight:(w.length>3?3:w.length)*48,selectedIndex:n,onSelect:d,creating:a,onDelete:p,onAdd:u,onEdit:b}),(0,o.jsx)(c.gw,{testid:"button-referral-link",label:"Choose a referral link for the button",options:m.map(t=>({value:t.link,label:"".concat(t.name," ref=").concat(t.link)})),components:{Option:g.fs},listHeight:(m.length>3?3:m.length)*48,onSelect:t=>r({ref:t}),selected:i[n].ref,defaultSelectedLabel:"No referral link chosen",truncate:!0})]}):(0,o.jsx)(h.Z,{})},m=n(58152);let w=m.ZP.span.withConfig({componentId:"sc-afc0ec44-0"})(["display:flex;align-items:center;justify-content:center;gap:6px;"]),y=m.ZP.span.withConfig({componentId:"sc-afc0ec44-1"})(["display:flex;width:20px;height:20px;border-radius:6px;background:",";"],t=>t.colorIn),v=[{label:(0,o.jsxs)(w,{children:[(0,o.jsx)(y,{colorIn:"#FDE937"}),"Yellow"]}),value:"yellow"},{label:(0,o.jsxs)(w,{children:[(0,o.jsx)(y,{colorIn:"#2B2A25"}),"Dark"]}),value:"dark"},{label:(0,o.jsxs)(w,{children:[(0,o.jsx)(y,{colorIn:"#F2F2F2"}),"Light"]}),value:"light"}],j=[{label:"Get Crypto",value:"Get Crypto"},{label:"Swap Crypto",value:"Swap Crypto"},{label:"Crypto Exchange",value:"Crypto Exchange"},{label:"Exchange",value:"Exchange"}];var P=t=>{let{button:e,onUpdate:n}=t,i=t=>{e&&n(t)};return e?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.gw,{testid:"button-text",label:"Text on the button",options:j,components:{Option:g.ZP},listHeight:48*j.length,onSelect:t=>i({buttonText:t}),selected:e.buttonText}),(0,o.jsx)(c.gw,{testid:"button-color",label:"Color",options:v,components:{Option:g.ZP},listHeight:48*v.length,onSelect:t=>i({color:t}),selected:e.color})]}):(0,o.jsx)(h.Z,{})};let U={_id:"xxx",userId:"preview",button:"1",buttonName:"Button 1",color:"dark",buttonText:"Get Crypto",ref:"preview"},C=[U];var Z=t=>{var e;let{pp:n}=t,u=(0,i.a)(s.Ub.buttonForPartner.$get.getQueryKey(),async()=>{if(!n)return{body:C,headers:new Headers};let t=await s.Ub.buttonForPartner.$get();if(t.success)return{body:t.body,headers:t.headers};throw{body:t.error,headers:t.headers}},{select:t=>t.body,staleTime:1/0}),[h,g]=(0,l.useState)(0),x=null===(e=u.data)||void 0===e?void 0:e[h],m=(0,a.NL)(),w=(0,r.D)(async t=>{if(!n)return null;let e=await s.Ub.buttonForPartner.$put({query:t});if(e.success)return e.body;throw e.error},{async onMutate(t){await m.cancelQueries({queryKey:s.Ub.buttonForPartner.$get.getQueryKey()});let e=s.Ub.buttonForPartner.$get.getQueryData(m),n=null==e?void 0:e.body.find(e=>e.button==t.button);if(n&&e){let o=e.body.map(e=>e.button==n.button?{...n,...t}:e);s.Ub.buttonForPartner.$get.setQueryData(m,{},{status:e.status,headers:e.headers,body:o})}return{previousButtons:e}},onError(t,e,n){s.Ub.buttonForPartner.$get.setQueryData(m,{},null==n?void 0:n.previousButtons)}}),y=(0,r.D)(async t=>{if(!n)return null;let e=await s.Ub.buttonForPartner.$delete({query:{button:t}});if(e.success)return e.body;throw e.error},{async onMutate(t){await m.cancelQueries({queryKey:s.Ub.buttonForPartner.$get.getQueryKey()});let e=s.Ub.buttonForPartner.$get.getQueryData(m);if(e&&x){let n=e.body.filter(e=>e.button!=t),o=e.body.findIndex(e=>e.button==t),i=e.body[o].button==x.button,a=0==o;return i?a||g(t=>t-1):g(n.findIndex(t=>t.button==x.button)),s.Ub.buttonForPartner.$get.setQueryData(m,{},{status:e.status,headers:e.headers,body:n}),{previousButtons:e,isRemovingCurrent:i,isRemovingFirst:a,prevIndex:h}}},onError(t,e,n){n&&(n.isRemovingCurrent?n.isRemovingFirst||g(t=>t+1):g(n.prevIndex),s.Ub.buttonForPartner.$get.setQueryData(m,{},n.previousButtons))}}),v=(0,r.D)(async()=>{if(!n)return null;let t=await s.Ub.buttonForPartner.$post();if(t.success)return t.body;throw t.error},{onSuccess(t){let e=s.Ub.buttonForPartner.$get.getQueryData(m);e&&s.Ub.buttonForPartner.$get.setQueryData(m,{},{status:e.status,headers:e.headers,body:[...e.body,null!=t?t:{...U,button:Date.now().toString(),buttonName:"Button ".concat(e.body.length+1)}]})}}),j=t=>{x&&w.mutate({button:x.button,...t})};return(0,o.jsx)(c.ZP,{preview:(0,o.jsx)(c.MB,{dark:(null==x?void 0:x.color)=="light",withShadows:!n,loading:u.isInitialLoading,children:x&&(0,o.jsx)(l.Fragment,{children:(0,d.ZP)(p(x))},x.color)}),tabs:{title:n?void 0:"Customize your button",content:(0,o.jsx)(f,{pp:n,selectedButtonIndex:h,buttons:u.data,onUpdate:j,onButtonSelect:t=>{var e;let n=null===(e=u.data)||void 0===e?void 0:e.findIndex(e=>e.button==t);void 0!=n&&-1!=n&&g(n)},creating:v.isLoading,onButtonAdd:()=>{v.mutate()},onButtonDelete:t=>{y.mutate(t)},onButtonRename:(t,e)=>{w.mutate({button:t,buttonName:e})}}),code:(0,o.jsx)(b,{button:x,pp:n}),design:(0,o.jsx)(P,{button:x,onUpdate:j})}})}},42255:function(t,e,n){"use strict";n.r(e),n.d(e,{__N_SSG:function(){return f},default:function(){return m}});var o=n(38400),i=n(95635),a=n(35264),r=n.n(a),d=n(18250),l=n(14419),s=n(86237),c=n(14742),u=n(58540),p=n(55868),h=n(7903),b=n(80224),g=n(48120);let x=[{id:1,image:{lightSrc:d.Z,darkSrc:{src:"/_next/static/media/how-step-1-dark.29ae07bf.svg",height:60,width:60,blurWidth:0,blurHeight:0}},title:"Step 1",subTitle:"Place exchange button on your website"},{id:2,image:{lightSrc:s.Z,darkSrc:l.Z},title:"Step 2",subTitle:"Turn your sessions into 0.4% profit from every swap"},{id:3,image:{lightSrc:u.Z,darkSrc:c.Z},title:"Step 3",subTitle:"Get paid out in BTC through the Partner Profile"}];var f=!0,m=(0,i.j5)(t=>{let{...e}=t;return(0,o.jsxs)(b.I2,{...e,children:[(0,o.jsx)(r(),{children:(0,g.F)("Partner Profile — Button | StealthEX.io","Join StealthEX Affiliate Program and find out how to earn profit from each crypto exchange — Button")}),(0,o.jsx)(p.Ae,{}),(0,o.jsx)(h.Z,{pp:!0}),(0,o.jsx)(p.PO,{steps:x}),(0,o.jsx)(p.Fc,{fee:.4})]})})}},function(t){t.O(0,[4121,6560,2359,1293,3546,2234,3780,3104,1107,224,7510,2888,9774,179],function(){return t(t.s=83634)}

1),_N_E=t.O()}]);