@clerk/ui 1.0.0-canary.v20260109111147 → 1.0.0-canary.v20260109133726
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/573_ui_8b7938_1.0.0-canary.v20260109133726.js +1 -0
- package/dist/573_ui_db91a9_1.0.0-canary.v20260109133726.js +1 -0
- package/dist/ClerkUi.js +2 -2
- package/dist/components/OrganizationProfile/InviteMembersForm.js +10 -5
- package/dist/components/OrganizationProfile/InviteMembersForm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/internal/index.js +1 -1
- package/dist/ui.browser.js +1 -1
- package/dist/ui.legacy.browser.js +1 -1
- package/package.json +3 -3
- package/dist/573_ui_2fe7d3_1.0.0-canary.v20260109111147.js +0 -1
- package/dist/573_ui_48e89f_1.0.0-canary.v20260109111147.js +0 -1
- /package/dist/{207_ui_48e89f_1.0.0-canary.v20260109111147.js → 207_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{207_ui_2fe7d3_1.0.0-canary.v20260109111147.js → 207_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{217_ui_48e89f_1.0.0-canary.v20260109111147.js → 217_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{217_ui_2fe7d3_1.0.0-canary.v20260109111147.js → 217_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{360_ui_48e89f_1.0.0-canary.v20260109111147.js → 360_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{360_ui_2fe7d3_1.0.0-canary.v20260109111147.js → 360_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{444_ui_48e89f_1.0.0-canary.v20260109111147.js → 444_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{444_ui_2fe7d3_1.0.0-canary.v20260109111147.js → 444_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{970_ui_48e89f_1.0.0-canary.v20260109111147.js → 970_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{970_ui_2fe7d3_1.0.0-canary.v20260109111147.js → 970_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{apiKeys_ui_48e89f_1.0.0-canary.v20260109111147.js → apiKeys_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{apiKeys_ui_2fe7d3_1.0.0-canary.v20260109111147.js → apiKeys_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{blankcaptcha_ui_48e89f_1.0.0-canary.v20260109111147.js → blankcaptcha_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{blankcaptcha_ui_2fe7d3_1.0.0-canary.v20260109111147.js → blankcaptcha_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{checkout_ui_48e89f_1.0.0-canary.v20260109111147.js → checkout_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{checkout_ui_2fe7d3_1.0.0-canary.v20260109111147.js → checkout_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{copy-api-key-modal_ui_48e89f_1.0.0-canary.v20260109111147.js → copy-api-key-modal_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{copy-api-key-modal_ui_2fe7d3_1.0.0-canary.v20260109111147.js → copy-api-key-modal_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{createorganization_ui_48e89f_1.0.0-canary.v20260109111147.js → createorganization_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{createorganization_ui_2fe7d3_1.0.0-canary.v20260109111147.js → createorganization_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{enableOrganizationsPrompt_ui_48e89f_1.0.0-canary.v20260109111147.js → enableOrganizationsPrompt_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{enableOrganizationsPrompt_ui_2fe7d3_1.0.0-canary.v20260109111147.js → enableOrganizationsPrompt_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{framework_ui_48e89f_1.0.0-canary.v20260109111147.js → framework_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{framework_ui_2fe7d3_1.0.0-canary.v20260109111147.js → framework_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{impersonationfab_ui_48e89f_1.0.0-canary.v20260109111147.js → impersonationfab_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{impersonationfab_ui_2fe7d3_1.0.0-canary.v20260109111147.js → impersonationfab_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{keylessPrompt_ui_48e89f_1.0.0-canary.v20260109111147.js → keylessPrompt_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{keylessPrompt_ui_2fe7d3_1.0.0-canary.v20260109111147.js → keylessPrompt_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{oauthConsent_ui_48e89f_1.0.0-canary.v20260109111147.js → oauthConsent_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{oauthConsent_ui_2fe7d3_1.0.0-canary.v20260109111147.js → oauthConsent_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{onetap_ui_48e89f_1.0.0-canary.v20260109111147.js → onetap_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{onetap_ui_2fe7d3_1.0.0-canary.v20260109111147.js → onetap_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{op-api-keys-page_ui_48e89f_1.0.0-canary.v20260109111147.js → op-api-keys-page_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{op-api-keys-page_ui_2fe7d3_1.0.0-canary.v20260109111147.js → op-api-keys-page_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{op-billing-page_ui_48e89f_1.0.0-canary.v20260109111147.js → op-billing-page_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{op-billing-page_ui_2fe7d3_1.0.0-canary.v20260109111147.js → op-billing-page_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{op-plans-page_ui_48e89f_1.0.0-canary.v20260109111147.js → op-plans-page_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{op-plans-page_ui_2fe7d3_1.0.0-canary.v20260109111147.js → op-plans-page_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{organizationlist_ui_48e89f_1.0.0-canary.v20260109111147.js → organizationlist_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{organizationlist_ui_2fe7d3_1.0.0-canary.v20260109111147.js → organizationlist_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{organizationprofile_ui_48e89f_1.0.0-canary.v20260109111147.js → organizationprofile_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{organizationprofile_ui_2fe7d3_1.0.0-canary.v20260109111147.js → organizationprofile_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{organizationswitcher_ui_48e89f_1.0.0-canary.v20260109111147.js → organizationswitcher_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{organizationswitcher_ui_2fe7d3_1.0.0-canary.v20260109111147.js → organizationswitcher_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{payment-attempt-page_ui_48e89f_1.0.0-canary.v20260109111147.js → payment-attempt-page_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{payment-attempt-page_ui_2fe7d3_1.0.0-canary.v20260109111147.js → payment-attempt-page_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{planDetails_ui_48e89f_1.0.0-canary.v20260109111147.js → planDetails_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{planDetails_ui_2fe7d3_1.0.0-canary.v20260109111147.js → planDetails_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{prefetchorganizationlist_ui_48e89f_1.0.0-canary.v20260109111147.js → prefetchorganizationlist_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{prefetchorganizationlist_ui_2fe7d3_1.0.0-canary.v20260109111147.js → prefetchorganizationlist_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{pricingTable_ui_48e89f_1.0.0-canary.v20260109111147.js → pricingTable_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{pricingTable_ui_2fe7d3_1.0.0-canary.v20260109111147.js → pricingTable_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{revoke-api-key-modal_ui_48e89f_1.0.0-canary.v20260109111147.js → revoke-api-key-modal_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{revoke-api-key-modal_ui_2fe7d3_1.0.0-canary.v20260109111147.js → revoke-api-key-modal_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{sessionTasks_ui_48e89f_1.0.0-canary.v20260109111147.js → sessionTasks_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{sessionTasks_ui_2fe7d3_1.0.0-canary.v20260109111147.js → sessionTasks_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{signin_ui_48e89f_1.0.0-canary.v20260109111147.js → signin_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{signin_ui_2fe7d3_1.0.0-canary.v20260109111147.js → signin_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{signup_ui_48e89f_1.0.0-canary.v20260109111147.js → signup_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{signup_ui_2fe7d3_1.0.0-canary.v20260109111147.js → signup_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{statement-page_ui_48e89f_1.0.0-canary.v20260109111147.js → statement-page_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{statement-page_ui_2fe7d3_1.0.0-canary.v20260109111147.js → statement-page_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{subscriptionDetails_ui_48e89f_1.0.0-canary.v20260109111147.js → subscriptionDetails_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{subscriptionDetails_ui_2fe7d3_1.0.0-canary.v20260109111147.js → subscriptionDetails_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{taskChooseOrganization_ui_48e89f_1.0.0-canary.v20260109111147.js → taskChooseOrganization_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{taskChooseOrganization_ui_2fe7d3_1.0.0-canary.v20260109111147.js → taskChooseOrganization_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{taskResetPassword_ui_48e89f_1.0.0-canary.v20260109111147.js → taskResetPassword_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{taskResetPassword_ui_2fe7d3_1.0.0-canary.v20260109111147.js → taskResetPassword_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{ui-common_ui_48e89f_1.0.0-canary.v20260109111147.js → ui-common_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{ui-common_ui_2fe7d3_1.0.0-canary.v20260109111147.js → ui-common_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{up-api-keys-page_ui_48e89f_1.0.0-canary.v20260109111147.js → up-api-keys-page_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{up-api-keys-page_ui_2fe7d3_1.0.0-canary.v20260109111147.js → up-api-keys-page_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{up-billing-page_ui_48e89f_1.0.0-canary.v20260109111147.js → up-billing-page_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{up-billing-page_ui_2fe7d3_1.0.0-canary.v20260109111147.js → up-billing-page_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{up-plans-page_ui_48e89f_1.0.0-canary.v20260109111147.js → up-plans-page_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{up-plans-page_ui_2fe7d3_1.0.0-canary.v20260109111147.js → up-plans-page_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{useravatar_ui_48e89f_1.0.0-canary.v20260109111147.js → useravatar_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{useravatar_ui_2fe7d3_1.0.0-canary.v20260109111147.js → useravatar_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{userbutton_ui_48e89f_1.0.0-canary.v20260109111147.js → userbutton_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{userbutton_ui_2fe7d3_1.0.0-canary.v20260109111147.js → userbutton_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{userprofile_ui_48e89f_1.0.0-canary.v20260109111147.js → userprofile_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{userprofile_ui_2fe7d3_1.0.0-canary.v20260109111147.js → userprofile_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{userverification_ui_48e89f_1.0.0-canary.v20260109111147.js → userverification_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{userverification_ui_2fe7d3_1.0.0-canary.v20260109111147.js → userverification_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{vendors_ui_48e89f_1.0.0-canary.v20260109111147.js → vendors_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{vendors_ui_2fe7d3_1.0.0-canary.v20260109111147.js → vendors_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{waitlist_ui_48e89f_1.0.0-canary.v20260109111147.js → waitlist_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{waitlist_ui_2fe7d3_1.0.0-canary.v20260109111147.js → waitlist_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{web3-solana-wallet-buttons_ui_48e89f_1.0.0-canary.v20260109111147.js → web3-solana-wallet-buttons_ui_8b7938_1.0.0-canary.v20260109133726.js} +0 -0
- /package/dist/{web3-solana-wallet-buttons_ui_2fe7d3_1.0.0-canary.v20260109111147.js → web3-solana-wallet-buttons_ui_db91a9_1.0.0-canary.v20260109133726.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["573"],{33934:function(e,l,t){t.d(l,{B:()=>y}),t(22501),t(88711),t(32880),t(25902),t(56359),t(894),t(6373),t(63418),t(93412),t(19161),t(95055),t(89305);var i=t(14518),n=t(73610),o=t(21210),r=t(35074),a=t(63269),s=t(52454),d=t(11475),c=t(86212),u=t(4468),p=t(23990),h=t(8640),m=t(97697),v=t(18272),g=t(33486),f=t(10078),b=t(22861),Y=t(37591),_=t(94482);let z=e=>/^\S+@\S+\.\S+$/.test(e),y=e=>{let{onSuccess:l,onReset:t,resetButtonLabel:m}=e,{organization:g,invitations:_}=(0,o.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),y=(0,a.f0)(),{t:S,locale:D}=(0,f._)(),[$,w]=(0,r.useState)(!1),k=(0,h.tJ)("emailAddress","",{type:"text",label:(0,b.G)("formFieldLabel__emailAddresses")}),F=(0,h.tJ)("role","",{label:(0,b.G)("formFieldLabel__role")});if(!g)return null;let{props:{setError:P,setWarning:C,setSuccess:A,setInfo:E,isFocused:G,validatePassword:T,setHasPassedComplexity:K,hasPassedComplexity:M,feedback:R,feedbackType:B,clearFeedback:I,...L}}=k,j=(!!k.value.length||$)&&!!F.value;return(0,i.FD)(s.l.Root,{onSubmit:e=>{if(e.preventDefault(),!j)return;let t=new FormData(e.currentTarget);return g.inviteMembers({emailAddresses:k.value.split(","),role:t.get("role")}).then(async()=>{var e;return await (null==_||null==(e=_.revalidate)?void 0:e.call(_)),null==l?void 0:l()}).catch(e=>{var l,t,i,o,r,a,s,d,c,h;let m,v;if(!(0,n.$R)(e))return void(0,u.H4)(e,[],y.setError);switch(m=new Set([...null!=(c=null==(s=(a=e.errors[0]).meta)?void 0:s.emailAddresses)?c:[],...null!=(h=null==(d=a.meta)?void 0:d.identifiers)?h:[]]),v=k.value.split(","),k.setValue(v.filter(e=>!m.has(e)).join(",")),null==(t=e.errors)||null==(l=t[0])?void 0:l.code){case"duplicate_record":{let l=(null==(i=e.errors[0].meta)?void 0:i.emailAddresses)||[];y.setError(S((0,b.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,p.kS)(l,D)})));break}case"already_a_member_in_organization":{let l=null==(o=(null!=(r=e.errors[0].longMessage)?r:"").match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/))?void 0:o[0];(0,u.H4)(e,[],e=>l?y.setError(S((0,b.G)("unstable__errors.already_a_member_in_organization",{email:l}))):y.setError(e));break}default:(0,u.H4)(e,[],y.setError)}})},children:[(0,i.Y)(s.l.ControlRow,{elementId:k.id,children:(0,i.Y)(c.F,{...L,autoFocus:!0,validate:z,sx:{width:"100%"},validateUnsubmittedEmail:e=>w(z(e)),placeholder:(0,b.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,i.FD)(v.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[Y.g.sm]:{justifyContent:"center"}}),children:[(0,i.Y)(x,{...F}),(0,i.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,i.Y)(s.l.SubmitButton,{block:!1,isDisabled:!j,localizationKey:(0,b.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,i.Y)(s.l.ResetButton,{localizationKey:m||(0,b.G)("userProfile.formButtonReset"),block:!1,onClick:t})]})]})]})},x=e=>{let{options:l,isLoading:t,hasRoleSetMigration:n}=(0,g.x)(),{t:o}=(0,f._)(),a=S();return(0,r.useEffect)(()=>{e.value||!a||(null==l?void 0:l.some(e=>e.value===a))&&e.setValue(a)},[a,l,e]),(0,i.Y)(s.l.ControlRow,{elementId:e.id,children:(0,i.Y)(v.so,{direction:"col",gap:2,children:(0,i.Y)(_.Vo,{...e.props,roles:l,isDisabled:t||n,onChange:l=>e.setValue(l),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:"".concat(o((0,b.G)("formFieldLabel__role")),":")})})})},S=()=>{let{options:e}=(0,g.x)(),{organizationSettings:l}=(0,m.O)(),t=l.domains.defaultRole;return t||(null==e?void 0:e.length)!==1||(t=e[0].value),t}},53100:function(e,l,t){t.d(l,{D:()=>g,k:()=>f});var i=t(14518),n=t(21210),o=t(63269),r=t(23549),a=t(54003),s=t(26370),d=t(46245),c=t(22861),u=t(18272),p=t(58920),h=t(92513),m=t(74421),v=t(33934);let g=(0,o.dm)(e=>{let{close:l}=(0,h.D5)(),{onReset:t=l}=e,a=(0,c.G)("organizationProfile.invitePage.title"),u=(0,c.G)("organizationProfile.invitePage.subtitle"),p=(0,o.f0)(),m=(0,d.X)({onNextStep:()=>p.setError(void 0)}),{organization:g}=(0,n.Z5)();return g?(0,i.FD)(d.s,{...m.props,children:[(0,i.Y)(r.M,{headerTitle:a,headerSubtitle:u,children:(0,i.Y)(v.B,{onSuccess:m.nextStep,onReset:t})}),(0,i.Y)(s.B,{title:a,onFinish:l,contents:(0,i.Y)(f,{})})]}):null}),f=()=>(0,i.FD)(u.so,{direction:"col",center:!0,gap:4,children:[(0,i.Y)(a.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:m.A}),(0,i.Y)(u.EY,{localizationKey:(0,c.G)("organizationProfile.invitePage.successMessage")})]})},94482:function(e,l,t){t.d(l,{Vo:()=>v,Yq:()=>m,bQ:()=>p}),t(19161),t(22239),t(88711),t(85074);var i=t(14518),n=t(35074),o=t(18819),r=t(41586),a=t(18272),s=t(58920),d=t(10078),c=t(22861),u=t(33486);let p=e=>{let{headers:l,page:t,onPageChange:n,rows:r,isLoading:d,itemCount:c,itemsPerPage:u,pageCount:p,emptyStateLocalizationKey:m}=e,v=c>0?Math.max(0,(t-1)*u)+1:0,g=Math.min(t*u,c);return(0,i.FD)(a.fv,{gap:4,sx:{width:"100%"},children:[(0,i.Y)(a.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,i.FD)(a.XI,{children:[(0,i.Y)(a.d8,{children:(0,i.Y)(a.Tr,{children:l.map((e,l)=>(0,i.Y)(a.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e},l))})}),(0,i.Y)(a.NN,{children:d?(0,i.Y)(a.Tr,{children:(0,i.Y)(a.Td,{colSpan:4,children:(0,i.Y)(a.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):r.length?r:(0,i.Y)(h,{localizationKey:m},"empty")})]})}),p>1&&(0,i.Y)(o.d,{count:p,page:t,onChange:n,siblingCount:1,rowInfo:{allRowsCount:c,startingRow:v,endingRow:g}})]})},h=e=>(0,i.Y)(a.Tr,{children:(0,i.Y)(a.Td,{colSpan:4,children:(0,i.Y)(a.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=e=>(0,i.Y)(a.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),v=e=>{let{value:l,fallbackLabel:t,roles:o,onChange:s,isDisabled:p,triggerSx:h,optionListSx:m,prefixLocalizationKey:v}=e,{localizeCustomRole:f}=(0,u.l)(),b=(0,n.useMemo)(()=>[...o||[]],[o]),Y=(0,n.useMemo)(()=>b.find(e=>e.value===l),[b,l]),{t:_}=(0,d._)(),z=(0,n.useMemo)(()=>b.map(e=>({value:e.value,label:f(e.value)||e.label})),[b,f]);return(0,i.FD)(r.l6,{elementId:"role",options:z,value:l,placeholder:_((0,c.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,l,t)=>(0,i.Y)(g,{isSelected:t,option:e}),children:[(0,i.Y)("input",{name:"role",type:"hidden",value:l}),(0,i.Y)(r.JC,{sx:h||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!l&&b.length>0&&!Y,children:(null==Y?void 0:Y.label)||(null==Y?void 0:Y.value)?(0,i.FD)(a.so,{as:"span",gap:1,children:[v&&(0,i.Y)(a.EY,{as:"span",colorScheme:"secondary",localizationKey:v}),(0,i.Y)(a.EY,{as:"span",colorScheme:"body",children:f(null==Y?void 0:Y.value)||(null==Y?void 0:Y.label)})]}):t?(0,i.Y)(a.EY,{as:"span",colorScheme:"body",children:t}):null}),(0,i.Y)(r.UL,{sx:m})]})},g=(0,n.memo)(e=>{let{option:l,isSelected:t,sx:n,...o}=e;return(0,i.Y)(a.so,{sx:[e=>({width:"100%",padding:"".concat(e.space.$2," ").concat(e.space.$4),borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),n],...o,children:(0,i.Y)(a.EY,{variant:"subtitle",children:null==l?void 0:l.label})})})},75377:function(e,l,t){t.d(l,{i:()=>d});var i=t(14518),n=t(63817),o=t(36890),r=t(18272),a=t(58920),s=t(22861);let d=e=>{let{organization:l,...t}=e;return(0,i.FD)(r.fv,{elementDescriptor:a.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(r.EY,{variant:"subtitle",sx:e=>({textAlign:"left",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(n.k,{...t,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(o.h,{size:e=>e.sizes.$16,...l})})]})}},23689:function(e,l,t){t.d(l,{l_:()=>n,mu:()=>i}),t(19161),t(22239),t(95055);let i={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},n=(e,l,t)=>{var i;if(void 0===l)return[{data:[e],total_count:1}];let n=(null==l||null==(i=l[l.length-1])?void 0:i.total_count)||1;return l.map(l=>{if(void 0===l)return l;let i=l.data.map(l=>l.id===e.id?{...e}:l);return{...l,data:i,total_count:"negative"===t?n-1:n}})}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["573"],{3934:function(e,t,i){i.d(t,{B:()=>y});var r=i(4518),l=i(3610),a=i(1210),o=i(5074),n=i(3269),s=i(2454),c=i(1475),d=i(6212),u=i(4468),p=i(3990),h=i(8640),m=i(7697),g=i(8272),f=i(3486),v=i(78),b=i(2861),Y=i(7591),_=i(4482);let z=e=>/^\S+@\S+\.\S+$/.test(e),y=e=>{let{onSuccess:t,onReset:i,resetButtonLabel:m}=e,{organization:f,invitations:_}=(0,a.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),y=(0,n.f0)(),{t:S,locale:$}=(0,v._)(),[D,w]=(0,o.useState)(!1),k=(0,h.tJ)("emailAddress","",{type:"text",label:(0,b.G)("formFieldLabel__emailAddresses")}),F=(0,h.tJ)("role","",{label:(0,b.G)("formFieldLabel__role")});if(!f)return null;let{props:{setError:P,setWarning:C,setSuccess:A,setInfo:E,isFocused:G,validatePassword:T,setHasPassedComplexity:K,hasPassedComplexity:M,feedback:R,feedbackType:B,clearFeedback:I,...L}}=k,j=(!!k.value.length||D)&&!!F.value;return(0,r.FD)(s.l.Root,{onSubmit:e=>{if(e.preventDefault(),!j)return;let i=new FormData(e.currentTarget);return f.inviteMembers({emailAddresses:k.value.split(","),role:i.get("role")}).then(async()=>(await _?.revalidate?.(),t?.())).catch(e=>{var t;let i,r;if(!(0,l.$R)(e))return void(0,u.H4)(e,[],y.setError);switch(t=e.errors[0],i=new Set([...t.meta?.emailAddresses??[],...t.meta?.identifiers??[]]),r=k.value.split(","),k.setValue(r.filter(e=>!i.has(e)).join(",")),e.errors?.[0]?.code){case"duplicate_record":{let t=e.errors[0].meta?.emailAddresses||[];y.setError(S((0,b.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,p.kS)(t,$)})));break}case"already_a_member_in_organization":{let t=e.errors[0].longMessage??"",i=t.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/)?.[0];(0,u.H4)(e,[],e=>i?y.setError(S((0,b.G)("unstable__errors.already_a_member_in_organization",{email:i}))):y.setError(e));break}default:(0,u.H4)(e,[],y.setError)}})},children:[(0,r.Y)(s.l.ControlRow,{elementId:k.id,children:(0,r.Y)(d.F,{...L,autoFocus:!0,validate:z,sx:{width:"100%"},validateUnsubmittedEmail:e=>w(z(e)),placeholder:(0,b.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,r.FD)(g.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[Y.g.sm]:{justifyContent:"center"}}),children:[(0,r.Y)(x,{...F}),(0,r.FD)(c.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,r.Y)(s.l.SubmitButton,{block:!1,isDisabled:!j,localizationKey:(0,b.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,r.Y)(s.l.ResetButton,{localizationKey:m||(0,b.G)("userProfile.formButtonReset"),block:!1,onClick:i})]})]})]})},x=e=>{let{options:t,isLoading:i,hasRoleSetMigration:l}=(0,f.x)(),{t:a}=(0,v._)(),n=S();return(0,o.useEffect)(()=>{e.value||!n||t?.some(e=>e.value===n)&&e.setValue(n)},[n,t,e]),(0,r.Y)(s.l.ControlRow,{elementId:e.id,children:(0,r.Y)(g.so,{direction:"col",gap:2,children:(0,r.Y)(_.Vo,{...e.props,roles:t,isDisabled:i||l,onChange:t=>e.setValue(t),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:`${a((0,b.G)("formFieldLabel__role"))}:`})})})},S=()=>{let{options:e}=(0,f.x)(),{organizationSettings:t}=(0,m.O)(),i=t.domains.defaultRole;return i||e?.length!==1||(i=e[0].value),i}},3100:function(e,t,i){i.d(t,{D:()=>f,k:()=>v});var r=i(4518),l=i(1210),a=i(3269),o=i(3549),n=i(6384),s=i(6370),c=i(6245),d=i(2861),u=i(8272),p=i(8920),h=i(2513),m=i(4421),g=i(3934);let f=(0,a.dm)(e=>{let{close:t}=(0,h.D5)(),{onReset:i=t}=e,n=(0,d.G)("organizationProfile.invitePage.title"),u=(0,d.G)("organizationProfile.invitePage.subtitle"),p=(0,a.f0)(),m=(0,c.X)({onNextStep:()=>p.setError(void 0)}),{organization:f}=(0,l.Z5)();return f?(0,r.FD)(c.s,{...m.props,children:[(0,r.Y)(o.M,{headerTitle:n,headerSubtitle:u,children:(0,r.Y)(g.B,{onSuccess:m.nextStep,onReset:i})}),(0,r.Y)(s.B,{title:n,onFinish:t,contents:(0,r.Y)(v,{})})]}):null}),v=()=>(0,r.FD)(u.so,{direction:"col",center:!0,gap:4,children:[(0,r.Y)(n.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:m.A}),(0,r.Y)(u.EY,{localizationKey:(0,d.G)("organizationProfile.invitePage.successMessage")})]})},4482:function(e,t,i){i.d(t,{Vo:()=>g,Yq:()=>m,bQ:()=>p});var r=i(4518),l=i(5074),a=i(8819),o=i(1586),n=i(8272),s=i(8920),c=i(78),d=i(2861),u=i(3486);let p=e=>{let{headers:t,page:i,onPageChange:l,rows:o,isLoading:c,itemCount:d,itemsPerPage:u,pageCount:p,emptyStateLocalizationKey:m}=e,g=d>0?Math.max(0,(i-1)*u)+1:0,f=Math.min(i*u,d);return(0,r.FD)(n.fv,{gap:4,sx:{width:"100%"},children:[(0,r.Y)(n.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,r.FD)(n.XI,{children:[(0,r.Y)(n.d8,{children:(0,r.Y)(n.Tr,{children:t.map((e,t)=>(0,r.Y)(n.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e},t))})}),(0,r.Y)(n.NN,{children:c?(0,r.Y)(n.Tr,{children:(0,r.Y)(n.Td,{colSpan:4,children:(0,r.Y)(n.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):o.length?o:(0,r.Y)(h,{localizationKey:m},"empty")})]})}),p>1&&(0,r.Y)(a.d,{count:p,page:i,onChange:l,siblingCount:1,rowInfo:{allRowsCount:d,startingRow:g,endingRow:f}})]})},h=e=>(0,r.Y)(n.Tr,{children:(0,r.Y)(n.Td,{colSpan:4,children:(0,r.Y)(n.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=e=>(0,r.Y)(n.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),g=e=>{let{value:t,fallbackLabel:i,roles:a,onChange:s,isDisabled:p,triggerSx:h,optionListSx:m,prefixLocalizationKey:g}=e,{localizeCustomRole:v}=(0,u.l)(),b=(0,l.useMemo)(()=>[...a||[]],[a]),Y=(0,l.useMemo)(()=>b.find(e=>e.value===t),[b,t]),{t:_}=(0,c._)(),z=(0,l.useMemo)(()=>b.map(e=>({value:e.value,label:v(e.value)||e.label})),[b,v]);return(0,r.FD)(o.l6,{elementId:"role",options:z,value:t,placeholder:_((0,d.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,t,i)=>(0,r.Y)(f,{isSelected:i,option:e}),children:[(0,r.Y)("input",{name:"role",type:"hidden",value:t}),(0,r.Y)(o.JC,{sx:h||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!t&&b.length>0&&!Y,children:Y?.label||Y?.value?(0,r.FD)(n.so,{as:"span",gap:1,children:[g&&(0,r.Y)(n.EY,{as:"span",colorScheme:"secondary",localizationKey:g}),(0,r.Y)(n.EY,{as:"span",colorScheme:"body",children:v(Y?.value)||Y?.label})]}):i?(0,r.Y)(n.EY,{as:"span",colorScheme:"body",children:i}):null}),(0,r.Y)(o.UL,{sx:m})]})},f=(0,l.memo)(e=>{let{option:t,isSelected:i,sx:l,...a}=e;return(0,r.Y)(n.so,{sx:[e=>({width:"100%",padding:`${e.space.$2} ${e.space.$4}`,borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),l],...a,children:(0,r.Y)(n.EY,{variant:"subtitle",children:t?.label})})})},5377:function(e,t,i){i.d(t,{i:()=>c});var r=i(4518),l=i(3817),a=i(6890),o=i(8272),n=i(8920),s=i(2861);let c=e=>{let{organization:t,...i}=e;return(0,r.FD)(o.fv,{elementDescriptor:n.$z.organizationAvatarUploaderContainer,children:[(0,r.Y)(o.EY,{variant:"subtitle",sx:e=>({textAlign:"left",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,r.Y)(l.k,{...i,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,r.Y)(a.h,{size:e=>e.sizes.$16,...t})})]})}},3689:function(e,t,i){i.d(t,{l_:()=>l,mu:()=>r});let r={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},l=(e,t,i)=>{if(void 0===t)return[{data:[e],total_count:1}];let r=t?.[t.length-1]?.total_count||1;return t.map(t=>{if(void 0===t)return t;let l=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:l,total_count:"negative"===i?r-1:r}})}}}]);
|
package/dist/ClerkUi.js
CHANGED
|
@@ -2,8 +2,8 @@ import { mountComponentRenderer } from "./Components.js";
|
|
|
2
2
|
|
|
3
3
|
//#region src/ClerkUi.ts
|
|
4
4
|
var ClerkUi = class {
|
|
5
|
-
static version = "1.0.0-canary.
|
|
6
|
-
version = "1.0.0-canary.
|
|
5
|
+
static version = "1.0.0-canary.v20260109133726";
|
|
6
|
+
version = "1.0.0-canary.v20260109133726";
|
|
7
7
|
#componentRenderer;
|
|
8
8
|
constructor(getClerk, getEnvironment, options, moduleManager) {
|
|
9
9
|
this.#componentRenderer = mountComponentRenderer(getClerk, getEnvironment, options, moduleManager);
|
|
@@ -33,12 +33,7 @@ const InviteMembersForm = (props) => {
|
|
|
33
33
|
type: "text",
|
|
34
34
|
label: localizationKeys("formFieldLabel__emailAddresses")
|
|
35
35
|
});
|
|
36
|
-
const defaultRole = useDefaultRole();
|
|
37
36
|
const roleField = useFormControl("role", "", { label: localizationKeys("formFieldLabel__role") });
|
|
38
|
-
useEffect(() => {
|
|
39
|
-
if (roleField.value || !defaultRole) return;
|
|
40
|
-
roleField.setValue(defaultRole);
|
|
41
|
-
}, [defaultRole, roleField]);
|
|
42
37
|
if (!organization) return null;
|
|
43
38
|
const { props: { setError, setWarning, setSuccess, setInfo, isFocused, validatePassword, setHasPassedComplexity, hasPassedComplexity, feedback, feedbackType, clearFeedback,...restEmailAddressProps } } = emailAddressField;
|
|
44
39
|
const canSubmit = (!!emailAddressField.value.length || isValidUnsubmittedEmail) && !!roleField.value;
|
|
@@ -121,6 +116,16 @@ const InviteMembersForm = (props) => {
|
|
|
121
116
|
const AsyncRoleSelect = (field) => {
|
|
122
117
|
const { options, isLoading, hasRoleSetMigration } = useFetchRoles();
|
|
123
118
|
const { t } = useLocalizations();
|
|
119
|
+
const defaultRole = useDefaultRole();
|
|
120
|
+
useEffect(() => {
|
|
121
|
+
if (field.value || !defaultRole) return;
|
|
122
|
+
if (!options?.some((option) => option.value === defaultRole)) return;
|
|
123
|
+
field.setValue(defaultRole);
|
|
124
|
+
}, [
|
|
125
|
+
defaultRole,
|
|
126
|
+
options,
|
|
127
|
+
field
|
|
128
|
+
]);
|
|
124
129
|
return /* @__PURE__ */ jsx(Form.ControlRow, {
|
|
125
130
|
elementId: field.id,
|
|
126
131
|
children: /* @__PURE__ */ jsx(Flex, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InviteMembersForm.js","names":["err","t"],"sources":["../../../src/components/OrganizationProfile/InviteMembersForm.tsx"],"sourcesContent":["import { isClerkAPIResponseError } from '@clerk/shared/error';\nimport { useOrganization } from '@clerk/shared/react';\nimport type { ClerkAPIError } from '@clerk/shared/types';\nimport type { FormEvent } from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { useCardState } from '@/ui/elements/contexts';\nimport { Form } from '@/ui/elements/Form';\nimport { FormButtonContainer } from '@/ui/elements/FormButtons';\nimport { TagInput } from '@/ui/elements/TagInput';\nimport { handleError } from '@/ui/utils/errorHandler';\nimport { createListFormat } from '@/ui/utils/passwordUtils';\nimport { useFormControl } from '@/ui/utils/useFormControl';\n\nimport { useEnvironment } from '../../contexts';\nimport { Flex } from '../../customizables';\nimport { useFetchRoles } from '../../hooks/useFetchRoles';\nimport type { LocalizationKey } from '../../localization';\nimport { localizationKeys, useLocalizations } from '../../localization';\nimport { mqu } from '../../styledSystem';\nimport { RoleSelect } from './MemberListTable';\n\nconst isEmail = (str: string) => /^\\S+@\\S+\\.\\S+$/.test(str);\n\ntype InviteMembersFormProps = {\n onSuccess?: () => void;\n onReset?: () => void;\n primaryButtonLabel?: LocalizationKey;\n resetButtonLabel?: LocalizationKey;\n};\n\nexport const InviteMembersForm = (props: InviteMembersFormProps) => {\n const { onSuccess, onReset, resetButtonLabel } = props;\n const { organization, invitations } = useOrganization({\n invitations: {\n pageSize: 10,\n keepPreviousData: true,\n },\n });\n const card = useCardState();\n const { t, locale } = useLocalizations();\n const [isValidUnsubmittedEmail, setIsValidUnsubmittedEmail] = useState(false);\n\n const validateUnsubmittedEmail = (value: string) => setIsValidUnsubmittedEmail(isEmail(value));\n\n const emailAddressField = useFormControl('emailAddress', '', {\n type: 'text',\n label: localizationKeys('formFieldLabel__emailAddresses'),\n });\n\n const defaultRole = useDefaultRole();\n const roleField = useFormControl('role', '', {\n label: localizationKeys('formFieldLabel__role'),\n });\n\n useEffect(() => {\n if (roleField.value || !defaultRole) {\n return;\n }\n\n roleField.setValue(defaultRole);\n }, [defaultRole, roleField]);\n\n if (!organization) {\n return null;\n }\n\n const {\n props: {\n setError,\n setWarning,\n setSuccess,\n setInfo,\n isFocused,\n validatePassword,\n setHasPassedComplexity,\n hasPassedComplexity,\n feedback,\n feedbackType,\n clearFeedback,\n ...restEmailAddressProps\n },\n } = emailAddressField;\n\n const canSubmit = (!!emailAddressField.value.length || isValidUnsubmittedEmail) && !!roleField.value;\n\n const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n if (!canSubmit) {\n return;\n }\n\n const submittedData = new FormData(e.currentTarget);\n return organization\n .inviteMembers({\n emailAddresses: emailAddressField.value.split(','),\n role: submittedData.get('role') as string,\n })\n .then(async () => {\n await invitations?.revalidate?.();\n return onSuccess?.();\n })\n .catch(err => {\n if (!isClerkAPIResponseError(err)) {\n handleError(err, [], card.setError);\n return;\n }\n\n removeInvalidEmails(err.errors[0]);\n\n switch (err.errors?.[0]?.code) {\n case 'duplicate_record': {\n const unlocalizedEmailsList = err.errors[0].meta?.emailAddresses || [];\n card.setError(\n t(\n localizationKeys('organizationProfile.invitePage.detailsTitle__inviteFailed', {\n // Create a localized list of email addresses\n email_addresses: createListFormat(unlocalizedEmailsList, locale),\n }),\n ),\n );\n break;\n }\n case 'already_a_member_in_organization': {\n /**\n * Extracts email from the error message since it's not provided in the error response\n */\n const longMessage = err.errors[0].longMessage ?? '';\n const email = longMessage.match(/\\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Z|a-z]{2,}\\b/)?.[0];\n\n handleError(err, [], err =>\n email\n ? /**\n * Fallbacks to original error message in case the email cannot be extracted\n */\n card.setError(\n t(\n localizationKeys('unstable__errors.already_a_member_in_organization', {\n email,\n }),\n ),\n )\n : card.setError(err),\n );\n\n break;\n }\n default: {\n handleError(err, [], card.setError);\n }\n }\n });\n };\n\n const removeInvalidEmails = (err: ClerkAPIError) => {\n const invalidEmails = new Set([...(err.meta?.emailAddresses ?? []), ...(err.meta?.identifiers ?? [])]);\n const emails = emailAddressField.value.split(',');\n emailAddressField.setValue(emails.filter(e => !invalidEmails.has(e)).join(','));\n };\n\n return (\n <Form.Root onSubmit={onSubmit}>\n <Form.ControlRow elementId={emailAddressField.id}>\n <TagInput\n {...restEmailAddressProps}\n autoFocus\n validate={isEmail}\n sx={{ width: '100%' }}\n validateUnsubmittedEmail={validateUnsubmittedEmail}\n placeholder={localizationKeys('formFieldInputPlaceholder__emailAddresses')}\n />\n </Form.ControlRow>\n <Flex\n align='center'\n justify='between'\n sx={t => ({\n marginTop: t.space.$2,\n gap: t.space.$4,\n flexWrap: 'wrap',\n [mqu.sm]: { justifyContent: 'center' },\n })}\n >\n <AsyncRoleSelect {...roleField} />\n <FormButtonContainer sx={t => ({ margin: t.space.$none, flexWrap: 'wrap', justifyContent: 'center' })}>\n <Form.SubmitButton\n block={false}\n isDisabled={!canSubmit}\n localizationKey={localizationKeys('organizationProfile.invitePage.formButtonPrimary__continue')}\n />\n <Form.ResetButton\n localizationKey={resetButtonLabel || localizationKeys('userProfile.formButtonReset')}\n block={false}\n onClick={onReset}\n />\n </FormButtonContainer>\n </Flex>\n </Form.Root>\n );\n};\n\nconst AsyncRoleSelect = (field: ReturnType<typeof useFormControl<'role'>>) => {\n const { options, isLoading, hasRoleSetMigration } = useFetchRoles();\n\n const { t } = useLocalizations();\n\n return (\n <Form.ControlRow elementId={field.id}>\n <Flex\n direction='col'\n gap={2}\n >\n <RoleSelect\n {...field.props}\n roles={options}\n isDisabled={isLoading || hasRoleSetMigration}\n onChange={value => field.setValue(value)}\n triggerSx={t => ({ minWidth: t.sizes.$40, justifyContent: 'space-between', display: 'flex' })}\n optionListSx={t => ({ minWidth: t.sizes.$48 })}\n prefixLocalizationKey={`${t(localizationKeys('formFieldLabel__role'))}:`}\n />\n </Flex>\n </Form.ControlRow>\n );\n};\n\n/**\n * Determines default Role from the Organization settings or fallback to\n * the only available Role.\n */\nconst useDefaultRole = () => {\n const { options } = useFetchRoles();\n const { organizationSettings } = useEnvironment();\n\n let defaultRole = organizationSettings.domains.defaultRole;\n\n if (!defaultRole && options?.length === 1) {\n defaultRole = options[0].value;\n }\n\n return defaultRole;\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InviteMembersForm.js","names":["err","t"],"sources":["../../../src/components/OrganizationProfile/InviteMembersForm.tsx"],"sourcesContent":["import { isClerkAPIResponseError } from '@clerk/shared/error';\nimport { useOrganization } from '@clerk/shared/react';\nimport type { ClerkAPIError } from '@clerk/shared/types';\nimport type { FormEvent } from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { useCardState } from '@/ui/elements/contexts';\nimport { Form } from '@/ui/elements/Form';\nimport { FormButtonContainer } from '@/ui/elements/FormButtons';\nimport { TagInput } from '@/ui/elements/TagInput';\nimport { handleError } from '@/ui/utils/errorHandler';\nimport { createListFormat } from '@/ui/utils/passwordUtils';\nimport { useFormControl } from '@/ui/utils/useFormControl';\n\nimport { useEnvironment } from '../../contexts';\nimport { Flex } from '../../customizables';\nimport { useFetchRoles } from '../../hooks/useFetchRoles';\nimport type { LocalizationKey } from '../../localization';\nimport { localizationKeys, useLocalizations } from '../../localization';\nimport { mqu } from '../../styledSystem';\nimport { RoleSelect } from './MemberListTable';\n\nconst isEmail = (str: string) => /^\\S+@\\S+\\.\\S+$/.test(str);\n\ntype InviteMembersFormProps = {\n onSuccess?: () => void;\n onReset?: () => void;\n primaryButtonLabel?: LocalizationKey;\n resetButtonLabel?: LocalizationKey;\n};\n\nexport const InviteMembersForm = (props: InviteMembersFormProps) => {\n const { onSuccess, onReset, resetButtonLabel } = props;\n const { organization, invitations } = useOrganization({\n invitations: {\n pageSize: 10,\n keepPreviousData: true,\n },\n });\n const card = useCardState();\n const { t, locale } = useLocalizations();\n const [isValidUnsubmittedEmail, setIsValidUnsubmittedEmail] = useState(false);\n\n const validateUnsubmittedEmail = (value: string) => setIsValidUnsubmittedEmail(isEmail(value));\n\n const emailAddressField = useFormControl('emailAddress', '', {\n type: 'text',\n label: localizationKeys('formFieldLabel__emailAddresses'),\n });\n\n const roleField = useFormControl('role', '', {\n label: localizationKeys('formFieldLabel__role'),\n });\n\n if (!organization) {\n return null;\n }\n\n const {\n props: {\n setError,\n setWarning,\n setSuccess,\n setInfo,\n isFocused,\n validatePassword,\n setHasPassedComplexity,\n hasPassedComplexity,\n feedback,\n feedbackType,\n clearFeedback,\n ...restEmailAddressProps\n },\n } = emailAddressField;\n\n const canSubmit = (!!emailAddressField.value.length || isValidUnsubmittedEmail) && !!roleField.value;\n\n const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n if (!canSubmit) {\n return;\n }\n\n const submittedData = new FormData(e.currentTarget);\n return organization\n .inviteMembers({\n emailAddresses: emailAddressField.value.split(','),\n role: submittedData.get('role') as string,\n })\n .then(async () => {\n await invitations?.revalidate?.();\n return onSuccess?.();\n })\n .catch(err => {\n if (!isClerkAPIResponseError(err)) {\n handleError(err, [], card.setError);\n return;\n }\n\n removeInvalidEmails(err.errors[0]);\n\n switch (err.errors?.[0]?.code) {\n case 'duplicate_record': {\n const unlocalizedEmailsList = err.errors[0].meta?.emailAddresses || [];\n card.setError(\n t(\n localizationKeys('organizationProfile.invitePage.detailsTitle__inviteFailed', {\n // Create a localized list of email addresses\n email_addresses: createListFormat(unlocalizedEmailsList, locale),\n }),\n ),\n );\n break;\n }\n case 'already_a_member_in_organization': {\n /**\n * Extracts email from the error message since it's not provided in the error response\n */\n const longMessage = err.errors[0].longMessage ?? '';\n const email = longMessage.match(/\\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Z|a-z]{2,}\\b/)?.[0];\n\n handleError(err, [], err =>\n email\n ? /**\n * Fallbacks to original error message in case the email cannot be extracted\n */\n card.setError(\n t(\n localizationKeys('unstable__errors.already_a_member_in_organization', {\n email,\n }),\n ),\n )\n : card.setError(err),\n );\n\n break;\n }\n default: {\n handleError(err, [], card.setError);\n }\n }\n });\n };\n\n const removeInvalidEmails = (err: ClerkAPIError) => {\n const invalidEmails = new Set([...(err.meta?.emailAddresses ?? []), ...(err.meta?.identifiers ?? [])]);\n const emails = emailAddressField.value.split(',');\n emailAddressField.setValue(emails.filter(e => !invalidEmails.has(e)).join(','));\n };\n\n return (\n <Form.Root onSubmit={onSubmit}>\n <Form.ControlRow elementId={emailAddressField.id}>\n <TagInput\n {...restEmailAddressProps}\n autoFocus\n validate={isEmail}\n sx={{ width: '100%' }}\n validateUnsubmittedEmail={validateUnsubmittedEmail}\n placeholder={localizationKeys('formFieldInputPlaceholder__emailAddresses')}\n />\n </Form.ControlRow>\n <Flex\n align='center'\n justify='between'\n sx={t => ({\n marginTop: t.space.$2,\n gap: t.space.$4,\n flexWrap: 'wrap',\n [mqu.sm]: { justifyContent: 'center' },\n })}\n >\n <AsyncRoleSelect {...roleField} />\n <FormButtonContainer sx={t => ({ margin: t.space.$none, flexWrap: 'wrap', justifyContent: 'center' })}>\n <Form.SubmitButton\n block={false}\n isDisabled={!canSubmit}\n localizationKey={localizationKeys('organizationProfile.invitePage.formButtonPrimary__continue')}\n />\n <Form.ResetButton\n localizationKey={resetButtonLabel || localizationKeys('userProfile.formButtonReset')}\n block={false}\n onClick={onReset}\n />\n </FormButtonContainer>\n </Flex>\n </Form.Root>\n );\n};\n\nconst AsyncRoleSelect = (field: ReturnType<typeof useFormControl<'role'>>) => {\n const { options, isLoading, hasRoleSetMigration } = useFetchRoles();\n const { t } = useLocalizations();\n const defaultRole = useDefaultRole();\n\n useEffect(() => {\n if (field.value || !defaultRole) {\n return;\n }\n\n // Skip if the default role from org settings is not in the current role set\n // This will eventually be returned by the roles endpoint, and `organizationSettings.domains.defaultRole` will be deprecated\n const defaultRoleExists = options?.some(option => option.value === defaultRole);\n if (!defaultRoleExists) {\n return;\n }\n\n field.setValue(defaultRole);\n }, [defaultRole, options, field]);\n\n return (\n <Form.ControlRow elementId={field.id}>\n <Flex\n direction='col'\n gap={2}\n >\n <RoleSelect\n {...field.props}\n roles={options}\n isDisabled={isLoading || hasRoleSetMigration}\n onChange={value => field.setValue(value)}\n triggerSx={t => ({ minWidth: t.sizes.$40, justifyContent: 'space-between', display: 'flex' })}\n optionListSx={t => ({ minWidth: t.sizes.$48 })}\n prefixLocalizationKey={`${t(localizationKeys('formFieldLabel__role'))}:`}\n />\n </Flex>\n </Form.ControlRow>\n );\n};\n\n/**\n * Determines default Role from the Organization settings or fallback to\n * the only available Role.\n */\nconst useDefaultRole = () => {\n const { options } = useFetchRoles();\n const { organizationSettings } = useEnvironment();\n\n let defaultRole = organizationSettings.domains.defaultRole;\n\n if (!defaultRole && options?.length === 1) {\n defaultRole = options[0].value;\n }\n\n return defaultRole;\n};\n"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Default ui object for Clerk UI components
|
|
4
4
|
* Tagged with the internal Appearance type for type-safe appearance prop inference
|
|
5
5
|
*/
|
|
6
|
-
const ui = { version: "1.0.0-canary.
|
|
6
|
+
const ui = { version: "1.0.0-canary.v20260109133726" };
|
|
7
7
|
|
|
8
8
|
//#endregion
|
|
9
9
|
export { ui };
|
package/dist/internal/index.js
CHANGED
package/dist/ui.browser.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(globalThis,()=>(()=>{"use strict";var e,t,n,r={3727:function(e,t,n){n.d(t,{x:()=>l});var r=n(2166),a=n(4670),o=n(1421),i=n(5074);let l=()=>{let[e,t]=i.useState({startPath:"",path:"",componentName:"",socialProvider:""}),n=(0,o.F)();i.useLayoutEffect(()=>{n&&t(n)},[]);let l=()=>{t({startPath:"",path:"",componentName:"",socialProvider:""})};return{urlStateParam:{...e,clearUrlStateParam:l},decodedRedirectParams:n,clearUrlStateParam:l,removeQueryParam:()=>(0,a.r)(r.r)}}},4096:function(e,t,n){n.d(t,{Gb:()=>C,JJ:()=>I,L1:()=>k,M9:()=>i,O3:()=>U,Qj:()=>v,RW:()=>$,Sm:()=>O,Xi:()=>b,am:()=>y,gK:()=>f,jr:()=>D,ju:()=>E,yc:()=>u,yd:()=>c,ym:()=>N});var r=n(5074);let a={SignIn:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("472"),n.e("444"),n.e("10")]).then(n.bind(n,5717)),SignUp:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("472")]).then(n.bind(n,4753)),UserAvatar:()=>Promise.all([n.e("545"),n.e("666"),n.e("58")]).then(n.bind(n,7714)),UserButton:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("444"),n.e("99")]).then(n.bind(n,6240)),UserProfile:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("217"),n.e("718")]).then(n.bind(n,4484)),CreateOrganization:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("573"),n.e("243")]).then(n.bind(n,4472)),OrganizationProfile:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("573"),n.e("310")]).then(n.bind(n,6568)),OrganizationSwitcher:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("364")]).then(n.bind(n,7498)),OrganizationList:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("573"),n.e("799")]).then(n.bind(n,4013)),ImpersonationFab:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("917")]).then(n.bind(n,7399)),GoogleOneTap:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("721")]).then(n.bind(n,3109)),BlankCaptchaModal:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("328")]).then(n.bind(n,5723)),UserVerification:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("636")]).then(n.bind(n,9066)),Waitlist:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("265")]).then(n.bind(n,1170)),KeylessPrompt:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("522")]).then(n.bind(n,3131)),PricingTable:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("970"),n.e("30")]).then(n.bind(n,6334)),Checkout:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("217"),n.e("256")]).then(n.bind(n,2677)),SessionTasks:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("472"),n.e("723"),n.e("390")]).then(n.bind(n,1662)),TaskChooseOrganization:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("472"),n.e("723")]).then(n.bind(n,9024)),TaskResetPassword:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("472"),n.e("67")]).then(n.bind(n,7959)),PlanDetails:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("841")]).then(n.bind(n,3598)),SubscriptionDetails:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("451")]).then(n.bind(n,1461)),APIKeys:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("326")]).then(n.bind(n,4875)),OAuthConsent:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("591")]).then(n.bind(n,9576)),EnableOrganizationsPrompt:()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("533")]).then(n.bind(n,7334))},o=(0,r.lazy)(()=>a.SignIn().then(e=>({default:e.SignIn}))),i=(0,r.lazy)(()=>a.SignIn().then(e=>({default:e.SignInModal}))),l=(0,r.lazy)(()=>a.GoogleOneTap().then(e=>({default:e.OneTap}))),s=(0,r.lazy)(()=>a.UserVerification().then(e=>({default:e.UserVerification}))),c=(0,r.lazy)(()=>a.UserVerification().then(e=>({default:e.UserVerificationModal}))),u=(0,r.lazy)(()=>a.EnableOrganizationsPrompt().then(e=>({default:e.EnableOrganizationsPrompt}))),p=(0,r.lazy)(()=>a.SignUp().then(e=>({default:e.SignUp}))),f=(0,r.lazy)(()=>a.SignUp().then(e=>({default:e.SignUpModal}))),d=(0,r.lazy)(()=>a.UserAvatar().then(e=>({default:e.UserAvatar}))),h=(0,r.lazy)(()=>a.UserButton().then(e=>({default:e.UserButton}))),m=(0,r.lazy)(()=>a.UserProfile().then(e=>({default:e.UserProfile}))),y=(0,r.lazy)(()=>a.UserProfile().then(e=>({default:e.UserProfileModal}))),g=(0,r.lazy)(()=>a.CreateOrganization().then(e=>({default:e.CreateOrganization}))),b=(0,r.lazy)(()=>a.CreateOrganization().then(e=>({default:e.CreateOrganizationModal}))),_=(0,r.lazy)(()=>a.OrganizationProfile().then(e=>({default:e.OrganizationProfile}))),v=(0,r.lazy)(()=>a.OrganizationProfile().then(e=>({default:e.OrganizationProfileModal}))),P=(0,r.lazy)(()=>a.OrganizationSwitcher().then(e=>({default:e.OrganizationSwitcher}))),S=(0,r.lazy)(()=>a.OrganizationList().then(e=>({default:e.OrganizationList}))),w=(0,r.lazy)(()=>a.Waitlist().then(e=>({default:e.Waitlist}))),k=(0,r.lazy)(()=>a.Waitlist().then(e=>({default:e.WaitlistModal}))),C=(0,r.lazy)(()=>a.BlankCaptchaModal().then(e=>({default:e.BlankCaptchaModal}))),O=(0,r.lazy)(()=>a.ImpersonationFab().then(e=>({default:e.ImpersonationFab}))),E=(0,r.lazy)(()=>a.KeylessPrompt().then(e=>({default:e.KeylessPrompt}))),A=(0,r.lazy)(()=>a.PricingTable().then(e=>({default:e.PricingTable}))),M=(0,r.lazy)(()=>a.APIKeys().then(e=>({default:e.APIKeys}))),$=(0,r.lazy)(()=>a.Checkout().then(e=>({default:e.Checkout}))),x=(0,r.lazy)(()=>a.TaskChooseOrganization().then(e=>({default:e.TaskChooseOrganization}))),z=(0,r.lazy)(()=>a.TaskResetPassword().then(e=>({default:e.TaskResetPassword}))),N=(0,r.lazy)(()=>a.PlanDetails().then(e=>({default:e.PlanDetails}))),R=(0,r.lazy)(()=>a.SubscriptionDetails().then(e=>({default:e.SubscriptionDetails}))),T=(0,r.lazy)(()=>a.OAuthConsent().then(e=>({default:e.OAuthConsent}))),I=(0,r.lazy)(()=>a.SessionTasks().then(e=>({default:e.SessionTasks}))),D=async e=>a[e]?.(),U={SignIn:o,SignUp:p,UserAvatar:d,UserButton:h,UserProfile:m,UserVerification:s,EnableOrganizationsPrompt:u,OrganizationSwitcher:P,OrganizationList:S,OrganizationProfile:_,CreateOrganization:g,SignInModal:i,SignUpModal:f,UserProfileModal:y,OrganizationProfileModal:v,CreateOrganizationModal:b,UserVerificationModal:c,GoogleOneTap:l,Waitlist:w,WaitlistModal:k,BlankCaptchaModal:C,PricingTable:A,Checkout:$,PlanDetails:N,APIKeys:M,OAuthConsent:T,SubscriptionDetails:R,TaskChooseOrganization:x,TaskResetPassword:z}},4642:function(e,t,n){n.d(t,{Nx:()=>E,Vv:()=>C,Fj:()=>w,up:()=>S,$h:()=>O,t8:()=>k,dB:()=>A,xg:()=>M});var r=n(4518),a=n(4653);let o=new Set;var i=n(5074),l=n(4096);let s=(0,i.lazy)(()=>Promise.all([n.e("545"),n.e("666")]).then(n.bind(n,9367)).then(e=>({default:e.CoreClerkContextWrapper}))),c=(0,i.lazy)(()=>Promise.all([n.e("545"),n.e("666")]).then(n.bind(n,9367)).then(e=>({default:e.EnvironmentProvider}))),u=(0,i.lazy)(()=>Promise.all([n.e("545"),n.e("666")]).then(n.bind(n,9367)).then(e=>({default:e.OptionsProvider}))),p=(0,i.lazy)(()=>Promise.all([n.e("545"),n.e("666")]).then(n.bind(n,9367)).then(e=>({default:e.ModuleManagerProvider}))),f=(0,i.lazy)(()=>Promise.all([n.e("545"),n.e("666")]).then(n.bind(n,8272)).then(e=>({default:e.AppearanceProvider}))),d=(0,i.lazy)(()=>Promise.all([n.e("545"),n.e("666")]).then(n.bind(n,3394)).then(e=>({default:e.VirtualRouter}))),h=(0,i.lazy)(()=>Promise.all([n.e("545"),n.e("666")]).then(n.bind(n,2245)).then(e=>({default:e.InternalThemeProvider}))),m=(0,i.lazy)(()=>n.e("666").then(n.bind(n,5287)).then(e=>({default:e.StyleCacheProvider}))),y=(0,i.lazy)(()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("472"),n.e("360")]).then(n.bind(n,9661)).then(e=>({default:e.Portal}))),g=(0,i.lazy)(()=>Promise.all([n.e("26"),n.e("545"),n.e("666"),n.e("472"),n.e("360")]).then(n.bind(n,9661)).then(e=>({default:e.VirtualBodyRootPortal}))),b=(0,i.lazy)(()=>Promise.all([n.e("26"),n.e("545"),n.e("666")]).then(n.bind(n,3269)).then(e=>({default:e.FlowMetadataProvider}))),_=(0,i.lazy)(()=>Promise.all([n.e("26"),n.e("545"),n.e("666")]).then(n.bind(n,6705)).then(e=>({default:e.Modal}))),v=(0,i.lazy)(()=>Promise.all([n.e("26"),n.e("545"),n.e("666")]).then(n.bind(n,8532)).then(e=>({default:e.Drawer.Root}))),P=(0,i.lazy)(()=>Promise.all([n.e("26"),n.e("545"),n.e("666")]).then(n.bind(n,8532)).then(e=>({default:e.Drawer.Overlay}))),S=(0,i.lazy)(()=>Promise.all([n.e("545"),n.e("666"),n.e("608")]).then(n.bind(n,4817)).then(e=>({default:e.OrganizationSwitcherPrefetch}))),w=e=>(0,r.Y)(m,{nonce:e.options.nonce,cssLayerName:e.options.appearance?.cssLayerName,children:(0,r.Y)(p,{moduleManager:e.moduleManager,children:(0,r.Y)(s,{clerk:e.clerk,children:(0,r.Y)(c,{value:e.environment,children:(0,r.Y)(u,{value:e.options,children:e.children})})})})}),k=e=>{var t,n;let i,s;return e?.componentProps?.routing==="virtual"&&(t='routing="virtual"',i=(0,a.r)()||(0,a.n)(),s=n??t,o.has(s)||i||(o.add(s),console.warn(`Clerk - DEPRECATION WARNING: "${t}" is deprecated and will be removed in the next major release.
|
|
2
2
|
Use routing="hash" instead.`))),(0,r.Y)(f,{globalAppearance:e.globalAppearance,appearanceKey:e.appearanceKey,appearance:e.componentAppearance,children:(0,r.Y)(y,{node:e.node,component:l.O3[e.componentName],props:e.componentProps,componentName:e.componentName})})},C=e=>(0,r.Y)(i.Suspense,{fallback:"",children:(0,r.Y)(f,{globalAppearance:e.globalAppearance,appearanceKey:e.appearanceKey,appearance:e.componentAppearance,children:(0,r.Y)(b,{flow:e.flowName||"",children:(0,r.Y)(h,{children:(0,r.Y)(_,{id:e.modalId,style:e.modalStyle,handleClose:e.onClose,containerSx:e.modalContainerSx,contentSx:e.modalContentSx,canCloseModal:e.canCloseModal,children:e.startPath?(0,r.Y)(i.Suspense,{children:(0,r.Y)(d,{startPath:e.startPath,onExternalNavigate:e.onExternalNavigate,children:e.children})}):e.children})})})})}),O=e=>(0,r.Y)(i.Suspense,{fallback:"",children:(0,r.Y)(d,{startPath:"",children:(0,r.Y)(f,{globalAppearance:e.globalAppearance,appearanceKey:e.appearanceKey,appearance:e.componentAppearance,children:(0,r.Y)(b,{flow:e.flowName||"",children:(0,r.Y)(h,{children:(0,r.FD)(v,{open:e.open,onOpenChange:e.onOpenChange,strategy:e.portalId||e.portalRoot?"absolute":"fixed",portalProps:{id:e.portalId?e.portalId:void 0,root:e.portalRoot?e.portalRoot:void 0},children:[(0,r.Y)(P,{}),e.children]})})})})})}),E=e=>(0,r.Y)(i.Suspense,{children:(0,r.Y)(d,{startPath:"",children:(0,r.Y)(f,{globalAppearance:e.globalAppearance,appearanceKey:"impersonationFab",children:e.children})})}),A=e=>(0,r.Y)(i.Suspense,{children:(0,r.Y)(d,{startPath:"",children:(0,r.Y)(f,{globalAppearance:e.globalAppearance,appearanceKey:"enableOrganizationsPrompt",children:e.children})})}),M=e=>(0,r.Y)(f,{globalAppearance:e.globalAppearance,appearanceKey:"oneTap",appearance:e.componentAppearance,children:(0,r.Y)(g,{startPath:e.startPath,component:l.O3.GoogleOneTap,props:e.componentProps,componentName:"GoogleOneTap"})})},1785:function(e,t,n){n.d(t,{A:()=>K});var r=function(){function e(e){var t=this;this._insertTag=function(e){var n;n=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,n),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(((t=document.createElement("style")).setAttribute("data-emotion",this.key),void 0!==this.nonce&&t.setAttribute("nonce",this.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t));var t,n=this.tags[this.tags.length-1];if(this.isSpeedy){var r=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(n);try{r.insertRule(e,r.cssRules.length)}catch(e){}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach(function(e){var t;return null==(t=e.parentNode)?void 0:t.removeChild(e)}),this.tags=[],this.ctr=0},e}(),a=Math.abs,o=String.fromCharCode,i=Object.assign;function l(e,t,n){return e.replace(t,n)}function s(e,t){return e.indexOf(t)}function c(e,t){return 0|e.charCodeAt(t)}function u(e,t,n){return e.slice(t,n)}function p(e){return e.length}function f(e,t){return t.push(e),e}var d=1,h=1,m=0,y=0,g=0,b="";function _(e,t,n,r,a,o,i){return{value:e,root:t,parent:n,type:r,props:a,children:o,line:d,column:h,length:i,return:""}}function v(e,t){return i(_("",null,null,"",null,null,0),e,{length:-e.length},t)}function P(){return g=y<m?c(b,y++):0,h++,10===g&&(h=1,d++),g}function S(){return c(b,y)}function w(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function k(e){return d=h=1,m=p(b=e),y=0,[]}function C(e){var t,n;return(t=y-1,n=function e(t){for(;P();)switch(g){case t:return y;case 34:case 39:34!==t&&39!==t&&e(g);break;case 40:41===t&&e(t);break;case 92:P()}return y}(91===e?e+2:40===e?e+1:e),u(b,t,n)).trim()}var O="-ms-",E="-moz-",A="-webkit-",M="comm",$="rule",x="decl",z="@keyframes";function N(e,t){for(var n="",r=e.length,a=0;a<r;a++)n+=t(e[a],a,e,t)||"";return n}function R(e,t,n,r){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case x:return e.return=e.return||e.value;case M:return"";case z:return e.return=e.value+"{"+N(e.children,r)+"}";case $:e.value=e.props.join(",")}return p(n=N(e.children,r))?e.return=e.value+"{"+n+"}":""}function T(e,t,n,r,o,i,s,c,p,f,d){for(var h=o-1,m=0===o?i:[""],y=m.length,g=0,b=0,v=0;g<r;++g)for(var P=0,S=u(e,h+1,h=a(b=s[g])),w=e;P<y;++P)(w=(b>0?m[P]+" "+S:l(S,/&\f/g,m[P])).trim())&&(p[v++]=w);return _(e,t,n,0===o?$:c,p,f,d)}function I(e,t,n,r){return _(e,t,n,x,u(e,0,r),u(e,r+1,-1),r)}var D=function(e,t,n){for(var r=0,a=0;r=a,a=S(),38===r&&12===a&&(t[n]=1),!w(a);)P();return u(b,e,y)},U=function(e,t){var n=-1,r=44;do switch(w(r)){case 0:38===r&&12===S()&&(t[n]=1),e[n]+=D(y-1,t,n);break;case 2:e[n]+=C(r);break;case 4:if(44===r){e[++n]=58===S()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=o(r)}while(r=P());return e},j=function(e,t){var n;return n=U(k(e),t),b="",n},Y=new WeakMap,L=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,r=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||Y.get(n))&&!r){Y.set(e,!0);for(var a=[],o=j(t,a),i=n.props,l=0,s=0;l<o.length;l++)for(var c=0;c<i.length;c++,s++)e.props[s]=a[l]?o[l].replace(/&\f/g,i[c]):i[c]+" "+o[l]}}},F=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}},V=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case x:e.return=function e(t,n){switch(45^c(t,0)?(((n<<2^c(t,0))<<2^c(t,1))<<2^c(t,2))<<2^c(t,3):0){case 5103:return A+"print-"+t+t;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return A+t+t;case 5349:case 4246:case 4810:case 6968:case 2756:return A+t+E+t+O+t+t;case 6828:case 4268:return A+t+O+t+t;case 6165:return A+t+O+"flex-"+t+t;case 5187:return A+t+l(t,/(\w+).+(:[^]+)/,A+"box-$1$2"+O+"flex-$1$2")+t;case 5443:return A+t+O+"flex-item-"+l(t,/flex-|-self/,"")+t;case 4675:return A+t+O+"flex-line-pack"+l(t,/align-content|flex-|-self/,"")+t;case 5548:return A+t+O+l(t,"shrink","negative")+t;case 5292:return A+t+O+l(t,"basis","preferred-size")+t;case 6060:return A+"box-"+l(t,"-grow","")+A+t+O+l(t,"grow","positive")+t;case 4554:return A+l(t,/([^-])(transform)/g,"$1"+A+"$2")+t;case 6187:return l(l(l(t,/(zoom-|grab)/,A+"$1"),/(image-set)/,A+"$1"),t,"")+t;case 5495:case 3959:return l(t,/(image-set\([^]*)/,A+"$1$`$1");case 4968:return l(l(t,/(.+:)(flex-)?(.*)/,A+"box-pack:$3"+O+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+A+t+t;case 4095:case 3583:case 4068:case 2532:return l(t,/(.+)-inline(.+)/,A+"$1$2")+t;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(p(t)-1-n>6)switch(c(t,n+1)){case 109:if(45!==c(t,n+4))break;case 102:return l(t,/(.+:)(.+)-([^]+)/,"$1"+A+"$2-$3$1"+E+(108==c(t,n+3)?"$3":"$2-$3"))+t;case 115:return~s(t,"stretch")?e(l(t,"stretch","fill-available"),n)+t:t}break;case 4949:if(115!==c(t,n+1))break;case 6444:switch(c(t,p(t)-3-(~s(t,"!important")&&10))){case 107:return l(t,":",":"+A)+t;case 101:return l(t,/(.+:)([^;!]+)(;|!.+)?/,"$1"+A+(45===c(t,14)?"inline-":"")+"box$3$1"+A+"$2$3$1"+O+"$2box$3")+t}break;case 5936:switch(c(t,n+11)){case 114:return A+t+O+l(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return A+t+O+l(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return A+t+O+l(t,/[svh]\w+-[tblr]{2}/,"lr")+t}return A+t+O+t+t}return t}(e.value,e.length);break;case z:return N([v(e,{value:l(e.value,"@","@"+A)})],r);case $:if(e.length){var a,o;return a=e.props,o=function(t){var n;switch(n=t,(n=/(::plac\w+|:read-\w+)/.exec(n))?n[0]:n){case":read-only":case":read-write":return N([v(e,{props:[l(t,/:(read-\w+)/,":"+E+"$1")]})],r);case"::placeholder":return N([v(e,{props:[l(t,/:(plac\w+)/,":"+A+"input-$1")]}),v(e,{props:[l(t,/:(plac\w+)/,":"+E+"$1")]}),v(e,{props:[l(t,/:(plac\w+)/,O+"input-$1")]})],r)}return""},a.map(o).join("")}}}],K=function(e){var t,n,a,i,m,v=e.key;if("css"===v){var O=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(O,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))})}var E=e.stylisPlugins||V,A={},$=[];i=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+v+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n<t.length;n++)A[t[n]]=!0;$.push(e)});var x=(n=(t=[L,F].concat(E,[R,(a=function(e){m.insert(e)},function(e){!e.root&&(e=e.return)&&a(e)})])).length,function(e,r,a,o){for(var i="",l=0;l<n;l++)i+=t[l](e,r,a,o)||"";return i}),z=function(e){var t,n;return N((n=function e(t,n,r,a,i,m,v,k,O){for(var E,A=0,$=0,x=v,z=0,N=0,R=0,D=1,U=1,j=1,Y=0,L="",F=i,V=m,K=a,W=L;U;)switch(R=Y,Y=P()){case 40:if(108!=R&&58==c(W,x-1)){-1!=s(W+=l(C(Y),"&","&\f"),"&\f")&&(j=-1);break}case 34:case 39:case 91:W+=C(Y);break;case 9:case 10:case 13:case 32:W+=function(e){for(;g=S();)if(g<33)P();else break;return w(e)>2||w(g)>3?"":" "}(R);break;case 92:W+=function(e,t){for(var n;--t&&P()&&!(g<48)&&!(g>102)&&(!(g>57)||!(g<65))&&(!(g>70)||!(g<97)););return n=y+(t<6&&32==S()&&32==P()),u(b,e,n)}(y-1,7);continue;case 47:switch(S()){case 42:case 47:f((E=function(e,t){for(;P();)if(e+g===57)break;else if(e+g===84&&47===S())break;return"/*"+u(b,t,y-1)+"*"+o(47===e?e:P())}(P(),y),_(E,n,r,M,o(g),u(E,2,-2),0)),O);break;default:W+="/"}break;case 123*D:k[A++]=p(W)*j;case 125*D:case 59:case 0:switch(Y){case 0:case 125:U=0;case 59+$:-1==j&&(W=l(W,/\f/g,"")),N>0&&p(W)-x&&f(N>32?I(W+";",a,r,x-1):I(l(W," ","")+";",a,r,x-2),O);break;case 59:W+=";";default:if(f(K=T(W,n,r,A,$,i,k,L,F=[],V=[],x),m),123===Y)if(0===$)e(W,n,K,K,F,m,x,k,V);else switch(99===z&&110===c(W,3)?100:z){case 100:case 108:case 109:case 115:e(t,K,K,a&&f(T(t,K,K,0,0,i,k,L,i,F=[],x),V),i,V,x,k,a?F:V);break;default:e(W,K,K,K,[""],V,0,k,V)}}A=$=N=0,D=j=1,L=W="",x=v;break;case 58:x=1+p(W),N=R;default:if(D<1){if(123==Y)--D;else if(125==Y&&0==D++&&125==(g=y>0?c(b,--y):0,h--,10===g&&(h=1,d--),g))continue}switch(W+=o(Y),Y*D){case 38:j=$>0?1:(W+="\f",-1);break;case 44:k[A++]=(p(W)-1)*j,j=1;break;case 64:45===S()&&(W+=C(P())),z=S(),$=x=p(L=W+=function(e){for(;!w(S());)P();return u(b,e,y)}(y)),Y++;break;case 45:45===R&&2==p(W)&&(D=0)}}return m}("",null,null,null,[""],t=k(t=e),0,[0],t),b="",n),x)},D={key:v,sheet:new r({key:v,container:i,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:A,registered:{},insert:function(e,t,n,r){m=n,z(e?e+"{"+t.styles+"}":t.styles),r&&(D.inserted[t.name]=!0)}};return D.sheet.hydrate($),D}},6668:function(e,t,n){n.d(t,{E:()=>P,h:()=>f,a:()=>g,c:()=>_,C:()=>h});var r,a=n(5074),o=n(1785);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}var l=function(e){var t=new WeakMap;return function(n){if(t.has(n))return t.get(n);var r=e(n);return t.set(n,r),r}},s=function(e,t,n){var r=e.key+"-"+t.name;!1===n&&void 0===e.registered[r]&&(e.registered[r]=t.styles)},c=function(e,t,n){s(e,t,n);var r=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var a=t;do e.insert(t===a?"."+r:"",a,e.sheet,!0),a=a.next;while(void 0!==a)}},u=n(399),p=n(7063),f={}.hasOwnProperty,d=a.createContext("undefined"!=typeof HTMLElement?(0,o.A)({key:"css"}):null),h=d.Provider,m=a.createContext({}),y=l(function(e){return l(function(t){var n,r;return n=e,"function"==typeof(r=t)?r(n):i({},n,r)})}),g=function(e){var t=a.useContext(m);return e.theme!==t&&(t=y(t)(e.theme)),a.createElement(m.Provider,{value:t},e.children)},b="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",_=function(e,t){var n={};for(var r in t)f.call(t,r)&&(n[r]=t[r]);return n[b]=e,n},v=function(e){var t=e.cache,n=e.serialized,r=e.isStringTag;return s(t,n,r),(0,p.s)(function(){return c(t,n,r)}),null},P=(r=function(e,t,n){var r,o,i,l=e.css;"string"==typeof l&&void 0!==t.registered[l]&&(l=t.registered[l]);var s=e[b],c=[l],p="";"string"==typeof e.className?(r=t.registered,o=e.className,i="",o.split(" ").forEach(function(e){void 0!==r[e]?c.push(r[e]+";"):e&&(i+=e+" ")}),p=i):null!=e.className&&(p=e.className+" ");var d=(0,u.J)(c,void 0,a.useContext(m));p+=t.key+"-"+d.name;var h={};for(var y in e)f.call(e,y)&&"css"!==y&&y!==b&&(h[y]=e[y]);return h.ref=n,h.className=p,a.createElement(a.Fragment,null,a.createElement(v,{cache:t,serialized:d,isStringTag:"string"==typeof s}),a.createElement(s,h))},(0,a.forwardRef)(function(e,t){return r(e,(0,a.useContext)(d),t)}))},4518:function(e,t,n){n.d(t,{FD:()=>l,FK:()=>o,Y:()=>i});var r=n(6842),a=n(6668);n(5074),n(1785),n(8863),n(7063);var o=r.Fragment;function i(e,t,n){return a.h.call(t,"css")?r.jsx(a.E,(0,a.c)(e,t),n):r.jsx(e,t,n)}function l(e,t,n){return a.h.call(t,"css")?r.jsxs(a.E,(0,a.c)(e,t),n):r.jsxs(e,t,n)}},399:function(e,t,n){n.d(t,{J:()=>m});var r,a,o,i={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},l=/[A-Z]|^ms/g,s=/_EMO_([^_]+?)_([^]*?)_EMO_/g,c=function(e){return 45===e.charCodeAt(1)},u=function(e){return null!=e&&"boolean"!=typeof e},p=(r=function(e){return c(e)?e:e.replace(l,"-$&").toLowerCase()},a=Object.create(null),function(e){return void 0===a[e]&&(a[e]=r(e)),a[e]}),f=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(s,function(e,t,n){return o={name:t,styles:n,next:o},t})}return 1===i[e]||c(e)||"number"!=typeof t||0===t?t:t+"px"};function d(e,t,n){if(null==n)return"";if(void 0!==n.__emotion_styles)return n;switch(typeof n){case"boolean":return"";case"object":if(1===n.anim)return o={name:n.name,styles:n.styles,next:o},n.name;if(void 0!==n.styles){var r=n.next;if(void 0!==r)for(;void 0!==r;)o={name:r.name,styles:r.styles,next:o},r=r.next;return n.styles+";"}return function(e,t,n){var r="";if(Array.isArray(n))for(var a=0;a<n.length;a++)r+=d(e,t,n[a])+";";else for(var o in n){var i=n[o];if("object"!=typeof i)null!=t&&void 0!==t[i]?r+=o+"{"+t[i]+"}":u(i)&&(r+=p(o)+":"+f(o,i)+";");else if(Array.isArray(i)&&"string"==typeof i[0]&&(null==t||void 0===t[i[0]]))for(var l=0;l<i.length;l++)u(i[l])&&(r+=p(o)+":"+f(o,i[l])+";");else{var s=d(e,t,i);switch(o){case"animation":case"animationName":r+=p(o)+":"+s+";";break;default:r+=o+"{"+s+"}"}}}return r}(e,t,n);case"function":if(void 0!==e){var a=o,i=n(e);return o=a,d(e,t,i)}}if(null==t)return n;var l=t[n];return void 0!==l?l:n}var h=/label:\s*([^\s;{]+)\s*(;|$)/g;function m(e,t,n){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var r,a=!0,i="";o=void 0;var l=e[0];null==l||void 0===l.raw?(a=!1,i+=d(n,t,l)):i+=l[0];for(var s=1;s<e.length;s++)i+=d(n,t,e[s]),a&&(i+=l[s]);h.lastIndex=0;for(var c="";null!==(r=h.exec(i));)c+="-"+r[1];return{name:function(e){for(var t,n=0,r=0,a=e.length;a>=4;++r,a-=4)t=(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))*0x5bd1e995+((t>>>16)*59797<<16),t^=t>>>24,n=(65535&t)*0x5bd1e995+((t>>>16)*59797<<16)^(65535&n)*0x5bd1e995+((n>>>16)*59797<<16);switch(a){case 3:n^=(255&e.charCodeAt(r+2))<<16;case 2:n^=(255&e.charCodeAt(r+1))<<8;case 1:n^=255&e.charCodeAt(r),n=(65535&n)*0x5bd1e995+((n>>>16)*59797<<16)}return n^=n>>>13,(((n=(65535&n)*0x5bd1e995+((n>>>16)*59797<<16))^n>>>15)>>>0).toString(36)}(i)+c,styles:i,next:o}}},7063:function(e,t,n){n.d(t,{s:()=>i});var r,a=n(5074),o=!!(r||(r=n.t(a,2))).useInsertionEffect&&(r||(r=n.t(a,2))).useInsertionEffect,i=o||function(e){return e()};o||a.useLayoutEffect},8863:function(e,t,n){var r=n(2243),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return r.isMemo(e)?i:l[e.$$typeof]||a}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,p=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,d=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(h){var a=d(n);a&&a!==h&&e(t,a,r)}var i=u(n);p&&(i=i.concat(p(n)));for(var l=s(t),m=s(n),y=0;y<i.length;++y){var g=i[y];if(!o[g]&&!(r&&r[g])&&!(m&&m[g])&&!(l&&l[g])){var b=f(n,g);try{c(t,g,b)}catch(e){}}}}return t}},6983:function(e,t){var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,a=n?Symbol.for("react.portal"):60106,o=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,p=n?Symbol.for("react.concurrent_mode"):60111,f=n?Symbol.for("react.forward_ref"):60112,d=n?Symbol.for("react.suspense"):60113,h=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,y=n?Symbol.for("react.lazy"):60116,g=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,_=n?Symbol.for("react.responder"):60118,v=n?Symbol.for("react.scope"):60119;function P(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case p:case o:case l:case i:case d:return e;default:switch(e=e&&e.$$typeof){case c:case f:case y:case m:case s:return e;default:return t}}case a:return t}}}function S(e){return P(e)===p}t.AsyncMode=u,t.ConcurrentMode=p,t.ContextConsumer=c,t.ContextProvider=s,t.Element=r,t.ForwardRef=f,t.Fragment=o,t.Lazy=y,t.Memo=m,t.Portal=a,t.Profiler=l,t.StrictMode=i,t.Suspense=d,t.isAsyncMode=function(e){return S(e)||P(e)===u},t.isConcurrentMode=S,t.isContextConsumer=function(e){return P(e)===c},t.isContextProvider=function(e){return P(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return P(e)===f},t.isFragment=function(e){return P(e)===o},t.isLazy=function(e){return P(e)===y},t.isMemo=function(e){return P(e)===m},t.isPortal=function(e){return P(e)===a},t.isProfiler=function(e){return P(e)===l},t.isStrictMode=function(e){return P(e)===i},t.isSuspense=function(e){return P(e)===d},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===p||e===l||e===i||e===d||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===f||e.$$typeof===b||e.$$typeof===_||e.$$typeof===v||e.$$typeof===g)},t.typeOf=P},2243:function(e,t,n){e.exports=n(6983)},9234:function(e,t,n){var r=n(5074),a=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,o={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!s.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===o[r]&&(o[r]=t[r]);return{$$typeof:a,type:e,key:c,ref:u,props:o,_owner:l.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},9709:function(e,t){var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),p=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),d=Symbol.iterator,h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,y={};function g(e,t,n){this.props=e,this.context=t,this.refs=y,this.updater=n||h}function b(){}function _(e,t,n){this.props=e,this.context=t,this.refs=y,this.updater=n||h}g.prototype.isReactComponent={},g.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},b.prototype=g.prototype;var v=_.prototype=new b;v.constructor=_,m(v,g.prototype),v.isPureReactComponent=!0;var P=Array.isArray,S=Object.prototype.hasOwnProperty,w={current:null},k={key:!0,ref:!0,__self:!0,__source:!0};function C(e,t,r){var a,o={},i=null,l=null;if(null!=t)for(a in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)S.call(t,a)&&!k.hasOwnProperty(a)&&(o[a]=t[a]);var s=arguments.length-2;if(1===s)o.children=r;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(a in s=e.defaultProps)void 0===o[a]&&(o[a]=s[a]);return{$$typeof:n,type:e,key:i,ref:l,props:o,_owner:w.current}}function O(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var E=/\/+/g;function A(e,t){var n,r;return"object"==typeof e&&null!==e&&null!=e.key?(n=""+e.key,r={"=":"=0",":":"=2"},"$"+n.replace(/[=:]/g,function(e){return r[e]})):t.toString(36)}function M(e,t,a){if(null==e)return e;var o=[],i=0;return!function e(t,a,o,i,l){var s,c,u,p=typeof t;("undefined"===p||"boolean"===p)&&(t=null);var f=!1;if(null===t)f=!0;else switch(p){case"string":case"number":f=!0;break;case"object":switch(t.$$typeof){case n:case r:f=!0}}if(f)return l=l(f=t),t=""===i?"."+A(f,0):i,P(l)?(o="",null!=t&&(o=t.replace(E,"$&/")+"/"),e(l,a,o,"",function(e){return e})):null!=l&&(O(l)&&(s=l,c=o+(!l.key||f&&f.key===l.key?"":(""+l.key).replace(E,"$&/")+"/")+t,l={$$typeof:n,type:s.type,key:c,ref:s.ref,props:s.props,_owner:s._owner}),a.push(l)),1;if(f=0,i=""===i?".":i+":",P(t))for(var h=0;h<t.length;h++){var m=i+A(p=t[h],h);f+=e(p,a,o,m,l)}else if("function"==typeof(m=null===(u=t)||"object"!=typeof u?null:"function"==typeof(u=d&&u[d]||u["@@iterator"])?u:null))for(t=m.call(t),h=0;!(p=t.next()).done;)m=i+A(p=p.value,h++),f+=e(p,a,o,m,l);else if("object"===p)throw Error("Objects are not valid as a React child (found: "+("[object Object]"===(a=String(t))?"object with keys {"+Object.keys(t).join(", ")+"}":a)+"). If you meant to render a collection of children, use an array instead.");return f}(e,o,"","",function(e){return t.call(a,e,i++)}),o}function $(e){if(-1===e._status){var t=e._result;(t=t()).then(function(t){(0===e._status||-1===e._status)&&(e._status=1,e._result=t)},function(t){(0===e._status||-1===e._status)&&(e._status=2,e._result=t)}),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var x={current:null},z={transition:null};function N(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:M,forEach:function(e,t,n){M(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return M(e,function(){t++}),t},toArray:function(e){return M(e,function(e){return e})||[]},only:function(e){if(!O(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=g,t.Fragment=a,t.Profiler=i,t.PureComponent=_,t.StrictMode=o,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED={ReactCurrentDispatcher:x,ReactCurrentBatchConfig:z,ReactCurrentOwner:w},t.act=N,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var a=m({},e.props),o=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=w.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)S.call(t,c)&&!k.hasOwnProperty(c)&&(a[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)a.children=r;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];a.children=s}return{$$typeof:n,type:e.type,key:o,ref:i,props:a,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=C,t.createFactory=function(e){var t=C.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=O,t.lazy=function(e){return{$$typeof:f,_payload:{_status:-1,_result:e},_init:$}},t.memo=function(e,t){return{$$typeof:p,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=z.transition;z.transition={};try{e()}finally{z.transition=t}},t.unstable_act=N,t.useCallback=function(e,t){return x.current.useCallback(e,t)},t.useContext=function(e){return x.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return x.current.useDeferredValue(e)},t.useEffect=function(e,t){return x.current.useEffect(e,t)},t.useId=function(){return x.current.useId()},t.useImperativeHandle=function(e,t,n){return x.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return x.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return x.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return x.current.useMemo(e,t)},t.useReducer=function(e,t,n){return x.current.useReducer(e,t,n)},t.useRef=function(e){return x.current.useRef(e)},t.useState=function(e){return x.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return x.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return x.current.useTransition()},t.version="18.3.1"},5074:function(e,t,n){e.exports=n(9709)},6842:function(e,t,n){e.exports=n(9234)},2166:function(e,t,n){n.d(t,{a:()=>i,c:()=>s,d:()=>u,f:()=>f,i:()=>l,l:()=>r,o:()=>o,r:()=>a,s:()=>p,t:()=>d,u:()=>c});let r=["redirect_url","after_sign_in_url","after_sign_up_url","sign_in_force_redirect_url","sign_in_fallback_redirect_url","sign_up_force_redirect_url","sign_up_fallback_redirect_url"],a="__clerk_modal_state",o="__clerk_synced",i="suffixed_cookies",l="__clerk_satellite_url",s={FORM_IDENTIFIER_NOT_FOUND:"form_identifier_not_found",FORM_PASSWORD_INCORRECT:"form_password_incorrect",FORM_PASSWORD_PWNED:"form_password_pwned",INVALID_STRATEGY_FOR_USER:"strategy_for_user_invalid",NOT_ALLOWED_TO_SIGN_UP:"not_allowed_to_sign_up",OAUTH_ACCESS_DENIED:"oauth_access_denied",OAUTH_EMAIL_DOMAIN_RESERVED_BY_SAML:"oauth_email_domain_reserved_by_saml",NOT_ALLOWED_ACCESS:"not_allowed_access",SAML_USER_ATTRIBUTE_MISSING:"saml_user_attribute_missing",USER_LOCKED:"user_locked",EXTERNAL_ACCOUNT_NOT_FOUND:"external_account_not_found",SESSION_EXISTS:"session_exists",SIGN_UP_MODE_RESTRICTED:"sign_up_mode_restricted",SIGN_UP_MODE_RESTRICTED_WAITLIST:"sign_up_restricted_waitlist",ENTERPRISE_SSO_USER_ATTRIBUTE_MISSING:"enterprise_sso_user_attribute_missing",ENTERPRISE_SSO_EMAIL_ADDRESS_DOMAIN_MISMATCH:"enterprise_sso_email_address_domain_mismatch",ENTERPRISE_SSO_HOSTED_DOMAIN_MISMATCH:"enterprise_sso_hosted_domain_mismatch",SAML_EMAIL_ADDRESS_DOMAIN_MISMATCH:"saml_email_address_domain_mismatch",INVITATION_ACCOUNT_NOT_EXISTS:"invitation_account_not_exists",ORGANIZATION_MEMBERSHIP_QUOTA_EXCEEDED_FOR_SSO:"organization_membership_quota_exceeded_for_sso",CAPTCHA_INVALID:"captcha_invalid",FRAUD_DEVICE_BLOCKED:"device_blocked",FRAUD_ACTION_BLOCKED:"action_blocked",SIGNUP_RATE_LIMIT_EXCEEDED:"signup_rate_limit_exceeded",USER_BANNED:"user_banned"},c=["email_address","phone_number","username"],u=["email_address","phone_number","username","first_name","last_name"],p=350,f={PUBLIC:"public",RESTRICTED:"restricted",WAITLIST:"waitlist"},d="clerk-captcha"},526:function(e,t,n){n.d(t,{t:()=>a});var r=n(8693);let a=()=>{let e=r.t,t=r.t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}},2950:function(e,t,n){n.d(t,{a:()=>a,c:()=>o,n:()=>i,o:()=>u,s:()=>c,t:()=>l,x:()=>s});let r="ClerkJS:";function a(e){throw Error(`${r} Missing path option. The ${e} component was mounted with path routing so you need to specify the path where the component is mounted on e.g. path="/sign-in".`)}function o(e){throw Error(`${r} Invalid routing strategy, path cannot be used in tandem with ${e}.`)}function i(){throw Error(`${r} Clerk instance not found. Make sure Clerk is initialized before using any Clerk components.`)}function l(e){throw Error(`${r} ${e} not found. Make sure you wrap your app with <${e}>.`)}function s(){throw Error(`${r} The target element is empty. Provide a valid DOM element.`)}function c(e,t){throw Error(`${r} Response: ${e||0} not supported yet.
|
|
3
|
-
For more information contact us at ${t}`)}function u(e){throw Error(`${r} Unable to retrieve a third party script${e?` ${e}`:""}.`)}},1421:function(e,t,n){n.d(t,{F:()=>o,j:()=>i});var r=n(2166),a=n(4670);let o=()=>{let e=(0,a.n)(r.r)??"";return e?JSON.parse(atob(e)):null},i=({url:e,startPath:t="/user",currentPath:n="",componentName:a,socialProvider:o=""})=>{var i;let l=(i=JSON.stringify({path:n.replace(/CLERK-ROUTER\/VIRTUAL\/.*\//,"")||"",componentName:a,startPath:t,socialProvider:o}),global.btoa(i)),s=new URL(e),c=s.searchParams;return c.set(r.r,l),s.search=c.toString(),s.toString()}},8693:function(e,t,n){n.d(t,{t:()=>r});let r=(...e)=>{}},4670:function(e,t,n){n.d(t,{r:()=>i,n:()=>o,t:()=>l});var r=n(2166);let a=["__clerk_status","__clerk_created_session","__clerk_invitation_token","__clerk_ticket","__clerk_modal_state","__clerk_handshake","__clerk_handshake_nonce","__clerk_help","__clerk_netlify_cache_bust",r.o,r.i,r.a];function o(e){return new URL(window.location.href).searchParams.get(e)||null}function i(e){let t=new URL(window.location.href);t.searchParams.has(e)&&(t.searchParams.delete(e),window.history.replaceState(window.history.state,"",t))}function l(e){let t=new URLSearchParams(window.location.search),n=e||new URLSearchParams;for(let e of a){let r=t.get(e);r&&n.set(e,r)}return n}},4653:function(e,t,n){n.d(t,{n:()=>o,r:()=>a,t:()=>r});let r=()=>!1,a=()=>!1,o=()=>{try{return!0}catch{}return!1}}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,o),n.loaded=!0,n.exports}o.m=r,o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},l=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,o.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var n=Object.create(null);o.r(n);var r={};i=i||[null,l({}),l([]),l(l)];for(var a=2&t&&e;("object"==typeof a||"function"==typeof a)&&!~i.indexOf(a);a=l(a))Object.getOwnPropertyNames(a).forEach(t=>{r[t]=()=>e[t]});return r.default=()=>e,o.d(n,r),n},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce((t,n)=>(o.f[n](e,t),t),[])),o.u=e=>""+(({10:"signin",110:"up-plans-page",122:"payment-attempt-page",188:"web3-solana-wallet-buttons",223:"op-api-keys-page",243:"createorganization",256:"checkout",259:"up-billing-page",26:"framework",264:"op-plans-page",265:"waitlist",289:"op-billing-page",30:"pricingTable",310:"organizationprofile",326:"apiKeys",328:"blankcaptcha",364:"organizationswitcher",390:"sessionTasks",394:"copy-api-key-modal",451:"subscriptionDetails",472:"signup",505:"revoke-api-key-modal",522:"keylessPrompt",533:"enableOrganizationsPrompt",545:"vendors",58:"useravatar",591:"oauthConsent",608:"prefetchorganizationlist",627:"statement-page",636:"userverification",666:"ui-common",67:"taskResetPassword",718:"userprofile",721:"onetap",723:"taskChooseOrganization",799:"organizationlist",817:"up-api-keys-page",841:"planDetails",917:"impersonationfab",99:"userbutton"})[e]||e)+"_ui_"+o.h().slice(0,6)+"_1.0.0-canary.v20260109111147.js",o.h=()=>"2fe7d365e70660fb",o.g=(()=>{if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}})(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},o.l=function(e,t,n,r){if(s[e])return void s[e].push(t);if(void 0!==n)for(var a,i,l=document.getElementsByTagName("script"),c=0;c<l.length;c++){var u=l[c];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")=="@clerk/ui:"+n){a=u;break}}a||(i=!0,(a=document.createElement("script")).timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.setAttribute("data-webpack","@clerk/ui:"+n),a.src=e),s[e]=[t];var p=function(t,n){a.onerror=a.onload=null,clearTimeout(f);var r=s[e];if(delete s[e],a.parentNode&&a.parentNode.removeChild(a),r&&r.forEach(function(e){return e(n)}),t)return t(n)},f=setTimeout(p.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=p.bind(null,a.onerror),a.onload=p.bind(null,a.onload),i&&document.head.appendChild(a)},o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),o.g.importScripts&&(c=o.g.location+"");var i,l,s,c,u=o.g.document;if(!c&&u&&(u.currentScript&&"SCRIPT"===u.currentScript.tagName.toUpperCase()&&(c=u.currentScript.src),!c)){var p=u.getElementsByTagName("script");if(p.length)for(var f=p.length-1;f>-1&&(!c||!/^http(s?):/.test(c));)c=p[f--].src}if(!c)throw Error("Automatic publicPath is not supported in this browser");return o.p=c=c.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),e={4:0},o.f.j=function(t,n){var r=o.o(e,t)?e[t]:void 0;if(0!==r)if(r)n.push(r[2]);else{var a=new Promise((n,a)=>r=e[t]=[n,a]);n.push(r[2]=a);var i=o.p+o.u(t),l=Error();o.l(i,function(n){if(o.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var a=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;l.message="Loading chunk "+t+" failed.\n("+a+": "+i+")",l.name="ChunkLoadError",l.type=a,l.request=i,r[1](l)}},"chunk-"+t,t)}},t=(t,n)=>{var r,a,[i,l,s]=n,c=0;if(i.some(t=>0!==e[t])){for(r in l)o.o(l,r)&&(o.m[r]=l[r]);s&&s(o)}for(t&&t(n);c<i.length;c++)a=i[c],o.o(e,a)&&e[a]&&e[a][0](),e[a]=0},(n=globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n)),(()=>{try{let e=new URL(document.currentScript.src),t=new URL(e.href.split("/").slice(0,-1).join("/")).href;o.p=(t+=t.endsWith("/")?"":"/").replace(/(^.*\/@clerk\/ui@)(.+?)(\/dist.*)/,"$11.0.0-canary.v20260109111147$3")}catch{}var e=o(4518),t=o(2950),n=o(526),r=o(5074),a=o(3727),i=o(4096);let l=(0,r.lazy)(()=>Promise.all([o.e("545"),o.e("666")]).then(o.bind(o,8501)).then(e=>({default:e.MountedCheckoutDrawer}))),s=(0,r.lazy)(()=>Promise.all([o.e("545"),o.e("666")]).then(o.bind(o,4027)).then(e=>({default:e.MountedPlanDetailDrawer}))),c=(0,r.lazy)(()=>Promise.all([o.e("26"),o.e("545"),o.e("666"),o.e("451")]).then(o.bind(o,9949)).then(e=>({default:e.MountedSubscriptionDetailDrawer})));var u=o(4642);let p=({base:e,path:t})=>t?e+t:e;function f(e,t){if(!e)return{};let n="signin"===t?"signIn":"signUp",r={[`${n}ForceRedirectUrl`]:e.forceRedirectUrl,[`${n}FallbackRedirectUrl`]:e.fallbackRedirectUrl},a={...e,...r};return delete a.forceRedirectUrl,delete a.fallbackRedirectUrl,a}let d="undefined"!=typeof window?r.useLayoutEffect:r.useEffect,h=0,m={},y=Object.freeze({SignUp:"signUpModal",SignIn:"signInModal",UserProfile:"userProfileModal",OrganizationProfile:"organizationProfileModal",CreateOrganization:"createOrganizationModal",Waitlist:"waitlistModal"}),g=n=>{let[o,g]=r.useState({appearance:n.options.appearance,options:n.options,googleOneTapModal:null,signInModal:null,signUpModal:null,userProfileModal:null,userVerificationModal:null,organizationProfileModal:null,createOrganizationModal:null,enableOrganizationsPromptModal:null,organizationSwitcherPrefetch:!1,waitlistModal:null,blankCaptchaModal:null,checkoutDrawer:{open:!1,props:null},planDetailsDrawer:{open:!1,props:null},subscriptionDetailsDrawer:{open:!1,props:null},nodes:new Map,impersonationFab:!1}),{googleOneTapModal:b,signInModal:_,signUpModal:v,userProfileModal:P,userVerificationModal:S,organizationProfileModal:w,createOrganizationModal:k,waitlistModal:C,blankCaptchaModal:O,checkoutDrawer:E,planDetailsDrawer:A,subscriptionDetailsDrawer:M,nodes:$}=o,{urlStateParam:x,clearUrlStateParam:z,decodedRedirectParams:N}=(0,a.x)();d(()=>{N&&g(e=>({...e,[y[N.componentName]]:!0})),m.mountComponent=e=>{let{node:n,name:r,props:a,appearanceKey:o}=e;n||(0,t.x)(),g(e=>(e.nodes.set(n,{key:`p${++h}`,name:r,props:a,appearanceKey:o}),{...e,nodes:$}))},m.unmountComponent=e=>{let{node:t}=e;g(e=>(e.nodes.delete(t),{...e,nodes:$}))},m.updateProps=({node:e,props:t,...n})=>{if(e&&t&&"object"==typeof t){let n=o.nodes.get(e);if(n){n.props={...t},g(e=>({...e}));return}}g(e=>({...e,...n,options:{...e.options,...n.options}}))},m.closeModal=(e,t={})=>{let{notify:n=!0}=t;z(),g(t=>{let r;return(r=t[`${e}Modal`])&&"object"==typeof r&&"afterVerificationCancelled"in r&&n&&r.afterVerificationCancelled?.(),{...t,[`${e}Modal`]:null}})},m.openModal=(e,t)=>{"enableOrganizationsPrompt"===e?g(n=>n.enableOrganizationsPromptModal?n:{...n,[`${e}Modal`]:t}):"afterVerificationCancelled"in t?"afterVerificationCancelled"in t&&g(n=>({...n,[`${e}Modal`]:{...t,afterVerification(){t.afterVerification?.(),m.closeModal(e,{notify:!1})}}})):g(n=>({...n,[`${e}Modal`]:t}))},m.mountImpersonationFab=()=>{g(e=>({...e,impersonationFab:!0}))},m.openDrawer=(e,t)=>{g(n=>({...n,[`${e}Drawer`]:{open:!0,props:t}}))},m.closeDrawer=e=>{g(t=>{let n=t[`${e}Drawer`];return n?.props?.onClose?.(),{...t,[`${e}Drawer`]:{...t[`${e}Drawer`],open:!1}}})},m.prefetch=e=>{g(t=>({...t,[`${e}Prefetch`]:!0}))},n.onComponentsMounted()},[]);let R=(0,e.Y)(u.xg,{componentProps:b,globalAppearance:o.appearance,componentAppearance:b?.appearance,startPath:p({base:"/one-tap",path:""})}),T=(0,e.FD)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"signIn",componentAppearance:_?.appearance,flowName:"signIn",onClose:()=>m.closeModal("signIn"),onExternalNavigate:()=>m.closeModal("signIn"),startPath:p({base:"/sign-in",path:x?.path}),componentName:"SignInModal",children:[(0,e.Y)(i.M9,{..._}),(0,e.Y)(i.gK,{...f(_,"signin")}),(0,e.Y)(i.L1,{...C})]}),I=(0,e.FD)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"signUp",componentAppearance:v?.appearance,flowName:"signUp",onClose:()=>m.closeModal("signUp"),onExternalNavigate:()=>m.closeModal("signUp"),startPath:p({base:"/sign-up",path:x?.path}),componentName:"SignUpModal",children:[(0,e.Y)(i.M9,{...f(v,"signup")}),(0,e.Y)(i.gK,{...v}),(0,e.Y)(i.L1,{...C})]}),D=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"userProfile",componentAppearance:P?.appearance,flowName:"userProfile",onClose:()=>m.closeModal("userProfile"),onExternalNavigate:()=>m.closeModal("userProfile"),startPath:p({base:"/user",path:P?.__experimental_startPath||x?.path}),componentName:"UserProfileModal",modalContainerSx:{alignItems:"center"},modalContentSx:e=>({height:`min(${e.sizes.$176}, calc(100% - ${e.sizes.$12}))`,margin:0}),children:(0,e.Y)(i.am,{...P})}),U=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"userVerification",componentAppearance:S?.appearance,flowName:"userVerification",onClose:()=>m.closeModal("userVerification"),onExternalNavigate:()=>m.closeModal("userVerification"),startPath:p({base:"/user-verification",path:x?.path}),componentName:"UserVerificationModal",modalContainerSx:{alignItems:"center"},children:(0,e.Y)(i.yd,{...S})}),j=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"organizationProfile",componentAppearance:w?.appearance,flowName:"organizationProfile",onClose:()=>m.closeModal("organizationProfile"),onExternalNavigate:()=>m.closeModal("organizationProfile"),startPath:p({base:"/organizationProfile",path:w?.__experimental_startPath||x?.path}),componentName:"OrganizationProfileModal",modalContainerSx:{alignItems:"center"},modalContentSx:e=>({height:`min(${e.sizes.$176}, calc(100% - ${e.sizes.$12}))`,margin:0}),children:(0,e.Y)(i.Qj,{...w})}),Y=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"createOrganization",componentAppearance:k?.appearance,flowName:"createOrganization",onClose:()=>m.closeModal("createOrganization"),onExternalNavigate:()=>m.closeModal("createOrganization"),startPath:p({base:"/createOrganization",path:x?.path}),componentName:"CreateOrganizationModal",modalContainerSx:{alignItems:"center"},modalContentSx:e=>({height:`min(${e.sizes.$120}, calc(100% - ${e.sizes.$12}))`,margin:0}),children:(0,e.Y)(i.Xi,{...k})}),L=(0,e.FD)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"waitlist",componentAppearance:C?.appearance,flowName:"waitlist",onClose:()=>m.closeModal("waitlist"),onExternalNavigate:()=>m.closeModal("waitlist"),startPath:p({base:"/waitlist",path:x?.path}),componentName:"WaitlistModal",children:[(0,e.Y)(i.L1,{...C}),(0,e.Y)(i.M9,{...C})]}),F=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"blankCaptcha",componentAppearance:{},flowName:"blankCaptcha",onClose:()=>m.closeModal("blankCaptcha"),startPath:p({base:"/blank-captcha",path:x?.path}),componentName:"BlankCaptchaModal",canCloseModal:!1,modalId:"cl-modal-captcha-wrapper",modalStyle:{visibility:"hidden",pointerEvents:"none"},children:(0,e.Y)(i.Gb,{})});return(0,e.Y)(r.Suspense,{fallback:"",children:(0,e.FD)(u.Fj,{clerk:n.getClerk(),environment:n.getEnvironment(),options:o.options,moduleManager:n.moduleManager,children:[[...$].map(([t,n])=>(0,e.Y)(u.t8,{node:t,globalAppearance:o.appearance,appearanceKey:n.appearanceKey,componentAppearance:n.props?.appearance,componentName:n.name,componentProps:n.props},n.key)),b&&R,_&&T,v&&I,P&&D,S&&U,w&&j,k&&Y,C&&L,O&&F,(0,e.Y)(l,{appearance:o.appearance,checkoutDrawer:E,onOpenChange:()=>m.closeDrawer("checkout")}),(0,e.Y)(s,{appearance:o.appearance,planDetailsDrawer:A,onOpenChange:()=>m.closeDrawer("planDetails")}),(0,e.Y)(c,{appearance:o.appearance,subscriptionDetailsDrawer:M,onOpenChange:()=>m.closeDrawer("subscriptionDetails")}),o.impersonationFab&&(0,e.Y)(u.Nx,{globalAppearance:o.appearance,children:(0,e.Y)(i.Sm,{})}),o.enableOrganizationsPromptModal&&(0,e.Y)(u.dB,{globalAppearance:o.appearance,children:(0,e.Y)(i.yc,{...o.enableOrganizationsPromptModal})}),o.options?.__internal_keyless_claimKeylessApplicationUrl&&o.options?.__internal_keyless_copyInstanceKeysUrl&&(0,e.Y)(u.Nx,{globalAppearance:o.appearance,children:(0,e.Y)(i.ju,{claimUrl:o.options.__internal_keyless_claimKeylessApplicationUrl,copyKeysUrl:o.options.__internal_keyless_copyInstanceKeysUrl,onDismiss:o.options.__internal_keyless_dismissPrompt})}),(0,e.Y)(r.Suspense,{children:o.organizationSwitcherPrefetch&&(0,e.Y)(u.up,{})})]})})};window.__internal_ClerkUiCtor||(window.__internal_ClerkUiCtor=class{static version="1.0.0-canary.v20260109111147";version="1.0.0-canary.v20260109111147";#e;constructor(t,r,a,l){this.#e=((t,r,a,l)=>{let s,c={...a};c.appearance&&(c.appearance=function(e){let t;if(!e||"object"!=typeof e)return e;let n=e.theme;if(!n)return e;if(Array.isArray(n)){n.forEach(e=>{!t&&"object"==typeof e&&e.cssLayerName&&(t=e.cssLayerName)});let r=n.map(e=>{if("string"==typeof e)return e;let{cssLayerName:t,...n}=e;return n}),a=e.cssLayerName||t,o={...e,theme:r};return a&&(o.cssLayerName=a),o}{let t;"object"==typeof n&&n.cssLayerName&&(t=n.cssLayerName);let r="string"==typeof n?n:(()=>{let{cssLayerName:e,...t}=n;return t})(),a=e.cssLayerName||t,o={...e,theme:r};return a&&(o.cssLayerName=a),o}}(c.appearance));let u=document.getElementById("clerk-components");return u||((u=document.createElement("div")).setAttribute("id","clerk-components"),document.body.appendChild(u)),{ensureMounted:async a=>{let{preloadHint:p}=a||{};if(!s){let a=(0,n.t)();p&&(0,i.jr)(p),s=Promise.all([o.e("26"),o.e("666")]).then(o.bind(o,6053)).then(({createRoot:n})=>(n(u).render((0,e.Y)(g,{getClerk:t,getEnvironment:r,options:c,onComponentsMounted:a.resolve,moduleManager:l})),a.promise.then(()=>m)))}return s.then(e=>e)}}})(t,r,a,l)}ensureMounted(e){return this.#e.ensureMounted(e)}})})(),{}})());
|
|
3
|
+
For more information contact us at ${t}`)}function u(e){throw Error(`${r} Unable to retrieve a third party script${e?` ${e}`:""}.`)}},1421:function(e,t,n){n.d(t,{F:()=>o,j:()=>i});var r=n(2166),a=n(4670);let o=()=>{let e=(0,a.n)(r.r)??"";return e?JSON.parse(atob(e)):null},i=({url:e,startPath:t="/user",currentPath:n="",componentName:a,socialProvider:o=""})=>{var i;let l=(i=JSON.stringify({path:n.replace(/CLERK-ROUTER\/VIRTUAL\/.*\//,"")||"",componentName:a,startPath:t,socialProvider:o}),global.btoa(i)),s=new URL(e),c=s.searchParams;return c.set(r.r,l),s.search=c.toString(),s.toString()}},8693:function(e,t,n){n.d(t,{t:()=>r});let r=(...e)=>{}},4670:function(e,t,n){n.d(t,{r:()=>i,n:()=>o,t:()=>l});var r=n(2166);let a=["__clerk_status","__clerk_created_session","__clerk_invitation_token","__clerk_ticket","__clerk_modal_state","__clerk_handshake","__clerk_handshake_nonce","__clerk_help","__clerk_netlify_cache_bust",r.o,r.i,r.a];function o(e){return new URL(window.location.href).searchParams.get(e)||null}function i(e){let t=new URL(window.location.href);t.searchParams.has(e)&&(t.searchParams.delete(e),window.history.replaceState(window.history.state,"",t))}function l(e){let t=new URLSearchParams(window.location.search),n=e||new URLSearchParams;for(let e of a){let r=t.get(e);r&&n.set(e,r)}return n}},4653:function(e,t,n){n.d(t,{n:()=>o,r:()=>a,t:()=>r});let r=()=>!1,a=()=>!1,o=()=>{try{return!0}catch{}return!1}}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,o),n.loaded=!0,n.exports}o.m=r,o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},l=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,o.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var n=Object.create(null);o.r(n);var r={};i=i||[null,l({}),l([]),l(l)];for(var a=2&t&&e;("object"==typeof a||"function"==typeof a)&&!~i.indexOf(a);a=l(a))Object.getOwnPropertyNames(a).forEach(t=>{r[t]=()=>e[t]});return r.default=()=>e,o.d(n,r),n},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce((t,n)=>(o.f[n](e,t),t),[])),o.u=e=>""+(({10:"signin",110:"up-plans-page",122:"payment-attempt-page",188:"web3-solana-wallet-buttons",223:"op-api-keys-page",243:"createorganization",256:"checkout",259:"up-billing-page",26:"framework",264:"op-plans-page",265:"waitlist",289:"op-billing-page",30:"pricingTable",310:"organizationprofile",326:"apiKeys",328:"blankcaptcha",364:"organizationswitcher",390:"sessionTasks",394:"copy-api-key-modal",451:"subscriptionDetails",472:"signup",505:"revoke-api-key-modal",522:"keylessPrompt",533:"enableOrganizationsPrompt",545:"vendors",58:"useravatar",591:"oauthConsent",608:"prefetchorganizationlist",627:"statement-page",636:"userverification",666:"ui-common",67:"taskResetPassword",718:"userprofile",721:"onetap",723:"taskChooseOrganization",799:"organizationlist",817:"up-api-keys-page",841:"planDetails",917:"impersonationfab",99:"userbutton"})[e]||e)+"_ui_"+o.h().slice(0,6)+"_1.0.0-canary.v20260109133726.js",o.h=()=>"db91a9d0b8c9bd84",o.g=(()=>{if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}})(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},o.l=function(e,t,n,r){if(s[e])return void s[e].push(t);if(void 0!==n)for(var a,i,l=document.getElementsByTagName("script"),c=0;c<l.length;c++){var u=l[c];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")=="@clerk/ui:"+n){a=u;break}}a||(i=!0,(a=document.createElement("script")).timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.setAttribute("data-webpack","@clerk/ui:"+n),a.src=e),s[e]=[t];var p=function(t,n){a.onerror=a.onload=null,clearTimeout(f);var r=s[e];if(delete s[e],a.parentNode&&a.parentNode.removeChild(a),r&&r.forEach(function(e){return e(n)}),t)return t(n)},f=setTimeout(p.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=p.bind(null,a.onerror),a.onload=p.bind(null,a.onload),i&&document.head.appendChild(a)},o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),o.g.importScripts&&(c=o.g.location+"");var i,l,s,c,u=o.g.document;if(!c&&u&&(u.currentScript&&"SCRIPT"===u.currentScript.tagName.toUpperCase()&&(c=u.currentScript.src),!c)){var p=u.getElementsByTagName("script");if(p.length)for(var f=p.length-1;f>-1&&(!c||!/^http(s?):/.test(c));)c=p[f--].src}if(!c)throw Error("Automatic publicPath is not supported in this browser");return o.p=c=c.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),e={4:0},o.f.j=function(t,n){var r=o.o(e,t)?e[t]:void 0;if(0!==r)if(r)n.push(r[2]);else{var a=new Promise((n,a)=>r=e[t]=[n,a]);n.push(r[2]=a);var i=o.p+o.u(t),l=Error();o.l(i,function(n){if(o.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var a=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;l.message="Loading chunk "+t+" failed.\n("+a+": "+i+")",l.name="ChunkLoadError",l.type=a,l.request=i,r[1](l)}},"chunk-"+t,t)}},t=(t,n)=>{var r,a,[i,l,s]=n,c=0;if(i.some(t=>0!==e[t])){for(r in l)o.o(l,r)&&(o.m[r]=l[r]);s&&s(o)}for(t&&t(n);c<i.length;c++)a=i[c],o.o(e,a)&&e[a]&&e[a][0](),e[a]=0},(n=globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n)),(()=>{try{let e=new URL(document.currentScript.src),t=new URL(e.href.split("/").slice(0,-1).join("/")).href;o.p=(t+=t.endsWith("/")?"":"/").replace(/(^.*\/@clerk\/ui@)(.+?)(\/dist.*)/,"$11.0.0-canary.v20260109133726$3")}catch{}var e=o(4518),t=o(2950),n=o(526),r=o(5074),a=o(3727),i=o(4096);let l=(0,r.lazy)(()=>Promise.all([o.e("545"),o.e("666")]).then(o.bind(o,8501)).then(e=>({default:e.MountedCheckoutDrawer}))),s=(0,r.lazy)(()=>Promise.all([o.e("545"),o.e("666")]).then(o.bind(o,4027)).then(e=>({default:e.MountedPlanDetailDrawer}))),c=(0,r.lazy)(()=>Promise.all([o.e("26"),o.e("545"),o.e("666"),o.e("451")]).then(o.bind(o,9949)).then(e=>({default:e.MountedSubscriptionDetailDrawer})));var u=o(4642);let p=({base:e,path:t})=>t?e+t:e;function f(e,t){if(!e)return{};let n="signin"===t?"signIn":"signUp",r={[`${n}ForceRedirectUrl`]:e.forceRedirectUrl,[`${n}FallbackRedirectUrl`]:e.fallbackRedirectUrl},a={...e,...r};return delete a.forceRedirectUrl,delete a.fallbackRedirectUrl,a}let d="undefined"!=typeof window?r.useLayoutEffect:r.useEffect,h=0,m={},y=Object.freeze({SignUp:"signUpModal",SignIn:"signInModal",UserProfile:"userProfileModal",OrganizationProfile:"organizationProfileModal",CreateOrganization:"createOrganizationModal",Waitlist:"waitlistModal"}),g=n=>{let[o,g]=r.useState({appearance:n.options.appearance,options:n.options,googleOneTapModal:null,signInModal:null,signUpModal:null,userProfileModal:null,userVerificationModal:null,organizationProfileModal:null,createOrganizationModal:null,enableOrganizationsPromptModal:null,organizationSwitcherPrefetch:!1,waitlistModal:null,blankCaptchaModal:null,checkoutDrawer:{open:!1,props:null},planDetailsDrawer:{open:!1,props:null},subscriptionDetailsDrawer:{open:!1,props:null},nodes:new Map,impersonationFab:!1}),{googleOneTapModal:b,signInModal:_,signUpModal:v,userProfileModal:P,userVerificationModal:S,organizationProfileModal:w,createOrganizationModal:k,waitlistModal:C,blankCaptchaModal:O,checkoutDrawer:E,planDetailsDrawer:A,subscriptionDetailsDrawer:M,nodes:$}=o,{urlStateParam:x,clearUrlStateParam:z,decodedRedirectParams:N}=(0,a.x)();d(()=>{N&&g(e=>({...e,[y[N.componentName]]:!0})),m.mountComponent=e=>{let{node:n,name:r,props:a,appearanceKey:o}=e;n||(0,t.x)(),g(e=>(e.nodes.set(n,{key:`p${++h}`,name:r,props:a,appearanceKey:o}),{...e,nodes:$}))},m.unmountComponent=e=>{let{node:t}=e;g(e=>(e.nodes.delete(t),{...e,nodes:$}))},m.updateProps=({node:e,props:t,...n})=>{if(e&&t&&"object"==typeof t){let n=o.nodes.get(e);if(n){n.props={...t},g(e=>({...e}));return}}g(e=>({...e,...n,options:{...e.options,...n.options}}))},m.closeModal=(e,t={})=>{let{notify:n=!0}=t;z(),g(t=>{let r;return(r=t[`${e}Modal`])&&"object"==typeof r&&"afterVerificationCancelled"in r&&n&&r.afterVerificationCancelled?.(),{...t,[`${e}Modal`]:null}})},m.openModal=(e,t)=>{"enableOrganizationsPrompt"===e?g(n=>n.enableOrganizationsPromptModal?n:{...n,[`${e}Modal`]:t}):"afterVerificationCancelled"in t?"afterVerificationCancelled"in t&&g(n=>({...n,[`${e}Modal`]:{...t,afterVerification(){t.afterVerification?.(),m.closeModal(e,{notify:!1})}}})):g(n=>({...n,[`${e}Modal`]:t}))},m.mountImpersonationFab=()=>{g(e=>({...e,impersonationFab:!0}))},m.openDrawer=(e,t)=>{g(n=>({...n,[`${e}Drawer`]:{open:!0,props:t}}))},m.closeDrawer=e=>{g(t=>{let n=t[`${e}Drawer`];return n?.props?.onClose?.(),{...t,[`${e}Drawer`]:{...t[`${e}Drawer`],open:!1}}})},m.prefetch=e=>{g(t=>({...t,[`${e}Prefetch`]:!0}))},n.onComponentsMounted()},[]);let R=(0,e.Y)(u.xg,{componentProps:b,globalAppearance:o.appearance,componentAppearance:b?.appearance,startPath:p({base:"/one-tap",path:""})}),T=(0,e.FD)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"signIn",componentAppearance:_?.appearance,flowName:"signIn",onClose:()=>m.closeModal("signIn"),onExternalNavigate:()=>m.closeModal("signIn"),startPath:p({base:"/sign-in",path:x?.path}),componentName:"SignInModal",children:[(0,e.Y)(i.M9,{..._}),(0,e.Y)(i.gK,{...f(_,"signin")}),(0,e.Y)(i.L1,{...C})]}),I=(0,e.FD)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"signUp",componentAppearance:v?.appearance,flowName:"signUp",onClose:()=>m.closeModal("signUp"),onExternalNavigate:()=>m.closeModal("signUp"),startPath:p({base:"/sign-up",path:x?.path}),componentName:"SignUpModal",children:[(0,e.Y)(i.M9,{...f(v,"signup")}),(0,e.Y)(i.gK,{...v}),(0,e.Y)(i.L1,{...C})]}),D=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"userProfile",componentAppearance:P?.appearance,flowName:"userProfile",onClose:()=>m.closeModal("userProfile"),onExternalNavigate:()=>m.closeModal("userProfile"),startPath:p({base:"/user",path:P?.__experimental_startPath||x?.path}),componentName:"UserProfileModal",modalContainerSx:{alignItems:"center"},modalContentSx:e=>({height:`min(${e.sizes.$176}, calc(100% - ${e.sizes.$12}))`,margin:0}),children:(0,e.Y)(i.am,{...P})}),U=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"userVerification",componentAppearance:S?.appearance,flowName:"userVerification",onClose:()=>m.closeModal("userVerification"),onExternalNavigate:()=>m.closeModal("userVerification"),startPath:p({base:"/user-verification",path:x?.path}),componentName:"UserVerificationModal",modalContainerSx:{alignItems:"center"},children:(0,e.Y)(i.yd,{...S})}),j=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"organizationProfile",componentAppearance:w?.appearance,flowName:"organizationProfile",onClose:()=>m.closeModal("organizationProfile"),onExternalNavigate:()=>m.closeModal("organizationProfile"),startPath:p({base:"/organizationProfile",path:w?.__experimental_startPath||x?.path}),componentName:"OrganizationProfileModal",modalContainerSx:{alignItems:"center"},modalContentSx:e=>({height:`min(${e.sizes.$176}, calc(100% - ${e.sizes.$12}))`,margin:0}),children:(0,e.Y)(i.Qj,{...w})}),Y=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"createOrganization",componentAppearance:k?.appearance,flowName:"createOrganization",onClose:()=>m.closeModal("createOrganization"),onExternalNavigate:()=>m.closeModal("createOrganization"),startPath:p({base:"/createOrganization",path:x?.path}),componentName:"CreateOrganizationModal",modalContainerSx:{alignItems:"center"},modalContentSx:e=>({height:`min(${e.sizes.$120}, calc(100% - ${e.sizes.$12}))`,margin:0}),children:(0,e.Y)(i.Xi,{...k})}),L=(0,e.FD)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"waitlist",componentAppearance:C?.appearance,flowName:"waitlist",onClose:()=>m.closeModal("waitlist"),onExternalNavigate:()=>m.closeModal("waitlist"),startPath:p({base:"/waitlist",path:x?.path}),componentName:"WaitlistModal",children:[(0,e.Y)(i.L1,{...C}),(0,e.Y)(i.M9,{...C})]}),F=(0,e.Y)(u.Vv,{globalAppearance:o.appearance,appearanceKey:"blankCaptcha",componentAppearance:{},flowName:"blankCaptcha",onClose:()=>m.closeModal("blankCaptcha"),startPath:p({base:"/blank-captcha",path:x?.path}),componentName:"BlankCaptchaModal",canCloseModal:!1,modalId:"cl-modal-captcha-wrapper",modalStyle:{visibility:"hidden",pointerEvents:"none"},children:(0,e.Y)(i.Gb,{})});return(0,e.Y)(r.Suspense,{fallback:"",children:(0,e.FD)(u.Fj,{clerk:n.getClerk(),environment:n.getEnvironment(),options:o.options,moduleManager:n.moduleManager,children:[[...$].map(([t,n])=>(0,e.Y)(u.t8,{node:t,globalAppearance:o.appearance,appearanceKey:n.appearanceKey,componentAppearance:n.props?.appearance,componentName:n.name,componentProps:n.props},n.key)),b&&R,_&&T,v&&I,P&&D,S&&U,w&&j,k&&Y,C&&L,O&&F,(0,e.Y)(l,{appearance:o.appearance,checkoutDrawer:E,onOpenChange:()=>m.closeDrawer("checkout")}),(0,e.Y)(s,{appearance:o.appearance,planDetailsDrawer:A,onOpenChange:()=>m.closeDrawer("planDetails")}),(0,e.Y)(c,{appearance:o.appearance,subscriptionDetailsDrawer:M,onOpenChange:()=>m.closeDrawer("subscriptionDetails")}),o.impersonationFab&&(0,e.Y)(u.Nx,{globalAppearance:o.appearance,children:(0,e.Y)(i.Sm,{})}),o.enableOrganizationsPromptModal&&(0,e.Y)(u.dB,{globalAppearance:o.appearance,children:(0,e.Y)(i.yc,{...o.enableOrganizationsPromptModal})}),o.options?.__internal_keyless_claimKeylessApplicationUrl&&o.options?.__internal_keyless_copyInstanceKeysUrl&&(0,e.Y)(u.Nx,{globalAppearance:o.appearance,children:(0,e.Y)(i.ju,{claimUrl:o.options.__internal_keyless_claimKeylessApplicationUrl,copyKeysUrl:o.options.__internal_keyless_copyInstanceKeysUrl,onDismiss:o.options.__internal_keyless_dismissPrompt})}),(0,e.Y)(r.Suspense,{children:o.organizationSwitcherPrefetch&&(0,e.Y)(u.up,{})})]})})};window.__internal_ClerkUiCtor||(window.__internal_ClerkUiCtor=class{static version="1.0.0-canary.v20260109133726";version="1.0.0-canary.v20260109133726";#e;constructor(t,r,a,l){this.#e=((t,r,a,l)=>{let s,c={...a};c.appearance&&(c.appearance=function(e){let t;if(!e||"object"!=typeof e)return e;let n=e.theme;if(!n)return e;if(Array.isArray(n)){n.forEach(e=>{!t&&"object"==typeof e&&e.cssLayerName&&(t=e.cssLayerName)});let r=n.map(e=>{if("string"==typeof e)return e;let{cssLayerName:t,...n}=e;return n}),a=e.cssLayerName||t,o={...e,theme:r};return a&&(o.cssLayerName=a),o}{let t;"object"==typeof n&&n.cssLayerName&&(t=n.cssLayerName);let r="string"==typeof n?n:(()=>{let{cssLayerName:e,...t}=n;return t})(),a=e.cssLayerName||t,o={...e,theme:r};return a&&(o.cssLayerName=a),o}}(c.appearance));let u=document.getElementById("clerk-components");return u||((u=document.createElement("div")).setAttribute("id","clerk-components"),document.body.appendChild(u)),{ensureMounted:async a=>{let{preloadHint:p}=a||{};if(!s){let a=(0,n.t)();p&&(0,i.jr)(p),s=Promise.all([o.e("26"),o.e("666")]).then(o.bind(o,6053)).then(({createRoot:n})=>(n(u).render((0,e.Y)(g,{getClerk:t,getEnvironment:r,options:c,onComponentsMounted:a.resolve,moduleManager:l})),a.promise.then(()=>m)))}return s.then(e=>e)}}})(t,r,a,l)}ensureMounted(e){return this.#e.ensureMounted(e)}})})(),{}})());
|