@verdocs/web-sdk 1.9.16 → 1.9.20

package/dist/verdocs-web-sdk/p-12a82c8b.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as i,H as e}from"./p-ff1278ed.js";import{g as s}from"./p-6de76553.js";import{g as r}from"./p-e6f928eb.js";import{c as n}from"./p-ec26fc38.js";const a='verdocs-field-signature{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature.disabled{opacity:0.5}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature button{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid #cc0000}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}';const l='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';const d=class{constructor(i){o(this,i);this.fieldChange=t(this,"fieldChange",7);this.settingsPress=t(this,"settingsPress",7);this.field=null;this.name="";this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.tempSignature=""}async focusField(){this.handleShow();console.log("focused",this)}hideDialog(){var o;(o=this.dialog)===null||o===void 0?void 0:o.remove();this.dialog=null}handleAdopt(o){var t;console.log("[SIGNATURE] Adopted signature");this.tempSignature=o.detail;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(this.tempSignature);this.hideDialog()}handleShow(){this.dialog=document.createElement("verdocs-signature-dialog");this.dialog.setAttribute("name",this.name);this.dialog.setAttribute("roleindex",this.roleindex);this.dialog.addEventListener("cancel",(()=>this.hideDialog()));this.dialog.addEventListener("next",(o=>this.handleAdopt(o)));document.body.append(this.dialog)}render(){var o,t,n;const a=r(this.field);const d=this.tempSignature||a.base64;const c=(t=(o=this.disabled)!==null&&o!==void 0?o:a.disabled)!==null&&t!==void 0?t:false;const p=this.field["rgba"]||s(this.roleindex);return i(e,{class:{required:(n=this.field)===null||n===void 0?void 0:n.required,disabled:c},style:{backgroundColor:p}},d?i("img",{src:this.tempSignature||a.base64,alt:"Signature"}):i("button",{onClick:()=>!c&&this.handleShow()},"Signature"),this.editable&&i("verdocs-button-panel",{icon:l},i("h6",null,"Field Settings"),i("form",null,i("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),i("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:o=>console.log("ipt",o)}),i("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:o=>console.log("ipt",o)}))))}};d.style=a;const c='verdocs-signature-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}';const p=class{constructor(i){o(this,i);this.next=t(this,"next",7);this.cancel=t(this,"cancel",7);this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type"}componentWillLoad(){this.enteredName=this.name;const o=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");o.load().then((o=>{document.fonts.add(o);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature()}componentDidUpdate(){this.redrawSignature()}redrawSignature(){if(!this.canvasElement){return}const o=this.canvasElement.width;const t=this.canvasElement.getContext("2d");t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let i=100;do{i-=2;t.font=`${i}px Dancing Script`}while(t.measureText(this.enteredName).width>o-32);t.textAlign="center";t.textBaseline="middle";t.font=`${i}px Dancing Script`;t.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)}handleNameChange(o){this.enteredName=o.target.value}handleCancel(o){o.stopPropagation();o.preventDefault();this.cancel.emit()}handleAdopt(o){o.stopPropagation();o.preventDefault();const t=this.canvasElement.toDataURL("image/png");this.next.emit(t)}render(){return i(e,{onClick:o=>this.handleCancel(o)},i("div",{class:"dialog"},i("div",{class:"heading"},"Create Your Signature"),i("div",{class:"content"},i("verdocs-text-input",{placeholder:"Full Name...",label:"Full Name",value:this.enteredName,onInput:o=>this.handleNameChange(o),onClick:o=>o.stopPropagation()}),i("div",{class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?i("canvas",{ref:o=>this.canvasElement=o}):i("div",{style:{display:"none"}}),i("div",{class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),i("div",{class:"buttons"},i("verdocs-button",{label:"CANCEL",size:"normal",variant:"outline",onClick:o=>this.handleCancel(o)}),i("verdocs-button",{label:"Adopt & Sign",size:"normal",onClick:o=>this.handleAdopt(o)})))))}};p.style=c;const h='verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:10000}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';const g=class{constructor(t){o(this,t);this.text="";this.icon="";this.containerId=`verdocs-toolbar-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=n(this.iconEl,this.tooltip,{})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")}render(){return i(e,{class:{}},i("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:o=>this.iconEl=o}),i("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:o=>this.tooltip=o},this.text,i("div",{"data-popper-arrow":"true",class:"arrow"})))}};g.style=h;export{d as verdocs_field_signature,p as verdocs_signature_dialog,g as verdocs_toolbar_icon};
-//# sourceMappingURL=p-12a82c8b.entry.js.map

package/dist/verdocs-web-sdk/p-12a82c8b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-signature/verdocs-field-signature.scss?tag=verdocs-field-signature","src/components/elements/verdocs-field-signature/verdocs-field-signature.tsx","src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.scss?tag=verdocs-signature-dialog","src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.tsx","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.scss?tag=verdocs-toolbar-icon","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.tsx"],"names":["verdocsFieldSignatureCss","settingsIcon","VerdocsFieldSignature","[object Object]","this","handleShow","console","log","_a","dialog","remove","e","tempSignature","detail","fieldChange","emit","hideDialog","document","createElement","setAttribute","name","roleindex","addEventListener","handleAdopt","body","append","settings","getFieldSettings","field","value","base64","disabled","_b","backgroundColor","getRGBA","h","Host","class","required","_c","style","src","alt","onClick","editable","icon","label","options","placeholder","onInput","verdocsSignatureDialogCss","VerdocsSignatureDialog","enteredName","ds","FontFace","load","then","font","fonts","add","fontLoaded","redrawSignature","canvasElement","canvasWidth","width","context","getContext","clearRect","height","fontSize","measureText","textAlign","textBaseline","fillText","target","stopPropagation","preventDefault","cancel","data","toDataURL","next","handleCancel","handleNameChange","ref","el","display","size","variant","verdocsToolbarIconCss","VerdocsToolbarIcon","Math","random","toString","substring","popperInstance","createPopper","iconEl","tooltip","destroy","update","catch","removeAttribute","aria-describedby","containerId","innerHTML","onMouseEnter","show","onFocus","onMouseLeave","hide","onBlur","id","role","data-popper-placement","text","data-popper-arrow"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-signature {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  letter-spacing: 0.3px;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  img {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  button {\n    box-sizing: border-box;\n    border: none;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter, Method, State} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\n * button will be shown. Clicking the button will show a dialog to adopt a signature.\n */\n@Component({\n  tag: 'verdocs-field-signature',\n  styleUrl: 'verdocs-field-signature.scss',\n  shadow: false,\n})\nexport class VerdocsFieldSignature {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, the signature creation dialog will be initialized with this text.\n   */\n  @Prop() name?: string = '';\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  /**\n   * Event emitted when the field has changed.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) settingsPress: EventEmitter;\n\n  @Method() async focusField() {\n    this.handleShow();\n    console.log('focused', this);\n  }\n\n  @State()\n  tempSignature: string = '';\n\n  private dialog?: any;\n\n  hideDialog() {\n    this.dialog?.remove();\n    this.dialog = null;\n  }\n\n  handleAdopt(e: any) {\n    console.log('[SIGNATURE] Adopted signature');\n    this.tempSignature = e.detail;\n    this.fieldChange?.emit(this.tempSignature);\n    this.hideDialog();\n  }\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-signature-dialog');\n    this.dialog.setAttribute('name', this.name);\n    this.dialog.setAttribute('roleindex', this.roleindex);\n    this.dialog.addEventListener('cancel', () => this.hideDialog());\n    this.dialog.addEventListener('next', e => this.handleAdopt(e));\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const value = this.tempSignature || settings.base64;\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: this.field?.required, disabled}} style={{backgroundColor}}>\n        {value ? <img src={this.tempSignature || settings.base64} alt=\"Signature\" /> : <button onClick={() => !disabled && this.handleShow()}>Signature</button>}\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-signature-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  position: fixed;\n  z-index: 10000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #0000007f;\n\n  .dialog {\n    width: 100%;\n    max-width: 340px;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n    background: $dialog-bg;\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    padding: 20px 20px 0 20px;\n    line-height: 28px;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .content {\n    font-size: 14px;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  canvas {\n    background: $verdocs-grey-4;\n    box-sizing: border-box;\n    margin: 0 auto;\n    width: 300px;\n    // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n    height: 79px;\n    max-width: 100%;\n    box-shadow: 0 0 6px 0 #0000001f;\n  }\n\n  .disclaimer {\n    text-align: justify;\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .as-shown {\n    font-size: 11px;\n    margin: 4px 0 20px 4px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n\n    .tab {\n      padding: 8px 15px;\n      cursor: pointer;\n\n      &.active {\n        border-bottom: 2px solid $light-border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, State, Host} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-signature-dialog',\n  styleUrl: 'verdocs-signature-dialog.scss',\n})\nexport class VerdocsSignatureDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string\n   * representation of the signature adopted.\n   */\n  @Event({composed: true}) next: EventEmitter<string>;\n\n  /**\n   * Fired if the user cancels the dialog.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredName: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredName = this.name;\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredName).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  handleNameChange(e: any) {\n    this.enteredName = e.target.value;\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    this.cancel.emit();\n  }\n\n  handleAdopt(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    const data = this.canvasElement.toDataURL('image/png');\n    this.next.emit(data);\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host onClick={e => this.handleCancel(e)}>\n        <div class=\"dialog\">\n          <div class=\"heading\">Create Your Signature</div>\n\n          <div class=\"content\">\n            <verdocs-text-input placeholder=\"Full Name...\" label=\"Full Name\" value={this.enteredName} onInput={e => this.handleNameChange(e)} onClick={e => e.stopPropagation()} />\n            <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n            {/*<div class=\"tabs\">*/}\n            {/*  <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>*/}\n            {/*    Type*/}\n            {/*  </div>*/}\n            {/*<div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>*/}\n            {/*  Draw*/}\n            {/*</div>*/}\n            {/*</div>*/}\n\n            {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n            <div class=\"disclaimer\">\n              By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n              including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"CANCEL\" size=\"normal\" variant=\"outline\" onClick={e => this.handleCancel(e)} />\n              <verdocs-button label=\"Adopt & Sign\" size=\"normal\" onClick={e => this.handleAdopt(e)} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-toolbar-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n\n    svg {\n      fill: $choice-available-color;\n    }\n  }\n\n  .tooltip {\n    display: none;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: bold;\n    padding: 5px 10px;\n    font-size: 13px;\n    position: relative;\n    border-radius: 4px;\n    z-index: 10000;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\n// import {Component, Event, EventEmitter, h, Host, Prop, State} from '@stencil/core';\n\n/**\n * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n */\n@Component({\n  tag: 'verdocs-toolbar-icon',\n  styleUrl: 'verdocs-toolbar-icon.scss',\n  shadow: false,\n})\nexport class VerdocsToolbarIcon {\n  iconEl: HTMLDivElement;\n  tooltip: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  /**\n   * Triggered when the icon is pressed\n   */\n  // @Event({composed: true}) press: EventEmitter;\n\n  @State() containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.iconEl, this.tooltip, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltip?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltip?.removeAttribute('data-show');\n  }\n\n  // handlePress() {\n  //   this.press?.emit();\n  // }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={this.icon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.iconEl = el as HTMLDivElement)}\n        />\n        <div id={this.containerId} role=\"tooltip\" class=\"tooltip\" data-popper-placement=\"bottom\" ref={el => (this.tooltip = el as HTMLDivElement)}>\n          {this.text}\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-2467a244.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx"],"names":["verdocsFieldCheckboxCss","VerdocsFieldCheckbox","[object Object]","settings","getFieldSettings","this","field","option","_b","_a","options","checked","disabled","_d","_c","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","type","tabIndex","order"],"mappings":"0HAAA,MAAMA,EAA0B,khCCcnBC,EAAoB,0CAIyB,iBAK/B,gBAKI,qBAKA,EAE7BC,qBACE,MAAMC,EAAWC,EAAiBC,KAAKC,OACvC,MAAMC,GAASC,GAAAC,EAAAN,EAASO,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAGJ,KAAKE,WAAO,MAAAC,SAAA,EAAAA,EAAI,CAACG,QAAS,OAC5D,MAAMC,GAAWC,GAAAC,EAAAT,KAAKO,YAAQ,MAAAE,SAAA,EAAAA,EAAIX,EAASS,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,MAAME,EAAkBV,KAAKC,MAAM,SAAWU,EAAQX,KAAKY,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUlB,EAASkB,SAAUT,SAAAA,GAAWU,MAAO,CAACP,gBAAAA,IAC5DG,EAAA,QAAA,KACEA,EAAA,QAAA,CAAOK,KAAK,WAAWC,SAAUrB,EAASsB,MAAOd,QAASJ,EAAOI,QAASC,SAAUA,EAAUS,SAAUlB,EAASkB,WACjHH,EAAA,OAAA","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  font-family: $verdocs-primary-font;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    //background: $verdocs-grey-3;\n    border: 1px solid rgba(0, 0, 0, 0.7);\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.required {\n    label > input[type='checkbox'] + *::before {\n      border: 1px solid $verdocs-red-1;\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {Component, h, Host, Prop} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={settings.order} checked={option.checked} disabled={disabled} required={settings.required} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-26dc355e.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as o}from"./p-ff1278ed.js";import{g as i}from"./p-e6f928eb.js";import{g as l}from"./p-6de76553.js";const s='verdocs-field-timestamp{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-timestamp.disabled{opacity:0.5}verdocs-field-timestamp input{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}';const r='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';const d=class{constructor(t){e(this,t);this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0}async focusField(){this.el.focus()}render(){var e,s,d,n;const a=i(this.field);const p=(s=(e=this.disabled)!==null&&e!==void 0?e:a.disabled)!==null&&s!==void 0?s:false;const c=this.field["rgba"]||l(this.roleindex);return t(o,{class:{required:(d=this.field)===null||d===void 0?void 0:d.required,disabled:p},style:{backgroundColor:c}},t("input",{type:"text",placeholder:a===null||a===void 0?void 0:a.placeholder,tabIndex:a===null||a===void 0?void 0:a.order,value:(a===null||a===void 0?void 0:a.value)||(new Date).toLocaleDateString(),disabled:p,required:(n=this.field)===null||n===void 0?void 0:n.required,ref:e=>this.el=e}),this.editable&&t("verdocs-button-panel",{icon:r},t("h6",null,"Field Settings"),t("form",null,t("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),t("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:e=>console.log("ipt",e)}),t("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:e=>console.log("ipt",e)}))))}};d.style=s;export{d as verdocs_field_timestamp};
-//# sourceMappingURL=p-26dc355e.entry.js.map

