@verdocs/web-sdk 1.9.21 → 1.9.23

package/dist/verdocs-web-sdk/p-64cad758.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","node_modules/@verdocs/js-sdk/Envelopes/Signatures.js","node_modules/@verdocs/js-sdk/Envelopes/Initials.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__awaiter","this","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","apply","__generator","body","_","label","sent","t","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","n","v","op","TypeError","call","pop","length","push","updateRecipient","endpoint","envelopeId","roleName","params","_a","api","put","concat","r","data","envelopeRecipientSubmit","action","envelopeRecipientDecline","envelopeRecipientAgree","agreed","createSignature","name","signature","FormData","append","post","createInitials","initials","verdocsSignCss","PrintIcon","DownloadIcon","VerdocsSign","exports","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"]}

package/dist/verdocs-web-sdk/p-77a77df6.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as s,H as o}from"./p-ff1278ed.js";import{g as t}from"./p-c2cc4492.js";import"./p-8efc9749.js";import{i as l,a as n}from"./p-e662f81b.js";import{g as d}from"./p-6de76553.js";import{V as a}from"./p-1f1127dd.js";import{a as c}from"./p-208a3320.js";import"./p-21603661.js";const r='verdocs-send{display:-ms-flexbox;display:flex;padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid #97979744}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:#00000089}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-direction:row;flex-direction:row}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}';const p='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg>';const x='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>';const h='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>';const v='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>';const f=class{constructor(s){e(this,s);this.send=i(this,"send",7);this.cancel=i(this,"cancel",7);this.sdkError=i(this,"sdkError",7);this.levels=[];this.endpoint=a.getDefault();this.templateId=null;this.template=null;this.pdfUrl=null;this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.rolesAtLevel={};this.showPickerForId="";this.sessionContacts=[];this.recipientsAssigned={}}async componentWillLoad(){var e;this.sessionContacts=[];try{const i=await this.endpoint.loadSession();if((e=i.session)===null||e===void 0?void 0:e.profile){this.sessionContacts.push({id:i.session.profile.id,name:`${i.session.profile.first_name} ${i.session.profile.last_name}`,email:i.session.profile.email,phone:i.session.profile.phone})}}catch(e){console.log("Error loading session",e)}}async componentDidLoad(){console.log("[SEND] Showing template",this.templateId);try{console.log(`[SEND] Loading template ${this.templateId}`);const e=await t(this.endpoint,this.templateId);console.log("[SEND] Got template",e);this.template=e;if(e===null||e===void 0?void 0:e.roles){const i={};e.roles.forEach((e=>{const s=e.sequence-1;i[s]||(i[s]=[]);const o=`r-${s}-${i[s].length}`;i[s].push({...e,id:o})}));this.rolesAtLevel=i;this.levels=Object.keys(i).map((e=>+e));this.levels.sort(((e,i)=>e-i))}}catch(e){console.log("[SEND] Error getting template",e)}}getLevelIcon(e){if(e<0){return s("div",{class:"level-icon",innerHTML:x})}else if(e>=this.levels.length){return s("div",{class:"level-icon",innerHTML:v})}else{return s("div",{class:"level-icon",innerHTML:h})}}handleSelectContact(e,i){e.preventDefault();this.recipientsAssigned[i.id]={...i,...e.detail};this.showPickerForId=""}handleClickRole(e,i){e.stopPropagation();this.showPickerForId=i.id}handleSend(e){var i;e.stopPropagation();(i=this.send)===null||i===void 0?void 0:i.emit({recipientsAssigned:Object.values(this.recipientsAssigned)})}handleCancel(e){var i;e.stopPropagation();(i=this.cancel)===null||i===void 0?void 0:i.emit()}render(){var e,i,t;const a=((i=(e=this.template)===null||e===void 0?void 0:e.roles)===null||i===void 0?void 0:i.map((e=>e.name)))||[];const r=Object.values(this.recipientsAssigned).filter((e=>{console.log("valid email",l(e.email),e.email);console.log("valid phone",n(e.phone),e.phone);return l(e.email)||n(e.phone)})).length>=((t=this.template)===null||t===void 0?void 0:t.roles.length);console.log("assigned",r);return s(o,{class:{}},s("div",{class:"recipients"},s("div",{class:"left-line"}),s("div",{class:`level level-start`},this.getLevelIcon(-1),s("div",{class:"complete"},"Send Document")),this.levels.map((e=>s("div",{class:`level level-${e}`},this.getLevelIcon(e),this.rolesAtLevel[e].map((e=>{var i,o,t;return s("div",{class:"recipient",style:{backgroundColor:d(c(a,e.name))},onClick:i=>this.handleClickRole(i,e)},(o=(i=this.recipientsAssigned[e.id])===null||i===void 0?void 0:i.full_name)!==null&&o!==void 0?o:e.name,s("div",{class:"icon",innerHTML:p}),this.showPickerForId===e.id&&s("verdocs-contact-picker",{onCancel:()=>this.showPickerForId="",onNext:i=>this.handleSelectContact(i,e),contactSuggestions:this.sessionContacts,templateRole:(t=this.recipientsAssigned[e.id])!==null&&t!==void 0?t:e,onSearchContacts:e=>console.log("Search",e.detail)}))}))))),s("div",{class:`level level-done`},this.getLevelIcon(this.levels.length),s("div",{class:"complete"},"Document Complete"))),s("div",{class:"buttons"},s("verdocs-button",{label:"Cancel",size:"small",variant:"outline",onClick:e=>this.handleCancel(e)}),s("verdocs-button",{label:"Send",size:"small",disabled:!r,onClick:e=>this.handleSend(e)})))}};f.style=r;export{f as verdocs_send};
-//# sourceMappingURL=p-77a77df6.entry.js.map

package/dist/verdocs-web-sdk/p-99144a0a.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js","./p-a7433630.system.js","./p-cf1ed6b8.system.js","./p-187b20b7.system.js","./p-af2c2f79.system.js"],(function(t){"use strict";var e,n,i,s,o;return{setters:[function(t){e=t.r;n=t.c;i=t.h},function(){},function(t){s=t.V},function(t){o=t.S},function(){}],execute:function(){var a=function(t,e){return t.api.post("/authentication/login",e).then((function(t){return t.data}))};var r='verdocs-auth{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-auth .login-form,verdocs-auth .signup-form{background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex;padding:20px;width:300px;max-width:100%}verdocs-auth .logo{margin:20px 0 30px;width:128px;max-width:100%}verdocs-auth h3{text-align:center;font-weight:400;font-size:16px;line-height:1.75;margin:0}verdocs-auth h4{text-align:center;font-weight:400;font-size:14px;line-height:1.43;margin:0}verdocs-auth .status-result{display:none}verdocs-auth .status-result.debug{white-space:pre-wrap;font-size:14px;background:#fff;padding:10px;display:block;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth form{width:100%}verdocs-auth verdocs-text-input{margin-bottom:10px}';var l=t("verdocs_auth",function(){function t(t){e(this,t);this.authenticated=n(this,"authenticated",7);this.sdkError=n(this,"sdkError",7);this.endpoint=s.getDefault();this.visible=true;this.logo="https://verdocs.com/assets/blue-logo.svg";this.debug=false;this.isAuthenticated=false;this.displayMode="login";this.username="";this.password="";this.loggingIn=false;this.activeSession=null;this.loginError=null}t.prototype.componentWillLoad=function(){var t,e;this.endpoint.loadSession();if(this.endpoint.session){console.log("[AUTH] Authenticated");this.isAuthenticated=true;this.activeSession=this.endpoint.session;(t=this.authenticated)===null||t===void 0?void 0:t.emit({authenticated:true,session:this.endpoint.session})}else{console.log("[AUTH] Anonymous");(e=this.authenticated)===null||e===void 0?void 0:e.emit({authenticated:false,session:null})}};t.prototype.handleLogin=function(){var t=this;this.loggingIn=true;a(this.endpoint,{username:this.username,password:this.password}).then((function(e){var n;t.loggingIn=false;t.endpoint.setToken(e.accessToken);t.activeSession=t.endpoint.session;t.isAuthenticated=true;(n=t.authenticated)===null||n===void 0?void 0:n.emit({authenticated:true,session:t.endpoint.session})})).catch((function(e){var n,i,s,a,r;console.log("[AUTH] Authentication error",e.response,JSON.stringify(e));t.loggingIn=false;t.activeSession=null;(n=t.authenticated)===null||n===void 0?void 0:n.emit({authenticated:false,session:null});(i=t.sdkError)===null||i===void 0?void 0:i.emit(new o(e.message,(s=e.response)===null||s===void 0?void 0:s.status,(a=e.response)===null||a===void 0?void 0:a.data));if(((r=e===null||e===void 0?void 0:e.response)===null||r===void 0?void 0:r.status)===403){t.loginError="Please check your username and password and try again."}}))};t.prototype.handleLogout=function(){var t;this.endpoint.clearSession();this.isAuthenticated=false;(t=this.authenticated)===null||t===void 0?void 0:t.emit({authenticated:false,session:null})};t.prototype.handleClearError=function(){this.loginError=null};t.prototype.render=function(){var t=this;if(!this.visible){return i("div",{style:{display:"none"}},"Verdocs Auth Placeholder")}if(this.isAuthenticated){if(this.debug){return i("div",{class:"status-result debug"},i("verdocs-button",{label:"Logout",disabled:this.loggingIn,onClick:function(){return t.handleLogout()}}))}return i("div",{class:"status-result"},"Authenticated")}if(this.displayMode==="signup"){return i("div",{class:"signup-form"},i("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"}),i("h3",null,"Sign up for an account"),i("h4",null,"Already have an account?",i("verdocs-button",{label:"Log In",variant:"text",onClick:function(){return t.displayMode="login"},disabled:this.loggingIn})),i("form",{onSubmit:function(){return t.handleLogin()}},i("verdocs-text-input",{label:"Email",autocomplete:"username",value:this.username,onInput:function(e){return t.username=e.target.value},disabled:this.loggingIn}),i("verdocs-text-input",{label:"Password",type:"password",autocomplete:"current-password",value:this.password,onInput:function(e){return t.password=e.target.value},disabled:this.loggingIn}),i("verdocs-button",{label:"Signup",disabled:this.loggingIn,onClick:function(){return t.handleLogin()},style:{display:"flex",justifyContent:"center",margin:"30px auto 0"}})))}return i("div",{class:"login-form"},i("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"}),i("h3",null,"Log in to your account"),i("h4",null,"Don't have an account?",i("verdocs-button",{label:"Sign Up",variant:"text",onClick:function(){return t.displayMode="signup"},disabled:this.loggingIn})),i("form",{onSubmit:function(){return t.handleLogin()}},i("verdocs-text-input",{label:"Email",autocomplete:"username",value:this.username,onInput:function(e){return t.username=e.target.value},disabled:this.loggingIn}),i("verdocs-text-input",{label:"Password",type:"password",autocomplete:"current-password",value:this.password,onInput:function(e){return t.password=e.target.value},disabled:this.loggingIn}),i("verdocs-button",{label:"Forgot Your Password?",variant:"text",onClick:function(){return t.displayMode="signup"},disabled:this.loggingIn,style:{display:"flex",justifyContent:"center",margin:"10px auto 20px"}}),i("verdocs-button",{label:"Login",disabled:this.loggingIn,onClick:function(){return t.handleLogin()},style:{display:"flex",justifyContent:"center",margin:"10px auto 0"}})),this.loginError?i("verdocs-ok-dialog",{heading:"Login Error",message:this.loginError,onNext:function(){return t.handleClearError()}}):i("div",null))};return t}());l.style=r}}}));
-//# sourceMappingURL=p-99144a0a.system.entry.js.map

