Add a new user {#if isServiceAccount} Username {:else} Email dropdownOpen, (v) => { dropdownOpen = v // A closed Select renders its value, not the search text, so an address that // stays submittable has to become the value — otherwise `Add` is armed with // something no longer on screen. if (!v) { const typed = typedEmail.trim().toLowerCase() if (EMAIL_REGEX.test(typed)) email = typed typedEmail = '' } } } bind:filterText={ () => emailFilterText, (v) => { emailFilterText = v // Only the user's own edits are kept: Select clears this text when it closes or // when a row is picked, which must not wipe the address about to be submitted. if (dropdownOpen) { typedEmail = v if (v) email = undefined } } } items={emailItems} placeholder="email" clearable onCreateItem={(e) => (email = e.trim().toLowerCase())} noItemsMsg={instanceUsers.loading ? 'Loading...' : $superadmin ? 'No user found on the instance' : 'Type an email address'} /> {#if !automateUsernameCreation} Username {/if} {/if} Role {#snippet children({ item })} {/snippet} {#if isServiceAccount} Service account role {#snippet children({ item })} {/snippet} {#if serviceAccountRole === 'developer'} {/if} {/if} { addUser().then(() => { email = undefined typedEmail = '' username = undefined }) }} disabled={isServiceAccount ? username === undefined || username === '' : effectiveEmail === undefined || (!automateUsernameCreation && username === undefined)} > Add