@verdocs/js-sdk 4.0.6 → 4.0.9

package/dist/index.js

@@ -2,693 +2,253 @@
 
 var axios = require('axios');
 
-/* tslint:disable:no-bitwise */
-const b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
-// Regular expression to check formal correctness of base64 encoded strings
-const b64re = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/;
 /**
- * Simplified, Node/Browser-safe alternative to atob() for base64 decoding.
- * Modified from https://github.com/MaxArt2501/base64-js/blob/master/base64.js
+ * Given a `rgba(r,g,b,a)` string value, returns the hex equivalent, dropping the alpha channel.
  */
-const AtoB = (str) => {
-    // atob can work with strings with whitespaces, even inside the encoded part,
-    // but only \t, \n, \f, \r and ' ', which can be stripped.
-    str = String(str).replace(/[\t\n\f\r ]+/g, '');
-    if (!b64re.test(str))
-        throw new TypeError("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.");
-    // Adding the padding if missing, for semplicity
-    str += '=='.slice(2 - (str.length & 3));
-    let bitmap;
-    let result = '';
-    let r1;
-    let r2;
-    let i = 0;
-    for (; i < str.length;) {
-        bitmap =
-            (b64.indexOf(str.charAt(i++)) << 18) |
-                (b64.indexOf(str.charAt(i++)) << 12) |
-                ((r1 = b64.indexOf(str.charAt(i++))) << 6) |
-                (r2 = b64.indexOf(str.charAt(i++)));
-        result +=
-            r1 === 64
-                ? String.fromCharCode((bitmap >> 16) & 255)
-                : r2 === 64
-                    ? String.fromCharCode((bitmap >> 16) & 255, (bitmap >> 8) & 255)
-                    : String.fromCharCode((bitmap >> 16) & 255, (bitmap >> 8) & 255, bitmap & 255);
+function getRGB(rgba) {
+    const rgbNumbers = rgba.replace('rgba(', '').replace(')', '').split(',');
+    const rgbObject = {
+        red: +rgbNumbers[0],
+        green: +rgbNumbers[1],
+        blue: +rgbNumbers[2],
+        alpha: +rgbNumbers[3],
+    };
+    const alpha = 1 - rgbObject.alpha;
+    const red = Math.round((rgbObject.alpha * (rgbObject.red / 255) + alpha) * 255);
+    const green = Math.round((rgbObject.alpha * (rgbObject.green / 255) + alpha) * 255);
+    const blue = Math.round((rgbObject.alpha * (rgbObject.blue / 255) + alpha) * 255);
+    return '#' + rgbToHex(red) + rgbToHex(green) + rgbToHex(blue);
+}
+/**
+ * Given an RGB string value, returns the hex equivalent.
+ */
+function rgbToHex(rgb) {
+    const hex = rgb.toString(16);
+    if (hex.length < 2) {
+        return '0' + hex;
     }
-    return result;
-};
+    return hex;
+}
 /**
- * Decode the body of a JWT. This helper may allow front-end applications to avoid a dependency on `jsonwebtoken` in
- * many cases. Note that this should only be used for true JWTs. Opaque tokens will cause this to throw.
+ * Given a signer role index, return the color code for that signer.
  */
-const decodeJWTBody = (token) => JSON.parse(AtoB((token || '').split('.')[1] || ''));
+function getRGBA(roleIndex) {
+    switch (roleIndex % 10) {
+        case 0:
+            return roleIndex === 0 ? 'rgba(255, 193, 7, 0.4)' : 'rgba(134, 134, 134, 0.3)'; // #FFE69C
+        case 1:
+            return 'rgba(156, 39, 176, .4)'; // '#E3C3E9'
+        case 2:
+            return 'rgba(33, 150, 243, .4)'; // '#C1E1FB'
+        case 3:
+            return 'rgba(220, 231, 117, 0.3)';
+        case 4:
+            return 'rgba(121, 134, 203, 0.3)';
+        case 5:
+            return 'rgba(77, 182, 172, 0.3)';
+        case 6:
+            return 'rgba(255, 202, 165, 0.3)';
+        case 7:
+            return 'rgba(2, 247, 190, 0.3)';
+        case 8:
+            return 'rgba(255, 138, 101, 0.3)';
+        case 9:
+            return 'rgba(82, 255, 79, 0.3)';
+        default:
+            return 'rgba(229, 115, 155, 0.3)';
+    }
+}
 /**
- * Decode the body of an Verdocs access token. Note that raw tokens contain namespaced fields, e.g.
- * `https://verdocs.com/profile_id`. To make these tokens easier to use in front-end code, this name-spacing
- * will be removed. Note that user and signing sessions have different access token formats. The calling
- * application should distinguish between the two based on the context of the authenticated session, or by
- * the presence of the `document_id` field, which will only be present for signing sessions.
+ * Given a role name, return a color code for it. This works by computing a hash code so the specific color returned
+ * is not specified explicitly, but will be the same for every call with the same input value.
  */
-const decodeAccessTokenBody = (token) => {
-    let decoded;
-    try {
-        decoded = decodeJWTBody(token);
-        if (decoded === null) {
-            return null;
+function nameToRGBA(str) {
+    if (!!str) {
+        const validNum = parseInt(str.slice(-1), 10);
+        if (!isNaN(validNum)) {
+            str += (validNum * 99).toString();
+        }
+        let hash = 0;
+        for (let i = 0; i < str.length; i++) {
+            // tslint:disable-next-line:no-bitwise
+            hash = str.charCodeAt(i) + ((hash << 5) - hash);
         }
+        hash = Math.round(hash / 1.3);
+        // tslint:disable-next-line:no-bitwise
+        const c = (hash & 0x00ffff08).toString(16).toUpperCase();
+        const hex = '#' + '00000'.substring(0, 6 - c.length) + c;
+        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+        const color = {
+            r: parseInt(result[1], 16),
+            g: parseInt(result[2], 16),
+            b: parseInt(result[3], 16),
+        };
+        return `rgba(${color.r}, ${color.g}, ${color.b}, 0.2)`;
     }
-    catch (e) {
-        return null;
+}
+/**
+ * Helper function to obtain a color code given a role name given various possible inputs.
+ */
+function getRoleColor(name, roles, index) {
+    if (index) {
+        return getRGBA(index);
     }
-    Object.keys(decoded).forEach((key) => {
-        if (typeof key === 'string' && key.startsWith('https://verdocs.com/')) {
-            decoded[key.replace('https://verdocs.com/', '')] = decoded[key];
-            delete decoded[key];
+    else if (roles && roles.length > 0) {
+        const roleIndex = roles.findIndex((role) => role === name);
+        if (roleIndex > -1) {
+            return getRGBA(roleIndex);
         }
-    });
-    return decoded;
-};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+        else {
+            return nameToRGBA(name);
+        }
+    }
+    else {
+        return nameToRGBA(name);
+    }
 }
 
-// This file provides a polyfill for managing globals in both NodeJS and browser environments. This is
-// an anti-pattern we'd hoped to avoid, but we have several projects dependending on one common library
-// (this js-sdk) and we want that library to provide a common endpoint to all callers (so authentication
-// tokens only need to be tracked in one place). The trouble is, one of those libraries is based on
-// StencilJS and is compiling its modules into Web Components. Because of how module resolution works,
-// when those Components load js-sdk they get a separate instance. Without messy options like having to
-// pass raw data from the caller to each Component, or pass around references to a common Endpoint, they
-// have no way to access authenticated sessions unless we make the Endpoint a true global.
-//
-// @credit https://github.com/medikoo/es5-ext/blob/master/global.js
-// @credit https://mathiasbynens.be/notes/globalthis
-var naiveFallback = function () {
-    if (typeof self === 'object' && self)
-        return self;
-    if (typeof window === 'object' && window)
-        return window;
-    throw new Error('Unable to resolve global `this`');
-};
-var globalThis_1 = (function () {
-    if (this)
-        return this;
-    // Unexpected strict mode (may happen if e.g. bundled into ESM module)
-    // Fallback to standard globalThis if available
-    if (typeof globalThis === 'object' && globalThis)
-        return globalThis;
-    // Thanks @mathiasbynens -> https://mathiasbynens.be/notes/globalthis
-    // In all ES5+ engines global object inherits from Object.prototype
-    // (if you approached one that doesn't please report)
-    try {
-        Object.defineProperty(Object.prototype, '__global__', {
-            get: function () {
-                return this;
-            },
-            configurable: true,
-        });
+const YEAR = 365 * 24 * 60 * 60;
+// const MONTH = 30 * 24 * 60 * 60;
+const WEEK = 7 * 24 * 60 * 60;
+const DAY = 24 * 60 * 60;
+const HOUR = 60 * 60;
+const MINUTE = 60;
+const formatShortTimeAgo = (val) => {
+    if (val === undefined || val === null) {
+        return '';
     }
-    catch (error) {
-        // Unfortunate case of updates to Object.prototype being restricted
-        // via preventExtensions, seal or freeze
-        return naiveFallback();
+    let dateInput;
+    if (typeof val === 'string' || typeof val === 'number') {
+        dateInput = new Date(val);
     }
-    try {
-        // Safari case (window.__global__ works, but __global__ does not)
-        if (!__global__)
-            return naiveFallback();
-        return __global__;
+    else if (typeof val === 'object') {
+        dateInput = val;
     }
-    finally {
-        delete Object.prototype.__global__;
+    else {
+        return '';
     }
-})();
-
-var globalThis$1 = /*@__PURE__*/getDefaultExportFromCjs(globalThis_1);
-
-// @credit https://derickbailey.com/2016/03/09/creating-a-true-singleton-in-node-js-with-es6-symbols/
-// Also see globalThis for comments about why we're doing this in the first place.
-const ENDPOINT_KEY = Symbol.for('verdocs-default-endpoint');
-const requestLogger = (r) => {
-    // tslint:disable-next-line
-    console.debug(`[JS-SDK] ${r.method.toUpperCase()} ${r.baseURL}${r.url}`, r.data ? JSON.stringify(r.data) : '');
-    return r;
+    const timeDiff = Math.floor((new Date().getTime() - dateInput.getTime()) / 1000);
+    if (timeDiff >= YEAR) {
+        return Math.floor(timeDiff / YEAR) + 'Y';
+    }
+    // if (timeDiff >= MONTH) {
+    //   return Math.floor(timeDiff / MONTH) + 'M';
+    // }
+    if (timeDiff >= WEEK) {
+        return Math.floor(timeDiff / WEEK) + 'W';
+    }
+    if (timeDiff >= DAY) {
+        return Math.floor(timeDiff / DAY) + 'D';
+    }
+    if (timeDiff >= HOUR) {
+        return Math.floor(timeDiff / HOUR) + 'H';
+    }
+    if (timeDiff >= MINUTE) {
+        return Math.floor(timeDiff / MINUTE) + 'M';
+    }
+    return `${timeDiff}S`;
 };
-/**
- * VerdocsEndpoint is a class wrapper for a specific connection and authorization context for calling the Verdocs APIs.
- * Endpoints can be used for isolated session tasks.
- *
- * For instance, ephemeral signing sessions may be created independently of a caller's status as an authenticated user.
- * In that case, an Endpoint can be created and authenticated, used for calls related to signing operations, then
- * discarded once signing is complete.
- *
- * Note that endpoint configuration functions return the instance, so they can be chained, e.g.
- *
- * ```typescript
- * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
- *
- * const endpoint = new VerdocsEndpoint();
- * endpoint
- *     .setSessionType('signing')
- *     .logRequests(true)
- *     .setClientID('1234)
- *     .setTimeout(30000);
- * ```
- */
-class VerdocsEndpoint {
-    environment = 'verdocs';
-    sessionType = 'user';
-    baseURL = (window.location.origin === 'https://beta.verdocs.com' || window.location.origin === 'https://stage.verdocs.com'
-        ? 'https://stage-api.verdocs.com'
-        : 'https://api.verdocs.com');
-    clientID = 'not-set';
-    timeout = 60000;
-    token = null;
-    nextListenerId = 0;
-    sessionListeners = new Map();
-    requestLoggerId = null;
-    /**
-     * The current user session, or null if not authenticated. May be either a User or Signing session. If set, the
-     * presence of the `document_id` field can be used to differentiate the types. Only signing sessions are associated
-     * with Envelopes.
-     */
-    session = null;
-    api;
-    /**
-     * Create a new VerdocsEndpoint to call Verdocs platform services.
-     *
-     * ```typescript
-     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
-     * const endpoint = new VerdocsEndpoint();
-     * ```
-     */
-    constructor(options) {
-        this.baseURL = options?.baseURL || this.baseURL;
-        this.timeout = options?.timeout || this.timeout;
-        this.environment = options?.environment || this.environment;
-        this.sessionType = options?.sessionType || this.sessionType;
-        this.clientID = options?.clientID || this.clientID;
-        this.api = axios.create({ baseURL: this.baseURL, timeout: this.timeout });
-    }
-    setDefault() {
-        globalThis$1[ENDPOINT_KEY] = this;
-    }
-    static getDefault() {
-        if (!globalThis$1[ENDPOINT_KEY]) {
-            globalThis$1[ENDPOINT_KEY] = new VerdocsEndpoint();
-            window.console.debug('[JS_SDK] Created default endpoint', globalThis$1[ENDPOINT_KEY].baseURL);
-        }
-        return globalThis$1[ENDPOINT_KEY];
-    }
-    /**
-     * Get the current environment.
-     */
-    getEnvironment() {
-        return this.environment;
-    }
-    /**
-     * Get the current session type.
-     */
-    getSessionType() {
-        return this.sessionType;
-    }
-    /**
-     * Get the current base URL. This should rarely be anything other than 'https://api.verdocs.com'.
-     */
-    getBaseURL() {
-        return this.baseURL;
-    }
-    /**
-     * Get the current client ID, if set.
-     */
-    getClientID() {
-        return this.clientID;
-    }
-    /**
-     * Get the current timeout.
-     */
-    getTimeout() {
-        return this.timeout;
-    }
-    /**
-     * Get the current session, if any.
-     */
-    getSession() {
-        return this.session;
-    }
-    /**
-     * Set the operating environment. This should rarely be anything other than 'verdocs'.
-     *
-     * ```typescript
-     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
-     *
-     * const endpoint = new VerdocsEndpoint();
-     * endpoint.setEnvironment('verdocs-stage');
-     * ```
-     */
-    setEnvironment(environment) {
-        this.environment = environment;
-        return this;
-    }
-    /**
-     * Set the session type. In general this should be done immediately when the endpoint is created. Changing the
-     * session type may be done at any time, but may have unintended consequences if the endpoint is shared between
-     * multiple widgets.
-     *
-     * Changing the session type will clear/reload the action session. This may trigger notifications to session state
-     * observers. Apps that use observers to trigger UI updates such as logging the user out should be prepared to
-     * handle this event.
-     *
-     * ```typescript
-     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
-     *
-     * const endpoint = new VerdocsEndpoint();
-     * endpoint.setEnvironment('verdocs-stage');
-     * ```
-     */
-    setSessionType(sessionType) {
-        this.sessionType = sessionType;
-        return this;
+function timePeriod(type) {
+    let endDate = new Date().getTime();
+    const today = new Date();
+    const month = today.getMonth();
+    const year = today.getFullYear();
+    let startDate = null;
+    switch (type) {
+        case '30d':
+            startDate = endDate - 60 * 60 * 24 * 30 * 1000;
+            break;
+        case '60d':
+            startDate = endDate - 60 * 60 * 24 * 60 * 1000;
+            break;
+        case '6m':
+            startDate = endDate - 60 * 60 * 24 * 30 * 6 * 1000;
+            break;
+        case 'this_month':
+            startDate = new Date(year, month, 1).getTime();
+            break;
+        case 'last_month':
+            startDate = new Date(year, month - 1, 1).getTime();
+            endDate = new Date(year, month, 0).getTime();
+            break;
+        case 'this_year':
+            startDate = new Date(year, 0, 1);
+            break;
+        case 'all_time':
+        default:
+            return null;
     }
-    /**
-     * Set the base URL for API calls. Should be called only upon direction from Verdocs Customer Solutions Engineering.
-     *
-     * ```typescript
-     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
-     *
-     * const endpoint = new VerdocsEndpoint();
-     * endpoint.setBaseURL('https://api.verdocs.com');
-     * ```
-     */
-    setBaseURL(url) {
-        this.baseURL = url;
-        this.api.defaults.baseURL = url;
-        return this;
+    if (startDate === null && endDate === null) {
+        return null;
     }
-    /**
-     * Set the Client ID for Verdocs API calls.
-     *
-     * ```typescript
-     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
-     *
-     * const endpoint = new VerdocsEndpoint();
-     * endpoint.setClientID('1234);
-     * ```
-     */
-    setClientID(clientID) {
-        this.clientID = clientID;
-        this.api.defaults.headers.common['X-Client-ID'] = clientID;
-        return this;
+    return {
+        start_time: new Date(startDate).toISOString(),
+        end_time: new Date(endDate).toISOString(),
+    };
+}
+
+function getRTop(y, fieldHeight, iTextHeight, yRatio) {
+    return iTextHeight - (y + fieldHeight) * yRatio;
+}
+function getRLeft(x, ratio) {
+    return x * ratio;
+}
+function getRValue(y, ratio) {
+    return y * ratio;
+}
+function blobToBase64(image) {
+    const fileReader = new FileReader();
+    return new Promise((resolve, reject) => {
+        fileReader.onerror = () => {
+            reject(new DOMException('Problem reading blob.'));
+        };
+        fileReader.onload = () => {
+            resolve(fileReader.result);
+        };
+        fileReader.readAsDataURL(image);
+    });
+}
+function rescale(r, n) {
+    return r * n;
+}
+
+/**
+ * Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that
+ * includes the MIME type of the file, e.g. "data:image/jpeg;base64,iVBORw0K......"
+ */
+const fileToDataUrl = (file) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve({
+        lastModified: file.lastModified,
+        size: file.size,
+        type: file.type,
+        name: file.name,
+        data: reader.result,
+    });
+    reader.onerror = reject;
+    if (file) {
+        reader.readAsDataURL(file);
     }
-    /**
-     * Set the timeout for API calls in milliseconds. 5000-20000ms is recommended for most purposes. 15000ms is the default.
-     * Note that some calls may involve rendering operations that require some time to complete, so very short timeouts
-     * are not recommended.
-     *
-     * ```typescript
-     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
-     *
-     * const endpoint = new VerdocsEndpoint();
-     * endpoint.setTimeout(3000);
-     * ```
-     */
-    setTimeout(timeout) {
-        this.timeout = timeout;
-        this.api.defaults.timeout = timeout;
-        return this;
+    else {
+        reject(new Error('Invalid file'));
     }
-    /**
-     * Enable or disable request logging. This may expose sensitive data in the console log, so it should only be used for debugging.
-     *
-     * ```typescript
-     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
-     *
-     * const endpoint = new VerdocsEndpoint();
-     * endpoint.logRequests(true);
-     * ```
-     */
-    logRequests(enable) {
-        if (enable && this.requestLoggerId === null) {
-            this.requestLoggerId = this.api.interceptors.request.use(requestLogger);
-        }
-        else if (!enable && this.requestLoggerId !== null) {
-            this.api.interceptors.request.eject(this.requestLoggerId);
-        }
-        return this;
-    }
-    /**
-     * Set the authorization token that will be used for Verdocs API calls. This will also set the session metadata
-     * and notify any listeners of the new data.
-     *
-     * If this Endpoint will be used for non-default purposes (e.g. signing, or in an alternate environment) those
-     * settings should be made before calling this. Sessions are persisted to localStorage, and the environment and
-     * type become part of the storage key.
-     *
-     * ```typescript
-     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
-     *
-     * const endpoint = new VerdocsEndpoint();
-     * endpoint.setToken(accessToken);
-     * ```
-     */
-    setToken(token) {
-        if (!token) {
-            return this.clearSession();
-        }
-        const session = decodeAccessTokenBody(token);
-        if (session === null || (session.exp && session.exp * 1000 < new Date().getTime())) {
-            window.console.warn('[JS_SDK] Ignoring attempt to use expired session token');
-            return this.clearSession();
-        }
-        this.token = token;
-        this.session = session;
-        if (this.sessionType === 'user') {
-            this.api.defaults.headers.common.Authorization = `Bearer ${token}`;
-        }
-        else {
-            this.api.defaults.headers.common.signer = `Bearer ${token}`;
-        }
-        localStorage.setItem(this.sessionStorageKey(), token);
-        this.notifySessionListeners();
-        return this;
-    }
-    /**
-     * Retrieves the current session token, if any. Tokens should rarely be used for direct actions, but this is
-     * required by the `<VerdocsView>` and other components to authorize requests to raw PDF files.
-     */
-    getToken() {
-        return this.token;
-    }
-    sessionStorageKey() {
-        return `verdocs-session-${this.getSessionType()}-${this.getEnvironment()}`;
-    }
-    /**
-     * Clear the active session.
-     */
-    clearSession() {
-        localStorage.removeItem(this.sessionStorageKey());
-        delete this.api.defaults.headers.common.Authorization;
-        delete this.api.defaults.headers.common.signer;
-        this.session = null;
-        this.token = null;
-        this.notifySessionListeners();
-        return this;
-    }
-    /**
-     * Clear the active signing session.
-     */
-    clearSignerSession() {
-        localStorage.removeItem(this.sessionStorageKey());
-        delete this.api.defaults.headers.common.Authorization;
-        this.session = null;
-        this.token = null;
-        this.notifySessionListeners();
-        return this;
-    }
-    notifySessionListeners() {
-        this.sessionListeners.forEach((listener) => {
-            try {
-                listener(this, this.session);
-            }
-            catch (e) {
-                // NOOP
-            }
-        });
-    }
-    /**
-     * Subscribe to session state change events.
-     */
-    onSessionChanged(listener) {
-        // There's no value in randomizing this, a simple counter is fine
-        this.nextListenerId++;
-        const listenerSymbol = Symbol.for('' + this.nextListenerId);
-        this.sessionListeners.set(listenerSymbol, listener);
-        return () => {
-            this.sessionListeners.delete(listenerSymbol);
-        };
-    }
-    /**
-     * Load a persisted session from localStorage. Typically called once after the endpoint is configured when the app
-     * or component starts.
-     */
-    loadSession() {
-        const token = localStorage.getItem(this.sessionStorageKey());
-        if (!token) {
-            return this.clearSession();
-        }
-        return this.setToken(token);
-    }
-}
-
-/**
- * Given a `rgba(r,g,b,a)` string value, returns the hex equivalent, dropping the alpha channel.
- */
-function getRGB(rgba) {
-    const rgbNumbers = rgba.replace('rgba(', '').replace(')', '').split(',');
-    const rgbObject = {
-        red: +rgbNumbers[0],
-        green: +rgbNumbers[1],
-        blue: +rgbNumbers[2],
-        alpha: +rgbNumbers[3],
-    };
-    const alpha = 1 - rgbObject.alpha;
-    const red = Math.round((rgbObject.alpha * (rgbObject.red / 255) + alpha) * 255);
-    const green = Math.round((rgbObject.alpha * (rgbObject.green / 255) + alpha) * 255);
-    const blue = Math.round((rgbObject.alpha * (rgbObject.blue / 255) + alpha) * 255);
-    return '#' + rgbToHex(red) + rgbToHex(green) + rgbToHex(blue);
-}
-/**
- * Given an RGB string value, returns the hex equivalent.
- */
-function rgbToHex(rgb) {
-    const hex = rgb.toString(16);
-    if (hex.length < 2) {
-        return '0' + hex;
-    }
-    return hex;
-}
-/**
- * Given a signer role index, return the color code for that signer.
- */
-function getRGBA(roleIndex) {
-    switch (roleIndex % 10) {
-        case 0:
-            return roleIndex === 0 ? 'rgba(255, 193, 7, 0.4)' : 'rgba(134, 134, 134, 0.3)'; // #FFE69C
-        case 1:
-            return 'rgba(156, 39, 176, .4)'; // '#E3C3E9'
-        case 2:
-            return 'rgba(33, 150, 243, .4)'; // '#C1E1FB'
-        case 3:
-            return 'rgba(220, 231, 117, 0.3)';
-        case 4:
-            return 'rgba(121, 134, 203, 0.3)';
-        case 5:
-            return 'rgba(77, 182, 172, 0.3)';
-        case 6:
-            return 'rgba(255, 202, 165, 0.3)';
-        case 7:
-            return 'rgba(2, 247, 190, 0.3)';
-        case 8:
-            return 'rgba(255, 138, 101, 0.3)';
-        case 9:
-            return 'rgba(82, 255, 79, 0.3)';
-        default:
-            return 'rgba(229, 115, 155, 0.3)';
-    }
-}
-/**
- * Given a role name, return a color code for it. This works by computing a hash code so the specific color returned
- * is not specified explicitly, but will be the same for every call with the same input value.
- */
-function nameToRGBA(str) {
-    if (!!str) {
-        const validNum = parseInt(str.slice(-1), 10);
-        if (!isNaN(validNum)) {
-            str += (validNum * 99).toString();
-        }
-        let hash = 0;
-        for (let i = 0; i < str.length; i++) {
-            // tslint:disable-next-line:no-bitwise
-            hash = str.charCodeAt(i) + ((hash << 5) - hash);
-        }
-        hash = Math.round(hash / 1.3);
-        // tslint:disable-next-line:no-bitwise
-        const c = (hash & 0x00ffff08).toString(16).toUpperCase();
-        const hex = '#' + '00000'.substring(0, 6 - c.length) + c;
-        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-        const color = {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16),
-        };
-        return `rgba(${color.r}, ${color.g}, ${color.b}, 0.2)`;
-    }
-}
+});
 /**
- * Helper function to obtain a color code given a role name given various possible inputs.
+ * Trigger a download dialog to save a blob as a file on disk.
  */
-function getRoleColor(name, roles, index) {
-    if (index) {
-        return getRGBA(index);
-    }
-    else if (roles && roles.length > 0) {
-        const roleIndex = roles.findIndex((role) => role === name);
-        if (roleIndex > -1) {
-            return getRGBA(roleIndex);
-        }
-        else {
-            return nameToRGBA(name);
-        }
-    }
-    else {
-        return nameToRGBA(name);
-    }
-}
-
-const YEAR = 365 * 24 * 60 * 60;
-// const MONTH = 30 * 24 * 60 * 60;
-const WEEK = 7 * 24 * 60 * 60;
-const DAY = 24 * 60 * 60;
-const HOUR = 60 * 60;
-const MINUTE = 60;
-const formatShortTimeAgo = (val) => {
-    if (val === undefined || val === null) {
-        return '';
-    }
-    let dateInput;
-    if (typeof val === 'string' || typeof val === 'number') {
-        dateInput = new Date(val);
-    }
-    else if (typeof val === 'object') {
-        dateInput = val;
-    }
-    else {
-        return '';
-    }
-    const timeDiff = Math.floor((new Date().getTime() - dateInput.getTime()) / 1000);
-    if (timeDiff >= YEAR) {
-        return Math.floor(timeDiff / YEAR) + 'Y';
-    }
-    // if (timeDiff >= MONTH) {
-    //   return Math.floor(timeDiff / MONTH) + 'M';
-    // }
-    if (timeDiff >= WEEK) {
-        return Math.floor(timeDiff / WEEK) + 'W';
-    }
-    if (timeDiff >= DAY) {
-        return Math.floor(timeDiff / DAY) + 'D';
-    }
-    if (timeDiff >= HOUR) {
-        return Math.floor(timeDiff / HOUR) + 'H';
-    }
-    if (timeDiff >= MINUTE) {
-        return Math.floor(timeDiff / MINUTE) + 'M';
-    }
-    return `${timeDiff}S`;
-};
-function timePeriod(type) {
-    let endDate = new Date().getTime();
-    const today = new Date();
-    const month = today.getMonth();
-    const year = today.getFullYear();
-    let startDate = null;
-    switch (type) {
-        case '30d':
-            startDate = endDate - 60 * 60 * 24 * 30 * 1000;
-            break;
-        case '60d':
-            startDate = endDate - 60 * 60 * 24 * 60 * 1000;
-            break;
-        case '6m':
-            startDate = endDate - 60 * 60 * 24 * 30 * 6 * 1000;
-            break;
-        case 'this_month':
-            startDate = new Date(year, month, 1).getTime();
-            break;
-        case 'last_month':
-            startDate = new Date(year, month - 1, 1).getTime();
-            endDate = new Date(year, month, 0).getTime();
-            break;
-        case 'this_year':
-            startDate = new Date(year, 0, 1);
-            break;
-        case 'all_time':
-        default:
-            return null;
-    }
-    if (startDate === null && endDate === null) {
-        return null;
-    }
-    return {
-        start_time: new Date(startDate).toISOString(),
-        end_time: new Date(endDate).toISOString(),
-    };
-}
-
-function getRTop(y, fieldHeight, iTextHeight, yRatio) {
-    return iTextHeight - (y + fieldHeight) * yRatio;
-}
-function getRLeft(x, ratio) {
-    return x * ratio;
-}
-function getRValue(y, ratio) {
-    return y * ratio;
-}
-function blobToBase64(image) {
-    const fileReader = new FileReader();
-    return new Promise((resolve, reject) => {
-        fileReader.onerror = () => {
-            reject(new DOMException('Problem reading blob.'));
-        };
-        fileReader.onload = () => {
-            resolve(fileReader.result);
-        };
-        fileReader.readAsDataURL(image);
-    });
-}
-function rescale(r, n) {
-    return r * n;
-}
-
-/**
- * Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that
- * includes the MIME type of the file, e.g. "data:image/jpeg;base64,iVBORw0K......"
- */
-const fileToDataUrl = (file) => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => resolve({
-        lastModified: file.lastModified,
-        size: file.size,
-        type: file.type,
-        name: file.name,
-        data: reader.result,
-    });
-    reader.onerror = reject;
-    if (file) {
-        reader.readAsDataURL(file);
-    }
-    else {
-        reject(new Error('Invalid file'));
-    }
-});
-/**
- * Trigger a download dialog to save a blob as a file on disk.
- */
-const downloadBlob = (blob, name = 'file.pdf') => {
-    const blobUrl = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = blobUrl;
-    link.download = name;
-    document.body.appendChild(link);
-    link.dispatchEvent(new MouseEvent('click', {
-        bubbles: true,
-        cancelable: true,
-        view: window,
-    }));
-    document.body.removeChild(link);
-};
+const downloadBlob = (blob, name = 'file.pdf') => {
+    const blobUrl = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = blobUrl;
+    link.download = name;
+    document.body.appendChild(link);
+    link.dispatchEvent(new MouseEvent('click', {
+        bubbles: true,
+        cancelable: true,
+        view: window,
+    }));
+    document.body.removeChild(link);
+};
 
 const Countries = [
     { code: '+7 840', name: 'Abkhazia', value: '+7' },
@@ -935,179 +495,644 @@ function getCountryByCode(code) {
     if (isFrenchGuiana(code)) {
         return { code: '+594', name: 'French Guiana', value: '+594' };
     }
-    else if (isGuadeloupe(code)) {
-        return { code: '+590', name: 'Guadeloupe', value: '+590' };
+    else if (isGuadeloupe(code)) {
+        return { code: '+590', name: 'Guadeloupe', value: '+590' };
+    }
+    else if (isMartinique(code)) {
+        return { code: '+596', name: 'Martinique', value: '+596' };
+    }
+    else if (isMayotte(code)) {
+        return { code: '+262', name: 'Mayotte or Réunion', value: '+262' };
+    }
+    return null;
+}
+function isFrenchGuiana(code) {
+    return '+594' === code.substring(0, 4);
+}
+function isGuadeloupe(code) {
+    return '+590' === code.substring(0, 4);
+}
+function isMartinique(code) {
+    return '+596' === code.substring(0, 4);
+}
+function isMayotte(code) {
+    return '+262' === code.substring(0, 4);
+}
+function getPlusOneCountry(code) {
+    let info = null;
+    switch (code.substring(0, 5)) {
+        case '+1684':
+            info = { code: '+1', name: 'American Samoa', value: '+1' };
+            break;
+        case '+1264':
+            info = { code: '+1', name: 'Anguilla', value: '+1' };
+            break;
+        case '+1268':
+            info = { code: '+1', name: 'Antigua and Barbuda', value: '+1' };
+            break;
+        case '+1242':
+            info = { code: '+1', name: 'Bahamas', value: '+1' };
+            break;
+        case '+1246':
+            info = { code: '+1', name: 'Barbados', value: '+1' };
+            break;
+        case '+1441':
+            info = { code: '+1', name: 'Bermuda', value: '+1' };
+            break;
+        case '+1284':
+            info = { code: '+1', name: 'British Virgin Islands', value: '+1' };
+            break;
+        case '+1':
+            info = { code: '+1', name: '', value: '+1' };
+            break;
+    }
+    return info;
+}
+function isCanada(code) {
+    const canadianAreaCodes = [
+        '403',
+        '587',
+        '780',
+        '825',
+        '604',
+        '250',
+        '778',
+        '236',
+        '204',
+        '431',
+        '506',
+        '709',
+        '867',
+        '782',
+        '902',
+        '867',
+        '548',
+        '705',
+        '365',
+        '613',
+        '807',
+        '226',
+        '289',
+        '437',
+        '519',
+        '647',
+        '905',
+        '249',
+        '343',
+        '416',
+        '902',
+        '782',
+        '450',
+        '418',
+        '579',
+        '873',
+        '367',
+        '514',
+        '581',
+        '819',
+        '438',
+        '639',
+        '306',
+        '867',
+    ];
+    const areaCode = code.substring(0, 5);
+    return canadianAreaCodes.findIndex((x) => '+1' + x === areaCode) > -1;
+}
+function isAmericanSamoa(code) {
+    return code.substring(0, 5) === '+1684';
+}
+function isDominicanRepublic(code) {
+    return '+1809' === code.substring(0, 5) || '+1829' === code.substring(0, 5) || '+1849' === code.substring(0, 5);
+}
+function isPuertoRico(code) {
+    return code.substring(0, 5) === '+' || code.substring(0, 5) === '+';
+}
+// need to finish
+function getMatchingCountry(code, substrings) {
+    const toMatch = code.substring(0, substrings);
+    return Countries.filter((c) => c.code === toMatch).length;
+}
+// const e164Regex = new RegExp(/\+[1-9]\d{6,14}/g);
+// export function simpleE164Validator(code: string) {
+//   return (code !== null && code.length < 16 && code.length > 6 && e164Regex.test(code)) || code === '' || code === null;
+// }
+
+/**
+ * Capitalize the first letter of a string.
+ */
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+/**
+ * Convert a phone-number-like string to E164 format.
+ * @see https://46elks.com/kb/e164
+ */
+const convertToE164 = (input) => {
+    // "(212) 555-1212" => +12125551212
+    // "+46766861004" => "+46766861004"
+    // "212-555-1212" => +12125551212
+    // "212.555.1212" => +12125551212
+    // "212 555 1212" => +12125551212
+    let temp = (input || '').trim();
+    // If we are already prefixed, assume the user did it deliberately and attempt to use what they entered. We also short-circuit blanks.
+    if (!temp || temp.startsWith('+')) {
+        return temp;
+    }
+    // Remove any spaces, parenthesis or other punctuation.
+    temp = temp.replace(/[^0-9]/g, '');
+    // If the number begins with a zero, remove the leading zero. Do not combine this with the previous step because it needs to be removed
+    // whether it's the actual first character e.g. `0(5)` or just the first digit e.g. `(05`.
+    temp = temp.replace(/^0/g, '');
+    // Prepend the country code and +. We're assuming US in this case given the target demographic. Users in other countries would/should be
+    // already entering a prefix so they'd shortcut out of this routine via the + prefix check.
+    return `+1${temp}`;
+};
+
+/**
+ * Create an array containing a sequence of integers, e.g. [START, START+1, START+2, ...] This is frequently useful
+ * in rendering operations when there is no source array to .map() across.
+ */
+const integerSequence = (start, count) => Array(count)
+    .fill(1)
+    .map((_, index) => index + start);
+/**
+ * Format a profile's full name
+ */
+const formatFullName = (profile) => profile ? `${capitalize(profile.first_name)} ${capitalize(profile.last_name)}` : 'Invalid User';
+/**
+ * Format a profile's initials
+ */
+const formatInitials = (profile) => profile ? `${capitalize(profile.first_name).charAt(0)} ${capitalize(profile.last_name).charAt(0)}` : '--';
+/**
+ * Generate suggested initials for a full name, e.g. "John Doe" will yield "JD".
+ */
+const fullNameToInitials = (name) => name
+    .split(' ')
+    .map((word) => word[0])
+    .join('');
+
+/* tslint:disable:no-bitwise */
+const b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+// Regular expression to check formal correctness of base64 encoded strings
+const b64re = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/;
+/**
+ * Simplified, Node/Browser-safe alternative to atob() for base64 decoding.
+ * Modified from https://github.com/MaxArt2501/base64-js/blob/master/base64.js
+ */
+const AtoB = (str) => {
+    // atob can work with strings with whitespaces, even inside the encoded part,
+    // but only \t, \n, \f, \r and ' ', which can be stripped.
+    str = String(str).replace(/[\t\n\f\r ]+/g, '');
+    if (!b64re.test(str))
+        throw new TypeError("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.");
+    // Adding the padding if missing, for semplicity
+    str += '=='.slice(2 - (str.length & 3));
+    let bitmap;
+    let result = '';
+    let r1;
+    let r2;
+    let i = 0;
+    for (; i < str.length;) {
+        bitmap =
+            (b64.indexOf(str.charAt(i++)) << 18) |
+                (b64.indexOf(str.charAt(i++)) << 12) |
+                ((r1 = b64.indexOf(str.charAt(i++))) << 6) |
+                (r2 = b64.indexOf(str.charAt(i++)));
+        result +=
+            r1 === 64
+                ? String.fromCharCode((bitmap >> 16) & 255)
+                : r2 === 64
+                    ? String.fromCharCode((bitmap >> 16) & 255, (bitmap >> 8) & 255)
+                    : String.fromCharCode((bitmap >> 16) & 255, (bitmap >> 8) & 255, bitmap & 255);
+    }
+    return result;
+};
+/**
+ * Decode the body of a JWT. This helper may allow front-end applications to avoid a dependency on `jsonwebtoken` in
+ * many cases. Note that this should only be used for true JWTs. Opaque tokens will cause this to throw.
+ */
+const decodeJWTBody = (token) => JSON.parse(AtoB((token || '').split('.')[1] || ''));
+/**
+ * Decode the body of an Verdocs access token. Note that raw tokens contain namespaced fields, e.g.
+ * `https://verdocs.com/profile_id`. To make these tokens easier to use in front-end code, this name-spacing
+ * will be removed. Note that user and signing sessions have different access token formats. The calling
+ * application should distinguish between the two based on the context of the authenticated session, or by
+ * the presence of the `document_id` field, which will only be present for signing sessions.
+ */
+const decodeAccessTokenBody = (token) => {
+    let decoded;
+    try {
+        decoded = decodeJWTBody(token);
+        if (decoded === null) {
+            return null;
+        }
+    }
+    catch (e) {
+        return null;
+    }
+    Object.keys(decoded).forEach((key) => {
+        if (typeof key === 'string' && key.startsWith('https://verdocs.com/')) {
+            decoded[key.replace('https://verdocs.com/', '')] = decoded[key];
+            delete decoded[key];
+        }
+    });
+    return decoded;
+};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+// This file provides a polyfill for managing globals in both NodeJS and browser environments. This is
+// an anti-pattern we'd hoped to avoid, but we have several projects dependending on one common library
+// (this js-sdk) and we want that library to provide a common endpoint to all callers (so authentication
+// tokens only need to be tracked in one place). The trouble is, one of those libraries is based on
+// StencilJS and is compiling its modules into Web Components. Because of how module resolution works,
+// when those Components load js-sdk they get a separate instance. Without messy options like having to
+// pass raw data from the caller to each Component, or pass around references to a common Endpoint, they
+// have no way to access authenticated sessions unless we make the Endpoint a true global.
+//
+// @credit https://github.com/medikoo/es5-ext/blob/master/global.js
+// @credit https://mathiasbynens.be/notes/globalthis
+var naiveFallback = function () {
+    if (typeof self === 'object' && self)
+        return self;
+    if (typeof window === 'object' && window)
+        return window;
+    throw new Error('Unable to resolve global `this`');
+};
+var globalThis_1 = (function () {
+    if (this)
+        return this;
+    // Unexpected strict mode (may happen if e.g. bundled into ESM module)
+    // Fallback to standard globalThis if available
+    if (typeof globalThis === 'object' && globalThis)
+        return globalThis;
+    // Thanks @mathiasbynens -> https://mathiasbynens.be/notes/globalthis
+    // In all ES5+ engines global object inherits from Object.prototype
+    // (if you approached one that doesn't please report)
+    try {
+        Object.defineProperty(Object.prototype, '__global__', {
+            get: function () {
+                return this;
+            },
+            configurable: true,
+        });
+    }
+    catch (error) {
+        // Unfortunate case of updates to Object.prototype being restricted
+        // via preventExtensions, seal or freeze
+        return naiveFallback();
+    }
+    try {
+        // Safari case (window.__global__ works, but __global__ does not)
+        if (!__global__)
+            return naiveFallback();
+        return __global__;
+    }
+    finally {
+        delete Object.prototype.__global__;
+    }
+})();
+
+var globalThis$1 = /*@__PURE__*/getDefaultExportFromCjs(globalThis_1);
+
+// @credit https://derickbailey.com/2016/03/09/creating-a-true-singleton-in-node-js-with-es6-symbols/
+// Also see globalThis for comments about why we're doing this in the first place.
+const ENDPOINT_KEY = Symbol.for('vƒbaseerdocs-default-endpoint');
+const requestLogger = (r) => {
+    // tslint:disable-next-line
+    console.debug(`[JS-SDK] ${r.method.toUpperCase()} ${r.baseURL}${r.url}`, r.data ? JSON.stringify(r.data) : '');
+    return r;
+};
+/**
+ * VerdocsEndpoint is a class wrapper for a specific connection and authorization context for calling the Verdocs APIs.
+ * Endpoints can be used for isolated session tasks.
+ *
+ * For instance, ephemeral signing sessions may be created independently of a caller's status as an authenticated user.
+ * In that case, an Endpoint can be created and authenticated, used for calls related to signing operations, then
+ * discarded once signing is complete.
+ *
+ * Note that endpoint configuration functions return the instance, so they can be chained, e.g.
+ *
+ * ```typescript
+ * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+ *
+ * const endpoint = new VerdocsEndpoint();
+ * endpoint
+ *     .setSessionType('signing')
+ *     .logRequests(true)
+ *     .setClientID('1234)
+ *     .setTimeout(30000);
+ * ```
+ */
+class VerdocsEndpoint {
+    environment = 'verdocs';
+    sessionType = 'user';
+    baseURL = (window.location.origin === 'https://beta.verdocs.com' || window.location.origin === 'https://stage.verdocs.com'
+        ? 'https://stage-api.verdocs.com'
+        : 'https://api.verdocs.com');
+    baseURLv2 = (window.location.origin === 'https://beta.verdocs.com' || window.location.origin === 'https://stage.verdocs.com'
+        ? 'https://stage-api.verdocs.com/v2'
+        : 'https://api.verdocs.com/v2');
+    clientID = 'not-set';
+    timeout = 60000;
+    token = null;
+    nextListenerId = 0;
+    sessionListeners = new Map();
+    requestLoggerId = null;
+    /**
+     * The current user session, or null if not authenticated. May be either a User or Signing session. If set, the
+     * presence of the `document_id` field can be used to differentiate the types. Only signing sessions are associated
+     * with Envelopes.
+     */
+    session = null;
+    api;
+    /**
+     * Create a new VerdocsEndpoint to call Verdocs platform services.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     * const endpoint = new VerdocsEndpoint();
+     * ```
+     */
+    constructor(options) {
+        this.baseURL = options?.baseURL || this.baseURL;
+        this.timeout = options?.timeout || this.timeout;
+        this.environment = options?.environment || this.environment;
+        this.sessionType = options?.sessionType || this.sessionType;
+        this.clientID = options?.clientID || this.clientID;
+        this.api = axios.create({ baseURL: this.baseURL, timeout: this.timeout });
+    }
+    setDefault() {
+        globalThis$1[ENDPOINT_KEY] = this;
+    }
+    static getDefault() {
+        if (!globalThis$1[ENDPOINT_KEY]) {
+            globalThis$1[ENDPOINT_KEY] = new VerdocsEndpoint();
+            window.console.debug('[JS_SDK] Created default endpoint', globalThis$1[ENDPOINT_KEY].baseURL);
+        }
+        return globalThis$1[ENDPOINT_KEY];
+    }
+    /**
+     * Get the current environment.
+     */
+    getEnvironment() {
+        return this.environment;
+    }
+    /**
+     * Get the current session type.
+     */
+    getSessionType() {
+        return this.sessionType;
+    }
+    /**
+     * Get the current base URL. This should rarely be anything other than 'https://api.verdocs.com'.
+     */
+    getBaseURL() {
+        return this.baseURL;
+    }
+    /**
+     * Get the current base URL for the v2 APIs.
+     * This should rarely be anything other than 'https://api-v2.verdocs.com'.
+     */
+    getBaseURLv2() {
+        return this.baseURLv2;
+    }
+    /**
+     * Get the current client ID, if set.
+     */
+    getClientID() {
+        return this.clientID;
+    }
+    /**
+     * Get the current timeout.
+     */
+    getTimeout() {
+        return this.timeout;
+    }
+    /**
+     * Get the current session, if any.
+     */
+    getSession() {
+        return this.session;
+    }
+    /**
+     * Set the operating environment. This should rarely be anything other than 'verdocs'.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     *
+     * const endpoint = new VerdocsEndpoint();
+     * endpoint.setEnvironment('verdocs-stage');
+     * ```
+     */
+    setEnvironment(environment) {
+        this.environment = environment;
+        return this;
+    }
+    /**
+     * Set the session type. In general this should be done immediately when the endpoint is created. Changing the
+     * session type may be done at any time, but may have unintended consequences if the endpoint is shared between
+     * multiple widgets.
+     *
+     * Changing the session type will clear/reload the action session. This may trigger notifications to session state
+     * observers. Apps that use observers to trigger UI updates such as logging the user out should be prepared to
+     * handle this event.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     *
+     * const endpoint = new VerdocsEndpoint();
+     * endpoint.setEnvironment('verdocs-stage');
+     * ```
+     */
+    setSessionType(sessionType) {
+        this.sessionType = sessionType;
+        return this;
+    }
+    /**
+     * Set the base URL for API calls. Should be called only upon direction from Verdocs Customer Solutions Engineering.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     *
+     * const endpoint = new VerdocsEndpoint();
+     * endpoint.setBaseURL('https://api.verdocs.com');
+     * ```
+     */
+    setBaseURL(url) {
+        this.baseURL = url;
+        this.api.defaults.baseURL = url;
+        return this;
+    }
+    /**
+     * Set the base URL for API calls. Should be called only upon direction from Verdocs Customer Solutions Engineering.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     *
+     * const endpoint = new VerdocsEndpoint();
+     * endpoint.setBaseURL('https://api.verdocs.com');
+     * ```
+     */
+    setBaseURLv2(url) {
+        this.baseURLv2 = url;
+        // NOTE: We do not set this on the Axios instance because v1 is still the standard.
+        return this;
+    }
+    /**
+     * Set the Client ID for Verdocs API calls.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     *
+     * const endpoint = new VerdocsEndpoint();
+     * endpoint.setClientID('1234);
+     * ```
+     */
+    setClientID(clientID) {
+        this.clientID = clientID;
+        this.api.defaults.headers.common['X-Client-ID'] = clientID;
+        return this;
+    }
+    /**
+     * Set the timeout for API calls in milliseconds. 5000-20000ms is recommended for most purposes. 15000ms is the default.
+     * Note that some calls may involve rendering operations that require some time to complete, so very short timeouts
+     * are not recommended.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     *
+     * const endpoint = new VerdocsEndpoint();
+     * endpoint.setTimeout(3000);
+     * ```
+     */
+    setTimeout(timeout) {
+        this.timeout = timeout;
+        this.api.defaults.timeout = timeout;
+        return this;
+    }
+    /**
+     * Enable or disable request logging. This may expose sensitive data in the console log, so it should only be used for debugging.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     *
+     * const endpoint = new VerdocsEndpoint();
+     * endpoint.logRequests(true);
+     * ```
+     */
+    logRequests(enable) {
+        if (enable && this.requestLoggerId === null) {
+            this.requestLoggerId = this.api.interceptors.request.use(requestLogger);
+        }
+        else if (!enable && this.requestLoggerId !== null) {
+            this.api.interceptors.request.eject(this.requestLoggerId);
+        }
+        return this;
+    }
+    /**
+     * Set the authorization token that will be used for Verdocs API calls. This will also set the session metadata
+     * and notify any listeners of the new data.
+     *
+     * If this Endpoint will be used for non-default purposes (e.g. signing, or in an alternate environment) those
+     * settings should be made before calling this. Sessions are persisted to localStorage, and the environment and
+     * type become part of the storage key.
+     *
+     * ```typescript
+     * import {VerdocsEndpoint} from '@verdocs/js-sdk/HTTP';
+     *
+     * const endpoint = new VerdocsEndpoint();
+     * endpoint.setToken(accessToken);
+     * ```
+     */
+    setToken(token) {
+        if (!token) {
+            return this.clearSession();
+        }
+        const session = decodeAccessTokenBody(token);
+        if (session === null || (session.exp && session.exp * 1000 < new Date().getTime())) {
+            window.console.warn('[JS_SDK] Ignoring attempt to use expired session token');
+            return this.clearSession();
+        }
+        this.token = token;
+        this.session = session;
+        if (this.sessionType === 'user') {
+            this.api.defaults.headers.common.Authorization = `Bearer ${token}`;
+        }
+        else {
+            this.api.defaults.headers.common.signer = `Bearer ${token}`;
+        }
+        localStorage.setItem(this.sessionStorageKey(), token);
+        this.notifySessionListeners();
+        return this;
+    }
+    /**
+     * Retrieves the current session token, if any. Tokens should rarely be used for direct actions, but this is
+     * required by the `<VerdocsView>` and other components to authorize requests to raw PDF files.
+     */
+    getToken() {
+        return this.token;
     }
-    else if (isMartinique(code)) {
-        return { code: '+596', name: 'Martinique', value: '+596' };
+    sessionStorageKey() {
+        return `verdocs-session-${this.getSessionType()}-${this.getEnvironment()}`;
     }
-    else if (isMayotte(code)) {
-        return { code: '+262', name: 'Mayotte or Réunion', value: '+262' };
+    /**
+     * Clear the active session.
+     */
+    clearSession() {
+        localStorage.removeItem(this.sessionStorageKey());
+        delete this.api.defaults.headers.common.Authorization;
+        delete this.api.defaults.headers.common.signer;
+        this.session = null;
+        this.token = null;
+        this.notifySessionListeners();
+        return this;
     }
-    return null;
-}
-function isFrenchGuiana(code) {
-    return '+594' === code.substring(0, 4);
-}
-function isGuadeloupe(code) {
-    return '+590' === code.substring(0, 4);
-}
-function isMartinique(code) {
-    return '+596' === code.substring(0, 4);
-}
-function isMayotte(code) {
-    return '+262' === code.substring(0, 4);
-}
-function getPlusOneCountry(code) {
-    let info = null;
-    switch (code.substring(0, 5)) {
-        case '+1684':
-            info = { code: '+1', name: 'American Samoa', value: '+1' };
-            break;
-        case '+1264':
-            info = { code: '+1', name: 'Anguilla', value: '+1' };
-            break;
-        case '+1268':
-            info = { code: '+1', name: 'Antigua and Barbuda', value: '+1' };
-            break;
-        case '+1242':
-            info = { code: '+1', name: 'Bahamas', value: '+1' };
-            break;
-        case '+1246':
-            info = { code: '+1', name: 'Barbados', value: '+1' };
-            break;
-        case '+1441':
-            info = { code: '+1', name: 'Bermuda', value: '+1' };
-            break;
-        case '+1284':
-            info = { code: '+1', name: 'British Virgin Islands', value: '+1' };
-            break;
-        case '+1':
-            info = { code: '+1', name: '', value: '+1' };
-            break;
+    /**
+     * Clear the active signing session.
+     */
+    clearSignerSession() {
+        localStorage.removeItem(this.sessionStorageKey());
+        delete this.api.defaults.headers.common.Authorization;
+        this.session = null;
+        this.token = null;
+        this.notifySessionListeners();
+        return this;
     }
-    return info;
-}
-function isCanada(code) {
-    const canadianAreaCodes = [
-        '403',
-        '587',
-        '780',
-        '825',
-        '604',
-        '250',
-        '778',
-        '236',
-        '204',
-        '431',
-        '506',
-        '709',
-        '867',
-        '782',
-        '902',
-        '867',
-        '548',
-        '705',
-        '365',
-        '613',
-        '807',
-        '226',
-        '289',
-        '437',
-        '519',
-        '647',
-        '905',
-        '249',
-        '343',
-        '416',
-        '902',
-        '782',
-        '450',
-        '418',
-        '579',
-        '873',
-        '367',
-        '514',
-        '581',
-        '819',
-        '438',
-        '639',
-        '306',
-        '867',
-    ];
-    const areaCode = code.substring(0, 5);
-    return canadianAreaCodes.findIndex((x) => '+1' + x === areaCode) > -1;
-}
-function isAmericanSamoa(code) {
-    return code.substring(0, 5) === '+1684';
-}
-function isDominicanRepublic(code) {
-    return '+1809' === code.substring(0, 5) || '+1829' === code.substring(0, 5) || '+1849' === code.substring(0, 5);
-}
-function isPuertoRico(code) {
-    return code.substring(0, 5) === '+' || code.substring(0, 5) === '+';
-}
-// need to finish
-function getMatchingCountry(code, substrings) {
-    const toMatch = code.substring(0, substrings);
-    return Countries.filter((c) => c.code === toMatch).length;
-}
-// const e164Regex = new RegExp(/\+[1-9]\d{6,14}/g);
-// export function simpleE164Validator(code: string) {
-//   return (code !== null && code.length < 16 && code.length > 6 && e164Regex.test(code)) || code === '' || code === null;
-// }
-
-/**
- * Capitalize the first letter of a string.
- */
-const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-/**
- * Convert a phone-number-like string to E164 format.
- * @see https://46elks.com/kb/e164
- */
-const convertToE164 = (input) => {
-    // "(212) 555-1212" => +12125551212
-    // "+46766861004" => "+46766861004"
-    // "212-555-1212" => +12125551212
-    // "212.555.1212" => +12125551212
-    // "212 555 1212" => +12125551212
-    let temp = (input || '').trim();
-    // If we are already prefixed, assume the user did it deliberately and attempt to use what they entered. We also short-circuit blanks.
-    if (!temp || temp.startsWith('+')) {
-        return temp;
+    notifySessionListeners() {
+        this.sessionListeners.forEach((listener) => {
+            try {
+                listener(this, this.session);
+            }
+            catch (e) {
+                // NOOP
+            }
+        });
     }
-    // Remove any spaces, parenthesis or other punctuation.
-    temp = temp.replace(/[^0-9]/g, '');
-    // If the number begins with a zero, remove the leading zero. Do not combine this with the previous step because it needs to be removed
-    // whether it's the actual first character e.g. `0(5)` or just the first digit e.g. `(05`.
-    temp = temp.replace(/^0/g, '');
-    // Prepend the country code and +. We're assuming US in this case given the target demographic. Users in other countries would/should be
-    // already entering a prefix so they'd shortcut out of this routine via the + prefix check.
-    return `+1${temp}`;
-};
-
-/**
- * Create an array containing a sequence of integers, e.g. [START, START+1, START+2, ...] This is frequently useful
- * in rendering operations when there is no source array to .map() across.
- */
-const integerSequence = (start, count) => Array(count)
-    .fill(1)
-    .map((_, index) => index + start);
-/**
- * Format a profile's full name
- */
-const formatFullName = (profile) => profile ? `${capitalize(profile.first_name)} ${capitalize(profile.last_name)}` : 'Invalid User';
-/**
- * Format a profile's initials
- */
-const formatInitials = (profile) => profile ? `${capitalize(profile.first_name).charAt(0)} ${capitalize(profile.last_name).charAt(0)}` : '--';
-/**
- * Generate suggested initials for a full name, e.g. "John Doe" will yield "JD".
- */
-const fullNameToInitials = (name) => name
-    .split(' ')
-    .map((word) => word[0])
-    .join('');
+    /**
+     * Subscribe to session state change events.
+     */
+    onSessionChanged(listener) {
+        // There's no value in randomizing this, a simple counter is fine
+        this.nextListenerId++;
+        const listenerSymbol = Symbol.for('' + this.nextListenerId);
+        this.sessionListeners.set(listenerSymbol, listener);
+        return () => {
+            this.sessionListeners.delete(listenerSymbol);
+        };
+    }
+    /**
+     * Load a persisted session from localStorage. Typically called once after the endpoint is configured when the app
+     * or component starts.
+     */
+    loadSession() {
+        const token = localStorage.getItem(this.sessionStorageKey());
+        if (!token) {
+            return this.clearSession();
+        }
+        return this.setToken(token);
+    }
+}
 
 /**
  * Create an envelope
@@ -2497,18 +2522,6 @@ const getCurrentProfile = (endpoint) => endpoint.api //
 const getRoles = (endpoint) => endpoint.api //
     .get('/roles')
     .then((r) => r.data);
-/**
- * Get a list of system roles.
- *
- * ```typescript
- * import {Profiles} from '@verdocs/js-sdk/Users';
- *
- * const permissions = await Profiles.getPermissions();
- * ```
- */
-const getPermissions = (endpoint) => endpoint.api //
-    .get('/permissions')
-    .then((r) => r.data);
 /**
  * Create a profile. If the caller does not have a "current" profile set, the new profile will be made current.
  *
@@ -2534,18 +2547,6 @@ const createProfile = (endpoint, params) => endpoint.api //
 const getProfile = (endpoint, profileId) => endpoint.api //
     .get(`/profiles/${profileId}`)
     .then((r) => r.data);
-/**
- * Get a profile's permissions. The caller must have admin access to the given profile.
- *
- * ```typescript
- * import {Profiles} from '@verdocs/js-sdk/Users';
- *
- * const permissions = await Profiles.getProfilePermissions('PROFILEID');
- * ```
- */
-const getProfilePermissions = (endpoint, profileId) => endpoint.api //
-    .get(`/profiles/${profileId}/permissions`)
-    .then((r) => r.data);
 /**
  * Get a profile's groups.
  *
@@ -2582,8 +2583,11 @@ const switchProfile = (endpoint, profileId) => endpoint.api //
  * ```
  */
 const updateProfile = (endpoint, profileId, params) => endpoint.api //
-    .put(`/profiles/${profileId}`, params)
+    .put(`/profiles/${profileId}`, params, { baseURL: endpoint.getBaseURLv2() })
     .then((r) => r.data);
+//   endpoint.api //
+//     .post<IEnvelopeSummaries>('/envelopes/list', params, {baseURL: endpoint.getBaseURLv2()})
+//     .then((r) => r.data);
 /**
  * Delete a profile. If the requested profile is the caller's curent profile, the next available profile will be selected.
  *
@@ -2713,11 +2717,9 @@ exports.getOrganizationInvitations = getOrganizationInvitations;
 exports.getOrganizationMemberPlans = getOrganizationMemberPlans;
 exports.getOrganizationMembers = getOrganizationMembers;
 exports.getOrganizations = getOrganizations;
-exports.getPermissions = getPermissions;
 exports.getPlusOneCountry = getPlusOneCountry;
 exports.getProfile = getProfile;
 exports.getProfileGroups = getProfileGroups;
-exports.getProfilePermissions = getProfilePermissions;
 exports.getProfiles = getProfiles;
 exports.getRGB = getRGB;
 exports.getRGBA = getRGBA;