https://www.extrapointsmb.com/assets/PricingSkeleton-b9VHjB7R.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]="b3fc3493-2db6-5fad-8cf7-c2c8cb9ee1f9")}catch(e){}}();
3import{s as e,t}from"./jsx-runtime-D4ePz0Hl.js";import{t as n}from"./react-BXH-GOAS.js";import{D as r,N as i,R as a,f as o,l as s}from"./components-CDo3yjgw.js";import{t as c}from"./Trans-tHiUt0Wm.js";import{t as l}from"./useTranslation-xRzBcOIb.js";import{t as u}from"./classnames-B9Sa-P4w.js";import{t as d}from"./stytch-CmmoOQzG.js";import{n as f}from"./community-Bclg0n5L.js";import{n as ee}from"./CsrfContext-ByWWfcRz.js";import{z as te}from"./QueryClientProvider-Cdu2unP4.js";import{i as ne}from"./nectarTrackingFields-BN5KBl15.js";import{i as p,r as re,t as m}from"./nectarPageBlock-Dhr05eLZ.js";import{n as h}from"./transition-B4qu-R77.js";import{l as g}from"./useCommunityPosts-D77QtiKW.js";import{t as _}from"./XMarkIcon-DmEhIDFO.js";import{t as ie,u as ae}from"./SignupAction-4PkHGLMJ.js";import{i as oe,n as se,o as v}from"./ActionForm-ubtCpxTm.js";import{t as y}from"./CommunityMemberActionsProvider-CxjYyBf-.js";import{n as b,t as x}from"./BottomSheetDialog-DcPGSOIu.js";import{r as S,t as C}from"./PillButton-DKmaS7V0.js";import{n as ce,t as le}from"./getFullCommunityName-D1FaVagz.js";import{t as w}from"./Dialog-CMOTIGCZ.js";import{n as T}from"./Avatar-BIBwmBTY.js";import{t as E}from"./useCommunityLogoUrl-aJXeAVzG.js";var D=e(n());function O({title:e,titleId:t,...n},r){return D.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?D.createElement(`title`,{id:t},e):null,D.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z`}))}var k=D.forwardRef(O),A=e(t(),1);function j({isOpen:e,onOpenChange:t,isLoading:n,children:r,showCloseButton:i,hideOverflow:a}){return(0,A.jsx)(v,{isOpen:e,onClose:e=>{n||t?.(e)},className:`shadow-lg overflow-hidden sm:rounded-md`,style:{"--overlay-background-color":`#00000030`,"--modal-close-button-color":void 0,"--modal-close-button-placement-top":`24px`,"--modal-close-button-placement-right":`24px`},showRoundedBorders:!1,showCloseButton:i,shouldCloseOnOutsideClick:!n,hideOverflow:a,overlayClassName:`!z-[999]`,children:r})}var M=e=>!(!e||!e.startsWith(`/`)||e[1]===`/`||e[1]===`\\`),N=()=>typeof window>`u`?`/login`:`/login?postSlug=${encodeURIComponent(window.location.pathname)}`,P=(e,t)=>{if(typeof document>`u`)return;if(e&&t)try{let n=new URL(e.url);if((e.modal_param||n.searchParams.get(`modal`))===`login`||n.pathname===`/login`){let e=new URL(t.url);return t.modal_param&&e.searchParams.set(`modal`,t.modal_param),`${document.location.origin}${e.pathname}${e.search}`}}catch{}let n=new URLSearchParams(document.location.search),r=n.get(`postSlug`);n.delete(`modal`),n.delete(`postSlug`);let i=M(r)?r:document.location.pathname,a=n.toString();return a?`${document.location.origin}${i}?${a}`:`${document.location.origin}${i}`};function F(e){let t=e.replace(`#`,``).trim().toLowerCase();return t.length===6&&/^[0-9a-f]+$/.test(t)?t:t.length===8&&/^[0-9a-f]+$/.test(t)?t.slice(0,6):t.length===3&&/^[0-9a-f]+$/.test(t)||t.length===4&&/^[0-9a-f]+$/.test(t)?t[0]+t[0]+t[1]+t[1]+t[2]+t[2]:null}function I(e){let t=e.match(/#([0-9a-fA-F]{3,8})\b/g);return t&&t.length>0?F(t[0]):null}function L(e){let t=Number.parseInt(e.slice(0,2),16)/255,n=Number.parseInt(e.slice(2,4),16)/255,r=Number.parseInt(e.slice(4,6),16)/255,i=t<=.03928?t/12.92:((t+.055)/1.055)**2.4,a=n<=.03928?n/12.92:((n+.055)/1.055)**2.4,o=r<=.03928?r/12.92:((r+.055)/1.055)**2.4;return .2126*i+.7152*a+.0722*o}function R(e){if(!e||typeof e!=`string`)return null;let t=F(e);return!t&&e.toLowerCase().includes(`gradient`)&&(t=I(e)),t}function z(e,t){let n=R(e),r=R(t);if(!n||!r)return null;let i=L(n),a=L(r),o=Math.max(i,a),s=Math.min(i,a);return(o+.05)/(s+.05)}var B=2;function V(e,t){let n=z(e,t);return n===null?!1:n>=B}function H(e){if(!e||typeof e!=`string`)return`#000000`;let t=F(e);return!t&&e.toLowerCase().includes(`gradient`)&&(t=I(e)),t?L(t)>.5?`#000000`:`#FFFFFF`:`#000000`}var U=()=>{let{t:e}=l();return{consentText:e(`shared.cta.gdpr_signup_consent`)||`I consent to receive newsletters via email.`,termsOfUseText:e(`footer.terms_of_use`)||`Terms of Use`,privacyPolicyText:e(`footer.privacy_policy`)||`Privacy Policy`,andText:e(`shared.cta.and`)||`and`,consentTextVariantTwo:`${e(`shared.cta.gdpr_signup_consent`)} ${e(`shared.cta.sign_up`)}`||`I consent to receive newsletters via Email. Signup`,termsOfServiceText:e(`meta.titles.tos`)||`Terms of Service`,chooseNewslettersText:e(`shared.cta.choose_newsletters`)||`Choose your newsletters`,selectAllText:e(`shared.cta.select_all`)||`Select all`}},W=async({publication_id:e,email:t,redirect_to:n})=>{let r=new FormData;return r.append(`publication_id`,e),r.append(`email`,t),r.append(`redirect_to`,n),r.append(`should_return_redirect_url`,`true`),await(await fetch(`/authenticate/sso_redirect`,{method:`POST`,body:r})).json()},G=({checked:e,onChange:t})=>(0,A.jsxs)(`label`,{className:`flex w-full cursor-pointer items-start gap-2 text-left text-[13px] leading-5 text-black/60`,children:[(0,A.jsx)(`input`,{type:`checkbox`,name:`community_terms_accepted`,value:`true`,checked:e,onChange:e=>t(e.target.checked),required:!0,className:`mt-0.5 h-4 w-4 shrink-0 cursor-pointer rounded border border-gray-300 accent-black`}),(0,A.jsx)(`span`,{children:(0,A.jsx)(c,{i18nKey:`community.join.terms_consent`,components:{termsLink:(0,A.jsx)(`a`,{href:`https://www.beehiiv.com/community-terms`,target:`_blank`,rel:`noreferrer`,className:`underline underline-offset-1 hover:opacity-80`,onClick:e=>e.stopPropagation()})}})})]}),K=e(u(),1),q=({className:e,...t})=>(0,A.jsx)(`input`,{className:(0,K.default)(`h-12 w-full rounded-full border border-black/10 bg-black/5 px-4 text-[16px] font-medium leading-4 tracking-[-0.13px] text-black outline-none ring-0 placeholder:text-black/30 sm:text-[13px] sm:focus:text-[13px]`,`transition-colors duration-150 hover:border-black/20 focus:border-black/30 focus:bg-black/[0.07]`,e),...t}),J=({imageUrl:e,imageAlt:t,title:n,description:r,className:i})=>{let a=b();return(0,A.jsxs)(`div`,{className:(0,K.default)(`flex w-full flex-col items-center gap-8`,i),children:[e&&(0,A.jsx)(`img`,{src:T(e,128),alt:t,className:`h-16 w-auto rounded-md object-contain`}),(0,A.jsxs)(`div`,{className:`flex w-full flex-col items-center gap-[11px] text-center`,children:[(0,A.jsx)(h.Title,{as:`h2`,className:(0,K.default)(`font-semibold text-black`,{"text-2xl leading-7":a,"text-[28px] leading-8 tracking-[-0.56px]":!a}),children:n}),r&&(0,A.jsx)(`p`,{className:`text-[15px] leading-5 text-black/50`,children:r})]})]})},Y=({onClose:e,label:t,className:n})=>(0,A.jsx)(`button`,{type:`button`,onClick:e,className:(0,K.default)(`group flex items-center justify-center rounded-full transition-colors duration-150 hover:bg-black/5 active:scale-95`,n),"aria-label":t,children:(0,A.jsx)(_,{className:`size-6 text-black opacity-50 transition-opacity duration-150 group-hover:opacity-80`,"aria-hidden":`true`})}),X=({isOpen:e,onClose:t,title:n,description:r,closeLabel:i,publicationName:a,children:o,footer:s,disableInitialTransition:c=!1})=>{let l=b(),u=(0,A.jsxs)(`div`,{className:`flex w-full max-w-[320px] flex-col items-center gap-8`,children:[(0,A.jsx)(J,{imageUrl:E(),imageAlt:`${a} logo`,title:n,description:r}),o,s]});return l?(0,A.jsxs)(x,{isOpen:e,onClose:t,disableInitialTransition:c,absolutePanel:!0,panelClassName:`flex flex-col overflow-hidden bg-white shadow-xl`,children:[(0,A.jsx)(`div`,{className:`flex h-14 shrink-0 items-center justify-end py-2 pl-3 pr-2`,children:(0,A.jsx)(Y,{onClose:t,label:i,className:`p-2`})}),(0,A.jsx)(`div`,{className:`flex flex-col items-center px-6 py-10`,children:u})]}):(0,A.jsxs)(w,{isOpen:e,onClose:t,disableInitialTransition:c,containerClassName:f,className:`relative flex w-full max-w-[460px] min-h-[520px] flex-col rounded-[24px] bg-white shadow-xl`,children:[(0,A.jsx)(Y,{onClose:t,label:i,className:`absolute right-4 top-4 size-8`}),(0,A.jsx)(`div`,{className:`flex flex-1 flex-col items-center justify-center px-6 py-8 sm:px-16`,children:u})]})},ue={join:{titleKey:`community.join.title`,descriptionKey:`community.join.email_prompt`,closeKey:`community.join.

3close`,footerPromptKey:`community.join.already_member`,footerCtaKey:`shared.cta.sign_in`,formId:`community-signup-form`},login:{titleKey:`community.login.title`,descriptionKey:`community.login.email_prompt`,closeKey:`community.login.close`,footerPromptKey:`community.login.not_a_member`,footerCtaKey:`community.join.cta`,formId:`community-signin-form`}},de={...ue.login,titleKey:`community.login.verify_title`,descriptionKey:`community.login.verify_email_prompt`},Z=({mode:e,isOpen:t,onClose:n,onSwitchMode:c,isLoggedIn:u,publicationName:f,community:h,publicationId:g,redirectTo:_})=>{let{t:v}=l(),y=ee(),{site:b}=o(`root`),x=U(),w=a(),[T]=r(),E=i(),O=s(),[k,j]=(0,D.useState)(``),[M,N]=(0,D.useState)(!1),[P,F]=(0,D.useState)(!1),[I,L]=(0,D.useState)(void 0),R=(0,D.useRef)(!1),[z,B]=(0,D.useState)(null),[V,H]=(0,D.useState)(!1),K=e===`login`&&T.get(`upgrade_return`)===`1`?de:ue[e],J=le(h),Y=oe(k.trim())&&!!g,Z=O.state!==`idle`,Q=!(h?.tier_gated&&!h.community_accessible),{terms_of_service_enabled:$,terms_of_service:fe,terms_of_service_text:pe}=b.viewable_site_version.settings,me=u&&e===`join`,he=me?J:v(K.titleKey,{communityName:J}),ge=me?ce(h,v):v(K.descriptionKey);(0,D.useEffect)(()=>{t||(j(``),N(!1),F(!1),B(null),H(!1),R.current=!1)},[t]),(0,D.useEffect)(()=>{if(!t||e!==`login`)return;let n=se();n&&j(n)},[t,e]),(0,D.useEffect)(()=>{if(O.state!==`idle`){R.current=!1;return}if(O.data){if(O.data.ok){if(R.current)return;R.current=!0,n(),w.revalidate();return}B(O.data.message??v(`errors.default`))}},[O.state,O.data,n,w,v]),(0,D.useEffect)(()=>{t&&!u&&d().then(L)},[t,u]);let _e=async()=>{B(null);let e=new FormData;e.append(`intent`,`join`),y&&e.append(`csrf`,y),e.append(`community_terms_accepted`,`true`);let t=await d();t&&e.append(`stytch_telemetry_id`,t),te(e,re(T.get(ne))),O.submit(e,{method:`post`,action:`/community_membership`})},ve=async e=>{if(e.preventDefault(),g){B(null),H(!0);try{let{redirect_url:e}=await W({publication_id:g,email:k.trim(),redirect_to:_});if(!e)throw Error(`sso_redirect returned no url`);E(e)}catch{B(v(`errors.default`)),H(!1)}}},ye=u?void 0:(0,A.jsxs)(`p`,{className:`text-center text-[13px] leading-6 text-black/50`,children:[v(K.footerPromptKey),` `,(0,A.jsx)(`button`,{type:`button`,onClick:c,className:`underline transition-colors duration-150 hover:text-black`,children:v(K.footerCtaKey)})]});return(0,A.jsx)(X,{isOpen:t,onClose:n,title:he,description:ge,closeLabel:v(K.closeKey),publicationName:f,footer:ye,children:u?(0,A.jsxs)(`div`,{className:`flex w-full flex-col gap-4`,children:[z&&(0,A.jsx)(`p`,{className:`text-sm text-red-600`,children:z}),(0,A.jsx)(G,{checked:M,onChange:N}),(0,A.jsx)(C,{variant:`primary`,size:`lg`,fullWidth:!0,onClick:_e,disabled:Z||!M,className:S,...m(p.CommunityJoinModal),children:v(Z?`shared.actions.submitting`:`community.join.cta`)})]}):e===`login`?(0,A.jsxs)(`form`,{id:K.formId,onSubmit:ve,className:`flex w-full flex-col gap-4`,children:[z&&(0,A.jsx)(`p`,{className:`text-sm text-red-600`,children:z}),(0,A.jsx)(q,{type:`email`,name:`email`,inputMode:`email`,autoComplete:`email`,autoCapitalize:`none`,autoCorrect:`off`,value:k,onChange:e=>j(e.target.value),placeholder:v(`subscribe.email_placeholder`)}),(0,A.jsx)(C,{type:`submit`,variant:`primary`,size:`lg`,fullWidth:!0,disabled:!Y||V,className:S,children:v(V?`shared.actions.submitting`:`shared.cta.continue`)})]}):(0,A.jsx)(ie,{id:K.formId,shouldSkipRedirectsAfterSuccess:!0,redirectUrl:_,disableSparkLoop:!0,children:({emailFieldName:e,emailFieldType:t})=>(0,A.jsxs)(`div`,{className:`flex w-full flex-col gap-4`,children:[(0,A.jsx)(`input`,{type:`hidden`,value:`true`,name:`send_otp_after_subscribe`}),(0,A.jsx)(`input`,{type:`hidden`,value:Q?`true`:`false`,name:`join_community`}),(0,A.jsx)(`input`,{type:`hidden`,name:`stytch_telemetry_id`,value:I??``}),(0,A.jsx)(q,{type:t,name:e,inputMode:`email`,autoComplete:`email`,autoCapitalize:`none`,autoCorrect:`off`,value:k,onChange:e=>j(e.target.value),placeholder:v(`subscribe.email_placeholder`)}),$&&(0,A.jsx)(`div`,{className:`w-full`,onChange:e=>{let t=e.target;t.name===`tos_consent`&&F(t.checked)},style:{"--gdpr-text-color":`rgba(0, 0, 0, 0.5)`,"--gdpr-checkbox-color":`#000000`},children:(0,A.jsx)(ae,{hasCustomTermsOfService:fe,customTermsOfServiceText:pe||void 0,defaultTOSConsentValue:!1,gdprTranslations:x})}),(0,A.jsx)(G,{checked:M,onChange:N}),(0,A.jsx)(C,{type:`submit`,variant:`primary`,size:`lg`,fullWidth:!0,disabled:!Y||!M||$&&!P,className:S,...m(p.CommunityJoinModal),children:v(`shared.cta.continue`)})]})})})},Q=({children:e})=>(0,A.jsx)(y,{children:(0,A.jsx)(g,{children:e})}),$=({node:e})=>{let t=Math.min(Math.max(e.attrs?.data?.length??1,1),3);return(0,A.jsx)(`div`,{className:`flex w-full flex-wrap justify-center gap-6 py-8`,"aria-hidden":`true`,children:Array.from({length:t},(e,t)=>(0,A.jsx)(`div`,{className:`h-96 w-80 max-w-full animate-pulse rounded-xl bg-black/5`},t))})};export{Y as a,W as c,V as d,N as f,k as g,j as h,X as i,U as l,M as m,Q as n,J as o,P as p,Z as r,G as s,$ as t,H as u};
4//# sourceMappingURL=PricingSkeleton-b9VHjB7R.js.map
5//# debugId=b3fc3493-2db6-5fad-8cf7-c2c8cb9ee1f9