https://www.polypassport.com/assets/referrals-zZZ4cJbg.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="6df3e54a-0bf0-5330-b5f6-303674e6c250")}catch(e){}}();
3import{a as e,t}from"./jsx-runtime-CMgEUHpv.js";import{V as n}from"./dist-CAHjj65Z.js";import{t as r}from"./useTranslation-BymTnaHx.js";import{r as i}from"./dist-CrEJxMHP.js";import{t as a}from"./classnames-PxzWHlFm.js";import{t as o}from"./Text-B4PqLHDw.js";import{t as s}from"./CheckCircleIcon-CG1PtRbr.js";import{t as c}from"./Image-B1Otrzxn.js";import{g as l,h as u,i as d,l as f,m as p,p as m,r as h,t as g,u as _}from"./render-D-6lIDot.js";import{n as v,t as y}from"./keyboard-BynAefDg.js";import{a as b,d as x,i as S,n as C,r as w}from"./focus-management-zpJZeZqO.js";import{t as T}from"./use-resolve-button-type-FJ7Z2j9u.js";import{n as E,t as D}from"./hidden-tfADjw18.js";import{t as O}from"./use-is-mounted-TyQM_Dzp.js";import{t as k}from"./usePublication-i2rJD5VI.js";import{t as A}from"./ProgressIndicator-tdz9wH2C.js";import{t as j}from"./useTypedLoaderData-p1j97aJ6.js";import{n as M,t as N}from"./getMergedMetaData-BX84vd1a.js";var P=e(n());function F({title:e,titleId:t,...n},r){return P.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?P.createElement(`title`,{id:t},e):null,P.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z`}))}var I=P.forwardRef(F);function L({onFocus:e}){let[t,n]=(0,P.useState)(!0),r=O();return t?P.createElement(E,{as:`button`,type:`button`,features:D.Focusable,onFocus:t=>{t.preventDefault();let i,a=50;function o(){if(a--<=0){i&&cancelAnimationFrame(i);return}if(e()){if(cancelAnimationFrame(i),!r.current)return;n(!1);return}i=requestAnimationFrame(o)}i=requestAnimationFrame(o)}}):null}var R=P.createContext(null);function ee(){return{groups:new Map,get(e,t){let n=this.groups.get(e);n||(n=new Map,this.groups.set(e,n));let r=n.get(t)??0;n.set(t,r+1);let i=Array.from(n.keys()).indexOf(t);function a(){let e=n.get(t);e>1?n.set(t,e-1):n.delete(t)}return[i,a]}}}function z({children:e}){let t=P.useRef(ee());return P.createElement(R.Provider,{value:t},e)}function B(e){let t=P.useContext(R);if(!t)throw Error(`You must wrap your component in a <StableCollection>`);let n=V(),[r,i]=t.current.get(e,n);return P.useEffect(()=>i,[]),r}function V(){let e=P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current??null;if(!e)return Symbol();let t=[],n=e;for(;n;)t.push(n.index),n=n.return;return`$.`+t.join(`.`)}var te=(e=>(e[e.Forwards=0]=`Forwards`,e[e.Backwards=1]=`Backwards`,e))(te||{}),ne=(e=>(e[e.Less=-1]=`Less`,e[e.Equal=0]=`Equal`,e[e.Greater=1]=`Greater`,e))(ne||{}),re=(e=>(e[e.SetSelectedIndex=0]=`SetSelectedIndex`,e[e.RegisterTab=1]=`RegisterTab`,e[e.UnregisterTab=2]=`UnregisterTab`,e[e.RegisterPanel=3]=`RegisterPanel`,e[e.UnregisterPanel=4]=`UnregisterPanel`,e))(re||{}),ie={0(e,t){let n=C(e.tabs,e=>e.current),r=C(e.panels,e=>e.current),i=n.filter(e=>{var t;return!((t=e.current)!=null&&t.hasAttribute(`disabled`))}),a={...e,tabs:n,panels:r};if(t.index<0||t.index>n.length-1){let r=_(Math.sign(t.index-e.selectedIndex),{[-1]:()=>1,0:()=>_(Math.sign(t.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});if(i.length===0)return a;let o=_(r,{0:()=>n.indexOf(i[0]),1:()=>n.indexOf(i[i.length-1])});return{...a,selectedIndex:o===-1?e.selectedIndex:o}}let o=n.slice(0,t.index),s=[...n.slice(t.index),...o].find(e=>i.includes(e));if(!s)return a;let c=n.indexOf(s)??e.selectedIndex;return c===-1&&(c=e.selectedIndex),{...a,selectedIndex:c}},1(e,t){if(e.tabs.includes(t.tab))return e;let n=e.tabs[e.selectedIndex],r=C([...e.tabs,t.tab],e=>e.current),i=e.selectedIndex;return e.info.current.isControlled||(i=r.indexOf(n),i===-1&&(i=e.selectedIndex)),{...e,tabs:r,selectedIndex:i}},2(e,t){return{...e,tabs:e.tabs.filter(e=>e!==t.tab)}},3(e,t){return e.panels.includes(t.panel)?e:{...e,panels:C([...e.panels,t.panel],e=>e.current)}},4(e,t){return{...e,panels:e.panels.filter(e=>e!==t.panel)}}},H=(0,P.createContext)(null);H.displayName=`TabsDataContext`;function U(e){let t=(0,P.useContext)(H);if(t===null){let t=Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,U),t}return t}var W=(0,P.createContext)(null);W.displayName=`TabsActionsContext`;function G(e){let t=(0,P.useContext)(W);if(t===null){let t=Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,G),t}return t}function K(e,t){return _(t.type,ie,e,t)}var q=P.Fragment;function J(e,t){let{defaultIndex:n=0,vertical:r=!1,manual:i=!1,onChange:a,selectedIndex:o=null,...s}=e,c=r?`vertical`:`horizontal`,d=i?`manual`:`auto`,m=o!==null,h=u({isControlled:m}),_=f(t),[v,y]=(0,P.useReducer)(K,{info:h,selectedIndex:o??n,tabs:[],panels:[]}),b=(0,P.useMemo)(()=>({selectedIndex:v.selectedIndex}),[v.selectedIndex]),x=u(a||(()=>{})),S=u(v.tabs),w=(0,P.useMemo)(()=>({orientation:c,activation:d,...v}),[c,d,v]),T=p(e=>(y({type:1,tab:e}),()=>y({type:2,tab:e}))),E=p(e=>(y({type:3,panel:e}),()=>y({type:4,panel:e}))),D=p(e=>{O.current!==e&&x.current(e),m||y({type:0,index:e})}),O=u(m?e.selectedIndex:v.selectedIndex),k=(0,P.useMemo)(()=>({registerTab:T,registerPanel:E,change:D}),[]);l(()=>{y({type:0,index:o??n})},[o]),l(()=>{if(O.current===void 0||v.tabs.length<=0)return;let e=C(v.tabs,e=>e.current);e.some((e,t)=>v.tabs[t]!==e)&&D(e.indexOf(v.tabs[O.current]))});let A={ref:_};return P.createElement(z,null,P.createElement(W.Provider,{value:k},P.createElement(H.Provider,{value:w},w.tabs.length<=0&&P.createElement(L,{onFocus:()=>{var e;

3for(let t of S.current)if(t.current?.tabIndex===0)return(e=t.current)==null||e.focus(),!0;return!1}}),g({ourProps:A,theirProps:s,slot:b,defaultTag:q,name:`Tabs`}))))}var ae=`div`;function oe(e,t){let{orientation:n,selectedIndex:r}=U(`Tab.List`);return g({ourProps:{ref:f(t),role:`tablist`,"aria-orientation":n},theirProps:e,slot:{selectedIndex:r},defaultTag:ae,name:`Tabs.List`})}var se=`button`;function ce(e,t){let n=v(),{id:r=`headlessui-tabs-tab-${n}`,...i}=e,{orientation:a,activation:o,selectedIndex:s,tabs:c,panels:u}=U(`Tab`),d=G(`Tab`),h=U(`Tab`),C=(0,P.useRef)(null),E=f(C,t);l(()=>d.registerTab(C),[d,C]);let D=B(`tabs`),O=c.indexOf(C);O===-1&&(O=D);let k=O===s,A=p(e=>{let t=e();if(t===S.Success&&o===`auto`){let e=x(C)?.activeElement,t=h.tabs.findIndex(t=>t.current===e);t!==-1&&d.change(t)}return t}),j=p(e=>{let t=c.map(e=>e.current).filter(Boolean);if(e.key===y.Space||e.key===y.Enter){e.preventDefault(),e.stopPropagation(),d.change(O);return}switch(e.key){case y.Home:case y.PageUp:return e.preventDefault(),e.stopPropagation(),A(()=>b(t,w.First));case y.End:case y.PageDown:return e.preventDefault(),e.stopPropagation(),A(()=>b(t,w.Last))}if(A(()=>_(a,{vertical(){return e.key===y.ArrowUp?b(t,w.Previous|w.WrapAround):e.key===y.ArrowDown?b(t,w.Next|w.WrapAround):S.Error},horizontal(){return e.key===y.ArrowLeft?b(t,w.Previous|w.WrapAround):e.key===y.ArrowRight?b(t,w.Next|w.WrapAround):S.Error}}))===S.Success)return e.preventDefault()}),M=(0,P.useRef)(!1),N=p(()=>{var e;M.current||(M.current=!0,(e=C.current)==null||e.focus({preventScroll:!0}),d.change(O),m(()=>{M.current=!1}))}),F=p(e=>{e.preventDefault()}),I=(0,P.useMemo)(()=>({selected:k,disabled:e.disabled??!1}),[k,e.disabled]);return g({ourProps:{ref:E,onKeyDown:j,onMouseDown:F,onClick:N,id:r,role:`tab`,type:T(e,C),"aria-controls":u[O]?.current?.id,"aria-selected":k,tabIndex:k?0:-1},theirProps:i,slot:I,defaultTag:se,name:`Tabs.Tab`})}var le=`div`;function ue(e,t){let{selectedIndex:n}=U(`Tab.Panels`),r=f(t),i=(0,P.useMemo)(()=>({selectedIndex:n}),[n]);return g({ourProps:{ref:r},theirProps:e,slot:i,defaultTag:le,name:`Tabs.Panels`})}var de=`div`,fe=h.RenderStrategy|h.Static;function pe(e,t){var n,r;let i=v(),{id:a=`headlessui-tabs-panel-${i}`,tabIndex:o=0,...s}=e,{selectedIndex:c,tabs:u,panels:d}=U(`Tab.Panel`),p=G(`Tab.Panel`),m=(0,P.useRef)(null),h=f(m,t);l(()=>p.registerPanel(m),[p,m,a]);let _=B(`panels`),y=d.indexOf(m);y===-1&&(y=_);let b=y===c,x=(0,P.useMemo)(()=>({selected:b}),[b]),S={ref:h,id:a,role:`tabpanel`,"aria-labelledby":u[y]?.current?.id,tabIndex:b?o:-1};return!b&&((n=s.unmount)==null||n)&&!((r=s.static)!=null&&r)?P.createElement(E,{as:`span`,"aria-hidden":`true`,...S}):g({ourProps:S,theirProps:s,slot:x,defaultTag:de,features:fe,visible:b,name:`Tabs.Panel`})}var me=d(ce),he=d(J),ge=d(oe),_e=d(ue),Y=d(pe),X=Object.assign(me,{Group:he,List:ge,Panels:_e,Panel:Y}),Z=e(a(),1),Q=t(),$=({title:e,description:t})=>(0,Q.jsxs)(`div`,{className:`flex w-full flex-col space-y-0.5`,children:[(0,Q.jsx)(o,{as:`h3`,type:`title`,theme:`default`,className:`break-words text-lg leading-tight tracking-normal text-gray-900 sm:text-xl`,children:e}),(0,Q.jsx)(o,{as:`p`,type:`body`,theme:`default`,className:`mt-1 max-w-2xl text-sm tracking-wide text-gray-500 opacity-75 sm:text-sm`,children:t})]}),ve=({referrals:e})=>{let{t}=r();return(0,Q.jsx)(`div`,{className:`mb-4 flex w-full items-center justify-between space-y-4 pb-8`,children:(0,Q.jsxs)(`div`,{className:`w-full space-y-4`,children:[(0,Q.jsx)($,{title:t(`referrals.breakdown.title`),description:t(`referrals.description`)}),(0,Q.jsxs)(X.Group,{children:[(0,Q.jsxs)(X.List,{className:`flex w-full space-x-4 border-b border-gray-200 pb-2`,children:[(0,Q.jsx)(X,{children:({selected:n})=>(0,Q.jsxs)(`span`,{className:(0,Z.default)(`flex rounded-md px-3 py-2 text-sm font-medium`,n?`bg-gray-100 text-gray-700`:`text-gray-500 hover:text-gray-700`),children:[t(`referrals.breakdown.confirmed`),` `,(0,Q.jsx)(`div`,{className:`ml-2 rounded-full bg-gray-300 px-1 text-sm text-gray-900`,children:e.confirmed.length})]})}),(0,Q.jsx)(X,{children:({selected:n})=>(0,Q.jsxs)(`span`,{className:(0,Z.default)(`flex rounded-md px-3 py-2 text-sm font-medium`,n?`bg-gray-100 text-gray-700`:`text-gray-500 hover:text-gray-700`),children:[t(`referrals.breakdown.pending`),(0,Q.jsx)(`div`,{className:`ml-2 roun

3ded-full bg-gray-300 px-1 text-sm text-gray-900`,children:e.pending.length})]})})]}),(0,Q.jsxs)(X.Panels,{children:[(0,Q.jsx)(X.Panel,{children:e.confirmed.length>0?(0,Q.jsx)(`div`,{className:`mt-4 max-h-80 overflow-auto bg-white shadow sm:rounded-md`,children:(0,Q.jsx)(`ul`,{className:`divide-y divide-gray-200`,children:e.confirmed.map(e=>(0,Q.jsx)(`li`,{children:(0,Q.jsx)(`div`,{className:`px-4 py-4 sm:px-6`,children:(0,Q.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,Q.jsx)(`p`,{className:`truncate text-sm font-medium text-gray-600`,children:e})})})},e))})}):(0,Q.jsx)(`p`,{className:`mt-4 truncate text-sm font-medium text-gray-600`,children:t(`referrals.breakdown.no_confirmed`)})}),(0,Q.jsx)(X.Panel,{children:e.pending.length>0?(0,Q.jsx)(`div`,{className:`mt-4 overflow-hidden bg-white shadow sm:rounded-md`,children:(0,Q.jsx)(`ul`,{className:`divide-y divide-gray-200`,children:e.pending.map(e=>(0,Q.jsx)(`li`,{children:(0,Q.jsx)(`span`,{className:`block hover:bg-gray-50`,children:(0,Q.jsx)(`div`,{className:`px-4 py-4 sm:px-6`,children:(0,Q.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,Q.jsx)(`p`,{className:`truncate text-sm font-medium text-gray-600`,children:e})})})})},e))})}):(0,Q.jsx)(`p`,{className:`mt-4 truncate text-sm font-medium text-gray-600`,children:t(`referrals.breakdown.no_pending`)})})]})]})]})})},ye=({name:e,description:t,disclaimer:n,image:i,isAchieved:a,prefixedArticle:l,numerator:u,denominator:d,showProgress:f})=>{let{t:p}=r();return(0,Q.jsxs)(`div`,{className:`relative`,children:[a&&(0,Q.jsx)(s,{className:`absolute -right-2 -top-2 z-10 h-6 w-6 text-green-500`}),(0,Q.jsxs)(`div`,{className:(0,Z.default)(`relative space-y-2 rounded-md border border-gray-200 p-4`,a?`opacity-50`:``),children:[(0,Q.jsx)(`div`,{className:`flex justify-between`,children:(0,Q.jsxs)(`div`,{className:`flex w-fit flex-col space-x-0 sm:w-full sm:flex-row sm:space-x-4`,children:[(0,Q.jsx)(`div`,{className:`mb-4 h-24 w-24 rounded shadow-md`,children:(0,Q.jsx)(c,{src:i,className:`h-full rounded object-contain`,aspectRatio:`square`,maxWidth:200,widthClass:`w-24`,alt:``})}),(0,Q.jsxs)(`div`,{className:`w-full`,children:[(0,Q.jsx)(o,{as:`h4`,size:`lg`,weight:`semibold`,theme:`default`,className:`pb-1`,children:e}),(0,Q.jsx)(o,{as:`p`,size:`sm`,weight:`regular`,theme:`default`,className:`font-regular opacity-75`,children:t}),n&&(0,Q.jsx)(`div`,{className:`mt-2 rounded-md bg-blue-50 p-2`,children:(0,Q.jsxs)(`div`,{className:`flex`,children:[(0,Q.jsx)(`div`,{className:`flex-shrink-0`,children:(0,Q.jsx)(I,{className:`h-5 w-5 text-blue-700`,"aria-hidden":`true`})}),(0,Q.jsx)(`div`,{className:`ml-3 flex-1 md:flex md:justify-between`,children:(0,Q.jsxs)(`p`,{className:`text-sm text-blue-700`,children:[(0,Q.jsx)(`span`,{className:`font-medium`,children:`${p(`referrals.reward.disclaimer`)}:`}),` `,n]})})]})})]})]})}),(0,Q.jsxs)(`div`,{className:`flex flex-col items-end`,children:[(0,Q.jsxs)(`h4`,{className:`tracking-medium mb-1 h-fit text-lg font-bold leading-tight text-gray-900`,children:[u,`/`,d]}),(0,Q.jsx)(A,{variant:`reward`,currentProgress:Math.round(u/d*100)})]})]})]})},be=({rewards:e})=>{let{t}=r();return(0,Q.jsx)(`div`,{className:`mb-4 flex w-full items-center justify-between border-b border-gray-300 pb-8`,children:(0,Q.jsxs)(`div`,{className:`w-full space-y-4`,children:[(0,Q.jsx)($,{title:t(`referrals.reward.progress.title`),description:t(`referrals.description`)}),(0,Q.jsx)(`div`,{className:`space-y-8`,children:e.map(e=>(0,Q.jsx)(ye,{name:e.name,description:e.description,disclaimer:e.disclaimer,prefixedArticle:e.prefixed_article,image:e.image.thumb.url,isAchieved:e.is_achieved,numerator:e.num_referrals-e.num_referrals_until,denominator:e.num_referrals,showProgress:!0},e.id))})]})})},xe=()=>{let{t:e}=r();return async t=>{if(!navigator?.clipboard)return console.warn(e(`clipboard.warning`)),!1;try{return await navigator.clipboard.writeText(t),i.success(e(`clipboard.success`)),!0}catch(t){return console.warn(e(`clipboard.failure`),t),!1}}},Se=({referralLink:e,referralCount:t})=>{let n=xe(),i=k(),{t:a}=r();return(0,Q.jsxs)(`div`,{className:`mb-4 flex w-full flex-col justify-between space-y-4 border-b border-gray-300 pb-8 sm:flex-row sm:items-center sm:space-y-0`,children:[(0,Q.jsxs)(`div`,{className:`w-full max-w-sm space-y-2`,children:[(0,Q.jsx)($,{title:a(`referrals.share.title`,{name:i.name}),description:a(`referrals.share.description`)}),(0,Q.jsxs)(`div`,{className:`flex h-12 w-full`,children:[(0,Q.jsx)(`input`,{type:`email`,name:`email`,autoComplete:`email`,value:e,readOnly:!0,className:`h-full w-full rounded-l-wt border border-r-0 border-gray-200 bg-white px-5 text-sm font-light text-black placeholder-gray-400 outline-0 focus:text-sm`,placeholder:a(`subscribe.email_placeholder`)||``,pattern:`[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$`,required:!0}),(0,Q.jsx)(`input`,{onSubmit:e=>e.preventDefault(),onClick:()=>n(e),value:a(`shared.cta.copy`)||``,type:`button`,className:`wt-button-font block h-full w-fit cursor-pointer rounded-r-wt border border-wt-primary bg-wt-primary px-8 text-sm text-white`})]})]}),(0,Q.jsxs)(`div`,{className:`mx-auto -mb-2 w-fit sm:mx-0`,children:[(0,Q.jsx)(`div`,{className:`w-fit roun

3ded-t-md bg-wt-primary px-4 py-2`,children:(0,Q.jsx)(`div`,{className:`text-sm text-white`,children:a(`referrals.share.count`)})}),(0,Q.jsx)(`div`,{className:`flex items-center justify-center rounded-b-md border border-gray-200 py-4 text-4xl font-bold text-gray-900`,children:t})]})]})},Ce=({data:e,matches:t})=>{let n=t.find(e=>e.id===`root`)?.data?.publication,r=e?.metaTitle;return N({canonicalUrl:M(e?.requestUrl),matches:t,returnEarlyCheck:!r,overrides:{robots:`noindex`,title:r,description:`Help the ${n.name} community grow by sharing your referral link and earning rewards.`}})},we=()=>{let{referrals:e,referralCount:t,rewards:n,referralLink:r}=j();return(0,Q.jsxs)(`div`,{className:`mx-auto flex w-full max-w-2xl flex-col items-center px-4 py-8`,children:[(0,Q.jsx)(Se,{referralLink:r,referralCount:t}),(0,Q.jsx)(be,{rewards:n}),(0,Q.jsx)(ve,{referrals:e})]})};export{we as default,Ce as meta};
4//# sourceMappingURL=referrals-zZZ4cJbg.js.map
5//# debugId=6df3e54a-0bf0-5330-b5f6-303674e6c250