@verdocs/web-sdk 1.2.0 → 1.4.6

package/dist/collection/components/elements/verdocs-search-activity/verdocs-search-activity.stories.js

@@ -3,7 +3,7 @@ import { html } from 'lit-html';
  * Display a list of starred items (favorite templates).
  */
 export default {
-  title: 'Elements/Search/Search Activity',
+  title: 'Search/Search Activity',
   component: 'verdocs-search-activity',
   args: {},
   argTypes: {

package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.css

@@ -1,7 +1,5 @@
 verdocs-search-box {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
+  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
 }
 verdocs-search-box form {
   display: flex;

package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.stories.js

@@ -1,6 +1,6 @@
 import { html } from 'lit-html';
 export default {
-  title: 'Elements/Search/Search Box',
+  title: 'Search/Search Box',
   component: 'verdocs-search-box',
   args: {
     type: 'all',

package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.css

@@ -1,3 +1,4 @@
 verdocs-search-tabs {
+  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
   display: block;
 }

package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.stories.js

@@ -4,7 +4,7 @@ import { action } from '@storybook/addon-actions';
  * Display a set of tabs to filter by searchable content types.
  */
 export default {
-  title: 'Elements/Search/Tabs',
+  title: 'Search/Tabs',
   component: 'verdocs-search-tabs',
   args: {},
   argTypes: {},

package/dist/collection/components/embeds/verdocs-auth/verdocs-auth.css

@@ -1,8 +1,6 @@
 verdocs-auth {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-  background-color: var(--verdocs-secondary-color);
+  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
+  background-color: #4c56cb;
   padding: 40px;
   display: flex;
   flex-direction: column;
@@ -11,7 +9,7 @@ verdocs-auth {
 }
 verdocs-auth .login-form,
 verdocs-auth .signup-form {
-  background: #f2f5fa;
+  background: #f5f5fa;
   align-items: center;
   justify-content: center;
   border-radius: 8px;

package/dist/collection/components/embeds/verdocs-auth/verdocs-auth.js

@@ -1,14 +1,16 @@
 import { Auth } from '@verdocs/js-sdk/Users';
 import { Transport, VerdocsEndpoint } from '@verdocs/js-sdk/HTTP';
-import { loadSession, setSession } from '@verdocs/js-sdk/Users/Auth';
+import { endSession, loadSession, setSession } from '@verdocs/js-sdk/Users/Auth';
 import { Component, Prop, State, h, Event } from '@stencil/core';
 const BASE_URL = 'https://stage-api.verdocs.com/';
 const SOURCE = 'verdocs-stage';
 /**
  * Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that
  * occur during the process (especially successful completion). The success callback will be fired immediately if the
- * user is already authenticated with a valid session, so this component may not always display visibly. To simplify
- * some types of authentication flows, a visibility flag can force this component to never display.
+ * user is already authenticated with a valid session, so this component may not always display visibly.
+ *
+ * To simplify some types of authentication flows, a visibility flag can force this component to never display. This
+ * allows you to susbcribe to notifications from the
  *
  * This embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide
  * container to allow sufficient space for the required forms.
@@ -61,11 +63,9 @@ export class VerdocsAuth {
   componentWillLoad() {
     const staging = new VerdocsEndpoint().setBaseURL(BASE_URL);
     Transport.setActiveEndpoint(staging);
-    console.log('Set active endpoint', Transport.getEndpoint());
   }
   componentDidLoad() {
     const session = loadSession(SOURCE);
-    console.log('loaded session', session, SOURCE);
     if (session !== null) {
       this.isAuthenticated = true;
       this.activeSession = session;
@@ -84,16 +84,14 @@ export class VerdocsAuth {
     Auth.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 });
@@ -103,7 +101,7 @@ export class VerdocsAuth {
     });
   }
   handleLogout() {
-    // endSession(SOURCE);
+    endSession(SOURCE);
     this.isAuthenticated = false;
     this.authenticated.emit({ authenticated: false, session: null });
   }

package/dist/collection/components/embeds/verdocs-search/verdocs-search.css

@@ -1,9 +1,7 @@
 verdocs-search {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
+  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
   display: flex;
-  background-color: var(--verdocs-background-dark);
+  background-color: #1e2031;
 }
 verdocs-search search-box {
   display: flex;

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.css

@@ -1,7 +1,5 @@
 verdocs-sign {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
+  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -65,6 +63,7 @@ verdocs-sign .document {
 }
 verdocs-sign .agree-checkbox {
   flex: 0 0 20px;
+  display: flex;
   width: 20px;
   height: 20px;
   border-radius: 3px;

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -5,8 +5,8 @@ import { VerdocsEndpoint } from '@verdocs/js-sdk/HTTP';
 import { Component, Prop, State, h } from '@stencil/core';
 import { updateRecipientStatus } from '@verdocs/js-sdk/Documents/Recipients';
 import { getEndpoint, setActiveEndpoint } from '@verdocs/js-sdk/HTTP/Transport';
-import { getSigningSession, getDocument, getDocumentFile, updateDocumentField } from '@verdocs/js-sdk/Documents/Documents';
 import { isValidEmail, isValidPhone } from '@verdocs/js-sdk/Templates/Validators';
+import { getSigningSession, getDocument, getDocumentFile, updateDocumentField } from '@verdocs/js-sdk/Documents/Documents';
 const BASE_URL = 'https://stage-api.verdocs.com';
 /**
  * Display a document signing experience.
@@ -63,9 +63,6 @@ export class VerdocsSign {
       this.document = document;
       console.log('[SIGN] Document', document);
       this.pdfUrl = `${BASE_URL}/documents/${this.documentid}/envelope_documents/${document.envelope_document_id}?file=true`;
-      // https://stage.verdocs.com/view/sign/f484a296-4f4c-4783-9adf-a3302915a503/roleName/Recipient%202/invitation/ea2328b1181b26118f5c676119232df6
-      // https://stage-api.verdocs.com/documents/f484a296-4f4c-4783-9adf-a3302915a503/envelope_documents/e7968994-b859-40ad-8577-c7b3a1fe76bd?file=true
-      // https://stage-api.verdocs.com/envelopes/f484a296-4f4c-4783-9adf-a3302915a503/envelope_documents/e7968994-b859-40ad-8577-c7b3a1fe76bd?file=true
       this.recipientIndex = this.document.recipients.findIndex(recipient => recipient.role_name == this.roleid);
       if (this.recipientIndex > -1) {
         console.log('Found recipient', this.document.recipients[this.recipientIndex]);
@@ -315,7 +312,7 @@ export class VerdocsSign {
         h("div", { class: "toolbar" },
           h("div", { class: "tools" },
             h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }),
-            !((_b = this.recipient) === null || _b === void 0 ? void 0 : _b.agreed) ? (h("div", { style: { flex: '1', flexDirection: 'row' } },
+            !((_b = this.recipient) === null || _b === void 0 ? void 0 : _b.agreed) ? (h("div", { style: { flex: '1', flexDirection: 'row', display: 'flex', alignItems: 'center' } },
               h("div", { class: "agree-checkbox" },
                 h("input", { type: "checkbox", value: "None", id: "agree-checkbox-element", name: "agree", onChange: () => this.handleClickAgree() }),
                 h("label", { htmlFor: "agree-checkbox-element" })),

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.stories.js

@@ -3,9 +3,9 @@ export default {
   title: 'Embeds/Sign',
   component: 'verdocs-sign',
   args: {
-    documentid: '4868db9f-a565-4132-bdd2-c403ae703e95',
+    documentid: 'f8ef90d3-8631-4f75-8e51-82d0b43fc363',
     roleid: 'Recipient 1',
-    invitecode: '2bd1d634616622206bf58d25fb4b7362',
+    invitecode: 'd48c3e7d7071e1cc6c4788932f2604d9',
   },
   argTypes: {
     authenticated: {

package/dist/collection/components/embeds/verdocs-view/verdocs-view.css

@@ -1,7 +1,5 @@
 verdocs-view {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
+  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
   display: flex;
   background: #ccc;
   min-height: 600px;

package/dist/{esm/Auth-16761ea6.js → components/Auth.js}

@@ -1,4 +1,4 @@
-import { g as getEndpoint, d as decodeAccessTokenBody } from './Token-b82a8ea3.js';
+import { g as getEndpoint, d as decodeAccessTokenBody } from './Token.js';
 
 /**
  * Authenticate to Verdocs via user/password authentication
@@ -21,6 +21,7 @@ var clearSession = function (source, persist) {
     if (persist) {
         localStorage.removeItem(source);
     }
+    notifySessionListeners(source, null);
     return null;
 };
 /**
@@ -39,6 +40,7 @@ var setSession = function (source, token, persist) {
         localStorage.setItem(source, token);
     }
     getEndpoint().setAuthorization(token);
+    notifySessionListeners(source, session);
     return session;
 };
 /**
@@ -58,7 +60,26 @@ var loadSession = function (source) {
         return null;
     }
     getEndpoint().setAuthorization(token);
+    notifySessionListeners(source, session);
     return session;
 };
+/**
+ * End the active session.
+ */
+var endSession = function (source, persist) {
+    if (persist === void 0) { persist = false; }
+    return clearSession(source, persist);
+};
+var sessionChangedListeners = new Map();
+var notifySessionListeners = function (source, session) {
+    sessionChangedListeners.forEach(function (listener) {
+        try {
+            listener(source, session);
+        }
+        catch (e) {
+            // NOOP
+        }
+    });
+};
 
-export { authenticateUser as a, loadSession as l, setSession as s };
+export { authenticateUser as a, endSession as e, loadSession as l, setSession as s };