@verdocs/web-sdk 1.9.33 → 1.9.35

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-textbox/verdocs-field-textbox.scss?tag=verdocs-field-textbox","src/components/elements/verdocs-field-textbox/verdocs-field-textbox.tsx"],"names":["verdocsFieldTextboxCss","settingsIcon","VerdocsFieldTextbox","[object Object]","this","el","focus","e","_a","recipientChanged","emit","detail","settings","getFieldSettings","field","disabled","_b","backgroundColor","getRGBA","roleindex","value","result","done","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","_d","ref","editable","icon","label","TemplateStore","roleNames","options","map","role","onChange","handleChangeRecipient","onInput","stopPropagation","console","log"],"mappings":"qQAAA,MAAMA,EAAyB,m1CCO/B,MAAMC,EACJ,+rCAUWC,EAAmB,6FAM0B,mBAK3B,oBAMA,oBAKA,gBAKJ,qBAKI,EAOnBC,mBACRC,KAAKC,GAAGC,QAGVH,sBAAsBI,UACpBC,EAAAJ,KAAKK,oBAAgB,MAAAD,SAAA,OAAA,EAAAA,EAAEE,KAAKH,EAAEI,QAGhCR,qBACE,MAAMS,EAAWC,EAAiBT,KAAKU,OACvC,IAAIC,GAAWC,GAAAR,EAAAJ,KAAKW,YAAQ,MAAAP,SAAA,EAAAA,EAAII,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACrD,MAAMC,EAAkBb,KAAKU,MAAM,SAAWI,EAAQd,KAAKe,WAC3D,MAAMC,GAAQR,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUS,SAAU,GAElC,GAAIjB,KAAKkB,KAAM,CACb,OAAOC,EAACC,EAAI,CAACC,MAAO,CAACH,KAAMlB,KAAKkB,OAAQF,GAG1C,OACEG,EAACC,EAAI,CAACC,MAAO,CAACC,UAAUC,EAAAvB,KAAKU,SAAK,MAAAa,SAAA,OAAA,EAAAA,EAAED,SAAUX,SAAAA,EAAUO,KAAMlB,KAAKkB,MAAOM,MAAO,CAACX,gBAAAA,IAChFM,EAAA,QAAA,CACEM,KAAK,OACLC,YAAalB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUkB,YACvBC,SAAUnB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUoB,MACpBZ,MAAOA,EACPL,SAAUA,EACVW,UAAUO,EAAA7B,KAAKU,SAAK,MAAAmB,SAAA,OAAA,EAAAA,EAAEP,SACtBQ,IAAK7B,GAAOD,KAAKC,GAAKA,IAEvBD,KAAK+B,UACJZ,EAAA,uBAAA,CAAsBa,KAAMnC,GAC1BsB,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEc,MAAM,YACNjB,MAAOkB,EAAcC,UAAUnC,KAAKe,WACpCqB,QAASF,EAAcC,UAAUE,KAAIC,IAAI,CAAML,MAAOK,EAAMtB,MAAOsB,MACnEC,SAAUpC,GAAKH,KAAKwC,sBAAsBrC,KAG5CgB,EAAA,qBAAA,CACEc,MAAM,aACNjB,MAAM,GACNU,YAAY,uBACZe,QAAStC,IACPA,EAAEuC,kBACFC,QAAQC,IAAI,MAAOzC,MAGvBgB,EAAA,qBAAA,CACEc,MAAM,cACNjB,MAAM,GACNU,YAAY,sBACZe,QAAStC,IACPA,EAAEuC,kBACFC,QAAQC,IAAI,MAAOzC","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-textbox {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  letter-spacing: -0.3px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input {\n    width: 100%;\n    height: 100%;\n    font-size: 11px;\n    background: none;\n    font-weight: 500;\n    transform-origin: 0 0;\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &:focus {\n      outline: none;\n    }\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  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\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} from '@stencil/core';\nimport TemplateStore from '../../../utils/templateStore';\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 text input field.\n */\n@Component({\n  tag: 'verdocs-field-textbox',\n  styleUrl: 'verdocs-field-textbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTextbox {\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 is considered \"done\" and is drawn in a display-final-value state.\n   */\n  @Prop() done?: 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 if the field is configurable when the recipient has changed.\n   */\n  @Event({composed: true}) recipientChanged: EventEmitter<string>;\n\n  @Method() async focusField() {\n    this.el.focus();\n  }\n\n  handleChangeRecipient(e: any) {\n    this.recipientChanged?.emit(e.detail);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    let disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n    const value = settings?.result || '';\n\n    if (this.done) {\n      return <Host class={{done: this.done}}>{value}</Host>;\n    }\n\n    return (\n      <Host class={{required: this.field?.required, disabled, done: this.done}} style={{backgroundColor}}>\n        <input\n          type=\"text\"\n          placeholder={settings?.placeholder}\n          tabIndex={settings?.order}\n          value={value}\n          disabled={disabled}\n          required={this.field?.required}\n          ref={el => (this.el = el)}\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                value={TemplateStore.roleNames[this.roleindex]}\n                options={TemplateStore.roleNames.map(role => ({label: role, value: role}))}\n                onChange={e => this.handleChangeRecipient(e)}\n              />\n\n              <verdocs-text-input\n                label=\"Field Name\"\n                value=\"\"\n                placeholder=\"Stored field name...\"\n                onInput={e => {\n                  e.stopPropagation();\n                  console.log('ipt', e);\n                }}\n              />\n              <verdocs-text-input\n                label=\"Placeholder\"\n                value=\"\"\n                placeholder=\"Placeholder text...\"\n                onInput={e => {\n                  e.stopPropagation();\n                  console.log('ipt', e);\n                }}\n              />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/embeds/verdocs-preview/verdocs-preview.scss?tag=verdocs-preview","src/components/embeds/verdocs-preview/verdocs-preview.tsx"],"names":["verdocsPreviewCss","VerdocsPreview","exports","VerdocsEndpoint","getDefault","class_1","prototype","componentDidLoad","this","endpoint","loadSession","templateId","console","log","concat","loadTemplate","_d","sent","e_1","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","handleFieldChange","field","e","optionId","handlePageRendered","pageInfo","detail","fields","TemplateStore","filter","page_sequence","pageNumber","forEach","renderDocumentField","getRoleIndex","roleNames","role_name","disabled","editable","draggable","render","_this","loading","template","h","Host","pages","__spreadArray","sort","a","b","sequence","map","page","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers","name","type"],"mappings":"uxEAAA,IAAMA,EAAoB,wbCoBbC,EAAcC,EAAA,kBAAA,oFAIWC,EAAgBC,6BAKhB,KAS9BC,EAAAC,UAAAC,iBAAN,mIACEC,KAAKC,SAASC,cAEd,IAAKF,KAAKG,WAAY,CACpBC,QAAQC,IAAI,0CAAAC,OAA0CN,KAAKG,aAC3D,MAAA,CAAA,0CAIAC,QAAQC,IAAI,8BAAAC,OAA8BN,KAAKG,aAC/C,MAAA,CAAA,EAAMI,EAAaP,KAAKC,SAAUD,KAAKG,oBAAvCK,EAAAC,qCAEAL,QAAQC,IAAI,mCAAoCK,IAChDC,EAAAX,KAAKY,YAAQ,MAAAD,SAAA,OAAA,EAAAA,EAAEE,KAAK,IAAIC,EAASJ,EAAEK,SAASC,EAAAN,EAAEO,YAAQ,MAAAD,SAAA,OAAA,EAAAA,EAAEE,QAAQC,EAAAT,EAAEO,YAAQ,MAAAE,SAAA,OAAA,EAAAA,EAAEC,4CAI1EvB,EAAAC,UAAAuB,kBAAN,SAAwBC,EAAuBC,EAAQC,wFACrDpB,QAAQC,IAAI,8BAA+BiB,EAAOC,EAAGC,oBAGvD3B,EAAAC,UAAA2B,mBAAA,SAAmBF,GACjB,IAAMG,EAAWH,EAAEI,OACnBvB,QAAQC,IAAI,0BAA2BqB,GAEvC,IAAME,EAASC,EAAcD,OAAOE,QAAO,SAAAR,GAAS,OAAAA,EAAMS,gBAAkBL,EAASM,cACrF5B,QAAQC,IAAI,2BAA4BuB,GACxCA,EAAOK,SAAQ,SAAAX,GAAS,OAAAY,EAAoBZ,EAAOI,EAAUS,EAAaN,EAAcO,UAAWd,EAAMe,WAAY,CAACC,SAAU,KAAMC,SAAU,MAAOC,UAAW,YAGpK3C,EAAAC,UAAA2C,OAAA,WAAA,IAAAC,EAAA1C,KAEE,GAAI6B,EAAcc,UAAYd,EAAce,SAAU,CACpD,OACEC,EAACC,EAAI,KACHD,EAAA,iBAAA,OAKN,IAAME,EAAKC,cAAA,GAAOnB,EAAce,SAASG,MAAK,MAC9CA,EAAME,MAAK,SAACC,EAAGC,GAAM,OAAAD,EAAEE,SAAWD,EAAEC,YAEpC,OACEP,EAACC,EAAI,KACFC,EAAMM,KAAI,SAAAC,GACTlD,QAAQC,IAAI,iBAAkBiD,GAC9B,OACET,EAAA,wBAAA,CACEU,aAAcD,EAAKE,YACnBC,aAAc,IACdC,cAAe,IACf1B,WAAYsB,EAAKF,SACjBO,eAAgB,SAAApC,GAAK,OAAAmB,EAAKjB,mBAAmBF,IAC7CqC,OAAQ,CACN,CAACC,KAAM,OAAQC,KAAM,UACrB,CAACD,KAAM,WAAYC,KAAM,wBA1Ed","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-preview {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  padding: 15px;\n  row-gap: 15px;\n  min-height: 200px;\n  position: relative;\n  align-items: center;\n  box-sizing: border-box;\n  flex-direction: column;\n\n  div,\n  canvas {\n    box-sizing: border-box;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h} from '@stencil/core';\nimport {Event, EventEmitter, Host} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport TemplateStore from '../../../utils/templateStore';\nimport {loadTemplate} from '../../../utils/Templates';\nimport {SDKError} from '../../../utils/errors';\n\n/**\n * Display a template preview experience. This will display the template's attached\n * documents with signing fields overlaid on each page. Fields will be color-coded\n * by recipient, and will be read-only (cannot be filled, moved, or altered).\n */\n@Component({\n  tag: 'verdocs-preview',\n  styleUrl: 'verdocs-preview.scss',\n  shadow: false,\n})\nexport class VerdocsPreview {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The ID of the template to create the document from.\n   */\n  @Prop() templateId: 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  // TODO: Move to state store so we can load this one time\n  async componentDidLoad() {\n    this.endpoint.loadSession();\n\n    if (!this.templateId) {\n      console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);\n      return;\n    }\n\n    try {\n      console.log(`[PREVIEW] Loading template ${this.templateId}`);\n      await loadTemplate(this.endpoint, this.templateId);\n    } catch (e) {\n      console.log('[PREVIEW] Error loading template', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  async handleFieldChange(field: ITemplateField, e: any, optionId?: string) {\n    console.log('[PREVIEW] handleFieldChange', field, e, optionId);\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    console.log('[PREVIEW] Page rendered', pageInfo);\n\n    const fields = TemplateStore.fields.filter(field => field.page_sequence === pageInfo.pageNumber);\n    console.log('[PREVIEW] Fields on page', fields);\n    fields.forEach(field => renderDocumentField(field, pageInfo, getRoleIndex(TemplateStore.roleNames, field.role_name), {disabled: true, editable: false, draggable: false}));\n  }\n\n  render() {\n    // TODO: Render a better error\n    if (TemplateStore.loading || !TemplateStore.template) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    const pages = [...TemplateStore.template.pages];\n    pages.sort((a, b) => a.sequence - b.sequence);\n\n    return (\n      <Host>\n        {pages.map(page => {\n          console.log('rendering page', page);\n          return (\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        })}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as e,H as s}from"./p-ff1278ed.js";const n='verdocs-toggle-button{font-family:"Barlow", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';const i=class{constructor(e){t(this,e);this.toggle=o(this,"toggle",7);this.active=false;this.icon=null;this.label=null;this.size="normal";this._active=false}componentWillLoad(){this._active=this.active}handleToggle(t){var o;t.stopPropagation();const e=!this._active;this._active=e;(o=this.toggle)===null||o===void 0?void 0:o.emit({active:e})}render(){return e(s,{class:`size-${this.size}`},this.icon?e("button",{innerHTML:this.icon,class:{active:this._active},onClick:t=>this.handleToggle(t)}):e("button",{class:{active:this._active},onClick:t=>this.handleToggle(t)},this.label))}};i.style=n;export{i as verdocs_toggle_button};
-//# sourceMappingURL=p-3e76685d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"names":["verdocsToggleButtonCss","VerdocsToggleButton","[object Object]","this","_active","active","e","stopPropagation","newState","_a","toggle","emit","h","Host","class","size","icon","innerHTML","onClick","handleToggle","label"],"mappings":"yDAAA,MAAMA,EAAyB,wuBCSlBC,EAAmB,0EACb,gBAKc,gBAKC,eAKI,sBAOjB,MAEnBC,oBACEC,KAAKC,QAAUD,KAAKE,OAGtBH,aAAaI,SACXA,EAAEC,kBAEF,MAAMC,GAAYL,KAAKC,QACvBD,KAAKC,QAAUI,GACfC,EAAAN,KAAKO,UAAM,MAAAD,SAAA,OAAA,EAAAA,EAAEE,KAAK,CAACN,OAAQG,IAG7BN,SACE,OACEU,EAACC,EAAI,CAACC,MAAO,QAAQX,KAAKY,QACvBZ,KAAKa,KACJJ,EAAA,SAAA,CAAQK,UAAWd,KAAKa,KAAMF,MAAO,CAACT,OAAQF,KAAKC,SAAUc,QAASZ,GAAKH,KAAKgB,aAAab,KAE7FM,EAAA,SAAA,CAAQE,MAAO,CAACT,OAAQF,KAAKC,SAAUc,QAASZ,GAAKH,KAAKgB,aAAab,IACpEH,KAAKiB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle-button {\n  font-family: $primary-font;\n\n  button {\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-bg-1;\n    color: $verdocs-dark-blue;\n\n    svg {\n      max-width: 100%;\n      max-height: 100%;\n      fill: $verdocs-dark-blue;\n    }\n\n    &.active {\n      background: $verdocs-green;\n      color: $verdocs-grey-3;\n\n      svg {\n        fill: $verdocs-grey-3;\n      }\n    }\n\n    &:focus {\n      border: none;\n      outline: none;\n    }\n  }\n\n  &.size-normal button {\n    width: 40px;\n    height: 40px;\n    padding: 6px;\n    border-radius: 4px;\n  }\n\n  &.size-small button {\n    width: 34px;\n    height: 34px;\n    padding: 4px;\n    border-radius: 2px;\n  }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Displays a single button that can be toggled on or off by clicking it.\n */\n@Component({\n  tag: 'verdocs-toggle-button',\n  styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n  @Prop() active = false;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() icon?: string | null = null;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() label?: string | null = null;\n\n  /**\n   * How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n   */\n  @Prop() size?: 'small' | 'normal' = 'normal';\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n  @State() _active = false;\n\n  componentWillLoad() {\n    this._active = this.active;\n  }\n\n  handleToggle(e: any) {\n    e.stopPropagation();\n\n    const newState = !this._active;\n    this._active = newState;\n    this.toggle?.emit({active: newState});\n  }\n\n  render() {\n    return (\n      <Host class={`size-${this.size}`}>\n        {this.icon ? (\n          <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n        ) : (\n          <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n            {this.label}\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-4125b8e7.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.scss?tag=verdocs-initial-dialog","src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.tsx"],"names":["verdocsInitialDialogCss","VerdocsInitialDialog","exports","class_1","prototype","componentWillLoad","_this","this","enteredInitials","initials","toUpperCase","ds","FontFace","load","then","font","document","fonts","add","fontLoaded","componentDidLoad","redrawSignature","componentDidUpdate","canvasElement","canvasWidth","width","context","getContext","clearRect","height","fontSize","concat","measureText","textAlign","textBaseline","fillText","handleNameChange","e","target","value","handleCancel","stopPropagation","preventDefault","cancel","emit","handleAdopt","data","toDataURL","next","render","h","Host","onClick","class","placeholder","label","onInput","ref","el","style","display","variant"],"mappings":"0JAAA,IAAMA,EAA0B,uvDCUnBC,EAAoBC,EAAA,yBAAA,2GAMJ,mBAYL,2BAEa,aAEX,OAExBC,EAAAC,UAAAC,kBAAA,WAAA,IAAAC,EAAAC,KACEA,KAAKC,gBAAkBD,KAAKE,SAASC,cAErC,IAAMC,EAAK,IAAIC,SAAS,iBAAkB,oHAC1CD,EAAGE,OAAOC,MAAK,SAAAC,GACbC,SAASC,MAAMC,IAAIH,GACnBT,EAAKa,WAAa,SAItBhB,EAAAC,UAAAgB,iBAAA,WACEb,KAAKc,mBAGPlB,EAAAC,UAAAkB,mBAAA,WACEf,KAAKc,mBAGPlB,EAAAC,UAAAiB,gBAAA,WACE,IAAKd,KAAKgB,cAAe,CACvB,OAGF,IAAMC,EAAcjB,KAAKgB,cAAcE,MAEvC,IAAMC,EAAUnB,KAAKgB,cAAcI,WAAW,MAC9CD,EAAQE,UAAU,EAAG,EAAGrB,KAAKgB,cAAcE,MAAOlB,KAAKgB,cAAcM,QAErE,IAAIC,EAAW,IACf,EAAG,CACDA,GAAY,EACZJ,EAAQX,KAAO,GAAAgB,OAAGD,EAAQ,2BACnBJ,EAAQM,YAAYzB,KAAKC,iBAAiBiB,MAAQD,EAAc,IAEzEE,EAAQO,UAAY,SACpBP,EAAQQ,aAAe,SACvBR,EAAQX,KAAO,GAAAgB,OAAGD,EAAQ,qBAC1BJ,EAAQS,SAAS5B,KAAKC,gBAAiBD,KAAKgB,cAAcE,MAAQ,EAAGlB,KAAKgB,cAAcM,OAAS,IAGnG1B,EAAAC,UAAAgC,iBAAA,SAAiBC,GACf9B,KAAKC,gBAAkB6B,EAAEC,OAAOC,OAGlCpC,EAAAC,UAAAoC,aAAA,SAAaH,GACXA,EAAEI,kBACFJ,EAAEK,iBACFnC,KAAKoC,OAAOC,QAGdzC,EAAAC,UAAAyC,YAAA,SAAYR,GACVA,EAAEI,kBACFJ,EAAEK,iBACF,IAAMI,EAAOvC,KAAKgB,cAAcwB,UAAU,aAC1CxC,KAAKyC,KAAKJ,KAAKE,IAiKjB3C,EAAAC,UAAA6C,OAAA,WAAA,IAAA3C,EAAAC,KACE,OACE2C,EAACC,EAAI,CAACC,QAAS,SAAAf,GAAK,OAAA/B,EAAKkC,aAAaH,KACpCa,EAAA,MAAA,CAAKG,MAAM,UACTH,EAAA,MAAA,CAAKG,MAAM,WAAS,uBAEpBH,EAAA,MAAA,CAAKG,MAAM,WACTH,EAAA,qBAAA,CAAoBI,YAAY,cAAcC,MAAM,WAAWhB,MAAOhC,KAAKC,gBAAiBgD,QAAS,SAAAnB,GAAK,OAAA/B,EAAK8B,iBAAiBC,MAChIa,EAAA,MAAA,CAAKG,MAAM,YAAU,kDAWpB9C,KAAKY,WAAa+B,EAAA,SAAA,CAAQO,IAAK,SAAAC,GAAE,OAAKpD,EAAKiB,cAAgBmC,KAA+BR,EAAA,MAAA,CAAKS,MAAO,CAACC,QAAS,UAEjHV,EAAA,MAAA,CAAKG,MAAM,cAAY,iQAKvBH,EAAA,MAAA,CAAKG,MAAM,WACTH,EAAA,iBAAA,CAAgBK,MAAM,SAASM,QAAQ,UAAUT,QAAS,SAAAf,GAAK,OAAA/B,EAAKkC,aAAaH,MACjFa,EAAA,iBAAA,CAAgBK,MAAM,eAAeH,QAAS,SAAAf,GAAK,OAAA/B,EAAKuC,YAAYR,oBA3QjD","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-initial-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: #fff;\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, Host, h, Event, EventEmitter, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their initials with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-initial-dialog',\n  styleUrl: 'verdocs-initial-dialog.scss',\n})\nexport class VerdocsInitialDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() initials: string = '';\n\n  /**\n   * Event fired when the initials are adopted.\n   */\n  @Event({composed: true}) next: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredInitials: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredInitials = this.initials.toUpperCase();\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.enteredInitials).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.enteredInitials, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  handleNameChange(e: any) {\n    this.enteredInitials = 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 Initial</div>\n\n          <div class=\"content\">\n            <verdocs-text-input placeholder=\"Initials...\" label=\"Initials\" value={this.enteredInitials} onInput={e => this.handleNameChange(e)} />\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\" variant=\"outline\" onClick={e => this.handleCancel(e)} />\n              <verdocs-button label=\"Adopt & Sign\" onClick={e => this.handleAdopt(e)} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-417ee5e0.js

@@ -1,2 +0,0 @@
-import{d as e}from"./p-21603661.js";import{d as n}from"./p-aa124212.js";var t=undefined&&undefined.__awaiter||function(e,n,t,r){function o(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,i){function u(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r["throw"](e))}catch(e){i(e)}}function s(e){e.done?t(e.value):o(e.value).then(u,c)}s((r=r.apply(e,n||[])).next())}))};var r=undefined&&undefined.__generator||function(e,n){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,u;return u={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function c(e){return function(n){return s([e,n])}}function s(u){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,o&&(i=u[0]&2?o["return"]:u[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,u[1])).done)return i;if(o=0,i)u=[u[0]&2,i.value];switch(u[0]){case 0:case 1:i=u;break;case 4:t.label++;return{value:u[1],done:false};case 5:t.label++;o=u[1];u=[0];continue;case 7:u=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){t=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){t.label=u[1];break}if(u[0]===6&&t.label<i[1]){t.label=i[1];i=u;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(u);break}if(i[2])t.ops.pop();t.trys.pop();continue}u=n.call(e,t)}catch(e){u=[6,e];o=0}finally{r=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var o=function(n,o){return t(void 0,void 0,void 0,(function(){return r(this,(function(t){return[2,n.api.get("/envelopes/".concat(o.envelopeId,"/recipients/").concat(encodeURIComponent(o.roleId),"/invitation/").concat(o.inviteCode)).then((function(t){var r;var o=((r=t.headers)===null||r===void 0?void 0:r.signer_token)||"";var i=e(o);n.setToken(o);return{recipient:t.data,session:i,signerToken:o}}))]}))}))};var i=function(e,n,o){return t(void 0,void 0,void 0,(function(){return r(this,(function(t){return[2,e.api.get("/envelopes/".concat(n)+(o?"?ssr=true":"")).then((function(e){return e.data}))]}))}))};var u=function(e,n,o){return t(void 0,void 0,void 0,(function(){return r(this,(function(t){return[2,e.api.get("/envelopes/".concat(n,"/envelope_documents/").concat(o,"?file=true"),{responseType:"blob"}).then((function(e){return e.data}))]}))}))};var c=function(e,n,o,i){return t(void 0,void 0,void 0,(function(){return r(this,(function(t){return[2,e.api.put("/envelopes/".concat(n,"/fields/").concat(o),i).then((function(e){return e.data}))]}))}))};var s=function(e,n,o,i){return t(void 0,void 0,void 0,(function(){return r(this,(function(t){return[2,e.api.put("/envelopes/".concat(n,"/fields/").concat(o,"/signature/").concat(i)).then((function(e){return e.data}))]}))}))};var a=function(e,n,o,i){return t(void 0,void 0,void 0,(function(){return r(this,(function(t){return[2,e.api.put("/envelopes/".concat(n,"/fields/").concat(o,"/initial/").concat(i)).then((function(e){return e.data}))]}))}))};function d(e,n){return e*n}const f=e=>{switch(e.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};const l=e=>{switch(e.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};const v=(e,n,t,r,o)=>{var i,u,c,s;const a=n.setting||n.settings;let{x:v=0,y:p=0,width:b=f(n),height:h=l(n)}=a;const m=o!==undefined&&a.options[o]?a.options[o]:null;if(m){v=(i=m.x)!==null&&i!==void 0?i:v;p=(u=m.y)!==null&&u!==void 0?u:p;b=(c=m.width)!==null&&c!==void 0?c:b;h=(s=m.height)!==null&&s!==void 0?s:h}e.style.width=`${b}px`;e.style.height=`${h}px`;e.style.position="absolute";e.style.left=`${d(t,v)}px`;e.style.bottom=`${d(r,p)}px`;e.style.transform=`scale(${t}, ${r})`};const p=e=>`verdocs-doc-fld-${e.name}`;const b=(e,n)=>`verdocs-doc-fld-${e.name}-${n}`;const h=e=>{const n=p(e);const t=document.getElementById(n);if(t){t.field=e;t.setAttribute("id",n);t.setAttribute("disabled",true);t.setAttribute("disabled",false)}};const m=(e,n,t,r)=>{const{disabled:o=false,editable:i=false,draggable:u=false,done:c=false}=r;const s=document.getElementById(n.containerId+"-controls");if(!s){console.log("[renderDocumentField] No controls DIV found",n.containerId+"-controls",n);return}switch(e.type){case"attachment":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":{const r=p(e);const a=document.getElementById(r);if(a){v(a,e,n.xScale,n.yScale);return a}const d=document.createElement(`verdocs-field-${e.type}`);d.field=e;d.setAttribute("id",r);d.setAttribute("roleIndex",t);if(o){d.setAttribute("tabindex",-1);d.setAttribute("disabled",true)}else{d.setAttribute("tabIndex",1)}if(i){d.setAttribute("editable",true)}if(u){d.setAttribute("draggable",true)}if(c){d.setAttribute("done",true)}v(d,e,n.xScale,n.yScale);s.appendChild(d);return d}case"checkbox_group":return(e.settings||e.setting||{}).options.map(((r,i)=>{const u=b(e,i);const a=document.getElementById(u);if(a){v(a,e,n.xScale,n.yScale);return a}const d=document.createElement(`verdocs-field-checkbox`);d.field=e;d.setAttribute("id",u);d.setAttribute("roleIndex",t);d.setAttribute("option",i);if(o){d.setAttribute("disabled",true)}if(c){d.setAttribute("done",true)}v(d,e,n.xScale,n.yScale,i);s.appendChild(d);return d}));case"radio_button_group":return(e.settings||e.setting||{}).options.map(((r,i)=>{const u=b(e,i);const a=document.getElementById(u);if(a){v(a,e,n.xScale,n.yScale);return a}const d=document.createElement(`verdocs-field-radio-button`);d.field=e;d.setAttribute("id",u);d.setAttribute("roleIndex",t);d.setAttribute("option",i);if(o){d.setAttribute("disabled",true)}if(c){d.setAttribute("done",true)}v(d,e,n.xScale,n.yScale,i);s.appendChild(d);return d}));default:console.log("[PREVIEW] Skipping unsupported field type",e);return null}};const x=(e,n)=>e.indexOf(n)||0;const g=e=>{if(e.setting){return e.setting}if(e.settings){return e.settings}return{x:0,y:0,required:false,disabled:false,result:"",value:""}};const y=(e,n,t)=>{const r=e.style.transform;const o=[...r.matchAll(/(\w+)\(([^)]*)\)/gi)];e.style.transform=[o.filter((e=>e[1]!==n)).map((e=>e[0])),`${n}(${t})`].join(" ")};const w=async(e,t,r)=>{const o=`${t.name} - ${t.updated_at.split("T")[0]}.pdf`;const i=await u(e,t.id,r);n(i,o)};const $=(e,n)=>{let t=0;return function(...r){clearTimeout(t);t=setTimeout((()=>e.apply(this,r)),n)}};export{x as a,o as b,c,s as d,a as e,p as f,g,i as h,y as i,m as r,w as s,$ as t,h as u};
-//# sourceMappingURL=p-417ee5e0.js.map

package/dist/verdocs-web-sdk/p-417ee5e0.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Envelopes.js","node_modules/@verdocs/js-sdk/Utils/Fields.js","src/utils/utils.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","updateEnvelopeField","fieldName","put","updateEnvelopeFieldSignature","signatureId","updateEnvelopeFieldInitials","initialId","rescale","defaultWidth","field","type","defaultHeight","setControlStyles","el","xScale","yScale","option","settings","setting","x","width","height","optionSettings","undefined","options","_b","_c","_d","style","position","left","bottom","transform","getFieldId","name","getFieldOptionId","index","updateDocumentFieldValue","id","existingField","document","getElementById","setAttribute","renderDocumentField","docPage","roleIndex","fieldOptions","disabled","editable","draggable","controlsDiv","containerId","console","log","createElement","appendChild","map","checkboxIndex","cbEl","buttonIndex","radioEl","getRoleIndex","roles","role","indexOf","getFieldSettings","required","updateCssTransform","key","currentTransform","components","matchAll","filter","component","join","savePDF","async","envelope","fileName","updated_at","split","Envelopes.getEnvelopeFile","downloadBlob","throttle","delay","timer","args","clearTimeout","setTimeout"],"mappings":"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","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\"), { responseType: 'blob' })\n                .then(function (r) { return r.data; })];\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","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","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IEnvelope} from '@verdocs/js-sdk/Envelopes/Types';\nimport {IDocumentPageInfo} from './Types';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {downloadBlob} from '@verdocs/js-sdk/Utils/Files';\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  done?: boolean;\n}\n\nexport const updateDocumentFieldValue = (field: ITemplateField | IDocumentField) => {\n  const id = getFieldId(field);\n  const existingField = document.getElementById(id) as any;\n  if (existingField) {\n    existingField.field = field;\n    existingField.setAttribute('id', id); // We need this to trigger a re-render\n    existingField.setAttribute('disabled', true); // We need this to trigger a re-render\n    existingField.setAttribute('disabled', false); // We need this to trigger a re-render\n  }\n};\n\nexport const renderDocumentField = (field: ITemplateField | IDocumentField, docPage: IDocumentPageInfo, roleIndex: number, fieldOptions: IFieldOptions) => {\n  const {disabled = false, editable = false, draggable = false, done = false} = fieldOptions;\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);\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 existingField;\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\n      if (disabled) {\n        el.setAttribute('tabindex', -1);\n        el.setAttribute('disabled', true);\n      } else {\n        el.setAttribute('tabIndex', 1);\n      }\n\n      if (editable) {\n        el.setAttribute('editable', true);\n      }\n\n      if (draggable) {\n        el.setAttribute('draggable', true);\n      }\n\n      if (done) {\n        el.setAttribute('done', true);\n      }\n\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n\n      return el;\n    }\n\n    case 'checkbox_group':\n      return ((field as any).settings || (field as any).setting || {}).options.map((_, 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 existingField;\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        if (done) {\n          cbEl.setAttribute('done', true);\n        }\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, checkboxIndex);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n    case 'radio_button_group':\n      return ((field as any).settings || (field as any).setting || {}).options.map((_, 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 existingField;\n        }\n\n        const radioEl: any = document.createElement(`verdocs-field-radio-button`);\n        radioEl.field = field;\n        radioEl.setAttribute('id', id);\n        radioEl.setAttribute('roleIndex', roleIndex);\n        radioEl.setAttribute('option', buttonIndex);\n        if (disabled) {\n          radioEl.setAttribute('disabled', true);\n        }\n        if (done) {\n          radioEl.setAttribute('done', true);\n        }\n        setControlStyles(radioEl, field, docPage.xScale, docPage.yScale, buttonIndex);\n        controlsDiv.appendChild(radioEl);\n\n        return radioEl;\n      });\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\nexport const savePDF = async (endpoint: VerdocsEndpoint, envelope: IEnvelope, documentId: string) => {\n  const fileName = `${envelope.name} - ${envelope.updated_at.split('T')[0]}.pdf`;\n  const data = await Envelopes.getEnvelopeFile(endpoint, envelope.id, documentId);\n  downloadBlob(data, fileName);\n};\n\n/**\n * Throttle a given function by a delay value. Useful for things like resizeObserver.\n */\nexport const throttle = (f, delay) => {\n  let timer: any = 0;\n  return function (...args) {\n    clearTimeout(timer);\n    timer = setTimeout(() => f.apply(this, args), delay);\n  };\n};\n"]}

package/dist/verdocs-web-sdk/p-4363499a.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as i,h as e,H as s}from"./p-ff1278ed.js";const t='verdocs-ok-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog .background-overlay{position:absolute;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-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;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)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';const l=class{constructor(e){o(this,e);this.next=i(this,"next",7);this.cancel=i(this,"cancel",7);this.heading="";this.message="";this.showCancel=false}handleOk(){this.next.emit()}handleCancel(){this.cancel.emit()}handleDismiss(o){if(o.target.className==="background-overlay"){o.preventDefault();this.cancel.emit()}}render(){return e(s,null,e("div",{class:"background-overlay",onClick:o=>this.handleDismiss(o)},e("div",{class:"dialog"},e("div",{class:"heading"},this.heading),e("div",{class:"content"},e("div",{class:"message",innerHTML:this.message}),e("div",{class:"buttons"},this.showCancel?e("verdocs-button",{label:"CANCEL",variant:"outline",onClick:()=>this.handleCancel()}):e("div",{style:{display:"none"}}),e("verdocs-button",{label:"OK",onClick:()=>this.handleOk()}))))))}};l.style=t;export{l as verdocs_ok_dialog};
-//# sourceMappingURL=p-4363499a.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"names":["verdocsOkDialogCss","VerdocsOkDialog","[object Object]","this","next","emit","cancel","e","target","className","preventDefault","h","Host","class","onClick","handleDismiss","heading","innerHTML","message","showCancel","label","variant","handleCancel","style","display","handleOk"],"mappings":"yDAAA,MAAMA,EAAqB,6mCCWdC,EAAe,sGAIA,gBAKA,mBAMI,MAY9BC,WACEC,KAAKC,KAAKC,OAGZH,eACEC,KAAKG,OAAOD,OAIdH,cAAcK,GACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFP,KAAKG,OAAOD,QAIhBH,SACE,OACES,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,QAASP,GAAKJ,KAAKY,cAAcR,IAC/DI,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,MAAA,CAAKE,MAAM,WAAWV,KAAKa,SAC3BL,EAAA,MAAA,CAAKE,MAAM,WACTF,EAAA,MAAA,CAAKE,MAAM,UAAUI,UAAWd,KAAKe,UAErCP,EAAA,MAAA,CAAKE,MAAM,WACRV,KAAKgB,WAAaR,EAAA,iBAAA,CAAgBS,MAAM,SAASC,QAAQ,UAAUP,QAAS,IAAMX,KAAKmB,iBAAqBX,EAAA,MAAA,CAAKY,MAAO,CAACC,QAAS,UACnIb,EAAA,iBAAA,CAAgBS,MAAM,KAAKN,QAAS,IAAMX,KAAKsB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  .background-overlay {\n    position: absolute;\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\n  .dialog {\n    max-width: 50%;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    flex-direction: row;\n    padding: 8px 16px;\n    font-weight: bold;\n    color: $verdocs-grey-4;\n    background: $verdocs-grey-blue;\n  }\n\n  .content {\n    font-size: 16px;\n    background: $verdocs-grey-4;\n    padding: 20px;\n  }\n\n  .message {\n    //white-space: pre;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() showCancel: boolean = false;\n\n  /**\n   * Event fired when the user clicks the OK button.\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Event fired when the user clicks the background overlay or Cancel button.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  handleOk() {\n    this.next.emit();\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.cancel.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"content\">\n              <div class=\"message\" innerHTML={this.message} />\n\n              <div class=\"buttons\">\n                {this.showCancel ? <verdocs-button label=\"CANCEL\" variant=\"outline\" onClick={() => this.handleCancel()} /> : <div style={{display: 'none'}} />}\n                <verdocs-button label=\"OK\" onClick={() => this.handleOk()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-46e776de.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-payment/verdocs-field-payment.scss?tag=verdocs-field-payment","src/components/elements/verdocs-field-payment/verdocs-field-payment.tsx"],"names":["verdocsFieldPaymentCss","VerdocsFieldPayment","exports","this","_fields","signatureFile","initialFile","focusOrderNumber","focusFieldName","activeElement","showError","pageNum","fieldIndex","type","dialogOpened","closeAllErrors","fieldsMap","fieldsForCurrentSigner","fontSize","averageFontWidth","requiredFields","class_1","prototype","componentWillLoad","console","log","field","recipients","length","preparer","find","r","preparedMessage","concat","render","settings","getFieldSettings","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","focused","style","hide","signed","display","width","height","src","signatureUrl"],"mappings":"kUAAA,IAAMA,EAAyB,i8CCelBC,EAAmBC,EAAA,wBAAA,yIAqC9BC,KAAAC,QAAiB,GAEjBD,KAAAE,cAAqB,KACrBF,KAAAG,YAAmB,KAEnBH,KAAAI,kBAAoB,EACpBJ,KAAAK,eAAyB,GAEzBL,KAAAM,cAAgB,KAChBN,KAAAO,UAAY,CACVC,SAAU,EACVC,YAAa,EACbC,KAAM,MAERV,KAAAW,aAAe,MACfX,KAAAY,eAAiB,MACjBZ,KAAAa,UAAiB,GAGjBb,KAAAc,uBAAgC,GAGhCd,KAAAe,SAAW,GACXf,KAAAgB,iBAAmB,EACnBhB,KAAAiB,eAAwB,cAzDgC,mBAK3B,iUAaF,kBACD,uDAOM,kBAKH,EA4B7BC,EAAAC,UAAAC,kBAAA,WAIEC,QAAQC,IAAI,aAActB,KAAKuB,OAE/B,GAAIvB,KAAKwB,YAAcxB,KAAKwB,WAAWC,OAAS,EAAG,CACjD,IAAMC,EAAW1B,KAAKwB,WAAWG,MAAK,SAAAC,GAAK,OAAAA,EAAElB,OAAS,cACtDW,QAAQC,IAAI,iBAAkBI,GAC9B,GAAIA,EAAU,CACZ1B,KAAK6B,gBAAkB,eAAAC,OAAeJ,EAAS,iBAsCrDR,EAAAC,UAAAY,OAAA,mBACE,IAAMC,EAAWC,EAAiBjC,KAAKuB,OACvC,IAAMW,GAAWC,GAAAC,EAAApC,KAAKkC,YAAQ,MAAAE,SAAA,EAAAA,EAAIJ,EAASE,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvDd,QAAQC,IAAI,gBAAiBU,GAC7B,IAAMK,EAAkBrC,KAAKuB,MAAM,SAAWe,EAAQtC,KAAKuC,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,QAAS3C,KAAK2C,QAAST,SAAQA,GAAGU,MAAO,CAACP,gBAAeA,IACrEG,EAAA,SAAA,CAAQE,MAAO,CAACG,KAAM7C,KAAK8C,SAAO,KACjC9C,KAAK8C,OAASN,EAAA,MAAA,CAAKE,MAAM,UAAaF,EAAA,MAAA,CAAKI,MAAO,CAACG,QAAS,UAC7DP,EAAA,MAAA,CAAKQ,MAAM,OAAOC,OAAO,OAAOC,IAAKlD,KAAKmD,0BAzHlB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-payment {\n  font-family: $verdocs-primary-font;\n  width: 24px;\n  height: 24px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  border: 1px solid #cfa;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  button,\n  div {\n    box-sizing: border-box;\n  }\n\n  button {\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    //background-color: rgba(225, 255, 255, 0.5);\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  input {\n    float: left;\n    font-family: Arial, sans-serif;\n  }\n\n  select {\n    position: absolute;\n    font-family: Arial, sans-serif;\n    background: linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);\n    background-position: calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;\n    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;\n    background-repeat: no-repeat;\n    appearance: none;\n  }\n\n  .frame {\n    width: 100%;\n    height: 100%;\n    background-size: contain;\n    text-align: left;\n\n    img {\n      position: absolute;\n      height: auto;\n      width: 100%;\n    }\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, State} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-payment',\n  styleUrl: 'verdocs-field-payment.scss',\n  shadow: false,\n})\nexport class VerdocsFieldPayment {\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  @Prop() fields: any[];\n  @Prop() pageNum: number;\n  @Prop() roleName: string;\n  @Prop() fieldId: string;\n  @Prop() recipients: any;\n  @Prop() selectedRoleName: string;\n  @Prop() pdfPages: any[];\n  @Prop() currentSignature: string;\n  @Prop() currentSignatureId: string;\n  @Prop() currentInitial: string;\n  @Prop() currentInitialId: string;\n  @Prop() focused: boolean = false;\n  @Prop() signed: boolean = false;\n\n  @Event({composed: true}) signatureComplete: EventEmitter<string>;\n\n  @Event({composed: true}) initialComplete: EventEmitter<string>;\n\n  @State() preparedMessage: string;\n  @State() signatureUrl: 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  _fields: any[] = [];\n  // envelopeFieldsFormGroup: FormGroup;\n  signatureFile: any = null;\n  initialFile: any = null;\n  today: string;\n  focusOrderNumber = -1;\n  focusFieldName: string = '';\n  timer: any;\n  activeElement = null;\n  showError = {\n    pageNum: -1,\n    fieldIndex: -1,\n    type: null,\n  };\n  dialogOpened = false;\n  closeAllErrors = false;\n  fieldsMap: any = {};\n  mode: string;\n\n  fieldsForCurrentSigner: any[] = [];\n\n  validators;\n  fontSize = 11;\n  averageFontWidth = 5;\n  requiredFields: any[] = [];\n\n  componentWillLoad() {\n    // Load validators\n    // Load fields\n    // Get role names\n    console.log('sign field', this.field);\n\n    if (this.recipients && this.recipients.length > 0) {\n      const preparer = this.recipients.find(r => r.type === 'preparer');\n      console.log('Found preparer', preparer);\n      if (preparer) {\n        this.preparedMessage = `Prepared by ${preparer['full_name']}`;\n      }\n    }\n  }\n\n  // [tabIndex]=\"field.role !== roleName ? -1 : 1\"\n  // [ngStyle]=\"field.element_style\"\n  // [value]=\"field.value\"\n  // (click)=\"initiateSign(field)\"\n  // (blur)=\"validateChanges(field)\"\n  // [disabled]=\"field.role!==roleName\"\n  // [id]=\"field.key\"\n\n  // <button _ngcontent-app-root-c342=\"\" class=\"envelope__field\" tabindex=\"1\" ng-reflect-ng-style=\"[object Object]\"\n  // ng-reflect-ng-class=\"[object Object]\" value=\"\" id=\"signatureP5-1\"\n  // style=\"height: 100%; width: 100%; background: none; font-size: 11px; border: 1px solid rgb(204, 0, 0);\"> Signature </button>\n\n  //     bottom: 229.333\n  // px\n  // ;\n  //     left: 169.333\n  // px\n  // ;\n  //     height: 41\n  // px\n  // ;\n  //     width: 82\n  // px\n  // ;\n  //     background-color: rgba(156, 39, 176, 0.4);\n  //     transform: scale(1.33333, 1.33333);\n  // }\n  // <style>\n  // .envelope__item[_ngcontent-app-root-c342] {\n  //     position: absolute;\n  //     transform-origin: bottom left;\n  //     opacity: 1;\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    console.log('Payment field', settings);\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{focused: this.focused, disabled}} style={{backgroundColor}}>\n        <button class={{hide: this.signed}}>$</button>\n        {this.signed ? <div class=\"frame\" /> : <div style={{display: 'none'}} />}\n        <img width=\"100%\" height=\"100%\" src={this.signatureUrl} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-49bc1855.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-template-tags/verdocs-template-tags.scss?tag=verdocs-template-tags","src/components/controls/verdocs-template-tags/verdocs-template-tags.tsx"],"names":["verdocsTemplateTagsCss","VerdocsTemplateTags","exports","class_1","prototype","render","h","Host","_a","this","tags","map","tag"],"mappings":"kJAAA,IAAMA,EAAyB,0VCSlBC,EAAmBC,EAAA,wBAAA,uDAM9BC,EAAAC,UAAAC,OAAA,iBACE,OACEC,EAACC,EAAI,MACFC,EAAAC,KAAKC,QAAI,MAAAF,SAAA,OAAA,EAAAA,EAAEG,KAAI,SAAAC,GAAG,OACjBN,EAAA,OAAA,KAAOM,iBAVe","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-tags {\n  font-family: $primary-font;\n\n  span {\n    margin: 0 4px;\n    height: 28px;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 5px 12px 7px;\n    border-radius: 5px;\n    display: inline-block;\n    box-sizing: border-box;\n    text-transform: uppercase;\n    color: $label-color;\n    border: 1px solid $border-color;\n    background-color: $container-bg;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\n\n/**\n * Displays a message listing a template's tags.\n */\n@Component({\n  tag: 'verdocs-template-tags',\n  styleUrl: 'verdocs-template-tags.scss',\n})\nexport class VerdocsTemplateTags {\n  /**\n   * The tags to display\n   */\n  @Prop() tags: any[];\n\n  render() {\n    return (\n      <Host>\n        {this.tags?.map(tag => (\n          <span>{tag}</span>\n        ))}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(i.next(e))}catch(e){o(e)}}function a(e){try{l(i["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):r(e.value).then(s,a)}l((i=i.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:[]},i,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];r=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var i=0,r=t.length,o;i<r;i++){if(o||!(i in t)){if(!o)o=Array.prototype.slice.call(t,0,i);o[i]=t[i]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-97329951.system.js","./p-831ee1b6.system.js","./p-a7433630.system.js","./p-7efdefa3.system.js","./p-d50523fd.system.js","./p-7a6c829f.system.js","./p-252d594a.system.js","./p-187b20b7.system.js","./p-af2c2f79.system.js","./p-327858f0.system.js","./p-0f6da8c7.system.js","./p-9cecb5df.system.js"],(function(e){"use strict";var t,n,i,r,o,s,a,l,d,c,u,p,h,f,v,g,m,b,x,y,w;return{setters:[function(e){t=e.r;n=e.c;i=e.h;r=e.H;o=e.F},function(e){s=e.b;a=e.s;l=e.u;d=e.c;c=e.d;u=e.e;p=e.a;h=e.r;f=e.f},function(){},function(e){v=e.a;g=e.i},function(e){m=e.f},function(e){b=e.V},function(e){x=e.g;y=e.s},function(e){w=e.S},function(){},function(){},function(){},function(){}],execute:function(){var k=undefined&&undefined.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(i.next(e))}catch(e){o(e)}}function a(e){try{l(i["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):r(e.value).then(s,a)}l((i=i.apply(e,t||[])).next())}))};var I=undefined&&undefined.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];r=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var S=function(e,t,n,i){return k(void 0,void 0,void 0,(function(){return I(this,(function(r){return[2,e.api.put("/envelopes/".concat(t,"/recipients/").concat(n),i).then((function(e){return e.data}))]}))}))};var F=function(e,t,n){return S(e,t,n,{action:"submit"})};var _=function(e,t,n){return S(e,t,n,{action:"decline"})};var N=function(e,t,n,i){return S(e,t,n,{action:"update",agreed:i})};var L=function(e,t,n){var i=new FormData;i.append("signature",n,t);return e.api.post("/signatures",i).then((function(e){return e.data}))};var D=function(e,t,n){var i=new FormData;i.append("initial",n,t);return e.api.post("/initials",i).then((function(e){return e.data}))};var A='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{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign .header{color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;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 .logo{width:80px;margin:-6px 0 0 10px}verdocs-sign .header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-sign .intro{width:100%;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;color:#111111;padding:0 15px;font-size:18px;font-weight:500;line-height:28px;-ms-flex-direction:row;flex-direction:row;background:#ffffff;-ms-flex-align:center;align-items:center}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}@media print{verdocs-sign .header{display:none}}';var E=[{id:"later",label:"Finish Later"},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];var C=[{id:"print",label:"Print"},{id:"download",label:"Download"}];var G=e("verdocs_sign",function(){function e(e){t(this,e);this.sdkError=n(this,"sdkError",7);this.envelopeLoaded=n(this,"envelopeLoaded",7);this.envelopeUpdated=n(this,"envelopeUpdated",7);this.endpoint=null;this.recipientIndex=-1;this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.recipient=null;this.signerToken=null;this.hasSignature=false;this.nextButtonLabel="Start";this.nextSubmits=false;this.errorMessage="";this.focusedField="";this.isDone=false;this.showDone=false;this.finishLater=false;this.showFinishLater=false;this.agreed=false}e.prototype.componentWillLoad=function(){this.endpoint=new b({sessionType:"signing"})};e.prototype.componentDidLoad=function(){return k(this,void 0,void 0,(function(){var e,t,n,i,r,o,a,l,d,c,u,p;var h=this;return I(this,(function(f){switch(f.label){case 0:if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new w("[SIGN] Missing required envelopId",500,""));return[2]}if(!this.roleId){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new w("[SIGN] Missing required roleId",500,""));return[2]}if(!this.inviteCode){(n=this.sdkError)===null||n===void 0?void 0:n.emit(new w("[SIGN] Missing required inviteCode",500,""));return[2]}f.label=1;case 1:f.trys.push([1,4,,5]);console.log("[SIGN] Processing invite code for ".concat(this.envelopeId," / ").concat(this.roleId));return[4,s(this.endpoint,{envelopeId:this.envelopeId,roleId:this.roleId,inviteCode:this.inviteCode})];case 2:l=f.sent(),d=l.session,c=l.recipient,u=l.signerToken;console.log("[SIGN] Loaded signing session ".concat(d.email," / ").concat(d.profile_id));this.recipient=c;console.log("[SIGN] We are recipient",this.recipient);this.signerToken=u;this.endpoint.setToken(u);if(this.agreed){this.nextButtonLabel="Next"}return[4,x(this.endpoint,this.envelopeId)];case 3:f.sent();this.recipientIndex=y.envelope.recipients.findIndex((function(e){return e.role_name==h.roleId}));if(this.recipientIndex>-1){this.recipient=y.envelope.recipients[this.recipientIndex];this.agreed=this.recipient.agreed;console.log("[SIGN] Found our recipient in the envelope",this.recipientIndex,this.recipient)}else{console.log("[SIGN] Could not find our recipient record",this.roleId,y.envelope.recipients)}this.isDone=["submitted","canceled","declined"].includes(this.recipient.status);(i=this.envelopeLoaded)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:y.envelope});return[3,5];case 4:p=f.sent();console.log("Error with signing session",p);(r=this.sdkError)===null||r===void 0?void 0:r.emit(new w(p.message,(o=p.response)===null||o===void 0?void 0:o.status,(a=p.response)===null||a===void 0?void 0:a.data));return[3,5];case 5:return[2]}}))}))};e.prototype.handleClickAgree=function(){var e=this;N(this.endpoint,this.envelopeId,this.roleId,true).then((function(){var t;e.nextButtonLabel="Next";e.agreed=true;(t=e.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:e.endpoint,envelope:y.envelope,event:"agreed"})})).catch((function(t){var n,i,r;console.log("Update failure",t);(n=e.sdkError)===null||n===void 0?void 0:n.emit(new w(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(r=t.response)===null||r===void 0?void 0:r.data))}))};e.prototype.handleOptionSelected=function(e){return k(this,void 0,void 0,(function(){var t,n;return I(this,(function(i){switch(i.label){case 0:t=e.detail.id;switch(t){case"later":return[3,1];case"claim":return[3,2];case"decline":return[3,3];case"print":return[3,5];case"download":return[3,6]}return[3,7];case 1:this.finishLater=true;this.showFinishLater=true;return[3,7];case 2:window.alert("This feature will be available in an upcoming release.");return[3,7];case 3:return[4,_(this.endpoint,this.envelopeId,this.roleId)];case 4:n=i.sent();console.log("Decline result",n);this.isDone=true;return[3,7];case 5:window.print();return[3,7];case 6:a(this.endpoint,y.envelope,y.envelope.envelope_document_id).catch((function(e){console.log("Error downloading PDF",e)}));return[3,7];case 7:return[2]}}))}))};e.prototype.updateRecipientFieldValue=function(e,t){this.recipient.fields.forEach((function(n){if(n.name===e){n.settings=t.settings;l(n)}}))};e.prototype.saveFieldChange=function(e,t){var n=this;d(this.endpoint,this.envelopeId,e,t).then((function(t){n.updateRecipientFieldValue(e,t)})).catch((function(e){var t,i,r,o,s,a;if(((t=e.response)===null||t===void 0?void 0:t.status)===401&&((r=(i=e.response)===null||i===void 0?void 0:i.data)===null||r===void 0?void 0:r.error)==="jwt expired"){console.log("[SIGN] Signing session expired");n.errorMessage="Signing session expired. Please reload your browser to continue."}else{console.log("[SIGN] Server error",e)}(o=n.sdkError)===null||o===void 0?void 0:o.emit(new w(e.message,(s=e.response)===null||s===void 0?void 0:s.status,(a=e.response)===null||a===void 0?void 0:a.data))}))};e.prototype.handleFieldChange=function(e,t){return k(this,void 0,void 0,(function(){var n,i,r,o,s,s,a,l,d;var p=this;return I(this,(function(h){switch(h.label){case 0:n=t.target,i=n.value,r=n.checked;o=e.type;switch(o){case"textbox":return[3,1];case"checkbox_group":return[3,2];case"radio_button_group":return[3,3];case"dropdown":return[3,4];case"initial":return[3,5];case"signature":return[3,8];case"date":return[3,11];case"timestamp":return[3,12]}return[3,13];case 1:return[2,this.saveFieldChange(e.name,{prepared:false,value:i})];case 2:{s=e.settings.options.map((function(e){return{id:e.id,checked:t.target.checked}}));return[2,this.saveFieldChange(e.name,{prepared:false,value:{options:s}})]}h.label=3;case 3:{s=e.settings.options.map((function(e){return{id:e.id,selected:t.target.value===e.id}}));return[2,this.saveFieldChange(e.name,{prepared:false,value:{options:s}})]}h.label=4;case 4:return[2,this.saveFieldChange(e.name,{prepared:false,value:t.detail})];case 5:return[4,fetch(t.detail)];case 6:return[4,h.sent().blob()];case 7:a=h.sent();return[2,D(this.endpoint,"initial",a).then((function(t){return k(p,void 0,void 0,(function(){var n;return I(this,(function(i){switch(i.label){case 0:return[4,u(this.endpoint,this.envelopeId,e.name,t.id)];case 1:n=i.sent();this.updateRecipientFieldValue(e.name,n);return[2]}}))}))}))];case 8:return[4,fetch(t.detail)];case 9:return[4,h.sent().blob()];case 10:l=h.sent();return[2,L(this.endpoint,"signature",l).then((function(t){return k(p,void 0,void 0,(function(){var n;return I(this,(function(i){switch(i.label){case 0:return[4,c(this.endpoint,this.envelopeId,e.name,t.id)];case 1:n=i.sent();this.updateRecipientFieldValue(e.name,n);return[2]}}))}))}))];case 11:d=t.target.getAttribute("iso");return[2,this.saveFieldChange(e.name,{prepared:false,value:d})];case 12:console.log("Updating timestamp",{value:i,ts:t.target.getAttribute("timestamp")});return[3,14];case 13:console.log("Unhandled field update",{value:i,checked:r},e);return[3,14];case 14:return[2]}}))}))};e.prototype.isFieldValid=function(e){var t,n,i,r,o,s,a;var l=e.required,d=l===void 0?false:l;var c=e.settings||{},u=c.result,p=u===void 0?"":u,h=c.value,f=h===void 0?"":h,m=c.base64,b=m===void 0?"":m;switch(e.type){case"textbox":switch(((t=e.settings)===null||t===void 0?void 0:t.validator)||""){case"email":return g(p);case"phone":return v(p);default:return!d||p!==""}case"signature":case"initial":return!d||b!=="";case"timestamp":return true;case"textarea":case"date":case"attachment":return!d||p!=="";case"dropdown":return!d||f!=="";case"checkbox_group":var x=(((i=(n=e.settings)===null||n===void 0?void 0:n.options)===null||i===void 0?void 0:i.filter((function(e){return e.checked})))||[]).length;return!d||x>=(((r=e.settings)===null||r===void 0?void 0:r.minimum_checked)||0)&&x<=(((o=e.settings)===null||o===void 0?void 0:o.maximum_checked)||999);case"radio_button_group":return!d||(((a=(s=e.settings)===null||s===void 0?void 0:s.options)===null||a===void 0?void 0:a.filter((function(e){return e.selected})))||[]).length>0;default:return false}};e.prototype.handleNext=function(){return k(this,void 0,void 0,(function(){var e,t,n,i,r,o,s,a,l,d;var c=this;return I(this,(function(u){switch(u.label){case 0:if(!this.nextSubmits)return[3,5];u.label=1;case 1:u.trys.push([1,3,,4]);return[4,F(this.endpoint,this.envelopeId,this.roleId)];case 2:t=u.sent();console.log("[SIGN] Submitted successfully",t);this.showDone=true;this.isDone=true;return[3,4];case 3:n=u.sent();console.log("Error submitting",n);return[3,4];case 4:return[2];case 5:i=this.recipient.fields.filter((function(e){return e.required}));r=i.findIndex((function(e){return e.name===c.focusedField}));o=r+1;if(o>=i.length){o=0}s=i[o];a=0;if(a<i.length&&["signature","initial"].includes(s.type)&&((e=s.settings)===null||e===void 0?void 0:e.result)==="signed"){a++;o++;if(o>=i.length){o=0}s=i[o]}if(a>=i.length){s=null}if(s){l=f(s);d=document.getElementById(l);d===null||d===void 0?void 0:d.focusField();this.focusedField=s.name}return[2]}}))}))};e.prototype.checkRecipientFields=function(){var e=this;var t=this.recipient.fields.filter((function(t){return!e.isFieldValid(t)}));if(t.length<1){this.nextButtonLabel="Finish";this.nextSubmits=true}else{console.log("[SIGN] Remaining invalid fields",t);this.nextButtonLabel="Next";this.nextSubmits=false}};e.prototype.attachFieldAttributes=function(e,t,n,i){var r=this;var o;i.addEventListener("input",(function(){return r.checkRecipientFields()}));i.addEventListener("focusout",(function(e){return r.handleFieldChange(t,e).finally((function(){return r.checkRecipientFields()}))}));i.addEventListener("fieldChange",(function(e){return r.handleFieldChange(t,e).finally((function(){return r.checkRecipientFields()}))}));i.setAttribute("roleindex",n);i.setAttribute("xScale",e.xScale);i.setAttribute("yScale",e.yScale);i.setAttribute("initials",this.recipient?m(this.recipient.full_name):"");i.setAttribute("name",((o=this.recipient)===null||o===void 0?void 0:o.full_name)||"")};e.prototype.handlePageRendered=function(e){var t=this;var n=e.detail;var i=p(y.roleNames,this.recipient.role_name);var r=this.recipient.fields.filter((function(e){return e.page===n.pageNumber}));console.log("[SIGN] Page rendered, updating fields",{pageInfo:n,roleIndex:i,recipientFields:r});r.forEach((function(e){var r=h(e,n,i,{disabled:false,editable:false,draggable:false,done:t.isDone});if(!r){return}if(Array.isArray(r)){r.map((function(r){return t.attachFieldAttributes(n,e,i,r)}))}else{t.attachFieldAttributes(n,e,i,r)}}));y.envelope.recipients.filter((function(e){return e.role_name!==t.recipient.role_name})).forEach((function(e){var i=p(y.roleNames,e.role_name);var r=e.fields.filter((function(e){return e.page===n.pageNumber}));r.forEach((function(e){var r=h(e,n,i,{disabled:true,editable:false,draggable:false,done:t.isDone});if(!r){return}if(r.setAttribute){r.setAttribute("roleindex",i);r.setAttribute("xScale",n.xScale);r.setAttribute("yScale",n.yScale)}}))}));this.checkRecipientFields()};e.prototype.render=function(){var e=this;if(y.loading||!y.envelope){return i(r,null,i("verdocs-loader",null))}return i(r,{class:{agreed:this.agreed}},!this.isDone&&!this.finishLater&&i("div",{class:"intro"},"Please review and act on these documents."),!this.isDone&&i("div",{class:"header"},!this.agreed?i("div",{class:"agree"},i("verdocs-checkbox",{name:"agree",label:"I agree to use electronic records and signatures.",onInput:function(){return e.handleClickAgree()}})):i(o,null,i("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),i("div",{class:"title"},y.envelope.name),i("div",{style:{flex:"1"}})),!this.isDone&&!this.finishLater&&i("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!this.agreed,onClick:function(){return e.handleNext()}}),i("div",{style:{marginLeft:"10px"}}),i("verdocs-dropdown",{options:!this.isDone&&!this.finishLater?E:C,onOptionSelected:function(t){return e.handleOptionSelected(t)}})),!this.isDone&&!this.agreed?i("div",{class:"cover"}):i("div",{style:{display:"none"}}),this.isDone?i("verdocs-view",{endpoint:this.endpoint,envelopeId:this.envelopeId,onSdkError:function(t){var n;return(n=e.sdkError)===null||n===void 0?void 0:n.emit(t.detail)}}):i("div",{class:"document"},(y.envelope.documents||[]).map((function(t){var n=__spreadArray([],(t===null||t===void 0?void 0:t.pages)||[],true);n.sort((function(e,t){return e.sequence-t.sequence}));return i(o,null,n.map((function(t){var n;var r=(n=y.template)===null||n===void 0?void 0:n.pages.find((function(e){return e.sequence===t.sequence}));return i("verdocs-document-page",{pageImageUri:(r===null||r===void 0?void 0:r.display_uri)||t.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:t.sequence,onPageRendered:function(t){return e.handlePageRendered(t)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&i("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:function(){return e.showFinishLater=false}}),this.errorMessage&&i("verdocs-ok-dialog",{heading:"Network Error",message:this.errorMessage,onNext:function(){return e.errorMessage=""}}),this.showDone&&i("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the Verdoc at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.",onNext:function(){return e.showDone=false}}))};return e}());G.style=A}}}));
-//# sourceMappingURL=p-4c411b0c.system.entry.js.map

package/dist/verdocs-web-sdk/p-4c411b0c.system.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":["__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","updateRecipient","endpoint","envelopeId","roleName","params","_a","api","put","concat","r","data","envelopeRecipientSubmit","action","envelopeRecipientDecline","envelopeRecipientAgree","agreed","createSignature","name","signature","FormData","append","post","createInitials","initials","verdocsSignCss","inProgressMenuOptions","id","doneMenuOptions","VerdocsSign","exports","recipientIndex","class_1","prototype","componentWillLoad","VerdocsEndpoint","sessionType","componentDidLoad","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","console","log","Envelopes.getSigningSession","_h","_j","session","recipient","signerToken","email","profile_id","setToken","nextButtonLabel","getEnvelopeById","EnvelopeStore","envelope","recipients","findIndex","role_name","_this","isDone","includes","status","_d","envelopeLoaded","e_1","_e","message","_f","response","_g","handleClickAgree","envelopeUpdated","event","catch","handleOptionSelected","detail","finishLater","showFinishLater","window","alert","declineResult","print","savePDF","envelope_document_id","updateRecipientFieldValue","fieldName","updateResult","fields","forEach","oldField","settings","updateDocumentFieldValue","saveFieldChange","Envelopes.updateEnvelopeField","error","errorMessage","handleFieldChange","field","target","checked","type","prepared","options","map","option","selected","fetch","_k","blob","initialsBlob","newInitials","updateEnvelopeFieldInitials","signatureBlob","newSignature","updateEnvelopeFieldSignature","iso","getAttribute","ts","isFieldValid","required","_l","_m","base64","validator","isValidEmail","isValidPhone","checkedCount","filter","minimum_checked","maximum_checked","handleNext","nextSubmits","showDone","e_2","requiredFields","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","getFieldId","el","document","getElementById","focusField","checkRecipientFields","invalidFields","attachFieldAttributes","pageInfo","roleIndex","addEventListener","finally","setAttribute","xScale","yScale","fullNameToInitials","full_name","handlePageRendered","getRoleIndex","roleNames","recipientFields","page","pageNumber","renderDocumentField","disabled","editable","draggable","Array","isArray","otherRecipient","otherRoleIndex","render","loading","h","Host","class","onInput","Fragment","src","alt","style","flex","size","onClick","marginLeft","onOptionSelected","display","onSdkError","documents","envelopeDocument","pages","__spreadArray","sort","a","b","sequence","templatePage","template","find","p","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers","heading","onNext"],"mappings":"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","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};\n/**\n * Update a recipient's status block\n */\nexport var updateRecipient = function (endpoint, envelopeId, roleName, 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), params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Submit an envelope (signing is finished). Note that all fields must be valid/completed for this to succeed.\n */\nexport var envelopeRecipientSubmit = function (endpoint, envelopeId, roleName) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'submit' });\n};\n/**\n * Decline to complete an envelope (signing will not terminated).\n */\nexport var envelopeRecipientDecline = function (endpoint, envelopeId, roleName) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'decline' });\n};\n/**\n * Claim / change ownership of an envelope. This is a special-case operation only available in certain workflows.\n */\nexport var envelopeRecipientChangeOwner = function (endpoint, envelopeId, roleName, email, fullName) { return updateRecipient(endpoint, envelopeId, roleName, { action: 'owner_update', email: email, full_name: fullName }); };\n/**\n * Agree to electronic signing.\n */\nexport var envelopeRecipientAgree = function (endpoint, envelopeId, roleName, agreed) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'update', agreed: agreed });\n};\n/**\n * Change a recipient's name.\n */\nexport var envelopeRecipientUpdateName = function (endpoint, envelopeId, roleName, fullName) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'update', new_full_name: fullName });\n};\n/**\n * Change a recipient's name.\n */\nexport var envelopeRecipientPrepare = function (endpoint, envelopeId, roleName, recipients) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'prepare', recipients: recipients });\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    display: block;\n    box-sizing: border-box;\n  }\n\n  input {\n    vertical-align: top;\n  }\n\n  .header {\n    color: #fff;\n    display: flex;\n    z-index: 1000;\n    flex: 0 0 56px;\n    padding: 0 15px;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    transition: all 0.25s;\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    .logo {\n      width: 80px;\n      margin: -6px 0 0 10px;\n    }\n\n    .title {\n      padding-left: 16px;\n      font-size: 18px;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    display: flex;\n    flex: 0 0 60px;\n    color: #111111;\n    padding: 0 15px;\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 28px;\n    flex-direction: row;\n    background: #ffffff;\n    align-items: center;\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\n@media print {\n  verdocs-sign .header {\n    display: none;\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 {fullNameToInitials} from '@verdocs/js-sdk/Utils/Primitives';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {IDocumentField, IEnvelope, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {updateEnvelopeFieldInitials, updateEnvelopeFieldSignature} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport {envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit} from '@verdocs/js-sdk/Envelopes/Recipients';\nimport {getFieldId, getRoleIndex, renderDocumentField, savePDF, updateDocumentFieldValue} 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// const PrintIcon = `<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"></path></svg>`;\n//\n// const DownloadIcon = `<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z\"></path></svg>`;\n\nconst inProgressMenuOptions = [\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\nconst doneMenuOptions = [\n  {id: 'print', label: 'Print'},\n  {id: 'download', label: 'Download'},\n];\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 the envelope is updated in any way.\n   */\n  @Event({composed: true}) envelopeLoaded: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the envelope is updated in any way.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  @State() recipient: IRecipient | null = null;\n  @State() signerToken = null;\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() nextSubmits = false;\n  @State() errorMessage = '';\n  @State() focusedField = '';\n  @State() isDone = false;\n  @State() showDone = false;\n\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n  @State() agreed = false;\n\n  recipientIndex: number = -1;\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      console.log('[SIGN] We are recipient', this.recipient);\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      await getEnvelopeById(this.endpoint, this.envelopeId);\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.agreed = this.recipient.agreed;\n        console.log('[SIGN] Found our recipient in the envelope', this.recipientIndex, this.recipient);\n      } else {\n        console.log('[SIGN] Could not find our recipient record', this.roleId, EnvelopeStore.envelope.recipients);\n      }\n\n      this.isDone = ['submitted', 'canceled', 'declined'].includes(this.recipient.status);\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n\n      this.envelopeLoaded?.emit({endpoint: this.endpoint, envelope: EnvelopeStore.envelope});\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    envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)\n      .then(() => {\n        this.nextButtonLabel = 'Next';\n        this.agreed = true; // The server returns a recipient object but it's not \"deep\" so we track this locally\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: EnvelopeStore.envelope, event: 'agreed'});\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 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        break;\n      case 'claim':\n        window.alert('This feature will be available in an upcoming release.');\n        break;\n      case 'decline':\n        {\n          const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);\n          console.log('Decline result', declineResult);\n          this.isDone = true;\n        }\n        break;\n      case 'print':\n        window.print();\n        break;\n      case 'download':\n        savePDF(this.endpoint, EnvelopeStore.envelope, EnvelopeStore.envelope.envelope_document_id).catch(e => {\n          console.log('Error downloading PDF', e);\n        });\n        break;\n    }\n  }\n\n  updateRecipientFieldValue(fieldName: string, updateResult: any) {\n    this.recipient.fields.forEach(oldField => {\n      if (oldField.name === fieldName) {\n        oldField.settings = updateResult.settings;\n        // TODO: When we break out other fields like value, update them here too\n        updateDocumentFieldValue(oldField);\n      }\n    });\n  }\n\n  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .then(updateResult => {\n        this.updateRecipientFieldValue(fieldName, updateResult);\n      })\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. Please reload your browser to continue.';\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) {\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        const options = field.settings.options.map(option => ({id: option.id, checked: e.target.checked}));\n        return this.saveFieldChange(field.name, {prepared: false, value: {options}});\n      }\n\n      case 'radio_button_group': {\n        const options = field.settings.options.map(option => ({id: option.id, selected: e.target.value === option.id}));\n        return this.saveFieldChange(field.name, {prepared: false, value: {options}});\n      }\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(async newInitials => {\n            const updateResult = await updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n          });\n\n      case 'signature':\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(async newSignature => {\n            const updateResult = await updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n          });\n\n      case 'date':\n        const iso = e.target.getAttribute('iso');\n        return this.saveFieldChange(field.name, {prepared: false, value: iso});\n\n      case 'timestamp':\n        console.log('Updating timestamp', {value, ts: e.target.getAttribute('timestamp')});\n        break;\n\n      default:\n        console.log('Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldValid(field: IDocumentField) {\n    const {required = false} = field;\n    const {result = '', value = '', base64 = ''} = field.settings || {};\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(result);\n          case 'phone':\n            return isValidPhone(result);\n          default:\n            return !required || result !== '';\n        }\n\n      case 'signature':\n      case 'initial':\n        return !required || base64 !== '';\n\n      // Timestamp fields get automatically filled when the envelope is submitted.\n      case 'timestamp':\n        return true;\n\n      case 'textarea':\n      case 'date':\n      case 'attachment':\n        return !required || result !== '';\n\n      case 'dropdown':\n        return !required || value !== '';\n\n      case 'checkbox_group':\n        const checkedCount = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return !required || (checkedCount >= (field.settings?.minimum_checked || 0) && checkedCount <= (field.settings?.maximum_checked || 999));\n\n      case 'radio_button_group':\n        return !required || (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 handleNext() {\n    if (this.nextSubmits) {\n      try {\n        const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);\n        console.log('[SIGN] Submitted successfully', result);\n        this.showDone = true;\n        this.isDone = true;\n      } catch (e) {\n        console.log('Error submitting', e);\n      }\n\n      return;\n    }\n\n    // Find and focus the next incomplete required field\n    const requiredFields = this.recipient.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  // See if everything that \"needs to be\" filled in is, and all \"fillable fields\" are valid\n  checkRecipientFields() {\n    const invalidFields = this.recipient.fields.filter(field => !this.isFieldValid(field));\n    if (invalidFields.length < 1) {\n      this.nextButtonLabel = 'Finish';\n      this.nextSubmits = true;\n    } else {\n      console.log('[SIGN] Remaining invalid fields', invalidFields);\n      this.nextButtonLabel = 'Next';\n      this.nextSubmits = false;\n    }\n  }\n\n  attachFieldAttributes(pageInfo, field, roleIndex, el) {\n    el.addEventListener('input', () => this.checkRecipientFields());\n    el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));\n    el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));\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\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    const roleIndex = getRoleIndex(EnvelopeStore.roleNames, this.recipient.role_name);\n    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);\n    console.log('[SIGN] Page rendered, updating fields', {pageInfo, roleIndex, recipientFields});\n\n    recipientFields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: false, editable: false, draggable: false, done: this.isDone});\n      if (!el) {\n        return;\n      }\n\n      if (Array.isArray(el)) {\n        el.map(e => this.attachFieldAttributes(pageInfo, field, roleIndex, e));\n      } else {\n        this.attachFieldAttributes(pageInfo, field, roleIndex, el);\n      }\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    // Render fields for \"the other\" recipients\n    EnvelopeStore.envelope.recipients\n      .filter(recipient => recipient.role_name !== this.recipient.role_name)\n      .forEach(otherRecipient => {\n        const otherRoleIndex = getRoleIndex(EnvelopeStore.roleNames, otherRecipient.role_name);\n        const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);\n\n        // We don't render other recipients' fields if they've already acted, because those values are now stamped into the document page.\n        // TODO: Do we want to render alternate treatments for recipients who have declined (red boxes?) and/or if the envelope is cancelled?\n        // TODO: When doing server-side rendering we probably want to \"stamp\" values into the rendered PDF only once the recipient is done\n        //  acting. Do this once vSign is in Production.\n        // TODO: Changed tacks here. During signing we show the template PDFs and everybody's fields, filled in or no. When done, we switch\n        //  to showing the envelope PDFs with stamped-in values. Confirm this is a good approach.\n        // if (!['submitted', 'signed'].includes(otherRecipient.status)) {\n        recipientFields.forEach(field => {\n          const el = renderDocumentField(field, pageInfo, otherRoleIndex, {\n            disabled: true,\n            editable: false,\n            draggable: false,\n            done: this.isDone,\n          });\n          if (!el) {\n            return;\n          }\n\n          // TODO: Research why this occurs. There are cases when we're getting \"el.setAttribute is not a function\"\n          if (el.setAttribute) {\n            el.setAttribute('roleindex', otherRoleIndex);\n            el.setAttribute('xScale', pageInfo.xScale);\n            el.setAttribute('yScale', pageInfo.yScale);\n          }\n        });\n        // }\n      });\n\n    this.checkRecipientFields();\n  }\n\n  render() {\n    if (EnvelopeStore.loading || !EnvelopeStore.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    return (\n      <Host class={{agreed: this.agreed}}>\n        {!this.isDone && !this.finishLater && <div class=\"intro\">Please review and act on these documents.</div>}\n\n        {!this.isDone && (\n          <div class=\"header\">\n            {!this.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              <Fragment>\n                <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n                <div class=\"title\">{EnvelopeStore.envelope.name}</div>\n                <div style={{flex: '1'}} />\n              </Fragment>\n            )}\n\n            {!this.isDone && !this.finishLater && <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.agreed} onClick={() => this.handleNext()} />}\n\n            <div style={{marginLeft: '10px'}} />\n            <verdocs-dropdown options={!this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n          </div>\n        )}\n\n        {!this.isDone && !this.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        {this.isDone ? (\n          // <div>test</div>\n          <verdocs-view endpoint={this.endpoint} envelopeId={this.envelopeId} onSdkError={e => this.sdkError?.emit(e.detail)} />\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\n              return (\n                <Fragment>\n                  {pages.map(page => {\n                    // In signing mode we show the original template page with all the recipient fields so we can show source formatting and\n                    // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or\n                    // future signers still need to act. Once we're \"done\" we flip to showing the envelope's documents which have the final\n                    // field vales (so far) stamped into them.\n                    const templatePage = EnvelopeStore.template?.pages.find(p => p.sequence === page.sequence);\n                    // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure\n                    //  we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.\n                    // console.log('tp', templatePage, page);\n                    return (\n                      <verdocs-document-page\n                        pageImageUri={templatePage?.display_uri || 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                  })}\n                </Fragment>\n              );\n            })}\n          </div>\n        )}\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        {this.showDone && (\n          <verdocs-ok-dialog\n            heading=\"You're Done!\"\n            message=\"You can access the Verdoc at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.\"\n            onNext={() => (this.showDone = false)}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-50ea2036.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":""}