@hubsync/esign-web-sdk 6.9.28 → 6.9.30

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.css

@@ -41,15 +41,4 @@ verdocs-ok-dialog .buttons button:disabled {
   background-color: var(--verdocs-button-disabled-bg, #e5e7eb);
   color: var(--verdocs-button-disabled-color, #9ca3af);
   cursor: not-allowed;
-}
-verdocs-ok-dialog.decline-dialog .buttons button.cancel {
-  background-color: #003380;
-  border-color: transparent;
-  color: #ffffff;
-}
-verdocs-ok-dialog.decline-dialog .buttons button.ok {
-  background-color: #55bc81;
-}
-verdocs-ok-dialog.decline-dialog .buttons button.ok:hover {
-  background-color: #2b995b;
 }

package/dist/collection/components/dialogs/verdocs-question-dialog/verdocs-question-dialog.css

@@ -25,33 +25,42 @@ verdocs-question-dialog .heading .title {
   font-size: 18px;
 }
 verdocs-question-dialog .buttons {
-  gap: 20px;
+  gap: 12px;
   display: flex;
   margin-top: 24px;
   flex-direction: row;
-  justify-content: center;
+  justify-content: flex-end;
 }
 verdocs-question-dialog .buttons button {
-  flex: 1;
-  border: 0;
-  height: 38px;
+  padding: 8px 16px;
+  height: 40px;
   display: flex;
-  color: #ffffff;
   font-size: 14px;
+  font-weight: 400;
   cursor: pointer;
-  border-radius: 6px;
   align-items: center;
+  border-radius: var(--verdocs-button-radius, 4px);
   justify-content: center;
+  transition: all 0.2s ease;
 }
 verdocs-question-dialog .buttons button.cancel {
-  background-color: #003380;
+  background-color: transparent;
+  border: var(--verdocs-button-secondary-border, 1px solid #d1d5db);
+  color: var(--verdocs-button-secondary-color, #374151);
 }
 verdocs-question-dialog .buttons button.ok {
-  background-color: #55bc81;
+  background-color: var(--verdocs-primary-color, #55bc81);
+  border: 1px solid transparent;
+  color: #ffffff;
+}
+verdocs-question-dialog .buttons button.ok:hover {
+  background-color: var(--verdocs-primary-color-hover, #2b995b);
 }
 verdocs-question-dialog .buttons button.ok.single {
   max-width: 150px;
 }
 verdocs-question-dialog .buttons button:disabled {
-  background-color: #6c727f;
+  background-color: var(--verdocs-button-disabled-bg, #e5e7eb);
+  color: var(--verdocs-button-disabled-color, #9ca3af);
+  cursor: not-allowed;
 }

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

@@ -501,7 +501,14 @@ export class VerdocsSign {
             // TODO: Remove legacy type when no longer needed
             case 'textarea':
             case 'textbox':
-                return this.saveFieldChange(field.name, value, false);
+                return this.saveFieldChange(field.name, value, false).then(() => {
+                    // Advance to the next unfilled field once a value is actually entered, matching the
+                    // signature/initial/date behavior. Guard on a non-empty value so a stray focusout on an
+                    // empty/cleared field (e.g. tabbing through or skipping) doesn't yank focus away.
+                    if (value) {
+                        this.focusNextFieldAfter(field);
+                    }
+                });
             case 'checkbox': {
                 return this.saveFieldChange(field.name, String(e.target.checked), false);
             }
@@ -1075,7 +1082,7 @@ export class VerdocsSign {
                 } })));
         }
         if (this.declining) {
-            return (h(Host, { class: "agreed" }, h("div", { class: "document", style: { paddingTop: '15px' } }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), h("verdocs-ok-dialog", { class: "decline-dialog", heading: "Decline Signing Request", message: `If you decline to sign this request, you will not be able to sign again in the future. The sender of the document will be notified.`, buttonLabel: "OK", showCancel: true, onExit: () => (this.declining = false), onNext: () => {
+            return (h(Host, { class: "agreed" }, h("div", { class: "document", style: { paddingTop: '15px' } }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), h("verdocs-ok-dialog", { heading: "Decline Signing Request", message: `If you decline to sign this request, you will not be able to sign again in the future. The sender of the document will be notified.`, buttonLabel: "OK", showCancel: true, onExit: () => (this.declining = false), onNext: () => {
                     envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId)
                         .then(r => {
                         console.log('[SIGN] Decline result', r);