<commit_before><header class="modal-header" data-test-modal="invite-staff-user">
    <h1>Invite a new staff user</h1>
    <p>Send an invitation for a new person to create a staff account on your site, and select a role that matches what you’d like them to be able to do.</p>
</header>
{{!-- disable mouseDown so it doesn't trigger focus-out validations --}}
<a class="close" href role="button" title="Close" {{action "closeModal"}} {{action (optional this.noop) on="mouseDown"}}>
    {{svg-jar "close"}}<span class="hidden">Close</span>
</a>

<div class="modal-body">
    <fieldset>
        <GhFormGroup @errors={{this.errors}} @hasValidated={{this.hasValidated}} @property="email">
            <label for="new-user-email">Email address</label>
            <GhTextInput
                @class="email"
                @id="new-user-email"
                @type="email"
                @placeholder="<EMAIL>"
                @name="email"
                @shouldFocus={{true}}
                @autocapitalize="off"
                @autocorrect="off"
                @value={{readonly email}}
                @input={{action (mut email) value="target.value"}}
                @keyEvents={{hash
                    Enter=(action "confirm")
                }}
                @focus-out={{action "validate" "email"}}
            />
            <GhErrorMessage @errors={{this.errors}} @property="email" />
        </GhFormGroup>

        <GhRoleSelection
            @selected={{this.role}}
            @setRole={{this.setRole}}
            @onValidationSuccess={{action "roleValidationSucceeded"}}
            @onValidationFailure={{action "roleValidationFailed"}}
        />
    </fieldset>
</div>

<div class="modal-footer">
    {{#if this.limitErrorMessage}}
        <GhTaskButton @buttonText="Upgrade my plan &rarr;"
            @task={{this.transitionToBilling}}
            @class="gh-btn gh-btn-green gh-btn-icon"
            @disableMouseDown="true"
            data-test-button="upgrade-my-plan" />
    {{else}}
        <GhTaskButton @buttonText="Send invitation now &rarr;"
            @successText="Sent"
            @task={{this.sendInvitation}}
            @class="gh-btn gh-btn-black gh-btn-icon"
            @disabled={{this.fetchRoles.isRunning}}
            @disableMouseDown="true"<commit_msg>Removed focus out error handling for invite staff modal<commit_after><header class="modal-header" data-test-modal="invite-staff-user">
    <h1>Invite a new staff user</h1>
    <p>Send an invitation for a new person to create a staff account on your site, and select a role that matches what you’d like them to be able to do.</p>
</header>
{{!-- disable mouseDown so it doesn't trigger focus-out validations --}}
<a class="close" href role="button" title="Close" {{action "closeModal"}} {{action (optional this.noop) on="mouseDown"}}>
    {{svg-jar "close"}}<span class="hidden">Close</span>
</a>

<div class="modal-body">
    <fieldset>
        <GhFormGroup @errors={{this.errors}} @hasValidated={{this.hasValidated}} @property="email">
            <label for="new-user-email">Email address</label>
            <GhTextInput
                @class="email"
                @id="new-user-email"
                @type="email"
                @placeholder="<EMAIL>"
                @name="email"
                @shouldFocus={{true}}
                @autocapitalize="off"
                @autocorrect="off"
                @value={{readonly email}}
                @input={{action (mut email) value="target.value"}}
                @keyEvents={{hash
                    Enter=(action "confirm")
                }}
            />
            <GhErrorMessage @errors={{this.errors}} @property="email" />
        </GhFormGroup>

        <GhRoleSelection
            @selected={{this.role}}
            @setRole={{this.setRole}}
            @onValidationSuccess={{action "roleValidationSucceeded"}}
            @onValidationFailure={{action "roleValidationFailed"}}
        />
    </fieldset>
</div>

<div class="modal-footer">
    {{#if this.limitErrorMessage}}
        <GhTaskButton @buttonText="Upgrade my plan &rarr;"
            @task={{this.transitionToBilling}}
            @class="gh-btn gh-btn-green gh-btn-icon"
            @disableMouseDown="true"
            data-test-button="upgrade-my-plan" />
    {{else}}
        <GhTaskButton @buttonText="Send invitation now &rarr;"
            @successText="Sent"
            @task={{this.sendInvitation}}
            @class="gh-btn gh-btn-black gh-btn-icon"
            @disabled={{this.fetchRoles.isRunning}}
            @disableMouseDown="true"
{'fraction_non_alphanumeric': 0.1516206221448771, 'fraction_numerical': 0.0008701326952360235, 'mean_word_length': 2.267945984363895, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 51, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2397864', 'n_tokens_mistral': 1336, 'n_tokens_neox': 1303, 'n_words': 272}