@verdocs/web-sdk 1.2.0 → 1.4.6

package/dist/esm/verdocs-auth.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, c as createEvent, h } from './index-ade0ef1e.js';
-import { l as loadSession, a as authenticateUser, s as setSession } from './Auth-16761ea6.js';
-import { V as VerdocsEndpoint, g as getEndpoint, s as setActiveEndpoint } from './Token-b82a8ea3.js';
-import './index-2b1938ea.js';
+import { r as registerInstance, c as createEvent, h } from './index-859bc689.js';
+import { l as loadSession, a as authenticateUser, s as setSession, e as endSession } from './Auth-b330f209.js';
+import { V as VerdocsEndpoint, s as setActiveEndpoint } from './Token-a587e3ad.js';
+import './buffer-es6-136673c8.js';
 
-const verdocsAuthCss = "verdocs-auth{font-family:sans-serif;font-family:var(--verdocs-font);background-color:var(--verdocs-secondary-color);padding:40px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-auth .login-form,verdocs-auth .signup-form{background:#f2f5fa;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex;padding:20px;width:300px;max-width:100%}verdocs-auth .logo{margin:20px 0 30px;width:128px;max-width:100%}verdocs-auth h3{text-align:center;font-weight:400;font-size:16px;line-height:1.75;margin:0}verdocs-auth h4{text-align:center;font-weight:400;font-size:14px;line-height:1.43;margin:0}verdocs-auth .status-result{display:none}verdocs-auth .status-result.debug{white-space:pre-wrap;font-size:14px;background:#fff;padding:10px;display:block;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth form{width:100%}verdocs-auth verdocs-text-input{margin-bottom:10px}";
+const verdocsAuthCss = "verdocs-auth{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;background-color:#4c56cb;padding:40px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-auth .login-form,verdocs-auth .signup-form{background:#f5f5fa;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex;padding:20px;width:300px;max-width:100%}verdocs-auth .logo{margin:20px 0 30px;width:128px;max-width:100%}verdocs-auth h3{text-align:center;font-weight:400;font-size:16px;line-height:1.75;margin:0}verdocs-auth h4{text-align:center;font-weight:400;font-size:14px;line-height:1.43;margin:0}verdocs-auth .status-result{display:none}verdocs-auth .status-result.debug{white-space:pre-wrap;font-size:14px;background:#fff;padding:10px;display:block;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth form{width:100%}verdocs-auth verdocs-text-input{margin-bottom:10px}";
 
 const BASE_URL = 'https://stage-api.verdocs.com/';
 const SOURCE = 'verdocs-stage';
-let VerdocsAuth = class {
+const VerdocsAuth = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.authenticated = createEvent(this, "authenticated", 7);
@@ -40,11 +40,9 @@ let VerdocsAuth = class {
   componentWillLoad() {
     const staging = new VerdocsEndpoint().setBaseURL(BASE_URL);
     setActiveEndpoint(staging);
-    console.log('Set active endpoint', getEndpoint());
   }
   componentDidLoad() {
     const session = loadSession(SOURCE);
-    console.log('loaded session', session, SOURCE);
     if (session !== null) {
       this.isAuthenticated = true;
       this.activeSession = session;
@@ -63,16 +61,14 @@ let VerdocsAuth = class {
     authenticateUser({ username: this.username, password: this.password })
       .then(r => {
       this.loggingIn = false;
-      console.log('Login result', r.accessToken);
       const session = setSession(SOURCE, r.accessToken, true);
       this.activeSession = session;
       this.isAuthenticated = true;
-      console.log('set session', session);
       this.authenticated.emit({ authenticated: true, session });
     })
       .catch(e => {
       var _a;
-      console.log('Login error', e.response, JSON.stringify(e));
+      console.log('[VERDOCS] Login error', e.response, JSON.stringify(e));
       this.loggingIn = false;
       this.activeSession = null;
       this.authenticated.emit({ authenticated: false, session: null });
@@ -82,7 +78,7 @@ let VerdocsAuth = class {
     });
   }
   handleLogout() {
-    // endSession(SOURCE);
+    endSession(SOURCE);
     this.isAuthenticated = false;
     this.authenticated.emit({ authenticated: false, session: null });
   }

package/dist/esm/verdocs-button_2.entry.js

@@ -1,15 +1,23 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-ade0ef1e.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-859bc689.js';
 
-const verdocsButtonCss = "verdocs-button button{font-family:sans-serif;font-family:var(--verdocs-font);text-transform:uppercase;cursor:pointer;font-weight:500}verdocs-button button:disabled{cursor:none}verdocs-button.standard button{background:var(--verdocs-primary-color);border-radius:4px;font-size:14px;color:white;border:none;outline:none;height:32px;margin:0;display:block;padding:0 20px}verdocs-button.standard button:disabled{background-color:#999;cursor:default}verdocs-button.standard button:active{-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button.text button{border:none;font-size:14px;color:var(--verdocs-secondary-color);font-weight:400;outline:none;background:transparent;padding:0 4px}verdocs-button.text button:disabled{color:#999;cursor:none}verdocs-button.text button:active{-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button.outline button{font-size:14px;border:1px solid var(--verdocs-secondary-color);color:var(--verdocs-secondary-color);outline:none;background:transparent;height:32px;border-radius:4px;padding:0 20px}verdocs-button.outline button:disabled{color:#999;cursor:none;border:1px solid #999}verdocs-button.outline button:active{background:var(--verdocs-secondary-color);color:white}";
+const verdocsButtonCss = "verdocs-button button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .label{padding:0 12px}verdocs-button button:disabled{cursor:none}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999;cursor:none}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;cursor:none;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}";
 
-let VerdocsButton = class {
+const VerdocsButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.press = createEvent(this, "press", 7);
     /**
-     * The label for the  button.
+     * If desired, a prefix icon for the button
      */
-    this.label = '';
+    this.startIcon = null;
+    /**
+     * If desired, a suffix icon for the button
+     */
+    this.endIcon = null;
+    /**
+     * The size (height) of the button.
+     */
+    this.size = 'normal';
     /**
      * The type of the button.
      */
@@ -23,21 +31,19 @@ let VerdocsButton = class {
      */
     this.disabled = false;
   }
-  componentWillLoad() { }
-  componentDidLoad() { }
   handleClick(e) {
     e.preventDefault();
     this.press.emit();
   }
   render() {
-    return (h(Host, { class: `${this.variant}` }, h("button", { disabled: this.disabled, type: this.type, onClick: e => this.handleClick(e) }, this.label)));
+    return (h("button", { disabled: this.disabled, type: this.type, onClick: e => this.handleClick(e), class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { class: "label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
   }
 };
 VerdocsButton.style = verdocsButtonCss;
 
-const verdocsTextInputCss = "verdocs-text-input{font-family:sans-serif;font-family:var(--verdocs-font);-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#fff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaa;opacity:1}verdocs-text-input .input-label{display:block;color:#333;font-weight:400;font-size:14px;margin:0 0 4px 0}";
+const verdocsTextInputCss = "verdocs-text-input{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-label{display:block;color:#33354c;font-weight:400;font-size:14px;margin:0 0 4px 0}";
 
-let VerdocsTextInput = class {
+const VerdocsTextInput = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.fieldInput = createEvent(this, "fieldInput", 7);