@verdocs/web-sdk 1.9.14 → 1.9.15

package/dist/verdocs-web-sdk/p-f9a9b3a2.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s}from"./p-ff1278ed.js";import{g as o}from"./p-92b0fc42.js";import{g as l}from"./p-6de76553.js";const r='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 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>';const d=class{constructor(i){e(this,i);this.fieldFocus=t(this,"fieldFocus",7);this.fieldBlur=t(this,"fieldBlur",7);this.fieldChange=t(this,"fieldChange",7);this.fieldInput=t(this,"fieldInput",7);this.settingsPress=t(this,"settingsPress",7);this.field=null;this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.focused=false}async focusField(){this.focused=true;this.el.focus();this.fieldFocus.emit(true)}handleBlur(){this.focused=false;this.fieldBlur.emit(true)}handleFocus(){this.focused=true;this.fieldFocus.emit(true)}handleChange(e){this.fieldChange.emit(e.target.value)}handleInput(e){this.fieldInput.emit(e.target.value)}render(){var e,t,r,d;const a=o(this.field);const c=(t=(e=this.disabled)!==null&&e!==void 0?e:a.disabled)!==null&&t!==void 0?t:false;const h=this.field["rgba"]||l(this.roleindex);return i(s,{class:{focused:this.focused,required:(r=this.field)===null||r===void 0?void 0:r.required,disabled:c},style:{backgroundColor:h}},i("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:c,required:(d=this.field)===null||d===void 0?void 0:d.required,ref:e=>this.el=e,onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus(),onChange:e=>this.handleChange(e),onInput:e=>this.handleInput(e)}),this.editable&&i("verdocs-button-panel",{icon:n},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:e=>console.log("ipt",e)}),i("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:e=>console.log("ipt",e)}))))}};d.style=r;export{d as verdocs_field_timestamp};
-//# sourceMappingURL=p-f9a9b3a2.entry.js.map