package/dist/verdocs-web-sdk/p-26dc355e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-timestamp/verdocs-field-timestamp.scss?tag=verdocs-field-timestamp","src/components/elements/verdocs-field-timestamp/verdocs-field-timestamp.tsx"],"names":["verdocsFieldTimestampCss","settingsIcon","VerdocsFieldTimestamp","[object Object]","this","el","focus","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","value","Date","toLocaleDateString","_d","ref","editable","icon","label","options","onInput","e","console","log"],"mappings":"0HAAA,MAAMA,EAA2B,4tCCMjC,MAAMC,EACJ,+rCAUWC,EAAqB,0CAMwB,mBAK3B,oBAMA,oBAKA,qBAKA,EAEnBC,mBACRC,KAAKC,GAAGC,QAGVH,qBACE,MAAMI,EAAWC,EAAiBJ,KAAKK,OACvC,MAAMC,GAAWC,GAAAC,EAAAR,KAAKM,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,MAAME,EAAkBT,KAAKK,MAAM,SAAWK,EAAQV,KAAKW,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,UAAUC,EAAAhB,KAAKK,SAAK,MAAAW,SAAA,OAAA,EAAAA,EAAED,SAAUT,SAAAA,GAAWW,MAAO,CAACR,gBAAAA,IAC/DG,EAAA,QAAA,CACEM,KAAK,OACLC,YAAahB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUgB,YACvBC,SAAUjB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUkB,MACpBC,OAAOnB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUmB,SAAS,IAAIC,MAAOC,qBACrClB,SAAUA,EACVS,UAAUU,EAAAzB,KAAKK,SAAK,MAAAoB,SAAA,OAAA,EAAAA,EAAEV,SACtBW,IAAKzB,GAAOD,KAAKC,GAAKA,IAGvBD,KAAK2B,UACJf,EAAA,uBAAA,CAAsBgB,KAAM/B,GAC1Be,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEiB,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAASP,MAAO,SACxB,CAACO,MAAO,SAAUP,MAAO,aAI7BV,EAAA,qBAAA,CAAoBiB,MAAM,aAAaP,MAAM,GAAGH,YAAY,uBAAuBY,QAASC,GAAKC,QAAQC,IAAI,MAAOF,KACpHpB,EAAA,qBAAA,CAAoBiB,MAAM,cAAcP,MAAM,GAAGH,YAAY,sBAAsBY,QAASC,GAAKC,QAAQC,IAAI,MAAOF","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-timestamp {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input {\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Method} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Display a timestamp field.\n */\n@Component({\n  tag: 'verdocs-field-timestamp',\n  styleUrl: 'verdocs-field-timestamp.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTimestamp {\n  private el: HTMLInputElement;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  @Method() async focusField() {\n    this.el.focus();\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: this.field?.required, disabled}} style={{backgroundColor}}>\n        <input\n          type=\"text\"\n          placeholder={settings?.placeholder}\n          tabIndex={settings?.order}\n          value={settings?.value || new Date().toLocaleDateString()}\n          disabled={disabled}\n          required={this.field?.required}\n          ref={el => (this.el = el)}\n        />\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-2870fa81.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Envelopes.js","src/utils/envelopeStore.ts","src/utils/Envelopes.ts"],"names":["__awaiter","this","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","apply","__generator","body","_","label","sent","t","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","n","v","op","TypeError","call","pop","length","push","getSigningSession","endpoint","params","_a","api","get","concat","envelopeId","encodeURIComponent","roleId","inviteCode","r","signerToken","headers","signer_token","session","decodeAccessTokenBody","setToken","recipient","data","getEnvelope","ssr","getEnvelopeFile","documentId","responseType","Buffer","from","toString","updateEnvelopeField","fieldName","put","updateEnvelopeFieldSignature","signatureId","updateEnvelopeFieldInitials","initialId","state","onChange","createStore","envelope","loadProgress","loading","error","roleNames","dirty","async","newEnvelope","console","log","recipients","map","role_name","getEnvelopeById","EnvelopeStore","response","status","message"],"mappings":"wEAAA,IAAIA,EAAaC,WAAQA,UAAKD,WAAc,SAAUE,EAASC,EAAYC,EAAGC,GAC1E,SAASC,EAAMC,GAAS,OAAOA,aAAiBH,EAAIG,EAAQ,IAAIH,GAAE,SAAUI,GAAWA,EAAQD,MAC/F,OAAO,IAAKH,IAAMA,EAAIK,WAAU,SAAUD,EAASE,GAC/C,SAASC,EAAUJ,GAAS,IAAMK,EAAKP,EAAUQ,KAAKN,IAAW,MAAOO,GAAKJ,EAAOI,IACpF,SAASC,EAASR,GAAS,IAAMK,EAAKP,EAAU,SAASE,IAAW,MAAOO,GAAKJ,EAAOI,IACvF,SAASF,EAAKI,GAAUA,EAAOC,KAAOT,EAAQQ,EAAOT,OAASD,EAAMU,EAAOT,OAAOW,KAAKP,EAAWI,GAClGH,GAAMP,EAAYA,EAAUc,MAAMjB,EAASC,GAAc,KAAKU,YAGtE,IAAIO,EAAenB,WAAQA,UAAKmB,aAAgB,SAAUlB,EAASmB,GAC/D,IAAIC,EAAI,CAAEC,MAAO,EAAGC,KAAM,WAAa,GAAIC,EAAE,GAAK,EAAG,MAAMA,EAAE,GAAI,OAAOA,EAAE,IAAOC,KAAM,GAAIC,IAAK,IAAMC,EAAGC,EAAGJ,EAAGK,EAC/G,OAAOA,EAAI,CAAEjB,KAAMkB,EAAK,GAAIC,MAASD,EAAK,GAAIE,OAAUF,EAAK,WAAaG,SAAW,aAAeJ,EAAEI,OAAOC,UAAY,WAAa,OAAOlC,OAAU6B,EACvJ,SAASC,EAAKK,GAAK,OAAO,SAAUC,GAAK,OAAOzB,EAAK,CAACwB,EAAGC,KACzD,SAASzB,EAAK0B,GACV,GAAIV,EAAG,MAAM,IAAIW,UAAU,mCAC3B,MAAOjB,MACH,GAAIM,EAAI,EAAGC,IAAMJ,EAAIa,EAAG,GAAK,EAAIT,EAAE,UAAYS,EAAG,GAAKT,EAAE,YAAcJ,EAAII,EAAE,YAAcJ,EAAEe,KAAKX,GAAI,GAAKA,EAAEhB,SAAWY,EAAIA,EAAEe,KAAKX,EAAGS,EAAG,KAAKrB,KAAM,OAAOQ,EAC3J,GAAII,EAAI,EAAGJ,EAAGa,EAAK,CAACA,EAAG,GAAK,EAAGb,EAAElB,OACjC,OAAQ+B,EAAG,IACP,KAAK,EAAG,KAAK,EAAGb,EAAIa,EAAI,MACxB,KAAK,EAAGhB,EAAEC,QAAS,MAAO,CAAEhB,MAAO+B,EAAG,GAAIrB,KAAM,OAChD,KAAK,EAAGK,EAAEC,QAASM,EAAIS,EAAG,GAAIA,EAAK,CAAC,GAAI,SACxC,KAAK,EAAGA,EAAKhB,EAAEK,IAAIc,MAAOnB,EAAEI,KAAKe,MAAO,SACxC,QACI,KAAMhB,EAAIH,EAAEI,KAAMD,EAAIA,EAAEiB,OAAS,GAAKjB,EAAEA,EAAEiB,OAAS,MAAQJ,EAAG,KAAO,GAAKA,EAAG,KAAO,GAAI,CAAEhB,EAAI,EAAG,SACjG,GAAIgB,EAAG,KAAO,KAAOb,GAAMa,EAAG,GAAKb,EAAE,IAAMa,EAAG,GAAKb,EAAE,IAAM,CAAEH,EAAEC,MAAQe,EAAG,GAAI,MAC9E,GAAIA,EAAG,KAAO,GAAKhB,EAAEC,MAAQE,EAAE,GAAI,CAAEH,EAAEC,MAAQE,EAAE,GAAIA,EAAIa,EAAI,MAC7D,GAAIb,GAAKH,EAAEC,MAAQE,EAAE,GAAI,CAAEH,EAAEC,MAAQE,EAAE,GAAIH,EAAEK,IAAIgB,KAAKL,GAAK,MAC3D,GAAIb,EAAE,GAAIH,EAAEK,IAAIc,MAChBnB,EAAEI,KAAKe,MAAO,SAEtBH,EAAKjB,EAAKmB,KAAKtC,EAASoB,GAC1B,MAAOR,GAAKwB,EAAK,CAAC,EAAGxB,GAAIe,EAAI,EAAI,QAAWD,EAAIH,EAAI,EACtD,GAAIa,EAAG,GAAK,EAAG,MAAMA,EAAG,GAAI,MAAO,CAAE/B,MAAO+B,EAAG,GAAKA,EAAG,QAAU,EAAGrB,KAAM,QA8ExE,IAAC2B,EAAoB,SAAUC,EAAUC,GAAU,OAAO9C,OAAe,OAAQ,OAAQ,GAAG,WAClG,OAAOoB,EAAYnB,MAAM,SAAU8C,GAC/B,MAAO,CAAC,EAAcF,EAASG,IACtBC,IAAI,cAAcC,OAAOJ,EAAOK,WAAY,gBAAgBD,OAAOE,mBAAmBN,EAAOO,QAAS,gBAAgBH,OAAOJ,EAAOQ,aACpIpC,MAAK,SAAUqC,GAChB,IAAIR,EAEJ,IAAIS,IAAgBT,EAAKQ,EAAEE,WAAa,MAAQV,SAAY,OAAS,EAAIA,EAAGW,eAAiB,GAC7F,IAAIC,EAAUC,EAAsBJ,GACpCX,EAASgB,SAASL,GAClB,MAAO,CAAEM,UAAWP,EAAEQ,KAAMJ,QAASA,EAASH,YAAaA,cAiBpE,IAAIQ,EAAc,SAAUnB,EAAUM,EAAYc,GAAO,OAAOjE,OAAe,OAAQ,OAAQ,GAAG,WACrG,OAAOoB,EAAYnB,MAAM,SAAU8C,GAC/B,MAAO,CAAC,EAAcF,EAASG,IACtBC,IAAI,cAAcC,OAAOC,IAAec,EAAM,YAAc,KAC5D/C,MAAK,SAAUqC,GAAK,OAAOA,EAAEQ,gBAgDpC,IAACG,EAAkB,SAAUrB,EAAUM,EAAYgB,GAAc,OAAOnE,OAAe,OAAQ,OAAQ,GAAG,WAChH,OAAOoB,EAAYnB,MAAM,SAAU8C,GAC/B,MAAO,CAAC,EAAcF,EAASG,IACtBC,IAAI,cAAcC,OAAOC,EAAY,wBAAwBD,OAAOiB,EAAY,cAAe,CAChGC,aAAc,gBAEblD,MAAK,SAAUqC,GAAK,OAAOc,OAAOC,KAAKf,EAAEQ,KAAM,UAAUQ,SAAS,qBAMzE,IAACC,EAAsB,SAAU3B,EAAUM,EAAYsB,EAAWlE,GAAS,OAAOP,OAAe,OAAQ,OAAQ,GAAG,WAC1H,OAAOoB,EAAYnB,MAAM,SAAU8C,GAC/B,MAAO,CAAC,EAAcF,EAASG,IACtB0B,IAAI,cAAcxB,OAAOC,EAAY,YAAYD,OAAOuB,GAAYlE,GACpEW,MAAK,SAAUqC,GAAK,OAAOA,EAAEQ,gBAOpC,IAACY,EAA+B,SAAU9B,EAAUM,EAAYsB,EAAWG,GAAe,OAAO5E,OAAe,OAAQ,OAAQ,GAAG,WACzI,OAAOoB,EAAYnB,MAAM,SAAU8C,GAC/B,MAAO,CAAC,EAAcF,EAASG,IACtB0B,IAAI,cAAcxB,OAAOC,EAAY,YAAYD,OAAOuB,EAAW,eAAevB,OAAO0B,IACzF1D,MAAK,SAAUqC,GAAK,OAAOA,EAAEQ,gBAOpC,IAACc,EAA8B,SAAUhC,EAAUM,EAAYsB,EAAWK,GAAa,OAAO9E,OAAe,OAAQ,OAAQ,GAAG,WACtI,OAAOoB,EAAYnB,MAAM,SAAU8C,GAC/B,MAAO,CAAC,EAAcF,EAASG,IACtB0B,IAAI,cAAcxB,OAAOC,EAAY,YAAYD,OAAOuB,EAAW,aAAavB,OAAO4B,IACvF5D,MAAK,SAAUqC,GAAK,OAAOA,EAAEQ,sBC9NxCgB,MAACA,EAAKC,SAAEA,GAAYC,EAAY,CACpCC,SAAU,KACVC,aAAc,EACdC,QAAS,KACTC,MAAO,GAEPC,UAAW,GACXC,MAAO,QAGTP,EAAS,YAAYQ,MAAMC,IACzB,IAAKA,EAAa,CAChBC,QAAQC,IAAI,qCACZZ,EAAMO,UAAY,GAClBP,EAAMQ,MAAQ,MACdR,EAAMK,QAAU,MAChBL,EAAMM,MAAQ,GACdN,EAAMI,aAAe,EACrB,OAGFO,QAAQC,IAAI,kCAAmCF,GAE/CV,EAAMO,UAAYG,EAAYG,WAAWC,KAAI/B,GAAaA,EAAUgC,YAEpEJ,QAAQC,IAAI,+BAAgCZ,EAAMO,oBCzBvCS,EAAkBP,MAAO3C,EAA2BM,WAC/D6C,EAAcd,SAAW,KAEzB,IAAK/B,EAAY,CACfuC,QAAQC,IAAI,4CACZ,OAGFK,EAAcX,MAAQ,GACtBW,EAAcZ,QAAU,KAExB,IACEM,QAAQC,IAAI,gCAAgCxC,KAC5C,MAAM+B,QAAiBlB,EAAYnB,EAAUM,EAAY,MACzD,IAAK+B,EAAU,CACbQ,QAAQC,IAAI,uCACZ,OAGFK,EAAcd,SAAWA,EACzBc,EAAcZ,QAAU,MACxB,MAAOtE,GACPkF,EAAcZ,QAAU,MACxBY,EAAcX,QAAQtC,EAAAjC,IAAC,MAADA,SAAC,OAAA,EAADA,EAAGmF,YAAQ,MAAAlD,SAAA,OAAA,EAAAA,EAAEmD,UAAW,IAAM,0BAA4BpF,EAAEqF,QAClFT,QAAQC,IAAI,qCAAsC7E,GAClD,MAAMA","sourcesContent":["var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport { decodeAccessTokenBody } from '../Utils/Token';\n/**\n * Create an envelope\n *\n * ```typescript\n * import {Envelopes, ICreateEnvelopeRole, ICreateEnvelopeRequest} from '@verdocs/js-sdk/Envelopes';\n *\n * const role1: ICreateEnvelopeRole = {\n *   type: 'signer',\n *   name: 'Seller',\n *   full_name: 'Paige Turner',\n *   email: 'paige.turner@nomail.com',\n *   phone: '',\n *   sequence: 1,\n *   delegator: false,\n *   message: '',\n * };\n *\n * const role2: ICreateEnvelopeRole = {\n *   type: 'signer',\n *   name: 'Buyer',\n *   full_name: 'Will Power',\n *   email: 'will.power@nomail.com',\n *   phone: '',\n *   sequence: 2,\n *   delegator: false,\n *   message: '',\n * };\n *\n * const request: ICreateEnvelopeRequest = {template_id: 'd2338742-f3a1-465b-8592-806587413cc1', name: 'Bill of Sale', roles: [role1, role2]};\n * const {id, recipients} = await Envelopes.createEnvelope(VerdocsEndpoint.getDefault(), request);\n * ```\n */\nexport var createEnvelope = function (endpoint, request) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/envelopes', request)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get a summary of currently active envelopes.\n *\n * ```typescript\n * import {Envelopes} from '@verdocs/js-sdk/Envelopes';\n *\n * const {action_required, completed, waiting_on_others} = await Envelopes.getSummary(VerdocsEndpoint.getDefault());\n * ```\n */\nexport var getSummary = function (endpoint, page) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/envelopes/summary', { page: page })\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Search for envelopes matching various criteria.\n *\n * ```typescript\n * import {Envelopes} from '@verdocs/js-sdk/Envelopes';\n *\n * const {result, page, total} = await Envelopes.search(VerdocsEndpoint.getDefault(), { ... });\n * ```\n */\nexport var searchEnvelopes = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/envelopes/search', params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get a signing session for an Envelope.\n */\nexport var getSigningSession = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/envelopes/\".concat(params.envelopeId, \"/recipients/\").concat(encodeURIComponent(params.roleId), \"/invitation/\").concat(params.inviteCode))\n                .then(function (r) {\n                var _a;\n                // Avoiding a jsonwebtoken dependency here - we don't actually need the whole library\n                var signerToken = ((_a = r.headers) === null || _a === void 0 ? void 0 : _a.signer_token) || '';\n                var session = decodeAccessTokenBody(signerToken);\n                endpoint.setToken(signerToken);\n                return { recipient: r.data, session: session, signerToken: signerToken };\n            })];\n    });\n}); };\n/**\n * Get the list of recipients for an Envelope.\n */\nexport var getEnvelopeRecipients = function (endpoint, envelopeId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/envelopes/\".concat(envelopeId, \"/recipients\"))\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get all metadata for an Envelope.\n */\nexport var getEnvelope = function (endpoint, envelopeId, ssr) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/envelopes/\".concat(envelopeId) + (ssr ? '?ssr=true' : ''))\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get all metadata for an Envelope.\n */\nexport var getEnvelopeDocument = function (endpoint, envelopeId, documentId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/envelopes/\".concat(envelopeId, \"/envelope_documents/\").concat(documentId))\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Cancel an Envelope.\n */\nexport var cancelEnvelope = function (endpoint, envelopeId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId), { action: 'cancel' })\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Returns true if the recipient has a pending action. Note that this does not necessarily mean the recipient can act (yet).\n */\nexport var recipientHasAction = function (recipient) { return !['submitted', 'canceled', 'declined'].includes(recipient.status); };\n/**\n * Returns the recipients who still have a pending action. Note that not all of these recipients may be able to act (yet).\n */\nexport var getRecipientsWithActions = function (envelope) { return ((envelope === null || envelope === void 0 ? void 0 : envelope.recipients) || []).filter(recipientHasAction); };\n/**\n * Returns true if the recipient can act.\n */\nexport var recipientCanAct = function (recipient, recipientsWithActions) { var _a; return recipient.sequence === ((_a = recipientsWithActions === null || recipientsWithActions === void 0 ? void 0 : recipientsWithActions[0]) === null || _a === void 0 ? void 0 : _a.sequence); };\n/**\n * Returns true if the user can act.\n */\nexport var userCanAct = function (email, recipientsWithActions) {\n    var _a;\n    var recipient = recipientsWithActions.find(function (r) { return r.email === email; });\n    return recipient && recipient.sequence === ((_a = recipientsWithActions === null || recipientsWithActions === void 0 ? void 0 : recipientsWithActions[0]) === null || _a === void 0 ? void 0 : _a.sequence);\n};\n/**\n * Get (binary download) a file attached to an Envelope. It is important to use this method\n * rather than a direct A HREF or similar link to set the authorization headers for the\n * request.\n */\nexport var getEnvelopeFile = function (endpoint, envelopeId, documentId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/envelopes/\".concat(envelopeId, \"/envelope_documents/\").concat(documentId, \"?file=true\"), {\n                responseType: 'arraybuffer',\n            })\n                .then(function (r) { return Buffer.from(r.data, 'binary').toString('base64'); })];\n    });\n}); };\n/**\n * Update a Document field. Typically called during the signing process as a Recipient fills in fields.\n */\nexport var updateEnvelopeField = function (endpoint, envelopeId, fieldName, value) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/fields/\").concat(fieldName), value)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Update a Document signature field. Signature fields are ID-driven. Call `Document.createSignature()` first to create a\n * signature for a Recipient, then call `Documents.updateDocumentFieldSignature()` to attach it to a field.\n */\nexport var updateEnvelopeFieldSignature = function (endpoint, envelopeId, fieldName, signatureId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/fields/\").concat(fieldName, \"/signature/\").concat(signatureId))\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Update a Document signature field. Signature fields are ID-driven. Call `Document.createSignature()` first to create a\n * signature for a Recipient, then call `Documents.updateDocumentFieldSignature()` to attach it to a field.\n */\nexport var updateEnvelopeFieldInitials = function (endpoint, envelopeId, fieldName, initialId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/fields/\").concat(fieldName, \"/initial/\").concat(initialId))\n                .then(function (r) { return r.data; })];\n    });\n}); };\n","// NOTE: Do not attempt to convert this to a named-export module. It triggers compilation issues in Rollup that I spent days trying to\n// resolve. This needs to export a single default value of the store's state. Any helper functions should go in Templates.ts here.\n\nimport {createStore} from '@stencil/store';\nimport {IEnvelope} from '@verdocs/js-sdk/Envelopes/Types';\n\nconst {state, onChange} = createStore({\n  envelope: null as IEnvelope | null,\n  loadProgress: 0,\n  loading: true,\n  error: '',\n\n  roleNames: [] as string[],\n  dirty: false,\n});\n\nonChange('envelope', async newEnvelope => {\n  if (!newEnvelope) {\n    console.log('[ENVELOPESTORE] Clearing envelope');\n    state.roleNames = [];\n    state.dirty = false;\n    state.loading = false;\n    state.error = '';\n    state.loadProgress = 0;\n    return;\n  }\n\n  console.log('[ENVELOPESTORE] Loaded envelope', newEnvelope);\n\n  state.roleNames = newEnvelope.recipients.map(recipient => recipient.role_name);\n  newEnvelope.recipients;\n  console.log('[ENVELOPESTORE] Loaded roles', state.roleNames);\n});\n\nexport default state;\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getEnvelope} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport EnvelopeStore from './envelopeStore';\n\n// Allows envelope data to be cached for reuse between components, without parent components having to prop-drill entire envelopes into\n// child elements.\nexport const getEnvelopeById = async (endpoint: VerdocsEndpoint, envelopeId: string) => {\n  EnvelopeStore.envelope = null;\n\n  if (!envelopeId) {\n    console.log(`[ENVELOPES] Missing required envelope ID`);\n    return;\n  }\n\n  EnvelopeStore.error = '';\n  EnvelopeStore.loading = true;\n\n  try {\n    console.log(`[ENVELOPES] Loading envelope ${envelopeId}`);\n    const envelope = await getEnvelope(endpoint, envelopeId, true);\n    if (!envelope) {\n      console.log('[ENVELOPES] Unable to load envelope');\n      return;\n    }\n\n    EnvelopeStore.envelope = envelope;\n    EnvelopeStore.loading = false;\n  } catch (e) {\n    EnvelopeStore.loading = false;\n    EnvelopeStore.error = e?.response?.status === 401 ? 'Authentication required' : e.message;\n    console.log('[ENVELOPES] Error loading envelope', e);\n    throw e;\n  }\n};\n"]}

