@verdocs/web-sdk 6.5.0-beta.23 → 6.5.0-beta.25

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

@@ -939,18 +939,25 @@ export class VerdocsSign {
                 filledFields: recipientFields.filter(f => isFilled(f)).map(f => ({ name: f.name, type: f.type, val: f.value })),
             });
             let mode = 'start';
-            // We only consider the user to have started "signing" if they have filled out at least one *fillable* field.
-            // Readonly fields do not count.
-            const anyFieldFilled = requiredRemaining < requiredFields.length || optionalRemaining < optionalFields.length;
+            // 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 (anyFieldFilled) {
+            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: () => {
                     this.adoptingSignature = true;
-                    // this.handleNext();
                 }, onNext: () => this.handleNext(), onPrevious: () => this.handlePrev(), onExit: () => this.handleNext() }));
         })(), h("div", { class: `document signed-document-container zoom-${this.zoomLevel}` }, (this.envelope.documents || []).map(envelopeDocument => {
             const pageNumbers = integerSequence(1, envelopeDocument.pages);
@@ -990,6 +997,14 @@ export class VerdocsSign {
                 this.initialId = initResult.id;
                 this.showSpinner = false;
                 this.adoptingSignature = false;
+                const startedEnvelopes = JSON.parse(localStorage.getItem('startedEnvelopes') || '[]');
+                if (!startedEnvelopes.includes(this.envelopeId)) {
+                    startedEnvelopes.push(this.envelopeId);
+                    while (startedEnvelopes.length > 10) {
+                        startedEnvelopes.shift();
+                    }
+                    localStorage.setItem('startedEnvelopes', JSON.stringify(startedEnvelopes));
+                }
             }, 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;