@verdocs/web-sdk 1.12.30 → 1.12.32

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
-const Envelopes = require('./Envelopes-d28eaba2.js');
+const Envelopes = require('./Envelopes-f81d02b1.js');
 require('./Types-35abf4e8.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-6f0ef095.js');
+const utils = require('./utils-aa7160e9.js');
 const errors = require('./errors-0396da3d.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');

package/dist/cjs/verdocs-template-attachments.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 require('./Types-35abf4e8.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-6705a1ce.js');
 const errors = require('./errors-0396da3d.js');

package/dist/cjs/verdocs-template-create_2.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-67233b76.js');
 require('./Types-35abf4e8.js');
 const Templates = require('./Templates-ed812768.js');
 const TemplateDocuments = require('./TemplateDocuments-1c6620b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const errors = require('./errors-0396da3d.js');
-const interact_min = require('./interact.min-5a50a2ac.js');
+const interact_min = require('./interact.min-29d23a9c.js');
 const Fields = require('./Fields-705a2168.js');
-const utils = require('./utils-6f0ef095.js');
+const utils = require('./utils-aa7160e9.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates$1 = require('./Templates-6705a1ce.js');
-require('./Envelopes-d28eaba2.js');
+require('./Envelopes-f81d02b1.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 require('./Primitives-be5088cb.js');

package/dist/cjs/verdocs-template-document-page.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-67233b76.js');
 require('./Types-35abf4e8.js');
 const TemplateDocuments = require('./TemplateDocuments-1c6620b0.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
-const utils = require('./utils-6f0ef095.js');
-require('./Envelopes-d28eaba2.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
+const utils = require('./utils-aa7160e9.js');
+require('./Envelopes-f81d02b1.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 

package/dist/cjs/verdocs-template-name.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-67233b76.js');
 require('./Types-35abf4e8.js');
 const Templates$1 = require('./Templates-ed812768.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-6705a1ce.js');
 const errors = require('./errors-0396da3d.js');

package/dist/cjs/verdocs-template-properties.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-67233b76.js');
 require('./Types-35abf4e8.js');
 const Templates = require('./Templates-ed812768.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const errors = require('./errors-0396da3d.js');
 const templateStore = require('./templateStore-1862f03c.js');
 require('./Primitives-be5088cb.js');

package/dist/cjs/verdocs-template-reminders.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 require('./Types-35abf4e8.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-6705a1ce.js');
 const errors = require('./errors-0396da3d.js');

package/dist/cjs/verdocs-template-role-properties_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-67233b76.js');
 require('./Types-35abf4e8.js');
 const Roles = require('./Roles-9b593b95.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-6705a1ce.js');
 const errors = require('./errors-0396da3d.js');

package/dist/cjs/verdocs-template-roles.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
-const interact_min = require('./interact.min-5a50a2ac.js');
+const interact_min = require('./interact.min-29d23a9c.js');
 require('./Types-35abf4e8.js');
 const Roles = require('./Roles-9b593b95.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-6705a1ce.js');
-const utils = require('./utils-6f0ef095.js');
+const utils = require('./utils-aa7160e9.js');
 const errors = require('./errors-0396da3d.js');
 require('./Primitives-be5088cb.js');
 require('./Templates-ed812768.js');
-require('./Envelopes-d28eaba2.js');
+require('./Envelopes-f81d02b1.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 

package/dist/cjs/verdocs-template-visibility.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-67233b76.js');
 require('./Types-35abf4e8.js');
 const Templates$1 = require('./Templates-ed812768.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-6705a1ce.js');
 const errors = require('./errors-0396da3d.js');

package/dist/cjs/verdocs-view.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
-const Envelopes = require('./Envelopes-d28eaba2.js');
+const Envelopes = require('./Envelopes-f81d02b1.js');
 const Types = require('./Types-35abf4e8.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-a27c59d0.js');
-const utils = require('./utils-6f0ef095.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-e0d39762.js');
+const utils = require('./utils-aa7160e9.js');
 const errors = require('./errors-0396da3d.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
@@ -66,9 +66,10 @@ const VerdocsView = class {
       headerTarget.append(headerEl);
     }
   }
+  // TODO: Move this to the page renderer once the EnvelopePage model is deployed and envelope pages are individually processed
   async reloadEnvelope() {
     var _a, _b, _c;
-    console.log('[VIEW] Checking for updated envelope');
+    console.log('[VIEW] Loading envelope...');
     try {
       this.envelope = await Envelopes.throttledGetEnvelope(this.endpoint, this.envelopeId);
       this.roleNames = this.envelope.recipients.map(r => r.role_name);
@@ -135,7 +136,7 @@ const VerdocsView = class {
   render() {
     var _a;
     if (!this.envelope) {
-      return (index.h(index.Host, null, index.h("verdocs-loader", null)));
+      return (index.h(index.Host, null, index.h("img", { src: "https://verdocs-public-assets.s3.amazonaws.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })));
     }
     const menuOptions = [{ id: 'print', label: 'Print' }];
     if (userCanCancelEnvelope(this.endpoint.session, this.envelope)) {

package/dist/collection/components/elements/verdocs-envelope-document-page/verdocs-envelope-document-page.js

@@ -24,7 +24,7 @@ export class VerdocsEnvelopeDocumentPage {
     this.naturalHeight = this.virtualHeight;
     this.aspectRatio = this.virtualWidth / this.virtualHeight;
     this.skipFirstNotification = true;
-    this.pageDisplayUri = '';
+    this.pageDisplayUri = 'https://verdocs-public-assets.s3.amazonaws.com/loading-placeholder.png';
   }
   async componentWillLoad() {
     this.pageDisplayUri = await getEnvelopeDocumentPageDisplayUri(this.endpoint, this.envelopeId, this.documentId, this.pageNumber);

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

@@ -38,9 +38,10 @@ export class VerdocsView {
       headerTarget.append(headerEl);
     }
   }
+  // TODO: Move this to the page renderer once the EnvelopePage model is deployed and envelope pages are individually processed
   async reloadEnvelope() {
     var _a, _b, _c;
-    console.log('[VIEW] Checking for updated envelope');
+    console.log('[VIEW] Loading envelope...');
     try {
       this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
       this.roleNames = this.envelope.recipients.map(r => r.role_name);
@@ -107,7 +108,7 @@ export class VerdocsView {
   render() {
     var _a;
     if (!this.envelope) {
-      return (h(Host, null, h("verdocs-loader", null)));
+      return (h(Host, null, h("img", { src: "https://verdocs-public-assets.s3.amazonaws.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })));
     }
     const menuOptions = [{ id: 'print', label: 'Print' }];
     if (userCanCancelEnvelope(this.endpoint.session, this.envelope)) {

package/dist/components/Envelopes.js

@@ -135,7 +135,12 @@ var getFieldAttachment = function (endpoint, envelopeId, fieldName) { return __a
 var getEnvelopeDocumentPageDisplayUri = function (endpoint, envelopeId, documentId, page) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         return [2 /*return*/, endpoint.api
-                .get("/envelopes/".concat(envelopeId, "/envelope_documents/").concat(documentId, "/pages/").concat(page, "/image"), { timeout: 60000 })
+                .get("/envelopes/".concat(envelopeId, "/envelope_documents/").concat(documentId, "/pages/").concat(page, "/image"), {
+                timeout: 20000,
+                'axios-retry': {
+                    retries: 5,
+                },
+            })
                 .then(function (r) { return r.data; })];
     });
 }); };

package/dist/components/VerdocsEndpoint.js

@@ -78,6 +78,322 @@ var SortOptions;
     SortOptions["STAR_COUNTER"] = "star_counter";
 })(SortOptions || (SortOptions = {}));
 
+const denyList = new Set([
+	'ENOTFOUND',
+	'ENETUNREACH',
+
+	// SSL errors from https://github.com/nodejs/node/blob/fc8e3e2cdc521978351de257030db0076d79e0ab/src/crypto/crypto_common.cc#L301-L328
+	'UNABLE_TO_GET_ISSUER_CERT',
+	'UNABLE_TO_GET_CRL',
+	'UNABLE_TO_DECRYPT_CERT_SIGNATURE',
+	'UNABLE_TO_DECRYPT_CRL_SIGNATURE',
+	'UNABLE_TO_DECODE_ISSUER_PUBLIC_KEY',
+	'CERT_SIGNATURE_FAILURE',
+	'CRL_SIGNATURE_FAILURE',
+	'CERT_NOT_YET_VALID',
+	'CERT_HAS_EXPIRED',
+	'CRL_NOT_YET_VALID',
+	'CRL_HAS_EXPIRED',
+	'ERROR_IN_CERT_NOT_BEFORE_FIELD',
+	'ERROR_IN_CERT_NOT_AFTER_FIELD',
+	'ERROR_IN_CRL_LAST_UPDATE_FIELD',
+	'ERROR_IN_CRL_NEXT_UPDATE_FIELD',
+	'OUT_OF_MEM',
+	'DEPTH_ZERO_SELF_SIGNED_CERT',
+	'SELF_SIGNED_CERT_IN_CHAIN',
+	'UNABLE_TO_GET_ISSUER_CERT_LOCALLY',
+	'UNABLE_TO_VERIFY_LEAF_SIGNATURE',
+	'CERT_CHAIN_TOO_LONG',
+	'CERT_REVOKED',
+	'INVALID_CA',
+	'PATH_LENGTH_EXCEEDED',
+	'INVALID_PURPOSE',
+	'CERT_UNTRUSTED',
+	'CERT_REJECTED',
+	'HOSTNAME_MISMATCH'
+]);
+
+// TODO: Use `error?.code` when targeting Node.js 14
+var isRetryAllowed = error => !denyList.has(error && error.code);
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var namespace = 'axios-retry';
+/**
+ * @param  {Error}  error
+ * @return {boolean}
+ */
+
+function isNetworkError(error) {
+  return !error.response && Boolean(error.code) && // Prevents retrying cancelled requests
+  error.code !== 'ECONNABORTED' && // Prevents retrying timed out requests
+  isRetryAllowed(error); // Prevents retrying unsafe errors
+}
+var SAFE_HTTP_METHODS = ['get', 'head', 'options'];
+var IDEMPOTENT_HTTP_METHODS = SAFE_HTTP_METHODS.concat(['put', 'delete']);
+/**
+ * @param  {Error}  error
+ * @return {boolean}
+ */
+
+function isRetryableError(error) {
+  return error.code !== 'ECONNABORTED' && (!error.response || error.response.status >= 500 && error.response.status <= 599);
+}
+/**
+ * @param  {Error}  error
+ * @return {boolean}
+ */
+
+function isSafeRequestError(error) {
+  if (!error.config) {
+    // Cannot determine if the request can be retried
+    return false;
+  }
+
+  return isRetryableError(error) && SAFE_HTTP_METHODS.indexOf(error.config.method) !== -1;
+}
+/**
+ * @param  {Error}  error
+ * @return {boolean}
+ */
+
+function isIdempotentRequestError(error) {
+  if (!error.config) {
+    // Cannot determine if the request can be retried
+    return false;
+  }
+
+  return isRetryableError(error) && IDEMPOTENT_HTTP_METHODS.indexOf(error.config.method) !== -1;
+}
+/**
+ * @param  {Error}  error
+ * @return {boolean}
+ */
+
+function isNetworkOrIdempotentRequestError(error) {
+  return isNetworkError(error) || isIdempotentRequestError(error);
+}
+/**
+ * @return {number} - delay in milliseconds, always 0
+ */
+
+function noDelay() {
+  return 0;
+}
+/**
+ * @param  {number} [retryNumber=0]
+ * @return {number} - delay in milliseconds
+ */
+
+
+function exponentialDelay() {
+  var retryNumber = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var delay = Math.pow(2, retryNumber) * 100;
+  var randomSum = delay * 0.2 * Math.random(); // 0-20% of the delay
+
+  return delay + randomSum;
+}
+/**
+ * Initializes and returns the retry state for the given request/config
+ * @param  {AxiosRequestConfig} config
+ * @return {Object}
+ */
+
+function getCurrentState(config) {
+  var currentState = config[namespace] || {};
+  currentState.retryCount = currentState.retryCount || 0;
+  config[namespace] = currentState;
+  return currentState;
+}
+/**
+ * Returns the axios-retry options for the current request
+ * @param  {AxiosRequestConfig} config
+ * @param  {AxiosRetryConfig} defaultOptions
+ * @return {AxiosRetryConfig}
+ */
+
+
+function getRequestOptions(config, defaultOptions) {
+  return _objectSpread(_objectSpread({}, defaultOptions), config[namespace]);
+}
+/**
+ * @param  {Axios} axios
+ * @param  {AxiosRequestConfig} config
+ */
+
+
+function fixConfig(axios, config) {
+  if (axios.defaults.agent === config.agent) {
+    delete config.agent;
+  }
+
+  if (axios.defaults.httpAgent === config.httpAgent) {
+    delete config.httpAgent;
+  }
+
+  if (axios.defaults.httpsAgent === config.httpsAgent) {
+    delete config.httpsAgent;
+  }
+}
+/**
+ * Checks retryCondition if request can be retried. Handles it's retruning value or Promise.
+ * @param  {number} retries
+ * @param  {Function} retryCondition
+ * @param  {Object} currentState
+ * @param  {Error} error
+ * @return {boolean}
+ */
+
+
+function shouldRetry(_x, _x2, _x3, _x4) {
+  return _shouldRetry.apply(this, arguments);
+}
+/**
+ * Adds response interceptors to an axios instance to retry requests failed due to network issues
+ *
+ * @example
+ *
+ * import axios from 'axios';
+ *
+ * axiosRetry(axios, { retries: 3 });
+ *
+ * axios.get('http://example.com/test') // The first request fails and the second returns 'ok'
+ *   .then(result => {
+ *     result.data; // 'ok'
+ *   });
+ *
+ * // Exponential back-off retry delay between requests
+ * axiosRetry(axios, { retryDelay : axiosRetry.exponentialDelay});
+ *
+ * // Custom retry delay
+ * axiosRetry(axios, { retryDelay : (retryCount) => {
+ *   return retryCount * 1000;
+ * }});
+ *
+ * // Also works with custom axios instances
+ * const client = axios.create({ baseURL: 'http://example.com' });
+ * axiosRetry(client, { retries: 3 });
+ *
+ * client.get('/test') // The first request fails and the second returns 'ok'
+ *   .then(result => {
+ *     result.data; // 'ok'
+ *   });
+ *
+ * // Allows request-specific configuration
+ * client
+ *   .get('/test', {
+ *     'axios-retry': {
+ *       retries: 0
+ *     }
+ *   })
+ *   .catch(error => { // The first request fails
+ *     error !== undefined
+ *   });
+ *
+ * @param {Axios} axios An axios instance (the axios object or one created from axios.create)
+ * @param {Object} [defaultOptions]
+ * @param {number} [defaultOptions.retries=3] Number of retries
+ * @param {boolean} [defaultOptions.shouldResetTimeout=false]
+ *        Defines if the timeout should be reset between retries
+ * @param {Function} [defaultOptions.retryCondition=isNetworkOrIdempotentRequestError]
+ *        A function to determine if the error can be retried
+ * @param {Function} [defaultOptions.retryDelay=noDelay]
+ *        A function to determine the delay between retry requests
+ * @param {Function} [defaultOptions.onRetry=()=>{}]
+ *        A function to get notified when a retry occurs
+ */
+
+
+function _shouldRetry() {
+  _shouldRetry = _asyncToGenerator(function* (retries, retryCondition, currentState, error) {
+    var shouldRetryOrPromise = currentState.retryCount < retries && retryCondition(error); // This could be a promise
+
+    if (typeof shouldRetryOrPromise === 'object') {
+      try {
+        var shouldRetryPromiseResult = yield shouldRetryOrPromise; // keep return true unless shouldRetryPromiseResult return false for compatibility
+
+        return shouldRetryPromiseResult !== false;
+      } catch (_err) {
+        return false;
+      }
+    }
+
+    return shouldRetryOrPromise;
+  });
+  return _shouldRetry.apply(this, arguments);
+}
+
+function axiosRetry(axios, defaultOptions) {
+  axios.interceptors.request.use(config => {
+    var currentState = getCurrentState(config);
+    currentState.lastRequestTime = Date.now();
+    return config;
+  });
+  axios.interceptors.response.use(null, /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(function* (error) {
+      var {
+        config
+      } = error; // If we have no information to retry the request
+
+      if (!config) {
+        return Promise.reject(error);
+      }
+
+      var {
+        retries = 3,
+        retryCondition = isNetworkOrIdempotentRequestError,
+        retryDelay = noDelay,
+        shouldResetTimeout = false,
+        onRetry = () => {}
+      } = getRequestOptions(config, defaultOptions);
+      var currentState = getCurrentState(config);
+
+      if (yield shouldRetry(retries, retryCondition, currentState, error)) {
+        currentState.retryCount += 1;
+        var delay = retryDelay(currentState.retryCount, error); // Axios fails merging this configuration to the default configuration because it has an issue
+        // with circular structures: https://github.com/mzabriskie/axios/issues/370
+
+        fixConfig(axios, config);
+
+        if (!shouldResetTimeout && config.timeout && currentState.lastRequestTime) {
+          var lastRequestDuration = Date.now() - currentState.lastRequestTime;
+          var timeout = config.timeout - lastRequestDuration - delay;
+
+          if (timeout <= 0) {
+            return Promise.reject(error);
+          }
+
+          config.timeout = timeout;
+        }
+
+        config.transformRequest = [data => data];
+        onRetry(currentState.retryCount, error, config);
+        return new Promise(resolve => setTimeout(() => resolve(axios(config)), delay));
+      }
+
+      return Promise.reject(error);
+    });
+
+    return function (_x5) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+} // Compatibility with CommonJS
+
+axiosRetry.isNetworkError = isNetworkError;
+axiosRetry.isSafeRequestError = isSafeRequestError;
+axiosRetry.isIdempotentRequestError = isIdempotentRequestError;
+axiosRetry.isNetworkOrIdempotentRequestError = isNetworkOrIdempotentRequestError;
+axiosRetry.exponentialDelay = exponentialDelay;
+axiosRetry.isRetryableError = isRetryableError;
+
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -3360,6 +3676,14 @@ var VerdocsEndpoint = /** @class */ (function () {
         this.sessionType = (options === null || options === void 0 ? void 0 : options.sessionType) || 'user';
         this.clientID = (options === null || options === void 0 ? void 0 : options.clientID) || 'not-set';
         this.api = axios.create({ baseURL: this.baseURL, timeout: this.timeout });
+        // We set the default retries to zero because we only actually want this feature on certain calls for now
+        axiosRetry(this.api, {
+            retries: 0,
+            retryDelay: axiosRetry.exponentialDelay,
+            onRetry: function (retryCount, error, requestConfig) {
+                window.console.debug("[JS_SDK] Retrying request (".concat(retryCount, ")"), error.message, requestConfig.url);
+            },
+        });
     }
     VerdocsEndpoint.prototype.setDefault = function () {
         globalThis_1[ENDPOINT_KEY] = this;

package/dist/components/verdocs-envelope-document-page2.js

@@ -25,7 +25,7 @@ const VerdocsEnvelopeDocumentPage = /*@__PURE__*/ proxyCustomElement(class exten
     this.naturalHeight = this.virtualHeight;
     this.aspectRatio = this.virtualWidth / this.virtualHeight;
     this.skipFirstNotification = true;
-    this.pageDisplayUri = '';
+    this.pageDisplayUri = 'https://verdocs-public-assets.s3.amazonaws.com/loading-placeholder.png';
   }
   async componentWillLoad() {
     this.pageDisplayUri = await getEnvelopeDocumentPageDisplayUri(this.endpoint, this.envelopeId, this.documentId, this.pageNumber);

package/dist/components/verdocs-view2.js

@@ -66,9 +66,10 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       headerTarget.append(headerEl);
     }
   }
+  // TODO: Move this to the page renderer once the EnvelopePage model is deployed and envelope pages are individually processed
   async reloadEnvelope() {
     var _a, _b, _c;
-    console.log('[VIEW] Checking for updated envelope');
+    console.log('[VIEW] Loading envelope...');
     try {
       this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
       this.roleNames = this.envelope.recipients.map(r => r.role_name);
@@ -135,7 +136,7 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   render() {
     var _a;
     if (!this.envelope) {
-      return (h(Host, null, h("verdocs-loader", null)));
+      return (h(Host, null, h("img", { src: "https://verdocs-public-assets.s3.amazonaws.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })));
     }
     const menuOptions = [{ id: 'print', label: 'Print' }];
     if (userCanCancelEnvelope(this.endpoint.session, this.envelope)) {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-16T15:37:45",
+  "timestamp": "2023-03-16T16:38:33",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -5134,8 +5134,8 @@
           "verdocs-envelope-document-page"
         ],
         "verdocs-view": [
-          "verdocs-loader",
           "verdocs-dropdown",
+          "verdocs-loader",
           "verdocs-envelope-document-page",
           "verdocs-ok-dialog"
         ],
@@ -7400,15 +7400,15 @@
         "verdocs-sign"
       ],
       "dependencies": [
-        "verdocs-loader",
         "verdocs-dropdown",
+        "verdocs-loader",
         "verdocs-envelope-document-page",
         "verdocs-ok-dialog"
       ],
       "dependencyGraph": {
         "verdocs-view": [
-          "verdocs-loader",
           "verdocs-dropdown",
+          "verdocs-loader",
           "verdocs-envelope-document-page",
           "verdocs-ok-dialog"
         ],

package/dist/esm/{Envelopes-36b1d722.js → Envelopes-19a6e456.js}

@@ -135,7 +135,12 @@ var getFieldAttachment = function (endpoint, envelopeId, fieldName) { return __a
 var getEnvelopeDocumentPageDisplayUri = function (endpoint, envelopeId, documentId, page) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         return [2 /*return*/, endpoint.api
-                .get("/envelopes/".concat(envelopeId, "/envelope_documents/").concat(documentId, "/pages/").concat(page, "/image"), { timeout: 60000 })
+                .get("/envelopes/".concat(envelopeId, "/envelope_documents/").concat(documentId, "/pages/").concat(page, "/image"), {
+                timeout: 20000,
+                'axios-retry': {
+                    retries: 5,
+                },
+            })
                 .then(function (r) { return r.data; })];
     });
 }); };