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

package/dist/components/verdocs-sign.js

@@ -942,18 +942,33 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 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();
+                    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));
+                    }
                 }, 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);