@verdocs/web-sdk 4.2.9 → 4.2.12

package/dist/components/verdocs-auth.js

@@ -2,55 +2,14 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { VerdocsEndpoint, createProfile, authenticate, decodeAccessTokenBody, resendVerification, resetPassword } from '@verdocs/js-sdk';
 import { V as VerdocsToast } from './Toast.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$5 } from './verdocs-button2.js';
-import { d as defineCustomElement$4 } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$3 } from './verdocs-select-input2.js';
+import { d as defineCustomElement$4 } from './verdocs-button2.js';
+import { d as defineCustomElement$3 } from './verdocs-help-icon2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
 
 const verdocsAuthCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-auth{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-auth .form{background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex;padding:20px;width:300px;max-width:100%}verdocs-auth .logo{margin:20px 0 30px;width:128px;max-width:100%}verdocs-auth h3{text-align:center;font-weight:400;font-size:16px;line-height:1.75;margin:0}verdocs-auth h4{text-align:center;font-weight:400;font-size:14px;line-height:1.43;margin:0}verdocs-auth h4 verdocs-button button.normal .button-label{padding:0}verdocs-auth .buttons{gap:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth .status-result{display:none}verdocs-auth .status-result.debug{white-space:pre-wrap;font-size:14px;background:#fff;padding:10px;display:block;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth form{width:100%}verdocs-auth verdocs-text-input{margin-bottom:10px}verdocs-auth .account-option{gap:8px;margin:20px 0 8px 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-auth p+p{margin-top:0}verdocs-auth verdocs-help-icon{margin-top:18px;display:-ms-flexbox;display:flex;width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px}";
 const VerdocsAuthStyle0 = verdocsAuthCss;
 
 const RECHECK_INTERVAL = 5000;
-const Industries = [
-    { value: '', label: '' },
-    { value: 'Accounting & Tax', label: 'Accounting & Tax' },
-    { value: 'Business Services / Consulting', label: 'Business Services / Consulting' },
-    { value: 'Construction', label: 'Construction' },
-    { value: 'Education', label: 'Education' },
-    { value: 'Financial Services', label: 'Financial Services' },
-    { value: 'Government', label: 'Government' },
-    { value: 'Healthcare - Health Plans & Payers', label: 'Healthcare - Health Plans & Payers' },
-    { value: 'Healthcare - Providers', label: 'Healthcare - Providers' },
-    { value: 'Insurance', label: 'Insurance' },
-    { value: 'Legal', label: 'Legal' },
-    { value: 'Life Sciences', label: 'Life Sciences' },
-    { value: 'Manufacturing', label: 'Manufacturing' },
-    { value: 'Mortgage', label: 'Mortgage' },
-    { value: 'Not For Profit', label: 'Not For Profit' },
-    { value: 'Real Estate - Commercial', label: 'Real Estate - Commercial' },
-    { value: 'Real Estate - Residential', label: 'Real Estate - Residential' },
-    { value: 'Retail', label: 'Retail' },
-    { value: 'Technology', label: 'Technology' },
-    { value: 'Other', label: 'Other' },
-];
-const Reasons = [
-    { value: '', label: '' },
-    { value: 'I want to send a document for signature.', label: 'I want to send a document for signature.' },
-    { value: 'I just need to sign a document today.', label: 'I just need to sign a document today.' },
-    { value: "I'm evaluating it for my business.", label: "I'm evaluating it for my business." },
-    { value: "I'm evaluating it for my personal use.", label: "I'm evaluating it for my personal use." },
-    { value: "I'm a developer building an integration.", label: "I'm a developer building an integration." },
-];
-const CompanySizes = [
-    { value: '', label: '' },
-    { value: 'Solo', label: 'Solo' },
-    { value: '2-10', label: '2-10' },
-    { value: '11-50', label: '11-50' },
-    { value: '51-200', label: '51-200' },
-    { value: '201-500', label: '201-500' },
-    { value: '501-1000', label: '501-1000' },
-    { value: '1000+', label: '1000+' },
-];
 const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends HTMLElement {
     constructor() {
         super();
@@ -65,19 +24,14 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
         this.logo = 'https://app.verdocs.com/assets/blue-logo.svg';
         this.isAuthenticated = false;
         this.displayMode = 'login';
-        this.orgname = '';
-        this.first = '';
-        this.last = '';
+        this.org_name = '';
+        this.first_name = '';
+        this.last_name = '';
         this.username = '';
-        this.phone = '';
         this.password = '';
         this.submitting = false;
         this.activeSession = null;
         this.accountType = 'org';
-        this.howHear = '';
-        this.industry = '';
-        this.companySize = '';
-        this.reason = '';
         this.signupStep = 1;
         this.resendDisabled = false;
         this.checkingOrg = false;
@@ -119,20 +73,38 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
             this.resendDisabledTimer = null;
         }
     }
+    isPasswordComplex(password) {
+        const isUppercase = (ch) => /[A-Z]/.test(ch);
+        const isLowercase = (ch) => /[a-z]/.test(ch);
+        const isSpecialChar = (ch) => /[`!@#$%^&*()_\-+=\[\]{};':"\\|,.<>\/?~ ]/.test(ch);
+        let countOfUpperCase = 0, countOfLowerCase = 0, countOfSpecialChar = 0;
+        for (let i = 0; i < password.length; i++) {
+            let ch = password.charAt(i);
+            if (isUppercase(ch))
+                countOfUpperCase++;
+            else if (isLowercase(ch))
+                countOfLowerCase++;
+            else if (isSpecialChar(ch))
+                countOfSpecialChar++;
+        }
+        return password.length >= 8 && countOfLowerCase > 0 && countOfUpperCase > 0 && countOfSpecialChar > 0;
+    }
     handleSignup() {
         this.submitting = true;
         this.accessTokenForVerification = null;
+        if (!this.isPasswordComplex(this.password)) {
+            window.alert('Password must be at least 8 characters long and contain at least one uppercase, one lowercase, and one special character.');
+            return;
+        }
         createProfile(this.endpoint, {
             email: this.username,
             password: this.password,
-            firstName: this.first,
-            lastName: this.last,
-            orgName: this.orgname,
+            first_name: this.first_name,
+            last_name: this.last_name,
+            org_name: this.org_name,
         })
             .then(r => {
-            console.log('Result', r);
-            console.log('[AUTH] Created profile', r.profile);
-            console.log('[AUTH] Created organization', r.organization);
+            console.log('Profile creation result', r);
             this.loginAndCheckVerification();
         })
             .catch(e => {
@@ -168,7 +140,7 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
                 console.log('[AUTH] Logged in, pending email address verification');
                 this.displayMode = 'verify';
                 this.accessTokenForVerification = r.access_token;
-                this.recheckTimer = setTimeout(() => this.loginAndCheckVerification(), RECHECK_INTERVAL);
+                this.recheckTimer = setTimeout(this.loginAndCheckVerification, RECHECK_INTERVAL);
             }
         })
             .catch(e => {
@@ -229,8 +201,8 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
             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') {
-            const step1Invalid = this.submitting || !this.first || !this.last || !this.username || !this.password || !this.orgname;
-            return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Sign up for a trial account"), h("h4", null, "Already have an account?", h("verdocs-button", { label: "Log In", variant: "text", onClick: () => (this.displayMode = 'login'), disabled: this.submitting })), this.signupStep === 1 && (h("form", { onSubmit: () => this.handleSignup() }, h("div", { style: { display: 'flex', flexDirection: 'row', columnGap: '20px' } }, h("verdocs-text-input", { label: "First Name", autocomplete: "first", required: true, value: this.first, onInput: (e) => (this.first = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Last Name", autocomplete: "last", required: true, value: this.last, onInput: (e) => (this.last = e.target.value), disabled: this.submitting })), h("verdocs-text-input", { label: "Email", autocomplete: "email", required: true, value: this.username, onInput: (e) => (this.username = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Phone #", autocomplete: "phone", value: this.phone, onInput: (e) => (this.phone = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", required: true, autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Organization Name", autocomplete: "org", required: true, value: this.orgname, onInput: (e) => (this.orgname = e.target.value), disabled: this.submitting, style: { flex: '1' } }), h("div", { style: { marginTop: '30px' } }), h("verdocs-button", { label: "Next", disabled: step1Invalid, onClick: () => (this.signupStep = 2), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))), this.signupStep === 2 && (h("form", { onSubmit: () => this.handleSignup() }, h("verdocs-text-input", { label: "How did you hear about Verdocs?", value: this.howHear, onInput: (e) => (this.howHear = e.target.value), disabled: this.submitting }), h("verdocs-select-input", { label: "Your Industry", options: Industries, value: this.industry, onInput: (e) => (this.industry = e.target.value), disabled: this.submitting }), h("verdocs-select-input", { label: "Company Size", options: CompanySizes, value: this.companySize, onInput: (e) => (this.companySize = e.target.value), disabled: this.submitting }), h("verdocs-select-input", { label: "Purpose", options: Reasons, value: this.reason, onInput: (e) => (this.reason = e.target.value), disabled: this.submitting }), h("div", { style: { marginTop: '30px' } }), h("verdocs-button", { label: "Create Account", disabled: this.submitting, onClick: () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))), this.signupStep === 3 && (h("form", { onSubmit: () => this.handleSignup() }, h("p", null, "Please check your e-mail inbox for a verification code and follow the instructions provided."), h("p", null, h("em", null, "Verification messages may take up to 1 hour to arrive. If you do not receive the invitation, ", h("a", { href: "#" }, "Click Here"), " to resend it. Be sure to check your spam folder.")), h("div", { style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("verdocs-button", { label: "Back", disabled: this.submitting, onClick: () => {
+            const step1Invalid = this.submitting || !this.first_name || !this.last_name || !this.username || !this.password || !this.org_name;
+            return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Sign up for a free account"), h("h4", null, "Already have an account?", h("verdocs-button", { label: "Log In", variant: "text", onClick: () => (this.displayMode = 'login'), disabled: this.submitting })), this.signupStep === 1 && (h("form", { onSubmit: () => this.handleSignup() }, h("div", { style: { display: 'flex', flexDirection: 'row', columnGap: '20px' } }, h("verdocs-text-input", { label: "First Name", autocomplete: "first", required: true, value: this.first_name, onInput: (e) => (this.first_name = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Last Name", autocomplete: "last", required: true, value: this.last_name, onInput: (e) => (this.last_name = e.target.value), disabled: this.submitting })), h("verdocs-text-input", { label: "Email Address", autocomplete: "email", required: true, value: this.username, onInput: (e) => (this.username = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", required: true, autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Organization Name", autocomplete: "org", required: true, value: this.org_name, onInput: (e) => (this.org_name = e.target.value), disabled: this.submitting, style: { flex: '1' } }), h("div", { style: { marginTop: '30px' } }), h("verdocs-button", { label: "Next", disabled: step1Invalid, onClick: () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))), this.signupStep === 3 && (h("form", { onSubmit: () => this.handleSignup() }, h("p", null, "Please check your e-mail inbox for a verification code and follow the instructions provided."), h("p", null, h("em", null, "Verification messages may take up to 1 hour to arrive. If you do not receive the invitation, ", h("a", { href: "#" }, "Click Here"), " to resend it. Be sure to check your spam folder.")), h("div", { style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("verdocs-button", { label: "Back", disabled: this.submitting, onClick: () => {
                     this.signupStep = 2;
                 }, style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }), h("verdocs-button", { label: "Go to Dashboard", disabled: true, onClick: () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))))));
         }
@@ -257,19 +229,14 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
         "logo": [1],
         "isAuthenticated": [32],
         "displayMode": [32],
-        "orgname": [32],
-        "first": [32],
-        "last": [32],
+        "org_name": [32],
+        "first_name": [32],
+        "last_name": [32],
         "username": [32],
-        "phone": [32],
         "password": [32],
         "submitting": [32],
         "activeSession": [32],
         "accountType": [32],
-        "howHear": [32],
-        "industry": [32],
-        "companySize": [32],
-        "reason": [32],
         "signupStep": [32],
         "resendDisabled": [32],
         "checkingOrg": [32]
@@ -278,7 +245,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-auth", "verdocs-button", "verdocs-help-icon", "verdocs-select-input", "verdocs-text-input"];
+    const components = ["verdocs-auth", "verdocs-button", "verdocs-help-icon", "verdocs-text-input"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-auth":
             if (!customElements.get(tagName)) {
@@ -286,16 +253,11 @@ function defineCustomElement$1() {
             }
             break;
         case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "verdocs-select-input":
+        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/verdocs-template-roles2.js

@@ -188,10 +188,15 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class VerdocsTempl
         this.getSequenceNumbers().forEach((originalSequence, newSequenceIndex) => {
             this.getRolesAtSequence(originalSequence).forEach((role, newOrderIndex) => {
                 if (!renumbered.includes(role.name)) {
-                    role.sequence = newSequenceIndex + 1;
-                    role.order = newOrderIndex + 1;
-                    renumbered.push(role.name);
-                    renumberRequests.push(updateTemplateRole(this.endpoint, this.templateId, role.name, { sequence: role.sequence, order: role.order }));
+                    if (role.sequence !== newSequenceIndex + 1 || role.order !== newOrderIndex + 1) {
+                        role.sequence = newSequenceIndex + 1;
+                        role.order = newOrderIndex + 1;
+                        renumbered.push(role.name);
+                        renumberRequests.push(updateTemplateRole(this.endpoint, this.templateId, role.name, {
+                            sequence: role.sequence,
+                            order: role.order,
+                        }));
+                    }
                 }
             });
         });