package/dist/verdocs-web-sdk/p-99144a0a.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Users/Auth.js","src/components/embeds/verdocs-auth/verdocs-auth.scss?tag=verdocs-auth","src/components/embeds/verdocs-auth/verdocs-auth.tsx"],"names":["authenticateUser","endpoint","params","api","post","then","r","data","verdocsAuthCss","VerdocsAuth","exports","VerdocsEndpoint","getDefault","class_1","prototype","componentWillLoad","this","loadSession","session","console","log","isAuthenticated","activeSession","_a","authenticated","emit","_b","handleLogin","_this","loggingIn","Auth.authenticateUser","username","password","setToken","accessToken","catch","e","response","JSON","stringify","sdkError","SDKError","message","_c","status","_d","_e","loginError","handleLogout","clearSession","handleClearError","render","visible","h","style","display","debug","class","label","disabled","onClick","displayMode","src","logo","alt","variant","onSubmit","autocomplete","value","onInput","target","type","justifyContent","margin","heading","onNext"],"mappings":"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","sourcesContent":["/**\n * Authenticate to Verdocs via user/password authentication\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n * import {Transport} from '@verdocs/js-sdk/HTTP';\n *\n * const {accessToken} = await Auth.authenticateUser({ username: 'test@test.com', password: 'PASSWORD' });\n * Transport.setAuthToken(accessToken);\n * ```\n */\nexport var authenticateUser = function (endpoint, params) {\n    return endpoint.api //\n        .post('/authentication/login', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Authenticate to Verdocs via client ID / Secret authentication. **NOTE: This is only suitable for\n * NodeJS server-side applications. Never expose your Client Secret in a Web or Mobile app!** Also note\n * that access tokens may be cached by server-side apps (and this is recommended) but do expire after 2\n * hours. This expiration may change based on future security needs. Application developers are encouraged\n * to check the `exp` expiration field in the response accessToken and renew tokens after they expire.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n * import {Transport} from '@verdocs/js-sdk/HTTP';\n *\n * const {accessToken} = await Auth.authenticateApp({ client_id: 'CLIENTID', client_secret: 'SECRET' });\n * Transport.setAuthToken(accessToken);\n * ```\n */\nexport var authenticateApp = function (endpoint, params) {\n    return endpoint.api //\n        .post('/authentication/login_client', {}, { headers: params })\n        .then(function (r) { return r.data; });\n};\n/**\n * Validate a token. Only Verdocs tokens will be accepted. Most applications can decode tokens locally,\n * because tokens will be validated when API calls are made anyway. However, high-security applications\n * may use this endpoint to check if a token has been revoked.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n *\n * const {valid} = await Auth.validateToken({ token });\n * if (!valid) {\n *   window.alert('Session invalid or expired. Please re-authenticate.');\n * }\n * ```\n */\nexport var validateToken = function (endpoint, params) {\n    return endpoint.api //\n        .post('/token/isValid', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * If called before the session expires, this will refresh the caller's session and tokens.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n * import {Transport} from '@verdocs/js-sdk/HTTP';\n *\n * const {accessToken} = await Auth.refreshTokens();\n * Transport.setAuthToken(accessToken);\n * ```\n */\nexport var refreshTokens = function (endpoint) {\n    return endpoint.api //\n        .get('/token')\n        .then(function (r) { return r.data; });\n};\n/**\n * Update the caller's password. To help prevent CSRF attack vectors, the user's old password and email address are required.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n *\n * const {status, message} = await Auth.updatePassword({ email, oldPassword, newPassword });\n * if (status !== 'OK') {\n *   window.alert(`Password reset error: ${message}`);\n * }\n * ```\n */\nexport var updatePassword = function (endpoint, params) {\n    return endpoint.api //\n        .put('/user/update_password', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update the caller's email address.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n *\n * const {profiles} = await Auth.updateEmail({ email: newEmail });\n * ```\n */\nexport var updateEmail = function (endpoint, params) {\n    return endpoint.api //\n        .put('/user/update_email', params)\n        .then(function (r) { return r.data; });\n};\n","@import '../../../theme.scss';\n\nverdocs-auth {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  .login-form,\n  .signup-form {\n    background: $verdocs-grey-4;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    display: flex;\n    padding: 20px;\n    width: 300px;\n    max-width: 100%;\n  }\n\n  .logo {\n    margin: 20px 0 30px;\n    width: 128px;\n    max-width: 100%;\n  }\n\n  h3 {\n    text-align: center;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 1.75;\n    margin: 0;\n  }\n\n  h4 {\n    text-align: center;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 1.43;\n    margin: 0;\n  }\n\n  .status-result {\n    display: none;\n\n    &.debug {\n      white-space: pre-wrap;\n      font-size: 14px;\n      background: #fff;\n      padding: 10px;\n      display: block;\n      flex-direction: row;\n      justify-content: center;\n    }\n  }\n\n  form {\n    width: 100%;\n  }\n\n  verdocs-text-input {\n    margin-bottom: 10px;\n  }\n}\n","import {Auth} from '@verdocs/js-sdk/Users';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {TSession} from '@verdocs/js-sdk/Sessions/Types';\nimport {Component, Prop, State, h, Event, EventEmitter} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\n\nexport interface IAuthStatus {\n  authenticated: boolean;\n  session: TSession;\n}\n\n/**\n * Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that\n * occur during the process (especially successful completion). The success callback will be fired immediately if the\n * user is already authenticated with a valid session, so this component may not always display visibly.\n *\n * To simplify some types of authentication flows, a visibility flag can force this component to never display. This\n * allows you to susbcribe to notifications from the\n *\n * This embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide\n * container to allow sufficient space for the required forms.\n *\n * As noted below, the primary event is `authenticated`. This will always be fired at least once, immediately after\n * the widget is rendered and the user's status has been checked. It may be fired again as the user completes (or\n * cancels) authentication steps.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n *\n * ```typescript\n * interface IAuthStatus {\n *   // If true, the user is authenticated with a valid session\n *   authenticated: boolean;\n *\n *   // Details for the user's session\n *   session: IActiveSession | null;\n * }\n * ```\n */\n@Component({\n  tag: 'verdocs-auth',\n  styleUrl: 'verdocs-auth.scss',\n  shadow: false,\n})\nexport class VerdocsAuth {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * Normally, if the user has a valid session, this embed will be invisible, otherwise it will display\n   * login / signup forms. If this is set to false, this embed will be invisible in both cases. Apps may\n   * use this to verify if a user has a valid session without needing a separate call to Verdocs JS SDK.\n   */\n  @Prop() visible: boolean = true;\n\n  /**\n   * By default, a Verdocs logo will be displayed above the login/signup forms. This may be used to\n   * override its source. (Alternatively, you may simply hide it via CSS overrides.) Logos should be\n   * in SVG format for best results.\n   */\n  @Prop() logo: string = 'https://verdocs.com/assets/blue-logo.svg';\n\n  /**\n   * If the user is authenticated, this embed will normally render invisibly. If debug is set true, a summary\n   * if the user's session details will be displayed instead. This may be useful while debugging authentication\n   * flows in new applications.\n   */\n  @Prop() debug: boolean = false;\n\n  /**\n   * Event fired when session authentication process has completed. Check the event contents for completion status.\n   */\n  @Event({composed: true}) authenticated: EventEmitter<IAuthStatus>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() isAuthenticated: boolean = false;\n  @State() displayMode: string = 'login';\n  @State() username: string = '';\n  @State() password: string = '';\n  @State() loggingIn: boolean = false;\n  @State() activeSession: TSession = null;\n  @State() loginError: string | null = null;\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n    if (this.endpoint.session) {\n      console.log('[AUTH] Authenticated');\n      this.isAuthenticated = true;\n      this.activeSession = this.endpoint.session;\n      this.authenticated?.emit({authenticated: true, session: this.endpoint.session});\n    } else {\n      console.log('[AUTH] Anonymous');\n      this.authenticated?.emit({authenticated: false, session: null});\n    }\n  }\n\n  handleLogin() {\n    this.loggingIn = true;\n    Auth.authenticateUser(this.endpoint, {username: this.username, password: this.password})\n      .then(r => {\n        this.loggingIn = false;\n        this.endpoint.setToken(r.accessToken);\n        this.activeSession = this.endpoint.session;\n        this.isAuthenticated = true;\n        this.authenticated?.emit({authenticated: true, session: this.endpoint.session});\n      })\n      .catch(e => {\n        console.log('[AUTH] Authentication error', e.response, JSON.stringify(e));\n        this.loggingIn = false;\n        this.activeSession = null;\n        this.authenticated?.emit({authenticated: false, session: null});\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n\n        if (e?.response?.status === 403) {\n          this.loginError = 'Please check your username and password and try again.';\n        }\n      });\n  }\n\n  handleLogout() {\n    this.endpoint.clearSession();\n    this.isAuthenticated = false;\n    this.authenticated?.emit({authenticated: false, session: null});\n  }\n\n  handleClearError() {\n    this.loginError = null;\n  }\n\n  render() {\n    if (!this.visible) {\n      return <div style={{display: 'none'}}>Verdocs Auth Placeholder</div>;\n    }\n\n    if (this.isAuthenticated) {\n      if (this.debug) {\n        return (\n          <div class=\"status-result debug\">\n            <verdocs-button label=\"Logout\" disabled={this.loggingIn} onClick={() => this.handleLogout()} />\n          </div>\n        );\n      }\n\n      return <div class=\"status-result\">Authenticated</div>;\n    }\n\n    if (this.displayMode === 'signup') {\n      return (\n        <div class=\"signup-form\">\n          <img src={this.logo} alt=\"Verdocs Logo\" class=\"logo\" />\n\n          <h3>Sign up for an account</h3>\n          <h4>\n            Already have an account?\n            <verdocs-button label=\"Log In\" variant=\"text\" onClick={() => (this.displayMode = 'login')} disabled={this.loggingIn} />\n          </h4>\n\n          <form onSubmit={() => this.handleLogin()}>\n            <verdocs-text-input label=\"Email\" autocomplete=\"username\" value={this.username} onInput={(e: any) => (this.username = e.target.value)} disabled={this.loggingIn} />\n            <verdocs-text-input\n              label=\"Password\"\n              type=\"password\"\n              autocomplete=\"current-password\"\n              value={this.password}\n              onInput={(e: any) => (this.password = e.target.value)}\n              disabled={this.loggingIn}\n            />\n\n            <verdocs-button\n              label=\"Signup\"\n              disabled={this.loggingIn}\n              onClick={() => this.handleLogin()}\n              style={{display: 'flex', justifyContent: 'center', margin: '30px auto 0'}}\n            />\n          </form>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"login-form\">\n        <img src={this.logo} alt=\"Verdocs Logo\" class=\"logo\" />\n\n        <h3>Log in to your account</h3>\n        <h4>\n          Don't have an account?\n          <verdocs-button label=\"Sign Up\" variant=\"text\" onClick={() => (this.displayMode = 'signup')} disabled={this.loggingIn} />\n        </h4>\n\n        <form onSubmit={() => this.handleLogin()}>\n          <verdocs-text-input label=\"Email\" autocomplete=\"username\" value={this.username} onInput={(e: any) => (this.username = e.target.value)} disabled={this.loggingIn} />\n          <verdocs-text-input\n            label=\"Password\"\n            type=\"password\"\n            autocomplete=\"current-password\"\n            value={this.password}\n            onInput={(e: any) => (this.password = e.target.value)}\n            disabled={this.loggingIn}\n          />\n\n          <verdocs-button\n            label=\"Forgot Your Password?\"\n            variant=\"text\"\n            onClick={() => (this.displayMode = 'signup')}\n            disabled={this.loggingIn}\n            style={{display: 'flex', justifyContent: 'center', margin: '10px auto 20px'}}\n          />\n\n          <verdocs-button label=\"Login\" disabled={this.loggingIn} onClick={() => this.handleLogin()} style={{display: 'flex', justifyContent: 'center', margin: '10px auto 0'}} />\n        </form>\n\n        {this.loginError ? <verdocs-ok-dialog heading=\"Login Error\" message={this.loginError} onNext={() => this.handleClearError()} /> : <div />}\n      </div>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-9a763c04.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e}from"./p-ff1278ed.js";import"./p-8efc9749.js";import{V as i}from"./p-1f1127dd.js";import{S as o}from"./p-7a1b2643.js";import"./p-21603661.js";var n=function(t,s){return t.api.post("/authentication/login",s).then((function(t){return t.data}))};const l='verdocs-auth{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-auth .login-form,verdocs-auth .signup-form{background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex;padding:20px;width:300px;max-width:100%}verdocs-auth .logo{margin:20px 0 30px;width:128px;max-width:100%}verdocs-auth h3{text-align:center;font-weight:400;font-size:16px;line-height:1.75;margin:0}verdocs-auth h4{text-align:center;font-weight:400;font-size:14px;line-height:1.43;margin:0}verdocs-auth .status-result{display:none}verdocs-auth .status-result.debug{white-space:pre-wrap;font-size:14px;background:#fff;padding:10px;display:block;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth form{width:100%}verdocs-auth verdocs-text-input{margin-bottom:10px}';const a=class{constructor(e){t(this,e);this.authenticated=s(this,"authenticated",7);this.sdkError=s(this,"sdkError",7);this.endpoint=i.getDefault();this.visible=true;this.logo="https://verdocs.com/assets/blue-logo.svg";this.debug=false;this.isAuthenticated=false;this.displayMode="login";this.username="";this.password="";this.loggingIn=false;this.activeSession=null;this.loginError=null}componentWillLoad(){var t,s;this.endpoint.loadSession();if(this.endpoint.session){console.log("[AUTH] Authenticated");this.isAuthenticated=true;this.activeSession=this.endpoint.session;(t=this.authenticated)===null||t===void 0?void 0:t.emit({authenticated:true,session:this.endpoint.session})}else{console.log("[AUTH] Anonymous");(s=this.authenticated)===null||s===void 0?void 0:s.emit({authenticated:false,session:null})}}handleLogin(){this.loggingIn=true;n(this.endpoint,{username:this.username,password:this.password}).then((t=>{var s;this.loggingIn=false;this.endpoint.setToken(t.accessToken);this.activeSession=this.endpoint.session;this.isAuthenticated=true;(s=this.authenticated)===null||s===void 0?void 0:s.emit({authenticated:true,session:this.endpoint.session})})).catch((t=>{var s,e,i,n,l;console.log("[AUTH] Authentication error",t.response,JSON.stringify(t));this.loggingIn=false;this.activeSession=null;(s=this.authenticated)===null||s===void 0?void 0:s.emit({authenticated:false,session:null});(e=this.sdkError)===null||e===void 0?void 0:e.emit(new o(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(n=t.response)===null||n===void 0?void 0:n.data));if(((l=t===null||t===void 0?void 0:t.response)===null||l===void 0?void 0:l.status)===403){this.loginError="Please check your username and password and try again."}}))}handleLogout(){var t;this.endpoint.clearSession();this.isAuthenticated=false;(t=this.authenticated)===null||t===void 0?void 0:t.emit({authenticated:false,session:null})}handleClearError(){this.loginError=null}render(){if(!this.visible){return e("div",{style:{display:"none"}},"Verdocs Auth Placeholder")}if(this.isAuthenticated){if(this.debug){return e("div",{class:"status-result debug"},e("verdocs-button",{label:"Logout",disabled:this.loggingIn,onClick:()=>this.handleLogout()}))}return e("div",{class:"status-result"},"Authenticated")}if(this.displayMode==="signup"){return e("div",{class:"signup-form"},e("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"}),e("h3",null,"Sign up for an account"),e("h4",null,"Already have an account?",e("verdocs-button",{label:"Log In",variant:"text",onClick:()=>this.displayMode="login",disabled:this.loggingIn})),e("form",{onSubmit:()=>this.handleLogin()},e("verdocs-text-input",{label:"Email",autocomplete:"username",value:this.username,onInput:t=>this.username=t.target.value,disabled:this.loggingIn}),e("verdocs-text-input",{label:"Password",type:"password",autocomplete:"current-password",value:this.password,onInput:t=>this.password=t.target.value,disabled:this.loggingIn}),e("verdocs-button",{label:"Signup",disabled:this.loggingIn,onClick:()=>this.handleLogin(),style:{display:"flex",justifyContent:"center",margin:"30px auto 0"}})))}return e("div",{class:"login-form"},e("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"}),e("h3",null,"Log in to your account"),e("h4",null,"Don't have an account?",e("verdocs-button",{label:"Sign Up",variant:"text",onClick:()=>this.displayMode="signup",disabled:this.loggingIn})),e("form",{onSubmit:()=>this.handleLogin()},e("verdocs-text-input",{label:"Email",autocomplete:"username",value:this.username,onInput:t=>this.username=t.target.value,disabled:this.loggingIn}),e("verdocs-text-input",{label:"Password",type:"password",autocomplete:"current-password",value:this.password,onInput:t=>this.password=t.target.value,disabled:this.loggingIn}),e("verdocs-button",{label:"Forgot Your Password?",variant:"text",onClick:()=>this.displayMode="signup",disabled:this.loggingIn,style:{display:"flex",justifyContent:"center",margin:"10px auto 20px"}}),e("verdocs-button",{label:"Login",disabled:this.loggingIn,onClick:()=>this.handleLogin(),style:{display:"flex",justifyContent:"center",margin:"10px auto 0"}})),this.loginError?e("verdocs-ok-dialog",{heading:"Login Error",message:this.loginError,onNext:()=>this.handleClearError()}):e("div",null))}};a.style=l;export{a as verdocs_auth};
-//# sourceMappingURL=p-9a763c04.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Users/Auth.js","src/components/embeds/verdocs-auth/verdocs-auth.scss?tag=verdocs-auth","src/components/embeds/verdocs-auth/verdocs-auth.tsx"],"names":["authenticateUser","endpoint","params","api","post","then","r","data","verdocsAuthCss","VerdocsAuth","VerdocsEndpoint","getDefault","[object Object]","this","loadSession","session","console","log","isAuthenticated","activeSession","_a","authenticated","emit","_b","loggingIn","Auth.authenticateUser","username","password","setToken","accessToken","catch","e","response","JSON","stringify","sdkError","SDKError","message","_c","status","_d","_e","loginError","clearSession","visible","h","style","display","debug","class","label","disabled","onClick","handleLogout","displayMode","src","logo","alt","variant","onSubmit","handleLogin","autocomplete","value","onInput","target","type","justifyContent","margin","heading","onNext","handleClearError"],"mappings":"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","sourcesContent":["/**\n * Authenticate to Verdocs via user/password authentication\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n * import {Transport} from '@verdocs/js-sdk/HTTP';\n *\n * const {accessToken} = await Auth.authenticateUser({ username: 'test@test.com', password: 'PASSWORD' });\n * Transport.setAuthToken(accessToken);\n * ```\n */\nexport var authenticateUser = function (endpoint, params) {\n    return endpoint.api //\n        .post('/authentication/login', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Authenticate to Verdocs via client ID / Secret authentication. **NOTE: This is only suitable for\n * NodeJS server-side applications. Never expose your Client Secret in a Web or Mobile app!** Also note\n * that access tokens may be cached by server-side apps (and this is recommended) but do expire after 2\n * hours. This expiration may change based on future security needs. Application developers are encouraged\n * to check the `exp` expiration field in the response accessToken and renew tokens after they expire.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n * import {Transport} from '@verdocs/js-sdk/HTTP';\n *\n * const {accessToken} = await Auth.authenticateApp({ client_id: 'CLIENTID', client_secret: 'SECRET' });\n * Transport.setAuthToken(accessToken);\n * ```\n */\nexport var authenticateApp = function (endpoint, params) {\n    return endpoint.api //\n        .post('/authentication/login_client', {}, { headers: params })\n        .then(function (r) { return r.data; });\n};\n/**\n * Validate a token. Only Verdocs tokens will be accepted. Most applications can decode tokens locally,\n * because tokens will be validated when API calls are made anyway. However, high-security applications\n * may use this endpoint to check if a token has been revoked.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n *\n * const {valid} = await Auth.validateToken({ token });\n * if (!valid) {\n *   window.alert('Session invalid or expired. Please re-authenticate.');\n * }\n * ```\n */\nexport var validateToken = function (endpoint, params) {\n    return endpoint.api //\n        .post('/token/isValid', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * If called before the session expires, this will refresh the caller's session and tokens.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n * import {Transport} from '@verdocs/js-sdk/HTTP';\n *\n * const {accessToken} = await Auth.refreshTokens();\n * Transport.setAuthToken(accessToken);\n * ```\n */\nexport var refreshTokens = function (endpoint) {\n    return endpoint.api //\n        .get('/token')\n        .then(function (r) { return r.data; });\n};\n/**\n * Update the caller's password. To help prevent CSRF attack vectors, the user's old password and email address are required.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n *\n * const {status, message} = await Auth.updatePassword({ email, oldPassword, newPassword });\n * if (status !== 'OK') {\n *   window.alert(`Password reset error: ${message}`);\n * }\n * ```\n */\nexport var updatePassword = function (endpoint, params) {\n    return endpoint.api //\n        .put('/user/update_password', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update the caller's email address.\n *\n * ```typescript\n * import {Auth} from '@verdocs/js-sdk/Auth';\n *\n * const {profiles} = await Auth.updateEmail({ email: newEmail });\n * ```\n */\nexport var updateEmail = function (endpoint, params) {\n    return endpoint.api //\n        .put('/user/update_email', params)\n        .then(function (r) { return r.data; });\n};\n","@import '../../../theme.scss';\n\nverdocs-auth {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  .login-form,\n  .signup-form {\n    background: $verdocs-grey-4;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    display: flex;\n    padding: 20px;\n    width: 300px;\n    max-width: 100%;\n  }\n\n  .logo {\n    margin: 20px 0 30px;\n    width: 128px;\n    max-width: 100%;\n  }\n\n  h3 {\n    text-align: center;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 1.75;\n    margin: 0;\n  }\n\n  h4 {\n    text-align: center;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 1.43;\n    margin: 0;\n  }\n\n  .status-result {\n    display: none;\n\n    &.debug {\n      white-space: pre-wrap;\n      font-size: 14px;\n      background: #fff;\n      padding: 10px;\n      display: block;\n      flex-direction: row;\n      justify-content: center;\n    }\n  }\n\n  form {\n    width: 100%;\n  }\n\n  verdocs-text-input {\n    margin-bottom: 10px;\n  }\n}\n","import {Auth} from '@verdocs/js-sdk/Users';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {TSession} from '@verdocs/js-sdk/Sessions/Types';\nimport {Component, Prop, State, h, Event, EventEmitter} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\n\nexport interface IAuthStatus {\n  authenticated: boolean;\n  session: TSession;\n}\n\n/**\n * Display an authentication dialog that allows the user to login or sign up. Callbacks are provided for events that\n * occur during the process (especially successful completion). The success callback will be fired immediately if the\n * user is already authenticated with a valid session, so this component may not always display visibly.\n *\n * To simplify some types of authentication flows, a visibility flag can force this component to never display. This\n * allows you to susbcribe to notifications from the\n *\n * This embed is responsive / mobile-friendly, but the calling application should provide at least a 300px wide\n * container to allow sufficient space for the required forms.\n *\n * As noted below, the primary event is `authenticated`. This will always be fired at least once, immediately after\n * the widget is rendered and the user's status has been checked. It may be fired again as the user completes (or\n * cancels) authentication steps.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n *\n * ```typescript\n * interface IAuthStatus {\n *   // If true, the user is authenticated with a valid session\n *   authenticated: boolean;\n *\n *   // Details for the user's session\n *   session: IActiveSession | null;\n * }\n * ```\n */\n@Component({\n  tag: 'verdocs-auth',\n  styleUrl: 'verdocs-auth.scss',\n  shadow: false,\n})\nexport class VerdocsAuth {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * Normally, if the user has a valid session, this embed will be invisible, otherwise it will display\n   * login / signup forms. If this is set to false, this embed will be invisible in both cases. Apps may\n   * use this to verify if a user has a valid session without needing a separate call to Verdocs JS SDK.\n   */\n  @Prop() visible: boolean = true;\n\n  /**\n   * By default, a Verdocs logo will be displayed above the login/signup forms. This may be used to\n   * override its source. (Alternatively, you may simply hide it via CSS overrides.) Logos should be\n   * in SVG format for best results.\n   */\n  @Prop() logo: string = 'https://verdocs.com/assets/blue-logo.svg';\n\n  /**\n   * If the user is authenticated, this embed will normally render invisibly. If debug is set true, a summary\n   * if the user's session details will be displayed instead. This may be useful while debugging authentication\n   * flows in new applications.\n   */\n  @Prop() debug: boolean = false;\n\n  /**\n   * Event fired when session authentication process has completed. Check the event contents for completion status.\n   */\n  @Event({composed: true}) authenticated: EventEmitter<IAuthStatus>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() isAuthenticated: boolean = false;\n  @State() displayMode: string = 'login';\n  @State() username: string = '';\n  @State() password: string = '';\n  @State() loggingIn: boolean = false;\n  @State() activeSession: TSession = null;\n  @State() loginError: string | null = null;\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n    if (this.endpoint.session) {\n      console.log('[AUTH] Authenticated');\n      this.isAuthenticated = true;\n      this.activeSession = this.endpoint.session;\n      this.authenticated?.emit({authenticated: true, session: this.endpoint.session});\n    } else {\n      console.log('[AUTH] Anonymous');\n      this.authenticated?.emit({authenticated: false, session: null});\n    }\n  }\n\n  handleLogin() {\n    this.loggingIn = true;\n    Auth.authenticateUser(this.endpoint, {username: this.username, password: this.password})\n      .then(r => {\n        this.loggingIn = false;\n        this.endpoint.setToken(r.accessToken);\n        this.activeSession = this.endpoint.session;\n        this.isAuthenticated = true;\n        this.authenticated?.emit({authenticated: true, session: this.endpoint.session});\n      })\n      .catch(e => {\n        console.log('[AUTH] Authentication error', e.response, JSON.stringify(e));\n        this.loggingIn = false;\n        this.activeSession = null;\n        this.authenticated?.emit({authenticated: false, session: null});\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n\n        if (e?.response?.status === 403) {\n          this.loginError = 'Please check your username and password and try again.';\n        }\n      });\n  }\n\n  handleLogout() {\n    this.endpoint.clearSession();\n    this.isAuthenticated = false;\n    this.authenticated?.emit({authenticated: false, session: null});\n  }\n\n  handleClearError() {\n    this.loginError = null;\n  }\n\n  render() {\n    if (!this.visible) {\n      return <div style={{display: 'none'}}>Verdocs Auth Placeholder</div>;\n    }\n\n    if (this.isAuthenticated) {\n      if (this.debug) {\n        return (\n          <div class=\"status-result debug\">\n            <verdocs-button label=\"Logout\" disabled={this.loggingIn} onClick={() => this.handleLogout()} />\n          </div>\n        );\n      }\n\n      return <div class=\"status-result\">Authenticated</div>;\n    }\n\n    if (this.displayMode === 'signup') {\n      return (\n        <div class=\"signup-form\">\n          <img src={this.logo} alt=\"Verdocs Logo\" class=\"logo\" />\n\n          <h3>Sign up for an account</h3>\n          <h4>\n            Already have an account?\n            <verdocs-button label=\"Log In\" variant=\"text\" onClick={() => (this.displayMode = 'login')} disabled={this.loggingIn} />\n          </h4>\n\n          <form onSubmit={() => this.handleLogin()}>\n            <verdocs-text-input label=\"Email\" autocomplete=\"username\" value={this.username} onInput={(e: any) => (this.username = e.target.value)} disabled={this.loggingIn} />\n            <verdocs-text-input\n              label=\"Password\"\n              type=\"password\"\n              autocomplete=\"current-password\"\n              value={this.password}\n              onInput={(e: any) => (this.password = e.target.value)}\n              disabled={this.loggingIn}\n            />\n\n            <verdocs-button\n              label=\"Signup\"\n              disabled={this.loggingIn}\n              onClick={() => this.handleLogin()}\n              style={{display: 'flex', justifyContent: 'center', margin: '30px auto 0'}}\n            />\n          </form>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"login-form\">\n        <img src={this.logo} alt=\"Verdocs Logo\" class=\"logo\" />\n\n        <h3>Log in to your account</h3>\n        <h4>\n          Don't have an account?\n          <verdocs-button label=\"Sign Up\" variant=\"text\" onClick={() => (this.displayMode = 'signup')} disabled={this.loggingIn} />\n        </h4>\n\n        <form onSubmit={() => this.handleLogin()}>\n          <verdocs-text-input label=\"Email\" autocomplete=\"username\" value={this.username} onInput={(e: any) => (this.username = e.target.value)} disabled={this.loggingIn} />\n          <verdocs-text-input\n            label=\"Password\"\n            type=\"password\"\n            autocomplete=\"current-password\"\n            value={this.password}\n            onInput={(e: any) => (this.password = e.target.value)}\n            disabled={this.loggingIn}\n          />\n\n          <verdocs-button\n            label=\"Forgot Your Password?\"\n            variant=\"text\"\n            onClick={() => (this.displayMode = 'signup')}\n            disabled={this.loggingIn}\n            style={{display: 'flex', justifyContent: 'center', margin: '10px auto 20px'}}\n          />\n\n          <verdocs-button label=\"Login\" disabled={this.loggingIn} onClick={() => this.handleLogin()} style={{display: 'flex', justifyContent: 'center', margin: '10px auto 0'}} />\n        </form>\n\n        {this.loginError ? <verdocs-ok-dialog heading=\"Login Error\" message={this.loginError} onNext={() => this.handleClearError()} /> : <div />}\n      </div>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-c4357387.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as m,h as a,H as r,a as b}from"./p-ff1278ed.js";const g="verdocs-document-page{width:100%;position:relative}verdocs-document-page .verdocs-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-document-page .verdocs-document-page-layer.img{max-width:100%}";const t=class{constructor(a){e(this,a);this.pageRendered=m(this,"pageRendered",7);this.pageImageUri="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId=`verdocs-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true}componentDidLoad(){this.resizeObserver=new ResizeObserver((e=>{for(const m of e){const e=m.contentRect.width;this.renderedWidth=e;this.renderedHeight=this.virtualHeight*(e/this.virtualWidth)}this.notifyRenderedSize()}));this.resizeObserver.observe(this.container)}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}this.pageRendered.emit({container:this.container,containerId:this.containerId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,xScale:this.renderedWidth/this.naturalWidth,yScale:this.renderedHeight/this.naturalHeight})}render(){const e=`${this.renderedHeight}px`;return a(r,{id:`${this.containerId}`,style:{height:e}},this.layers.map((m=>m.type==="div"?a("div",{class:"verdocs-document-page-layer",id:`${this.containerId}-${m.name}`,style:{height:e}}):a("img",{class:"verdocs-document-page-layer img",id:`${this.containerId}-${m.name}`,src:this.pageImageUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,onLoad:e=>{this.naturalWidth=e.target.naturalWidth;this.naturalHeight=e.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight}}))))}get container(){return b(this)}};t.style=g;const s="verdocs-loader{display:block;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;font-size:24px;width:24px;height:24px;border-radius:50%;text-indent:-9999em;-webkit-animation:load5 1.1s infinite ease;animation:verdocs-loader-kf 1.1s infinite ease;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes verdocs-loader-kf{0%,100%{-webkit-box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4)}12.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3)}25%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}37.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}50%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}62.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}75%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}87.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa;box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa}}@keyframes verdocs-loader-kf{0%,100%{-webkit-box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4)}12.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3)}25%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}37.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}50%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}62.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}75%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}87.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa;box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa}}";const o=class{constructor(m){e(this,m)}render(){return a(r,null)}};o.style=s;export{t as verdocs_document_page,o as verdocs_loader};
-//# sourceMappingURL=p-c4357387.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-document-page/verdocs-document-page.scss?tag=verdocs-document-page","src/components/elements/verdocs-document-page/verdocs-document-page.tsx","src/components/controls/verdocs-loader/verdocs-loader.scss?tag=verdocs-loader","src/components/controls/verdocs-loader/verdocs-loader.tsx"],"names":["verdocsDocumentPageCss","VerdocsDocumentPage","name","type","Math","random","toString","substring","this","virtualWidth","virtualHeight","[object Object]","resizeObserver","ResizeObserver","entries","entry","renderedWidth","contentRect","width","renderedHeight","notifyRenderedSize","observe","container","_a","disconnect","skipFirstNotification","pageRendered","emit","containerId","pageNumber","naturalWidth","naturalHeight","xScale","yScale","height","h","Host","id","style","layers","map","layer","class","src","pageImageUri","alt","aria-hidden","onLoad","e","target","aspectRatio","verdocsLoaderCss","VerdocsLoader"],"mappings":"gEAAA,MAAMA,EAAyB,iTCelBC,EAAmB,4FAOC,mBAMF,oBAME,uBAMC,gBAcD,CAAC,CAACC,KAAM,OAAQC,KAAM,4BAO9B,yBAAyBC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,yBAEvDC,KAAKC,iCACJD,KAAKE,gCACPF,KAAKC,gCACJD,KAAKE,+BACPF,KAAKC,aAAeD,KAAKE,yCAEvB,KAEjCC,mBACEH,KAAKI,eAAiB,IAAIC,gBAAeC,IACvC,IAAK,MAAMC,KAASD,EAAS,CAC3B,MAAME,EAAgBD,EAAME,YAAYC,MACxCV,KAAKQ,cAAgBA,EACrBR,KAAKW,eAAiBX,KAAKE,eAAiBM,EAAgBR,KAAKC,cAGnED,KAAKY,wBAGPZ,KAAKI,eAAeS,QAAQb,KAAKc,WAGnCX,8BACEY,EAAAf,KAAKI,kBAAc,MAAAW,SAAA,OAAA,EAAAA,EAAEC,aASvBb,qBAGE,GAAIH,KAAKiB,sBAAuB,CAC9BjB,KAAKiB,sBAAwB,MAC7B,OAGFjB,KAAKkB,aAAaC,KAAK,CACrBL,UAAWd,KAAKc,UAChBM,YAAapB,KAAKoB,YAClBC,WAAYrB,KAAKqB,WACjBpB,aAAcD,KAAKC,aACnBC,cAAeF,KAAKE,cACpBM,cAAeR,KAAKQ,cACpBG,eAAgBX,KAAKW,eACrBW,aAActB,KAAKsB,aACnBC,cAAevB,KAAKuB,cACpBC,OAAQxB,KAAKQ,cAAgBR,KAAKsB,aAClCG,OAAQzB,KAAKW,eAAiBX,KAAKuB,gBAIvCpB,SACE,MAAMuB,EAAS,GAAG1B,KAAKW,mBAEvB,OACEgB,EAACC,EAAI,CAACC,GAAI,GAAG7B,KAAKoB,cAAeU,MAAO,CAACJ,OAAAA,IACtC1B,KAAK+B,OAAOC,KAAIC,GACfA,EAAMtC,OAAS,MACbgC,EAAA,MAAA,CAAKO,MAAM,8BAA8BL,GAAI,GAAG7B,KAAKoB,eAAea,EAAMvC,OAAQoC,MAAO,CAACJ,OAAAA,KAE1FC,EAAA,MAAA,CACEO,MAAM,kCACNL,GAAI,GAAG7B,KAAKoB,eAAea,EAAMvC,OACjCyC,IAAKnC,KAAKoC,aACVC,IAAK,QAAQrC,KAAKqB,aAAYiB,cACjB,KACbC,OAASC,IACPxC,KAAKsB,aAAekB,EAAEC,OAAOnB,aAC7BtB,KAAKuB,cAAgBiB,EAAEC,OAAOlB,cAC9BvB,KAAK0C,YAAc1C,KAAKsB,aAAetB,KAAKuB,+DCxI5D,MAAMoB,EAAmB,kqUCUZC,EAAa,+BACxBzC,SACE,OAAOwB,EAACC,EAAI","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-document-page {\n  width: 100%;\n  position: relative;\n\n  .verdocs-document-page-layer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    box-shadow: 0 0 10px 5px #0000000f;\n\n    &.img {\n      max-width: 100%;\n    }\n  }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Element} from '@stencil/core';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\n\n/**\n * Represents one document page. This is primarily a layout container used to coordinate positions of\n * page-related layers such as the page itself, signature fields, etc. It is not intended to be used\n * on its own as an individual component.\n */\n@Component({\n  tag: 'verdocs-document-page',\n  styleUrl: 'verdocs-document-page.scss',\n  shadow: false,\n})\nexport class VerdocsDocumentPage {\n  @Element() container: HTMLElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The URL of the image to render as the page background.\n   */\n  @Prop() pageImageUri: string = '';\n\n  /**\n   * The page number being rendered. Not used internally, but included in callbacks/events beacuse page numbers\n   * are used everywhere in document handling. (Reminder: page numbers are 1-based.)\n   */\n  @Prop() pageNumber: number = 1;\n\n  /**\n   * The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\n   * the aspect ratio of the final rendered element when scaling up/down.\n   */\n  @Prop() virtualWidth: number = 612;\n\n  /**\n   * The \"virtual\" height of the page canvas.  Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\n   * the aspect ratio of the final rendered element when scaling up/down.\n   */\n  @Prop() virtualHeight: number = 792;\n\n  /**\n   * The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer.\n   * The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g.\n   * if `pages` was ['page', 'fields'] the structure will be:\n   *\n   * ```\n   *     <div id=\"verdocs-document-page-ker2fr1p9\">\n   *       <div id=\"verdocs-document-page-ker2fr1p9-page\"></div>\n   *       <div id=\"verdocs-document-page-ker2fr1p9-fields\"></div>\n   *     </div>\n   * ```\n   */\n  @Prop() layers: IPageLayer[] = [{name: 'page', type: 'canvas'}];\n\n  /**\n   * Fired when a page has been rendered. This is also fired when the page is resized.\n   */\n  @Event() pageRendered: EventEmitter<IDocumentPageInfo>;\n\n  @State() containerId = `verdocs-document-page-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() renderedWidth: number = this.virtualWidth;\n  @State() renderedHeight: number = this.virtualHeight;\n  @State() naturalWidth: number = this.virtualWidth;\n  @State() naturalHeight: number = this.virtualHeight;\n  @State() aspectRatio: number = this.virtualWidth / this.virtualHeight;\n\n  @State() skipFirstNotification = true;\n\n  componentDidLoad(): void {\n    this.resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        const renderedWidth = entry.contentRect.width;\n        this.renderedWidth = renderedWidth;\n        this.renderedHeight = this.virtualHeight * (renderedWidth / this.virtualWidth);\n      }\n\n      this.notifyRenderedSize();\n    });\n\n    this.resizeObserver.observe(this.container);\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.\n  // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.\n  // componentDidRender() {\n  //   this.notifyRenderedSize();\n  // }\n\n  notifyRenderedSize() {\n    // We skip one notification because by default we will always get at least two, one when rendering the initial size\n    // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.\n    if (this.skipFirstNotification) {\n      this.skipFirstNotification = false;\n      return;\n    }\n\n    this.pageRendered.emit({\n      container: this.container,\n      containerId: this.containerId,\n      pageNumber: this.pageNumber,\n      virtualWidth: this.virtualWidth,\n      virtualHeight: this.virtualHeight,\n      renderedWidth: this.renderedWidth,\n      renderedHeight: this.renderedHeight,\n      naturalWidth: this.naturalWidth,\n      naturalHeight: this.naturalHeight,\n      xScale: this.renderedWidth / this.naturalWidth,\n      yScale: this.renderedHeight / this.naturalHeight,\n    });\n  }\n\n  render() {\n    const height = `${this.renderedHeight}px`;\n\n    return (\n      <Host id={`${this.containerId}`} style={{height}}>\n        {this.layers.map(layer =>\n          layer.type === 'div' ? (\n            <div class=\"verdocs-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}} />\n          ) : (\n            <img\n              class=\"verdocs-document-page-layer img\"\n              id={`${this.containerId}-${layer.name}`}\n              src={this.pageImageUri}\n              alt={`Page ${this.pageNumber}`}\n              aria-hidden={true}\n              onLoad={(e: any) => {\n                this.naturalWidth = e.target.naturalWidth;\n                this.naturalHeight = e.target.naturalHeight;\n                this.aspectRatio = this.naturalWidth / this.naturalHeight;\n              }}\n            />\n          ),\n        )}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-loader {\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-left: -20px;\n  margin-top: -20px;\n  font-size: 24px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  text-indent: -9999em;\n  -webkit-animation: load5 1.1s infinite ease;\n  animation: verdocs-loader-kf 1.1s infinite ease;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n\n@keyframes verdocs-loader-kf {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em $verdocs-bg-2, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em $verdocs-bg-2, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em $verdocs-bg-2, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em $verdocs-bg-2,\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4),\n      0em 2.5em 0 0em $verdocs-bg-2, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em $verdocs-bg-2, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em $verdocs-bg-2, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em $verdocs-bg-2;\n  }\n}\n","import {Component, h, Host} from '@stencil/core';\n\n/**\n * Animated loader placeholder. There are currently no configuration options for this control.\n */\n@Component({\n  tag: 'verdocs-loader',\n  styleUrl: 'verdocs-loader.scss',\n  shadow: false,\n})\nexport class VerdocsLoader {\n  render() {\n    return <Host />;\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-d0a360d6.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,H as s,F as n}from"./p-ff1278ed.js";import{b as o,s as r,u as a,c as l,d,f as c,a as h,r as u,e as f}from"./p-208a3320.js";import"./p-8efc9749.js";import{a as v,i as p}from"./p-e662f81b.js";import{V as g}from"./p-1f1127dd.js";import{g as x,s as m}from"./p-bdff66f3.js";import{S as b}from"./p-7a1b2643.js";import"./p-21603661.js";import"./p-5ea05a1d.js";var w=undefined&&undefined.__awaiter||function(e,i,t,s){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,o){function r(e){try{l(s.next(e))}catch(e){o(e)}}function a(e){try{l(s["throw"](e))}catch(e){o(e)}}function l(e){e.done?t(e.value):n(e.value).then(r,a)}l((s=s.apply(e,i||[])).next())}))};var y=undefined&&undefined.__generator||function(e,i){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,n,o,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(e){return function(i){return l([e,i])}}function l(r){if(s)throw new TypeError("Generator is already executing.");while(t)try{if(s=1,n&&(o=r[0]&2?n["return"]:r[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,r[1])).done)return o;if(n=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;n=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){t.label=r[1];break}if(r[0]===6&&t.label<o[1]){t.label=o[1];o=r;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(r);break}if(o[2])t.ops.pop();t.trys.pop();continue}r=i.call(e,t)}catch(e){r=[6,e];n=0}finally{s=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var k=function(e,i,t,s){return w(void 0,void 0,void 0,(function(){return y(this,(function(n){return[2,e.api.put("/envelopes/".concat(i,"/recipients/").concat(t),s).then((function(e){return e.data}))]}))}))};var S=function(e,i,t){return k(e,i,t,{action:"submit"})};var I=function(e,i,t){return k(e,i,t,{action:"decline"})};var N=function(e,i,t,s){return k(e,i,t,{action:"update",agreed:s})};var z=function(e,i,t){var s=new FormData;s.append("signature",t,i);return e.api.post("/signatures",s).then((function(e){return e.data}))};var j=function(e,i,t){var s=new FormData;s.append("initial",t,i);return e.api.post("/initials",s).then((function(e){return e.data}))};const F='verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign .header{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.25s;transition:all 0.25s;-ms-flex-pack:center;justify-content:center;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-sign .header .inner{width:100%;max-width:1028px}verdocs-sign .intro{width:100%;height:60px;display:-ms-flexbox;display:flex;background:#ffffff;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .intro .inner{width:100%;color:#111111;padding:0 14px;font-size:20px;font-weight:500;line-height:28px;max-width:1024px}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .tools .logo{width:77.5px;margin:-6px 0 0 5px}verdocs-sign .tools .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-sign .document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}@media print{verdocs-sign .header{display:none}}';const H=`<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>`;const C=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z"></path></svg>`;const G=class{constructor(t){e(this,t);this.sdkError=i(this,"sdkError",7);this.envelopeLoaded=i(this,"envelopeLoaded",7);this.envelopeUpdated=i(this,"envelopeUpdated",7);this.endpoint=null;this.recipientIndex=-1;this.fields=[];this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.recipient=null;this.signerToken=null;this.hasSignature=false;this.nextButtonLabel="Start";this.nextSubmits=false;this.errorMessage="";this.focusedField="";this.isDone=false;this.showDone=false;this.finishLater=false;this.showFinishLater=false}componentWillLoad(){this.endpoint=new g({sessionType:"signing"})}async componentDidLoad(){var e,i,t,s,n,r,a;if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new b("[SIGN] Missing required envelopId",500,""));return}if(!this.roleId){(i=this.sdkError)===null||i===void 0?void 0:i.emit(new b("[SIGN] Missing required roleId",500,""));return}if(!this.inviteCode){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new b("[SIGN] Missing required inviteCode",500,""));return}try{console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);const{session:e,recipient:i,signerToken:t}=await o(this.endpoint,{envelopeId:this.envelopeId,roleId:this.roleId,inviteCode:this.inviteCode});console.log(`[SIGN] Loaded signing session ${e.email} / ${e.profile_id}`);this.recipient=i;this.signerToken=t;this.endpoint.setToken(t);if(this.recipient.agreed){this.nextButtonLabel="Next"}await x(this.endpoint,this.envelopeId);this.recipientIndex=m.envelope.recipients.findIndex((e=>e.role_name==this.roleId));if(this.recipientIndex>-1){this.recipient=m.envelope.recipients[this.recipientIndex];this.fields=this.recipient.fields}this.isDone=["submitted","canceled","declined"].includes(this.recipient.status);console.log("Done",this.isDone);(s=this.envelopeLoaded)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:m.envelope})}catch(e){console.log("Error with signing session",e);(n=this.sdkError)===null||n===void 0?void 0:n.emit(new b(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(a=e.response)===null||a===void 0?void 0:a.data))}}handleClickAgree(){N(this.endpoint,this.envelopeId,this.roleId,true).then((e=>{var i;this.nextButtonLabel="Next";this.recipient=e;(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:m.envelope,event:"agreed"})})).catch((e=>{var i,t,s;console.log("Update failure",e);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new b(e.message,(t=e.response)===null||t===void 0?void 0:t.status,(s=e.response)===null||s===void 0?void 0:s.data))}))}async handleOptionSelected(e){switch(e.detail.id){case"later":this.finishLater=true;this.showFinishLater=true;break;case"claim":break;case"decline":{const e=await I(this.endpoint,this.envelopeId,this.roleId);console.log("Decline result",e);this.isDone=true}break;case"print":window.print();break;case"download":r(this.endpoint,m.envelope,m.envelope.envelope_document_id).catch((()=>{}));break}}saveFieldChange(e,i){a(this.endpoint,this.envelopeId,e,i).catch((e=>{var i,t,s,n,o,r;if(((i=e.response)===null||i===void 0?void 0:i.status)===401&&((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("[SIGN] Signing session expired");this.errorMessage="Signing session expired."}else{console.log("[SIGN] Server error",e)}(n=this.sdkError)===null||n===void 0?void 0:n.emit(new b(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(r=e.response)===null||r===void 0?void 0:r.data))}))}async handleFieldChange(e,i){console.log("fieldChange",e,i,i.target.value);const{value:t,checked:s}=i.target;switch(e.type){case"textbox":return this.saveFieldChange(e.name,{prepared:false,value:t});case"checkbox_group":{const t=e.settings.options.map((e=>({id:e.id,checked:i.target.checked})));return this.saveFieldChange(e.name,{prepared:false,value:{options:t}})}case"radio_button_group":{const t=e.settings.options.map((e=>({id:e.id,selected:i.target.value===e.id})));return this.saveFieldChange(e.name,{prepared:false,value:{options:t}})}case"dropdown":return this.saveFieldChange(e.name,{prepared:false,value:i.detail});case"initial":const n=await(await fetch(i.detail)).blob();return j(this.endpoint,"initial",n).then((i=>{console.log("New initials",e.name,i);d(this.endpoint,this.envelopeId,e.name,i.id)}));case"signature":const o=await(await fetch(i.detail)).blob();return z(this.endpoint,"signature",o).then((i=>{console.log("New sign",e.name,i);l(this.endpoint,this.envelopeId,e.name,i.id)}));case"date":const r=i.target.getAttribute("iso");return this.saveFieldChange(e.name,{prepared:false,value:r});case"timestamp":console.log("Updating timestamp",{value:t,ts:i.target.getAttribute("timestamp")});break;default:console.log("Unhandled field update",{value:t,checked:s},e);break}}isFieldValid(e){var i,t,s,n,o,r,a;const{required:l=false}=e;const{result:d="",value:c="",base64:h=""}=e.settings||{};switch(e.type){case"textbox":switch(((i=e.settings)===null||i===void 0?void 0:i.validator)||""){case"email":return p(d);case"phone":return v(d);default:return!l||d!==""}case"signature":case"initial":return!l||h!=="";case"timestamp":return true;case"textarea":case"date":case"attachment":return!l||d!=="";case"dropdown":return!l||c!=="";case"checkbox_group":const u=(((s=(t=e.settings)===null||t===void 0?void 0:t.options)===null||s===void 0?void 0:s.filter((e=>e.checked)))||[]).length;return!l||u>=(((n=e.settings)===null||n===void 0?void 0:n.minimum_checked)||0)&&u<=(((o=e.settings)===null||o===void 0?void 0:o.maximum_checked)||999);case"radio_button_group":return!l||(((a=(r=e.settings)===null||r===void 0?void 0:r.options)===null||a===void 0?void 0:a.filter((e=>e.selected)))||[]).length>0;default:return false}}async handleNext(){var e;if(this.nextSubmits){try{const e=await S(this.endpoint,this.envelopeId,this.roleId);console.log("[SIGN] Submitted successfully",e);this.showDone=true;this.isDone=true}catch(e){console.log("Error submitting",e)}return}const i=this.fields.filter((e=>e.required));const t=i.findIndex((e=>e.name===this.focusedField));let s=t+1;if(s>=i.length){s=0}let n=i[s];let o=0;if(o<i.length&&["signature","initial"].includes(n.type)&&((e=n.settings)===null||e===void 0?void 0:e.result)==="signed"){o++;s++;if(s>=i.length){s=0}n=i[s]}if(o>=i.length){n=null}if(n){const e=f(n);const i=document.getElementById(e);i===null||i===void 0?void 0:i.focusField();this.focusedField=n.name}}checkRecipientFields(){const e=this.recipient.fields.map((e=>this.isFieldValid(e))).some((e=>!e));console.log({someFieldsInvalid:e});if(!e){this.nextButtonLabel="Finish";this.nextSubmits=true}else{this.nextSubmits=false}}attachFieldAttributes(e,i,t,s){var n;s.addEventListener("input",(e=>this.handleFieldChange(i,e).finally((()=>this.checkRecipientFields()))));s.addEventListener("fieldChange",(e=>this.handleFieldChange(i,e).finally((()=>this.checkRecipientFields()))));s.setAttribute("roleindex",t);s.setAttribute("xScale",e.xScale);s.setAttribute("yScale",e.yScale);s.setAttribute("initials",this.recipient?c(this.recipient.full_name):"");s.setAttribute("name",((n=this.recipient)===null||n===void 0?void 0:n.full_name)||"")}handlePageRendered(e){const i=e.detail;const t=h(m.roleNames,this.recipient.role_name);const s=this.recipient.fields.filter((e=>e.page===i.pageNumber));console.log("[SIGN] Page rendered, adding fields",{pageInfo:i,roleIndex:t,recipientFields:s});s.forEach((e=>{const s=u(e,i,t,{disabled:false,editable:false,draggable:false,done:this.isDone});if(!s){return}if(Array.isArray(s)){s.map((s=>this.attachFieldAttributes(i,e,t,s)))}else{this.attachFieldAttributes(i,e,t,s)}}));m.envelope.recipients.filter((e=>e.role_name!==this.recipient.role_name)).map((e=>{const t=h(m.roleNames,e.role_name);const s=e.fields.filter((e=>e.page===i.pageNumber));s.forEach((e=>{const s=u(e,i,t,{disabled:true,editable:false,draggable:false,done:this.isDone});if(!s){return}s.setAttribute("roleindex",t);s.setAttribute("xScale",i.xScale);s.setAttribute("yScale",i.yScale)}))}));this.checkRecipientFields()}render(){var e,i,o,a;if(m.loading||!m.envelope){return t(s,null,t("verdocs-loader",null))}const l=[{id:"later",label:"Finish Later"},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing",disabled:true},{id:"download",label:"Download"}];return t(s,{class:{agreed:(e=this.recipient)===null||e===void 0?void 0:e.agreed}},!this.isDone&&!this.finishLater&&t("div",{class:"intro"},t("div",{class:"inner"},"Please review and act on these documents.")),t("div",{class:"header"},t("div",{class:"inner"},t("div",{class:"toolbar"},t("div",{class:"tools"},!this.isDone&&!this.finishLater&&t("verdocs-dropdown",{options:l,onOptionSelected:e=>this.handleOptionSelected(e)}),!((i=this.recipient)===null||i===void 0?void 0:i.agreed)?t("div",{class:"agree"},t("verdocs-checkbox",{name:"agree",label:"I agree to use electronic records and signatures.",onInput:()=>this.handleClickAgree()})):t(n,null,t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},m.envelope.name),t("div",{style:{flex:"1"}}),t("div",{innerHTML:H,style:{width:"24px",height:"24px",fill:"#ffffff",cursor:"pointer"},onClick:()=>window.print()}),t("div",{innerHTML:C,style:{width:"24px",height:"24px",fill:"#ffffff",cursor:"pointer",marginLeft:"16px",maginRight:"30px"},onClick:()=>r(this.endpoint,m.envelope,m.envelope.envelope_document_id).catch((()=>{}))})),!this.isDone&&!this.finishLater&&t("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!((o=this.recipient)===null||o===void 0?void 0:o.agreed),onClick:()=>this.handleNext()}))))),!this.isDone&&!((a=this.recipient)===null||a===void 0?void 0:a.agreed)?t("div",{class:"cover"}):t("div",{style:{display:"none"}}),t("div",{class:"document"},(m.envelope.documents||[]).map((e=>{const i=[...(e===null||e===void 0?void 0:e.pages)||[]];i.sort(((e,i)=>e.sequence-i.sequence));return t(n,null,i.map((e=>t("verdocs-document-page",{pageImageUri:e.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:e.sequence,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]}))))}))),this.showFinishLater&&t("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:"To complete the document, use the link in the original email notification inviting you to review and finish the document.",onNext:()=>this.showFinishLater=false}),this.errorMessage&&t("verdocs-ok-dialog",{heading:"Network Error",message:this.errorMessage,onNext:()=>this.errorMessage=""}),this.showDone&&t("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the Verdoc at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.",onNext:()=>this.showDone=false}))}};G.style=F;export{G as verdocs_sign};
-//# sourceMappingURL=p-d0a360d6.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","node_modules/@verdocs/js-sdk/Envelopes/Signatures.js","node_modules/@verdocs/js-sdk/Envelopes/Initials.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__awaiter","this","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","apply","__generator","body","_","label","sent","t","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","n","v","op","TypeError","call","pop","length","push","updateRecipient","endpoint","envelopeId","roleName","params","_a","api","put","concat","r","data","envelopeRecipientSubmit","action","envelopeRecipientDecline","envelopeRecipientAgree","agreed","createSignature","name","signature","FormData","append","post","createInitials","initials","verdocsSignCss","PrintIcon","DownloadIcon","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","nextButtonLabel","getEnvelopeById","EnvelopeStore","envelope","recipients","findIndex","role_name","isDone","includes","status","_d","envelopeLoaded","_e","message","_f","response","_g","envelopeUpdated","event","catch","detail","id","finishLater","showFinishLater","declineResult","window","print","savePDF","envelope_document_id","fieldName","Envelopes.updateEnvelopeField","error","errorMessage","field","target","checked","type","saveFieldChange","prepared","options","settings","map","option","selected","initialsBlob","fetch","blob","newInitials","updateEnvelopeFieldInitials","signatureBlob","newSignature","updateEnvelopeFieldSignature","iso","getAttribute","ts","required","base64","validator","isValidEmail","isValidPhone","checkedCount","filter","minimum_checked","maximum_checked","nextSubmits","showDone","requiredFields","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","getFieldId","el","document","getElementById","focusField","someFieldsInvalid","isFieldValid","some","fieldValid","pageInfo","roleIndex","addEventListener","handleFieldChange","finally","checkRecipientFields","setAttribute","xScale","yScale","fullNameToInitials","full_name","getRoleIndex","roleNames","recipientFields","page","pageNumber","forEach","renderDocumentField","disabled","editable","draggable","Array","isArray","attachFieldAttributes","otherRecipient","otherRoleIndex","loading","h","Host","menuOptions","class","onOptionSelected","handleOptionSelected","onInput","handleClickAgree","Fragment","src","alt","style","flex","innerHTML","width","height","fill","cursor","onClick","marginLeft","maginRight","size","handleNext","display","documents","envelopeDocument","pages","sort","a","b","sequence","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","handlePageRendered","layers","heading","onNext"],"mappings":"6XAAA,IAAIA,EAAaC,WAAQA,UAAKD,WAAc,SAAUE,EAASC,EAAYC,EAAGC,GAC1E,SAASC,EAAMC,GAAS,OAAOA,aAAiBH,EAAIG,EAAQ,IAAIH,GAAE,SAAUI,GAAWA,EAAQD,MAC/F,OAAO,IAAKH,IAAMA,EAAIK,WAAU,SAAUD,EAASE,GAC/C,SAASC,EAAUJ,GAAS,IAAMK,EAAKP,EAAUQ,KAAKN,IAAW,MAAOO,GAAKJ,EAAOI,IACpF,SAASC,EAASR,GAAS,IAAMK,EAAKP,EAAU,SAASE,IAAW,MAAOO,GAAKJ,EAAOI,IACvF,SAASF,EAAKI,GAAUA,EAAOC,KAAOT,EAAQQ,EAAOT,OAASD,EAAMU,EAAOT,OAAOW,KAAKP,EAAWI,GAClGH,GAAMP,EAAYA,EAAUc,MAAMjB,EAASC,GAAc,KAAKU,YAGtE,IAAIO,EAAenB,WAAQA,UAAKmB,aAAgB,SAAUlB,EAASmB,GAC/D,IAAIC,EAAI,CAAEC,MAAO,EAAGC,KAAM,WAAa,GAAIC,EAAE,GAAK,EAAG,MAAMA,EAAE,GAAI,OAAOA,EAAE,IAAOC,KAAM,GAAIC,IAAK,IAAMC,EAAGC,EAAGJ,EAAGK,EAC/G,OAAOA,EAAI,CAAEjB,KAAMkB,EAAK,GAAIC,MAASD,EAAK,GAAIE,OAAUF,EAAK,WAAaG,SAAW,aAAeJ,EAAEI,OAAOC,UAAY,WAAa,OAAOlC,OAAU6B,EACvJ,SAASC,EAAKK,GAAK,OAAO,SAAUC,GAAK,OAAOzB,EAAK,CAACwB,EAAGC,KACzD,SAASzB,EAAK0B,GACV,GAAIV,EAAG,MAAM,IAAIW,UAAU,mCAC3B,MAAOjB,MACH,GAAIM,EAAI,EAAGC,IAAMJ,EAAIa,EAAG,GAAK,EAAIT,EAAE,UAAYS,EAAG,GAAKT,EAAE,YAAcJ,EAAII,EAAE,YAAcJ,EAAEe,KAAKX,GAAI,GAAKA,EAAEhB,SAAWY,EAAIA,EAAEe,KAAKX,EAAGS,EAAG,KAAKrB,KAAM,OAAOQ,EAC3J,GAAII,EAAI,EAAGJ,EAAGa,EAAK,CAACA,EAAG,GAAK,EAAGb,EAAElB,OACjC,OAAQ+B,EAAG,IACP,KAAK,EAAG,KAAK,EAAGb,EAAIa,EAAI,MACxB,KAAK,EAAGhB,EAAEC,QAAS,MAAO,CAAEhB,MAAO+B,EAAG,GAAIrB,KAAM,OAChD,KAAK,EAAGK,EAAEC,QAASM,EAAIS,EAAG,GAAIA,EAAK,CAAC,GAAI,SACxC,KAAK,EAAGA,EAAKhB,EAAEK,IAAIc,MAAOnB,EAAEI,KAAKe,MAAO,SACxC,QACI,KAAMhB,EAAIH,EAAEI,KAAMD,EAAIA,EAAEiB,OAAS,GAAKjB,EAAEA,EAAEiB,OAAS,MAAQJ,EAAG,KAAO,GAAKA,EAAG,KAAO,GAAI,CAAEhB,EAAI,EAAG,SACjG,GAAIgB,EAAG,KAAO,KAAOb,GAAMa,EAAG,GAAKb,EAAE,IAAMa,EAAG,GAAKb,EAAE,IAAM,CAAEH,EAAEC,MAAQe,EAAG,GAAI,MAC9E,GAAIA,EAAG,KAAO,GAAKhB,EAAEC,MAAQE,EAAE,GAAI,CAAEH,EAAEC,MAAQE,EAAE,GAAIA,EAAIa,EAAI,MAC7D,GAAIb,GAAKH,EAAEC,MAAQE,EAAE,GAAI,CAAEH,EAAEC,MAAQE,EAAE,GAAIH,EAAEK,IAAIgB,KAAKL,GAAK,MAC3D,GAAIb,EAAE,GAAIH,EAAEK,IAAIc,MAChBnB,EAAEI,KAAKe,MAAO,SAEtBH,EAAKjB,EAAKmB,KAAKtC,EAASoB,GAC1B,MAAOR,GAAKwB,EAAK,CAAC,EAAGxB,GAAIe,EAAI,EAAI,QAAWD,EAAIH,EAAI,EACtD,GAAIa,EAAG,GAAK,EAAG,MAAMA,EAAG,GAAI,MAAO,CAAE/B,MAAO+B,EAAG,GAAKA,EAAG,QAAU,EAAGrB,KAAM,QAM3E,IAAI2B,EAAkB,SAAUC,EAAUC,EAAYC,EAAUC,GAAU,OAAOhD,OAAe,OAAQ,OAAQ,GAAG,WACtH,OAAOoB,EAAYnB,MAAM,SAAUgD,GAC/B,MAAO,CAAC,EAAcJ,EAASK,IACtBC,IAAI,cAAcC,OAAON,EAAY,gBAAgBM,OAAOL,GAAWC,GACvE9B,MAAK,SAAUmC,GAAK,OAAOA,EAAEC,gBAMvC,IAAIC,EAA0B,SAAUV,EAAUC,EAAYC,GACjE,OAAOH,EAAgBC,EAAUC,EAAYC,EAAU,CAAES,OAAQ,YAK9D,IAAIC,EAA2B,SAAUZ,EAAUC,EAAYC,GAClE,OAAOH,EAAgBC,EAAUC,EAAYC,EAAU,CAAES,OAAQ,aAS9D,IAAIE,EAAyB,SAAUb,EAAUC,EAAYC,EAAUY,GAC1E,OAAOf,EAAgBC,EAAUC,EAAYC,EAAU,CAAES,OAAQ,SAAUG,OAAQA,KC5DhF,IAAIC,EAAkB,SAAUf,EAAUgB,EAAMC,GACnD,IAAIR,EAAO,IAAIS,SACfT,EAAKU,OAAO,YAAaF,EAAWD,GACpC,OAAOhB,EAASK,IACXe,KAAK,cAAeX,GACpBpC,MAAK,SAAUmC,GAAK,OAAOA,EAAEC,SCL/B,IAAIY,EAAiB,SAAUrB,EAAUgB,EAAMM,GAClD,IAAIb,EAAO,IAAIS,SACfT,EAAKU,OAAO,UAAWG,EAAUN,GACjC,OAAOhB,EAASK,IACXe,KAAK,YAAaX,GAClBpC,MAAK,SAAUmC,GAAK,OAAOA,EAAEC,SCXtC,MAAMc,EAAiB,q6ECevB,MAAMC,EAAY,0OAElB,MAAMC,EAAe,wIAwBRC,EAAW,kKACtBtE,KAAA4C,SAA4B,KAgD5B5C,KAAAuE,gBAA0B,EAC1BvE,KAAAwE,OAA2B,mBA5CS,iBAKJ,qBAKI,oBAkBI,sBACjB,uBAGC,2BACG,yBACJ,wBACC,qBACA,eACN,oBACE,uBAEG,2BACI,MAK3BC,oBACEzE,KAAK4C,SAAW,IAAI8B,EAAgB,CAACC,YAAa,YAGpDF,2CACE,IAAKzE,KAAK6C,WAAY,EACpBG,EAAAhD,KAAK4E,YAAQ,MAAA5B,SAAA,OAAA,EAAAA,EAAE6B,KAAK,IAAIC,EAAS,oCAAqC,IAAK,KAC3E,OAGF,IAAK9E,KAAK+E,OAAQ,EAChBC,EAAAhF,KAAK4E,YAAQ,MAAAI,SAAA,OAAA,EAAAA,EAAEH,KAAK,IAAIC,EAAS,iCAAkC,IAAK,KACxE,OAGF,IAAK9E,KAAKiF,WAAY,EACpBC,EAAAlF,KAAK4E,YAAQ,MAAAM,SAAA,OAAA,EAAAA,EAAEL,KAAK,IAAIC,EAAS,qCAAsC,IAAK,KAC5E,OAGF,IACEK,QAAQC,IAAI,qCAAqCpF,KAAK6C,gBAAgB7C,KAAK+E,UAC3E,MAAMM,QAACA,EAAOC,UAAEA,EAASC,YAAEA,SAAqBC,EAA4BxF,KAAK4C,SAAU,CACzFC,WAAY7C,KAAK6C,WACjBkC,OAAQ/E,KAAK+E,OACbE,WAAYjF,KAAKiF,aAGnBE,QAAQC,IAAI,iCAAiCC,EAAQI,WAAWJ,EAAQK,cAExE1F,KAAKsF,UAAYA,EACjBtF,KAAKuF,YAAcA,EACnBvF,KAAK4C,SAAS+C,SAASJ,GAEvB,GAAIvF,KAAKsF,UAAU5B,OAAQ,CACzB1D,KAAK4F,gBAAkB,aAGnBC,EAAgB7F,KAAK4C,SAAU5C,KAAK6C,YAK1C7C,KAAKuE,eAAiBuB,EAAcC,SAASC,WAAWC,WAAUX,GAAaA,EAAUY,WAAalG,KAAK+E,SAC3G,GAAI/E,KAAKuE,gBAAkB,EAAG,CAC5BvE,KAAKsF,UAAYQ,EAAcC,SAASC,WAAWhG,KAAKuE,gBACxDvE,KAAKwE,OAASxE,KAAKsF,UAAUd,OAG/BxE,KAAKmG,OAAS,CAAC,YAAa,WAAY,YAAYC,SAASpG,KAAKsF,UAAUe,QAC5ElB,QAAQC,IAAI,OAAQpF,KAAKmG,SAMzBG,EAAAtG,KAAKuG,kBAAc,MAAAD,SAAA,OAAA,EAAAA,EAAEzB,KAAK,CAACjC,SAAU5C,KAAK4C,SAAUmD,SAAUD,EAAcC,WAC5E,MAAOlF,GACPsE,QAAQC,IAAI,6BAA8BvE,IAC1C2F,EAAAxG,KAAK4E,YAAQ,MAAA4B,SAAA,OAAA,EAAAA,EAAE3B,KAAK,IAAIC,EAASjE,EAAE4F,SAASC,EAAA7F,EAAE8F,YAAQ,MAAAD,SAAA,OAAA,EAAAA,EAAEL,QAAQO,EAAA/F,EAAE8F,YAAQ,MAAAC,SAAA,OAAA,EAAAA,EAAEvD,QAIhFoB,mBACEhB,EAAuBzD,KAAK4C,SAAU5C,KAAK6C,WAAY7C,KAAK+E,OAAQ,MACjE9D,MAAKmC,UACJpD,KAAK4F,gBAAkB,OACvB5F,KAAKsF,UAAYlC,GACjBJ,EAAAhD,KAAK6G,mBAAe,MAAA7D,SAAA,OAAA,EAAAA,EAAE6B,KAAK,CAACjC,SAAU5C,KAAK4C,SAAUmD,SAAUD,EAAcC,SAAUe,MAAO,cAE/FC,OAAMlG,cACLsE,QAAQC,IAAI,iBAAkBvE,IAC9BmC,EAAAhD,KAAK4E,YAAQ,MAAA5B,SAAA,OAAA,EAAAA,EAAE6B,KAAK,IAAIC,EAASjE,EAAE4F,SAASzB,EAAAnE,EAAE8F,YAAQ,MAAA3B,SAAA,OAAA,EAAAA,EAAEqB,QAAQnB,EAAArE,EAAE8F,YAAQ,MAAAzB,SAAA,OAAA,EAAAA,EAAE7B,UAIlFoB,2BAA2B5D,GACzB,OAAQA,EAAEmG,OAAOC,IACf,IAAK,QACHjH,KAAKkH,YAAc,KACnBlH,KAAKmH,gBAAkB,KAKvB,MACF,IAAK,QACH,MACF,IAAK,UACH,CACE,MAAMC,QAAsB5D,EAAyBxD,KAAK4C,SAAU5C,KAAK6C,WAAY7C,KAAK+E,QAC1FI,QAAQC,IAAI,iBAAkBgC,GAC9BpH,KAAKmG,OAAS,KAEhB,MACF,IAAK,QACHkB,OAAOC,QACP,MACF,IAAK,WACHC,EAAQvH,KAAK4C,SAAUkD,EAAcC,SAAUD,EAAcC,SAASyB,sBAAsBT,OAAM,SAClG,OAINtC,gBAAgBgD,EAAmBjD,GACjCkD,EAA8B1H,KAAK4C,SAAU5C,KAAK6C,WAAY4E,EAAWjD,GACtEuC,OAAMlG,oBACL,KAAImC,EAAAnC,EAAE8F,YAAQ,MAAA3D,SAAA,OAAA,EAAAA,EAAEqD,UAAW,OAAOnB,GAAAF,EAAAnE,EAAE8F,YAAQ,MAAA3B,SAAA,OAAA,EAAAA,EAAE3B,QAAI,MAAA6B,SAAA,OAAA,EAAAA,EAAEyC,SAAU,cAAe,CAE3ExC,QAAQC,IAAI,kCACZpF,KAAK4H,aAAe,+BACf,CACLzC,QAAQC,IAAI,sBAAuBvE,IAGrCyF,EAAAtG,KAAK4E,YAAQ,MAAA0B,SAAA,OAAA,EAAAA,EAAEzB,KAAK,IAAIC,EAASjE,EAAE4F,SAASD,EAAA3F,EAAE8F,YAAQ,MAAAH,SAAA,OAAA,EAAAA,EAAEH,QAAQK,EAAA7F,EAAE8F,YAAQ,MAAAD,SAAA,OAAA,EAAAA,EAAErD,UAIlFoB,wBAAwBoD,EAAuBhH,GAC7CsE,QAAQC,IAAI,cAAeyC,EAAOhH,EAAGA,EAAEiH,OAAOxH,OAC9C,MAAMA,MAACA,EAAKyH,QAAEA,GAAWlH,EAAEiH,OAE3B,OAAQD,EAAMG,MACZ,IAAK,UACH,OAAOhI,KAAKiI,gBAAgBJ,EAAMjE,KAAM,CAACsE,SAAU,MAAO5H,MAAAA,IAE5D,IAAK,iBAAkB,CACrB,MAAM6H,EAAUN,EAAMO,SAASD,QAAQE,KAAIC,IAAM,CAAMrB,GAAIqB,EAAOrB,GAAIc,QAASlH,EAAEiH,OAAOC,YACxF,OAAO/H,KAAKiI,gBAAgBJ,EAAMjE,KAAM,CAACsE,SAAU,MAAO5H,MAAO,CAAC6H,QAAAA,KAGpE,IAAK,qBAAsB,CACzB,MAAMA,EAAUN,EAAMO,SAASD,QAAQE,KAAIC,IAAM,CAAMrB,GAAIqB,EAAOrB,GAAIsB,SAAU1H,EAAEiH,OAAOxH,QAAUgI,EAAOrB,OAC1G,OAAOjH,KAAKiI,gBAAgBJ,EAAMjE,KAAM,CAACsE,SAAU,MAAO5H,MAAO,CAAC6H,QAAAA,KAGpE,IAAK,WACH,OAAOnI,KAAKiI,gBAAgBJ,EAAMjE,KAAM,CAACsE,SAAU,MAAO5H,MAAOO,EAAEmG,SAErE,IAAK,UACH,MAAMwB,cAA4BC,MAAM5H,EAAEmG,SAAS0B,OACnD,OAAOzE,EAAejE,KAAK4C,SAAU,UAAW4F,GAC7CvH,MAAK0H,IACJxD,QAAQC,IAAI,eAAgByC,EAAMjE,KAAM+E,GACxCC,EAA4B5I,KAAK4C,SAAU5C,KAAK6C,WAAYgF,EAAMjE,KAAM+E,EAAY1B,OAG1F,IAAK,YACH,MAAM4B,cAA6BJ,MAAM5H,EAAEmG,SAAS0B,OACpD,OAAO/E,EAAgB3D,KAAK4C,SAAU,YAAaiG,GAChD5H,MAAK6H,IACJ3D,QAAQC,IAAI,WAAYyC,EAAMjE,KAAMkF,GACpCC,EAA6B/I,KAAK4C,SAAU5C,KAAK6C,WAAYgF,EAAMjE,KAAMkF,EAAa7B,OAG5F,IAAK,OACH,MAAM+B,EAAMnI,EAAEiH,OAAOmB,aAAa,OAClC,OAAOjJ,KAAKiI,gBAAgBJ,EAAMjE,KAAM,CAACsE,SAAU,MAAO5H,MAAO0I,IAEnE,IAAK,YACH7D,QAAQC,IAAI,qBAAsB,CAAC9E,MAAAA,EAAO4I,GAAIrI,EAAEiH,OAAOmB,aAAa,eACpE,MAEF,QACE9D,QAAQC,IAAI,yBAA0B,CAAC9E,MAAAA,EAAOyH,QAAAA,GAAUF,GACxD,OAINpD,aAAaoD,qBACX,MAAMsB,SAACA,EAAW,OAAStB,EAC3B,MAAM9G,OAACA,EAAS,GAAET,MAAEA,EAAQ,GAAE8I,OAAEA,EAAS,IAAMvB,EAAMO,UAAY,GACjE,OAAQP,EAAMG,MACZ,IAAK,UACH,SAAQhF,EAAA6E,EAAMO,YAAQ,MAAApF,SAAA,OAAA,EAAAA,EAAEqG,YAAa,IACnC,IAAK,QACH,OAAOC,EAAavI,GACtB,IAAK,QACH,OAAOwI,EAAaxI,GACtB,QACE,OAAQoI,GAAYpI,IAAW,GAGrC,IAAK,YACL,IAAK,UACH,OAAQoI,GAAYC,IAAW,GAGjC,IAAK,YACH,OAAO,KAET,IAAK,WACL,IAAK,OACL,IAAK,aACH,OAAQD,GAAYpI,IAAW,GAEjC,IAAK,WACH,OAAQoI,GAAY7I,IAAU,GAEhC,IAAK,iBACH,MAAMkJ,KAAgBtE,GAAAF,EAAA6C,EAAMO,YAAQ,MAAApD,SAAA,OAAA,EAAAA,EAAEmD,WAAO,MAAAjD,SAAA,OAAA,EAAAA,EAAEuE,QAAOnB,GAAUA,EAAOP,YAAY,IAAItF,OACvF,OAAQ0G,GAAaK,MAAiBlD,EAAAuB,EAAMO,YAAQ,MAAA9B,SAAA,OAAA,EAAAA,EAAEoD,kBAAmB,IAAMF,MAAiBhD,EAAAqB,EAAMO,YAAQ,MAAA5B,SAAA,OAAA,EAAAA,EAAEmD,kBAAmB,KAErI,IAAK,qBACH,OAAQR,MAAavC,GAAAF,EAAAmB,EAAMO,YAAQ,MAAA1B,SAAA,OAAA,EAAAA,EAAEyB,WAAO,MAAAvB,SAAA,OAAA,EAAAA,EAAE6C,QAAOnB,GAAUA,EAAOC,aAAa,IAAI9F,OAAS,EAMlG,QACE,OAAO,OAIbgC,yBACE,GAAIzE,KAAK4J,YAAa,CACpB,IACE,MAAM7I,QAAeuC,EAAwBtD,KAAK4C,SAAU5C,KAAK6C,WAAY7C,KAAK+E,QAClFI,QAAQC,IAAI,gCAAiCrE,GAC7Cf,KAAK6J,SAAW,KAChB7J,KAAKmG,OAAS,KAEd,MAAOtF,GACPsE,QAAQC,IAAI,mBAAoBvE,GAElC,OAWF,MAAMiJ,EAAiB9J,KAAKwE,OAAOiF,QAAO5B,GAASA,EAAMsB,WACzD,MAAMY,EAAeD,EAAe7D,WAAU4B,GAASA,EAAMjE,OAAS5D,KAAKgK,eAE3E,IAAIC,EAAmBF,EAAe,EACtC,GAAIE,GAAoBH,EAAerH,OAAQ,CAC7CwH,EAAmB,EAGrB,IAAIC,EAAoBJ,EAAeG,GAGvC,IAAIE,EAAQ,EACZ,GAAIA,EAAQL,EAAerH,QAAU,CAAC,YAAa,WAAW2D,SAAS8D,EAAkBlC,SAAShF,EAAAkH,EAAkB9B,YAAQ,MAAApF,SAAA,OAAA,EAAAA,EAAEjC,UAAW,SAAU,CACjJoJ,IACAF,IACA,GAAIA,GAAoBH,EAAerH,OAAQ,CAC7CwH,EAAmB,EAErBC,EAAoBJ,EAAeG,GAGrC,GAAIE,GAASL,EAAerH,OAAQ,CAClCyH,EAAoB,KAGtB,GAAIA,EAAmB,CACrB,MAAMjD,EAAKmD,EAAWF,GACtB,MAAMG,EAAKC,SAASC,eAAetD,GACnCoD,IAAE,MAAFA,SAAE,OAAA,EAAFA,EAAIG,aACJxK,KAAKgK,aAAeE,EAAkBtG,MAK1Ca,uBACE,MAAMgG,EAAoBzK,KAAKsF,UAAUd,OAAO6D,KAAIR,GAAS7H,KAAK0K,aAAa7C,KAAQ8C,MAAKC,IAAeA,IAC3GzF,QAAQC,IAAI,CAACqF,kBAAAA,IACb,IAAKA,EAAmB,CACtBzK,KAAK4F,gBAAkB,SACvB5F,KAAK4J,YAAc,SACd,CACL5J,KAAK4J,YAAc,OAIvBnF,sBAAsBoG,EAAUhD,EAAOiD,EAAWT,SAChDA,EAAGU,iBAAiB,SAASlK,GAAKb,KAAKgL,kBAAkBnD,EAAOhH,GAAGoK,SAAQ,IAAMjL,KAAKkL,2BACtFb,EAAGU,iBAAiB,eAAelK,GAAKb,KAAKgL,kBAAkBnD,EAAOhH,GAAGoK,SAAQ,IAAMjL,KAAKkL,2BAE5Fb,EAAGc,aAAa,YAAaL,GAC7BT,EAAGc,aAAa,SAAUN,EAASO,QACnCf,EAAGc,aAAa,SAAUN,EAASQ,QACnChB,EAAGc,aAAa,WAAYnL,KAAKsF,UAAYgG,EAAmBtL,KAAKsF,UAAUiG,WAAa,IAC5FlB,EAAGc,aAAa,SAAQnI,EAAAhD,KAAKsF,aAAS,MAAAtC,SAAA,OAAA,EAAAA,EAAEuI,YAAa,IAGvD9G,mBAAmB5D,GACjB,MAAMgK,EAAWhK,EAAEmG,OACnB,MAAM8D,EAAYU,EAAa1F,EAAc2F,UAAWzL,KAAKsF,UAAUY,WACvE,MAAMwF,EAAkB1L,KAAKsF,UAAUd,OAAOiF,QAAO5B,GAASA,EAAM8D,OAASd,EAASe,aACtFzG,QAAQC,IAAI,sCAAuC,CAACyF,SAAAA,EAAUC,UAAAA,EAAWY,gBAAAA,IAEzEA,EAAgBG,SAAQhE,IACtB,MAAMwC,EAAKyB,EAAoBjE,EAAOgD,EAAUC,EAAW,CAACiB,SAAU,MAAOC,SAAU,MAAOC,UAAW,MAAOjL,KAAMhB,KAAKmG,SAC3H,IAAKkE,EAAI,CACP,OAGF,GAAI6B,MAAMC,QAAQ9B,GAAK,CACrBA,EAAGhC,KAAIxH,GAAKb,KAAKoM,sBAAsBvB,EAAUhD,EAAOiD,EAAWjK,SAC9D,CACLb,KAAKoM,sBAAsBvB,EAAUhD,EAAOiD,EAAWT,OA8B3DvE,EAAcC,SAASC,WACpByD,QAAOnE,GAAaA,EAAUY,YAAclG,KAAKsF,UAAUY,YAC3DmC,KAAIgE,IACH,MAAMC,EAAiBd,EAAa1F,EAAc2F,UAAWY,EAAenG,WAC5E,MAAMwF,EAAkBW,EAAe7H,OAAOiF,QAAO5B,GAASA,EAAM8D,OAASd,EAASe,aAEtFF,EAAgBG,SAAQhE,IACtB,MAAMwC,EAAKyB,EAAoBjE,EAAOgD,EAAUyB,EAAgB,CAACP,SAAU,KAAMC,SAAU,MAAOC,UAAW,MAAOjL,KAAMhB,KAAKmG,SAC/H,IAAKkE,EAAI,CACP,OAGFA,EAAGc,aAAa,YAAamB,GAC7BjC,EAAGc,aAAa,SAAUN,EAASO,QACnCf,EAAGc,aAAa,SAAUN,EAASQ,cAIzCrL,KAAKkL,uBAGPzG,qBACE,GAAIqB,EAAcyG,UAAYzG,EAAcC,SAAU,CACpD,OACEyG,EAACC,EAAI,KACHD,EAAA,iBAAA,OAKN,MAAME,EAAc,CAClB,CAACzF,GAAI,QAAS3F,MAAO,gBAErB,CAAC2F,GAAI,UAAW3F,MAAO,mBACvB,CAAC2F,GAAI,QAAS3F,MAAO,wBAAyByK,SAAU,MACxD,CAAC9E,GAAI,WAAY3F,MAAO,aAG1B,OACEkL,EAACC,EAAI,CAACE,MAAO,CAACjJ,QAAQV,EAAAhD,KAAKsF,aAAS,MAAAtC,SAAA,OAAA,EAAAA,EAAEU,UAClC1D,KAAKmG,SAAWnG,KAAKkH,aACrBsF,EAAA,MAAA,CAAKG,MAAM,SACTH,EAAA,MAAA,CAAKG,MAAM,SAAO,8CAItBH,EAAA,MAAA,CAAKG,MAAM,UACTH,EAAA,MAAA,CAAKG,MAAM,SACTH,EAAA,MAAA,CAAKG,MAAM,WACTH,EAAA,MAAA,CAAKG,MAAM,UACP3M,KAAKmG,SAAWnG,KAAKkH,aAAesF,EAAA,mBAAA,CAAkBrE,QAASuE,EAAaE,iBAAkB/L,GAAKb,KAAK6M,qBAAqBhM,QAE7HmE,EAAAhF,KAAKsF,aAAS,MAAAN,SAAA,OAAA,EAAAA,EAAEtB,QAChB8I,EAAA,MAAA,CAAKG,MAAM,SACTH,EAAA,mBAAA,CAAkB5I,KAAK,QAAQtC,MAAM,oDAAoDwL,QAAS,IAAM9M,KAAK+M,sBAG/GP,EAACQ,EAAQ,KACPR,EAAA,MAAA,CAAKS,IAAI,4CAA4CC,IAAI,eAAeP,MAAM,SAC9EH,EAAA,MAAA,CAAKG,MAAM,SAAS7G,EAAcC,SAASnC,MAC3C4I,EAAA,MAAA,CAAKW,MAAO,CAACC,KAAM,OACnBZ,EAAA,MAAA,CAAKa,UAAWjJ,EAAW+I,MAAO,CAACG,MAAO,OAAQC,OAAQ,OAAQC,KAAM,UAAWC,OAAQ,WAAYC,QAAS,IAAMrG,OAAOC,UAC7HkF,EAAA,MAAA,CACEa,UAAWhJ,EACX8I,MAAO,CAACG,MAAO,OAAQC,OAAQ,OAAQC,KAAM,UAAWC,OAAQ,UAAWE,WAAY,OAAQC,WAAY,QAC3GF,QAAS,IAAMnG,EAAQvH,KAAK4C,SAAUkD,EAAcC,SAAUD,EAAcC,SAASyB,sBAAsBT,OAAM,aAKrH/G,KAAKmG,SAAWnG,KAAKkH,aACrBsF,EAAA,iBAAA,CAAgBqB,KAAK,QAAQvM,MAAOtB,KAAK4F,gBAAiBmG,YAAW7G,EAAAlF,KAAKsF,aAAS,MAAAJ,SAAA,OAAA,EAAAA,EAAExB,QAAQgK,QAAS,IAAM1N,KAAK8N,oBAOzH9N,KAAKmG,WAAWG,EAAAtG,KAAKsF,aAAS,MAAAgB,SAAA,OAAA,EAAAA,EAAE5C,QAAS8I,EAAA,MAAA,CAAKG,MAAM,UAAaH,EAAA,MAAA,CAAKW,MAAO,CAACY,QAAS,UAEzFvB,EAAA,MAAA,CAAKG,MAAM,aACP7G,EAAcC,SAASiI,WAAa,IAAI3F,KAAI4F,IAC5C,MAAMC,EAAQ,KAAKD,IAAgB,MAAhBA,SAAgB,OAAA,EAAhBA,EAAkBC,QAAS,IAC9CA,EAAMC,MAAK,CAACC,EAAGC,IAAMD,EAAEE,SAAWD,EAAEC,WAEpC,OACE9B,EAACQ,EAAQ,KACNkB,EAAM7F,KAAIsD,GACTa,EAAA,wBAAA,CACE+B,aAAc5C,EAAK6C,YACnBC,aAAc,IACdC,cAAe,IACf9C,WAAYD,EAAK2C,SACjBK,eAAgB9N,GAAKb,KAAK4O,mBAAmB/N,GAC7CgO,OAAQ,CACN,CAACjL,KAAM,OAAQoE,KAAM,UACrB,CAACpE,KAAM,WAAYoE,KAAM,iBAStChI,KAAKmH,iBACJqF,EAAA,oBAAA,CACEsC,QAAQ,8CACRrI,QAAQ,4HACRsI,OAAQ,IAAO/O,KAAKmH,gBAAkB,QAIzCnH,KAAK4H,cAAgB4E,EAAA,oBAAA,CAAmBsC,QAAQ,gBAAgBrI,QAASzG,KAAK4H,aAAcmH,OAAQ,IAAO/O,KAAK4H,aAAe,KAC/H5H,KAAK6J,UACJ2C,EAAA,oBAAA,CACEsC,QAAQ,eACRrI,QAAQ,wOACRsI,OAAQ,IAAO/O,KAAK6J,SAAW","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"]}

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

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js"],(function(e){"use strict";var m,a,r,b,t;return{setters:[function(e){m=e.r;a=e.c;r=e.h;b=e.H;t=e.a}],execute:function(){var g="verdocs-document-page{width:100%;position:relative}verdocs-document-page .verdocs-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-document-page .verdocs-document-page-layer.img{max-width:100%}";var i=e("verdocs_document_page",function(){function e(e){m(this,e);this.pageRendered=a(this,"pageRendered",7);this.pageImageUri="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId="verdocs-document-page-".concat(Math.random().toString(36).substring(2,11));this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true}e.prototype.componentDidLoad=function(){var e=this;this.resizeObserver=new ResizeObserver((function(m){for(var a=0,r=m;a<r.length;a++){var b=r[a];var t=b.contentRect.width;e.renderedWidth=t;e.renderedHeight=e.virtualHeight*(t/e.virtualWidth)}e.notifyRenderedSize()}));this.resizeObserver.observe(this.container)};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.notifyRenderedSize=function(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}this.pageRendered.emit({container:this.container,containerId:this.containerId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,xScale:this.renderedWidth/this.naturalWidth,yScale:this.renderedHeight/this.naturalHeight})};e.prototype.render=function(){var e=this;var m="".concat(this.renderedHeight,"px");return r(b,{id:"".concat(this.containerId),style:{height:m}},this.layers.map((function(a){return a.type==="div"?r("div",{class:"verdocs-document-page-layer",id:"".concat(e.containerId,"-").concat(a.name),style:{height:m}}):r("img",{class:"verdocs-document-page-layer img",id:"".concat(e.containerId,"-").concat(a.name),src:e.pageImageUri,alt:"Page ".concat(e.pageNumber),"aria-hidden":true,onLoad:function(m){e.naturalWidth=m.target.naturalWidth;e.naturalHeight=m.target.naturalHeight;e.aspectRatio=e.naturalWidth/e.naturalHeight}})})))};Object.defineProperty(e.prototype,"container",{get:function(){return t(this)},enumerable:false,configurable:true});return e}());i.style=g;var o="verdocs-loader{display:block;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;font-size:24px;width:24px;height:24px;border-radius:50%;text-indent:-9999em;-webkit-animation:load5 1.1s infinite ease;animation:verdocs-loader-kf 1.1s infinite ease;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes verdocs-loader-kf{0%,100%{-webkit-box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4)}12.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3)}25%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}37.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}50%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}62.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}75%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}87.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa;box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa}}@keyframes verdocs-loader-kf{0%,100%{-webkit-box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);box-shadow:0em -2.6em 0em 0em #aaaaaa, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4)}12.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em #aaaaaa, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3)}25%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em #aaaaaa, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}37.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em #aaaaaa, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}50%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4), 0em 2.5em 0 0em #aaaaaa, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}62.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3), 0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em #aaaaaa, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}75%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em #aaaaaa, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2)}87.5%{-webkit-box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa;box-shadow:0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em #aaaaaa}}";var s=e("verdocs_loader",function(){function e(e){m(this,e)}e.prototype.render=function(){return r(b,null)};return e}());s.style=o}}}));
-//# sourceMappingURL=p-e4569806.system.entry.js.map