"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["522"],{5291:function(e,i,n){n.r(i),n.d(i,{KeylessPrompt:()=>g});var r=n(4518),o=n(9400),t=n(8802),a=n(5074),s=n(8272),l=n(1986),d=n(5906),c=n(9406),p=n(8307),h=n(7697);function u(e){return(0,r.Y)(d.P,{children:(0,r.Y)(f,{...e})})}function f(e){let{isSignedIn:i}=(0,o.Jd)(),n=function(){let e=(0,o.ho)(),i=(0,a.useRef)(Date.now()),[,n]=(0,a.useReducer)(e=>e+1,0);return(0,a.useEffect)(()=>{let r=new AbortController;return window.addEventListener("focus",async()=>{let o=e.__internal_environment;if(o){if(null!==o.authConfig.claimedAt)return r.abort();if(!(Date.now()<i.current+1e4)&&"visible"===document.visibilityState)for(let e=0;e<2;e++){let{authConfig:{claimedAt:e}}=await o.fetch();if(i.current=Date.now(),null!==e){n();break}}}},{signal:r.signal}),()=>{r.abort()}},[]),(0,h.O)()}(),c=!!n.authConfig.claimedAt,u="function"==typeof e.onDismiss&&c,f=n.displayConfig.applicationName,g=c||u,[x,m]=(0,a.useState)(i||g),[b,v]=(0,a.useState)(!1),y=a.useId(),w=a.useRef(null),C=(0,d.Z)();a.useEffect(()=>{v(!0)},[]),a.useEffect(()=>{b&&i&&m(!0)},[b,i]),a.useEffect(()=>{g&&m(!0)},[g]);let $=(0,a.useMemo)(()=>{if(c)return e.copyKeysUrl;let i=new URL(e.claimUrl);return i.searchParams.append("return_url",window.location.href),i.href},[c,e.copyKeysUrl,e.claimUrl]),k=(0,a.useMemo)(()=>(function(e){try{return e()}catch{return"https://dashboard.clerk.com/last-active"}})(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/apps/${i.appId}/instances/${i.instanceId}/user-authentication/email-phone-username`).href}),[e.copyKeysUrl]);return a.useEffect(()=>{if(g)return;let e=e=>{"Escape"===e.key&&x&&m(!1)},i=e=>{x&&w.current&&!w.current.contains(e.target)&&m(!1)};return window.addEventListener("keydown",e),document.addEventListener("mousedown",i),()=>{window.removeEventListener("keydown",e),document.removeEventListener("mousedown",i)}},[x,g]),(0,r.Y)(l.Z,{children:(0,r.FD)("div",{ref:w,css:(0,t.AH)`
          --duration-open: 220ms;
          --duration-close: 180ms;
          --ease-bezier: cubic-bezier(0.2, 0, 0, 1);
          --font-family: ${C.fontFamilies.sans};
          --background: ${C.colors.gray[1400]};
          --foreground: ${C.colors.white};
          --foreground-secondary: ${C.colors.gray[500]};
          --accent: ${C.colors.purple[700]};
          --offset: ${C.spacing[5]};
          --width-opened: 18rem;
          --width-closed: 13rem;
          position: fixed;
          bottom: var(--offset);
          right: var(--offset);
          z-index: 999999;
          height: auto;
          width: ${x?"var(--width-opened)":"var(--width-closed)"};
          font-family: var(--font-family);
          box-sizing: border-box;
          margin: 0;
          padding: 0;
          interpolate-size: allow-keywords;
          background:
            linear-gradient(
              180deg,
              ${C.alpha(C.colors.white,1)} 0%,
              ${C.alpha(C.colors.white,0)} 100%
            ),
            var(--background);
          box-shadow:
            0px 0px 0px 0.5px ${C.colors.gray[1200]} inset,
            0px 1px 0px 0px ${C.alpha(C.colors.white,8)} inset,
            0px 0px 0.8px 0.8px ${C.alpha(C.colors.white,20)} inset,
            0px 0px 0px 0px ${C.alpha(C.colors.white,72)},
            0px 16px 36px -6px ${C.alpha(C.colors.black,36)},
            0px 6px 16px -2px ${C.alpha(C.colors.black,20)};
          border-radius: ${x?C.spacing[3]:C.spacing[10]};
          isolation: isolate;
          will-change: width, border-radius;
          transform: translateZ(0);
          backface-visibility: hidden;
          transition: ${b?`width ${x?"var(--duration-open)":"var(--duration-close)"} var(--ease-bezier), border-radius var(--duration-open) var(--ease-bezier)`:"none"};
          @media (prefers-reduced-motion: reduce) {
            transition: none;
          }
          &::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, ${C.colors.white} 46%, ${C.alpha(C.colors.white,0)} 54%);
            mix-blend-mode: overlay;
            border-radius: inherit;
            pointer-events: none;
            opacity: ${+!x};
            transition: ${b?`opacity ${x?"var(--duration-open)":"var(--duration-close)"} var(--ease-bezier)`:"none"};
            @media (prefers-reduced-motion: reduce) {
              transition: none;
            }
          }
          &:has(button:focus-visible) {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
          }
        `,children:[(0,r.FD)("button",{type:"button",onClick:()=>{g||m(e=>!e)},"aria-expanded":x,"aria-controls":y,css:(0,t.AH)`
            box-sizing: border-box;
            appearance: none;
            border: none;
            background-color: transparent;
            display: flex;
            align-items: center;
            width: 100%;
            border-radius: inherit;
            padding-block: ${C.spacing[3]};
            margin: 0;
            position: relative;
            outline: none;
          `,children:[(0,r.Y)("span",{css:(0,t.AH)`
              margin-inline-start: ${C.spacing[3]};
              margin-inline-end: ${C.spacing[1]};
              display: flex;
              align-items: center;
              justify-content: center;
            `,children:(0,r.FD)("svg",{css:{width:C.spacing[4],height:C.spacing[4],flexShrink:0,color:"var(--foreground)"},viewBox:"0 0 128 128",fill:"none","aria-hidden":!0,children:[(0,r.Y)("circle",{cx:"64",cy:"64",r:"20",fill:"currentColor"}),(0,r.Y)("path",{d:"M99.5716 10.788C101.571 12.1272 101.742 14.9444 100.04 16.646L85.4244 31.2618C84.1035 32.5828 82.0542 32.7914 80.3915 31.9397C75.4752 29.421 69.9035 28 64 28C44.1177 28 28 44.1177 28 64C28 69.9035 29.421 75.4752 31.9397 80.3915C32.7914 82.0542 32.5828 84.1035 31.2618 85.4244L16.646 100.04C14.9444 101.742 12.1272 101.571 10.788 99.5716C3.97411 89.3989 0 77.1635 0 64C0 28.6538 28.6538 0 64 0C77.1635 0 89.3989 3.97411 99.5716 10.788Z",fill:"currentColor",fillOpacity:"0.4"}),(0,r.Y)("path",{d:"M100.04 111.354C101.742 113.056 101.571 115.873 99.5717 117.212C89.3989 124.026 77.1636 128 64 128C50.8364 128 38.6011 124.026 28.4283 117.212C26.4289 115.873 26.2581 113.056 27.9597 111.354L42.5755 96.7382C43.8965 95.4172 45.9457 95.2085 47.6084 96.0603C52.5248 98.579 58.0964 100 64 100C69.9036 100 75.4753 98.579 80.3916 96.0603C82.0543 95.2085 84.1036 95.4172 85.4245 96.7382L100.04 111.354Z",fill:"currentColor"})]})}),(0,r.Y)("span",{css:(0,t.AH)`
              font-family: var(--font-family);
              font-size: ${C.typography.label[2].fontSize};
              font-weight: ${C.fontWeights.medium};
              line-height: ${C.typography.label[2].lineHeight};
              white-space: nowrap;
              color: var(--foreground);
              background: linear-gradient(
                90deg,
                var(--foreground-secondary) 0%,
                var(--foreground-secondary) 35%,
                #fff 50%,
                var(--foreground-secondary) 65%,
                var(--foreground-secondary) 100%
              );
              background-size: 400% 100%;
              background-position: 100% center;
              background-clip: text;
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              animation: text-shimmer 2.75s ease-in-out infinite;

              @keyframes text-shimmer {
                from {
                  background-position: 100% center;
                }
                to {
                  background-position: 0% center;
                }
              }

              @media (prefers-reduced-motion: reduce) {
                animation: none;
                background: none;
                -webkit-text-fill-color: var(--foreground-secondary);
              }
            `,children:u?"Claim completed":c?"Missing environment keys":"Clerk is in keyless mode"}),(0,r.FD)("span",{css:(0,t.AH)`
              clip: rect(0 0 0 0);
              clippath: inset(50%);
              height: 1px;
              overflow: hidden;
              position: absolute;
              whitespace: nowrap;
              width: 1px;
            `,children:[x?"Collapse":"Expand"," prompt content"]}),!g&&(0,r.Y)("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",css:(0,t.AH)`
                flex-shrink: 0;
                width: ${C.spacing[4]};
                height: ${C.spacing[4]};
                color: var(--foreground);
                margin-inline-start: auto;
                margin-inline-end: ${C.spacing[3]};
                opacity: ${.6*!!x};
                transform: translateX(${x?"0":C.spacing[6]});
                transition:
                  opacity 120ms ease-out,
                  transform
                    ${b?`${x?"var(--duration-open)":"var(--duration-close)"} ease-out`:"none"};
                button:hover & {
                  opacity: ${+!!x};
                }
              `,children:(0,r.Y)("path",{d:"M3.75 8H12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),(0,r.Y)("div",{id:y,css:(0,t.AH)`
            display: grid;
            grid-template-rows: ${x?"1fr":"0fr"};
            transition: ${b?`grid-template-rows ${x?"var(--duration-open)":"var(--duration-close)"} var(--ease-bezier)`:"none"};
            @media (prefers-reduced-motion: reduce) {
              transition: none;
            }
          `,...!x&&{inert:!0},"aria-hidden":!x,children:(0,r.Y)("div",{css:(0,t.AH)`
              overflow: hidden;
              min-height: 0;
              mask-image: linear-gradient(to bottom, black calc(100% - ${C.spacing[3]}), transparent);
            `,children:(0,r.FD)("div",{css:(0,t.AH)`
                width: var(--width-opened);
                display: flex;
                flex-direction: column;
                padding: 0 ${C.spacing[3]} ${C.spacing[3]} ${C.spacing[3]};
                gap: ${C.spacing[3]};
                opacity: ${+!!x};
                filter: blur(${x?"0px":"6px"});
                transition-delay: ${x?"100ms":"0ms"};
                transition: ${b?`opacity ${x?"var(--duration-open)":"var(--duration-close)"} var(--ease-bezier), filter ${x?"var(--duration-open)":"var(--duration-close)"} var(--ease-bezier)`:"none"};
                @media (prefers-reduced-motion: reduce) {
                  transition: none;
                }
              `,children:[(0,r.Y)("div",{css:{display:"flex",flexDirection:"column",gap:C.spacing[2],color:"var(--foreground-secondary)",fontFamily:"var(--font-family)",fontSize:C.typography.body[3].fontSize,lineHeight:C.typography.body[3].lineHeight,fontWeight:C.typography.body[3].fontWeight,"& > p":{boxSizing:"border-box",margin:0,padding:0,textBoxTrim:"trim-both"}},children:u?(0,r.FD)("p",{children:["Your application"," ",(0,r.Y)("span",{css:(0,t.AH)`
                        display: inline-block;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        max-width: 8.125rem;
                        vertical-align: bottom;
                        font-weight: ${C.fontWeights.medium};
                        color: var(--foreground);
                      `,children:f})," ","has been claimed. Configure settings from the"," ",(0,r.Y)(s.N_,{isExternal:!0,"aria-label":"Go to Dashboard to configure settings",href:k,sx:e=>({color:e.colors.$whiteAlpha600,textDecoration:"underline solid",transition:`${e.transitionTiming.$common} ${e.transitionDuration.$fast}`,":hover":{color:e.colors.$whiteAlpha800}}),children:"Clerk Dashboard"})]}):c?(0,r.Y)("p",{children:"You claimed this application but haven't set keys in your environment. Get them from the Clerk Dashboard."}):i?(0,r.Y)("p",{children:"You've created your first user! Link this application to your Clerk account to explore the Dashboard."}):(0,r.FD)(r.FK,{children:[(0,r.Y)("p",{children:"Temporary API keys are enabled so you can get started immediately."}),(0,r.Y)("p",{children:"Claim this application to access the Clerk Dashboard where you can manage auth settings and explore more Clerk features."})]})}),u?(0,r.Y)("button",{type:"button",onClick:()=>{e.onDismiss?.().then(()=>{window.location.reload()})},css:(0,t.AH)`
                    box-sizing: border-box;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: ${C.spacing[1]};
                    width: 100%;
                    height: ${C.spacing[7]};
                    border-radius: ${C.spacing[1.5]};
                    font-size: ${C.typography.label[3].fontSize};
                    font-weight: ${C.fontWeights.medium};
                    color: var(--foreground);
                    background: var(--accent);
                    box-shadow:
                      ${C.colors.white} 0px 0px 0px 0px,
                      var(--accent) 0px 0px 0px 1px,
                      ${C.alpha(C.colors.white,7)} 0px 1px 0px 0px inset,
                      ${C.alpha(C.colors.gray[1300],20)} 0px 1px 3px 0px;
                    outline: none;
                    border: none;
                    margin: 0;
                    padding: 0;
                    cursor: pointer;
                    &::before {
                      content: '';
                      position: absolute;
                      inset: 0;
                      background: linear-gradient(
                        180deg,
                        ${C.alpha(C.colors.white,16)} 46%,
                        ${C.alpha(C.colors.white,0)} 54%
                      );
                      mix-blend-mode: overlay;
                      border-radius: inherit;
                    }
                    &:focus-visible {
                      outline: 2px solid var(--accent);
                      outline-offset: 2px;
                    }
                    &:hover {
                      background: ${C.colors.gray[1200]};
                      transition: all 120ms ease-in-out;
                    }
                  `,children:(0,r.Y)("span",{css:(0,t.AH)`
                      position: relative;
                      z-index: 1;
                    `,children:"Dismiss"})}):(0,r.FD)("a",{href:$,target:"_blank",rel:"noopener noreferrer",css:(0,t.AH)`
                    box-sizing: border-box;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: ${C.spacing[1]};
                    width: 100%;
                    height: ${C.spacing[7]};
                    border-radius: ${C.spacing[1.5]};
                    font-size: ${C.typography.label[3].fontSize};
                    font-weight: ${C.fontWeights.medium};
                    color: var(--foreground);
                    background: var(--accent);
                    box-shadow:
                      ${C.colors.white} 0px 0px 0px 0px,
                      var(--accent) 0px 0px 0px 1px,
                      ${C.alpha(C.colors.white,7)} 0px 1px 0px 0px inset,
                      ${C.alpha(C.colors.gray[1300],20)} 0px 1px 3px 0px;
                    outline: none;
                    margin: 0;
                    padding: 0;
                    &::before {
                      content: '';
                      position: absolute;
                      inset: 0;
                      background: linear-gradient(
                        180deg,
                        ${C.alpha(C.colors.white,16)} 46%,
                        ${C.alpha(C.colors.white,0)} 54%
                      );
                      mix-blend-mode: overlay;
                      border-radius: inherit;
                    }
                    &:focus-visible {
                      outline: 2px solid var(--accent);
                      outline-offset: 2px;
                    }
                  `,children:[(0,r.Y)("span",{css:(0,t.AH)`
                      position: relative;
                      z-index: 1;
                    `,children:c?"Get API keys":"Claim application"}),(0,r.Y)("svg",{css:{width:C.spacing[2.5],height:C.spacing[2.5],flexShrink:0,opacity:.6},viewBox:"0 0 10 10","aria-hidden":"true",children:(0,r.Y)("path",{fill:"currentColor",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"m7.25 5-3.5-2.25v4.5L7.25 5Z"})})]})]})})})]})})}let g=e=>(0,r.Y)(c.S,{children:(0,r.Y)(u,{...e})})},8307:function(e,i,n){n.d(i,{CB:()=>d,F3:()=>l,MF:()=>c,Uw:()=>a,mk:()=>s});var r=n(4518),o=n(8802),t=n(8272);function a({children:e,sx:i,...n}){return(0,r.Y)(t.so,{sx:e=>[{borderRadius:"1.25rem",fontFamily:e.fonts.$main,background:"linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), #1f1f1f",boxShadow:"0px 0px 0px 0.5px #2F3037 inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 0px 0.8px 0.8px rgba(255, 255, 255, 0.20) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.72), 0px 16px 36px -6px rgba(0, 0, 0, 0.36), 0px 6px 16px -2px rgba(0, 0, 0, 0.20);"},i],...n,children:e})}let s=(0,o.AH)`
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  line-height: 1.5;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    segoe ui,
    helvetica neue,
    helvetica,
    Cantarell,
    Ubuntu,
    roboto,
    noto,
    arial,
    sans-serif;
  text-decoration: none;
