https://login.720cloud.io/static/dist/flow/AuthenticatorEmailStage-YA7SRISO.js

1import{a as n}from"./chunk-FLSSQY4S.js";import"./chunk-7RKAGAJW.js";import"./chunk-F3KRL6QG.js";import{a as s}from"./chunk-3ZXF4WD3.js";import"./chunk-USMAMMBW.js";import{a as f,b as p,c as h}from"./chunk-4EO2KNVY.js";import{a as c,b as r,c as u}from"./chunk-RCUYZO7A.js";import"./chunk-NOFJ6GXZ.js";import{I as i,M as m}from"./chunk-VM53P45Q.js";import{g as t,n as e}from"./chunk-WQ3TMWBQ.js";import{d as l}from"./chunk-SYELWAOX.js";var a=class extends u{static get styles(){return[m,n,h,f,p,c,s]}renderEmailInput(){return t`<header class="pf-c-login__main-header">
2                <h1 class="pf-c-title pf-m-3xl">${this.challenge.flowInfo?.title}</h1>
3            </header>
4            <div class="pf-c-login__main-body">
5                <form
6                    class="pf-c-form"
7                    @submit=${o=>{this.submitForm(o)}}
8                >
9                    <ak-form-static
10                        class="pf-c-form__group"
11                        userAvatar="${this.challenge.pendingUserAvatar}"
12                        user=${this.challenge.pendingUser}
13                    >
14                        <div slot="link">
15                            <a href="${r(this.challenge.flowInfo?.cancelUrl)}"
16                                >${e("Not you?")}</a
17                            >
18                        </div>
19                    </ak-form-static>
20                    <ak-form-element
21                        label="${e("Configure your email")}"
22                        required
23                        class="pf-c-form__group"
24                        .errors=${(this.challenge?.responseErrors||{}).email}
25                    >
26                        <input
27                            type="email"
28                            name="email"
29                            placeholder="${e("Please enter your email address.")}"
30                            autofocus=""
31                            autocomplete="email"
32                            class="pf-c-form-control"
33                            required
34                        />
35                    </ak-form-element>
36                    ${this.renderNonFieldErrors()}
37                    <div class="pf-c-form__group pf-m-action">
38                        <button type="submit" class="pf-c-button pf-m-primary pf-m-block">
39                            ${e("Continue")}
40                        </button>
41                    </div>
42                </form>
43            </div>
44            <footer class="pf-c-login__main-footer">
45                <ul class="pf-c-login__main-footer-links"></ul>
46            </footer>`}renderEmailOTPInput(){return t`<header class="pf-c-login__main-header">
47                <h1 class="pf-c-title pf-m-3xl">${this.challenge.flowInfo?.title}</h1>
48            </header>
49            <div class="pf-c-login__main-body">
50                <ak-form-static
51                    class="pf-c-form__group"
52                    userAvatar="${this.challenge.pendingUserAvatar}"
53                    user=${this.challenge.pendingUser}
54                >
55                    <div slot="link">
56                        <a href="${r(this.challenge.flowInfo?.cancelUrl)}"
57                            >${e("Not you?")}</a
58                        >
59                    </div>
60                </ak-form-static>
61                A verification token has been sent to your configured email address
62                ${r(this.challenge.email)}
63                <form
64                    class="pf-c-form"
65                    @submit=${o=>{this.submitForm(o)}}
66                >
67                    <ak-form-element
68                        label="${e("Code")}"
69                        required
70                        class="pf-c-form__group"
71                        .errors=${(this.challenge?.responseErrors||{}).code}
72                    >
73                        <input
74                            type="text"
75                            name="code"
76                            inputmode="numeric"
77                            pattern="[0-9]*"
78                            placeholder="${e("Please enter the code you received via email")}"
79                            autofocus=""
80                            autocomplete="one-time-code"
81                            class="pf-c-form-control"
82                            required
83                        />
84                    </ak-form-element>

85                    ${this.renderNonFieldErrors()}
86                    <div class="pf-c-form__group pf-m-action">
87                        <button type="submit" class="pf-c-button pf-m-primary pf-m-block">
88                            ${e("Continue")}
89                        </button>
90                    </div>
91                </form>
92            </div>
93            <footer class="pf-c-login__main-footer">
94                <ul class="pf-c-login__main-footer-links"></ul>
95            </footer>`}render(){return console.debug("authentik/stages/authenticator_email:",this.challenge?this.challenge.emailRequired:void 0),this.challenge?this.challenge.emailRequired?(console.debug("authentik/stages/authenticator_email: AuthenticatorEmailStage.render() called with challenge",this.challenge),this.renderEmailInput()):(console.debug("authentik/stages/authenticator_email: AuthenticatorEmailStage.render() called without emailRequired challenge",this.challenge),this.renderEmailOTPInput()):(console.debug("authentik/stages/authenticator_email: AuthenticatorEmailStage.render() called without challenge"),t`<ak-empty-state loading> </ak-empty-state>`)}};a=l([i("ak-stage-authenticator-email")],a);export{a as AuthenticatorEmailStage};
96//# sourceMappingURL=AuthenticatorEmailStage-YA7SRISO.js.map