@verdocs/web-sdk 1.9.10 → 1.9.14

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

@@ -1 +1 @@
-{"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"]}
+{"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","class_1","componentDidLoad","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","VerdocsEndpoint","sessionType","console","log","Envelopes.getSigningSession","_o","_p","session","recipient","signerToken","email","profile_id","setToken","agreed","nextButtonLabel","Envelopes.getEnvelope","envelope","recipientIndex","recipients","findIndex","_this","fields","filter","field","recipient_role","e_1","_d","message","_e","response","status","_f","handleClickAgree","catch","savePDF","fileName","name","updated_at","split","Envelopes.getEnvelopeFile","envelope_document_id","xhr","XMLHttpRequest","responseType","onload","a","document","createElement","href","window","URL","createObjectURL","download","style","display","appendChild","click","remove","url","open","send","handleOptionSelected","detail","id","alert","handleFieldChange","optionId","type","Envelopes.updateEnvelopeField","prepared","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","TemplateStore","page_sequence","renderedPage","pageNumber","forEach","renderDocumentField","getRoleIndex","roleNames","render","Host","menuOptions","disabled","class","onOptionSelected","htmlFor","flex","size","onClick","documents","envelopeDocument","pages","__spreadArray","sort","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers"],"mappings":"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","sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Update a recipient's status block\n */\nexport var updateRecipientStatus = function (endpoint, envelopeId, roleName, action, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(roleName), __assign({ role_name: roleName, action: action }, (params || {})))\n                .then(function (r) { return r.data; })];\n    });\n}); };\nexport var getSignerToken = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"/signer-token\"))\n        .then(function (r) { return r.data; });\n};\nexport var getInPersonLink = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"?in_person_link=true\"))\n        .then(function (r) { return r.data; });\n};\n","@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0;\n    display: flex;\n    z-index: 1000;\n    align-items: center;\n    transition: all 0.25s;\n    justify-content: center;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    height: 60px;\n    display: flex;\n    background: #ffffff;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      color: #111111;\n      padding: 0 14px;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 28px;\n      max-width: 1024px;\n    }\n  }\n\n  &.agreed {\n    .intro {\n      //display: none;\n    }\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .agree {\n    flex: 1;\n    flex-direction: row;\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    .agree-checkbox {\n      background: #ccc;\n      flex: 0 0 20px;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      border-radius: 3px;\n      position: relative;\n      margin: 0 10px 0 14px;\n\n      input[type='checkbox']:checked + label:after {\n        filter: alpha(opacity=100);\n        opacity: 1;\n      }\n\n      label {\n        left: 2px;\n        top: 2px;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        position: absolute;\n        background: #33354c;\n        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.8);\n\n        .agree-checkbox label:hover::after {\n          filter: alpha(opacity=30);\n          opacity: 0.3;\n        }\n\n        &:after {\n          top: 2px;\n          left: 3px;\n          width: 8px;\n          opacity: 0;\n          height: 5px;\n          content: '';\n          position: absolute;\n          background: transparent;\n          filter: alpha(opacity=0);\n          transform: rotate(-45deg);\n          border: 2px solid #fcfff4;\n          border-top: none;\n          border-right: none;\n        }\n      }\n    }\n  }\n}\n","// import interact from 'interactjs';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Envelopes/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {IEnvelope, IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {getFieldId, getRoleIndex, renderDocumentField, setControlStyles} from '../../../utils/utils';\n// import {getFieldId, getRoleIndex, renderDocumentField, setControlStyles, updateCssTransform} from '../../../utils/utils';\nimport {IPageRenderEvent} from '../verdocs-view/verdocs-view';\nimport TemplateStore from '../../../utils/templateStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\n/**\n * Display an envelope signing experience. This will display the envelope's attached\n * documents with signing fields overlaid on each page.\n *\n * The component will attempt to initiate a signing session and load the specified\n * envelope. If successful, the recipient's fields will be enabled and the user will\n * be able to sign the envelope's attached documents. If not, an `sdkError` will be\n * thrown and the component will be blank/empty. To provide the best user experience,\n * applications should capture and handle this error to provide the user with\n * instructions/options for next steps based on the application's design and workflow.\n *\n * Unlike other components, this will always create its own endpoint to manage the\n * session session. This endpoint will be included in event callbacks for the\n * convenience of host applications that may wish to make server calls using the\n * signer's credentials once signing is complete (e.g. to obtain copies of\n * the signed attachments.)\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\n  endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop() envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop() roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop() inviteCode: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when any field is updated. Note that the current active endpoint is\n   * provided as a parameter as a convenience for callers when this coimponent\n   */\n  @Event({composed: true}) fieldUpdated: EventEmitter<{endpoint: VerdocsEndpoint}>;\n\n  @State() recipient: IRecipient | null = null;\n  @State() signerToken = null;\n  @State() recipientIndex: number = -1;\n  @State() envelope: IEnvelope | null = null;\n  @State() fields: IDocumentField[] = [];\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() focusedField = '';\n\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));\n      return;\n    }\n\n    if (!this.roleId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required roleId', 500, ''));\n      return;\n    }\n\n    if (!this.inviteCode) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required inviteCode', 500, ''));\n      return;\n    }\n\n    try {\n      this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);\n      const {session, recipient, signerToken} = await Envelopes.getSigningSession(this.endpoint, {\n        envelopeId: this.envelopeId,\n        roleId: this.roleId,\n        inviteCode: this.inviteCode,\n      });\n\n      console.log(`[SIGN] Loaded signing session ${session.email} / ${session.profile_id}`);\n\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);\n      this.envelope = envelope;\n      console.log('[SIGN] Loaded envelope', envelope);\n\n      this.recipientIndex = this.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        console.log('Found recipient', this.envelope.recipients[this.recipientIndex]);\n      }\n\n      this.fields = this.envelope.fields.filter(field => field.recipient_role === this.roleId);\n      console.log('Loaded fields', this.fields);\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    console.log('agree clicked');\n    updateRecipientStatus(this.endpoint, this.envelopeId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        console.log('update result', r);\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${this.envelope.name} - ${this.envelope.updated_at.split('T')[0]}.pdf`;\n    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, this.envelope.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    const url = `data:application/pdf;base64,${data}`;\n    console.log('url', url.length, url);\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        if (!window?.['STORYBOOK_ENV']) {\n          window.alert('User intends to sign later.');\n        }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    switch (field.type) {\n      case 'textbox':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'checkbox_group':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'dropdown':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n        break;\n    }\n  }\n\n  renderCheckboxGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-checkbox style={style} field={field} onChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  renderRadioGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-radio-button style={style} field={field} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n      case 'dropdown':\n        return !!field.settings?.value;\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  // (async () => {\n  //   await customElements.whenDefined('verdocs-field-signature');\n  //   const els = document.getElementById('verdocs-field-signature');\n  //   await els.focusField();\n  // })();\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    console.log('required Fields', requiredFields);\n\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n    console.log('focused Index', focusedIndex);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    const nextRequiredField = requiredFields[nextFocusedIndex];\n    console.log('next required field', nextRequiredField);\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      console.log('focusing', id, el);\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  renderField(field: IDocumentField, docPage: IDocumentPageInfo /*, index: number*/) {\n    const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n    if (!controlsDiv) {\n      return;\n    }\n\n    const id = getFieldId(field);\n    const existingField = document.getElementById(id);\n    console.log('field', id, existingField);\n    if (existingField) {\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n      return;\n    }\n\n    let el;\n    switch (field.type) {\n      case 'attachment':\n      case 'checkbox_group':\n      case 'date':\n      case 'dropdown':\n      case 'initial':\n      case 'payment':\n      case 'signature':\n      case 'timestamp':\n      case 'textarea':\n      case 'textbox':\n        el = document.createElement(`verdocs-field-${field.type}`);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderCheckboxGroupOption(renderOnPage, field, option, index));\n      case 'radio_button_group':\n        //   el = document.createElement('verdocs-field-signature');\n        //   el.setAttribute('value', base64);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderRadioGroupOption(renderOnPage, field, option, index));\n      // case 'attachment':\n      //   el = document.createElement('verdocs-field-attachment');\n      //   el.setAttribute('value', result || '');\n      //   break;\n      // case 'payment':\n      //   el = document.createElement('verdocs-field-payment');\n      //   break;\n      default:\n        console.log('[SIGN] Skipping unsupported field type', field);\n    }\n    console.log('created field', el);\n\n    if (el) {\n      el.field = field;\n      el.recipient = this.recipient;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', this.recipientIndex);\n      el.addEventListener('fieldChange', e => this.handleFieldChange(field, e));\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IPageRenderEvent;\n    console.log('[SIGN] Page rendered', pageInfo);\n\n    const fields = TemplateStore.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    console.log('[SIGN] Fields on page', fields);\n    fields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(TemplateStore.roleNames, field.role_name), this.handleFieldChange, true, true, true);\n      console.log('rendered element', el);\n      // const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(this.roles, field.role_name), this.handleFieldChange, true, true, true);\n      if (!el) {\n        return;\n      }\n\n      el.addEventListener('recipientChanged', e => {\n        el.setAttribute('roleindex', getRoleIndex(TemplateStore.roleNames, e.detail));\n        // el.setAttribute('roleindex', getRoleIndex(this.roles, e.detail));\n      });\n\n      el.setAttribute('xScale', pageInfo.renderedPage.xScale);\n      el.setAttribute('yScale', pageInfo.renderedPage.yScale);\n\n      // interact(el).draggable({\n      //   listeners: {\n      //     start(event) {\n      //       console.log('[FIELDS] Drag started', event.type, event.target);\n      //     },\n      //     move(event) {\n      //       const oldX = +(event.target.getAttribute('posX') || 0);\n      //       const oldY = +(event.target.getAttribute('posY') || 0);\n      //       const xScale = +(event.target.getAttribute('xScale') || 1);\n      //       const yScale = +(event.target.getAttribute('yScale') || 1);\n      //       const newX = event.dx / xScale + oldX;\n      //       const newY = event.dy / yScale + oldY;\n      //       event.target.setAttribute('posX', newX);\n      //       event.target.setAttribute('posy', newY);\n      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n      //     },\n      //     end(event) {\n      //       console.log('[FIELDS] Drag ended', event);\n      //       // event.target.setAttribute('posX', 0);\n      //       // event.target.setAttribute('posy', 0);\n      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n      //     },\n      //   },\n      // });\n    });\n  }\n  // handlePageRendered(e) {\n  //   const pageInfo = e.detail as IPageRenderEvent;\n  //   console.log('[SIGN] Page rendered', pageInfo);\n  //\n  //   const fields = this.fields.filter(field => field.page === pageInfo.renderedPage.pageNumber);\n  //   console.log('[SIGN] Fields on page', fields);\n  //   fields.forEach(field => this.renderField(field, pageInfo.renderedPage));\n  //   // .map((field, index) => this.renderField(field, index));\n  //   // this.pdfPageInfo = e.detail;\n  // }\n\n  render() {\n    if (!this.envelope) {\n      return <Host />;\n    }\n\n    const menuOptions = [\n      {id: 'later', label: 'Finish Later'}, //\n      {id: 'claim', label: 'Claim the Document', disabled: true},\n      {id: 'decline', label: 'Decline to Sign'},\n      {id: 'print', label: 'Print Without Signing'},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{agreed: this.recipient?.agreed}}>\n        <div class=\"intro\">\n          <div class=\"inner\">Please review and act on these documents.</div>\n        </div>\n\n        <div class=\"header\">\n          <div class=\"inner\">\n            <div class=\"toolbar\">\n              <div class=\"tools\">\n                <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n                {!this.recipient?.agreed ? (\n                  <div class=\"agree\">\n                    <div class=\"agree-checkbox\">\n                      <input type=\"checkbox\" value=\"None\" id=\"agree-checkbox-element\" name=\"agree\" onChange={() => this.handleClickAgree()} />\n                      <label htmlFor=\"agree-checkbox-element\" />\n                    </div>\n                    <span>I agree to use electronic records and signatures.</span>\n                  </div>\n                ) : (\n                  <div style={{flex: '1'}} />\n                )}\n                <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          <div class=\"inner\">\n            {(this.envelope?.documents || []).map(envelopeDocument => {\n              const pages = [...(envelopeDocument?.pages || [])];\n              pages.sort((a, b) => a.sequence - b.sequence);\n\n              return (\n                <Fragment>\n                  {pages.map(page => (\n                    <verdocs-document-page\n                      pageImageUri={page.display_uri}\n                      virtualWidth={612}\n                      virtualHeight={792}\n                      pageNumber={page.sequence}\n                      onPageRendered={e => this.handlePageRendered(e)}\n                      layers={[\n                        {name: 'page', type: 'canvas'},\n                        {name: 'controls', type: 'div'},\n                      ]}\n                    />\n                  ))}\n                </Fragment>\n              );\n            })}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}