`;function l(e){return(0,r.Y)("svg",{...e,viewBox:"0 0 16 17",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,r.FD)("g",{opacity:"0.88",children:[(0,r.Y)("path",{d:"M13.8002 8.20039C13.8002 8.96206 13.6502 9.71627 13.3587 10.42C13.0672 11.1236 12.64 11.763 12.1014 12.3016C11.5628 12.8402 10.9234 13.2674 10.2198 13.5589C9.51607 13.8504 8.76186 14.0004 8.0002 14.0004C7.23853 14.0004 6.48432 13.8504 5.78063 13.5589C5.07694 13.2674 4.43756 12.8402 3.89898 12.3016C3.3604 11.763 2.93317 11.1236 2.64169 10.42C2.35022 9.71627 2.2002 8.96206 2.2002 8.20039C2.2002 6.66214 2.81126 5.18688 3.89898 4.09917C4.98669 3.01146 6.46194 2.40039 8.0002 2.40039C9.53845 2.40039 11.0137 3.01146 12.1014 4.09917C13.1891 5.18688 13.8002 6.66214 13.8002 8.20039Z",fill:"#22C543",fillOpacity:"0.16"}),(0,r.Y)("path",{d:"M6.06686 8.68372L7.51686 10.1337L9.93353 6.75039M13.8002 8.20039C13.8002 8.96206 13.6502 9.71627 13.3587 10.42C13.0672 11.1236 12.64 11.763 12.1014 12.3016C11.5628 12.8402 10.9234 13.2674 10.2198 13.5589C9.51607 13.8504 8.76186 14.0004 8.0002 14.0004C7.23853 14.0004 6.48432 13.8504 5.78063 13.5589C5.07694 13.2674 4.43756 12.8402 3.89898 12.3016C3.3604 11.763 2.93317 11.1236 2.64169 10.42C2.35022 9.71627 2.2002 8.96206 2.2002 8.20039C2.2002 6.66214 2.81126 5.18688 3.89898 4.09917C4.98669 3.01146 6.46194 2.40039 8.0002 2.40039C9.53845 2.40039 11.0137 3.01146 12.1014 4.09917C13.1891 5.18688 13.8002 6.66214 13.8002 8.20039Z",stroke:"#22C543",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}function d(e){let i=new URL(e).href.match(/^https?:\/\/(.*?)\/apps\/app_(.+?)\/instances\/ins_(.+?)(?:\/.*)?$/);if(!i)throw Error("Invalid value Dashboard URL structure");return{baseDomain:`https://${i[1]}`,appId:`app_${i[2]}`,instanceId:`ins_${i[3]}`}}function c(){return(0,r.FD)("svg",{width:"1rem",height:"1.25rem",viewBox:"0 0 16 20",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:[(0,r.FD)("g",{filter:"url(#filter0_i_438_501)",children:[(0,r.Y)("path",{d:"M10.4766 9.99979C10.4766 11.3774 9.35978 12.4942 7.98215 12.4942C6.60452 12.4942 5.48773 11.3774 5.48773 9.99979C5.48773 8.62216 6.60452 7.50537 7.98215 7.50537C9.35978 7.50537 10.4766 8.62216 10.4766 9.99979Z",fill:"#BBBBBB"}),(0,r.Y)("path",{d:"M12.4176 3.36236C12.6676 3.52972 12.6889 3.88187 12.4762 4.09457L10.6548 5.91595C10.4897 6.08107 10.2336 6.10714 10.0257 6.00071C9.41273 5.68684 8.71811 5.50976 7.98214 5.50976C5.5024 5.50976 3.49219 7.51998 3.49219 9.99972C3.49219 10.7357 3.66926 11.4303 3.98314 12.0433C4.08957 12.2511 4.06349 12.5073 3.89837 12.6724L2.07699 14.4938C1.86429 14.7065 1.51215 14.6851 1.34479 14.4352C0.495381 13.1666 0 11.641 0 9.99972C0 5.5913 3.57373 2.01758 7.98214 2.01758C9.62345 2.01758 11.1491 2.51296 12.4176 3.36236Z",fill:"#8F8F8F"}),(0,r.Y)("path",{d:"M12.4762 15.905C12.6889 16.1177 12.6675 16.4698 12.4176 16.6372C11.149 17.4866 9.62342 17.982 7.9821 17.982C6.34078 17.982 4.81516 17.4866 3.54661 16.6372C3.29666 16.4698 3.27531 16.1177 3.48801 15.905L5.30938 14.0836C5.4745 13.9185 5.73066 13.8924 5.93851 13.9988C6.55149 14.3127 7.24612 14.4898 7.9821 14.4898C8.71808 14.4898 9.4127 14.3127 10.0257 13.9988C10.2335 13.8924 10.4897 13.9185 10.6548 14.0836L12.4762 15.905Z",fill:"#BBBBBB"})]}),(0,r.Y)("defs",{children:(0,r.FD)("filter",{id:"filter0_i_438_501",x:"0",y:"1.86758",width:"12.6217",height:"16.1144",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,r.Y)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,r.Y)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,r.Y)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,r.Y)("feOffset",{dy:"-0.15"}),(0,r.Y)("feGaussianBlur",{stdDeviation:"0.15"}),(0,r.Y)("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),(0,r.Y)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),(0,r.Y)("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_438_501"})]})})]})}}}]);