(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1814],{33345:function(i,s,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/guides/configuring-http-email",function(){return e(53018)}])},84765:function(i,s,e){"use strict";e.d(s,{E:function(){return c}});var h=e(651),n=e(83119),l=e(66460),r=e(29513),t=e(92379);let a="authjs.codeTab.framework";c.Next=x,c.NextClient=p,c.Svelte=j,c.Express=g,c.Qwik=o;let d={[x.name]:"Next.js",[o.name]:"Qwik",[j.name]:"SvelteKit",[g.name]:"Express"},k={[x.name]:"Next.js",[p.name]:"Next.js (Client)",[o.name]:"Qwik",[j.name]:"SvelteKit",[g.name]:"Express"},E=(i,s)=>Object.values(i).findIndex(i=>i.toLowerCase()===s.toLowerCase());function c(i){let{children:s}=i,e=(0,n.useRouter)(),{query:{framework:c}}=e,x=t.Children.toArray(s),{project:j}=(0,l.LU)(),g=x.some(i=>i&&i.type.name===p.name)?k:d,[o,y]=(0,t.useState)(0);return(0,t.useEffect)(()=>{let i=Number(window.localStorage.getItem(a));c?(window.localStorage.setItem(a,String(E(g,c))),y(E(g,c))):i&&y(i)},[c,g]),(0,h.jsx)("div",{className:"[&_div[role='tablist']]:!pb-0",children:(0,h.jsx)(r.m,{storageKey:a,items:Object.values(g),selectedIndex:o,children:Object.keys(g).map(i=>{var s;let n=x.find(s=>{var e;return(null==s?void 0:null===(e=s.type)||void 0===e?void 0:e.name)===i});return Object.keys(null!==(s=null==n?void 0:n.props)&&void 0!==s?s:{}).length?n:(0,h.jsx)(r.m.Tab,{children:(0,h.jsxs)("p",{className:"rounded-lg bg-slate-100 p-6 font-semibold dark:bg-neutral-950",children:[g[i]," not documented yet. Help us by contributing"," ",(0,h.jsx)("a",{className:"underline",target:"_blank",href:"".concat(j.link,"/edit/main/docs/pages").concat(e.pathname,".mdx"),rel:"noreferrer",children:"here"}),"."]})},i)})})})}function p(i){let{children:s}=i;return(0,h.jsx)(r.m.Tab,{children:s})}function x(i){let{children:s}=i;return(0,h.jsx)(r.m.Tab,{children:s})}function j(i){let{children:s}=i;return(0,h.jsx)(r.m.Tab,{children:s})}function g(i){let{children:s}=i;return(0,h.jsx)(r.m.Tab,{children:s})}function o(i){let{children:s}=i;return(0,h.jsx)(r.m.Tab,{children:s})}},53018:function(i,s,e){"use strict";e.r(s),e.d(s,{useTOC:function(){return d}});var h=e(651),n=e(33233),l=e(54899),r=e(10308),t=e(84765),a=e(17108);function d(i){return[]}function k(i,s){throw Error("Expected "+(s?"component":"object")+" `"+i+"` to be defined: you likely forgot to import, pass, or provide it.")}s.default=(0,n.c)(function(i){let s={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",span:"span",strong:"strong",...(0,r.a)(),...i.components};return t.E||k("Code",!1),t.E.Express||k("Code.Express",!0),t.E.Next||k("Code.Next",!0),t.E.Qwik||k("Code.Qwik",!0),t.E.Svelte||k("Code.Svelte",!0),(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(s.h1,{children:"HTTP Email"}),"\n",(0,h.jsxs)(s.p,{children:["We have a few built-in HTTP Email providers like ",(0,h.jsx)(s.a,{href:"/getting-started/providers/resend",children:"Resend"}),", ",(0,h.jsx)(s.a,{href:"/getting-started/providers/sendgrid",children:"SendGrid"})," and ",(0,h.jsx)(s.a,{href:"/getting-started/providers/postmark",children:"Postmark"}),", sometimes you may want to use your own HTTP endpoint to send emails."]}),"\n",(0,h.jsxs)(s.p,{children:["To do this, we can write our own provider with a custom ",(0,h.jsx)(s.a,{href:"/reference/core/providers/email#sendverificationrequest",children:(0,h.jsx)(s.code,{children:"sendVerificationRequest"})})," method. Don’t forget, an ",(0,h.jsx)(s.code,{children:"email"})," type provider ",(0,h.jsx)(s.strong,{children:"requires"})," a database adapter."]}),"\n",(0,h.jsxs)(t.E,{children:[(0,h.jsx)(t.E.Next,{children:(0,h.jsx)(s.pre,{icon:a.KP,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"./auth.ts","data-copy":"",children:(0,h.jsxs)(s.code,{children:[(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" NextAuth "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "next-auth"'})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { sendVerificationRequest } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "./lib/authSendRequest"'})]}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"handlers"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"auth"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" NextAuth"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  adapter,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  providers: ["})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    {"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      id: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"http-email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      name: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"Email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      type: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      maxAge: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"60"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" *"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" 60"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" *"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" 24"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6A737D","--shiki-dark":"#6A737D"},children:"// Email link will expire in 24 hours"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      sendVerificationRequest,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    },"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  ],"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"})"})})]})})}),(0,h.jsx)(t.E.Qwik,{children:(0,h.jsx)(s.pre,{icon:a.KP,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"/src/routes/plugin@auth.ts","data-copy":"",children:(0,h.jsxs)(s.code,{children:[(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { QwikAuth$ } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/qwik"'})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { sendVerificationRequest } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "../lib/authSendRequest"'})]}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"onRequest"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"useSession"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"useSignIn"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"useSignOut"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" QwikAuth$"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  () "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"=>"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" ({"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    providers: ["})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      {"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        id: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"http-email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        name: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"Email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        type: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        maxAge: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"60"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" *"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" 60"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" *"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" 24"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6A737D","--shiki-dark":"#6A737D"},children:"// Email link will expire in 24 hours"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        sendVerificationRequest,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      },"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    ],"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  })"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:")"})})]})})}),(0,h.jsx)(t.E.Svelte,{children:(0,h.jsx)(s.pre,{icon:a.KP,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"./src/auth.ts","data-copy":"",children:(0,h.jsxs)(s.code,{children:[(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" SvelteKitAuth "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/sveltekit"'})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { sendVerificationRequest } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "../lib/authSendRequest"'})]}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"handle"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"auth"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" SvelteKitAuth"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  adapter,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  providers: ["})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    {"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      id: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"http-email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      name: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"Email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      type: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      maxAge: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"60"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" *"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" 60"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" *"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" 24"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6A737D","--shiki-dark":"#6A737D"},children:"// Email link will expire in 24 hours"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      sendVerificationRequest,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    },"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  ],"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"})"})})]})})}),(0,h.jsx)(t.E.Express,{children:(0,h.jsx)(s.pre,{icon:a.KP,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"./src/routes/auth.route.ts","data-copy":"",children:(0,h.jsxs)(s.code,{children:[(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { ExpressAuth } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/express"'})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { sendVerificationRequest } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "../lib/authSendRequest"'})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" express "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "express"'})]}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" app"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" ="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" express"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"()"})]}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"app."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"set"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"trust proxy"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"true"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:")"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"app."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"use"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'  "/auth/*"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"  ExpressAuth"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    adapter,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    providers: ["})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      {"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        id: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"http-email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        name: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"Email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        type: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"email"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        maxAge: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"60"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" *"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" 60"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" *"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" 24"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6A737D","--shiki-dark":"#6A737D"},children:"// Email link will expire in 24 hours"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        sendVerificationRequest,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      },"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    ],"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  })"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:")"})})]})})})]}),"\n",(0,h.jsxs)(s.p,{children:["After we’ve setup the initial configuration, you’ve got to write ",(0,h.jsx)(s.code,{children:"sendVerificationRequest"})," function. Below is a simple version which just sends a text email with a link to the user."]}),"\n",(0,h.jsx)(s.pre,{icon:a.KP,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"./lib/authSendRequest.ts","data-copy":"",children:(0,h.jsxs)(s.code,{children:[(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" async"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" function"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" sendVerificationRequest"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({ "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"identifier"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:": "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"email"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"url"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" }) {"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#6A737D","--shiki-dark":"#6A737D"},children:"  // Call the cloud Email provider API for sending emails"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" response"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" ="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" await"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" fetch"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"https://api.sendgrid.com/v3/mail/send"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", {"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#6A737D","--shiki-dark":"#6A737D"},children:"    // The body format will vary depending on provider, please see their documentation"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    body: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"JSON"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"stringify"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      personalizations: [{ to: [{ email }] }],"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      from: { email: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"noreply@company.com"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" },"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      subject: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"Sign in to Your page"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      content: ["})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        {"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"          type: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"text/plain"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"          value: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"`Please click here to authenticate - ${"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"url"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"}`"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"        },"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      ],"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    }),"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    headers: {"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#6A737D","--shiki-dark":"#6A737D"},children:"      // Authentication will also vary from provider to provider, please see their docs."})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      Authorization: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"`Bearer ${"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"process"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"env"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"SENDGRID_API"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"}`"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'      "Content-Type"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:": "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"application/json"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    },"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    method: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"POST"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  })"})}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  if"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" ("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"!"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"response.ok) {"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"    const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"errors"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" await"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" response."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"json"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"()"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"    throw"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" new"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" Error"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"JSON"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"stringify"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"(errors))"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  }"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"}"})})]})}),"\n",(0,h.jsxs)(s.p,{children:["A more advanced ",(0,h.jsx)(s.code,{children:"sendVerificationRequest"})," can be seen below, this is a version of the builtin function."]}),"\n",(0,h.jsx)(s.pre,{icon:a.KP,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"./lib/authSendRequest.ts","data-copy":"",children:(0,h.jsxs)(s.code,{children:[(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" async"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" function"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" sendVerificationRequest"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"params"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:") {"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"identifier"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:": "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"to"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"provider"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"url"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"theme"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" params"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"host"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" new"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" URL"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"(url)"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" res"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" ="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" await"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" fetch"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"https://api.resend.com/emails"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", {"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    method: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"POST"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    headers: {"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      Authorization: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"`Bearer ${"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"provider"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"apiKey"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"}`"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'      "Content-Type"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:": "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"application/json"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    },"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    body: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"JSON"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"stringify"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      from: provider.from,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      to,"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      subject: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"`Sign in to ${"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"host"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"}`"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      html: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"html"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({ url, host, theme }),"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"      text: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"text"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({ url, host }),"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    }),"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  })"})}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  if"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" ("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"!"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"res.ok)"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"    throw"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" new"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" Error"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"Resend error: "'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" +"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" JSON"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"stringify"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"await"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" res."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"json"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"()))"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"}"})}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"function"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" html"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"params"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:":"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"url"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:":"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" string"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"; "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"host"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:":"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" string"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"; "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#E36209","--shiki-dark":"#FFAB70"},children:"theme"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:":"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" Theme"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" }) {"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"url"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"host"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"theme"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" params"})]}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" escapedHost"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" ="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" host."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"replace"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"/"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#22863A","--shiki-light-font-weight":"bold","--shiki-dark":"#85E89D","--shiki-dark-font-weight":"bold"},children:"\\."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"/"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"g"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"&#8203;."'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:")"})]}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" brandColor"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" ="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" theme.brandColor "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"||"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "#346df1"'})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  const"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" color"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" ="}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" {"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    background: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"#f9f9f9"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    text: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"#444"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    mainBackground: "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"#fff"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    buttonBackground: brandColor,"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    buttonBorder: brandColor,"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"    buttonText: theme.buttonText "}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"||"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "#fff"'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"  }"})}),"\n",(0,h.jsx)(s.span,{children:" "}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"  return"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:" `"})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'<body style="background: ${'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"color"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"background"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'};">'})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'  <table width="100%" border="0" cellspacing="20" cellpadding="0"'})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'    style="background: ${'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"color"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"mainBackground"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'}; max-width: 600px; margin: auto; border-radius: 10px;">'})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"    <tr>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'      <td align="center"'})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'        style="padding: 10px 0px; font-size: 22px; font-family: Helvetica, Arial, sans-serif; color: ${'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"color"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"text"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'};">'})]}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"        Sign in to <strong>${"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"escapedHost"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"}</strong>"})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"      </td>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"    </tr>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"    <tr>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'      <td align="center" style="padding: 20px 0;">'})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'        <table border="0" cellspacing="0" cellpadding="0">'})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"          <tr>"})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'            <td align="center" style="border-radius: 5px;" bgcolor="${'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"color"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"buttonBackground"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'}"><a href="${'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"url"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'}"'})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'                target="_blank"'})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'                style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: ${'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"color"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"buttonText"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"}; text-decoration: none; border-radius: 5px; padding: 10px 20px; border: 1px solid ${"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"color"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"buttonBorder"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'}; display: inline-block; font-weight: bold;">Sign'})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"                in</a></td>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"          </tr>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"        </table>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"      </td>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"    </tr>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"    <tr>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'      <td align="center"'})}),"\n",(0,h.jsxs)(s.span,{children:[(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'        style="padding: 0px 0px 10px 0px; font-size: 16px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; color: ${'}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"color"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"."}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"text"}),(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'};">'})]}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"        If you did not request this email you can safely ignore it."})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"      </td>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"    </tr>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"  </table>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"</body>"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"`"})}),"\n",(0,h.jsx)(s.span,{children:(0,h.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"}"})})]})}),"\n",(0,h.jsxs)(s.p,{children:["To sign in via this custom provider, you would refer to it by the id in when you are calling the sign-in method, for example: ",(0,h.jsx)(s.code,{children:"signIn('http-email', { email: 'user@company.com' })"}),"."]})]})},"/guides/configuring-http-email",{filePath:"pages/guides/configuring-http-email.mdx",timestamp:1728673944e3,pageMap:l.v,frontMatter:{title:"Configuring your own HTTP Email"},title:"Configuring your own HTTP Email"},"undefined"==typeof RemoteContent?d:RemoteContent.useTOC)},29513:function(i,s,e){"use strict";let h,n,l;e.d(s,{m:function(){return G}});var r=e(651),t=e(11263),a=e(68662),d=e(92379),k=e(71452),E=e(45542),c=e(76192),p=e(72099),x=e(70207),j=e(50827),g=e(87327);function o({onFocus:i}){let s;let[e,h]=(0,d.useState)(!0),n=(s=(0,d.useRef)(!1),(0,c.e)(()=>(s.current=!0,()=>{s.current=!1}),[]),s);return e?d.createElement(g._,{as:"button",type:"button",features:g.x.Focusable,onFocus:s=>{s.preventDefault();let e,l=50;e=requestAnimationFrame(function s(){if(l--<=0){e&&cancelAnimationFrame(e);return}if(i()){if(cancelAnimationFrame(e),!n.current)return;h(!1);return}e=requestAnimationFrame(s)})}}):null}var y=e(35873),F=e(20237),u=e(76939),C=e(46751),f=e(10138);let m=d.createContext(null);function B({children:i}){let s=d.useRef({groups:new Map,get(i,s){var e;let h=this.groups.get(i);h||(h=new Map,this.groups.set(i,h));let n=null!=(e=h.get(s))?e:0;return h.set(s,n+1),[Array.from(h.keys()).indexOf(s),function(){let i=h.get(s);i>1?h.set(s,i-1):h.delete(s)}]}});return d.createElement(m.Provider,{value:s},i)}function b(i){let s=d.useContext(m);if(!s)throw Error("You must wrap your component in a <StableCollection>");let e=d.useId(),[h,n]=s.current.get(i,e);return d.useEffect(()=>n,[]),h}var A=e(80579),v=((h=v||{})[h.Forwards=0]="Forwards",h[h.Backwards=1]="Backwards",h),D=((n=D||{})[n.Less=-1]="Less",n[n.Equal=0]="Equal",n[n.Greater=1]="Greater",n),w=((l=w||{})[l.SetSelectedIndex=0]="SetSelectedIndex",l[l.RegisterTab=1]="RegisterTab",l[l.UnregisterTab=2]="UnregisterTab",l[l.RegisterPanel=3]="RegisterPanel",l[l.UnregisterPanel=4]="UnregisterPanel",l);let T={0(i,s){var e;let h=(0,y.z2)(i.tabs,i=>i.current),n=(0,y.z2)(i.panels,i=>i.current),l=h.filter(i=>{var s;return!(null!=(s=i.current)&&s.hasAttribute("disabled"))}),r={...i,tabs:h,panels:n};if(s.index<0||s.index>h.length-1){let e=(0,F.E)(Math.sign(s.index-i.selectedIndex),{[-1]:()=>1,0:()=>(0,F.E)(Math.sign(s.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});if(0===l.length)return r;let n=(0,F.E)(e,{0:()=>h.indexOf(l[0]),1:()=>h.indexOf(l[l.length-1])});return{...r,selectedIndex:-1===n?i.selectedIndex:n}}let t=h.slice(0,s.index),a=[...h.slice(s.index),...t].find(i=>l.includes(i));if(!a)return r;let d=null!=(e=h.indexOf(a))?e:i.selectedIndex;return -1===d&&(d=i.selectedIndex),{...r,selectedIndex:d}},1(i,s){if(i.tabs.includes(s.tab))return i;let e=i.tabs[i.selectedIndex],h=(0,y.z2)([...i.tabs,s.tab],i=>i.current),n=i.selectedIndex;return i.info.current.isControlled||-1===(n=h.indexOf(e))&&(n=i.selectedIndex),{...i,tabs:h,selectedIndex:n}},2:(i,s)=>({...i,tabs:i.tabs.filter(i=>i!==s.tab)}),3:(i,s)=>i.panels.includes(s.panel)?i:{...i,panels:(0,y.z2)([...i.panels,s.panel],i=>i.current)},4:(i,s)=>({...i,panels:i.panels.filter(i=>i!==s.panel)})},P=(0,d.createContext)(null);function S(i){let s=(0,d.useContext)(P);if(null===s){let s=Error(`<${i} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,S),s}return s}P.displayName="TabsDataContext";let I=(0,d.createContext)(null);function _(i){let s=(0,d.useContext)(I);if(null===s){let s=Error(`<${i} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,_),s}return s}function R(i,s){return(0,F.E)(s.type,T,i,s)}I.displayName="TabsActionsContext";let N=f.VN.RenderStrategy|f.VN.Static,O=(0,f.yV)(function(i,s){var e,h;let n=(0,d.useId)(),{id:l=`headlessui-tabs-tab-${n}`,disabled:r=!1,autoFocus:p=!1,...g}=i,{orientation:o,activation:m,selectedIndex:B,tabs:v,panels:D}=S("Tab"),w=_("Tab"),T=S("Tab"),[P,I]=(0,d.useState)(null),R=(0,d.useRef)(null),N=(0,j.T)(R,s,I);(0,c.e)(()=>w.registerTab(R),[w,R]);let O=b("tabs"),q=v.indexOf(R);-1===q&&(q=O);let V=q===B,z=(0,E.z)(i=>{var s;let e=i();if(e===y.fE.Success&&"auto"===m){let i=null==(s=(0,C.r)(R))?void 0:s.activeElement,e=T.tabs.findIndex(s=>s.current===i);-1!==e&&w.change(e)}return e}),$=(0,E.z)(i=>{let s=v.map(i=>i.current).filter(Boolean);if(i.key===A.R.Space||i.key===A.R.Enter){i.preventDefault(),i.stopPropagation(),w.change(q);return}switch(i.key){case A.R.Home:case A.R.PageUp:return i.preventDefault(),i.stopPropagation(),z(()=>(0,y.jA)(s,y.TO.First));case A.R.End:case A.R.PageDown:return i.preventDefault(),i.stopPropagation(),z(()=>(0,y.jA)(s,y.TO.Last))}if(z(()=>(0,F.E)(o,{vertical:()=>i.key===A.R.ArrowUp?(0,y.jA)(s,y.TO.Previous|y.TO.WrapAround):i.key===A.R.ArrowDown?(0,y.jA)(s,y.TO.Next|y.TO.WrapAround):y.fE.Error,horizontal:()=>i.key===A.R.ArrowLeft?(0,y.jA)(s,y.TO.Previous|y.TO.WrapAround):i.key===A.R.ArrowRight?(0,y.jA)(s,y.TO.Next|y.TO.WrapAround):y.fE.Error}))===y.fE.Success)return i.preventDefault()}),M=(0,d.useRef)(!1),H=(0,E.z)(()=>{var i;M.current||(M.current=!0,null==(i=R.current)||i.focus({preventScroll:!0}),w.change(q),(0,u.Y)(()=>{M.current=!1}))}),K=(0,E.z)(i=>{i.preventDefault()}),{isFocusVisible:L,focusProps:G}=(0,t.F)({autoFocus:p}),{isHovered:Q,hoverProps:U}=(0,a.X)({isDisabled:r}),{pressed:Y,pressProps:W}=(0,k.x)({disabled:r}),J=(0,d.useMemo)(()=>({selected:V,hover:Q,active:Y,focus:L,autofocus:p,disabled:r}),[V,Q,L,Y,p,r]),X=(0,f.dG)({ref:N,onKeyDown:$,onMouseDown:K,onClick:H,id:l,role:"tab",type:(0,x.f)(i,P),"aria-controls":null==(h=null==(e=D[q])?void 0:e.current)?void 0:h.id,"aria-selected":V,tabIndex:V?0:-1,disabled:r||void 0,autoFocus:p},G,U,W);return(0,f.sY)({ourProps:X,theirProps:g,slot:J,defaultTag:"button",name:"Tabs.Tab"})}),q=(0,f.yV)(function(i,s){let{defaultIndex:e=0,vertical:h=!1,manual:n=!1,onChange:l,selectedIndex:r=null,...t}=i,a=h?"vertical":"horizontal",k=n?"manual":"auto",x=null!==r,g=(0,p.E)({isControlled:x}),F=(0,j.T)(s),[u,C]=(0,d.useReducer)(R,{info:g,selectedIndex:null!=r?r:e,tabs:[],panels:[]}),m=(0,d.useMemo)(()=>({selectedIndex:u.selectedIndex}),[u.selectedIndex]),b=(0,p.E)(l||(()=>{})),A=(0,p.E)(u.tabs),v=(0,d.useMemo)(()=>({orientation:a,activation:k,...u}),[a,k,u]),D=(0,E.z)(i=>(C({type:1,tab:i}),()=>C({type:2,tab:i}))),w=(0,E.z)(i=>(C({type:3,panel:i}),()=>C({type:4,panel:i}))),T=(0,E.z)(i=>{S.current!==i&&b.current(i),x||C({type:0,index:i})}),S=(0,p.E)(x?i.selectedIndex:u.selectedIndex),_=(0,d.useMemo)(()=>({registerTab:D,registerPanel:w,change:T}),[]);return(0,c.e)(()=>{C({type:0,index:null!=r?r:e})},[r]),(0,c.e)(()=>{if(void 0===S.current||u.tabs.length<=0)return;let i=(0,y.z2)(u.tabs,i=>i.current);i.some((i,s)=>u.tabs[s]!==i)&&T(i.indexOf(u.tabs[S.current]))}),d.createElement(B,null,d.createElement(I.Provider,{value:_},d.createElement(P.Provider,{value:v},v.tabs.length<=0&&d.createElement(o,{onFocus:()=>{var i,s;for(let e of A.current)if((null==(i=e.current)?void 0:i.tabIndex)===0)return null==(s=e.current)||s.focus(),!0;return!1}}),(0,f.sY)({ourProps:{ref:F},theirProps:t,slot:m,defaultTag:"div",name:"Tabs"}))))}),V=(0,f.yV)(function(i,s){let{orientation:e,selectedIndex:h}=S("Tab.List"),n=(0,j.T)(s),l=(0,d.useMemo)(()=>({selectedIndex:h}),[h]);return(0,f.sY)({ourProps:{ref:n,role:"tablist","aria-orientation":e},theirProps:i,slot:l,defaultTag:"div",name:"Tabs.List"})}),z=(0,f.yV)(function(i,s){let{selectedIndex:e}=S("Tab.Panels"),h=(0,j.T)(s),n=(0,d.useMemo)(()=>({selectedIndex:e}),[e]);return(0,f.sY)({ourProps:{ref:h},theirProps:i,slot:n,defaultTag:"div",name:"Tabs.Panels"})}),$=(0,f.yV)(function(i,s){var e,h,n,l;let r=(0,d.useId)(),{id:a=`headlessui-tabs-panel-${r}`,tabIndex:k=0,...E}=i,{selectedIndex:p,tabs:x,panels:o}=S("Tab.Panel"),y=_("Tab.Panel"),F=(0,d.useRef)(null),u=(0,j.T)(F,s);(0,c.e)(()=>y.registerPanel(F),[y,F]);let C=b("panels"),m=o.indexOf(F);-1===m&&(m=C);let B=m===p,{isFocusVisible:A,focusProps:v}=(0,t.F)(),D=(0,d.useMemo)(()=>({selected:B,focus:A}),[B,A]),w=(0,f.dG)({ref:u,id:a,role:"tabpanel","aria-labelledby":null==(h=null==(e=x[m])?void 0:e.current)?void 0:h.id,tabIndex:B?k:-1},v);return B||null!=(n=E.unmount)&&!n||null!=(l=E.static)&&l?(0,f.sY)({ourProps:w,theirProps:E,slot:D,defaultTag:"div",features:N,visible:B,name:"Tabs.Panel"}):d.createElement(g._,{"aria-hidden":"true",...w})}),M=Object.assign(O,{Group:q,List:V,Panels:z,Panel:$});var H=e(69577);function K(i){return!!i&&"object"==typeof i&&"label"in i}function L({items:i,selectedIndex:s,defaultIndex:e=0,onChange:h,children:n,storageKey:l}){let[t,a]=(0,d.useState)(e);(0,d.useEffect)(()=>{void 0!==s&&a(s)},[s]),(0,d.useEffect)(()=>{if(!l)return;function i(i){i.key===l&&a(Number(i.newValue))}let s=Number(localStorage.getItem(l));return a(Number.isNaN(s)?0:s),window.addEventListener("storage",i),()=>{window.removeEventListener("storage",i)}},[]);let k=(0,d.useCallback)(i=>{if(l){let s=String(i);localStorage.setItem(l,s),window.dispatchEvent(new StorageEvent("storage",{key:l,newValue:s}));return}a(i),h?.(i)},[]);return(0,r.jsxs)(q,{selectedIndex:t,defaultIndex:e,onChange:k,tabIndex:-1,children:[(0,r.jsx)(V,{className:(0,H.Z)("nextra-scrollbar _overflow-x-auto _overscroll-x-contain _overflow-y-hidden","_mt-4 _flex _w-full _gap-2 _border-b _border-gray-200 _pb-px dark:_border-neutral-800","nextra-focus"),children:i.map((i,s)=>(0,r.jsx)(M,{disabled:K(i)&&i.disabled,className:({selected:i,disabled:s,hover:e,focus:h})=>(0,H.Z)(h&&"nextra-focusable _ring-inset",i&&"_outline-none","_whitespace-nowrap","_rounded-t _p-2 _font-medium _leading-5 _transition-colors","_-mb-0.5 _select-none _border-b-2",i?"_border-current":e?"_border-gray-200 dark:_border-neutral-800":"_border-transparent",i?"_text-primary-600":s?"_text-gray-400 dark:_text-neutral-600 _pointer-events-none":e?"_text-black dark:_text-white":"_text-gray-600 dark:_text-gray-200"),children:K(i)?i.label:i},s))}),(0,r.jsx)(z,{children:n})]})}let G=Object.assign(i=>(0,r.jsx)(L,{...i}),{Tab:function({children:i,unmount:s=!1,...e}){return(0,r.jsx)($,{...e,unmount:s,className:({focus:i})=>(0,H.Z)("_rounded _mt-6",i&&"nextra-focusable"),children:i})}})}},function(i){i.O(0,[33233,54899,92888,49774,40179],function(){return i(i.s=33345)}),_N_E=i.O()}]);