@verdocs/web-sdk 1.9.14 → 1.9.15

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

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