@verdocs/web-sdk 1.9.6 → 1.9.10

package/dist/esm-es5/verdocs-sign.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["verdocsSignCss","VerdocsSign","VerdocsEndpoint","getDefault","class_1","prototype","componentDidLoad","console","log","concat","this","documentId","Documents.getSigningSession","endpoint","roleId","inviteCode","_o","_p","sent","session","recipient","signerToken","email","profile_id","setToken","agreed","nextButtonLabel","Documents.getDocument","document","pdfUrl","getBaseURL","envelope_document_id","recipientIndex","recipients","findIndex","role_name","_this","fields","filter","field","recipient_role","e_1","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","handleClickAgree","updateRecipientStatus","then","r","catch","e","savePDF","fileName","name","updated_at","split","Documents.getDocumentFile","xhr","XMLHttpRequest","responseType","onload","a","createElement","href","window","URL","createObjectURL","download","style","display","body","appendChild","click","remove","url","length","open","send","handleOptionSelected","detail","id","alert","handleFieldChange","optionId","type","Documents.updateDocumentField","prepared","value","_d","_f","_e","error","options","checked","settings","map","option","selected","renderCheckboxGroupOption","page","left","rescale","xScale","x","bottom","yScale","y","position","transform","backgroundColor","getRGBA","h","onFieldChange","renderRadioGroupOption","isFieldValid","validator","isValidEmail","result","isValidPhone","_h","_g","_j","minimum_checked","_k","maximum_checked","_m","_l","handleNext","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","getFieldId","el","getElementById","focusField","renderField","docPage","controlsDiv","containerId","existingField","setControlStyles","setAttribute","addEventListener","handlePageRendered","pageInfo","renderedPage","pageNumber","forEach","render","menuOptions","label","disabled","Host","class","storybook","onOptionSelected","onChange","htmlFor","flex","size","onClick","source","onPageRendered","pageLayers"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0;\n    display: flex;\n    z-index: 1000;\n    align-items: center;\n    transition: all 0.25s;\n    justify-content: center;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    height: 60px;\n    display: flex;\n    background: #ffffff;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      color: #111111;\n      padding: 0 14px;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 28px;\n      max-width: 1024px;\n    }\n  }\n\n  &.agreed {\n    .intro {\n      //display: none;\n    }\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .agree {\n    flex: 1;\n    flex-direction: row;\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    .agree-checkbox {\n      background: #ccc;\n      flex: 0 0 20px;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      border-radius: 3px;\n      position: relative;\n      margin: 0 10px 0 14px;\n\n      input[type='checkbox']:checked + label:after {\n        filter: alpha(opacity=100);\n        opacity: 1;\n      }\n\n      label {\n        left: 2px;\n        top: 2px;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        position: absolute;\n        background: #33354c;\n        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.8);\n\n        .agree-checkbox label:hover::after {\n          filter: alpha(opacity=30);\n          opacity: 0.3;\n        }\n\n        &:after {\n          top: 2px;\n          left: 3px;\n          width: 8px;\n          opacity: 0;\n          height: 5px;\n          content: '';\n          position: absolute;\n          background: transparent;\n          filter: alpha(opacity=0);\n          transform: rotate(-45deg);\n          border: 2px solid #fcfff4;\n          border-top: none;\n          border-right: none;\n        }\n      }\n    }\n  }\n}\n","import {Event, EventEmitter, Host} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Documents} from '@verdocs/js-sdk/Documents';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\nimport {Component, Prop, State, h} from '@stencil/core';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Documents/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {IDocument, IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {IPageRenderEvent} from '../verdocs-view/verdocs-view';\nimport {getFieldId, setControlStyles} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\n/**\n * Display a document signing experience.\n *\n * ***NOTE: This sample document will reset every 10 minutes...***\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\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 document to sign.\n   */\n  @Prop() documentId: string | null = null;\n\n  /**\n   * The name of the role that will be signing.\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  @State() recipient: IRecipient | null = null;\n\n  @State() signerToken = null;\n  @State() pdfUrl = null;\n  @State() recipientIndex: number = -1;\n  @State() document: IDocument | null = null;\n  @State() fields: IDocumentField[] = [];\n\n  @State() hasSignature = false;\n\n  @State() nextButtonLabel = 'Start';\n\n  @State() focusedField = '';\n\n  async componentDidLoad() {\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.documentId} / ${this.documentId}`);\n      const {session, recipient, signerToken} = await Documents.getSigningSession(this.endpoint, {\n        documentId: this.documentId,\n        roleId: this.roleId,\n        inviteCode: this.inviteCode,\n      });\n\n      console.log(`[SIGN] Got signing session ${session.email} / ${session.profile_id}`);\n\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      const document = await Documents.getDocument(this.endpoint, this.documentId);\n      this.document = document;\n      console.log('[SIGN] Signing document', document);\n\n      this.pdfUrl = `${this.endpoint.getBaseURL()}/documents/${this.documentId}/envelope_documents/${document.envelope_document_id}?file=true`;\n\n      this.recipientIndex = this.document.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        console.log('Found recipient', this.document.recipients[this.recipientIndex]);\n      }\n\n      this.fields = this.document.fields.filter(field => field.recipient_role === this.roleId);\n      console.log('Loaded fields', this.fields);\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    console.log('agree clicked');\n    updateRecipientStatus(this.endpoint, this.documentId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        console.log('update result', r);\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${this.document.name} - ${this.document.updated_at.split('T')[0]}.pdf`;\n    const data = await Documents.getDocumentFile(this.endpoint, this.documentId, this.document.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    const url = `data:application/pdf;base64,${data}`;\n    console.log('url', url.length, url);\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        if (!window?.['STORYBOOK_ENV']) {\n          window.alert('User intends to sign later.');\n        }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e.detail);\n    switch (field.type) {\n      case 'textbox':\n        Documents.updateDocumentField(this.endpoint, this.documentId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'checkbox_group':\n        Documents.updateDocumentField(this.endpoint, this.documentId, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Documents.updateDocumentField(this.endpoint, this.documentId, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'dropdown':\n        Documents.updateDocumentField(this.endpoint, this.documentId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n        break;\n    }\n  }\n\n  renderCheckboxGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-checkbox style={style} field={field} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  renderRadioGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-radio-button style={style} field={field} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n      case 'dropdown':\n        return !!field.settings?.value;\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  // (async () => {\n  //   await customElements.whenDefined('verdocs-field-signature');\n  //   const els = document.getElementById('verdocs-field-signature');\n  //   await els.focusField();\n  // })();\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    console.log('required Fields', requiredFields);\n\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n    console.log('focused Index', focusedIndex);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    const nextRequiredField = requiredFields[nextFocusedIndex];\n    console.log('next required field', nextRequiredField);\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      console.log('focusing', id, el);\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  renderField(field: IDocumentField, docPage: IDocumentPageInfo /*, index: number*/) {\n    const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n    if (!controlsDiv) {\n      return;\n    }\n\n    const id = getFieldId(field);\n    const existingField = document.getElementById(id);\n    if (existingField) {\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale, this.recipientIndex);\n      return;\n    }\n\n    let el;\n    switch (field.type) {\n      case 'attachment':\n      case 'checkbox_group':\n      case 'date':\n      case 'dropdown':\n      case 'initial':\n      case 'payment':\n      case 'signature':\n      case 'timestamp':\n      case 'textarea':\n      case 'textbox':\n        el = document.createElement(`verdocs-field-${field.type}`);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderCheckboxGroupOption(renderOnPage, field, option, index));\n      case 'radio_button_group':\n        //   el = document.createElement('verdocs-field-signature');\n        //   el.setAttribute('value', base64);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderRadioGroupOption(renderOnPage, field, option, index));\n      // case 'attachment':\n      //   el = document.createElement('verdocs-field-attachment');\n      //   el.setAttribute('value', result || '');\n      //   break;\n      // case 'payment':\n      //   el = document.createElement('verdocs-field-payment');\n      //   break;\n      default:\n        console.log('[SIGN] Skipping unsupported field type', field);\n    }\n\n    if (el) {\n      el.field = field;\n      el.recipient = this.recipient;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', this.recipientIndex);\n      el.addEventListener('fieldChange', e => this.handleFieldChange(field, e));\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale, this.recipientIndex);\n      controlsDiv.appendChild(el);\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IPageRenderEvent;\n    console.log('[SIGN] Page rendered', pageInfo);\n\n    const fields = this.fields.filter(field => field.page === pageInfo.renderedPage.pageNumber);\n    console.log('[SIGN] Fields on page', fields);\n    fields.forEach(field => this.renderField(field, pageInfo.renderedPage));\n    // .map((field, index) => this.renderField(field, index));\n    // this.pdfPageInfo = e.detail;\n  }\n\n  render() {\n    const menuOptions = [\n      {id: 'later', label: 'Finish Later'}, //\n      {id: 'claim', label: 'Claim the Document', disabled: true},\n      {id: 'decline', label: 'Decline to Sign'},\n      {id: 'print', label: 'Print Without Signing'},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], agreed: this.recipient?.agreed}}>\n        <div class=\"intro\">\n          <div class=\"inner\">Please review and act on these documents.</div>\n        </div>\n\n        <div class=\"header\">\n          <div class=\"inner\">\n            <div class=\"toolbar\">\n              <div class=\"tools\">\n                <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n                {!this.recipient?.agreed ? (\n                  <div class=\"agree\">\n                    <div class=\"agree-checkbox\">\n                      <input type=\"checkbox\" value=\"None\" id=\"agree-checkbox-element\" name=\"agree\" onChange={() => this.handleClickAgree()} />\n                      <label htmlFor=\"agree-checkbox-element\" />\n                    </div>\n                    <span>I agree to use electronic records and signatures.</span>\n                  </div>\n                ) : (\n                  <div style={{flex: '1'}} />\n                )}\n                <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          {this.pdfUrl ? (\n            <div class=\"inner\">\n              <verdocs-view\n                source={this.pdfUrl}\n                endpoint={this.endpoint}\n                onPageRendered={e => this.handlePageRendered(e)}\n                pageLayers={[\n                  {name: 'page', type: 'canvas'},\n                  {name: 'controls', type: 'div'},\n                ]}\n              />\n            </div>\n          ) : (\n            <verdocs-loader />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__assign","this","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","__generator","body","_","label","sent","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","v","op","TypeError","pop","push","updateRecipientStatus","endpoint","envelopeId","roleName","action","params","_a","api","put","concat","role_name","r","data","verdocsSignCss","VerdocsSign","VerdocsEndpoint","getDefault","class_1","componentDidLoad","console","log","Envelopes.getSigningSession","roleId","inviteCode","_o","_p","session","recipient","signerToken","email","profile_id","setToken","agreed","nextButtonLabel","Envelopes.getEnvelope","envelope","document","pdfUrl","getBaseURL","envelope_document_id","recipientIndex","recipients","findIndex","_this","fields","filter","field","recipient_role","e_1","sdkError","emit","SDKError","message","_b","response","status","_c","handleClickAgree","catch","savePDF","fileName","name","updated_at","split","Envelopes.getEnvelopeFile","xhr","XMLHttpRequest","responseType","onload","a","createElement","href","window","URL","createObjectURL","download","style","display","appendChild","click","remove","url","open","send","handleOptionSelected","detail","id","alert","handleFieldChange","optionId","type","Envelopes.updateEnvelopeField","prepared","_d","_f","_e","error","options","checked","settings","map","option","selected","renderCheckboxGroupOption","page","left","rescale","xScale","x","bottom","yScale","position","transform","backgroundColor","getRGBA","h","onChange","renderRadioGroupOption","onFieldChange","isFieldValid","validator","isValidEmail","isValidPhone","_h","_g","_j","minimum_checked","_k","maximum_checked","_m","_l","handleNext","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","getFieldId","el","getElementById","focusField","renderField","docPage","controlsDiv","containerId","existingField","setControlStyles","setAttribute","addEventListener","handlePageRendered","pageInfo","renderedPage","pageNumber","forEach","render","menuOptions","disabled","Host","class","storybook","onOptionSelected","htmlFor","flex","size","onClick","onPageRendered","pageLayers"],"mappings":"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","sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Update a recipient's status block\n */\nexport var updateRecipientStatus = function (endpoint, envelopeId, roleName, action, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(roleName), __assign({ role_name: roleName, action: action }, (params || {})))\n                .then(function (r) { return r.data; })];\n    });\n}); };\nexport var getSignerToken = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"/signer-token\"))\n        .then(function (r) { return r.data; });\n};\nexport var getInPersonLink = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"?in_person_link=true\"))\n        .then(function (r) { return r.data; });\n};\n","@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0;\n    display: flex;\n    z-index: 1000;\n    align-items: center;\n    transition: all 0.25s;\n    justify-content: center;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    height: 60px;\n    display: flex;\n    background: #ffffff;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      color: #111111;\n      padding: 0 14px;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 28px;\n      max-width: 1024px;\n    }\n  }\n\n  &.agreed {\n    .intro {\n      //display: none;\n    }\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .agree {\n    flex: 1;\n    flex-direction: row;\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    .agree-checkbox {\n      background: #ccc;\n      flex: 0 0 20px;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      border-radius: 3px;\n      position: relative;\n      margin: 0 10px 0 14px;\n\n      input[type='checkbox']:checked + label:after {\n        filter: alpha(opacity=100);\n        opacity: 1;\n      }\n\n      label {\n        left: 2px;\n        top: 2px;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        position: absolute;\n        background: #33354c;\n        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.8);\n\n        .agree-checkbox label:hover::after {\n          filter: alpha(opacity=30);\n          opacity: 0.3;\n        }\n\n        &:after {\n          top: 2px;\n          left: 3px;\n          width: 8px;\n          opacity: 0;\n          height: 5px;\n          content: '';\n          position: absolute;\n          background: transparent;\n          filter: alpha(opacity=0);\n          transform: rotate(-45deg);\n          border: 2px solid #fcfff4;\n          border-top: none;\n          border-right: none;\n        }\n      }\n    }\n  }\n}\n","import {Event, EventEmitter, Host} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\nimport {Component, Prop, State, h} from '@stencil/core';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Envelopes/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {IEnvelope, IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {IPageRenderEvent} from '../verdocs-view/verdocs-view';\nimport {getFieldId, setControlStyles} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\n/**\n * Display a document signing experience.\n *\n * ***NOTE: This sample document will reset every 10 minutes...***\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\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 envelope to sign.\n   */\n  @Prop() envelopeId: string | null = null;\n\n  /**\n   * The name of the role that will be signing.\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  @State() recipient: IRecipient | null = null;\n\n  @State() signerToken = null;\n  @State() pdfUrl = null;\n  @State() recipientIndex: number = -1;\n  @State() envelope: IEnvelope | null = null;\n  @State() fields: IDocumentField[] = [];\n\n  @State() hasSignature = false;\n\n  @State() nextButtonLabel = 'Start';\n\n  @State() focusedField = '';\n\n  async componentDidLoad() {\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.envelopeId}`);\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] Got signing session ${session.email} / ${session.profile_id}`);\n\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);\n      this.envelope = envelope;\n      console.log('[SIGN] Signing document', document);\n\n      this.pdfUrl = `${this.endpoint.getBaseURL()}/documents/${this.envelopeId}/envelope_documents/${envelope.envelope_document_id}?file=true`;\n\n      this.recipientIndex = this.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        console.log('Found recipient', this.envelope.recipients[this.recipientIndex]);\n      }\n\n      this.fields = this.envelope.fields.filter(field => field.recipient_role === this.roleId);\n      console.log('Loaded fields', this.fields);\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    console.log('agree clicked');\n    updateRecipientStatus(this.endpoint, this.envelopeId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        console.log('update result', r);\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${this.envelope.name} - ${this.envelope.updated_at.split('T')[0]}.pdf`;\n    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, this.envelope.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    const url = `data:application/pdf;base64,${data}`;\n    console.log('url', url.length, url);\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        if (!window?.['STORYBOOK_ENV']) {\n          window.alert('User intends to sign later.');\n        }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    switch (field.type) {\n      case 'textbox':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'checkbox_group':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'dropdown':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n        break;\n    }\n  }\n\n  renderCheckboxGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-checkbox style={style} field={field} onChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  renderRadioGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-radio-button style={style} field={field} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n      case 'dropdown':\n        return !!field.settings?.value;\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  // (async () => {\n  //   await customElements.whenDefined('verdocs-field-signature');\n  //   const els = document.getElementById('verdocs-field-signature');\n  //   await els.focusField();\n  // })();\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    console.log('required Fields', requiredFields);\n\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n    console.log('focused Index', focusedIndex);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    const nextRequiredField = requiredFields[nextFocusedIndex];\n    console.log('next required field', nextRequiredField);\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      console.log('focusing', id, el);\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  renderField(field: IDocumentField, docPage: IDocumentPageInfo /*, index: number*/) {\n    const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n    if (!controlsDiv) {\n      return;\n    }\n\n    const id = getFieldId(field);\n    const existingField = document.getElementById(id);\n    if (existingField) {\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale, this.recipientIndex);\n      return;\n    }\n\n    let el;\n    switch (field.type) {\n      case 'attachment':\n      case 'checkbox_group':\n      case 'date':\n      case 'dropdown':\n      case 'initial':\n      case 'payment':\n      case 'signature':\n      case 'timestamp':\n      case 'textarea':\n      case 'textbox':\n        el = document.createElement(`verdocs-field-${field.type}`);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderCheckboxGroupOption(renderOnPage, field, option, index));\n      case 'radio_button_group':\n        //   el = document.createElement('verdocs-field-signature');\n        //   el.setAttribute('value', base64);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderRadioGroupOption(renderOnPage, field, option, index));\n      // case 'attachment':\n      //   el = document.createElement('verdocs-field-attachment');\n      //   el.setAttribute('value', result || '');\n      //   break;\n      // case 'payment':\n      //   el = document.createElement('verdocs-field-payment');\n      //   break;\n      default:\n        console.log('[SIGN] Skipping unsupported field type', field);\n    }\n\n    if (el) {\n      el.field = field;\n      el.recipient = this.recipient;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', this.recipientIndex);\n      el.addEventListener('fieldChange', e => this.handleFieldChange(field, e));\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale, this.recipientIndex);\n      controlsDiv.appendChild(el);\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IPageRenderEvent;\n    console.log('[SIGN] Page rendered', pageInfo);\n\n    const fields = this.fields.filter(field => field.page === pageInfo.renderedPage.pageNumber);\n    console.log('[SIGN] Fields on page', fields);\n    fields.forEach(field => this.renderField(field, pageInfo.renderedPage));\n    // .map((field, index) => this.renderField(field, index));\n    // this.pdfPageInfo = e.detail;\n  }\n\n  render() {\n    const menuOptions = [\n      {id: 'later', label: 'Finish Later'}, //\n      {id: 'claim', label: 'Claim the Document', disabled: true},\n      {id: 'decline', label: 'Decline to Sign'},\n      {id: 'print', label: 'Print Without Signing'},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], agreed: this.recipient?.agreed}}>\n        <div class=\"intro\">\n          <div class=\"inner\">Please review and act on these documents.</div>\n        </div>\n\n        <div class=\"header\">\n          <div class=\"inner\">\n            <div class=\"toolbar\">\n              <div class=\"tools\">\n                <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n                {!this.recipient?.agreed ? (\n                  <div class=\"agree\">\n                    <div class=\"agree-checkbox\">\n                      <input type=\"checkbox\" value=\"None\" id=\"agree-checkbox-element\" name=\"agree\" onChange={() => this.handleClickAgree()} />\n                      <label htmlFor=\"agree-checkbox-element\" />\n                    </div>\n                    <span>I agree to use electronic records and signatures.</span>\n                  </div>\n                ) : (\n                  <div style={{flex: '1'}} />\n                )}\n                <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          {this.pdfUrl ? (\n            <div class=\"inner\">\n              <verdocs-view\n                envelopeId={this.envelopeId}\n                endpoint={this.endpoint}\n                onPageRendered={e => this.handlePageRendered(e)}\n                pageLayers={[\n                  {name: 'page', type: 'canvas'},\n                  {name: 'controls', type: 'div'},\n                ]}\n              />\n            </div>\n          ) : (\n            <verdocs-loader />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}