@verdocs/web-sdk 4.2.36 → 4.2.40

package/dist/components/index.js

@@ -19,6 +19,7 @@ import { VerdocsFieldDate } from './verdocs-field-date.js';
 import { VerdocsFieldDropdown } from './verdocs-field-dropdown.js';
 import { VerdocsFieldInitial } from './verdocs-field-initial.js';
 import { VerdocsFieldPayment } from './verdocs-field-payment.js';
+import { VerdocsFieldRadio } from './verdocs-field-radio.js';
 import { VerdocsFieldRadioButton } from './verdocs-field-radio-button.js';
 import { VerdocsFieldSignature } from './verdocs-field-signature.js';
 import { VerdocsFieldTextarea } from './verdocs-field-textarea.js';
@@ -97,6 +98,7 @@ const defineCustomElements = (opts) => {
             VerdocsFieldDropdown,
             VerdocsFieldInitial,
             VerdocsFieldPayment,
+            VerdocsFieldRadio,
             VerdocsFieldRadioButton,
             VerdocsFieldSignature,
             VerdocsFieldTextarea,

package/dist/components/utils.js

@@ -39,6 +39,7 @@ const defaultWidth = (type) => {
         case 'attachment':
         case 'payment':
             return 24;
+        case 'radio':
         case 'checkbox':
         case 'checkbox_group':
         case 'radio_button_group':
@@ -66,6 +67,7 @@ const defaultHeight = (type) => {
         case 'attachment':
         case 'payment':
             return 24;
+        case 'radio':
         case 'checkbox':
         case 'checkbox_group':
         case 'radio_button_group':
@@ -183,8 +185,7 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
             controlsDiv.appendChild(el);
             return el;
         }
-        // @ts-ignore
-        case 'checkbox':
+        case 'checkbox': {
             const id = getFieldOptionId(field, 0);
             const existingField = document.getElementById(id);
             if (existingField) {
@@ -210,6 +211,34 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
             setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
             controlsDiv.appendChild(cbEl);
             return cbEl;
+        }
+        case 'radio': {
+            const id = getFieldOptionId(field, 0);
+            const existingField = document.getElementById(id);
+            if (existingField) {
+                setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+                return existingField;
+            }
+            const radioEl = document.createElement(`verdocs-field-radio`);
+            radioEl.field = field;
+            radioEl.setAttribute('id', id);
+            radioEl.setAttribute('option', 0);
+            if (disabled) {
+                radioEl.setAttribute('disabled', true);
+            }
+            if (done) {
+                radioEl.setAttribute('done', true);
+            }
+            if (editable) {
+                radioEl.setAttribute('editable', true);
+            }
+            if (draggable) {
+                radioEl.setAttribute('draggable', true);
+            }
+            setControlStyles(radioEl, field, docPage.xScale, docPage.yScale, 0);
+            controlsDiv.appendChild(radioEl);
+            return radioEl;
+        }
         case 'checkbox_group':
             return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
                 const id = getFieldOptionId(field, checkboxIndex);
@@ -266,13 +295,6 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
                 controlsDiv.appendChild(radioEl);
                 return radioEl;
             });
-        // case 'attachment':
-        //   el = document.createElement('verdocs-field-attachment');
-        //   el.setAttribute('value', result || '');
-        //   break;
-        // case 'payment':
-        //   el = document.createElement('verdocs-field-payment');
-        //   break;
         default:
             console.log('[PREVIEW] Skipping unsupported field type', field);
             return null;
@@ -383,4 +405,4 @@ const convertToE164 = (input) => {
     return `+1${temp}`;
 };
 
-export { saveAttachment as a, getFieldSettings as b, convertToE164 as c, renderedTextWidth as d, getControlStyles as e, getFieldOptionId as f, getFieldId as g, updateCssTransform as h, removeCssTransform as i, defaultWidth as j, defaultHeight as k, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
+export { saveAttachment as a, getFieldId as b, convertToE164 as c, renderedTextWidth as d, getControlStyles as e, getFieldOptionId as f, getFieldSettings as g, updateCssTransform as h, removeCssTransform as i, defaultWidth as j, defaultHeight as k, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };

package/dist/components/verdocs-auth.js

@@ -36,18 +36,24 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
         this.confirmpass = '';
         this.submitting = false;
         this.resendDisabled = false;
+        this.session = null;
+        this.profile = null;
     }
     componentWillLoad() {
-        var _a, _b;
         this.endpoint.loadSession();
-        if (this.endpoint.session) {
-            console.log('[AUTH] Authenticated');
-            (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: true, session: this.endpoint.session });
-        }
-        else {
-            console.log('[AUTH] Anonymous');
-            (_b = this.authenticated) === null || _b === void 0 ? void 0 : _b.emit({ authenticated: false, session: null });
-        }
+        VerdocsEndpoint.getDefault().onSessionChanged((_endpoint, session, profile) => {
+            var _a, _b;
+            this.session = session;
+            this.profile = profile;
+            if (session) {
+                console.log('[AUTH] Authenticated', profile);
+                (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: true, session, profile });
+            }
+            else {
+                console.log('[AUTH] Anonymous');
+                (_b = this.authenticated) === null || _b === void 0 ? void 0 : _b.emit({ authenticated: false, session, profile });
+            }
+        });
     }
     isPasswordComplex(password) {
         const isUppercase = (ch) => /[A-Z]/.test(ch);
@@ -84,7 +90,7 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
             org_name: this.org_name,
         })
             .then(r => {
-            console.log('Profile creation result', r);
+            console.log('[AUTH] Profile creation result', r);
             this.tempAuthEndpoint.setToken(r.access_token);
             this.clearForms();
             this.displayMode = 'verify';
@@ -93,7 +99,7 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
             var _a, _b, _c, _d, _e, _f;
             console.log('[AUTH] Signup error', e.response);
             this.submitting = false;
-            (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: false, session: null });
+            (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: false, profile: null, session: null });
             (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
             VerdocsToast('Signup failed: ' + ((_f = (_e = e.response) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.message) || 'Unknown Error', { style: 'error' });
         });
@@ -113,14 +119,15 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
         }
     }
     completeLogin(result) {
-        var _a;
         this.clearForms();
         this.tempAuthEndpoint.clearSession();
         this.endpoint.setToken(result.access_token);
-        (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: true, session: this.endpoint.session });
     }
     async loginAndCheckVerification() {
         var _a;
+        if (this.submitting) {
+            return;
+        }
         this.submitting = true;
         this.tempAuthEndpoint.clearSession();
         try {
@@ -157,11 +164,9 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
         this.org_name = '';
     }
     handleLogout() {
-        var _a;
         console.log('logging out');
         this.endpoint.clearSession();
         this.tempAuthEndpoint.clearSession();
-        (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: false, session: null });
         this.clearForms();
         this.displayMode = 'login';
     }
@@ -202,7 +207,7 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
         if (!this.visible) {
             return h("div", { style: { display: 'none' } }, "Authenticated");
         }
-        if (this.endpoint.session) {
+        if (this.session) {
             return (h("verdocs-button", { label: "Sign Out", disabled: this.submitting, onClick: () => this.handleLogout(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }));
         }
         if (this.displayMode === 'signup') {
@@ -231,7 +236,9 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
         "password": [32],
         "confirmpass": [32],
         "submitting": [32],
-        "resendDisabled": [32]
+        "resendDisabled": [32],
+        "session": [32],
+        "profile": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/verdocs-field-attachment2.js

@@ -3,7 +3,7 @@ import { i as interact } from './interact.min.js';
 import { VerdocsEndpoint, updateField, getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore.js';
-import { b as getFieldSettings } from './utils.js';
+import { g as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$9 } from './verdocs-button2.js';
 import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';

package/dist/components/verdocs-field-checkbox2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { b as getFieldSettings } from './utils.js';
+import { g as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';