@sparkvault/sdk 1.23.6 → 1.23.8

package/dist/sparkvault.cjs.js

@@ -936,6 +936,7 @@ class IdentityApiError extends Error {
         this.name = 'IdentityApiError';
         this.code = code;
         this.statusCode = statusCode;
+        Object.setPrototypeOf(this, IdentityApiError.prototype);
     }
 }
 
@@ -6515,6 +6516,7 @@ class UploadApiError extends SparkVaultError {
         super(message, code, httpStatus);
         this.httpStatus = httpStatus;
         this.name = 'UploadApiError';
+        Object.setPrototypeOf(this, UploadApiError.prototype);
     }
 }
 /**
@@ -9013,8 +9015,6 @@ class UploadRenderer {
     renderError(state) {
         const div = document.createElement('div');
         div.className = 'svu-error-view';
-        const statusCode = state.httpStatus || 404;
-        const statusText = statusCode === 402 ? 'Service Unavailable' : 'Resource Not Found';
         div.innerHTML = `
       <div class="svu-error-icon">
         <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
@@ -9023,7 +9023,7 @@ class UploadRenderer {
         </svg>
       </div>
 
-      <h2 class="svu-error-title">${statusCode} - ${statusText}</h2>
+      <h2 class="svu-error-title">${this.escapeHtml(state.title)}</h2>
 
       <p class="svu-error-message">${this.escapeHtml(state.message)}</p>
 
@@ -9283,11 +9283,23 @@ class UploadRenderer {
     }
     handleApiError(error) {
         if (error instanceof UploadApiError) {
-            // Handle specific HTTP status codes
-            if (error.httpStatus === 404) {
+            if (error.code === 'UPLOAD_SOURCE_DISABLED') {
+                // The vault exists but the embedded widget isn't enabled.
+                // This is almost always a developer/admin oversight, so the message
+                // points at the dashboard rather than the end user.
                 this.setState({
                     view: 'error',
-                    message: 'The requested upload endpoint could not be located. This may occur if the upload link has expired, been disabled, or was entered incorrectly.',
+                    title: 'Upload Widget Not Enabled',
+                    message: 'This vault has not enabled the embedded upload widget. Enable it on the vault\'s settings page in the SparkVault dashboard to start accepting uploads here.',
+                    code: 'UPLOAD_SOURCE_DISABLED',
+                    httpStatus: error.httpStatus,
+                });
+            }
+            else if (error.httpStatus === 404) {
+                this.setState({
+                    view: 'error',
+                    title: 'Upload Page Not Found',
+                    message: 'The requested upload endpoint could not be located. This may occur if the upload link has expired or was entered incorrectly.',
                     code: 'NOT_FOUND',
                     httpStatus: 404,
                 });
@@ -9295,6 +9307,7 @@ class UploadRenderer {
             else if (error.httpStatus === 402) {
                 this.setState({
                     view: 'error',
+                    title: 'Service Unavailable',
                     message: 'This upload endpoint has been temporarily disabled due to an account billing issue. Please contact the organization\'s administrator.',
                     code: 'PAYMENT_REQUIRED',
                     httpStatus: 402,
@@ -9303,6 +9316,7 @@ class UploadRenderer {
             else {
                 this.setState({
                     view: 'error',
+                    title: 'Upload Failed',
                     message: error.message,
                     code: error.code,
                     httpStatus: error.httpStatus,
@@ -9313,6 +9327,7 @@ class UploadRenderer {
         else if (error instanceof Error) {
             this.setState({
                 view: 'error',
+                title: 'Upload Failed',
                 message: error.message,
                 code: 'UNKNOWN_ERROR',
             });
@@ -9322,6 +9337,7 @@ class UploadRenderer {
             const err = new Error('An unexpected error occurred');
             this.setState({
                 view: 'error',
+                title: 'Upload Failed',
                 message: err.message,
                 code: 'UNKNOWN_ERROR',
             });
@@ -9358,7 +9374,6 @@ class VaultUploadModule {
         this.renderer = null;
         this.attachedElements = new Map();
         this.config = config;
-        this.api = new UploadApi(config);
     }
     /**
      * Upload a file to a vault.
@@ -9393,8 +9408,12 @@ class VaultUploadModule {
             ...options,
             backdropBlur: options.backdropBlur ?? this.config.backdropBlur,
         };
+        // Fresh API instance per upload session: the AbortController inside the
+        // api is single-use, so reusing it across modal opens would make every
+        // request after the first close throw "Request cancelled".
+        const api = new UploadApi(this.config);
         return new Promise((resolve, reject) => {
-            this.renderer = new UploadRenderer(container, this.api, mergedOptions, {
+            this.renderer = new UploadRenderer(container, api, mergedOptions, {
                 onSuccess: (result) => {
                     options.onSuccess?.(result);
                     resolve(result);