package/dist/verdocs-web-sdk/p-305e3fb9.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx"],"names":["verdocsFieldCheckboxCss","VerdocsFieldCheckbox","exports","class_1","prototype","render","settings","getFieldSettings","this","field","option","_b","_a","options","checked","disabled","_d","_c","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","type","tabIndex","order"],"mappings":"8OAAA,IAAMA,EAA0B,ghCCcnBC,EAAoBC,EAAA,yBAAA,8CAIyB,iBAK/B,gBAKI,qBAKA,EAE7BC,EAAAC,UAAAC,OAAA,uBACE,IAAMC,EAAWC,EAAiBC,KAAKC,OACvC,IAAMC,GAASC,GAAAC,EAAAN,EAASO,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAGJ,KAAKE,WAAO,MAAAC,SAAA,EAAAA,EAAI,CAACG,QAAS,OAC5D,IAAMC,GAAWC,GAAAC,EAAAT,KAAKO,YAAQ,MAAAE,SAAA,EAAAA,EAAIX,EAASS,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAME,EAAkBV,KAAKC,MAAM,SAAWU,EAAQX,KAAKY,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUlB,EAASkB,SAAUT,SAAQA,GAAGU,MAAO,CAACP,gBAAeA,IAC3EG,EAAA,QAAA,KACEA,EAAA,QAAA,CAAOK,KAAK,WAAWC,SAAUrB,EAASsB,MAAOd,QAASJ,EAAOI,QAASC,SAAUA,EAAUS,SAAUlB,EAASkB,WACjHH,EAAA,OAAA,kBA/BuB","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  font-family: $verdocs-primary-font;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    //background: $verdocs-grey-3;\n    border: 1px solid rgba(0, 0, 0, 0.7);\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.required {\n    label > input[type='checkbox'] + *::before {\n      border: 1px solid $verdocs-red-1;\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {Component, h, Host, Prop} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={settings.order} checked={option.checked} disabled={disabled} required={settings.required} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-339c7685.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,l){function r(e){try{s(n.next(e))}catch(e){l(e)}}function a(e){try{s(n["throw"](e))}catch(e){l(e)}}function s(e){e.done?i(e.value):o(e.value).then(r,a)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},n,o,l,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(e){return function(t){return s([e,t])}}function s(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(l=r[0]&2?o["return"]:r[0]?o["throw"]||((l=o["return"])&&l.call(o),0):o.next)&&!(l=l.call(o,r[1])).done)return l;if(o=0,l)r=[r[0]&2,l.value];switch(r[0]){case 0:case 1:l=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;o=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(l=i.trys,l=l.length>0&&l[l.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!l||r[1]>l[0]&&r[1]<l[3])){i.label=r[1];break}if(r[0]===6&&i.label<l[1]){i.label=l[1];l=r;break}if(l&&i.label<l[2]){i.label=l[2];i.ops.push(r);break}if(l[2])i.ops.pop();i.trys.pop();continue}r=t.call(e,i)}catch(e){r=[6,e];o=0}finally{n=l=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-05eb4fed.system.js","./p-5a323cf3.system.js"],(function(e){"use strict";var t,i,n,o,l,r;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.H},function(e){l=e.g},function(e){r=e.g}],execute:function(){var a='verdocs-field-initial{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial.disabled{opacity:0.5}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial button{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid #cc0000}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}';var s='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';var d=e("verdocs_field_initial",function(){function e(e){t(this,e);this.adopt=i(this,"adopt",7);this.cancel=i(this,"cancel",7);this.fieldChange=i(this,"fieldChange",7);this.settingsPress=i(this,"settingsPress",7);this.field=null;this.disabled=false;this.initials="";this.editable=false;this.moveable=false;this.roleindex=0;this.tempInitials=""}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hideDialog=function(){var e;(e=this.dialog)===null||e===void 0?void 0:e.remove();this.dialog=null};e.prototype.handleAdopt=function(e){var t;console.log("[INITIAL] Adopted initials");this.tempInitials=e.detail;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(this.tempInitials);this.hideDialog()};e.prototype.handleShow=function(){var e=this;this.dialog=document.createElement("verdocs-initial-dialog");this.dialog.setAttribute("initials",this.initials);this.dialog.setAttribute("roleindex",this.roleindex);this.dialog.addEventListener("cancel",(function(){return e.hideDialog()}));this.dialog.addEventListener("next",(function(t){return e.handleAdopt(t)}));document.body.append(this.dialog)};e.prototype.render=function(){var e=this;var t,i;var a=r(this.field);var d=this.tempInitials||a.base64;var c=(i=(t=this.disabled)!==null&&t!==void 0?t:a.disabled)!==null&&i!==void 0?i:false;var u=this.field["rgba"]||l(this.roleindex);return n(o,{class:{required:a.required,disabled:c},style:{backgroundColor:u}},d?n("img",{src:this.tempInitials||a.base64,alt:"Initials"}):n("button",{class:{},onClick:function(){return!c&&e.handleShow()}},"Initials"),this.editable&&n("verdocs-button-panel",{icon:s},n("h6",null,"Field Settings"),n("form",null,n("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),n("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(e){return console.log("ipt",e)}}),n("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(e){return console.log("ipt",e)}}))))};return e}());d.style=a}}}));
-//# sourceMappingURL=p-339c7685.system.entry.js.map

package/dist/verdocs-web-sdk/p-339c7685.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-initial/verdocs-field-initial.scss?tag=verdocs-field-initial","src/components/elements/verdocs-field-initial/verdocs-field-initial.tsx"],"names":["verdocsFieldInitialCss","settingsIcon","VerdocsFieldInitial","exports","class_1","prototype","focusField","this","handleShow","hideDialog","_a","dialog","remove","handleAdopt","e","console","log","tempInitials","detail","fieldChange","emit","_this","document","createElement","setAttribute","initials","roleindex","addEventListener","body","append","render","settings","getFieldSettings","field","value","base64","disabled","_b","backgroundColor","getRGBA","h","Host","class","required","style","src","alt","onClick","editable","icon","label","options","placeholder","onInput"],"mappings":"+qDAAA,IAAMA,EAAyB,6xCCM/B,IAAMC,EACJ,6rCAWWC,EAAmBC,EAAA,wBAAA,gMAI0B,mBAK3B,oBAKF,iBAME,oBAKA,qBAKA,oBA6BN,GALPC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,8BAQPJ,EAAAC,UAAAI,WAAA,kBACEC,EAAAH,KAAKI,UAAM,MAAAD,SAAA,OAAA,EAAAA,EAAEE,SACbL,KAAKI,OAAS,MAGhBP,EAAAC,UAAAQ,YAAA,SAAYC,SACVC,QAAQC,IAAI,8BACZT,KAAKU,aAAeH,EAAEI,QACtBR,EAAAH,KAAKY,eAAW,MAAAT,SAAA,OAAA,EAAAA,EAAEU,KAAKb,KAAKU,cAC5BV,KAAKE,cAGPL,EAAAC,UAAAG,WAAA,WAAA,IAAAa,EAAAd,KACEA,KAAKI,OAASW,SAASC,cAAc,0BACrChB,KAAKI,OAAOa,aAAa,WAAYjB,KAAKkB,UAC1ClB,KAAKI,OAAOa,aAAa,YAAajB,KAAKmB,WAC3CnB,KAAKI,OAAOgB,iBAAiB,UAAU,WAAM,OAAAN,EAAKZ,gBAClDF,KAAKI,OAAOgB,iBAAiB,QAAQ,SAAAb,GAAK,OAAAO,EAAKR,YAAYC,MAC3DQ,SAASM,KAAKC,OAAOtB,KAAKI,SAG5BP,EAAAC,UAAAyB,OAAA,WAAA,IAAAT,EAAAd,aACE,IAAMwB,EAAWC,EAAiBzB,KAAK0B,OACvC,IAAMC,EAAQ3B,KAAKU,cAAgBc,EAASI,OAC5C,IAAMC,GAAWC,GAAA3B,EAAAH,KAAK6B,YAAQ,MAAA1B,SAAA,EAAAA,EAAIqB,EAASK,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAMC,EAAkB/B,KAAK0B,MAAM,SAAWM,EAAQhC,KAAKmB,WAE3D,OACEc,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUZ,EAASY,SAAUP,SAAQA,GAAGQ,MAAO,CAACN,gBAAeA,IAC1EJ,EACCM,EAAA,MAAA,CAAKK,IAAKtC,KAAKU,cAAgBc,EAASI,OAAQW,IAAI,aAEpDN,EAAA,SAAA,CAAQE,MAAO,GAAIK,QAAS,WAAM,OAACX,GAAYf,EAAKb,eAAY,YAKjED,KAAKyC,UACJR,EAAA,uBAAA,CAAsBS,KAAMhD,GAC1BuC,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEU,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAAShB,MAAO,SACxB,CAACgB,MAAO,SAAUhB,MAAO,aAI7BM,EAAA,qBAAA,CAAoBU,MAAM,aAAahB,MAAM,GAAGkB,YAAY,uBAAuBC,QAAS,SAAAvC,GAAK,OAAAC,QAAQC,IAAI,MAAOF,MACpH0B,EAAA,qBAAA,CAAoBU,MAAM,cAAchB,MAAM,GAAGkB,YAAY,sBAAsBC,QAAS,SAAAvC,GAAK,OAAAC,QAAQC,IAAI,MAAOF,mBAjHlG","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-initial {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  letter-spacing: 0.3px;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  img {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  button {\n    box-sizing: border-box;\n    border: none;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid $verdocs-red-1;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\n * button will be shown. Clicking the button will show a dialog to adopt an initial.\n */\n@Component({\n  tag: 'verdocs-field-initial',\n  styleUrl: 'verdocs-field-initial.scss',\n  shadow: false,\n})\nexport class VerdocsFieldInitial {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() initials: string = '';\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  /**\n   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event emitted when the user cancels the process.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) settingsPress: EventEmitter;\n\n  @Method() async focusField() {\n    this.handleShow();\n  }\n\n  @State()\n  tempInitials: string = '';\n\n  private dialog?: any;\n\n  hideDialog() {\n    this.dialog?.remove();\n    this.dialog = null;\n  }\n\n  handleAdopt(e: any) {\n    console.log('[INITIAL] Adopted initials');\n    this.tempInitials = e.detail;\n    this.fieldChange?.emit(this.tempInitials);\n    this.hideDialog();\n  }\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-initial-dialog');\n    this.dialog.setAttribute('initials', this.initials);\n    this.dialog.setAttribute('roleindex', this.roleindex);\n    this.dialog.addEventListener('cancel', () => this.hideDialog());\n    this.dialog.addEventListener('next', e => this.handleAdopt(e));\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const value = this.tempInitials || settings.base64;\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        {value ? (\n          <img src={this.tempInitials || settings.base64} alt=\"Initials\" />\n        ) : (\n          <button class={{}} onClick={() => !disabled && this.handleShow()}>\n            Initials\n          </button>\n        )}\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-3c2550a8.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function l(e){try{a(o.next(e))}catch(e){n(e)}}function s(e){try{a(o["throw"](e))}catch(e){n(e)}}function a(e){e.done?i(e.value):r(e.value).then(l,s)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return a([e,t])}}function a(l){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,r&&(n=l[0]&2?r["return"]:l[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,l[1])).done)return n;if(r=0,n)l=[l[0]&2,n.value];switch(l[0]){case 0:case 1:n=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!n||l[1]>n[0]&&l[1]<n[3])){i.label=l[1];break}if(l[0]===6&&i.label<n[1]){i.label=n[1];n=l;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(l);break}if(n[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];r=0}finally{o=n=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-5a323cf3.system.js","./p-05eb4fed.system.js"],(function(e){"use strict";var t,i,o,r,n;return{setters:[function(e){t=e.r;i=e.h;o=e.H},function(e){r=e.g},function(e){n=e.g}],execute:function(){var l='verdocs-field-timestamp{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-timestamp.disabled{opacity:0.5}verdocs-field-timestamp input{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}';var s='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';var a=e("verdocs_field_timestamp",function(){function e(e){t(this,e);this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();return[2]}))}))};e.prototype.render=function(){var e=this;var t,l,a,d;var u=r(this.field);var c=(l=(t=this.disabled)!==null&&t!==void 0?t:u.disabled)!==null&&l!==void 0?l:false;var f=this.field["rgba"]||n(this.roleindex);return i(o,{class:{required:(a=this.field)===null||a===void 0?void 0:a.required,disabled:c},style:{backgroundColor:f}},i("input",{type:"text",placeholder:u===null||u===void 0?void 0:u.placeholder,tabIndex:u===null||u===void 0?void 0:u.order,value:(u===null||u===void 0?void 0:u.value)||(new Date).toLocaleDateString(),disabled:c,required:(d=this.field)===null||d===void 0?void 0:d.required,ref:function(t){return e.el=t}}),this.editable&&i("verdocs-button-panel",{icon:s},i("h6",null,"Field Settings"),i("form",null,i("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),i("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(e){return console.log("ipt",e)}}),i("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(e){return console.log("ipt",e)}}))))};return e}());a.style=l}}}));
-//# sourceMappingURL=p-3c2550a8.system.entry.js.map

package/dist/verdocs-web-sdk/p-3c2550a8.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-timestamp/verdocs-field-timestamp.scss?tag=verdocs-field-timestamp","src/components/elements/verdocs-field-timestamp/verdocs-field-timestamp.tsx"],"names":["verdocsFieldTimestampCss","settingsIcon","VerdocsFieldTimestamp","exports","class_1","prototype","focusField","this","el","focus","render","_this","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","value","Date","toLocaleDateString","_d","ref","editable","icon","label","options","onInput","e","console","log"],"mappings":"uqDAAA,IAAMA,EAA2B,4tCCMjC,IAAMC,EACJ,6rCAUWC,EAAqBC,EAAA,0BAAA,8CAMwB,mBAK3B,oBAMA,oBAKA,qBAKA,EAEbC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,GAAGC,yBAGVL,EAAAC,UAAAK,OAAA,WAAA,IAAAC,EAAAJ,iBACE,IAAMK,EAAWC,EAAiBN,KAAKO,OACvC,IAAMC,GAAWC,GAAAC,EAAAV,KAAKQ,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAME,EAAkBX,KAAKO,MAAM,SAAWK,EAAQZ,KAAKa,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,UAAUC,EAAAlB,KAAKO,SAAK,MAAAW,SAAA,OAAA,EAAAA,EAAED,SAAUT,SAAQA,GAAGW,MAAO,CAACR,gBAAeA,IAC9EG,EAAA,QAAA,CACEM,KAAK,OACLC,YAAahB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUgB,YACvBC,SAAUjB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUkB,MACpBC,OAAOnB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUmB,SAAS,IAAIC,MAAOC,qBACrClB,SAAUA,EACVS,UAAUU,EAAA3B,KAAKO,SAAK,MAAAoB,SAAA,OAAA,EAAAA,EAAEV,SACtBW,IAAK,SAAA3B,GAAE,OAAKG,EAAKH,GAAKA,KAGvBD,KAAK6B,UACJf,EAAA,uBAAA,CAAsBgB,KAAMpC,GAC1BoB,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEiB,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAASP,MAAO,SACxB,CAACO,MAAO,SAAUP,MAAO,aAI7BV,EAAA,qBAAA,CAAoBiB,MAAM,aAAaP,MAAM,GAAGH,YAAY,uBAAuBY,QAAS,SAAAC,GAAK,OAAAC,QAAQC,IAAI,MAAOF,MACpHpB,EAAA,qBAAA,CAAoBiB,MAAM,cAAcP,MAAM,GAAGH,YAAY,sBAAsBY,QAAS,SAAAC,GAAK,OAAAC,QAAQC,IAAI,MAAOF,mBA/DhG","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-timestamp {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input {\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Method} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Display a timestamp field.\n */\n@Component({\n  tag: 'verdocs-field-timestamp',\n  styleUrl: 'verdocs-field-timestamp.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTimestamp {\n  private el: HTMLInputElement;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  @Method() async focusField() {\n    this.el.focus();\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: this.field?.required, disabled}} style={{backgroundColor}}>\n        <input\n          type=\"text\"\n          placeholder={settings?.placeholder}\n          tabIndex={settings?.order}\n          value={settings?.value || new Date().toLocaleDateString()}\n          disabled={disabled}\n          required={this.field?.required}\n          ref={el => (this.el = el)}\n        />\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-40565c66.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-textarea/verdocs-field-textarea.scss?tag=verdocs-field-textarea","src/components/elements/verdocs-field-textarea/verdocs-field-textarea.tsx"],"names":["verdocsFieldTextareaCss","settingsIcon","VerdocsFieldTextarea","exports","class_1","prototype","focusField","this","el","focus","render","_this","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","placeholder","tabIndex","order","value","ref","editable","icon","label","options","onChange","e","console","log","onInput"],"mappings":"uqDAAA,IAAMA,EAA0B,2yBCMhC,IAAMC,EACJ,6rCAUWC,EAAoBC,EAAA,yBAAA,8CAMyB,mBAK3B,oBAMA,oBAKA,qBAKA,EAEbC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,GAAGC,yBAGVL,EAAAC,UAAAK,OAAA,WAAA,IAAAC,EAAAJ,aACE,IAAMK,EAAWC,EAAiBN,KAAKO,OACvC,IAAMC,GAAWC,GAAAC,EAAAV,KAAKQ,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAME,EAAkBX,KAAKO,MAAM,SAAWK,EAAQZ,KAAKa,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUZ,EAASY,SAAUT,SAAQA,GAAGU,MAAO,CAACP,gBAAeA,IAC3EG,EAAA,WAAA,CACEK,YAAad,EAASc,aAAe,GACrCC,SAAUf,EAASgB,MACnBC,MAAOjB,EAASiB,MAChBd,SAAUA,EACVS,SAAUZ,EAASY,SACnBM,IAAK,SAAAtB,GAAE,OAAKG,EAAKH,GAAKA,KAGvBD,KAAKwB,UACJV,EAAA,uBAAA,CAAsBW,KAAM/B,GAC1BoB,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEY,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAASJ,MAAO,SACxB,CAACI,MAAO,SAAUJ,MAAO,WAE3BM,SAAU,SAAAC,GACRC,QAAQC,IAAI,iBAAkBF,MAIlCf,EAAA,qBAAA,CAAoBY,MAAM,aAAaJ,MAAM,GAAGH,YAAY,uBAAuBa,QAAS,SAAAH,GAAK,OAAAC,QAAQC,IAAI,MAAOF,MACpHf,EAAA,qBAAA,CAAoBY,MAAM,cAAcJ,MAAM,GAAGH,YAAY,sBAAsBa,QAAS,SAAAH,GAAK,OAAAC,QAAQC,IAAI,MAAOF,mBAjEjG","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-textarea {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  textarea {\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {Component, h, Host, Prop, Method} from '@stencil/core';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {getFieldSettings} from '../../../utils/utils';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Display a multi-line text input field.\n */\n@Component({\n  tag: 'verdocs-field-textarea',\n  styleUrl: 'verdocs-field-textarea.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTextarea {\n  private el: HTMLTextAreaElement;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  @Method() async focusField() {\n    this.el.focus();\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        <textarea\n          placeholder={settings.placeholder || ''}\n          tabIndex={settings.order}\n          value={settings.value}\n          disabled={disabled}\n          required={settings.required}\n          ref={el => (this.el = el)}\n        />\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n                onChange={e => {\n                  console.log('select changed', e);\n                }}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-430df46a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as n,H as t,F as s}from"./p-ff1278ed.js";import{g as o,a as r,s as a,b as l,u as d,c,d as u}from"./p-2870fa81.js";import"./p-8efc9749.js";import{a as h,i as f}from"./p-e662f81b.js";import{V as v}from"./p-becd8d7e.js";import{a as p,r as g,f as x,b}from"./p-e6f928eb.js";import{S as m}from"./p-7a1b2643.js";import"./p-5ea05a1d.js";var w=undefined&&undefined.__assign||function(){w=Object.assign||function(e){for(var i,n=1,t=arguments.length;n<t;n++){i=arguments[n];for(var s in i)if(Object.prototype.hasOwnProperty.call(i,s))e[s]=i[s]}return e};return w.apply(this,arguments)};var y=undefined&&undefined.__awaiter||function(e,i,n,t){function s(e){return e instanceof n?e:new n((function(i){i(e)}))}return new(n||(n=Promise))((function(n,o){function r(e){try{l(t.next(e))}catch(e){o(e)}}function a(e){try{l(t["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):s(e.value).then(r,a)}l((t=t.apply(e,i||[])).next())}))};var k=undefined&&undefined.__generator||function(e,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,s,o,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(e){return function(i){return l([e,i])}}function l(r){if(t)throw new TypeError("Generator is already executing.");while(n)try{if(t=1,s&&(o=r[0]&2?s["return"]:r[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,r[1])).done)return o;if(s=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;s=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=i.call(e,n)}catch(e){r=[6,e];s=0}finally{t=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var S=function(e,i,n,t,s){return y(void 0,void 0,void 0,(function(){return k(this,(function(o){return[2,e.api.put("/envelopes/".concat(i,"/recipients/").concat(n),w({role_name:n,action:t},s||{})).then((function(e){return e.data}))]}))}))};var N=function(e,i,n){var t=new FormData;t.append("signature",n,i);return e.api.post("/signatures",t).then((function(e){return e.data}))};var I=function(e,i,n){var t=new FormData;t.append("initial",n,i);return e.api.post("/initials",t).then((function(e){return e.data}))};const j='verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign .header{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.25s;transition:all 0.25s;-ms-flex-pack:center;justify-content:center;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-sign .header .inner{width:100%;max-width:1028px}verdocs-sign .intro{width:100%;height:60px;display:-ms-flexbox;display:flex;background:#ffffff;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .intro .inner{width:100%;color:#111111;padding:0 14px;font-size:20px;font-weight:500;line-height:28px;max-width:1024px}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-sign .document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}';const z=class{constructor(n){e(this,n);this.sdkError=i(this,"sdkError",7);this.fieldUpdated=i(this,"fieldUpdated",7);this.endpoint=null;this.recipientIndex=-1;this.fields=[];this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.recipient=null;this.signerToken=null;this.hasSignature=false;this.nextButtonLabel="Start";this.errorMessage="";this.focusedField="";this.finishLater=false;this.showFinishLater=false}componentWillLoad(){this.endpoint=new v({sessionType:"signing"})}async componentDidLoad(){var e,i,n,t,s,l;if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new m("[SIGN] Missing required envelopId",500,""));return}if(!this.roleId){(i=this.sdkError)===null||i===void 0?void 0:i.emit(new m("[SIGN] Missing required roleId",500,""));return}if(!this.inviteCode){(n=this.sdkError)===null||n===void 0?void 0:n.emit(new m("[SIGN] Missing required inviteCode",500,""));return}try{console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);const{session:e,recipient:i,signerToken:n}=await o(this.endpoint,{envelopeId:this.envelopeId,roleId:this.roleId,inviteCode:this.inviteCode});console.log(`[SIGN] Loaded signing session ${e.email} / ${e.profile_id}`);this.recipient=i;this.signerToken=n;this.endpoint.setToken(n);if(this.recipient.agreed){this.nextButtonLabel="Next"}await r(this.endpoint,this.envelopeId);this.recipientIndex=a.envelope.recipients.findIndex((e=>e.role_name==this.roleId));if(this.recipientIndex>-1){this.recipient=a.envelope.recipients[this.recipientIndex];this.fields=this.recipient.fields}}catch(e){console.log("Error with signing session",e);(t=this.sdkError)===null||t===void 0?void 0:t.emit(new m(e.message,(s=e.response)===null||s===void 0?void 0:s.status,(l=e.response)===null||l===void 0?void 0:l.data))}}handleClickAgree(){S(this.endpoint,this.envelopeId,this.roleId,"update",{agreed:true}).then((e=>{this.nextButtonLabel="Next";this.recipient=e})).catch((e=>{var i,n,t;console.log("Update failure",e);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new m(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(t=e.response)===null||t===void 0?void 0:t.data))}))}async savePDF(){const e=`${a.envelope.name} - ${a.envelope.updated_at.split("T")[0]}.pdf`;const i=await l(this.endpoint,this.envelopeId,a.envelope.envelope_document_id);let n=new XMLHttpRequest;n.responseType="blob";n.onload=function(){let i=document.createElement("a");i.href=window.URL.createObjectURL(n.response);i.download=e;i.style.display="none";document.body.appendChild(i);i.click();i.remove()};n.open("GET",`data:application/pdf;base64,${i}`);n.send()}async handleOptionSelected(e){switch(e.detail.id){case"later":this.finishLater=true;this.showFinishLater=true;break;case"claim":break;case"decline":break;case"print":break;case"download":this.savePDF().catch((()=>{}));break}}saveFieldChange(e,i){d(this.endpoint,this.envelopeId,e,i).catch((e=>{var i,n,t,s,o,r;if(((i=e.response)===null||i===void 0?void 0:i.status)===401&&((t=(n=e.response)===null||n===void 0?void 0:n.data)===null||t===void 0?void 0:t.error)==="jwt expired"){console.log("[SIGN] Signing session expired");this.errorMessage="Signing session expired."}else{console.log("[SIGN] Server error",e)}(s=this.sdkError)===null||s===void 0?void 0:s.emit(new m(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(r=e.response)===null||r===void 0?void 0:r.data))}))}async handleFieldChange(e,i,n){console.log("fieldChange",e,i);const{value:t,checked:s}=i.target;switch(e.type){case"textbox":return this.saveFieldChange(e.name,{prepared:false,value:t});case"checkbox_group":return this.saveFieldChange(e.name,{prepared:false,value:{options:[{id:n,checked:s}]}});case"radio_button_group":const o=e.settings.options.map((e=>({id:e.id,selected:n===e.id})));return this.saveFieldChange(e.name,{prepared:false,value:{options:o}});case"dropdown":return this.saveFieldChange(e.name,{prepared:false,value:i.detail});case"initial":const r=await(await fetch(i.detail)).blob();return I(this.endpoint,"initial",r).then((i=>{console.log("New initials",e.name,i);u(this.endpoint,this.envelopeId,e.name,i.id)}));case"signature":const a=await(await fetch(i.detail)).blob();return N(this.endpoint,"signature",a).then((i=>{console.log("New sign",e.name,i);c(this.endpoint,this.envelopeId,e.name,i.id)}));case"date":const l=i.target.getAttribute("iso");return this.saveFieldChange(e.name,{prepared:false,value:l});default:console.log("Unhandled field update",{value:t,checked:s},e);break}}isFieldValid(e){var i,n,t,s,o,r,a,l,d,c,u,v,p;switch(e.type){case"textbox":switch(((i=e.settings)===null||i===void 0?void 0:i.validator)||""){case"email":return f(((n=e.settings)===null||n===void 0?void 0:n.result)||"");case"phone":return h(((t=e.settings)===null||t===void 0?void 0:t.result)||"");default:return!!((s=e.settings)===null||s===void 0?void 0:s.result)}case"signature":case"initial":return!!((o=e.settings)===null||o===void 0?void 0:o.base64);case"textarea":case"date":case"timestamp":case"attachment":return!!((r=e.settings)===null||r===void 0?void 0:r.result);case"dropdown":return!!((a=e.settings)===null||a===void 0?void 0:a.value);case"checkbox_group":const g=(((d=(l=e.settings)===null||l===void 0?void 0:l.options)===null||d===void 0?void 0:d.filter((e=>e.checked)))||[]).length;return g>=(((c=e.settings)===null||c===void 0?void 0:c.minimum_checked)||0)&&g<=(((u=e.settings)===null||u===void 0?void 0:u.maximum_checked)||999);case"radio_button_group":return(((p=(v=e.settings)===null||v===void 0?void 0:v.options)===null||p===void 0?void 0:p.filter((e=>e.selected)))||[]).length>0;default:return false}}handleNext(){var e;const i=this.fields.filter((e=>e.required));const n=i.findIndex((e=>e.name===this.focusedField));let t=n+1;if(t>=i.length){t=0}let s=i[t];let o=0;if(o<i.length&&["signature","initial"].includes(s.type)&&((e=s.settings)===null||e===void 0?void 0:e.result)==="signed"){o++;t++;if(t>=i.length){t=0}s=i[t]}if(o>=i.length){s=null}if(s){const e=b(s);const i=document.getElementById(e);i===null||i===void 0?void 0:i.focusField();this.focusedField=s.name}}handlePageRendered(e){const i=e.detail;console.log("[SIGN] Page rendered, adding fields",i);const n=p(a.roleNames,this.recipient.role_name);const t=this.recipient.fields.filter((e=>e.page===i.pageNumber));t.forEach((e=>{var t;const s=g(e,i,n,{disabled:false,editable:false,draggable:false});if(!s){return}s.addEventListener("input",(i=>{this.handleFieldChange(e,i).catch((()=>{}))}));s.addEventListener("fieldChange",(i=>{this.handleFieldChange(e,i).catch((()=>{}))}));s.setAttribute("roleindex",n);s.setAttribute("xScale",i.xScale);s.setAttribute("yScale",i.yScale);s.setAttribute("initials",this.recipient?x(this.recipient.full_name):"");s.setAttribute("name",((t=this.recipient)===null||t===void 0?void 0:t.full_name)||"")}));a.envelope.recipients.filter((e=>e.role_name!==this.recipient.role_name)).map((e=>{const n=p(a.roleNames,e.role_name);console.log("Rendering fields for other recipient",n,e);const t=e.fields.filter((e=>e.page===i.pageNumber));console.log("[SIGN] Fields on page",t);t.forEach((e=>{const t=g(e,i,n,{disabled:true,editable:false,draggable:false});if(!t){return}t.setAttribute("roleindex",n);t.setAttribute("xScale",i.xScale);t.setAttribute("yScale",i.yScale)}))}))}render(){var e,i,o,r;if(a.loading||!a.envelope){return n(t,null,n("verdocs-loader",null))}const l=[{id:"later",label:"Finish Later"},{id:"claim",label:"Claim the Document",disabled:true},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing",disabled:true},{id:"download",label:"Download"}];return n(t,{class:{agreed:(e=this.recipient)===null||e===void 0?void 0:e.agreed}},!this.finishLater&&n("div",{class:"intro"},n("div",{class:"inner"},"Please review and act on these documents.")),n("div",{class:"header"},n("div",{class:"inner"},!this.finishLater&&n("div",{class:"toolbar"},n("div",{class:"tools"},n("verdocs-dropdown",{options:l,onOptionSelected:e=>this.handleOptionSelected(e)}),!((i=this.recipient)===null||i===void 0?void 0:i.agreed)?n("div",{class:"agree"},n("verdocs-checkbox",{name:"agree",label:"I agree to use electronic records and signatures.",onInput:()=>this.handleClickAgree()})):n("div",{style:{flex:"1"}}),n("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!((o=this.recipient)===null||o===void 0?void 0:o.agreed),onClick:()=>this.handleNext()}))))),!((r=this.recipient)===null||r===void 0?void 0:r.agreed)?n("div",{class:"cover"}):n("div",{style:{display:"none"}}),n("div",{class:"document"},(a.envelope.documents||[]).map((e=>{const i=[...(e===null||e===void 0?void 0:e.pages)||[]];i.sort(((e,i)=>e.sequence-i.sequence));console.log("p",e,i);return n(s,null,i.map((e=>n("verdocs-document-page",{pageImageUri:e.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:e.sequence,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]}))))}))),this.showFinishLater&&n("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:"To complete the document, use the link in the original email notification inviting you to review and finish the document.",onNext:()=>this.showFinishLater=false}),this.errorMessage&&n("verdocs-ok-dialog",{heading:"Network Error",message:this.errorMessage,onNext:()=>this.errorMessage=""}))}};z.style=j;export{z as verdocs_sign};
-//# sourceMappingURL=p-430df46a.entry.js.map

package/dist/verdocs-web-sdk/p-430df46a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","node_modules/@verdocs/js-sdk/Envelopes/Signatures.js","node_modules/@verdocs/js-sdk/Envelopes/Initials.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__assign","this","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","__generator","body","_","label","sent","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","v","op","TypeError","pop","push","updateRecipientStatus","endpoint","envelopeId","roleName","action","params","_a","api","put","concat","role_name","r","data","createSignature","name","signature","FormData","append","post","createInitials","initials","verdocsSignCss","VerdocsSign","recipientIndex","fields","[object Object]","VerdocsEndpoint","sessionType","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","console","log","session","recipient","signerToken","Envelopes.getSigningSession","email","profile_id","setToken","agreed","nextButtonLabel","getEnvelopeById","EnvelopeStore","envelope","recipients","findIndex","_d","message","_e","response","status","_f","catch","fileName","updated_at","split","Envelopes.getEnvelopeFile","envelope_document_id","xhr","XMLHttpRequest","responseType","onload","a","document","createElement","href","window","URL","createObjectURL","download","style","display","appendChild","click","remove","open","send","detail","id","finishLater","showFinishLater","savePDF","fieldName","Envelopes.updateEnvelopeField","error","errorMessage","field","optionId","checked","target","type","saveFieldChange","prepared","options","settings","map","option","selected","initialsBlob","fetch","blob","newInitials","updateEnvelopeFieldInitials","signatureBlob","newSignature","updateEnvelopeFieldSignature","iso","getAttribute","validator","isValidEmail","isValidPhone","base64","_g","_j","_h","filter","_k","minimum_checked","_l","maximum_checked","_o","_m","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","includes","getFieldId","el","getElementById","focusField","pageInfo","roleIndex","getRoleIndex","roleNames","recipientFields","page","pageNumber","forEach","renderDocumentField","disabled","editable","draggable","addEventListener","handleFieldChange","setAttribute","xScale","yScale","fullNameToInitials","full_name","otherRecipient","otherRoleIndex","loading","h","Host","menuOptions","class","onOptionSelected","handleOptionSelected","onInput","handleClickAgree","flex","size","onClick","handleNext","documents","envelopeDocument","pages","sort","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","handlePageRendered","layers","heading","onNext"],"mappings":"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","sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Update a recipient's status block\n */\nexport var updateRecipientStatus = function (endpoint, envelopeId, roleName, action, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(roleName), __assign({ role_name: roleName, action: action }, (params || {})))\n                .then(function (r) { return r.data; })];\n    });\n}); };\nexport var getSignerToken = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"/signer-token\"))\n        .then(function (r) { return r.data; });\n};\nexport var getInPersonLink = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"?in_person_link=true\"))\n        .then(function (r) { return r.data; });\n};\n","/**\n * Create a signature block. In a typical signing workflow, the user is asked at the beginning of the process to \"adopt\"\n * a signature block to be used for all signature fields in the document. Thus, this is typically called one time to\n * create and store a signature block. Thereafter, the ID of the signature block may be re-used for each signature field\n * to be \"stamped\" by the user.\n */\nexport var createSignature = function (endpoint, name, signature) {\n    var data = new FormData();\n    data.append('signature', signature, name);\n    return endpoint.api //\n        .post(\"/signatures\", data)\n        .then(function (r) { return r.data; });\n};\n/**\n * Get the availbable signatures for a user.\n */\nexport var getSignatures = function (endpoint) {\n    return endpoint.api //\n        .get('/signatures')\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a user's signature by ID.\n */\nexport var getSignature = function (endpoint, signatureId) {\n    return endpoint.api //\n        .get(\"/signatures/\".concat(signatureId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a user's signature.\n */\nexport var deleteSignature = function (endpoint, signatureId) {\n    return endpoint.api //\n        .delete(\"/signatures/\".concat(signatureId))\n        .then(function (r) { return r.data; });\n};\n","/**\n * Create an initials block. In a typical signing workflow, the user is asked at the beginning of the process to \"adopt\"\n * an initials block to be used for all initials fields in the document. Thus, this is typically called one time to\n * create and store an initials block. Thereafter, the ID of the initials block may be re-used for each initials field\n * to be \"stamped\" by the user.\n */\nexport var createInitials = function (endpoint, name, initials) {\n    var data = new FormData();\n    data.append('initial', initials, name);\n    return endpoint.api //\n        .post(\"/initials\", data)\n        .then(function (r) { return r.data; });\n};\n","@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0;\n    display: flex;\n    z-index: 1000;\n    align-items: center;\n    transition: all 0.25s;\n    justify-content: center;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    height: 60px;\n    display: flex;\n    background: #ffffff;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      color: #111111;\n      padding: 0 14px;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 28px;\n      max-width: 1024px;\n    }\n  }\n\n  &.agreed {\n    .intro {\n      //display: none;\n    }\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    min-height: 200px;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .agree {\n    flex: 1;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0 15px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {createInitials} from '@verdocs/js-sdk/Envelopes/Initials';\nimport {createSignature} from '@verdocs/js-sdk/Envelopes/Signatures';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Envelopes/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {updateEnvelopeFieldInitials, updateEnvelopeFieldSignature} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport {fullNameToInitials, getFieldId, getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {getEnvelopeById} from '../../../utils/Envelopes';\nimport EnvelopeStore from '../../../utils/envelopeStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\n/**\n * Display an envelope signing experience. This will display the envelope's attached\n * documents with signing fields overlaid on each page.\n *\n * The component will attempt to initiate a signing session and load the specified\n * envelope. If successful, the recipient's fields will be enabled and the user will\n * be able to sign the envelope's attached documents. If not, an `sdkError` will be\n * thrown and the component will be blank/empty. To provide the best user experience,\n * applications should capture and handle this error to provide the user with\n * instructions/options for next steps based on the application's design and workflow.\n *\n * Unlike other components, this will always create its own endpoint to manage the\n * session session. This endpoint will be included in event callbacks for the\n * convenience of host applications that may wish to make server calls using the\n * signer's credentials once signing is complete (e.g. to obtain copies of\n * the signed attachments.)\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\n  endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop() envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop() roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop() inviteCode: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when any field is updated. Note that the current active endpoint is\n   * provided as a parameter as a convenience for callers when this coimponent\n   */\n  @Event({composed: true}) fieldUpdated: EventEmitter<{endpoint: VerdocsEndpoint}>;\n\n  @State() recipient: IRecipient | null = null;\n  @State() signerToken = null;\n  // @State() envelope: IEnvelope | null = null;\n  // @State() fields: IDocumentField[] = [];\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() errorMessage = '';\n  @State() focusedField = '';\n\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n\n  recipientIndex: number = -1;\n  fields: IDocumentField[] = [];\n\n  componentWillLoad() {\n    this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n  }\n\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));\n      return;\n    }\n\n    if (!this.roleId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required roleId', 500, ''));\n      return;\n    }\n\n    if (!this.inviteCode) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required inviteCode', 500, ''));\n      return;\n    }\n\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);\n      const {session, recipient, signerToken} = await Envelopes.getSigningSession(this.endpoint, {\n        envelopeId: this.envelopeId,\n        roleId: this.roleId,\n        inviteCode: this.inviteCode,\n      });\n\n      console.log(`[SIGN] Loaded signing session ${session.email} / ${session.profile_id}`);\n\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      await getEnvelopeById(this.endpoint, this.envelopeId);\n      // const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);\n      // this.envelope = envelope;\n      // console.log('[SIGN] Loaded envelope', envelope);\n\n      this.recipientIndex = EnvelopeStore.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        this.recipient = EnvelopeStore.envelope.recipients[this.recipientIndex];\n        this.fields = this.recipient.fields;\n      }\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    updateRecipientStatus(this.endpoint, this.envelopeId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('Update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${EnvelopeStore.envelope.name} - ${EnvelopeStore.envelope.updated_at.split('T')[0]}.pdf`;\n    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, EnvelopeStore.envelope.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        this.finishLater = true;\n        this.showFinishLater = true;\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        // if (!window?.['STORYBOOK_ENV']) {\n        //   window.alert('User intends to sign later.');\n        // }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .catch(e => {\n        if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n          // TODO: Do we want to improve the instructions here?\n          console.log('[SIGN] Signing session expired');\n          this.errorMessage = 'Signing session expired.';\n        } else {\n          console.log('[SIGN] Server error', e);\n        }\n\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    const {value, checked} = e.target;\n\n    switch (field.type) {\n      case 'textbox':\n        return this.saveFieldChange(field.name, {prepared: false, value});\n\n      case 'checkbox_group':\n        return this.saveFieldChange(field.name, {prepared: false, value: {options: [{id: optionId, checked}]}});\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        return this.saveFieldChange(field.name, {prepared: false, value: {options}});\n\n      case 'dropdown':\n        return this.saveFieldChange(field.name, {prepared: false, value: e.detail});\n\n      case 'initial':\n        const initialsBlob = await (await fetch(e.detail)).blob();\n        return createInitials(this.endpoint, 'initial', initialsBlob) //\n          .then(newInitials => {\n            console.log('New initials', field.name, newInitials);\n            updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n          });\n\n      case 'signature':\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(newSignature => {\n            console.log('New sign', field.name, newSignature);\n            updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n          });\n\n      case 'date':\n        const iso = e.target.getAttribute('iso');\n        return this.saveFieldChange(field.name, {prepared: false, value: iso});\n\n      default:\n        console.log('Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n        return !!field.settings?.base64;\n\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n\n      case 'dropdown':\n        return !!field.settings?.value;\n\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    let nextRequiredField = requiredFields[nextFocusedIndex];\n\n    // Skip signature and initial fields that are already filled in. We have to count our \"skips\" just in case, to avoid infinite loops.\n    let skips = 0;\n    if (skips < requiredFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && nextRequiredField.settings?.result === 'signed') {\n      skips++;\n      nextFocusedIndex++;\n      if (nextFocusedIndex >= requiredFields.length) {\n        nextFocusedIndex = 0;\n      }\n      nextRequiredField = requiredFields[nextFocusedIndex];\n    }\n\n    if (skips >= requiredFields.length) {\n      nextRequiredField = null;\n    }\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    console.log('[SIGN] Page rendered, adding fields', pageInfo);\n\n    const roleIndex = getRoleIndex(EnvelopeStore.roleNames, this.recipient.role_name);\n    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);\n    recipientFields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: false, editable: false, draggable: false});\n      if (!el) {\n        return;\n      }\n\n      el.addEventListener('input', e => {\n        this.handleFieldChange(field, e).catch(() => {});\n      });\n\n      el.addEventListener('fieldChange', e => {\n        this.handleFieldChange(field, e).catch(() => {});\n      });\n\n      el.setAttribute('roleindex', roleIndex);\n      el.setAttribute('xScale', pageInfo.xScale);\n      el.setAttribute('yScale', pageInfo.yScale);\n      el.setAttribute('initials', this.recipient ? fullNameToInitials(this.recipient.full_name) : '');\n      el.setAttribute('name', this.recipient?.full_name || '');\n\n      // interact(el).draggable({\n      //   listeners: {\n      //     start(event) {\n      //       console.log('[FIELDS] Drag started', event.type, event.target);\n      //     },\n      //     move(event) {\n      //       const oldX = +(event.target.getAttribute('posX') || 0);\n      //       const oldY = +(event.target.getAttribute('posY') || 0);\n      //       const xScale = +(event.target.getAttribute('xScale') || 1);\n      //       const yScale = +(event.target.getAttribute('yScale') || 1);\n      //       const newX = event.dx / xScale + oldX;\n      //       const newY = event.dy / yScale + oldY;\n      //       event.target.setAttribute('posX', newX);\n      //       event.target.setAttribute('posy', newY);\n      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n      //     },\n      //     end(event) {\n      //       console.log('[FIELDS] Drag ended', event);\n      //       // event.target.setAttribute('posX', 0);\n      //       // event.target.setAttribute('posy', 0);\n      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n      //     },\n      //   },\n      // });\n    });\n\n    EnvelopeStore.envelope.recipients\n      .filter(recipient => recipient.role_name !== this.recipient.role_name)\n      .map(otherRecipient => {\n        const otherRoleIndex = getRoleIndex(EnvelopeStore.roleNames, otherRecipient.role_name);\n        console.log('Rendering fields for other recipient', otherRoleIndex, otherRecipient);\n        const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);\n        // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n        console.log('[SIGN] Fields on page', recipientFields);\n        recipientFields.forEach(field => {\n          const el = renderDocumentField(field, pageInfo, otherRoleIndex, {disabled: true, editable: false, draggable: false});\n          if (!el) {\n            return;\n          }\n\n          el.setAttribute('roleindex', otherRoleIndex);\n          el.setAttribute('xScale', pageInfo.xScale);\n          el.setAttribute('yScale', pageInfo.yScale);\n        });\n      });\n  }\n\n  render() {\n    if (EnvelopeStore.loading || !EnvelopeStore.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    const menuOptions = [\n      {id: 'later', label: 'Finish Later'}, //\n      {id: 'claim', label: 'Claim the Document', disabled: true},\n      {id: 'decline', label: 'Decline to Sign'},\n      {id: 'print', label: 'Print Without Signing', disabled: true},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{agreed: this.recipient?.agreed}}>\n        {!this.finishLater && (\n          <div class=\"intro\">\n            <div class=\"inner\">Please review and act on these documents.</div>\n          </div>\n        )}\n\n        <div class=\"header\">\n          <div class=\"inner\">\n            {!this.finishLater && (\n              <div class=\"toolbar\">\n                <div class=\"tools\">\n                  <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n                  {!this.recipient?.agreed ? (\n                    <div class=\"agree\">\n                      <verdocs-checkbox name=\"agree\" label=\"I agree to use electronic records and signatures.\" onInput={() => this.handleClickAgree()} />\n                    </div>\n                  ) : (\n                    <div style={{flex: '1'}} />\n                  )}\n                  <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          {(EnvelopeStore.envelope.documents || []).map(envelopeDocument => {\n            const pages = [...(envelopeDocument?.pages || [])];\n            pages.sort((a, b) => a.sequence - b.sequence);\n            console.log('p', envelopeDocument, pages);\n\n            return (\n              <Fragment>\n                {pages.map(page => (\n                  <verdocs-document-page\n                    pageImageUri={page.display_uri}\n                    virtualWidth={612}\n                    virtualHeight={792}\n                    pageNumber={page.sequence}\n                    onPageRendered={e => this.handlePageRendered(e)}\n                    layers={[\n                      {name: 'page', type: 'canvas'},\n                      {name: 'controls', type: 'div'},\n                    ]}\n                  />\n                ))}\n              </Fragment>\n            );\n          })}\n        </div>\n\n        {this.showFinishLater && (\n          <verdocs-ok-dialog\n            heading=\"You've saved your document to finish later.\"\n            message=\"To complete the document, use the link in the original email notification inviting you to review and finish the document.\"\n            onNext={() => (this.showFinishLater = false)}\n          />\n        )}\n\n        {this.errorMessage && <verdocs-ok-dialog heading=\"Network Error\" message={this.errorMessage} onNext={() => (this.errorMessage = '')} />}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-4a332358.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js","./p-05eb4fed.system.js","./p-5a323cf3.system.js"],(function(e){"use strict";var o,t,i,r,a,d;return{setters:[function(e){o=e.r;t=e.c;i=e.h;r=e.H},function(e){a=e.g},function(e){d=e.g}],execute:function(){var n='verdocs-field-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button input[type=radio]+label:before{content:"";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var s=e("verdocs_field_radio_button",function(){function e(e){o(this,e);this.fieldChange=t(this,"fieldChange",7);this.field=null;this.option=0;this.disabled=false;this.roleindex=0}e.prototype.handleChange=function(e){console.log("changed",e);this.fieldChange.emit({option:this.option,value:e.target.checked})};e.prototype.render=function(){var e=this;var o,t;var n=d(this.field);var s=(t=(o=this.disabled)!==null&&o!==void 0?o:n.disabled)!==null&&t!==void 0?t:false;var l=this.field["rgba"]||a(this.roleindex);return i(r,{class:{required:n.required,disabled:s},style:{backgroundColor:l}},i("input",{type:"radio",tabIndex:n.order,value:n.value,name:n.name,id:"".concat(n.name,"=").concat(n.value),checked:n.checked,disabled:s,required:n.required,onChange:function(o){return e.handleChange(o)}}),i("label",{htmlFor:"".concat(n.name,"=").concat(n.value)}))};return e}());s.style=n}}}));
-//# sourceMappingURL=p-4a332358.system.entry.js.map

package/dist/verdocs-web-sdk/p-4a332358.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.scss?tag=verdocs-field-radio-button","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx"],"names":["verdocsFieldRadioButtonCss","VerdocsFieldRadioButton","exports","class_1","prototype","handleChange","e","console","log","this","fieldChange","emit","option","value","target","checked","render","_this","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","type","tabIndex","order","name","id","concat","onChange","htmlFor"],"mappings":"sPAAA,IAAMA,EAA6B,q+CCctBC,EAAuBC,EAAA,6BAAA,uFAIsB,iBAK/B,gBAKI,qBAKA,EAS7BC,EAAAC,UAAAC,aAAA,SAAaC,GACXC,QAAQC,IAAI,UAAWF,GACvBG,KAAKC,YAAYC,KAAK,CAACC,OAAQH,KAAKG,OAAQC,MAAOP,EAAEQ,OAAOC,WAG9DZ,EAAAC,UAAAY,OAAA,WAAA,IAAAC,EAAAR,aACE,IAAMS,EAAWC,EAAiBV,KAAKW,OACvC,IAAMC,GAAWC,GAAAC,EAAAd,KAAKY,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAME,EAAkBf,KAAKW,MAAM,SAAWK,EAAQhB,KAAKiB,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUZ,EAASY,SAAUT,SAAQA,GAAGU,MAAO,CAACP,gBAAeA,IAC3EG,EAAA,QAAA,CACEK,KAAK,QACLC,SAAUf,EAASgB,MACnBrB,MAAOK,EAASL,MAChBsB,KAAMjB,EAASiB,KACfC,GAAI,GAAAC,OAAGnB,EAASiB,KAAI,KAAAE,OAAInB,EAASL,OACjCE,QAASG,EAASH,QAClBM,SAAUA,EACVS,SAAUZ,EAASY,SACnBQ,SAAU,SAAAhC,GAAK,OAAAW,EAAKZ,aAAaC,MAEnCqB,EAAA,QAAA,CAAOY,QAAS,GAAAF,OAAGnB,EAASiB,KAAI,KAAAE,OAAInB,EAASL,oBAnDjB","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-field-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 14px;\n  height: 14px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        //background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio-button',\n  styleUrl: 'verdocs-field-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadioButton {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    console.log('changed', e);\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        <input\n          type=\"radio\"\n          tabIndex={settings.order}\n          value={settings.value}\n          name={settings.name}\n          id={`${settings.name}=${settings.value}`}\n          checked={settings.checked}\n          disabled={disabled}\n          required={settings.required}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`${settings.name}=${settings.value}`} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-5a323cf3.system.js

@@ -1,2 +0,0 @@
-var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var n=0,a=e.length,i;n<a;n++){if(i||!(n in e)){if(!i)i=Array.prototype.slice.call(e,0,n);i[n]=e[n]}}return t.concat(i||Array.prototype.slice.call(e))};System.register([],(function(t){"use strict";return{execute:function(){function e(t,e){return t*e}var r=t("i",(function(t,e){return Array(e).fill(1).map((function(e,r){return r+t}))}));var n=t("f",(function(t){return t.split(" ").map((function(t){return t[0]})).join("")}));var a=function(t){switch(t.type){case"attachment":case"payment":return 24;case"checkbox":case"checkbox_group":case"radio_button_group":return 14;case"signature":case"initial":return 82}return 150};var i=function(t){switch(t.type){case"attachment":case"payment":return 24;case"checkbox":case"checkbox_group":case"radio_button_group":return 14;case"signature":case"initial":return 41}return 50};var c=function(t,r,n,c,o){var s,u,l,d;var f=r.setting||r.settings;var p=f.x,v=p===void 0?0:p,b=f.y,y=b===void 0?0:b,g=f.width,m=g===void 0?a(r):g,h=f.height,x=h===void 0?i(r):h;var A=o!==undefined&&f.options[o]?f.options[o]:null;if(A){v=(s=A.x)!==null&&s!==void 0?s:v;y=(u=A.y)!==null&&u!==void 0?u:y;m=(l=A.width)!==null&&l!==void 0?l:m;x=(d=A.height)!==null&&d!==void 0?d:x}t.style.width="".concat(m,"px");t.style.height="".concat(x,"px");t.style.position="absolute";t.style.left="".concat(e(n,v),"px");t.style.bottom="".concat(e(c,y),"px");t.style.transform="scale(".concat(n,", ").concat(c,")")};var o=t("b",(function(t){return"verdocs-doc-fld-".concat(t.name)}));var s=function(t,e){return"verdocs-doc-fld-".concat(t.name,"-").concat(e)};var u=t("r",(function(t,e,r,n){var a=n.disabled,i=a===void 0?false:a,u=n.editable,l=u===void 0?false:u,d=n.draggable,f=d===void 0?false:d;var p=document.getElementById(e.containerId+"-controls");if(!p){return}switch(t.type){case"attachment":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":{var v=o(t);var b=document.getElementById(v);if(b){c(b,t,e.xScale,e.yScale);return}var y=document.createElement("verdocs-field-".concat(t.type));y.field=t;y.setAttribute("id",v);y.setAttribute("roleIndex",r);if(i){y.setAttribute("disabled",true)}if(l){y.setAttribute("editable",true)}if(f){y.setAttribute("draggable",true)}c(y,t,e.xScale,e.yScale);p.appendChild(y);return y}case"checkbox_group":(t.settings||t.setting||{}).options.forEach((function(n,a){var o=s(t,a);var u=document.getElementById(o);if(u){c(u,t,e.xScale,e.yScale);return}var l=document.createElement("verdocs-field-checkbox");l.field=t;l.setAttribute("id",o);l.setAttribute("roleIndex",r);l.setAttribute("option",a);if(i){l.setAttribute("disabled",true)}c(l,t,e.xScale,e.yScale,a);p.appendChild(l);return l}));break;case"radio_button_group":(t.settings||t.setting||{}).options.forEach((function(n,a){var o=s(t,a);var u=document.getElementById(o);if(u){c(u,t,e.xScale,e.yScale);return}var l=document.createElement("verdocs-field-radio-button");l.field=t;l.setAttribute("id",o);l.setAttribute("roleIndex",r);l.setAttribute("option",a);if(i){l.setAttribute("disabled",true)}c(l,t,e.xScale,e.yScale,a);p.appendChild(l);return l}));break;default:console.log("[PREVIEW] Skipping unsupported field type",t);return null}}));var l=t("a",(function(t,e){return t.indexOf(e)||0}));var d=t("g",(function(t){if(t.setting){return t.setting}if(t.settings){return t.settings}return{x:0,y:0,required:false,disabled:false,result:"",value:""}}));var f=t("u",(function(t,e,r){var n=t.style.transform;var a=__spreadArray([],n.matchAll(/(\w+)\(([^)]*)\)/gi),true);t.style.transform=[a.filter((function(t){return t[1]!==e})).map((function(t){return t[0]})),"".concat(e,"(").concat(r,")")].join(" ")}))}}}));
-//# sourceMappingURL=p-5a323cf3.system.js.map

package/dist/verdocs-web-sdk/p-5a323cf3.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Utils/Fields.js","src/utils/utils.ts"],"names":["rescale","r","n","integerSequence","exports","start","count","Array","fill","map","_","index","fullNameToInitials","name","split","word","join","defaultWidth","field","type","defaultHeight","setControlStyles","el","xScale","yScale","option","settings","setting","_e","x","_f","y","_g","width","_h","height","optionSettings","undefined","options","_a","_b","_c","_d","style","concat","position","left","bottom","transform","getFieldId","getFieldOptionId","renderDocumentField","docPage","roleIndex","fieldOptions","disabled","editable","draggable","controlsDiv","document","getElementById","containerId","id","existingField","createElement","setAttribute","appendChild","forEach","checkboxIndex","cbEl","buttonIndex","console","log","getRoleIndex","roles","role","indexOf","getFieldSettings","required","result","value","updateCssTransform","key","currentTransform","components","__spreadArray","matchAll","filter","component"],"mappings":"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","sourcesContent":["export function getRTop(y, fieldHeight, iTextHeight, yRatio) {\n    return iTextHeight - (y + fieldHeight) * yRatio;\n}\nexport function getRLeft(x, ratio) {\n    return x * ratio;\n}\nexport function getRValue(y, ratio) {\n    return y * ratio;\n}\nexport function blobToBase64(image) {\n    var fileReader = new FileReader();\n    return new Promise(function (resolve, reject) {\n        fileReader.onerror = function () {\n            reject(new DOMException('Problem reading blob.'));\n        };\n        fileReader.onload = function () {\n            resolve(fileReader.result);\n        };\n        fileReader.readAsDataURL(image);\n    });\n}\nexport function rescale(r, n) {\n    return r * n;\n}\n","// These should probably all move to JS-SDK\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\n// import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {IDocumentPageInfo} from './Types';\n\nexport const integerSequence = (start: number, count: number): number[] =>\n  Array(count)\n    .fill(1)\n    .map((_, index) => index + start);\n\nexport const fullNameToInitials = (name: string) =>\n  name\n    .split(' ')\n    .map(word => word[0])\n    .join('');\n\nexport const defaultWidth = (field: ITemplateField | IDocumentField) => {\n  switch (field.type) {\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'checkbox':\n    case 'checkbox_group':\n    case 'radio_button_group':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 82;\n  }\n\n  return 150;\n};\n\nexport const defaultHeight = (field: ITemplateField | IDocumentField) => {\n  switch (field.type) {\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'checkbox':\n    case 'checkbox_group':\n    case 'radio_button_group':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 41;\n  }\n\n  return 50;\n};\n\nexport const setControlStyles = (el: HTMLElement, field: ITemplateField | IDocumentField, xScale: number, yScale: number, option?: number) => {\n  const settings = (field as ITemplateField).setting || (field as IDocumentField).settings;\n  let {x = 0, y = 0, width = defaultWidth(field), height = defaultHeight(field)} = settings;\n\n  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;\n  if (optionSettings) {\n    x = optionSettings.x ?? x;\n    y = optionSettings.y ?? y;\n    width = optionSettings.width ?? width;\n    height = optionSettings.height ?? height;\n  }\n\n  el.style.width = `${width}px`;\n  el.style.height = `${height}px`;\n  el.style.position = 'absolute';\n  el.style.left = `${rescale(xScale, x)}px`;\n  el.style.bottom = `${rescale(yScale, y)}px`;\n  el.style.transform = `scale(${xScale}, ${yScale})`;\n  // el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);\n};\n\nexport const getFieldId = (field: ITemplateField | IDocumentField) => {\n  return `verdocs-doc-fld-${field.name}`;\n};\n\nexport const getFieldOptionId = (field: ITemplateField | IDocumentField, index: number) => {\n  return `verdocs-doc-fld-${field.name}-${index}`;\n};\n\ninterface IFieldOptions {\n  disabled?: boolean;\n  editable?: boolean;\n  draggable?: boolean;\n}\n\nexport const renderDocumentField = (field: ITemplateField | IDocumentField, docPage: IDocumentPageInfo, roleIndex: number, fieldOptions: IFieldOptions) => {\n  const {disabled = false, editable = false, draggable = false} = fieldOptions;\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    return;\n  }\n\n  switch (field.type) {\n    case 'attachment':\n    case 'date':\n    case 'dropdown':\n    case 'initial':\n    case 'payment':\n    case 'signature':\n    case 'timestamp':\n    case 'textarea':\n    case 'textbox': {\n      const id = getFieldId(field);\n      const existingField = document.getElementById(id);\n      if (existingField) {\n        setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n        return;\n      }\n\n      const el: any = document.createElement(`verdocs-field-${field.type}`);\n      el.field = field;\n      el.setAttribute('id', id);\n      el.setAttribute('roleIndex', roleIndex);\n      if (disabled) {\n        el.setAttribute('disabled', true);\n      }\n      if (editable) {\n        el.setAttribute('editable', true);\n      }\n      if (draggable) {\n        el.setAttribute('draggable', true);\n      }\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n\n      return el;\n    }\n\n    case 'checkbox_group':\n      ((field as any).settings || (field as any).setting || {}).options.forEach((_, checkboxIndex) => {\n        const id = getFieldOptionId(field, checkboxIndex);\n        const existingField = document.getElementById(id);\n        if (existingField) {\n          setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n          return;\n        }\n\n        const cbEl: any = document.createElement(`verdocs-field-checkbox`);\n        cbEl.field = field;\n        cbEl.setAttribute('id', id);\n        cbEl.setAttribute('roleIndex', roleIndex);\n        cbEl.setAttribute('option', checkboxIndex);\n        if (disabled) {\n          cbEl.setAttribute('disabled', true);\n        }\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, checkboxIndex);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n      break;\n\n    case 'radio_button_group':\n      ((field as any).settings || (field as any).setting || {}).options.forEach((_, buttonIndex) => {\n        const id = getFieldOptionId(field, buttonIndex);\n        const existingField = document.getElementById(id);\n        if (existingField) {\n          setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n          return;\n        }\n\n        const cbEl: any = document.createElement(`verdocs-field-radio-button`);\n        cbEl.field = field;\n        cbEl.setAttribute('id', id);\n        cbEl.setAttribute('roleIndex', roleIndex);\n        cbEl.setAttribute('option', buttonIndex);\n        if (disabled) {\n          cbEl.setAttribute('disabled', true);\n        }\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, buttonIndex);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n      break;\n\n    // case 'attachment':\n    //   el = document.createElement('verdocs-field-attachment');\n    //   el.setAttribute('value', result || '');\n    //   break;\n    // case 'payment':\n    //   el = document.createElement('verdocs-field-payment');\n    //   break;\n    default:\n      console.log('[PREVIEW] Skipping unsupported field type', field);\n      return null;\n  }\n};\n\nexport const getRoleIndex = (roles: string[], role: string) => roles.indexOf(role) || 0;\n\n// TODO: We can clean this up a lot if we alter the API to emit both setting and settings regardless of the source type,\n//   but then merge the SDK types to encourage developers to use just `settings`.\nexport const getFieldSettings = (field: ITemplateField | IDocumentField) => {\n  if ((field as ITemplateField).setting) {\n    return (field as ITemplateField).setting;\n  }\n\n  if ((field as IDocumentField).settings) {\n    return (field as IDocumentField).settings;\n  }\n\n  return {x: 0, y: 0, required: false, disabled: false, result: '', value: ''};\n};\n\n/**\n * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of\n * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the\n * specified component if it's already set and replace it with the new value, without touching the other components that\n * may already be set. Note that this operation moves the component to the end of the transform chain so it's not meant\n * to be used for order-sensitive components e.g. translate-then-rotate.\n */\nexport const updateCssTransform = (el: HTMLElement, key: string, value: string) => {\n  // e.g. 'scale(1.87908, 1.87908) translate(0px, 0px);'\n  const currentTransform = el.style.transform;\n  // e.g. ['scale(1.87908, 1.87908)', 'scale', '1.87908, 1.87908', ...], [ 'translate(0px, 0px)', 'translate', '0px, 0px']]\n  const components = [...currentTransform.matchAll(/(\\w+)\\(([^)]*)\\)/gi)];\n  el.style.transform = [\n    components //\n      .filter(component => component[1] !== key) // Remove the entry if it's already set\n      .map(component => component[0]), // Convert back the remaining entries\n    `${key}(${value})`,\n  ].join(' ');\n};\n"]}

package/dist/verdocs-web-sdk/p-76fd7afd.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as s,H as i}from"./p-ff1278ed.js";import"./p-8efc9749.js";import{V as r}from"./p-becd8d7e.js";import{r as a,a as n}from"./p-e6f928eb.js";import{s as t}from"./p-d1f922c2.js";import{l}from"./p-e920fbe1.js";import{S as d}from"./p-7a1b2643.js";import"./p-5ea05a1d.js";import"./p-c2cc4492.js";const p='verdocs-preview{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}';const c=class{constructor(s){e(this,s);this.sdkError=o(this,"sdkError",7);this.endpoint=r.getDefault();this.templateId=null}async componentDidLoad(){var e,o,s;this.endpoint.loadSession();if(!this.templateId){console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);return}try{console.log(`[PREVIEW] Loading template ${this.templateId}`);await l(this.endpoint,this.templateId)}catch(i){console.log("[PREVIEW] Error loading template",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new d(i.message,(o=i.response)===null||o===void 0?void 0:o.status,(s=i.response)===null||s===void 0?void 0:s.data))}}async handleFieldChange(e,o,s){console.log("[PREVIEW] handleFieldChange",e,o,s)}handlePageRendered(e){const o=e.detail;console.log("[PREVIEW] Page rendered",o);const s=t.fields.filter((e=>e.page_sequence===o.pageNumber));console.log("[PREVIEW] Fields on page",s);s.forEach((e=>a(e,o,n(t.roleNames,e.role_name),{disabled:true,editable:false,draggable:false})))}render(){if(t.loading||!t.template){return s(i,null,s("verdocs-loader",null))}const e=[...t.template.pages];e.sort(((e,o)=>e.sequence-o.sequence));return s(i,null,e.map((e=>{console.log("rendering page",e);return s("verdocs-document-page",{pageImageUri:e.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:e.sequence,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}};c.style=p;export{c as verdocs_preview};
-//# sourceMappingURL=p-76fd7afd.entry.js.map