package/dist/verdocs-web-sdk/p-f9a9b3a2.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","focused","el","focus","fieldFocus","emit","fieldBlur","e","fieldChange","target","value","fieldInput","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","Date","toLocaleDateString","_d","ref","onBlur","handleBlur","onFocus","handleFocus","onChange","handleChange","onInput","handleInput","editable","icon","label","options","console","log"],"mappings":"iIAAA,MAAMA,EAA2B,4tCCMjC,MAAMC,EACJ,+rCAUWC,EAAqB,mPAMwB,4CAU3B,oBAMA,oBAKA,qBAKA,eA6BV,MAETC,mBACRC,KAAKC,QAAU,KACfD,KAAKE,GAAGC,QACRH,KAAKI,WAAWC,KAAK,MAGvBN,aACEC,KAAKC,QAAU,MACfD,KAAKM,UAAUD,KAAK,MAGtBN,cACEC,KAAKC,QAAU,KACfD,KAAKI,WAAWC,KAAK,MAGvBN,aAAaQ,GACXP,KAAKQ,YAAYH,KAAKE,EAAEE,OAAOC,OAGjCX,YAAYQ,GACVP,KAAKW,WAAWN,KAAKE,EAAEE,OAAOC,OAGhCX,qBACE,MAAMa,EAAWC,EAAiBb,KAAKc,OACvC,MAAMC,GAAWC,GAAAC,EAAAjB,KAAKe,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,MAAME,EAAkBlB,KAAKc,MAAM,SAAWK,EAAQnB,KAAKoB,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACtB,QAASD,KAAKC,QAASuB,UAAUC,EAAAzB,KAAKc,SAAK,MAAAW,SAAA,OAAA,EAAAA,EAAED,SAAUT,SAAAA,GAAWW,MAAO,CAACR,gBAAAA,IACtFG,EAAA,QAAA,CACEM,KAAK,OACLC,YAAahB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUgB,YACvBC,SAAUjB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUkB,MACpBpB,OAAOE,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUF,SAAS,IAAIqB,MAAOC,qBACrCjB,SAAUA,EACVS,UAAUS,EAAAjC,KAAKc,SAAK,MAAAmB,SAAA,OAAA,EAAAA,EAAET,SACtBU,IAAKhC,GAAOF,KAAKE,GAAKA,EACtBiC,OAAQ,IAAMnC,KAAKoC,aACnBC,QAAS,IAAMrC,KAAKsC,cACpBC,SAAUhC,GAAKP,KAAKwC,aAAajC,GACjCkC,QAASlC,GAAKP,KAAK0C,YAAYnC,KAGhCP,KAAK2C,UACJtB,EAAA,uBAAA,CAAsBuB,KAAM/C,GAC1BwB,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEwB,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAASnC,MAAO,SACxB,CAACmC,MAAO,SAAUnC,MAAO,aAI7BW,EAAA,qBAAA,CAAoBwB,MAAM,aAAanC,MAAM,GAAGkB,YAAY,uBAAuBa,QAASlC,GAAKwC,QAAQC,IAAI,MAAOzC,KACpHc,EAAA,qBAAA,CAAoBwB,MAAM,cAAcnC,MAAM,GAAGkB,YAAY,sBAAsBa,QAASlC,GAAKwC,QAAQC,IAAI,MAAOzC","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, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, 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   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\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 fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\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}) fieldInput: 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  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  handleInput(e: any) {\n    this.fieldInput.emit(e.target.value);\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={{focused: this.focused, 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          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n          onChange={e => this.handleChange(e)}\n          onInput={e => this.handleInput(e)}\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-fc93f2f3.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as o,F as t,H as n}from"./p-ff1278ed.js";import{g as s,a as r,b as l,u as a}from"./p-c5a43bb3.js";import"./p-8efc9749.js";import{a as d,i as c}from"./p-e662f81b.js";import{g as u}from"./p-6de76553.js";import{s as h,r as p,a as f,b as v,c as x}from"./p-92b0fc42.js";import{V as g}from"./p-becd8d7e.js";import{s as b}from"./p-cb7d9ff5.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,o=1,t=arguments.length;o<t;o++){i=arguments[o];for(var n in i)if(Object.prototype.hasOwnProperty.call(i,n))e[n]=i[n]}return e};return w.apply(this,arguments)};var k=undefined&&undefined.__awaiter||function(e,i,o,t){function n(e){return e instanceof o?e:new o((function(i){i(e)}))}return new(o||(o=Promise))((function(o,s){function r(e){try{a(t.next(e))}catch(e){s(e)}}function l(e){try{a(t["throw"](e))}catch(e){s(e)}}function a(e){e.done?o(e.value):n(e.value).then(r,l)}a((t=t.apply(e,i||[])).next())}))};var y=undefined&&undefined.__generator||function(e,i){var o={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},t,n,s,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(e){return function(i){return a([e,i])}}function a(r){if(t)throw new TypeError("Generator is already executing.");while(o)try{if(t=1,n&&(s=r[0]&2?n["return"]:r[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,r[1])).done)return s;if(n=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:o.label++;return{value:r[1],done:false};case 5:o.label++;n=r[1];r=[0];continue;case 7:r=o.ops.pop();o.trys.pop();continue;default:if(!(s=o.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){o=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){o.label=r[1];break}if(r[0]===6&&o.label<s[1]){o.label=s[1];s=r;break}if(s&&o.label<s[2]){o.label=s[2];o.ops.push(r);break}if(s[2])o.ops.pop();o.trys.pop();continue}r=i.call(e,o)}catch(e){r=[6,e];n=0}finally{t=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var S=function(e,i,o,t,n){return k(void 0,void 0,void 0,(function(){return y(this,(function(s){return[2,e.api.put("/envelopes/".concat(i,"/recipients/").concat(o),w({role_name:o,action:t},n||{})).then((function(e){return e.data}))]}))}))};const I='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;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-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;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree .agree-checkbox{background:#ccc;-ms-flex:0 0 20px;flex:0 0 20px;display:-ms-flexbox;display:flex;width:20px;height:20px;border-radius:3px;position:relative;margin:0 10px 0 14px}verdocs-sign .agree .agree-checkbox input[type=checkbox]:checked+label:after{filter:alpha(opacity=100);opacity:1}verdocs-sign .agree .agree-checkbox label{left:2px;top:2px;width:16px;height:16px;cursor:pointer;position:absolute;background:#33354c;-webkit-box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8);box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8)}verdocs-sign .agree .agree-checkbox label .agree-checkbox label:hover::after{filter:alpha(opacity=30);opacity:0.3}verdocs-sign .agree .agree-checkbox label:after{top:2px;left:3px;width:8px;opacity:0;height:5px;content:"";position:absolute;background:transparent;filter:alpha(opacity=0);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:2px solid #fcfff4;border-top:none;border-right:none}';const j=class{constructor(o){e(this,o);this.sdkError=i(this,"sdkError",7);this.fieldUpdated=i(this,"fieldUpdated",7);this.endpoint=null;this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.recipient=null;this.signerToken=null;this.recipientIndex=-1;this.envelope=null;this.fields=[];this.hasSignature=false;this.nextButtonLabel="Start";this.focusedField=""}async componentDidLoad(){var e,i,o,t,n,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){(o=this.sdkError)===null||o===void 0?void 0:o.emit(new m("[SIGN] Missing required inviteCode",500,""));return}try{this.endpoint=new g({sessionType:"signing"});console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);const{session:e,recipient:i,signerToken:o}=await s(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=o;this.endpoint.setToken(o);if(this.recipient.agreed){this.nextButtonLabel="Next"}const t=await r(this.endpoint,this.envelopeId);this.envelope=t;console.log("[SIGN] Loaded envelope",t);this.recipientIndex=this.envelope.recipients.findIndex((e=>e.role_name==this.roleId));if(this.recipientIndex>-1){console.log("Found recipient",this.envelope.recipients[this.recipientIndex])}this.fields=this.envelope.fields.filter((e=>e.recipient_role===this.roleId));console.log("Loaded fields",this.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,(n=e.response)===null||n===void 0?void 0:n.status,(l=e.response)===null||l===void 0?void 0:l.data))}}handleClickAgree(){console.log("agree clicked");S(this.endpoint,this.envelopeId,this.roleId,"update",{agreed:true}).then((e=>{console.log("update result",e);this.nextButtonLabel="Next";this.recipient=e})).catch((e=>{var i,o,t;console.log("update failure",e);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new m(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(t=e.response)===null||t===void 0?void 0:t.data))}))}async savePDF(){const e=`${this.envelope.name} - ${this.envelope.updated_at.split("T")[0]}.pdf`;const i=await l(this.endpoint,this.envelopeId,this.envelope.envelope_document_id);let o=new XMLHttpRequest;o.responseType="blob";o.onload=function(){let i=document.createElement("a");i.href=window.URL.createObjectURL(o.response);i.download=e;i.style.display="none";document.body.appendChild(i);i.click();i.remove()};const t=`data:application/pdf;base64,${i}`;console.log("url",t.length,t);o.open("GET",`data:application/pdf;base64,${i}`);o.send()}async handleOptionSelected(e){switch(e.detail.id){case"later":if(!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"])){window.alert("User intends to sign later.")}break;case"claim":break;case"decline":break;case"print":break;case"download":this.savePDF().catch((()=>{}));break}}async handleFieldChange(e,i,o){console.log("fieldChange",e,i);switch(e.type){case"textbox":a(this.endpoint,this.envelopeId,e.name,{prepared:false,value:i.detail}).then((e=>console.log("Update result",e))).catch((e=>{var i,o,t,n,s,r;(i=this.sdkError)===null||i===void 0?void 0:i.emit(new m(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(t=e.response)===null||t===void 0?void 0:t.data));if(((n=e.response)===null||n===void 0?void 0:n.status)===401&&((r=(s=e.response)===null||s===void 0?void 0:s.data)===null||r===void 0?void 0:r.error)==="jwt expired"){console.log("jwt expired")}console.log("Error updating",e)}));break;case"checkbox_group":a(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:[{id:o,checked:i.detail}]}}).then((e=>console.log("Update result",e))).catch((e=>{var i,o,t;(i=this.sdkError)===null||i===void 0?void 0:i.emit(new m(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(t=e.response)===null||t===void 0?void 0:t.data));console.log("Error updating",e)}));break;case"radio_button_group":const t=e.settings.options.map((e=>({id:e.id,selected:o===e.id})));a(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:t}}).then((e=>console.log("Update result",e))).catch((e=>{var i,o,t;(i=this.sdkError)===null||i===void 0?void 0:i.emit(new m(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(t=e.response)===null||t===void 0?void 0:t.data));console.log("Error updating",e)}));break;case"dropdown":a(this.endpoint,this.envelopeId,e.name,{prepared:false,value:i.detail}).then((e=>console.log("Update result",e))).catch((e=>{var i,o,t;(i=this.sdkError)===null||i===void 0?void 0:i.emit(new m(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(t=e.response)===null||t===void 0?void 0:t.data));console.log("Error updating",e)}));break;case"initial":console.log("Got initial",i.detail);break;case"signature":console.log("Got signature",i.detail);break}}renderCheckboxGroupOption(e,i,t){const n=x(e.xScale,t.x);const s=x(e.yScale,t.y);const r={left:`${n}px`,bottom:`${s}px`,position:"absolute",transform:`scale(${e.xScale}, ${e.yScale})`,backgroundColor:u(this.recipientIndex)};return o("verdocs-field-checkbox",{style:r,field:i,onChange:e=>this.handleFieldChange(i,e,t.id)})}renderRadioGroupOption(e,i,t){const n=x(e.xScale,t.x);const s=x(e.yScale,t.y);const r={left:`${n}px`,bottom:`${s}px`,position:"absolute",transform:`scale(${e.xScale}, ${e.yScale})`,backgroundColor:u(this.recipientIndex)};return o("verdocs-field-radio-button",{style:r,field:i,onFieldChange:e=>this.handleFieldChange(i,e,t.id)})}isFieldValid(e){var i,o,t,n,s,r,l,a,u,h,p,f;switch(e.type){case"textbox":switch(((i=e.settings)===null||i===void 0?void 0:i.validator)||""){case"email":return c(((o=e.settings)===null||o===void 0?void 0:o.result)||"");case"phone":return d(((t=e.settings)===null||t===void 0?void 0:t.result)||"");default:return!!((n=e.settings)===null||n===void 0?void 0:n.result)}case"signature":case"initial":case"textarea":case"date":case"timestamp":case"attachment":return!!((s=e.settings)===null||s===void 0?void 0:s.result);case"dropdown":return!!((r=e.settings)===null||r===void 0?void 0:r.value);case"checkbox_group":const v=(((a=(l=e.settings)===null||l===void 0?void 0:l.options)===null||a===void 0?void 0:a.filter((e=>e.checked)))||[]).length;return v>=(((u=e.settings)===null||u===void 0?void 0:u.minimum_checked)||0)&&v<=(((h=e.settings)===null||h===void 0?void 0:h.maximum_checked)||999);case"radio_button_group":return(((f=(p=e.settings)===null||p===void 0?void 0:p.options)===null||f===void 0?void 0:f.filter((e=>e.selected)))||[]).length>0;default:return false}}handleNext(){const e=this.fields.filter((e=>e.required));console.log("required Fields",e);const i=e.findIndex((e=>e.name===this.focusedField));console.log("focused Index",i);let o=i+1;if(o>=e.length){o=0}const t=e[o];console.log("next required field",t);if(t){const e=v(t);const i=document.getElementById(e);console.log("focusing",e,i);i===null||i===void 0?void 0:i.focusField();this.focusedField=t.name}}renderField(e,i){const o=document.getElementById(i.containerId+"-controls");if(!o){return}const t=v(e);const n=document.getElementById(t);console.log("field",t,n);if(n){h(n,e,i.xScale,i.yScale);return}let s;switch(e.type){case"attachment":case"checkbox_group":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":s=document.createElement(`verdocs-field-${e.type}`);break;case"radio_button_group":break;default:console.log("[SIGN] Skipping unsupported field type",e)}console.log("created field",s);if(s){s.field=e;s.recipient=this.recipient;s.setAttribute("id",t);s.setAttribute("roleindex",this.recipientIndex);s.addEventListener("fieldChange",(i=>this.handleFieldChange(e,i)));h(s,e,i.xScale,i.yScale);o.appendChild(s)}}handlePageRendered(e){const i=e.detail;console.log("[SIGN] Page rendered",i);const o=b.fields.filter((e=>e.page_sequence===i.renderedPage.pageNumber));console.log("[SIGN] Fields on page",o);o.forEach((e=>{const o=p(e,i.renderedPage,f(b.roleNames,e.role_name),this.handleFieldChange,true,true,true);console.log("rendered element",o);if(!o){return}o.addEventListener("recipientChanged",(e=>{o.setAttribute("roleindex",f(b.roleNames,e.detail))}));o.setAttribute("xScale",i.renderedPage.xScale);o.setAttribute("yScale",i.renderedPage.yScale)}))}render(){var e,i,s,r,l;if(!this.envelope){return o(n,null)}const a=[{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"},{id:"download",label:"Download"}];return o(n,{class:{agreed:(e=this.recipient)===null||e===void 0?void 0:e.agreed}},o("div",{class:"intro"},o("div",{class:"inner"},"Please review and act on these documents.")),o("div",{class:"header"},o("div",{class:"inner"},o("div",{class:"toolbar"},o("div",{class:"tools"},o("verdocs-dropdown",{options:a,onOptionSelected:e=>this.handleOptionSelected(e)}),!((i=this.recipient)===null||i===void 0?void 0:i.agreed)?o("div",{class:"agree"},o("div",{class:"agree-checkbox"},o("input",{type:"checkbox",value:"None",id:"agree-checkbox-element",name:"agree",onChange:()=>this.handleClickAgree()}),o("label",{htmlFor:"agree-checkbox-element"})),o("span",null,"I agree to use electronic records and signatures.")):o("div",{style:{flex:"1"}}),o("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!((s=this.recipient)===null||s===void 0?void 0:s.agreed),onClick:()=>this.handleNext()}))))),!((r=this.recipient)===null||r===void 0?void 0:r.agreed)?o("div",{class:"cover"}):o("div",{style:{display:"none"}}),o("div",{class:"document"},o("div",{class:"inner"},(((l=this.envelope)===null||l===void 0?void 0:l.documents)||[]).map((e=>{const i=[...(e===null||e===void 0?void 0:e.pages)||[]];i.sort(((e,i)=>e.sequence-i.sequence));return o(t,null,i.map((e=>o("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"}]}))))})))))}};j.style=I;export{j as verdocs_sign};
-//# sourceMappingURL=p-fc93f2f3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.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","verdocsSignCss","VerdocsSign","[object Object]","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","VerdocsEndpoint","sessionType","console","log","session","recipient","signerToken","Envelopes.getSigningSession","email","profile_id","setToken","agreed","nextButtonLabel","envelope","Envelopes.getEnvelope","recipientIndex","recipients","findIndex","fields","filter","field","recipient_role","_d","message","_e","response","status","_f","catch","fileName","name","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","url","open","send","detail","id","alert","savePDF","optionId","type","Envelopes.updateEnvelopeField","prepared","error","options","checked","settings","map","option","selected","page","left","rescale","xScale","x","bottom","yScale","position","transform","backgroundColor","getRGBA","h","onChange","handleFieldChange","onFieldChange","validator","isValidEmail","isValidPhone","_h","_g","_j","minimum_checked","_k","maximum_checked","_m","_l","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","getFieldId","el","getElementById","focusField","docPage","controlsDiv","containerId","existingField","setControlStyles","setAttribute","addEventListener","pageInfo","TemplateStore","page_sequence","renderedPage","pageNumber","forEach","renderDocumentField","getRoleIndex","roleNames","Host","menuOptions","disabled","class","onOptionSelected","handleOptionSelected","handleClickAgree","htmlFor","flex","size","onClick","handleNext","documents","envelopeDocument","pages","sort","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","handlePageRendered","layers"],"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","@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    position: relative;\n    overflow-y: scroll;\n    align-items: center;\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    flex-direction: row;\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    .agree-checkbox {\n      background: #ccc;\n      flex: 0 0 20px;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      border-radius: 3px;\n      position: relative;\n      margin: 0 10px 0 14px;\n\n      input[type='checkbox']:checked + label:after {\n        filter: alpha(opacity=100);\n        opacity: 1;\n      }\n\n      label {\n        left: 2px;\n        top: 2px;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        position: absolute;\n        background: #33354c;\n        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.8);\n\n        .agree-checkbox label:hover::after {\n          filter: alpha(opacity=30);\n          opacity: 0.3;\n        }\n\n        &:after {\n          top: 2px;\n          left: 3px;\n          width: 8px;\n          opacity: 0;\n          height: 5px;\n          content: '';\n          position: absolute;\n          background: transparent;\n          filter: alpha(opacity=0);\n          transform: rotate(-45deg);\n          border: 2px solid #fcfff4;\n          border-top: none;\n          border-right: none;\n        }\n      }\n    }\n  }\n}\n","// import interact from 'interactjs';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Envelopes/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {IEnvelope, IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {getFieldId, getRoleIndex, renderDocumentField, setControlStyles} from '../../../utils/utils';\n// import {getFieldId, getRoleIndex, renderDocumentField, setControlStyles, updateCssTransform} from '../../../utils/utils';\nimport {IPageRenderEvent} from '../verdocs-view/verdocs-view';\nimport TemplateStore from '../../../utils/templateStore';\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() recipientIndex: number = -1;\n  @State() envelope: IEnvelope | null = null;\n  @State() fields: IDocumentField[] = [];\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() focusedField = '';\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      this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n\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      const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);\n      this.envelope = envelope;\n      console.log('[SIGN] Loaded envelope', envelope);\n\n      this.recipientIndex = this.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        console.log('Found recipient', this.envelope.recipients[this.recipientIndex]);\n      }\n\n      this.fields = this.envelope.fields.filter(field => field.recipient_role === this.roleId);\n      console.log('Loaded fields', this.fields);\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    console.log('agree clicked');\n    updateRecipientStatus(this.endpoint, this.envelopeId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        console.log('update result', 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 = `${this.envelope.name} - ${this.envelope.updated_at.split('T')[0]}.pdf`;\n    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, this.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    const url = `data:application/pdf;base64,${data}`;\n    console.log('url', url.length, url);\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.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  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    switch (field.type) {\n      case 'textbox':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'checkbox_group':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'dropdown':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n        break;\n    }\n  }\n\n  renderCheckboxGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-checkbox style={style} field={field} onChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  renderRadioGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-radio-button style={style} field={field} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\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      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n      case 'dropdown':\n        return !!field.settings?.value;\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      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  // (async () => {\n  //   await customElements.whenDefined('verdocs-field-signature');\n  //   const els = document.getElementById('verdocs-field-signature');\n  //   await els.focusField();\n  // })();\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    console.log('required Fields', requiredFields);\n\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n    console.log('focused Index', focusedIndex);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    const nextRequiredField = requiredFields[nextFocusedIndex];\n    console.log('next required field', nextRequiredField);\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      console.log('focusing', id, el);\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  renderField(field: IDocumentField, docPage: IDocumentPageInfo /*, index: number*/) {\n    const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n    if (!controlsDiv) {\n      return;\n    }\n\n    const id = getFieldId(field);\n    const existingField = document.getElementById(id);\n    console.log('field', id, existingField);\n    if (existingField) {\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n      return;\n    }\n\n    let el;\n    switch (field.type) {\n      case 'attachment':\n      case 'checkbox_group':\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        el = document.createElement(`verdocs-field-${field.type}`);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderCheckboxGroupOption(renderOnPage, field, option, index));\n      case 'radio_button_group':\n        //   el = document.createElement('verdocs-field-signature');\n        //   el.setAttribute('value', base64);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderRadioGroupOption(renderOnPage, field, option, index));\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('[SIGN] Skipping unsupported field type', field);\n    }\n    console.log('created field', el);\n\n    if (el) {\n      el.field = field;\n      el.recipient = this.recipient;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', this.recipientIndex);\n      el.addEventListener('fieldChange', e => this.handleFieldChange(field, e));\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IPageRenderEvent;\n    console.log('[SIGN] Page rendered', pageInfo);\n\n    const fields = TemplateStore.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    console.log('[SIGN] Fields on page', fields);\n    fields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(TemplateStore.roleNames, field.role_name), this.handleFieldChange, true, true, true);\n      console.log('rendered element', el);\n      // const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(this.roles, field.role_name), this.handleFieldChange, true, true, true);\n      if (!el) {\n        return;\n      }\n\n      el.addEventListener('recipientChanged', e => {\n        el.setAttribute('roleindex', getRoleIndex(TemplateStore.roleNames, e.detail));\n        // el.setAttribute('roleindex', getRoleIndex(this.roles, e.detail));\n      });\n\n      el.setAttribute('xScale', pageInfo.renderedPage.xScale);\n      el.setAttribute('yScale', pageInfo.renderedPage.yScale);\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  // handlePageRendered(e) {\n  //   const pageInfo = e.detail as IPageRenderEvent;\n  //   console.log('[SIGN] Page rendered', pageInfo);\n  //\n  //   const fields = this.fields.filter(field => field.page === pageInfo.renderedPage.pageNumber);\n  //   console.log('[SIGN] Fields on page', fields);\n  //   fields.forEach(field => this.renderField(field, pageInfo.renderedPage));\n  //   // .map((field, index) => this.renderField(field, index));\n  //   // this.pdfPageInfo = e.detail;\n  // }\n\n  render() {\n    if (!this.envelope) {\n      return <Host />;\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'},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{agreed: this.recipient?.agreed}}>\n        <div class=\"intro\">\n          <div class=\"inner\">Please review and act on these documents.</div>\n        </div>\n\n        <div class=\"header\">\n          <div class=\"inner\">\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                    <div class=\"agree-checkbox\">\n                      <input type=\"checkbox\" value=\"None\" id=\"agree-checkbox-element\" name=\"agree\" onChange={() => this.handleClickAgree()} />\n                      <label htmlFor=\"agree-checkbox-element\" />\n                    </div>\n                    <span>I agree to use electronic records and signatures.</span>\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          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          <div class=\"inner\">\n            {(this.envelope?.documents || []).map(envelopeDocument => {\n              const pages = [...(envelopeDocument?.pages || [])];\n              pages.sort((a, b) => a.sequence - b.sequence);\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        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function l(e){try{s(r.next(e))}catch(e){o(e)}}function a(e){try{s(r["throw"](e))}catch(e){o(e)}}function s(e){e.done?n(e.value):i(e.value).then(l,a)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,l;return l={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function a(e){return function(t){return s([e,t])}}function s(l){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;i=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){n.label=l[1];break}if(l[0]===6&&n.label<o[1]){n.label=o[1];o=l;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(l);break}if(o[2])n.ops.pop();n.trys.pop();continue}l=t.call(e,n)}catch(e){l=[6,e];i=0}finally{r=o=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-21ec6ff0.system.js","./p-05eb4fed.system.js"],(function(e){"use strict";var t,n,r,i,o,l;return{setters:[function(e){t=e.r;n=e.c;r=e.h;i=e.H},function(e){o=e.g},function(e){l=e.g}],execute:function(){var a='verdocs-field-textarea{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-textarea.disabled{opacity:0.5}verdocs-field-textarea textarea{-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-textarea textarea.hide{display:none}verdocs-field-textarea.required{border:1px solid #cc0000}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';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 u=e("verdocs_field_textarea",function(){function e(e){t(this,e);this.fieldFocus=n(this,"fieldFocus",7);this.fieldBlur=n(this,"fieldBlur",7);this.fieldChange=n(this,"fieldChange",7);this.fieldInput=n(this,"fieldInput",7);this.field=null;this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.focused=false}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.focused=true;this.el.focus();this.fieldFocus.emit(true);return[2]}))}))};e.prototype.handleBlur=function(){this.focused=false;this.fieldBlur.emit(true)};e.prototype.handleFocus=function(){this.focused=true;this.fieldFocus.emit(true)};e.prototype.handleChange=function(e){this.fieldChange.emit(e.target.value)};e.prototype.handleInput=function(e){this.fieldInput.emit(e.target.value)};e.prototype.render=function(){var e=this;var t,n;var a=o(this.field);var u=(n=(t=this.disabled)!==null&&t!==void 0?t:a.disabled)!==null&&n!==void 0?n:false;var d=this.field["rgba"]||l(this.roleindex);return r(i,{class:{focused:this.focused,required:a.required,disabled:u},style:{backgroundColor:d}},r("textarea",{placeholder:a.placeholder||"",tabIndex:a.order,value:a.value,disabled:u,required:a.required,ref:function(t){return e.el=t},onBlur:function(){return e.handleBlur()},onFocus:function(){return e.handleFocus()},onChange:function(t){return e.handleChange(t)},onInput:function(t){return e.handleInput(t)}}),this.editable&&r("verdocs-button-panel",{icon:s},r("h6",null,"Field Settings"),r("form",null,r("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}],onChange:function(e){console.log("select changed",e)}}),r("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(e){return console.log("ipt",e)}}),r("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(e){return console.log("ipt",e)}}))))};return e}());u.style=a}}}));
-//# sourceMappingURL=p-ff0b44f9.system.entry.js.map

package/dist/verdocs-web-sdk/p-ff0b44f9.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","focused","el","focus","fieldFocus","emit","handleBlur","fieldBlur","handleFocus","handleChange","e","fieldChange","target","value","handleInput","fieldInput","render","_this","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","placeholder","tabIndex","order","ref","onBlur","onFocus","onChange","onInput","editable","icon","label","options","console","log"],"mappings":"+qDAAA,IAAMA,EAA0B,2yBCMhC,IAAMC,EACJ,6rCAUWC,EAAoBC,EAAA,yBAAA,0MAMyB,4CAU3B,oBAMA,oBAKA,qBA2BA,eAEV,MAEHC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,QAAU,KACfD,KAAKE,GAAGC,QACRH,KAAKI,WAAWC,KAAK,uBAGvBR,EAAAC,UAAAQ,WAAA,WACEN,KAAKC,QAAU,MACfD,KAAKO,UAAUF,KAAK,OAGtBR,EAAAC,UAAAU,YAAA,WACER,KAAKC,QAAU,KACfD,KAAKI,WAAWC,KAAK,OAGvBR,EAAAC,UAAAW,aAAA,SAAaC,GACXV,KAAKW,YAAYN,KAAKK,EAAEE,OAAOC,QAGjChB,EAAAC,UAAAgB,YAAA,SAAYJ,GACVV,KAAKe,WAAWV,KAAKK,EAAEE,OAAOC,QAGhChB,EAAAC,UAAAkB,OAAA,WAAA,IAAAC,EAAAjB,aACE,IAAMkB,EAAWC,EAAiBnB,KAAKoB,OACvC,IAAMC,GAAWC,GAAAC,EAAAvB,KAAKqB,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAME,EAAkBxB,KAAKoB,MAAM,SAAWK,EAAQzB,KAAK0B,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAAC5B,QAASD,KAAKC,QAAS6B,SAAUZ,EAASY,SAAUT,SAAQA,GAAGU,MAAO,CAACP,gBAAeA,IAClGG,EAAA,WAAA,CACEK,YAAad,EAASc,aAAe,GACrCC,SAAUf,EAASgB,MACnBrB,MAAOK,EAASL,MAChBQ,SAAUA,EACVS,SAAUZ,EAASY,SACnBK,IAAK,SAAAjC,GAAE,OAAKe,EAAKf,GAAKA,GACtBkC,OAAQ,WAAM,OAAAnB,EAAKX,cACnB+B,QAAS,WAAM,OAAApB,EAAKT,eACpB8B,SAAU,SAAA5B,GAAK,OAAAO,EAAKR,aAAaC,IACjC6B,QAAS,SAAA7B,GAAK,OAAAO,EAAKH,YAAYJ,MAGhCV,KAAKwC,UACJb,EAAA,uBAAA,CAAsBc,KAAM/C,GAC1BiC,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEe,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAAS7B,MAAO,SACxB,CAAC6B,MAAO,SAAU7B,MAAO,WAE3ByB,SAAU,SAAA5B,GACRkC,QAAQC,IAAI,iBAAkBnC,MAIlCiB,EAAA,qBAAA,CAAoBe,MAAM,aAAa7B,MAAM,GAAGmB,YAAY,uBAAuBO,QAAS,SAAA7B,GAAK,OAAAkC,QAAQC,IAAI,MAAOnC,MACpHiB,EAAA,qBAAA,CAAoBe,MAAM,cAAc7B,MAAM,GAAGmB,YAAY,sBAAsBO,QAAS,SAAA7B,GAAK,OAAAkC,QAAQC,IAAI,MAAOnC,mBAtHjG","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 {Component, h, Host, Prop, Event, EventEmitter, State, Method} from '@stencil/core';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\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 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   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\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   * Event fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\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}) fieldInput: EventEmitter<string>;\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  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  handleInput(e: any) {\n    this.fieldInput.emit(e.target.value);\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={{focused: this.focused, 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          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n          onChange={e => this.handleChange(e)}\n          onInput={e => this.handleInput(e)}\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"]}