@nasa-terra/components 0.0.188 → 0.0.191

package/dist/chunks/chunk.ECUPQPMI.js

@@ -1,99 +0,0 @@
-import{a as P}from"./chunk.SXKOCRXJ.js";import{a as V}from"./chunk.RKVLJUJG.js";import{a as $}from"./chunk.SUSXMFBP.js";import{a as _}from"./chunk.VT3U2SB7.js";import{a as k}from"./chunk.AKA2QFDM.js";import{a as y}from"./chunk.7XEN6ICO.js";import{a as b,b as v}from"./chunk.EBSZILKQ.js";import{e as r,f as e,g as n,i as o}from"./chunk.INFVQQSJ.js";import{html as a,nothing as S}from"lit";import{property as u,state as C,query as q}from"lit/decorators.js";import{TaskStatus as w}from"@lit/task";var t,h,E,g,T,l,c,d,I,f,N,s=class extends v{constructor(){super(...arguments);n(this,h);n(this,g);n(this,l);n(this,d);n(this,f);this.username="";this.password="";this.hidePasswordToggle=!1;this.autoLogin=!1;this.usernameError="";this.passwordError="";n(this,t,new _(this))}firstUpdated(){this.username&&this.password&&(this.hidePasswordToggle=!0,this.autoLogin&&e(this,t).loginTask.run([this.username,this.password]))}render(){var i;return a`
-            <div class="login-container">
-                <div class="login-header">
-                    <a>
-                        <terra-icon name="nasa-logo"></terra-icon>
-                        <h1>Earthdata Login</h1>
-                    </a>
-                    <a
-                        href="https://urs.earthdata.nasa.gov/documentation/what_do_i_need_to_know"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        class="help-link"
-                        aria-label="Need help?"
-                    >
-                        <terra-icon name="question"></terra-icon>
-                    </a>
-                </div>
-
-                ${(i=e(this,t).state.user)!=null&&i.uid?a`<div class="login-form">
-                          <p>
-                              ${e(this,t).state.user.first_name},<br />
-                              You've successfully authenticated with Earthdata Login!
-                          </p>
-                          <terra-button
-                              @click=${()=>e(this,t).logout()}
-                              size="small"
-                              outline
-                              >Logout</terra-button
-                          >
-                      </div>`:a`
-                          <form class="login-form" @submit=${o(this,f,N)}>
-                              <terra-input
-                                  id="username-input"
-                                  label="Username"
-                                  name="username"
-                                  type="text"
-                                  .value=${this.username}
-                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
-                                  autocomplete="username"
-                                  .errorText=${this.usernameError||""}
-                                  required
-                                  @input=${o(this,h,E)}
-                                  @blur=${o(this,l,c)}
-                              ></terra-input>
-
-                              <terra-input
-                                  id="password-input"
-                                  label="Password"
-                                  name="password"
-                                  type="password"
-                                  autocomplete="current-password"
-                                  ?password-toggle=${!this.hidePasswordToggle}
-                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
-                                  .value=${this.password}
-                                  .errorText=${this.passwordError||""}
-                                  required
-                                  @input=${o(this,g,T)}
-                                  @blur=${o(this,d,I)}
-                              ></terra-input>
-
-                              <terra-button
-                                  type="submit"
-                                  variant="primary"
-                                  class="login-button"
-                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
-                              >
-                                  ${e(this,t).loginTask.render({initial:()=>a`Log in`,pending:()=>a`Logging In...`,complete:()=>a`Log in`,error:()=>a`Log in`})}
-                              </terra-button>
-
-                              ${e(this,t).state.error?a`<div class="form-feedback">
-                                        ${e(this,t).state.error}
-                                        ${e(this,t).state.error==="Invalid user credentials"?a`<p>
-                                                  <a
-                                                      class="link"
-                                                      href="https://urs.earthdata.nasa.gov/retrieve_info"
-                                                      target="_blank"
-                                                      rel="noopener noreferrer"
-                                                      >Forgot username?</a
-                                                  >
-                                                  <a
-                                                      class="link"
-                                                      href="https://urs.earthdata.nasa.gov/reset_passwords/new"
-                                                      target="_blank"
-                                                      rel="noopener noreferrer"
-                                                      >Forgot password?</a
-                                                  >
-                                              </p>`:S}
-                                    </div>`:""}
-                              <a
-                                  class="link register-link"
-                                  href="https://urs.earthdata.nasa.gov/users/new"
-                                  target="_blank"
-                                  rel="noopener noreferrer"
-                                  >Register for a profile</a
-                              >
-                          </form>
-                      `}
-            </div>
-        `}};t=new WeakMap,h=new WeakSet,E=function(i){var p;let m=i.target;this.username=m.value,this.usernameError&&this.username&&((p=this.usernameInput)!=null&&p.checkValidity())&&(this.usernameError="",this.usernameInput&&this.usernameInput.setCustomValidity(""))},g=new WeakSet,T=function(i){var p;let m=i.target;this.password=m.value,this.passwordError&&this.password&&((p=this.passwordInput)!=null&&p.checkValidity())&&(this.passwordError="",this.passwordInput&&this.passwordInput.setCustomValidity(""))},l=new WeakSet,c=function(){!this.username||this.username.trim()===""?(this.usernameError="Username is required",this.usernameInput&&this.usernameInput.setCustomValidity("Username is required")):(this.usernameError="",this.usernameInput&&this.usernameInput.setCustomValidity(""))},d=new WeakSet,I=function(){!this.password||this.password.trim()===""?(this.passwordError="Password is required",this.passwordInput&&this.passwordInput.setCustomValidity("Password is required")):(this.passwordError="",this.passwordInput&&this.passwordInput.setCustomValidity(""))},f=new WeakSet,N=function(i){i.preventDefault(),o(this,l,c).call(this),o(this,d,I).call(this),i.target.checkValidity()&&this.username&&this.password?e(this,t).loginTask.run([this.username,this.password]):(this.usernameInput&&this.usernameInput.reportValidity(),this.passwordInput&&this.passwordInput.reportValidity())},s.dependencies={"terra-button":y,"terra-icon":k,"terra-input":P,"terra-loader":$},s.styles=[b,V],r([u({attribute:"logged-in-message"})],s.prototype,"loggedInMessage",2),r([u({attribute:"logged-out-message"})],s.prototype,"loggedOutMessage",2),r([u({attribute:"loading-message"})],s.prototype,"loadingMessage",2),r([u()],s.prototype,"username",2),r([u()],s.prototype,"password",2),r([u({attribute:"hide-password-toggle",type:Boolean})],s.prototype,"hidePasswordToggle",2),r([u({attribute:"auto-login",type:Boolean})],s.prototype,"autoLogin",2),r([C()],s.prototype,"usernameError",2),r([C()],s.prototype,"passwordError",2),r([q("#username-input")],s.prototype,"usernameInput",2),r([q("#password-input")],s.prototype,"passwordInput",2);export{s as a};

package/dist/chunks/chunk.EDDCCPSB.js

@@ -1 +0,0 @@
-import{a as r}from"./chunk.ETRX7GIB.js";import*as e from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-avatar";r.define("terra-avatar");var o=t({tagName:a,elementClass:r,react:e,events:{onTerraError:"terra-error"},displayName:"TerraAvatar"}),f=o;export{f as a};