@verdocs/web-sdk 6.5.0-beta.26 → 6.5.0-beta.28

package/dist/components/verdocs-sign.js

@@ -134,6 +134,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.loading = true;
         this.envelope = null;
         this.zoomLevel = 'normal';
+        this.signingProgressMode = 'start';
         this.renderedPages = {};
     }
     async componentDidLoad() {
@@ -158,12 +159,13 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             // session and might have a different "view" of the envelope.
             const response = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
             this.processAuthResponse(response);
-            const fillable = this.getSortedFillableFields();
-            if (fillable.length > 0) {
-                setTimeout(() => {
-                    this.focusedField = fillable[0].name;
-                }, 500);
-            }
+            //
+            // const fillable = this.getSortedFillableFields();
+            // if (fillable.length > 0) {
+            //   setTimeout(() => {
+            //     this.focusedField = fillable[0].name;
+            //   }, 500);
+            // }
         }
         catch (e) {
             console.log('[SIGN] Error with signing session', e);
@@ -552,6 +554,26 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             this.nextSubmits = false;
         }
         this.updateAllFlags();
+        // We need a way to know if the user has started signing. But after trying two
+        // obvious ways (has the user adopted a signature? are any fields filled in yet?)
+        // they both had flaws (we could be carrying over a sig from a previous session,
+        // and things like defaults and auto-filled fields make the filled-field approach
+        // tricky to maintain).
+        // This is sort of a Hail Mary but it works well for now. We just keep a variable
+        // in localStorage that tracks the last 10 envelopes the user has "started".
+        // We never get a chance to clean them up but 10 GUIDs is tiny compared to what
+        // many apps store in a user's browser.
+        const startedEnvelopes = JSON.parse(localStorage.getItem('startedEnvelopes') || '[]');
+        const hasStarted = startedEnvelopes.includes(this.envelopeId);
+        if (this.nextSubmits) {
+            this.signingProgressMode = 'completed';
+        }
+        else if (hasStarted) {
+            this.signingProgressMode = 'signing';
+        }
+        else {
+            this.signingProgressMode = 'start';
+        }
     }
     getNextRequiredField() {
         // Find and focus the next incomplete field (that is fillable)
@@ -927,12 +949,11 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                     total: optionalFields.length,
                 },
             };
-            const focusedFieldObj = this.getSortedFillableFields().find(f => f.name === this.focusedField);
-            const currentIndex = this.getSortedFillableFields().findIndex(f => f.name === this.focusedField) + 1;
-            const totalFields = this.getSortedFillableFields().length;
-            const remainingFields = this.getSortedFillableFields()
-                .filter(f => f.required && !isFilled(f))
-                .map(f => ({ name: f.name, type: f.type, required: f.required }));
+            const myFields = this.getSortedFillableFields();
+            const focusedFieldObj = myFields.find(f => f.name === this.focusedField);
+            const currentIndex = myFields.findIndex(f => f.name === this.focusedField) + 1;
+            const totalFields = myFields.length;
+            const remainingFields = myFields.filter(f => f.required && !isFilled(f)).map(f => ({ name: f.name, type: f.type, required: f.required }));
             console.log('[SIGN] Progress Debug:', {
                 allFields: allFields.length,
                 requiredFields: requiredFields.length,
@@ -941,25 +962,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 optionalRemaining,
                 filledFields: recipientFields.filter(f => isFilled(f)).map(f => ({ name: f.name, type: f.type, val: f.value })),
             });
-            let mode = 'start';
-            // We need a way to know if the user has started signing. But after trying two
-            // obvious ways (has the user adopted a signature? are any fields filled in yet?)
-            // they both had flaws (we could be carrying over a sig from a previous session,
-            // and things like defaults and auto-filled fields make the filled-field approach
-            // tricky to maintain).
-            // This is sort of a Hail Mary but it works well for now. We just keep a variable
-            // in localStorage that tracks the last 10 envelopes the user has "started".
-            // We never get a chance to clean them up but 10 GUIDs is tiny compared to what
-            // many apps store in a user's browser.
-            const startedEnvelopes = JSON.parse(localStorage.getItem('startedEnvelopes') || '[]');
-            const hasStarted = startedEnvelopes.includes(this.envelopeId);
-            if (this.nextSubmits) {
-                mode = 'completed';
-            }
-            else if (hasStarted) {
-                mode = 'signing';
-            }
-            return (h("verdocs-signing-progress", { mode: mode, current: Math.max(1, currentIndex), total: totalFields, remainingFields: remainingFields, progress: progress, fieldLabel: getFieldLabel(focusedFieldObj), fieldCompleted: focusedFieldObj ? !!isFilled(focusedFieldObj) : false, onStarted: () => {
+            return (h("verdocs-signing-progress", { mode: this.signingProgressMode, current: Math.max(1, currentIndex), total: totalFields, remainingFields: remainingFields, progress: progress, fieldLabel: getFieldLabel(focusedFieldObj), fieldCompleted: focusedFieldObj ? !!isFilled(focusedFieldObj) : false, onStarted: () => {
                     this.adoptingSignature = true;
                 }, onNext: () => this.handleNext(), onPrevious: () => this.handlePrev(), onExit: () => this.handleNext() }));
         })(), h("div", { class: `document signed-document-container zoom-${this.zoomLevel}` }, (this.envelope.documents || []).map(envelopeDocument => {
@@ -1008,6 +1011,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                     }
                     localStorage.setItem('startedEnvelopes', JSON.stringify(startedEnvelopes));
                 }
+                this.signingProgressMode = 'signing';
             }, onExit: () => (this.adoptingSignature = false) })), (this.submitting || this.showSpinner) && (h("verdocs-portal", null, h("div", { class: "spinner-overlay" }, h("verdocs-spinner", null)))), this.showDownloadDialog && (h("verdocs-download-dialog", { hasCertificate: (_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.documents) === null || _b === void 0 ? void 0 : _b.some(d => d.type === 'certificate'), onExit: () => (this.showDownloadDialog = false), onNext: async (e) => {
                 this.showDownloadDialog = false;
                 const { action } = e.detail;
@@ -1106,7 +1110,8 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         "showDownloadDialog": [32],
         "loading": [32],
         "envelope": [32],
-        "zoomLevel": [32]
+        "zoomLevel": [32],
+        "signingProgressMode": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {