@verdocs/web-sdk 1.9.16 → 1.9.21

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

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","node_modules/@verdocs/js-sdk/Envelopes/Signatures.js","node_modules/@verdocs/js-sdk/Envelopes/Initials.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__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","createInitials","initials","verdocsSignCss","VerdocsSign","recipientIndex","fields","class_1","componentWillLoad","VerdocsEndpoint","sessionType","componentDidLoad","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","console","log","Envelopes.getSigningSession","_p","_q","session","recipient","signerToken","email","profile_id","setToken","agreed","nextButtonLabel","getEnvelopeById","EnvelopeStore","envelope","recipients","findIndex","_this","e_1","_d","message","_e","response","status","_f","handleClickAgree","catch","savePDF","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","handleOptionSelected","detail","id","finishLater","showFinishLater","saveFieldChange","fieldName","Envelopes.updateEnvelopeField","error","errorMessage","handleFieldChange","field","optionId","target","checked","type","prepared","options","settings","map","option","selected","fetch","_r","blob","initialsBlob","newInitials","updateEnvelopeFieldInitials","signatureBlob","newSignature","updateEnvelopeFieldSignature","iso","getAttribute","isFieldValid","validator","isValidEmail","isValidPhone","base64","_g","_j","_h","filter","_k","minimum_checked","_l","maximum_checked","_o","_m","handleNext","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","includes","getFieldId","el","getElementById","focusField","handlePageRendered","pageInfo","roleIndex","getRoleIndex","roleNames","recipientFields","page","pageNumber","forEach","renderDocumentField","disabled","editable","draggable","addEventListener","setAttribute","xScale","yScale","fullNameToInitials","full_name","otherRecipient","otherRoleIndex","render","loading","h","Host","menuOptions","class","onOptionSelected","onInput","flex","size","onClick","documents","envelopeDocument","pages","__spreadArray","sort","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","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","/**\n * Create an initials block. In a typical signing workflow, the user is asked at the beginning of the process to \"adopt\"\n * an initials block to be used for all initials fields in the document. Thus, this is typically called one time to\n * create and store an initials block. Thereafter, the ID of the initials block may be re-used for each initials field\n * to be \"stamped\" by the user.\n */\nexport var createInitials = function (endpoint, name, initials) {\n    var data = new FormData();\n    data.append('initial', initials, name);\n    return endpoint.api //\n        .post(\"/initials\", data)\n        .then(function (r) { return r.data; });\n};\n","@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    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 {createInitials} from '@verdocs/js-sdk/Envelopes/Initials';\nimport {createSignature} from '@verdocs/js-sdk/Envelopes/Signatures';\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 {updateEnvelopeFieldInitials, updateEnvelopeFieldSignature} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport {fullNameToInitials, getFieldId, getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {getEnvelopeById} from '../../../utils/Envelopes';\nimport EnvelopeStore from '../../../utils/envelopeStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\n/**\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() errorMessage = '';\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  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .catch(e => {\n        if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n          // TODO: Do we want to improve the instructions here?\n          console.log('[SIGN] Signing session expired');\n          this.errorMessage = 'Signing session expired.';\n        } else {\n          console.log('[SIGN] Server error', e);\n        }\n\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    const {value, checked} = e.target;\n\n    switch (field.type) {\n      case 'textbox':\n        return this.saveFieldChange(field.name, {prepared: false, value});\n\n      case 'checkbox_group':\n        return this.saveFieldChange(field.name, {prepared: false, value: {options: [{id: optionId, checked}]}});\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        return this.saveFieldChange(field.name, {prepared: false, value: {options}});\n\n      case 'dropdown':\n        return this.saveFieldChange(field.name, {prepared: false, value: e.detail});\n\n      case 'initial':\n        const initialsBlob = await (await fetch(e.detail)).blob();\n        return createInitials(this.endpoint, 'initial', initialsBlob) //\n          .then(newInitials => {\n            console.log('New initials', field.name, newInitials);\n            updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n          });\n\n      case 'signature':\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(newSignature => {\n            console.log('New sign', field.name, newSignature);\n            updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n          });\n\n      case 'date':\n        const iso = e.target.getAttribute('iso');\n        return this.saveFieldChange(field.name, {prepared: false, value: iso});\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        return !!field.settings?.base64;\n\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n\n      case 'dropdown':\n        return !!field.settings?.value;\n\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\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  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    let nextRequiredField = requiredFields[nextFocusedIndex];\n\n    // Skip signature and initial fields that are already filled in. We have to count our \"skips\" just in case, to avoid infinite loops.\n    let skips = 0;\n    if (skips < requiredFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && nextRequiredField.settings?.result === 'signed') {\n      skips++;\n      nextFocusedIndex++;\n      if (nextFocusedIndex >= requiredFields.length) {\n        nextFocusedIndex = 0;\n      }\n      nextRequiredField = requiredFields[nextFocusedIndex];\n    }\n\n    if (skips >= requiredFields.length) {\n      nextRequiredField = null;\n    }\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    console.log('[SIGN] Page rendered, adding fields', pageInfo);\n\n    const roleIndex = getRoleIndex(EnvelopeStore.roleNames, this.recipient.role_name);\n    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);\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).catch(() => {});\n      });\n\n      el.addEventListener('fieldChange', e => {\n        this.handleFieldChange(field, e).catch(() => {});\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', disabled: true},\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            console.log('p', envelopeDocument, pages);\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\n        {this.errorMessage && <verdocs-ok-dialog heading=\"Network Error\" message={this.errorMessage} onNext={() => (this.errorMessage = '')} />}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","node_modules/@verdocs/js-sdk/Envelopes/Signatures.js","node_modules/@verdocs/js-sdk/Envelopes/Initials.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__awaiter","this","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","apply","__generator","body","_","label","sent","t","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","n","v","op","TypeError","call","pop","length","push","updateRecipient","endpoint","envelopeId","roleName","params","_a","api","put","concat","r","data","envelopeRecipientSubmit","action","envelopeRecipientDecline","envelopeRecipientAgree","agreed","createSignature","name","signature","FormData","append","post","createInitials","initials","verdocsSignCss","PrintIcon","DownloadIcon","VerdocsSign","recipientIndex","fields","class_1","prototype","componentWillLoad","VerdocsEndpoint","sessionType","componentDidLoad","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","console","log","Envelopes.getSigningSession","_h","_j","session","recipient","signerToken","email","profile_id","setToken","nextButtonLabel","getEnvelopeById","EnvelopeStore","envelope","recipients","findIndex","role_name","_this","isDone","includes","status","_d","envelopeLoaded","e_1","_e","message","_f","response","_g","handleClickAgree","envelopeUpdated","event","catch","handleOptionSelected","detail","id","finishLater","showFinishLater","declineResult","window","print","savePDF","envelope_document_id","saveFieldChange","fieldName","Envelopes.updateEnvelopeField","error","errorMessage","handleFieldChange","field","target","checked","type","prepared","options","settings","map","option","selected","fetch","_k","blob","initialsBlob","newInitials","updateEnvelopeFieldInitials","signatureBlob","newSignature","updateEnvelopeFieldSignature","iso","getAttribute","ts","isFieldValid","required","_l","_m","base64","validator","isValidEmail","isValidPhone","checkedCount","filter","minimum_checked","maximum_checked","handleNext","nextSubmits","showDone","e_2","requiredFields","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","getFieldId","el","document","getElementById","focusField","checkRecipientFields","someFieldsInvalid","some","fieldValid","attachFieldAttributes","pageInfo","roleIndex","addEventListener","finally","setAttribute","xScale","yScale","fullNameToInitials","full_name","handlePageRendered","getRoleIndex","roleNames","recipientFields","page","pageNumber","forEach","renderDocumentField","disabled","editable","draggable","Array","isArray","otherRecipient","otherRoleIndex","render","loading","h","Host","menuOptions","class","onOptionSelected","onInput","Fragment","src","alt","style","flex","innerHTML","width","height","fill","cursor","onClick","marginLeft","maginRight","size","display","documents","envelopeDocument","pages","__spreadArray","sort","a","b","sequence","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers","heading","onNext"],"mappings":"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","sourcesContent":["var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Update a recipient's status block\n */\nexport var updateRecipient = function (endpoint, envelopeId, roleName, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(roleName), params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Submit an envelope (signing is finished). Note that all fields must be valid/completed for this to succeed.\n */\nexport var envelopeRecipientSubmit = function (endpoint, envelopeId, roleName) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'submit' });\n};\n/**\n * Decline to complete an envelope (signing will not terminated).\n */\nexport var envelopeRecipientDecline = function (endpoint, envelopeId, roleName) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'decline' });\n};\n/**\n * Claim / change ownership of an envelope. This is a special-case operation only available in certain workflows.\n */\nexport var envelopeRecipientChangeOwner = function (endpoint, envelopeId, roleName, email, fullName) { return updateRecipient(endpoint, envelopeId, roleName, { action: 'owner_update', email: email, full_name: fullName }); };\n/**\n * Agree to electronic signing.\n */\nexport var envelopeRecipientAgree = function (endpoint, envelopeId, roleName, agreed) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'update', agreed: agreed });\n};\n/**\n * Change a recipient's name.\n */\nexport var envelopeRecipientUpdateName = function (endpoint, envelopeId, roleName, fullName) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'update', new_full_name: fullName });\n};\n/**\n * Change a recipient's name.\n */\nexport var envelopeRecipientPrepare = function (endpoint, envelopeId, roleName, recipients) {\n    return updateRecipient(endpoint, envelopeId, roleName, { action: 'prepare', recipients: recipients });\n};\nexport var getSignerToken = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"/signer-token\"))\n        .then(function (r) { return r.data; });\n};\nexport var getInPersonLink = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"?in_person_link=true\"))\n        .then(function (r) { return r.data; });\n};\n","/**\n * Create a signature block. In a typical signing workflow, the user is asked at the beginning of the process to \"adopt\"\n * a signature block to be used for all signature fields in the document. Thus, this is typically called one time to\n * create and store a signature block. Thereafter, the ID of the signature block may be re-used for each signature field\n * to be \"stamped\" by the user.\n */\nexport var createSignature = function (endpoint, name, signature) {\n    var data = new FormData();\n    data.append('signature', signature, name);\n    return endpoint.api //\n        .post(\"/signatures\", data)\n        .then(function (r) { return r.data; });\n};\n/**\n * Get the availbable signatures for a user.\n */\nexport var getSignatures = function (endpoint) {\n    return endpoint.api //\n        .get('/signatures')\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a user's signature by ID.\n */\nexport var getSignature = function (endpoint, signatureId) {\n    return endpoint.api //\n        .get(\"/signatures/\".concat(signatureId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a user's signature.\n */\nexport var deleteSignature = function (endpoint, signatureId) {\n    return endpoint.api //\n        .delete(\"/signatures/\".concat(signatureId))\n        .then(function (r) { return r.data; });\n};\n","/**\n * Create an initials block. In a typical signing workflow, the user is asked at the beginning of the process to \"adopt\"\n * an initials block to be used for all initials fields in the document. Thus, this is typically called one time to\n * create and store an initials block. Thereafter, the ID of the initials block may be re-used for each initials field\n * to be \"stamped\" by the user.\n */\nexport var createInitials = function (endpoint, name, initials) {\n    var data = new FormData();\n    data.append('initial', initials, name);\n    return endpoint.api //\n        .post(\"/initials\", data)\n        .then(function (r) { return r.data; });\n};\n","@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    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    .logo {\n      width: 77.5px;\n      margin: -6px 0 0 5px;\n    }\n\n    .title {\n      padding-left: 16px;\n      font-size: 18px;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    min-height: 200px;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .agree {\n    flex: 1;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0 15px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n  }\n}\n\n@media print {\n  verdocs-sign .header {\n    display: none;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {createInitials} from '@verdocs/js-sdk/Envelopes/Initials';\nimport {createSignature} from '@verdocs/js-sdk/Envelopes/Signatures';\nimport {IDocumentField, IEnvelope, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit} 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 {updateEnvelopeFieldInitials, updateEnvelopeFieldSignature} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport {fullNameToInitials, getFieldId, getRoleIndex, renderDocumentField, savePDF} from '../../../utils/utils';\nimport {getEnvelopeById} from '../../../utils/Envelopes';\nimport EnvelopeStore from '../../../utils/envelopeStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\nconst PrintIcon = `<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"></path></svg>`;\n\nconst DownloadIcon = `<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z\"></path></svg>`;\n\n/**\n * Display an envelope signing experience. This will display the envelope's attached\n * documents with signing fields overlaid on each page.\n *\n * The component will attempt to initiate a signing session and load the specified\n * envelope. If successful, the recipient's fields will be enabled and the user will\n * be able to sign the envelope's attached documents. If not, an `sdkError` will be\n * thrown and the component will be blank/empty. To provide the best user experience,\n * applications should capture and handle this error to provide the user with\n * instructions/options for next steps based on the application's design and workflow.\n *\n * Unlike other components, this will always create its own endpoint to manage the\n * session session. This endpoint will be included in event callbacks for the\n * convenience of host applications that may wish to make server calls using the\n * signer's credentials once signing is complete (e.g. to obtain copies of\n * the signed attachments.)\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\n  endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop() envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop() roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop() inviteCode: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the envelope is updated in any way.\n   */\n  @Event({composed: true}) envelopeLoaded: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the envelope is updated in any way.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  @State() recipient: IRecipient | null = null;\n  @State() signerToken = null;\n  // @State() envelope: IEnvelope | null = null;\n  // @State() fields: IDocumentField[] = [];\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() nextSubmits = false;\n  @State() errorMessage = '';\n  @State() focusedField = '';\n  @State() isDone = false;\n  @State() showDone = false;\n\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n\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      this.isDone = ['submitted', 'canceled', 'declined'].includes(this.recipient.status);\n      console.log('Done', this.isDone);\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n\n      this.envelopeLoaded?.emit({endpoint: this.endpoint, envelope: EnvelopeStore.envelope});\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)\n      .then(r => {\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: EnvelopeStore.envelope, event: 'agreed'});\n      })\n      .catch(e => {\n        console.log('Update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        this.finishLater = true;\n        this.showFinishLater = true;\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        // if (!window?.['STORYBOOK_ENV']) {\n        //   window.alert('User intends to sign later.');\n        // }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        {\n          const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);\n          console.log('Decline result', declineResult);\n          this.isDone = true;\n        }\n        break;\n      case 'print':\n        window.print();\n        break;\n      case 'download':\n        savePDF(this.endpoint, EnvelopeStore.envelope, EnvelopeStore.envelope.envelope_document_id).catch(() => {});\n        break;\n    }\n  }\n\n  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .catch(e => {\n        if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n          // TODO: Do we want to improve the instructions here?\n          console.log('[SIGN] Signing session expired');\n          this.errorMessage = 'Signing session expired.';\n        } else {\n          console.log('[SIGN] Server error', e);\n        }\n\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any) {\n    console.log('fieldChange', field, e, e.target.value);\n    const {value, checked} = e.target;\n\n    switch (field.type) {\n      case 'textbox':\n        return this.saveFieldChange(field.name, {prepared: false, value});\n\n      case 'checkbox_group': {\n        const options = field.settings.options.map(option => ({id: option.id, checked: e.target.checked}));\n        return this.saveFieldChange(field.name, {prepared: false, value: {options}});\n      }\n\n      case 'radio_button_group': {\n        const options = field.settings.options.map(option => ({id: option.id, selected: e.target.value === option.id}));\n        return this.saveFieldChange(field.name, {prepared: false, value: {options}});\n      }\n\n      case 'dropdown':\n        return this.saveFieldChange(field.name, {prepared: false, value: e.detail});\n\n      case 'initial':\n        const initialsBlob = await (await fetch(e.detail)).blob();\n        return createInitials(this.endpoint, 'initial', initialsBlob) //\n          .then(newInitials => {\n            console.log('New initials', field.name, newInitials);\n            updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n          });\n\n      case 'signature':\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(newSignature => {\n            console.log('New sign', field.name, newSignature);\n            updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n          });\n\n      case 'date':\n        const iso = e.target.getAttribute('iso');\n        return this.saveFieldChange(field.name, {prepared: false, value: iso});\n\n      case 'timestamp':\n        console.log('Updating timestamp', {value, ts: e.target.getAttribute('timestamp')});\n        break;\n\n      default:\n        console.log('Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldValid(field: IDocumentField) {\n    const {required = false} = field;\n    const {result = '', value = '', base64 = ''} = field.settings || {};\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(result);\n          case 'phone':\n            return isValidPhone(result);\n          default:\n            return !required || result !== '';\n        }\n\n      case 'signature':\n      case 'initial':\n        return !required || base64 !== '';\n\n      // Timestamp fields get automatically filled when the envelope is submitted.\n      case 'timestamp':\n        return true;\n\n      case 'textarea':\n      case 'date':\n      case 'attachment':\n        return !required || result !== '';\n\n      case 'dropdown':\n        return !required || value !== '';\n\n      case 'checkbox_group':\n        const checkedCount = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return !required || (checkedCount >= (field.settings?.minimum_checked || 0) && checkedCount <= (field.settings?.maximum_checked || 999));\n\n      case 'radio_button_group':\n        return !required || (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  async handleNext() {\n    if (this.nextSubmits) {\n      try {\n        const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);\n        console.log('[SIGN] Submitted successfully', result);\n        this.showDone = true;\n        this.isDone = true;\n        // updateRecipientStatus()\n      } catch (e) {\n        console.log('Error submitting', e);\n      }\n      return;\n      // You're done.\n      // You can access the Verdoc at any time by clicking on the link from invitation email.\n      //\n      // After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.\n      //\n      // Thank you for using Verdocs.\n      // Got it, thanks\n    }\n\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    let nextRequiredField = requiredFields[nextFocusedIndex];\n\n    // Skip signature and initial fields that are already filled in. We have to count our \"skips\" just in case, to avoid infinite loops.\n    let skips = 0;\n    if (skips < requiredFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && nextRequiredField.settings?.result === 'signed') {\n      skips++;\n      nextFocusedIndex++;\n      if (nextFocusedIndex >= requiredFields.length) {\n        nextFocusedIndex = 0;\n      }\n      nextRequiredField = requiredFields[nextFocusedIndex];\n    }\n\n    if (skips >= requiredFields.length) {\n      nextRequiredField = null;\n    }\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  // See if everything that \"needs to be\" filled in is, and all \"fillable fields\" are valid\n  checkRecipientFields() {\n    const someFieldsInvalid = this.recipient.fields.map(field => this.isFieldValid(field)).some(fieldValid => !fieldValid);\n    console.log({someFieldsInvalid});\n    if (!someFieldsInvalid) {\n      this.nextButtonLabel = 'Finish';\n      this.nextSubmits = true;\n    } else {\n      this.nextSubmits = false;\n    }\n  }\n\n  attachFieldAttributes(pageInfo, field, roleIndex, el) {\n    el.addEventListener('input', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));\n    el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));\n\n    el.setAttribute('roleindex', roleIndex);\n    el.setAttribute('xScale', pageInfo.xScale);\n    el.setAttribute('yScale', pageInfo.yScale);\n    el.setAttribute('initials', this.recipient ? fullNameToInitials(this.recipient.full_name) : '');\n    el.setAttribute('name', this.recipient?.full_name || '');\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    const roleIndex = getRoleIndex(EnvelopeStore.roleNames, this.recipient.role_name);\n    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);\n    console.log('[SIGN] Page rendered, adding fields', {pageInfo, roleIndex, recipientFields});\n\n    recipientFields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: false, editable: false, draggable: false, done: this.isDone});\n      if (!el) {\n        return;\n      }\n\n      if (Array.isArray(el)) {\n        el.map(e => this.attachFieldAttributes(pageInfo, field, roleIndex, e));\n      } else {\n        this.attachFieldAttributes(pageInfo, field, roleIndex, el);\n      }\n\n      // interact(el).draggable({\n      //   listeners: {\n      //     start(event) {\n      //       console.log('[FIELDS] Drag started', event.type, event.target);\n      //     },\n      //     move(event) {\n      //       const oldX = +(event.target.getAttribute('posX') || 0);\n      //       const oldY = +(event.target.getAttribute('posY') || 0);\n      //       const xScale = +(event.target.getAttribute('xScale') || 1);\n      //       const yScale = +(event.target.getAttribute('yScale') || 1);\n      //       const newX = event.dx / xScale + oldX;\n      //       const newY = event.dy / yScale + oldY;\n      //       event.target.setAttribute('posX', newX);\n      //       event.target.setAttribute('posy', newY);\n      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n      //     },\n      //     end(event) {\n      //       console.log('[FIELDS] Drag ended', event);\n      //       // event.target.setAttribute('posX', 0);\n      //       // event.target.setAttribute('posy', 0);\n      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n      //     },\n      //   },\n      // });\n    });\n\n    // Render fields for \"the other\" recipients\n    EnvelopeStore.envelope.recipients\n      .filter(recipient => recipient.role_name !== this.recipient.role_name)\n      .map(otherRecipient => {\n        const otherRoleIndex = getRoleIndex(EnvelopeStore.roleNames, otherRecipient.role_name);\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        recipientFields.forEach(field => {\n          const el = renderDocumentField(field, pageInfo, otherRoleIndex, {disabled: true, editable: false, draggable: false, done: this.isDone});\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    this.checkRecipientFields();\n  }\n\n  render() {\n    if (EnvelopeStore.loading || !EnvelopeStore.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    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', disabled: true},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{agreed: this.recipient?.agreed}}>\n        {!this.isDone && !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            <div class=\"toolbar\">\n              <div class=\"tools\">\n                {!this.isDone && !this.finishLater && <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                  <Fragment>\n                    <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n                    <div class=\"title\">{EnvelopeStore.envelope.name}</div>\n                    <div style={{flex: '1'}} />\n                    <div innerHTML={PrintIcon} style={{width: '24px', height: '24px', fill: '#ffffff', cursor: 'pointer'}} onClick={() => window.print()} />\n                    <div\n                      innerHTML={DownloadIcon}\n                      style={{width: '24px', height: '24px', fill: '#ffffff', cursor: 'pointer', marginLeft: '16px', maginRight: '30px'}}\n                      onClick={() => savePDF(this.endpoint, EnvelopeStore.envelope, EnvelopeStore.envelope.envelope_document_id).catch(() => {})}\n                    />\n                  </Fragment>\n                )}\n\n                {!this.isDone && !this.finishLater && (\n                  <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {!this.isDone && !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\n        {this.errorMessage && <verdocs-ok-dialog heading=\"Network Error\" message={this.errorMessage} onNext={() => (this.errorMessage = '')} />}\n        {this.showDone && (\n          <verdocs-ok-dialog\n            heading=\"You're Done!\"\n            message=\"You can access the Verdoc at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.\"\n            onNext={() => (this.showDone = false)}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"]}