@verdocs/web-sdk 6.5.0-beta.2 → 6.5.0-beta.21

package/dist/verdocs-web-sdk/p-nK4J4UFK.js

@@ -1,2 +0,0 @@
-import{d as e}from"./p-dzBXqXlK.js";import{getEnvelopesZip as t,downloadBlob as s,getEnvelopeFile as n,rescale as o}from"@verdocs/js-sdk";import{F as a}from"./p-dqxNbm_b.js";const c=e=>{switch(e){case"textarea":return 150;case"textbox":return 150;case"timestamp":return 105;case"date":return 75;case"dropdown":return 85;case"attachment":case"payment":return 24;case"radio":case"checkbox":return 14;case"signature":case"initial":return 71}return 150};const r=e=>{switch(e){case"textarea":return 41;case"textbox":return 15;case"timestamp":return 15;case"date":return 15;case"dropdown":return 20;case"attachment":case"payment":return 24;case"radio":case"checkbox":return 14;case"signature":case"initial":return 36}return 50};const i=(e,t,s,n)=>{let{x:a=0,y:i=0,width:d=c(t.type),height:u=r(t.type)}=t;e.style.width=`${d}px`;e.style.height=`${u}px`;e.style.position="absolute";e.style.left=`${o(s,a)}px`;e.style.bottom=`${o(n,i)}px`;e.style.transform=`scale(${s}, ${n})`};const d=(e,t,s)=>{let{x:n=0,y:a=0,width:i=c(e.type),height:d=r(e.type)}=e;return{zIndex:"100",width:`${i}px`,height:`${d}px`,position:"absolute",left:`${o(t,n)}px`,bottom:`${o(s,a)}px`,transform:`scale(${t}, ${s})`}};const u=e=>`verdocs-doc-fld-${e.name}`;const l=e=>{const t=u(e);const s=document.getElementById(t);if(s){s.field=e;s.roleindex=e;s.setAttribute("id",t);s.setAttribute("disabled",true);s.setAttribute("disabled",false)}};const f=(e,t,s,n,o=1)=>{var a,c;const{disabled:r=false,editable:d=false,draggable:l=false,done:f=false}=n;const p=document.getElementById(s.containerId+"-controls");if(!p){console.log("[renderDocumentField] No controls DIV found",s.containerId+"-controls",s);return}switch(t.type){case"attachment":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":{const n=u(t);const m=document.getElementById(n);if(m){i(m,t,s.xScale,s.yScale);return m}let{type:x}=t;if(x==="textbox"){if(((a=t["setting"])===null||a===void 0?void 0:a.leading)>0||((c=t["settings"])===null||c===void 0?void 0:c.leading)>0){x="textarea"}}const b=document.createElement(`verdocs-field-${x}`);b.field=t;b.setAttribute("id",n);b.setAttribute("fieldname",t.name);b.setAttribute("source",e);b.setAttribute("sourceid","template_id"in t?t.template_id:t.envelope_id);if(r){b.setAttribute("tabindex",-1);b.setAttribute("disabled",true)}else{b.setAttribute("tabIndex",o)}b.setAttribute("editable",d);b.setAttribute("draggable",l);b.setAttribute("done",f);i(b,t,s.xScale,s.yScale);p.appendChild(b);return b}case"checkbox":{const n=u(t);const o=document.getElementById(n);if(o){i(o,t,s.xScale,s.yScale);return o}const a=document.createElement(`verdocs-field-checkbox`);a.field=t;a.setAttribute("id",n);a.setAttribute("option",0);a.setAttribute("source",e);a.setAttribute("sourceid","template_id"in t?t.template_id:t.envelope_id);if(r){a.setAttribute("disabled",true)}if(f){a.setAttribute("done",true)}if(d){a.setAttribute("editable",true)}if(l){a.setAttribute("draggable",true)}i(a,t,s.xScale,s.yScale);p.appendChild(a);return a}case"radio":{const n=u(t);const o=document.getElementById(n);if(o){i(o,t,s.xScale,s.yScale);return o}const a=document.createElement(`verdocs-field-radio`);a.field=t;a.setAttribute("id",n);a.setAttribute("option",0);a.setAttribute("source",e);a.setAttribute("sourceid","template_id"in t?t.template_id:t.envelope_id);if(r){a.setAttribute("disabled",true)}if(f){a.setAttribute("done",true)}if(d){a.setAttribute("editable",true)}if(l){a.setAttribute("draggable",true)}i(a,t,s.xScale,s.yScale);p.appendChild(a);return a}default:console.log("[PREVIEW] Skipping unsupported field type",t);return null}};const p=(e,t,s)=>{const n=e.style.transform||"";const o=`${t}(${s})`;if(n.includes(t)){e.style.transform=n.replace(new RegExp(`${t}\\(.+?\\)`),o)}else{e.style.transform=n+" "+o}};const m=e=>{e.style.transform=e.style.transform.split(")")[0]+")"};const x=async(t,o,c)=>{const r=e.format(new Date(o.updated_at),a);const i=`${o.name} - ${r}.pdf`;const d=await n(t,c);s(d,i)};const b=async(n,o)=>{const c=e.format(o.length===1?new Date(o[0].updated_at):new Date,a);const r=o.length===1?`${o[0].name} - ${c}.zip`:`Verdocs-Envelopes-${c}`;console.log("Downloading envelopes as ZIP",o,r);const i=await t(n,o.map((e=>e.id)));s(i.data,r)};const $=(e,t)=>{let s=0;return function(...n){clearTimeout(s);s=setTimeout((()=>e.apply(this,n)),t)}};const g=(e,t="16px Arial")=>{const s=document.createElement("canvas");const n=s.getContext("2d");n.font=t;return n.measureText(e).width};const h=e=>{let t=(e||"").trim();if(!t||t.startsWith("+")){return t}t=t.replace(/[^0-9]/g,"");t=t.replace(/^0/g,"");return`+1${t}`};const w=(e,t,s,n)=>{const a=document.getElementById(e.containerId+"-controls");if(!a){return}const c=document.createElement("verdocs-flag");c.variant=n.variant;c.label=n.label;c.showSkip=n.showSkip;if(n.id){c.setAttribute("id",n.id)}c.classList.add("verdocs-flag-instance");if(n.onSkip){c.addEventListener("skip",n.onSkip)}if(n.onClick){c.addEventListener("flagClick",n.onClick)}c.style.position="absolute";c.style.left="calc(100% - 14px)";const r=o(e.yScale,t);const i=o(e.yScale,s);const d=r+i;c.style.bottom=`${d}px`;console.log(`[FLAG-V4] ${n.label} y=${t} h=${s} scY=${r} scH=${i} bottom=${d}`);a.appendChild(c);return c};export{x as a,f as b,g as c,r as d,d as e,h as f,u as g,p as h,m as i,i as j,c as k,w as r,b as s,$ as t,l as u};
-//# sourceMappingURL=p-nK4J4UFK.js.map

