https://orthotw.com/assets/MasterclassCampaignPage-pBjYTiWX.js

1!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._posthogChunkIds=e._posthogChunkIds||{},e._posthogChunkIds[n]="01a0fe33-366a-7ce0-b308-25507df997d0")}catch(e){}}();const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index--l_H5Xc8.js","assets/chunk-OIYGIGL5-Db-H3rIF.js"])))=>i.map(i=>d[i]);
2var qe=Object.defineProperty;var ze=(t,e,l)=>e in t?qe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[e]=l;var ge=(t,e,l)=>ze(t,typeof e!="symbol"?e+"":e,l);import{p as fe,o as s,r as z}from"./chunk-OIYGIGL5-Db-H3rIF.js";import{b as Ue,L as $e,C as Le,u as He,K as Be}from"./AppShell-CCtR4E8l.js";import{B as Re,t as je}from"./PreviewAsVisitorContext-DwdT9hMI.js";import{I as he}from"./input-CLLYgkrf.js";import{j as De,_ as Qe}from"./posthog-CIcpjO8l.js";import{L as Ie}from"./lock-B7m0DoTB.js";import{P as Ve}from"./play-DElaf70E.js";import{S as Pe,a as Ae,s as We}from"./SiteHeader-BNMyXJSo.js";import{S as Te}from"./skeleton-C2NcAU9N.js";import{T as Ye}from"./textarea-ETJN-P6j.js";import"./useFeatureFlags-B55ocTtz.js";import"./AuthModalContext-CXJ1S0OL.js";import"./alert-BlFMcnzt.js";import"./circle-check-D5JQ9sWP.js";import"./search-fVoeA10w.js";const de="h-auto rounded-[3px] border-otw-border px-2.5 py-[9px] text-[13px] text-otw-navy shadow-none placeholder:text-otw-muted/70 md:text-[13px]";function ue(t){const e=fe.c(3),{htmlFor:l,children:i}=t;let m;return e[0]!==i||e[1]!==l?(m=s.jsx("label",{htmlFor:l,className:"font-bold text-[10px] text-otw-muted uppercase tracking-[0.1em]",children:i}),e[0]=i,e[1]=l,e[2]=m):m=e[2],m}function ve(t){const e=fe.c(2),{children:l}=t;let i;return e[0]!==l?(i=s.jsx("h2",{className:"border-otw-border border-b pb-2 font-bold font-sans text-[11px] text-otw-red uppercase tracking-[0.14em]",children:l}),e[0]=l,e[1]=i):i=e[1],i}const Fe=[{value:"surgeon",label:"Surgeon"},{value:"distributor",label:"Distributor"},{value:"hospital_admin",label:"Hospital/ASC Administrator"},{value:"industry",label:"Industry"},{value:"investor",label:"Investor"},{value:"other",label:"Other"}];Fe.map(t=>t.value);function pe(t,e,l={}){return De(e,{campaign_slug:t.campaignSlug,sponsor_name:t.sponsorName,masterclass_id:t.masterclassId,is_authenticated:t.isAuthenticated,...l})}function Ge(){if(typeof window>"u")return{};const t=new URLSearchParams(window.location.search);return{utm_source:t.get("utm_source"),utm_medium:t.get("utm_medium"),utm_campaign:t.get("utm_campaign"),utm_content:t.get("utm_content"),utm_term:t.get("utm_term"),referrer:document.referrer||null,landing_path:window.location.pathname}}const Ke=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,Ze={firstName:"",lastName:"",email:"",city:"",registrationType:null,registrationTypeOther:""};function we(){const t=fe.c(1);let e;return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=s.jsx("span",{className:"text-otw-red",children:" *"}),t[0]=e):e=t[0],e}function Xe(t){const e=fe.c(9),{id:l,name:i,label:m,checked:f,onSelect:r}=t;let k;e[0]!==f||e[1]!==l||e[2]!==i||e[3]!==r?(k=s.jsx("input",{id:l,type:"radio",name:i,checked:f,onChange:r,className:"size-3.5 accent-otw-red"}),e[0]=f,e[1]=l,e[2]=i,e[3]=r,e[4]=k):k=e[4];let T;return e[5]!==l||e[6]!==m||e[7]!==k?(T=s.jsxs("label",{htmlFor:l,className:"flex cursor-pointer items-center gap-2 text-[13px] text-otw-slate",children:[k,m]}),e[5]=l,e[6]=m,e[7]=k,e[8]=T):T=e[8],T}function Je(t){const e=fe.c(84),{sponsorName:l,analytics:i,account:m,ctaLabel:f,isSubmitting:r,serverError:k,onSubmit:T}=t,d=z.useId();let D;e[0]!==(m==null?void 0:m.email)?(D=()=>({...Ze,email:(m==null?void 0:m.email)??""}),e[0]=m==null?void 0:m.email,e[1]=D):D=e[1];const[o,p]=z.useState(D),[h,C]=z.useState(""),[Z,te]=z.useState(!1);let a;e[2]===Symbol.for("react.memo_cache_sentinel")?(a=function(be,Ne){p(_e=>({..._e,[be]:Ne})),C("")},e[2]=a):a=e[2];const n=a,c=o.registrationType==="other";let x;e[3]!==i||e[4]!==Z?(x=function(){Z||(te(!0),pe(i,"masterclass_form_started"))},e[3]=i,e[4]=Z,e[5]=x):x=e[5];const Q=x;let A;e[6]!==o||e[7]!==c||e[8]!==T?(A=function(be){be.preventDefault();const Ne=o.firstName.trim(),_e=o.lastName.trim(),ke=o.email.trim(),Ce=o.city.trim(),Ee=o.registrationTypeOther.trim();if(!Ne||!_e){C("First and last name are required.");return}if(!ke||!Ke.test(ke)){C("Please enter a valid email address.");return}if(!Ce){C("City is required.");return}if(!o.registrationType){C("Please select a registration type.");return}if(c&&!Ee){C("Please describe your registration type.");return}T({...o,firstName:Ne,lastName:_e,email:ke,city:Ce,registrationTypeOther:c?Ee:""})},e[6]=o,e[7]=c,e[8]=T,e[9]=A):A=e[9];const E=A,y=`${d}-first`;let $;e[10]===Symbol.for("react.memo_cache_sentinel")?($=s.jsx(we,{}),e[10]=$):$=e[10];let M;e[11]!==y?(M=s.jsxs(ue,{htmlFor:y,children:["First Name",$]}),e[11]=y,e[12]=M):M=e[12];const R=`${d}-first`;let U;e[13]===Symbol.for("react.memo_cache_sentinel")?(U=G=>n("firstName",G.target.value),e[13]=U):U=e[13];let F;e[14]!==o.firstName||e[15]!==R?(F=s.jsx(he,{id:R,autoComplete:"given-name",placeholder:"First Name",value:o.firstName,onChange:U,className:de}),e[14]=o.firstName,e[15]=R,e[16]=F):F=e[16];let _;e[17]!==F||e[18]!==M?(_=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[M,F]}

2),e[17]=F,e[18]=M,e[19]=_):_=e[19];const H=`${d}-last`;let V;e[20]===Symbol.for("react.memo_cache_sentinel")?(V=s.jsx(we,{}),e[20]=V):V=e[20];let O;e[21]!==H?(O=s.jsxs(ue,{htmlFor:H,children:["Last Name",V]}),e[21]=H,e[22]=O):O=e[22];const v=`${d}-last`;let j;e[23]===Symbol.for("react.memo_cache_sentinel")?(j=G=>n("lastName",G.target.value),e[23]=j):j=e[23];let q;e[24]!==o.lastName||e[25]!==v?(q=s.jsx(he,{id:v,autoComplete:"family-name",placeholder:"Last Name",value:o.lastName,onChange:j,className:de}),e[24]=o.lastName,e[25]=v,e[26]=q):q=e[26];let L;e[27]!==O||e[28]!==q?(L=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[O,q]}),e[27]=O,e[28]=q,e[29]=L):L=e[29];let J;e[30]!==_||e[31]!==L?(J=s.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[_,L]}),e[30]=_,e[31]=L,e[32]=J):J=e[32];const I=`${d}-city`;let g;e[33]===Symbol.for("react.memo_cache_sentinel")?(g=s.jsx(we,{}),e[33]=g):g=e[33];let b;e[34]!==I?(b=s.jsxs(ue,{htmlFor:I,children:["City",g]}),e[34]=I,e[35]=b):b=e[35];const S=`${d}-city`;let w;e[36]===Symbol.for("react.memo_cache_sentinel")?(w=G=>n("city",G.target.value),e[36]=w):w=e[36];let P;e[37]!==o.city||e[38]!==S?(P=s.jsx(he,{id:S,autoComplete:"address-level2",placeholder:"City",value:o.city,onChange:w,className:de}),e[37]=o.city,e[38]=S,e[39]=P):P=e[39];let W;e[40]!==b||e[41]!==P?(W=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[b,P]}),e[40]=b,e[41]=P,e[42]=W):W=e[42];let K;e[43]===Symbol.for("react.memo_cache_sentinel")?(K=s.jsxs("legend",{className:"font-bold text-[10px] text-otw-muted uppercase tracking-[0.1em]",children:["Registration Type",s.jsx(we,{})]}),e[43]=K):K=e[43];let Y;e[44]!==o.registrationType||e[45]!==d?(Y=Fe.map(G=>s.jsx(Xe,{id:`${d}-type-${G.value}`,name:`${d}-type`,label:G.label,checked:o.registrationType===G.value,onSelect:()=>n("registrationType",G.value)},G.value)),e[44]=o.registrationType,e[45]=d,e[46]=Y):Y=e[46];let u;e[47]!==Y?(u=s.jsx("div",{className:"mt-1 flex flex-col gap-1.5",children:Y}),e[47]=Y,e[48]=u):u=e[48];let X;e[49]!==o.registrationTypeOther||e[50]!==d||e[51]!==c?(X=c&&s.jsxs("div",{className:"mt-1.5 flex flex-col gap-1.5",children:[s.jsxs(ue,{htmlFor:`${d}-type-other-text`,children:["Please describe",s.jsx(we,{})]}),s.jsx(he,{id:`${d}-type-other-text`,value:o.registrationTypeOther,onChange:G=>n("registrationTypeOther",G.target.value),className:de})]}),e[49]=o.registrationTypeOther,e[50]=d,e[51]=c,e[52]=X):X=e[52];let B;e[53]!==u||e[54]!==X?(B=s.jsxs("fieldset",{className:"flex flex-col gap-1.5",children:[K,u,X]}),e[53]=u,e[54]=X,e[55]=B):B=e[55];const ee=`${d}-email`;let ie;e[56]===Symbol.for("react.memo_cache_sentinel")?(ie=s.jsx(we,{}),e[56]=ie):ie=e[56];let se;e[57]!==ee?(se=s.jsxs(ue,{htmlFor:ee,children:["Email Address",ie]}),e[57]=ee,e[58]=se):se=e[58];const oe=`${d}-email`;let le;e[59]===Symbol.for("react.memo_cache_sentinel")?(le=G=>n("email",G.target.value),e[59]=le):le=e[59];let ce;e[60]!==o.email||e[61]!==oe?(ce=s.jsx(he,{id:oe,type:"email",autoComplete:"email",placeholder:"[email protected]",value:o.email,onChange:le,className:de}),e[60]=o.email,e[61]=oe,e[62]=ce):ce=e[62];let ae;e[63]!==se||e[64]!==ce?(ae=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[se,ce]}),e[63]=se,e[64]=ce,e[65]=ae):ae=e[65];let ne;e[66]!==l?(ne=s.jsxs("p",{className:"text-otw-muted text-xs leading-normal",children:["By filling out this form, you acknowledge your information will be shared with Orthopedics This Week and ",l,"."]}),e[66]=l,e[67]=ne):ne=e[67];let N;e[68]!==h||e[69]!==k?(N=(h||k)&&s.jsx("p",{className:"text-otw-red text-xs",role:"alert",children:h||k}),e[68]=h,e[69]=k,e[70]=N):N=e[70];const xe=r?"Unlocking…":f??"Register";let re;e[71]!==r||e[72]!==xe?(re=s.jsx("div",{children:s.jsx(Re,{type:"submit",disabled:r,className:"h-auto whitespace-nowrap rounded-[3px] bg-otw-red px-[22px] py-[11px] font-bold text-white text-xs uppercase tracking-[0.06em] hover:bg-otw-red-hover",children:xe})}),e[71]=r,e[72]=xe,e[73]=re):re=e[73];let me;return e[74]!==E||e[75]!==Q||e[76]!==J||e[77]!==W||e[78]!==B||e[79]!==ae||e[80]!==ne||e[81]!==N||e[82]!==re?(me=s.jsxs("form",{onSubmit:E,onFocus:Q,noValidate:!0,className:"mt-4 flex flex-col gap-4",children:[J,W,B,ae,ne,N,re]}),e[74]=E,e[75]=Q,e[76]=J,e[77]=W,e[78]=B,e[79]=ae,e[80]=ne,e[81]=N,e[82]=re,e[83]=me):me=e[83],me}const et=2,tt=30;function ye(t){return Math.round(t*10)/10}class st{constructor(e,l=tt){ge(this,"playing",!1);ge(this,"anchor",null);ge(this,"watched",0);ge(this,"reported",0);ge(this,"position",0);ge(this,"duration",null);this.report=e,this.heartbeatSeconds=l}get watchedSeconds(){return ye(this.watched)}play(e){this.playing=!0,this.anchor=e,this.position=e}pause(e){this.tick(e),this.playing=!1,this.flush("pause")}ended(e){this.tick(e),this.playing=!1,this.flush("ended")}seeking(){this.anchor=null}tick(e,l){if(this.position=e,l!==void 0&&Number.isFinite(l)&&l>0&&(this.duration=l),!!this.playing){if(this.anchor!==null){const i=e-this.anchor;i>0&&(this.watched+=Math.min(i,et))}this.anchor=e,this.watched-this.reported>=this.heartbeatSeconds&&this.flush("heartbeat")}}flush(e){const l=this.watched-this.reported;l<.05||(this.reported=this.watched,this.report({seconds:ye(l),watchedSeconds:ye(this.watched),positionSeconds:ye(this.position),durationSeconds:this.duration===null?null:ye(this.duration)},e))}}const at=z.lazy(()=>Qe(()=>import("./index--l_H5Xc8.js"),__vite__mapDeps([0,1]))),lt=[25,50,75,95];function Se(t){const e=t.target;return{currentTime:(e==null?void 0:e.currentTime)??0,duration:(e==null?void 0:e.duration)??0}}function nt({playbackId:t,tokens:e,title:l,metadata:i,onProgress:m,onTimeUpdate:f,onPlay:r,onWatched:k}){const[T,d]=z.useState(!1),D=z.useRef(new Set),o=z.useRef(!1),p=z.useRef(k);z.useEffect(()=>{p.current=k},[k]);const h=z.useRef(null);

2h.current||(h.current=new st((n,c)=>{var x;return(x=p.current)==null?void 0:x.call(p,n,c)})),z.useEffect(()=>d(!0),[]),z.useEffect(()=>{const n=h.current;if(!n)return;const c=()=>n.flush("hidden"),x=()=>{document.visibilityState==="hidden"&&c()};return document.addEventListener("visibilitychange",x),window.addEventListener("pagehide",c),()=>{document.removeEventListener("visibilitychange",x),window.removeEventListener("pagehide",c),n.flush("unmount")}},[]);function C(n){var c;(c=h.current)==null||c.play(Se(n).currentTime),r==null||r(o.current),o.current=!0}function Z(n){var c;(c=h.current)==null||c.pause(Se(n).currentTime)}function te(n){var c;(c=h.current)==null||c.ended(Se(n).currentTime)}function a(n){var A,E;const{currentTime:c,duration:x}=Se(n);if(f==null||f(c),(A=h.current)==null||A.tick(c,x),!x||!Number.isFinite(x))return;const Q=c/x*100;for(const y of lt)Q>=y&&!D.current.has(y)&&(D.current.add(y),m==null||m(y,((E=h.current)==null?void 0:E.watchedSeconds)??0))}return T?s.jsx(z.Suspense,{fallback:s.jsx("div",{className:"aspect-video w-full bg-otw-navy"}),children:s.jsx(at,{playbackId:t,tokens:e?{playback:e.playback,thumbnail:e.thumbnail,storyboard:e.storyboard}:void 0,metadata:i,streamType:"on-demand",accentColor:"#c8102e",title:l,onPlay:C,onPause:Z,onEnded:te,onSeeking:()=>{var n;return(n=h.current)==null?void 0:n.seeking()},onTimeUpdate:a,style:{aspectRatio:"16 / 9",width:"100%"}})}):s.jsx("div",{className:"aspect-video w-full bg-otw-navy"})}function rt(){if(typeof window>"u")return{};const t=new URLSearchParams(window.location.search);return{utmSource:t.get("utm_source"),utmMedium:t.get("utm_medium"),utmCampaign:t.get("utm_campaign"),utmContent:t.get("utm_content"),utmTerm:t.get("utm_term"),referrer:document.referrer||null,landingPath:window.location.pathname}}function it(t){const e=fe.c(3),{message:l}=t;let i;e[0]===Symbol.for("react.memo_cache_sentinel")?(i=s.jsx("div",{className:"flex size-16 items-center justify-center rounded-full border-2 border-white",children:s.jsx(Ve,{className:"ml-1 size-7 text-white",fill:"white","aria-hidden":!0})}),e[0]=i):i=e[0];let m;return e[1]!==l?(m=s.jsxs("div",{className:"flex aspect-video w-full flex-col items-center justify-center gap-3 bg-otw-navy",children:[i,s.jsx("p",{className:"font-semibold text-[10px] text-otw-muted uppercase tracking-[0.12em]",children:l})]}),e[1]=l,e[2]=m):m=e[2],m}function ot(t){var J;const e=fe.c(62),{slug:l,masterclassId:i,title:m,sponsorName:f,formHeading:r,ctaLabel:k,heroImageUrl:T,initialAccess:d,account:D,onTimeUpdate:o}=t,[p,h]=z.useState(d),[C,Z]=z.useState(null),te=!!D;let a;e[0]!==i||e[1]!==l||e[2]!==f||e[3]!==te?(a={campaignSlug:l,sponsorName:f,masterclassId:i,isAuthenticated:te},e[0]=i,e[1]=l,e[2]=f,e[3]=te,e[4]=a):a=e[4];const n=a,c=je.useUtils(),x=je.masterclassCampaign.trackProgress.useMutation(),Q=(J=p==null?void 0:p.tokens)==null?void 0:J.expiresAt;let A,E;e[5]!==Q||e[6]!==l||e[7]!==c?(A=()=>{if(!Q)return;const I=Q*1e3;let g=!1,b;const S=()=>{c.masterclassCampaign.access.fetch({slug:l}).then(w=>{!g&&(w!=null&&w.playbackId)&&h(w)}).catch(()=>{g||I-Date.now()<=3e4||(b=setTimeout(S,3e4))})};return b=setTimeout(S,Math.max(I-Date.now()-3e5,0)),()=>{g=!0,clearTimeout(b)}},E=[Q,l,c],e[5]=Q,e[6]=l,e[7]=c,e[8]=A,e[9]=E):(A=e[8],E=e[9]),z.useEffect(A,E);let y;e[10]!==n?(y=I=>{h(I),pe(n,"masterclass_registered_client",{already_registered:I.alreadyRegistered,created_account:I.createdAccount})},e[10]=n,e[11]=y):y=e[11];let $;e[12]===Symbol.for("react.memo_cache_sentinel")?($=I=>Z(I.message||"Something went wrong. Please try again."),e[12]=$):$=e[12];let M;e[13]!==y?(M={onSuccess:y,onError:$},e[13]=y,e[14]=M):M=e[14];const R=je.masterclassCampaign.register.useMutation(M);let U;e[15]!==R||e[16]!==l?(U=function(g){Z(null),g.registrationType&&R.mutate({slug:l,...g,registrationType:g.registrationType,registrationTypeOther:g.registrationTypeOther||null,...rt()})},e[15]=R,e[16]=l,e[17]=U):U=e[17];const F=U;if(p){if(!p.playbackId){let u;return e[18]===Symbol.for("react.memo_cache_sentinel")?(u=s.jsx(it,{message:"Masterclass recording coming soon"}),e[18]=u):u=e[18],u}const I=p.playbackId,g=p.tokens,b=String(i),S=D?String(D.id):`lead_${p.registrationId}`;let w;e[19]!==l||e[20]!==f||e[21]!==b||e[22]!==S||e[23]!==m?(w={video_id:b,video_title:m,video_series:l,viewer_user_id:S,custom_1:f},e[19]=l,e[20]=f,e[21]=b,e[22]=S,e[23]=m,e[24]=w):w=e[24];let P,W;e[25]!==n?(P=u=>pe(n,"masterclass_video_played",{resume:u}),W=(u,X)=>pe(n,"masterclass_video_watched",{seconds:u.seconds,watched_seconds:u.watchedSeconds,position_seconds:u.positionSeconds,duration_seconds:u.durationSeconds,reason:X}),e[25]=n,e[26]=P,e[27]=W):(P=e[26],W=e[27]);let K;e[28]!==n||e[29]!==l||e[30]!==x?(K=(u,X)=>{pe(n,"masterclass_video_progress",{percent:u,watched_seconds:X}),u===95&&pe(n,"masterclass_video_completed",{duration_watched_seconds:X}),x.mutate({slug:l,percent:u})},e[28]=n,e[29]=l,e[30]=x,e[31]=K):K=e[31];let Y;return e[32]!==p.playbackId||e[33]!==p.tokens||e[34]!==o||e[35]!==w||e[36]!==P||e[37]!==W||e[38]!==K||e[39]!==m?(Y=s.jsx(nt,{playbackId:I,tokens:g,title:m,metadata:w,onTimeUpdate:o,onPlay:P,onWatched:W,onProgress:K}),e[32]=p.playbackId,e[33]=p.tokens,e[34]=o,e[35]=w,e[36]=P,e[37]=W,e[38]=K,e[39]=m,e[40]=Y):Y=e[40],Y}let _;e[41]!==T?(_=T?s.jsxs("div",{className:"relative bg-neutral-950",children:[s.jsx("img",{src:T,alt:"",className:"block w-full"}

2),s.jsx("div",{"aria-hidden":!0,className:"absolute inset-x-0 top-0 h-full bg-gradient-to-t from-neutral-950 via-transparent to-transparent"}),s.jsxs("div",{className:"relative flex items-center justify-center gap-2 px-6 pt-1 pb-4",children:[s.jsx(Ie,{className:"size-3.5 text-white","aria-hidden":!0}),s.jsx("p",{className:"font-semibold text-[10px] text-white/80 uppercase tracking-[0.12em]",children:"Free — registration required"})]})]}):s.jsxs("div",{className:"flex flex-col items-center justify-center gap-3 bg-otw-navy px-6 py-12 text-center",children:[s.jsx("div",{className:"flex size-14 items-center justify-center rounded-full border-2 border-white",children:s.jsx(Ie,{className:"size-6 text-white","aria-hidden":!0})}),s.jsx("p",{className:"font-semibold text-[10px] text-otw-muted uppercase tracking-[0.12em]",children:"Free — registration required"})]}),e[41]=T,e[42]=_):_=e[42];const H=r??"Watch the full masterclass";let V;e[43]!==H?(V=s.jsx("h2",{className:"font-bold font-serif text-otw-navy text-xl",children:H}),e[43]=H,e[44]=V):V=e[44];const O=D?"Confirm a couple of details and the recording unlocks.":"Tell us who you are and the recording unlocks straight away.";let v;e[45]!==O?(v=s.jsx("p",{className:"mt-1.5 max-w-[64ch] text-[13px] text-otw-slate leading-normal",children:O}),e[45]=O,e[46]=v):v=e[46];let j;e[47]!==D||e[48]!==n||e[49]!==k||e[50]!==F||e[51]!==R.isPending||e[52]!==C||e[53]!==f?(j=s.jsx(Je,{sponsorName:f,analytics:n,account:D,ctaLabel:k,isSubmitting:R.isPending,serverError:C,onSubmit:F}),e[47]=D,e[48]=n,e[49]=k,e[50]=F,e[51]=R.isPending,e[52]=C,e[53]=f,e[54]=j):j=e[54];let q;e[55]!==V||e[56]!==v||e[57]!==j?(q=s.jsxs("div",{className:"px-5 pt-5 pb-6",children:[V,v,j]}),e[55]=V,e[56]=v,e[57]=j,e[58]=q):q=e[58];let L;return e[59]!==q||e[60]!==_?(L=s.jsxs("div",{className:"border border-otw-border",children:[_,q]}),e[59]=q,e[60]=_,e[61]=L):L=e[61],L}const ct=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,Oe="rounded-[3px] border border-otw-border font-semibold text-otw-red text-xs transition-colors hover:text-otw-red-hover",Me=`${Oe} px-3.5 py-2`,mt=`${Oe} flex size-9 items-center justify-center`;function dt(t){const e=[],l=[];for(const i of t){const m=We(i.href);m?l.push({link:i,Icon:m}):e.push(i)}return{text:e,social:l}}const ut={name:"",email:"",organization:"",role:"",question:"",consent:!1};function ft(){var i;const t=fe.c(2),[e]=He();let l;return t[0]!==e?(l=((i=e.split("?")[0])==null?void 0:i.split("/").filter(Boolean).pop())??"",t[0]=e,t[1]=l):l=t[1],l}function ht(t){return t?new Date(`${t}T00:00:00Z`).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric",timeZone:"UTC"}):null}function pt(t){const e=fe.c(85),{slug:l,sponsorName:i,watchedSecondsRef:m}=t,f=z.useId(),[r,k]=z.useState(ut),[T,d]=z.useState(""),[D,o]=z.useState(!1);let p;e[0]===Symbol.for("react.memo_cache_sentinel")?(p={onSuccess:()=>o(!0),onError:N=>d(N.message||"Something went wrong. Please try again.")},e[0]=p):p=e[0];const h=je.masterclassCampaign.askQuestion.useMutation(p);let C;e[1]===Symbol.for("react.memo_cache_sentinel")?(C=function(xe,re){k(me=>({...me,[xe]:re})),d("")},e[1]=C):C=e[1];const Z=C;let te;e[2]!==r.consent||e[3]!==r.email||e[4]!==r.name||e[5]!==r.organization||e[6]!==r.question||e[7]!==r.role||e[8]!==l||e[9]!==h||e[10]!==m?(te=function(xe){xe.preventDefault();const re=r.name.trim(),me=r.email.trim(),G=r.question.trim();if(!re||!me||!G){d("Name, email and a question are required.");return}if(!ct.test(me)){d("Please enter a valid email address.");return}if(G.length<10){d("Please give the panel a little more detail in your question.");return}d("");const be=Math.floor(m.current??0);h.mutate({slug:l,name:re,email:me,organization:r.organization.trim()||null,role:r.role.trim()||null,question:G,consentToSponsorContact:r.consent,askedAtSeconds:be>0?be:null})},e[2]=r.consent,e[3]=r.email,e[4]=r.name,e[5]=r.organization,e[6]=r.question,e[7]=r.role,e[8]=l,e[9]=h,e[10]=m,e[11]=te):te=e[11];const a=te;if(D){let N;return e[12]===Symbol.for("react.memo_cache_sentinel")?(N=s.jsxs("div",{className:"mt-5 max-w-[560px] border-otw-navy border-t-2 border-b border-b-otw-border py-[18px]",role:"status",children:[s.jsx("p",{className:"font-bold font-serif text-otw-navy text-xl",children:"Question received."}),s.jsx("p",{className:"mt-1.5 text-[13px] leading-[1.65]",children:"Thank y

2ou — your question has been submitted to Orthopedics This Week and will be forwarded to the panel."})]}),e[12]=N):N=e[12],N}const n=`${f}-name`;let c;e[13]!==n?(c=s.jsx(ue,{htmlFor:n,children:"Name"}),e[13]=n,e[14]=c):c=e[14];const x=`${f}-name`;let Q;e[15]===Symbol.for("react.memo_cache_sentinel")?(Q=N=>Z("name",N.target.value),e[15]=Q):Q=e[15];let A;e[16]!==r.name||e[17]!==x?(A=s.jsx(he,{id:x,autoComplete:"name",value:r.name,onChange:Q,className:de}),e[16]=r.name,e[17]=x,e[18]=A):A=e[18];let E;e[19]!==c||e[20]!==A?(E=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[c,A]}),e[19]=c,e[20]=A,e[21]=E):E=e[21];const y=`${f}-email`;let $;e[22]!==y?($=s.jsx(ue,{htmlFor:y,children:"Email"}),e[22]=y,e[23]=$):$=e[23];const M=`${f}-email`;let R;e[24]===Symbol.for("react.memo_cache_sentinel")?(R=N=>Z("email",N.target.value),e[24]=R):R=e[24];let U;e[25]!==r.email||e[26]!==M?(U=s.jsx(he,{id:M,type:"email",autoComplete:"email",value:r.email,onChange:R,className:de}),e[25]=r.email,e[26]=M,e[27]=U):U=e[27];let F;e[28]!==$||e[29]!==U?(F=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[$,U]}),e[28]=$,e[29]=U,e[30]=F):F=e[30];const _=`${f}-organization`;let H;e[31]!==_?(H=s.jsx(ue,{htmlFor:_,children:"Organization (optional)"}),e[31]=_,e[32]=H):H=e[32];const V=`${f}-organization`;let O;e[33]===Symbol.for("react.memo_cache_sentinel")?(O=N=>Z("organization",N.target.value),e[33]=O):O=e[33];let v;e[34]!==r.organization||e[35]!==V?(v=s.jsx(he,{id:V,value:r.organization,onChange:O,className:de}),e[34]=r.organization,e[35]=V,e[36]=v):v=e[36];let j;e[37]!==H||e[38]!==v?(j=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[H,v]}),e[37]=H,e[38]=v,e[39]=j):j=e[39];const q=`${f}-role`;let L;e[40]!==q?(L=s.jsx(ue,{htmlFor:q,children:"Role (optional)"}),e[40]=q,e[41]=L):L=e[41];const J=`${f}-role`;let I;e[42]===Symbol.for("react.memo_cache_sentinel")?(I=N=>Z("role",N.target.value),e[42]=I):I=e[42];let g;e[43]!==r.role||e[44]!==J?(g=s.jsx(he,{id:J,value:r.role,onChange:I,className:de}),e[43]=r.role,e[44]=J,e[45]=g):g=e[45];let b;e[46]!==L||e[47]!==g?(b=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[L,g]}),e[46]=L,e[47]=g,e[48]=b):b=e[48];let S;e[49]!==F||e[50]!==j||e[51]!==b||e[52]!==E?(S=s.jsxs("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2",children:[E,F,j,b]}),e[49]=F,e[50]=j,e[51]=b,e[52]=E,e[53]=S):S=e[53];const w=`${f}-question`;let P;e[54]!==w?(P=s.jsx(ue,{htmlFor:w,children:"Your Question"}),e[54]=w,e[55]=P):P=e[55];const W=`${f}-question`;let K;e[56]===Symbol.for("react.memo_cache_sentinel")?(K=N=>Z("question",N.target.value),e[56]=K):K=e[56];let Y;e[57]!==r.question||e[58]!==W?(Y=s.jsx(Ye,{id:W,rows:5,value:r.question,onChange:K,placeholder:"What would you like to ask the panel?",className:`${de} min-h-0 resize-y`}),e[57]=r.question,e[58]=W,e[59]=Y):Y=e[59];let u;e[60]!==P||e[61]!==Y?(u=s.jsxs("div",{className:"flex flex-col gap-1.5",children:[P,Y]}),e[60]=P,e[61]=Y,e[62]=u):u=e[62];const X=`${f}-consent`;let B;e[63]===Symbol.for("react.memo_cache_sentinel")?(B=N=>Z("consent",N===!0),e[63]=B):B=e[63];let ee;e[64]!==r.consent||e[65]!==X?(ee=s.jsx(Be,{id:X,checked:r.consent,onCheckedChange:B,className:"mt-0.5 rounded-[2px] border-otw-border"}),e[64]=r.consent,e[65]=X,e[66]=ee):ee=e[66];const ie=`${f}-consent`;let se;e[67]!==i||e[68]!==ie?(se=s.jsxs("label",{htmlFor:ie,className:"cursor-pointer text-otw-slate text-xs leading-normal",children:["I consent to be contacted by ",i," regarding my question."]}),e[67]=i,e[68]=ie,e[69]=se):se=e[69];let oe;e[70]!==ee||e[71]!==se?(oe=s.jsxs("div",{className:"flex items-start gap-2",children:[ee,se]}),e[70]=ee,e[71]=se,e[72]=oe):oe=e[72];let le;e[73]!==T?(le=T&&s.jsx("p",{className:"text-otw-red text-xs",role:"alert",children:T}),e[73]=T,e[74]=le):le=e[74];const ce=h.isPending?"Submitting…":"Submit Question";let ae;e[75]!==h.isPending||e[76]!==ce?(ae=s.jsx("div",{children:s.jsx(Re,{type:"submit",disabled:h.isPending,className:"h-auto whitespace-nowrap rounded-[3px] bg-otw-red px-[22px] py-[11px] font-bold text-white text-xs uppercase tracking-[0.06em] hover:bg-otw-red-hover",children:ce})}),e[75]=h.isPending,e[76]=ce,e[77]=ae):ae=e[77];let ne;return e[78]!==a||e[79]!==S||e[80]!==u||e[81]!==oe||e[82]!==le||e[83]!==ae?(ne=s.jsxs("form",{onSubmit:a,noValidate:!0,className:"mt-5 flex max-w-[560px] flex-col gap-4",children:[S,u,oe,le,ae]}),e[78]=a,e[79]=S,e[80]=u,e[81]=oe,e[82]=le,e[83]=ae,e[84]=ne):ne=e[84],ne}function At(){const t=fe.c(105),e=ft(),{user:l,loading:i}=Ue(),m=z.useRef(0),f=z.useRef(null);let r;t[0]!==e?(r={slug:e},t[0]=e,t[1]=r):r=t[1];const k=!!e;let T;t[2]!==k?(T={enabled:k},t[2]=k,t[3]=T):T=t[3];const{data:d,isLoading:D}=je.masterclassCampaign.getBySlug.useQuery(r,T),o=d==null?void 0:d.masterclass.slug,p=d==null?void 0:d.masterclass.id,h=d==null?void 0:d.campaign.sponsorName,C=!!l;let Z,te;if(t[4]!==i||t[5]!==o||t[6]!==C||t[7]!==p||t[8]!==h?(Z=()=>{!o||!p||!h||i||f.current!==o&&(f.current=o,pe({campaignSlug:o,sponsorName:h,masterclassId:p,isAuthenticated:C},"masterclass_lp_viewed",Ge()))},te=[o,p,h,C,i],t[4]=i,t[5]=o,t[6]=C,t[7]=p,t[8]=h,t[9]=Z,t[10]=te):(Z=t[9],te=t[10]),z.useEffect(Z,te),D||!d){let g;t[11]===Symbol.for("react.memo_cache_sentinel")?(g=s.jsx(Pe,{}

2),t[11]=g):g=t[11];let b;t[12]!==D?(b=s.jsx("main",{className:"mx-auto max-w-[880px] px-6 pt-7 pb-16",children:D?s.jsxs(s.Fragment,{children:[s.jsx(Te,{className:"h-4 w-64"}),s.jsx(Te,{className:"mt-4 h-10 w-full"}),s.jsx(Te,{className:"mt-6 aspect-video w-full"})]}):s.jsx("p",{className:"text-[13px]",children:"This masterclass is not available."})}),t[12]=D,t[13]=b):b=t[13];let S;t[14]===Symbol.for("react.memo_cache_sentinel")?(S=s.jsx(Ae,{}),t[14]=S):S=t[14];let w;return t[15]!==b?(w=s.jsxs("div",{className:"min-h-screen bg-white text-otw-slate",children:[g,b,S]}),t[15]=b,t[16]=w):w=t[16],w}const{campaign:a,masterclass:n,speakers:c,topics:x,access:Q}=d;let A;t[17]!==a.publishedOn?(A=ht(a.publishedOn),t[17]=a.publishedOn,t[18]=A):A=t[18];const E=A;let y,$,M,R,U,F,_,H,V,O,v,j;if(t[19]!==Q||t[20]!==a.ctaLabel||t[21]!==a.eyebrowLabel||t[22]!==a.formHeading||t[23]!==a.gateImageUrl||t[24]!==a.headline||t[25]!==a.lede||t[26]!==a.sponsorAboutMarkdown||t[27]!==a.sponsorAddress||t[28]!==a.sponsorLinks||t[29]!==a.sponsorName||t[30]!==a.sponsorPhone||t[31]!==a.sponsorUrl||t[32]!==C||t[33]!==n.id||t[34]!==n.slug||t[35]!==n.title||t[36]!==E||t[37]!==c||t[38]!==x||t[39]!==l){const g=dt(a.sponsorLinks),b={campaignSlug:n.slug,sponsorName:a.sponsorName,masterclassId:n.id,isAuthenticated:C},S=(B,ee)=>()=>pe(b,"masterclass_sponsor_link_clicked",{link_label:B,link_href:ee});F="min-h-screen bg-white text-otw-slate",t[52]===Symbol.for("react.memo_cache_sentinel")?(_=s.jsx(Pe,{}),t[52]=_):_=t[52];let w,P,W,K;t[53]===Symbol.for("react.memo_cache_sentinel")?(w=s.jsx($e,{href:"/",className:"text-otw-slate transition-colors hover:text-otw-navy",children:"Home"}),P=s.jsx(Le,{className:"size-3","aria-hidden":!0}),W=s.jsx($e,{href:"/masterclasses",className:"text-otw-slate transition-colors hover:text-otw-navy",children:"Masterclasses"}),K=s.jsx(Le,{className:"size-3","aria-hidden":!0}),t[53]=w,t[54]=P,t[55]=W,t[56]=K):(w=t[53],P=t[54],W=t[55],K=t[56]),t[57]!==a.headline?(H=s.jsx("div",{className:"border-otw-border border-b",children:s.jsx("div",{className:"container max-w-[1400px] py-2.5",children:s.jsxs("nav",{"aria-label":"Breadcrumb",className:"flex flex-wrap items-center gap-2 text-otw-muted text-xs",children:[w,P,W,K,s.jsx("span",{className:"max-w-xs truncate",children:a.headline})]})})}),t[57]=a.headline,t[58]=H):H=t[58],V="mx-auto max-w-[880px] px-6 pt-7 pb-16";const Y=a.eyebrowLabel??`Masterclass · Sponsored by ${a.sponsorName}`;t[59]!==Y?(O=s.jsx("p",{className:"border-otw-border border-b pb-2 font-bold text-[11px] text-otw-red uppercase tracking-[0.14em]",children:Y}),t[59]=Y,t[60]=O):O=t[60],t[61]!==E?(v=E&&s.jsx("p",{className:"mt-3.5 text-otw-muted text-xs",children:E}),t[61]=E,t[62]=v):v=t[62],t[63]!==a.headline?(j=s.jsx("h1",{className:"mt-2.5 font-bold font-serif text-[clamp(26px,4.4vw,38px)] text-otw-navy leading-[1.15] tracking-[-0.01em]",children:a.headline}),t[63]=a.headline,t[64]=j):j=t[64],t[65]!==a.lede?(y=a.lede&&s.jsx("p",{className:"mt-3.5 max-w-[64ch] text-pretty font-medium text-[15px] leading-normal",children:a.lede}),t[65]=a.lede,t[66]=y):y=t[66];let u;t[67]!==l?(u=l?{id:l.id,name:l.name,email:l.email}:null,t[67]=l,t[68]=u):u=t[68];let X;t[69]===Symbol.for("react.memo_cache_sentinel")?(X=B=>{m.current=B},t[69]=X):X=t[69],t[70]!==Q||t[71]!==a.ctaLabel||t[72]!==a.formHeading||t[73]!==a.gateImageUrl||t[74]!==a.sponsorName||t[75]!==n.id||t[76]!==n.slug||t[77]!==n.title||t[78]!==u?($=s.jsx("div",{className:"mt-[26px]",children:s.jsx(ot,{slug:n.slug,masterclassId:n.id,title:n.title,sponsorName:a.sponsorName,formHeading:a.formHeading,ctaLabel:a.ctaLabel,heroImageUrl:a.gateImageUrl,initialAccess:Q,account:u,onTimeUpdate:X})}),t[70]=Q,t[71]=a.ctaLabel,t[72]=a.formHeading,t[73]=a.gateImageUrl,t[74]=a.sponsorName,t[75]=n.id,t[76]=n.slug,t[77]=n.title,t[78]=u,t[79]=$):$=t[79],t[8

20]!==c?(M=c.length>0&&s.jsxs("section",{className:"mt-10",children:[s.jsx(ve,{children:"Panelists"}),s.jsx("ul",{children:c.map(gt)})]}),t[80]=c,t[81]=M):M=t[81],t[82]!==x?(R=x.length>0&&s.jsxs("section",{className:"mt-10",children:[s.jsx(ve,{children:"Topics Covered"}),s.jsx("ul",{className:"mt-4 flex list-disc flex-col gap-2 pl-[18px] text-[13px] leading-[1.65]",children:x.map(xt)})]}),t[82]=x,t[83]=R):R=t[83],U=a.sponsorAboutMarkdown&&s.jsxs("section",{className:"mt-10",children:[s.jsxs(ve,{children:["About ",a.sponsorName]}),s.jsx("p",{className:"mt-4 whitespace-pre-line text-[13px] leading-[1.65]",children:a.sponsorAboutMarkdown}),s.jsxs("div",{className:"mt-4 flex flex-wrap items-center gap-2",children:[a.sponsorUrl&&s.jsx("a",{href:a.sponsorUrl,target:"_blank",rel:"noopener noreferrer",className:Me,onClick:S("Website",a.sponsorUrl),children:new URL(a.sponsorUrl).hostname.replace(/^www\./,"")}),g.text.map(B=>s.jsx("a",{href:B.href,target:"_blank",rel:"noopener noreferrer",className:Me,onClick:S(B.label,B.href),children:B.label},B.href)),g.social.map(B=>{const{link:ee,Icon:ie}=B;return s.jsx("a",{href:ee.href,target:"_blank",rel:"noopener noreferrer","aria-label":ee.label,className:mt,onClick:S(ee.label,ee.href),children:s.jsx(ie,{className:"size-4"})},ee.href)})]}),(a.sponsorAddress||a.sponsorPhone)&&s.jsx("p",{className:"mt-3 text-otw-muted text-xs",children:[a.sponsorAddress,a.sponsorPhone].filter(Boolean).join(" · ")})]}),t[19]=Q,t[20]=a.ctaLabel,t[21]=a.eyebrowLabel,t[22]=a.formHeading,t[23]=a.gateImageUrl,t[24]=a.headline,t[25]=a.lede,t[26]=a.sponsorAboutMarkdown,t[27]=a.sponsorAddress,t[28]=a.sponsorLinks,t[29]=a.sponsorName,t[30]=a.sponsorPhone,t[31]=a.sponsorUrl,t[32]=C,t[33]=n.id,t[34]=n.slug,t[35]=n.title,t[36]=E,t[37]=c,t[38]=x,t[39]=l,t[40]=y,t[41]=$,t[42]=M,t[43]=R,t[44]=U,t[45]=F,t[46]=_,t[47]=H,t[48]=V,t[49]=O,t[50]=v,t[51]=j}else y=t[40],$=t[41],M=t[42],R=t[43],U=t[44],F=t[45],_=t[46],H=t[47],V=t[48],O=t[49],v=t[50],j=t[51];let q;t[84]!==a.questionsEnabled||t[85]!==a.sponsorName||t[86]!==n.slug?(q=a.questionsEnabled&&s.jsxs("section",{className:"mt-10",children:[s.jsx(ve,{children:"Ask a Question"}),s.jsxs("p",{className:"mt-4 max-w-[74ch] text-[13px] leading-[1.65]",children:["Submit a question for ",a.sponsorName," or the panel."]}),s.jsx(pt,{slug:n.slug,sponsorName:a.sponsorName,watchedSecondsRef:m})]}),t[84]=a.questionsEnabled,t[85]=a.sponsorName,t[86]=n.slug,t[87]=q):q=t[87];let L;t[88]!==y||t[89]!==$||t[90]!==M||t[91]!==R||t[92]!==U||t[93]!==q||t[94]!==V||t[95]!==O||t[96]!==v||t[97]!==j?(L=s.jsxs("main",{className:V,children:[O,v,j,y,$,M,R,U,q]}),t[88]=y,t[89]=$,t[90]=M,t[91]=R,t[92]=U,t[93]=q,t[94]=V,t[95]=O,t[96]=v,t[97]=j,t[98]=L):L=t[98];let J;t[99]===Symbol.for("react.memo_cache_sentinel")?(J=s.jsx(Ae,{}),t[99]=J):J=t[99];let I;return t[100]!==F||t[101]!==_||t[102]!==H||t[103]!==L?(I=s.jsxs("div",{className:F,children:[_,H,L,J]}),t[100]=F,t[101]=_,t[102]=H,t[103]=L,t[104]=I):I=t[104],I}function xt(t){return s.jsx("li",{children:t},t)}function gt(t){return s.jsxs("li",{className:"flex items-center gap-4 border-otw-border border-b py-3.5",children:[t.photoUrl&&s.jsx("img",{src:t.photoUrl,alt:"",className:"size-16 shrink-0 rounded-full object-cover object-top"}),s.jsxs("div",{children:[s.jsx("p",{className:"font-semibold text-otw-navy text-sm",children:t.name}),t.title&&s.jsx("p",{className:"mt-0.5 text-[13px] leading-normal",children:t.title}),t.bio&&s.jsx("p",{className:"mt-1 text-[13px] text-otw-muted leading-normal",children:t.bio})]})]},t.id)}export{At as default};
3
4//# chunkId=01a0fe33-366a-7ce0-b308-25507df997d0