package/dist/verdocs-web-sdk/p-qAU-PJPJ.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-qAU-PJPJ.system.js","sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: var(--verdocs-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n    backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    -webkit-backdrop-filter: var(--verdocs-dialog-backdrop-filter, none);\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 520px;\n    display: flex;\n    max-width: 95%;\n    overflow: hidden;\n    border-radius: var(--verdocs-dialog-radius, 8px);\n    background: #ffffff;\n    flex-direction: column;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);\n  }\n\n  .heading {\n    display: flex;\n    padding: 16px 24px;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid #e5e7eb;\n\n    .icon {\n      display: none; // Hiding old icon structure based on new design which has strict title + close\n    }\n\n    .title {\n      font-size: 1.5rem; // 24px\n      font-weight: var(--verdocs-dialog-title-weight, 500);\n      color: var(--verdocs-dialog-title-color, #242424);\n      line-height: 2rem; // 32px\n      font-family: $verdocs-primary-font;\n    }\n  }\n\n  .content {\n    padding: 24px;\n    font-size: 0.875rem; // 14px\n    line-height: 1.25rem; // 20px\n    color: var(--verdocs-dialog-content-color, #424242);\n\n    a {\n      color: var(--verdocs-link-color, #4c56cb);\n      border-bottom: var(--verdocs-link-border, 1px dotted #4c56cb);\n      text-decoration: none;\n    }\n\n    p {\n      margin: 0 0 16px 0;\n    }\n\n  }\n\n  .footer {\n    padding: 0 24px 24px 24px;\n  }\n}","import {Component, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  // We need a separate event handler for clicking the background because it can\n  // receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <slot name=\"heading\">\n              <div class=\"heading\"></div>\n            </slot>\n\n            <slot name=\"content\">\n              <div class=\"content\"></div>\n            </slot>\n\n            <slot name=\"footer\">\n              <div class=\"footer\"></div>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,gBAAgB,GAAG,khEAAkhE;;YCS9hE,aAAa,6BAAA,MAAA;;;;;;;MAQxB,IAAA,aAAa,CAAC,CAAM,EAAA;;cAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;kBAC/C,CAAC,CAAC,cAAc,EAAE;kBAClB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;;UAIrB,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAA,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,CAAO,CACtB,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,CAAO,CACtB,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,CAAO,CACrB,CACH,CACF,CACD;;;;;;;;;;;"}